@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{color-scheme:dark;font-family:"Noto Sans SC",system-ui,sans-serif;color:#eaf3f4;background:#080e16;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#17373870,transparent 35%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}nav,main,footer{max-width:1240px;margin:auto}nav{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #24313d}nav>div{display:flex;align-items:center;gap:28px;font-size:13px;color:#becdce}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px}.logo span{font-size:12px;font-weight:400;color:#8eaaa9;margin-left:8px}.nav-download{padding:10px 16px;border:1px solid #63867f;border-radius:7px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:54px;padding:94px 32px 76px}.eyebrow,.section-label{font-size:12px;color:#81dcca;letter-spacing:.1em}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#8effd8;box-shadow:0 0 16px #8effd8}h1{font-size:clamp(38px,4.5vw,66px);letter-spacing:-.065em;line-height:1.25;margin:25px 0}h1 span{color:#8effd8}.lead{color:#a5b8c0;font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:#a1f4d8;color:#102620;padding:16px 22px;border-radius:8px;font-weight:700;font-size:14px}.button:hover{background:#c1ffe9}.text-link{font-size:13px;color:#b8d8d0}.fine{font-size:11px;color:#91a7af;line-height:1.8;margin-top:15px}.preview{border:1px solid #41595d;border-radius:16px;background:#111e29;box-shadow:0 35px 100px #0008;transform:rotate(1.5deg)}.window-bar{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #30414d;font-size:10px;color:#8aa5b0}.window-bar>div{letter-spacing:4px}.preview-content{padding:24px}.preview-top{display:flex;gap:12px;align-items:center;font-weight:700;font-size:16px}.field-label{margin:26px 0 8px;font-size:11px;color:#91a7b4}.demo-post{padding:16px;border:1px solid #2e4250;border-radius:9px;font-size:13px;line-height:1.9;min-height:108px;color:#c8d6dc}.style-row{display:flex;gap:6px;margin:19px 0;flex-wrap:wrap}.style{background:transparent;border:1px solid #405767;border-radius:999px;padding:6px 10px;color:#b0c6cc;font-size:11px}.style.active{background:#204b45;border-color:#75c8b4;color:#aaf9dc}.reply-label{display:flex;justify-content:space-between;color:#92e8cc;font-size:12px}.reply-label small{color:#869da7}.demo-reply{font-size:19px;line-height:1.6;min-height:80px;margin-bottom:14px}.preview-footer{display:flex;justify-content:space-between;border-top:1px solid #2e4250;padding-top:14px;font-size:10px;color:#99b8c3}.feature-strip{margin:0 32px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px 0;border-block:1px solid #293640;font-size:12px;color:#9db2b8}.feature-strip span:before{content:"✦";color:#89dfc5;margin-right:10px}section:not(.hero){scroll-margin-top:30px}h2{font-size:clamp(28px,3.3vw,44px);line-height:1.4;letter-spacing:-.05em;margin:18px 0 30px}.experience{padding:88px 32px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature-number{color:#7eb9ac;font-size:12px}.features h3{font-size:18px;line-height:1.6}.features p,.install p,.pricing p,.faq p{color:#a5b7be;font-size:13px;line-height:1.9}.install{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:0 32px;padding:56px;border:1px solid #34474e;border-radius:18px;background:linear-gradient(125deg,#192e3160,#15202c)}ol{list-style:none;counter-reset:step;padding:0;margin:0}ol li{counter-increment:step;position:relative;padding:0 0 22px 45px;border-bottom:1px solid #30404c;margin-bottom:22px}ol li:before{content:"0" counter(step);position:absolute;left:0;top:0;color:#9ae2cd;font-size:13px}ol strong{font-size:15px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:96px 88px}.price-card{padding:30px;border:1px solid #568b7a;border-radius:14px;background:linear-gradient(135deg,#1c342e,#14232d)}.price-card>span{font-size:12px;color:#a5e4d1}.price{font-size:64px;font-weight:900;letter-spacing:-.05em;margin-top:10px}.price small{font-size:16px;font-weight:500;letter-spacing:0}.price-card h3{font-size:18px}ul{padding-left:18px;color:#b4c7ce;font-size:13px;line-height:2.2}.price-card .button{margin-top:12px;width:100%}.faq{padding:20px 88px 90px}.faq details{border-bottom:1px solid #30404a;padding:19px 0}.faq summary{cursor:pointer;font-size:15px}.faq p{max-width:850px}footer{border-top:1px solid #2b3a46;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#9fb2b9}:focus-visible{outline:2px solid #9bf2d8;outline-offset:5px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:36px;padding-top:50px}.preview{transform:none}.features{grid-template-columns:1fr;gap:20px}.install,.pricing{grid-template-columns:1fr;gap:25px}.install{padding:25px}.pricing,.faq{padding:55px 32px}nav>div{gap:15px}nav>div>a:not(.nav-download){display:none}footer{flex-wrap:wrap}.logo span{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
:root{color-scheme:light;color:#162947;background:#f7faff}
body{background:radial-gradient(ellipse at 85% 6%,#d1bfff80,transparent 32%),radial-gradient(ellipse at 5% 15%,#9cf4e980,transparent 33%),#f7faff}
nav{border-color:#d4e0f1}nav>div,.logo span{color:#526784}.nav-download{border-color:#a4b8d9;background:#ffffffa6}
.eyebrow,.section-label{color:#08776f}.eyebrow i{background:#0cb393}
h1 span,.human-control h2 span{background:linear-gradient(100deg,#006fba,#6b38d2,#00877a);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:color-flow 9s ease infinite}
.lead,.features p,.install p,.pricing p,.faq p,.fine,.feature-strip{color:#526784}
.button{background:linear-gradient(110deg,#0067c7,#683dcc);color:white;box-shadow:0 8px 24px #4659c52b;transition:transform .2s}
.button:hover{background:linear-gradient(110deg,#087de0,#7a49e6);transform:translateY(-2px)}
.text-link{color:#23549b}.feature-strip{border-color:#cbd9e9}.feature-strip span:before{color:#008c7c}
.preview{border-color:#b9cceb;background:#ffffff;box-shadow:0 30px 80px #6a79ad26;animation:float-card 7s ease-in-out infinite}
.window-bar{border-color:#e0e8f5;color:#6b7f9a;background:#f2f6ff;border-radius:16px 16px 0 0}
.field-label,.reply-label small,.preview-footer{color:#617891}.demo-post{border-color:#d6e2f3;color:#34506c;background:#f6f9ff}
.style{border-color:#c1d4ec;color:#456283}.style.active{background:#e3edff;border-color:#5a8bd3;color:#1d4e9b}
.reply-label{color:#167a71}.preview-footer{border-color:#dbe5f3}.feature-number{color:#266eb2}
.install{border-color:#c7d9ef;background:linear-gradient(130deg,#e2f5ff,#eee7ff)}ol li{border-color:#c9d9eb}ol li:before{color:#2354a1}
.price-card{background:linear-gradient(135deg,#fff,#e8e7ff);border-color:#aea7df;box-shadow:0 15px 45px #596f9b18}
.price-card>span{color:#5142a1}ul{color:#526784}.faq details,footer{border-color:#cedced}footer{color:#586f86}
.pain-points{padding:80px 32px 30px}.pain-points article{padding:24px;border:1px solid #d6e3f4;border-radius:18px;background:#ffffffb5;box-shadow:0 8px 24px #6983a00c}
.human-control{margin:60px 32px 0;padding:45px;border:1px solid #c1d6ef;border-radius:22px;background:linear-gradient(120deg,#e5f7ff,#eae8ff,#e2faf0);background-size:200%;animation:color-flow 15s ease infinite}
.human-control>p{max-width:670px;color:#526784;line-height:1.9}.control-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:25px 0 35px}.control-flow span{padding:12px 18px;border:1px solid #b7cfe9;border-radius:10px;background:#ffffffb8;font-weight:700}.control-flow b{color:#5578ac}.policy-link{display:inline-block;margin-top:20px;font-size:12px}
@keyframes float-card{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-10px) rotate(-.5deg)}}
@keyframes color-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:850px){.human-control{padding:24px;margin:35px 20px 0}.pain-points{padding:50px 24px}.preview{animation:none}.control-flow{gap:8px}.control-flow span{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Editorial product direction: warm paper, ink typography, electric orange. */
:root{color:#182028;background:#faf8f3}
body{background:radial-gradient(ellipse at 93% 12%,#ffc99a66,transparent 35%),#faf8f3}
nav{height:88px;border-color:#ddd9d1}nav>div,.logo span{color:#626660}.nav-download{border-color:#232c2b;background:#fff9}
.hero{padding-top:85px;padding-bottom:85px;gap:52px}
.eyebrow{color:#6a6259;letter-spacing:0;font-size:12px}.eyebrow i{background:#ff671f;box-shadow:0 0 0 5px #ff671f16}
h1{font-size:clamp(50px,6vw,84px);letter-spacing:-.075em;line-height:1.13;margin:28px 0}
h1 span{background:none;color:#f45b22;animation:none;position:relative}
.lead{font-size:16px;color:#62655f;line-height:1.95}
.button{background:#f45b22;color:white;border:1px solid #f45b22;border-radius:5px;padding:17px 23px;box-shadow:0 7px 0 #cf441b18;transition:transform .2s,box-shadow .2s}
.button:hover{background:#df4817;transform:translateY(-3px);box-shadow:0 10px 0 #cf441b18}
.text-link{color:#283a39;text-decoration:underline;text-underline-offset:5px}
.preview{background:#162824;border-color:#2d4b40;color:#f3f6ec;box-shadow:18px 22px 0 #edc5a35e,0 25px 65px #53412e20}
.window-bar{background:#213a31;color:#b0c1b3;border-color:#3a5145}.preview-top{font-size:15px}
.field-label{color:#a0b5a8}.demo-post{background:#203c32;color:#e1e9dc;border-color:#4a6454;min-height:110px}
.style{color:#b9cbbd;border-color:#576d5c}.style.active{background:#f4e8c4;color:#24382c;border-color:#f4e8c4}
.reply-label{color:#e8d79c}.reply-label small{color:#a7bcab}.demo-reply{font-size:22px;line-height:1.6}
.preview-footer{color:#b4c5b6;border-color:#465f4d}
.feature-strip{color:#4e5f55;border-color:#d9dcd2}.feature-strip span:before{color:#f45b22}
.section-label{color:#9e481f;font-size:11px;letter-spacing:.08em}
h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.065em;line-height:1.3}
.experience{padding-top:90px;padding-bottom:65px}
.features{gap:30px}.features h3{font-size:19px}.features p,.install p,.pricing p,.faq p{color:#626a61}
.feature-number{color:#b75c31}.features article{border-top:2px solid #d9d9cd;padding-top:20px}
.pain-points{background:#f0ede4;margin:20px 32px 0;padding:45px;border-radius:8px}
.pain-points article{background:transparent;border:0;border-top:1px solid #cccbbd;border-radius:0;box-shadow:none;padding:20px 0}
.human-control{background:#e4ecdf;border-color:#c5d1bc;border-radius:8px;animation:none}
.human-control h2 span{background:none;color:#346446;animation:none}
.human-control>p{color:#52624f}.control-flow span{background:#f8fbf2;border-color:#b8c7ae}.control-flow b{color:#5a7554}
.install{background:#fffdf7;border-color:#dddccf;border-radius:8px;margin-top:80px}
ol li{border-color:#dedfce}ol li:before{color:#bc4d23}
.pricing{padding-top:100px;padding-bottom:80px;align-items:center}
.price-card{background:#172c24;border-color:#172c24;color:#fff8e8;border-radius:10px;box-shadow:12px 12px 0 #dedbc4}
.price-card>span{color:#d6dfc1}.price{font-size:76px}.price-card ul,.price-card .fine{color:#becab4}.price-card .button{margin-top:16px}
.faq details{border-color:#dadbce}.faq summary{font-weight:500}
.closing{text-align:center;padding:50px 25px 80px;border-top:1px solid #deded1}.closing h2{font-size:clamp(40px,5vw,64px)}.closing>p:last-child{font-size:12px;color:#687065}
footer{color:#697364;border-color:#dadbcf}
@media(max-width:850px){.hero{padding-top:45px;padding-bottom:55px}.preview{box-shadow:8px 10px 0 #edc5a35e}.pain-points{margin:20px;padding:25px}.install{margin-top:45px}.pricing{padding:65px 30px}}
/* Brand palette aligned with the bull-X mark. */
:root{color-scheme:dark;color:#f0f6ff;background:#090f1c}
body{background:radial-gradient(ellipse at 85% 5%,#124fb45c,transparent 40%),radial-gradient(ellipse at 5% 35%,#12596330,transparent 40%),#090f1c}
nav{border-color:#2c4162}nav>div,.logo span{color:#b8cce9}.nav-download{border-color:#608bd0;background:#203c6655}
.eyebrow,.section-label{color:#83d9ff}.eyebrow i{background:#68f0db;box-shadow:0 0 0 5px #68f0db16}
h1 span{background:linear-gradient(95deg,#65f1df,#56a6ff,#8a96ff);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:color-flow 9s ease infinite}
.lead,.features p,.install p,.pricing p,.faq p,.fine{color:#b4c8e3}
.button{background:linear-gradient(110deg,#0877ed,#4857df);border-color:#5f9dff;color:white;box-shadow:0 8px 30px #1069e73d}
.button:hover{background:linear-gradient(110deg,#228dff,#626df5);box-shadow:0 12px 35px #1069e755}
.text-link{color:#8dcaff}.preview{background:#162a46;border-color:#5c85b5;box-shadow:12px 16px 0 #164e8e30,0 25px 80px #09285c55}
.window-bar{background:#1a3557;color:#a7c7e8;border-color:#3a587e}.field-label{color:#a7c2e3}
.demo-post{background:#203c60;color:#e4efff;border-color:#42618a}.style{color:#c7def7;border-color:#537cac}.style.active{background:#367de5;color:white;border-color:#80b7ff}
.reply-label{color:#80f0dc}.reply-label small,.preview-footer{color:#adc7e6}.preview-footer{border-color:#42618a}
.feature-strip{color:#bbd2ee;border-color:#304765}.feature-strip span:before,.feature-number{color:#70c7ff}
.features article{border-color:#39577a}.pain-points{background:#14263f;border:1px solid #365779}.pain-points article{border-color:#426386}
.human-control{background:linear-gradient(130deg,#163b60,#24345c);border-color:#5478a9}.human-control h2 span{color:#79e3e1}.human-control>p{color:#c0d6ef}
.control-flow span{background:#244c77;border-color:#628bb6}.control-flow b{color:#8bd8ff}
.install{background:linear-gradient(130deg,#172d4b,#203454);border-color:#47688f}ol li{border-color:#466181}ol li:before{color:#80ddff}
.price-card{background:linear-gradient(140deg,#184e8a,#1e2c52);border-color:#6297d7;box-shadow:10px 12px 0 #1b477b55;color:#f2f7ff}
.price-card>span{color:#87e7f0}.price-card ul,.price-card .fine{color:#c2d9f1}
.faq details{border-color:#38516f}.closing{border-color:#38516f;background:radial-gradient(ellipse at center,#153d733d,transparent 70%)}.closing>p:last-child{color:#acc4e1}
footer{color:#a4bedf;border-color:#38516f}
@media(prefers-reduced-motion:reduce){h1 span{animation:none}}
.hero h1 { font-size:clamp(32px,4.1vw,57px); letter-spacing:-.06em; }
.hero h1 .headline-line { display:inline-block; white-space:nowrap; color:#f0f6ff; background:none; animation:none; }
.hero h1 .headline-accent { color:#72c8ff; }
@media(max-width:420px){.hero{padding-inline:20px}.hero h1{font-size:clamp(27px,8.1vw,34px)}}
.button { position:relative; overflow:hidden; isolation:isolate; border-radius:3px; border:1px solid #79ccff; background:linear-gradient(115deg,#113e77,#174d9b 50%,#3057c7); box-shadow:inset 0 1px 0 #bcf1ff66,inset 0 -2px 0 #001b4a88,0 0 24px #258dff30; padding:17px 25px; letter-spacing:.04em; clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }
.button:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(110deg,transparent 30%,#bcf5ff55 48%,transparent 65%); transform:translateX(-130%); transition:transform .7s ease; }
.button:hover { background:linear-gradient(115deg,#185793,#285db6,#4b63dc); box-shadow:inset 0 1px 0 #d0faff88,0 0 32px #459cff66; transform:translateY(-2px); }
.button:hover:before { transform:translateX(130%); }
.button>span { display:flex; align-items:center; justify-content:center; width:27px; height:27px; border:1px solid #9ddfff80; background:#9cdfff14; font-size:18px; border-radius:3px; }
@media(prefers-reduced-motion:reduce){.button:before{transition:none}.button:hover{transform:none}}
/* Material 3 Expressive inspired surfaces, shape and motion. */
:root{--surface:#101b30;--surface-high:#203756;--primary:#a7c8ff;--on-primary:#092c5d;--accent:#83eadb}
body{background:radial-gradient(ellipse at 85% 2%,#244a7e70,transparent 36%),#0b1425}
nav{height:96px;border:0;padding-top:12px;padding-bottom:12px}
nav>div{padding:7px 8px 7px 20px;background:#1b2c46;border:1px solid #3b5272;border-radius:999px}
nav .nav-download{border:0;background:var(--primary);color:var(--on-primary);border-radius:999px;font-weight:700}
.hero{gap:48px;padding-top:70px}
.eyebrow{width:fit-content;padding:9px 14px;border-radius:999px;background:#163d42;color:#a0f6e7}
.hero h1{font-weight:900;line-height:1.2}
.hero h1 .headline-accent{color:var(--primary)}
.button{clip-path:none;border:0;border-radius:999px;padding:19px 27px;min-height:58px;background:var(--primary);color:var(--on-primary);box-shadow:0 4px 14px #0002;transition:transform .28s cubic-bezier(.2,.8,.2,1.2),border-radius .28s,background .2s}
.button:before{display:none}
.button:hover{background:#c5dbff;color:#092c5d;box-shadow:0 8px 24px #0003;transform:translateY(-3px);border-radius:20px}
.button:active{transform:scale(.97)}
.button>span{border:0;background:#0c326d15;border-radius:50%;width:30px;height:30px}
.preview{border:1px solid #4f6d94;border-radius:32px;background:#1c3250;box-shadow:0 20px 60px #030a194d;animation:none;transform:rotate(1deg)}
.window-bar{border-radius:32px 32px 0 0;background:#294366;padding:18px 23px;border-color:#47658a}
.preview-content{padding:26px}.demo-post{background:#2a4566;border:0;border-radius:20px;color:#e3edff}
.style-row{gap:8px}.style{padding:9px 14px;border-radius:999px;border-color:#7595bc;color:#d0e2fb;transition:background .2s,border-radius .2s}
.style.active{background:#abdfd4;color:#133c35;border-color:#abdfd4;border-radius:12px}
.reply-label{color:#a6f4df}.demo-reply{font-size:23px;line-height:1.65}.preview-footer{border-color:#506b8d}
.feature-strip{border:0;background:#172a43;border-radius:24px;padding:22px 26px;color:#d2e1f8}
.feature-strip span:before{color:var(--accent)}
.experience,.pain-points{padding-top:72px;padding-bottom:48px}
.experience .features,.pain-points .features{gap:14px}
.features article{background:#1a2b44;border:0;border-radius:28px;padding:26px}
.features article:nth-child(2){background:#223657;border-radius:28px 28px 8px 28px}
.features article:nth-child(3){background:#203c45;border-radius:28px 8px 28px 28px}
.features h3{margin-top:16px;line-height:1.55}
.feature-number{display:inline-flex;padding:7px 12px;border-radius:12px;background:#a5c8ff1a;color:#bed9ff}
.pain-points{background:transparent;border:0;margin-top:0;padding-inline:32px}
.human-control{border:0;border-radius:36px;background:#1e3a4b;padding:44px;margin-top:38px}
.human-control h2 span{color:#9cebd7}.control-flow span{border:0;background:#bad9ef;color:#183445;border-radius:16px;padding:14px 20px}
.human-control .features article{background:#25475a}.human-control .features article:nth-child(2){background:#29465e}.human-control .features article:nth-child(3){background:#274459}
.install{border:0;border-radius:36px;background:#1a2c46;padding:46px;margin-top:70px}
ol li{border:0;background:#263d5a;border-radius:20px;padding:20px 20px 20px 60px;margin-bottom:12px}
ol li:before{top:20px;left:20px;color:#a9cffb;font-weight:700}
.price-card{border:1px solid #6e95c6;border-radius:36px;background:#243f65;box-shadow:none;padding:34px}
.price-card>span{display:inline-flex;background:#a7c8ff;color:#12345c;padding:7px 12px;border-radius:999px}
.price-card .button{background:#a1ecdb;color:#143c36}.price-card .button:hover{background:#c3ffed}
.faq details{margin-bottom:10px;padding:21px 24px;border:0;background:#1a2a43;border-radius:20px}
.faq details[open]{background:#243957}.faq summary{font-weight:600;line-height:1.5}
.closing{border:0;border-radius:40px;background:#182e4d;margin:0 32px 50px;padding:52px 20px}
.closing .button{min-width:200px;justify-content:center}
.section-label{color:#9acaff}
@media(max-width:850px){nav{padding-inline:20px}nav>div{padding:5px}.hero{padding-top:35px}.preview{transform:none}.features article{padding:24px}.install,.human-control{padding:26px;border-radius:26px}.closing{margin-inline:20px}.hero-actions{gap:20px}.hero-actions .button{font-size:13px;padding:17px 22px}.feature-strip{margin-inline:20px}}
@media(prefers-reduced-motion:reduce){.button,.style{transition:none}.button:hover,.button:active{transform:none}}
body{position:relative;isolation:isolate;overflow-x:clip}
body:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 500px 450px at 18% 8%,#007bff28,transparent 75%),radial-gradient(ellipse 650px 450px at 85% 17%,#6c41ff2b,transparent 75%),radial-gradient(ellipse 700px 650px at 40% 55%,#00d8e418,transparent 70%);animation:aurora-drift 18s ease-in-out infinite alternate}
.hero{position:relative}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#64bcff0b 1px,transparent 1px),linear-gradient(90deg,#64bcff0b 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%);animation:grid-drift 24s linear infinite}
.button,.price-card .button{color:#fff;border:1px solid #72c7ff99;background:linear-gradient(110deg,#006de9,#345cf4,#8646ec,#007edb);background-size:300% 100%;box-shadow:inset 0 1px 0 #c8edff55,0 0 24px #226eff44;animation:button-flow 7s ease-in-out infinite;position:relative;isolation:isolate;overflow:hidden}
.button:before{display:block;content:"";position:absolute;inset:-30%;z-index:-1;background:linear-gradient(110deg,transparent 35%,#cefcff50 50%,transparent 65%);animation:button-shimmer 6s ease-in-out infinite}
.button:hover,.price-card .button:hover{color:white;background:linear-gradient(110deg,#198aff,#5269ff,#9b54ff,#1e9dec);background-size:300% 100%;box-shadow:inset 0 1px 0 #d4f4ff88,0 0 40px #367cff66;transform:translateY(-3px)}
.button>span{color:white;background:#ffffff17;border:1px solid #ffffff30}
nav .nav-download{background:#1766c5;color:#fff;border:1px solid #659aeb}
.hero h1 .headline-accent{background:linear-gradient(100deg,#65dcff,#73a3ff,#c28eff,#65dcff);background-size:250%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:button-flow 9s ease-in-out infinite}
.preview{animation:preview-hover 9s ease-in-out infinite;box-shadow:0 25px 80px #002e7055,0 0 30px #568aff18}
.feature-strip{background:linear-gradient(100deg,#182e49,#203654,#1c304e)}
.features article{transition:transform .3s,border-color .3s,box-shadow .3s;border:1px solid #7da4de19}
.features article:hover{transform:translateY(-5px);border-color:#70baff77;box-shadow:0 15px 35px #00123455}
.price-card{background:radial-gradient(ellipse at top right,#684bba66,transparent 65%),linear-gradient(135deg,#174d86,#24375e);box-shadow:0 0 35px #3c70d022}
@keyframes button-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes button-shimmer{0%,60%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
@keyframes aurora-drift{from{transform:translateY(-20px)}to{transform:translateY(50px)}}
@keyframes grid-drift{from{background-position:0 0}to{background-position:48px 48px}}
@keyframes preview-hover{0%,100%{transform:translateY(0) rotate(.6deg)}50%{transform:translateY(-9px) rotate(-.4deg)}}
@media(max-width:850px){.preview{animation:none}}
@media(prefers-reduced-motion:reduce){body:before,.hero:before,.button,.button:before,.preview,.hero h1 .headline-accent{animation:none!important}.features article{transition:none}.features article:hover,.button:hover{transform:none}}
nav .nav-buy { padding:11px 20px; background:linear-gradient(110deg,#057bef,#6254ed); border:1px solid #7cbfff; border-radius:999px; color:#fff; font-weight:700; box-shadow:0 0 22px #2d76ff44; white-space:nowrap; }
.hero-buy { color:#9edcff; font-weight:700; }
@media(max-width:850px){nav>div>a.nav-buy{display:inline-block}nav>div .nav-download{display:none}nav>div{padding:5px}}