@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--bg:#080d19;--ink:#f4f7fc;--muted:#9faec3;--green:#b9fb68;--border:#253147;--light:#f6f8fb;--dark:#101827}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 'DM Sans',Arial,sans-serif;color:#172337;background:white}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif;line-height:1.12;letter-spacing:-.035em}a{color:inherit}.container{max-width:1220px;padding:0 28px;margin:auto}.announcement{background:#c7f68a;color:#1c3028;text-align:center;font-size:11px;letter-spacing:.08em;font-weight:700;padding:9px 12px}.announcement span{margin:0 9px}.announcement a{text-decoration:underline}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:82px;background:white}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;line-height:1}.brand-icon{display:grid;place-items:center;width:49px;height:43px;background:#12213a;color:#b9fb68;border-radius:10px;font:800 24px Outfit;letter-spacing:-.09em}.brand b{font:800 18px Outfit;letter-spacing:.03em;display:block}.brand small{display:block;letter-spacing:.42em;font-size:9px;color:#6e8099;margin-top:5px}.header nav{display:flex;gap:28px}.header nav a{font-size:13px;color:#425069;font-weight:700;text-decoration:none}.header nav a:hover{color:#14867e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:11px 16px}.btn-outline{border:1px solid #dae2ea;color:#19283d}.btn-primary{background:var(--green);color:#122420;box-shadow:0 10px 35px #4ce1a424}.btn-ghost{color:white;border:1px solid #36455b}.btn-white{background:white;color:#0e3032}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{max-width:none;background:radial-gradient(ellipse at 85% 35%,#173c47 0%,transparent 37%),radial-gradient(ellipse at 55% 0%,#17294a 0%,transparent 34%),#080e1b;color:white;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:70px;padding:92px max(28px,calc((100vw - 1164px)/2)) 100px;overflow:hidden}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.15em}.eyebrow{color:#c8fba2;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--green);border-radius:100%;box-shadow:0 0 18px var(--green)}.hero h1{font-size:clamp(52px,5.45vw,86px);margin:24px 0;max-width:740px;font-weight:700}.hero h1 em,.final-cta h2 em{font-style:normal;color:var(--green)}.hero .lead{font-size:18px;color:#b9c6d9;max-width:550px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:30px 0}.hero-points{display:flex;gap:21px;flex-wrap:wrap;color:#a9b9c7;font-size:12px}.hero-art{position:relative;min-width:0}.art-top{font-size:10px;letter-spacing:.11em;font-weight:700;color:#9bb1c6;display:flex;gap:10px;align-items:center;padding:16px 20px;background:#151f32;border:1px solid #2c4055;border-radius:19px 19px 0 0}.live-dot{width:8px;height:8px;border-radius:50%;background:#7ff0ae}.draft-chip{margin-left:auto;color:#c9e48c;border:1px solid #466149;border-radius:99px;padding:3px 10px}.mockup{display:flex;aspect-ratio:1.35;min-height:280px;background:#101a2b;border:1px solid #2b4356;border-top:0;border-radius:0 0 19px 19px;overflow:hidden;box-shadow:0 40px 100px #0008}.mock-left{width:75px;border-right:1px solid #294056;background:#0f1724;display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px 0}.mock-logo{color:#bbfb81;font-size:24px}.mock-tab{color:#879bb3;font-size:16px}.mock-tab span{display:none}.mock-tab.active{color:#c1ff85}.mock-main{flex:1;padding:19px;min-width:0}.scene{height:78%;border-radius:12px;background:radial-gradient(circle at 45% 40%,#1c78a8 0%,#152d69 35%,#241943 66%,#0f1630 100%);position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center;padding:25px}.scene-tag{position:absolute;top:16px;left:16px;font-size:9px;font-weight:700;letter-spacing:.1em;color:#d3e8f5}.orbs{position:absolute;inset:30px;filter:blur(1px)}.orb{position:absolute;border-radius:48% 52% 43% 57%;background:linear-gradient(140deg,#51e9bb,#3b7de1);opacity:.8;box-shadow:0 0 70px #42bfff9c}.orb.a{width:38%;height:68%;left:25%;top:5%;transform:rotate(-30deg)}.orb.b{width:28%;height:45%;right:12%;top:22%;background:linear-gradient(#a076f9,#5289f2)}.orb.c{width:25%;height:34%;left:9%;bottom:0;background:linear-gradient(#bcfa66,#169e99)}.scene-caption{z-index:1;color:white;font:700 clamp(18px,2.6vw,36px) Outfit;text-shadow:0 4px 20px #0008;text-align:center}.play-circle{position:absolute;z-index:2;top:42%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid #ffffff91;border-radius:50%;backdrop-filter:blur(10px);display:grid;place-items:center;color:white}.timeline-label{color:#8da5bd;font-size:9px;font-weight:800;letter-spacing:.1em;padding:12px 0 5px}.timeline{display:flex;gap:5px;height:17px}.timeline span{flex:1;border-radius:4px;background:linear-gradient(90deg,#2fe6c9,#1b6aa7)}.timeline span:nth-child(2n){background:linear-gradient(90deg,#5a61d0,#a777e4)}.floating-card{position:absolute;bottom:-27px;left:-43px;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 20px;border-radius:14px;box-shadow:0 20px 45px #0003;color:#15253c}.float-mark{color:#27ac8a;font-size:30px}.floating-card b{display:block;font-size:13px}.floating-card small{display:block;font-size:11px;color:#758397}.visual-note{font-size:10px;color:#8194a5;text-align:right;margin:34px 0 0}.proof-strip{background:#eaf7ef;border-bottom:1px solid #d9eae0}.proof-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:72px}.proof-inner span{font-size:10px;font-weight:800;color:#4d786e;letter-spacing:.08em}.proof-inner b{font:700 16px Outfit;color:#174337}.section{padding-top:115px;padding-bottom:115px}.section-head{max-width:810px;margin-bottom:40px}.kicker{color:#138c82;display:inline-block;margin-bottom:18px}.section h2,.comparison h2,.final-cta h2{font-size:clamp(37px,4vw,60px);margin:0 0 21px}.section h2 span{color:#7b8b9e}.section-head>p,.section-lead{font-size:17px;color:#637286;max-width:710px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.work-card{border:1px solid #e4e9f0;border-radius:18px;padding:29px;background:#fff;min-height:267px;position:relative}.work-number{font:700 13px Outfit;color:#abb9c8}.work-icon{font:600 43px Outfit;color:#179f93;margin:28px 0 14px}.work-card h3{font-size:21px;margin-bottom:11px}.work-card p{font-size:14px;color:#6a788c}.persona-section{background:#f3f7fa}.persona-controls{display:flex;gap:12px;flex-wrap:wrap}.persona{border:1px solid #d8e3ed;background:white;padding:13px 20px;border-radius:12px;font-weight:800;color:#546277;cursor:pointer}.persona.active{background:#0c2632;color:#c9fa91;border-color:#0c2632}.persona-panel{margin-top:20px;background:#0e1c2d;color:#fff;border-radius:22px;padding:45px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;min-height:340px}.panel-kicker{font-size:11px;letter-spacing:.13em;color:#b6ecb3;font-weight:800}.persona-panel h3{font-size:33px;margin:20px 0}.persona-panel p{color:#bac9d9}.panel-chips{display:flex;flex-wrap:wrap;gap:8px}.panel-chips span{background:#243a4c;padding:7px 12px;border-radius:99px;font-size:11px}.persona-card{background:#21364c;border:1px solid #37556a;border-radius:18px;padding:25px;transform:rotate(2deg)}.mini-preview>span{color:#b1f4d1;font-size:10px;letter-spacing:.12em}.mini-preview b{display:block;font:700 25px Outfit;margin:15px 0 25px}.preview-lines{display:flex;gap:8px;margin-bottom:24px}.preview-lines i{height:31px;flex:1;border-radius:6px;background:linear-gradient(120deg,#5cc9aa,#577ecc)}.preview-lines i:nth-child(2){background:linear-gradient(120deg,#8b6cda,#58a0c3)}.mini-preview small{color:#c5d5e6}.review-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:start}.feature-list{margin:30px 0}.feature-list>div{display:flex;gap:21px;padding:15px 0;border-bottom:1px solid #e6edf2}.feature-list>div>span{font:800 13px Outfit;color:#149e87}.feature-list p{margin:0}.feature-list b{display:block;font-size:16px}.feature-list small{display:block;color:#6c7c8f;margin-top:4px}.cta-note{font-size:11px;color:#758295;margin:14px 0 0}.decision-card{background:#101e2d;color:#fff;border-radius:23px;padding:37px;box-shadow:0 30px 65px #15283e20}.card-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.1em;color:#bef38c;font-weight:800}.check-tag{border:1px solid #506e62;padding:5px 7px;border-radius:50px}.decision-card h3{font-size:31px;margin:25px 0}.decision-card ul{margin:0;padding:0;list-style:none}.decision-card li{padding:15px 0;border-bottom:1px solid #2f4556}.decision-card li b{display:block;font-size:15px}.decision-card li span{display:block;color:#acbacb;font-size:13px;margin-top:2px}.decision-foot{color:#93a9ba;font-size:11px;margin-top:22px}.comparison{background:#142b32;color:white;padding:95px 0}.comparison-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.comparison p{color:#c0d3d9}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.compare-grid>div{background:#23414a;border:1px solid #3b5f62;border-radius:14px;padding:22px}.compare-grid span{color:#a9ebba;font-size:10px;letter-spacing:.1em;font-weight:800}.compare-grid b{display:block;font:700 20px Outfit;margin:10px 0}.compare-grid small{color:#c0d2d5}.faq-section{max-width:1040px}.faqs{border-top:1px solid #dae4ed}.faqs details{border-bottom:1px solid #dae4ed;padding:23px 6px}.faqs summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between}.faqs summary:after{content:'+';font-size:23px;color:#1f9a8e}.faqs details[open] summary:after{content:'−'}.faqs p{max-width:840px;color:#67788a;margin:13px 0 0}.final-cta{background:radial-gradient(circle at 70% 0%,#24768a 0,transparent 48%),#0a1827;color:white;text-align:center;padding:105px 0}.final-cta p{max-width:620px;margin:20px auto 27px;color:#c0d1df}.final-cta small{display:block;margin-top:15px;color:#a9bcd1}.final-cta h2 em{color:#bbfa85}footer{background:#080e18;color:white;padding:52px 0 24px}.footer-row{display:flex;justify-content:space-between;gap:30px}.footer-row p{max-width:320px;font-size:13px;color:#9facbf;margin-top:20px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-items:start}.footer-links a{color:#c2cddb;font-size:12px}.footer-bottom{border-top:1px solid #243041;margin-top:35px;padding-top:20px;color:#8393a9;font-size:11px;display:flex;justify-content:space-between;gap:15px}.mobile-cta{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #29cdb0;outline-offset:4px}@media(max-width:1000px){.header nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:70px}.hero-copy{max-width:720px}.hero-art{max-width:720px;width:100%;margin:auto}.workflow-grid{grid-template-columns:repeat(2,1fr)}.review-layout,.comparison-inner{grid-template-columns:1fr;gap:35px}.persona-panel{gap:25px}}@media(max-width:650px){.container{padding-left:20px;padding-right:20px}.announcement{font-size:9px}.header{height:71px}.header .btn-small{display:none}.header nav{display:none}.header nav.open{display:flex;position:absolute;z-index:10;top:110px;left:0;right:0;flex-direction:column;gap:0;background:white;padding:12px 20px;box-shadow:0 14px 20px #1723371b}.header nav.open a{padding:14px;border-bottom:1px solid #eef1f5}.menu-toggle{display:block}.hero{padding:55px 20px 58px}.hero h1{font-size:clamp(46px,12.7vw,70px)}.hero .lead{font-size:16px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.hero-art{margin-top:10px}.mockup{min-height:215px}.mock-left{width:48px}.mock-main{padding:10px}.scene{padding:10px}.scene-caption{font-size:20px}.floating-card{left:0;bottom:-17px;padding:8px 12px}.floating-card b{font-size:11px}.floating-card small{font-size:9px}.visual-note{margin-top:28px}.proof-inner{min-height:72px;flex-direction:column;justify-content:center;gap:2px;text-align:center}.proof-inner span{font-size:8px}.proof-inner b{font-size:14px}.section{padding-top:74px;padding-bottom:74px}.section h2,.comparison h2,.final-cta h2{font-size:37px}.section-head>p,.section-lead{font-size:15px}.workflow-grid{grid-template-columns:1fr;gap:12px}.work-card{min-height:0;padding:23px}.work-icon{margin:8px 0}.persona-panel{grid-template-columns:1fr;padding:28px 23px}.persona-panel h3{font-size:27px}.persona-card{transform:none}.decision-card{padding:26px}.comparison{padding:70px 0}.compare-grid{grid-template-columns:1fr}.footer-row,.footer-bottom{flex-direction:column}.footer-links{gap:15px}.final-cta{padding:80px 0 100px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;box-shadow:0 -4px 35px #09152126;border-top:1px solid #e4eaf0;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.mobile-cta b{display:block;font-size:13px}.mobile-cta small{font-size:11px;color:#67768a}.mobile-cta a{background:#b9fb68;padding:11px 18px;border-radius:10px;font-weight:800;text-decoration:none;font-size:12px;color:#172d26}footer{padding-bottom:98px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}