:root { --bg:#0d0d0d; --bg-soft:#151515; --bg-card:#1b1b1b; --ink:var(--bg); --deep:#090909; --panel:var(--bg-soft); --line:rgba(255,255,255,.10); --muted:#a6a6a0; --paper:#f5f5f2; --accent:#00ffff; --accent-soft:rgba(0,255,255,.14); --acid:var(--accent); --mint:#d7f6f3; --orange:#c2c2bc; --border-strong:rgba(255,255,255,.18); --shadow:rgba(0,0,0,.35); --serif:Georgia, 'Times New Roman', serif; --sans:'Manrope', sans-serif; --mono:'DM Mono', monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.55; overflow-x:hidden; }
body:before { content:""; position:fixed; inset:0; z-index:-2; background:radial-gradient(circle at 75% 0%,rgba(0,255,255,.05),transparent 35%),radial-gradient(circle at 10% 45%,rgba(255,255,255,.025),transparent 28%),var(--ink); }
.noise { position:fixed; inset:0; z-index:10; pointer-events:none; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); }
.shell { width:min(1160px, calc(100% - 80px)); margin:0 auto; }
.site-header { position:fixed; z-index:20; width:100%; top:0; transition:.35s ease; }
.site-header.scrolled { background:rgba(13,13,13,.82); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); }
.nav { min-height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand { color:var(--paper); text-decoration:none; display:inline-flex; gap:10px; align-items:center; font-weight:800; letter-spacing:-.04em; font-size:18px; }
.brand-mark { width:25px; height:25px; display:grid; place-items:center; border:1px solid var(--acid); color:var(--acid); font:500 13px var(--mono); }
.brand-tap { color:var(--acid); }
.site-menu { display:flex; align-items:center; gap:30px; }
.site-menu a, .text-link { color:var(--muted); text-decoration:none; font-size:13px; transition:color .25s; }
.site-menu a:hover, .text-link:hover { color:var(--acid); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:16px 22px; border:1px solid transparent; text-decoration:none; color:var(--deep); font-weight:800; font-size:13px; transition:transform .25s,background .25s,color .25s; }
.button:hover { transform:translateY(-3px); }
.button-accent { background:var(--acid); }
.button-accent:hover { background:var(--accent); }
.button-small { padding:11px 15px; }
.button-light { background:var(--paper); color:var(--ink); }
.button-wide { width:100%; }
.menu-toggle { display:none; background:none; border:0; width:42px; padding:8px; }
.menu-toggle span:not(.sr-only) { display:block; height:1px; background:var(--paper); margin:5px 0; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.hero { min-height:760px; display:grid; grid-template-columns:1fr 1fr; align-items:center; position:relative; padding-top:100px; }
.hero-copy { padding-bottom:35px; position:relative; z-index:2; }
.eyebrow { color:var(--acid); font:500 10px var(--mono); letter-spacing:.12em; text-transform:uppercase; margin:0 0 28px; }
.status-dot, .price-dot { display:inline-block; width:7px; height:7px; background:var(--acid); border-radius:50%; margin-right:9px; box-shadow:0 0 14px var(--acid); }
h1,h2,h3,p { margin-top:0; }
h1,h2 { letter-spacing:-.07em; line-height:.95; }
h1 { font-size:clamp(58px,8vw,108px); max-width:660px; margin-bottom:30px; }
h1 em,h2 em { font-family:var(--serif); font-weight:400; letter-spacing:-.08em; }
.hero-intro { color:var(--muted); max-width:410px; font-size:15px; }
.hero-actions { display:flex; gap:28px; align-items:center; margin-top:38px; }
.play-icon { display:inline-grid; place-items:center; width:24px; height:24px; border:1px solid var(--muted); border-radius:50%; font-size:8px; color:var(--acid); margin-right:8px; }
.hero-note { color:var(--muted); font:11px var(--mono); margin-top:42px; }.tiny-check{color:var(--acid); margin-right:8px;}
.hero-visual { height:570px; position:relative; display:grid; place-items:center; }
.product-card { background:linear-gradient(135deg,var(--bg-card),var(--bg-soft) 55%,var(--bg)); border:1px solid var(--border-strong); box-shadow:inset 1px 1px 0 rgba(255,255,255,.14),0 30px 55px rgba(0,0,0,.35); color:var(--paper); position:relative; overflow:hidden; }
.hero-product { width:310px; aspect-ratio:1.59; border-radius:18px; transform:rotate(-12deg); animation:float 5s ease-in-out infinite; z-index:2; padding:20px; display:flex; flex-direction:column; justify-content:space-between; }
.product-shine { position:absolute; inset:-100% 30% 0 -100%; transform:rotate(25deg); background:linear-gradient(90deg,transparent,var(--accent-soft),transparent); animation:shine 7s ease-in-out infinite; pointer-events:none; }
.product-top,.product-bottom { display:flex; justify-content:space-between; align-items:center; font:10px var(--mono); color:var(--muted); letter-spacing:.08em; }.product-logo { font-size:21px; font-weight:500; color:var(--acid); letter-spacing:-.15em; }.product-logo span { color:var(--paper); }.product-type { font-size:8px; }.product-center { display:flex; align-items:center; gap:17px; font:9px var(--mono); text-transform:uppercase; letter-spacing:.1em; }.nfc-symbol { position:relative; width:32px; height:28px; overflow:hidden; }.nfc-symbol i { display:block; position:absolute; bottom:0; left:0; border:1px solid var(--acid); border-left-color:transparent; border-bottom-color:transparent; border-radius:0 100% 0 0; transform:rotate(-45deg); }.nfc-symbol i:nth-child(1){width:14px;height:14px;}.nfc-symbol i:nth-child(2){width:22px;height:22px;left:0;}.nfc-symbol i:nth-child(3){width:30px;height:30px;left:0;}.product-signal { color:var(--acid); letter-spacing:-4px; font-size:13px; }
.hero-orbit { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }.orbit-one{width:510px;height:510px;}.orbit-two{width:350px;height:350px;border-color:rgba(0,255,255,.16);}.floating-label { position:absolute; color:var(--muted); font:10px var(--mono); letter-spacing:.1em; text-transform:uppercase; display:flex; align-items:center; gap:10px; }.floating-label b { color:var(--paper); font-weight:400; }.label-location{top:145px;right:0;}.label-nfc{bottom:145px;left:35px;}.label-line{width:40px;height:1px;background:var(--acid);}.label-nfc .label-line{width:24px;}.hero-caption{position:absolute;bottom:40px;right:22px;left:50px;display:flex;gap:12px;color:#647a6d;font:9px var(--mono);align-items:center}.caption-line{height:1px;background:var(--line);flex:1}.scroll-cue{position:absolute;bottom:30px;left:0;display:flex;gap:14px;align-items:center;color:#6d8578;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.scroll-line{width:55px;height:1px;background:var(--acid);}
.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.11em}.signal-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between}.signal-cross{color:var(--acid);font-size:18px;}
.section{padding-top:150px;padding-bottom:150px}.section-heading{max-width:620px}.section-heading h2,.comparison-heading h2,.benefits h2,.product-copy h2,.proof-heading h2,.pricing h2,.steps h2,.faq h2{font-size:clamp(48px,6vw,80px);margin-bottom:27px}.section-heading>p:last-child,.comparison-heading>p:last-child,.benefits-top>p,.product-copy>p,.proof-heading>p,.pricing-head>p{color:var(--muted);max-width:400px;font-size:15px}.demo-stage{margin-top:85px;background:var(--panel);border:1px solid var(--line);min-height:480px;padding:28px;position:relative;overflow:hidden}.demo-progress{height:2px;background:var(--accent-soft);position:absolute;top:0;left:0;right:0}.progress-fill{display:block;width:0;height:100%;background:var(--acid);transition:width 5s linear}.demo-stage.is-running .progress-fill{width:100%}.demo-labels{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);text-transform:uppercase}.demo-scene{height:320px;display:flex;align-items:center;justify-content:center;gap:42px;position:relative}.demo-phone{height:200px;width:106px;border:2px solid #778c81;border-radius:15px;padding:7px;transform:translateX(-40px) rotate(-8deg);transition:transform 1.3s ease}.is-running .demo-phone{transform:translateX(45px) rotate(5deg)}.phone-speaker{width:28px;height:3px;background:var(--muted);border-radius:4px;margin:3px auto 9px}.phone-screen{height:172px;background:linear-gradient(145deg,#203e35,#101e1c);border-radius:9px;padding:20px 9px;display:flex;flex-direction:column;justify-content:space-between}.phone-greeting{font:16px var(--serif);line-height:1;color:var(--mint)}.phone-hand{font:8px var(--mono);color:var(--acid)}.phone-hand i{font-style:normal;font-size:16px;float:right}.demo-arrow{font-size:32px;color:var(--muted);transition:.4s}.is-running .demo-arrow{color:var(--acid)}.demo-tag{width:200px;aspect-ratio:1.59;border-radius:11px;padding:14px;transform:rotate(-8deg);transition:1.2s ease;opacity:.7}.is-running .demo-tag{transform:rotate(0) scale(1.06);opacity:1;box-shadow:0 0 35px rgba(0,255,255,.20)}.demo-tag .product-logo{font-size:16px}.demo-tag .product-center{font-size:7px;gap:7px}.demo-tag .nfc-symbol{transform:scale(.7);transform-origin:left}.review-window{width:220px;height:175px;background:#e9f3e7;color:#16231f;border-radius:3px;box-shadow:0 20px 30px rgba(0,0,0,.25);transform:translateY(18px) scale(.8);opacity:.2;transition:1s ease}.is-running .review-window{transform:translateY(0) scale(1);opacity:1}.window-bar{height:18px;background:#cbdace;display:flex;gap:4px;padding:6px}.window-bar span{width:5px;height:5px;border-radius:50%;background:var(--muted)}.review-content{padding:14px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.google-g{font-size:20px;color:#4285f4;font-weight:800}.review-content strong{font-size:12px}.review-stars{color:#e7a82f;letter-spacing:3px}.review-line{height:4px;width:100%;background:#c4d3c8}.review-line.short{width:70%}.review-content button{border:0;background:#182b24;color:white;padding:7px 9px;font-size:8px;margin-top:6px}.nfc-ripple{position:absolute;border:1px solid var(--acid);border-radius:50%;width:90px;height:90px;opacity:0}.is-running .nfc-ripple{animation:ripple 1.8s ease-out 1}.ripple-a{left:calc(50% - 115px);}.ripple-b{left:calc(50% - 115px);animation-delay:.35s!important}.demo-status{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:9px;color:var(--muted);font:10px var(--mono)}.status-pip{width:6px;height:6px;border-radius:50%;background:var(--acid)}.status-step{margin-left:auto}.demo-replay{position:absolute;bottom:24px;right:27px;background:none;border:0;color:var(--acid);font:10px var(--mono);cursor:pointer;}
.comparison{background:linear-gradient(90deg,var(--bg-soft),var(--bg-card));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.storyboard{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center}.story{min-height:300px;border:1px solid var(--line);padding:24px;background:rgba(8,17,16,.32)}.story-index,.story-tag{font:9px var(--mono);color:#718b7c}.story-tag{float:right}.story-art{height:160px;display:grid;place-items:center;text-align:center;font:20px var(--serif);position:relative}.quote-mark{font:62px var(--serif);color:var(--muted);line-height:.5}.story-art .fading-arrow,.new-arrow{position:absolute;right:0;bottom:18px;color:var(--muted);font:26px var(--sans)}.story p{color:var(--muted);font:12px var(--mono);margin:0;line-height:1.8}.story p strong{color:var(--paper);font-weight:400}.story-divider{text-align:center;color:var(--muted);font:10px var(--mono)}.new-story{border-color:rgba(0,255,255,.28);background:rgba(0,255,255,.035)}.new-art{font-family:var(--mono);font-size:11px;color:var(--acid)}.mini-tap{width:70px;height:44px;border:1px solid var(--acid);border-radius:6px;display:flex;align-items:center;justify-content:space-around;color:var(--acid)}.mini-tap b{letter-spacing:-3px;font-size:12px}.new-arrow{color:var(--acid)}
.benefits-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.benefits-top>p{margin:0;max-width:250px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit{min-height:245px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.benefit-number{font:10px var(--mono);color:var(--acid)}.benefit-icon{font-size:32px;color:var(--acid);height:80px;padding-top:20px}.benefit h3{font-size:20px;letter-spacing:-.04em;margin-bottom:10px}.benefit p{color:var(--muted);font-size:13px;max-width:235px}.benefit-feature{background:var(--acid);color:var(--ink)}.benefit-feature .benefit-number,.benefit-feature .benefit-icon,.benefit-feature p{color:var(--ink)}.benefit-foot{position:absolute;right:27px;bottom:29px;font:9px var(--mono);text-transform:uppercase}.benefit-wide{grid-column:span 2;min-height:150px;display:flex;align-items:center;gap:30px}.benefit-wide h3{font:32px var(--serif);margin-bottom:5px}.benefit-wide p{max-width:350px;margin:0}.benefit-arrow{margin-left:auto;font-size:26px;color:var(--acid)}
.product-section{background:var(--bg-card);color:var(--ink);overflow:hidden}.product-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px}.product-large-wrap{height:470px;display:grid;place-items:center;position:relative}.product-large{width:min(460px,75%);aspect-ratio:1.59;border-radius:24px;padding:30px;transform:rotate(-13deg);box-shadow:18px 27px 0 rgba(0,0,0,.35),35px 45px 45px rgba(0,0,0,.25)}.product-large .product-logo{font-size:30px}.product-large .product-center{font-size:13px}.product-shadow{position:absolute;width:330px;height:50px;background:rgba(11,32,25,.18);filter:blur(20px);bottom:38px;left:20%;transform:rotate(-7deg)}.product-measure{position:absolute;bottom:17px;left:0;color:var(--muted);font:9px var(--mono);display:flex;align-items:center;gap:12px}.product-measure span{width:100px;height:1px;background:var(--border-strong)}.product-copy .eyebrow{color:#638673}.product-copy h2{color:var(--paper)}.product-copy>p{color:#536b5e}.product-copy .text-link{color:var(--paper);display:inline-block;margin:15px 0 55px}.material-note{display:flex;gap:12px;align-items:center;border-top:1px solid var(--border-strong);padding-top:17px;color:var(--muted);font:10px var(--mono)}.material-swatch{width:28px;height:28px;border-radius:50%;background:var(--deep);box-shadow:inset 4px 4px 8px rgba(255,255,255,.2)}.material-note b{color:var(--paper);font-weight:500}
.proof{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.testimonial-placeholder{min-height:300px;border:1px dashed rgba(0,255,255,.32);padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;background:rgba(0,255,255,.025)}.testimonial-placeholder .quote-mark{color:var(--acid)}.testimonial-placeholder p{font:clamp(28px,4vw,49px) var(--serif);line-height:1.05;letter-spacing:-.04em}.placeholder-line{width:120px;height:1px;background:var(--acid);margin:18px 0}.placeholder-note{font:9px var(--mono);color:var(--muted);letter-spacing:.1em}
.pricing{display:grid;grid-template-columns:1fr 390px;gap:120px;align-items:center;padding-bottom:170px}.pricing-head{padding-left:5vw}.pricing-head>p{max-width:300px}.price-card{background:var(--acid);color:var(--ink);padding:30px}.price-top{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em}.price-dot{background:var(--ink);box-shadow:none;margin:0}.price-main{display:flex;align-items:baseline;padding:30px 0 20px}.currency{font:28px var(--serif)}.price{font-size:100px;line-height:1;letter-spacing:-.1em}.per{font:12px var(--mono);margin-left:13px}.price-divider{border-top:1px solid rgba(255,255,255,.16)}.included-list{list-style:none;padding:15px 0;margin:0 0 18px;font-size:13px}.included-list li{padding:7px 0}.included-list span{font-weight:800;margin-right:9px}.price-card .button{background:var(--ink);color:var(--paper)}.price-footnote{text-align:center;font:9px var(--mono);margin:16px 0 0;color:var(--muted)}
.steps{background:var(--bg-card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps-heading{margin-bottom:80px}.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.step{border-top:1px solid var(--line);padding:22px 35px 20px 0;display:grid;grid-template-columns:35px 1fr;gap:20px;position:relative}.step:not(:first-child){padding-left:30px;border-left:1px solid var(--line)}.step-number{font:11px var(--mono);color:var(--acid)}.step-marker{height:35px;position:absolute;top:-5px;left:0}.step:first-child .step-marker{left:-1px}.step-marker span{display:block;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.step h3{font-size:18px;margin:0 0 12px}.step p{color:var(--muted);font-size:13px;max-width:230px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list details{border-top:1px solid var(--line);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:16px;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary span{color:var(--acid);font-size:25px;font-weight:300;transition:transform .25s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;max-width:500px;margin:18px 0 0}
.final-cta{background:var(--acid);color:var(--ink);overflow:hidden}.cta-grid{width:min(1160px,calc(100% - 80px));margin:auto;min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.cta-copy{position:relative;z-index:2}.cta-copy .eyebrow{color:var(--muted)}.cta-copy h2{font-size:clamp(48px,6vw,80px);margin-bottom:24px}.cta-copy p:not(.eyebrow){max-width:330px;color:var(--muted);font-size:15px}.cta-copy .button{margin-top:24px}.cta-orbit{height:440px;position:relative;display:grid;place-items:center}.cta-ring{width:390px;height:390px;border:1px solid rgba(0,255,255,.18);border-radius:50%;position:absolute}.cta-ring:before,.cta-ring:after{content:"";position:absolute;border:1px solid rgba(0,255,255,.12);border-radius:50%;inset:35px}.cta-ring:after{inset:85px}.cta-tag{width:270px;aspect-ratio:1.59;border-radius:16px;padding:20px;transform:rotate(15deg);background:linear-gradient(135deg,#294c3d,#10251e);box-shadow:20px 22px 0 rgba(16,25,24,.12);animation:float 5s ease-in-out infinite}.footer{min-height:95px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px var(--mono)}.footer .brand{font-family:var(--sans);font-size:16px}.footer-copy{margin-left:auto;margin-right:50px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes shine{0%,40%{translate:-60% 0}75%,100%{translate:200% 0}}@keyframes ripple{0%{opacity:.7;transform:scale(.4)}100%{opacity:0;transform:scale(2.4)}}
@media(max-width:800px){.shell,.cta-grid{width:min(100% - 40px,600px)}.site-menu{position:absolute;top:81px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:rgba(7,16,16,.97);border:1px solid var(--line);padding:20px}.site-menu.open{display:flex}.site-menu a{padding:9px 0}.site-menu .button{margin-top:8px}.menu-toggle{display:block}.hero{min-height:auto;grid-template-columns:1fr;padding-top:150px;padding-bottom:90px}.hero-visual{height:450px;order:2}.hero-caption{bottom:10px}.hero-orbit.orbit-one{width:350px;height:350px}.hero-orbit.orbit-two{width:260px;height:260px}.hero-product{width:280px}.label-location{right:0;top:95px}.label-nfc{left:0;bottom:85px}.scroll-cue{display:none}.signal-inner{flex-wrap:wrap;gap:8px;padding:16px 0;line-height:1.5}.signal-inner span:nth-child(n+6){display:none}.section{padding-top:95px;padding-bottom:95px}.section-heading h2,.comparison-heading h2,.benefits h2,.product-copy h2,.proof-heading h2,.pricing h2,.steps h2,.faq h2{font-size:52px}.demo-stage{margin-top:50px;padding:18px 14px;min-height:550px}.demo-scene{height:390px;flex-direction:column;gap:10px}.demo-phone{transform:translateY(-22px) rotate(-5deg);height:145px;width:82px}.is-running .demo-phone{transform:translateY(3px) rotate(2deg)}.phone-screen{height:118px;padding:12px 7px}.phone-greeting{font-size:12px}.demo-arrow{transform:rotate(90deg);font-size:20px}.demo-tag{width:150px}.review-window{width:170px;height:125px}.review-content{padding:8px 11px;gap:4px}.review-content strong{font-size:9px}.review-stars{font-size:9px}.comparison-grid,.proof,.faq{grid-template-columns:1fr;gap:50px}.storyboard{grid-template-columns:1fr;gap:14px}.story-divider{height:20px}.benefits-top{display:block}.benefits-top>p{margin-top:20px}.benefits-grid{grid-template-columns:1fr 1fr}.benefit-wide{grid-column:span 2}.benefit{padding:20px;min-height:230px}.benefit-wide{min-height:170px}.product-layout{grid-template-columns:1fr;gap:40px}.product-large-wrap{height:350px}.product-large{width:280px}.product-copy .text-link{margin-bottom:30px}.pricing{grid-template-columns:1fr;gap:40px;padding-bottom:100px}.pricing-head{padding-left:0}.steps-list{grid-template-columns:1fr}.step,.step:not(:first-child){padding:24px 0;border-left:0}.step-marker{display:none}.cta-grid{grid-template-columns:1fr;min-height:670px;padding-top:100px}.cta-orbit{height:300px}.cta-ring{width:280px;height:280px}.cta-tag{width:220px}.footer{flex-wrap:wrap;gap:15px;padding:24px 0}.footer-copy{margin:0}.footer-meta{margin-left:auto}}
@media(max-width:430px){h1{font-size:57px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-visual{height:390px}.hero-product{width:245px}.floating-label{font-size:8px}.benefits-grid{grid-template-columns:1fr}.benefit-wide{grid-column:auto}.benefit-wide h3{font-size:26px}.demo-labels span:nth-child(2){display:none}.demo-status{font-size:8px}.product-large{width:255px}.price-card{padding:22px}.price{font-size:84px}.footer-copy{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.demo-stage .progress-fill{transition:none}.product-card{animation:none}}

/* Keep the cyan accent focused on actions rather than large surfaces. */
.price-card { background:var(--bg-card); color:var(--paper); border:1px solid var(--border-strong); }
.price-card .price-dot { background:var(--accent); }
.price-card .price-divider { border-color:var(--line); }
.price-card .included-list span { color:var(--accent); }
.price-card .price-footnote { color:var(--muted); }
.final-cta { background:var(--bg-soft); color:var(--paper); border-top:1px solid var(--border-strong); }
.cta-copy .eyebrow { color:var(--accent); }
.cta-copy p:not(.eyebrow) { color:var(--muted); }
.site-menu .button-accent { color:var(--deep); }

/* Shared Protox product-family styling */
.webpages-link span { color:var(--acid); font-size:11px; }
.ecosystem { padding-top:135px; }
.ecosystem-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:60px; }
.ecosystem-heading h2 { font-size:clamp(48px,6vw,80px); margin-bottom:0; }
.ecosystem-heading>p:last-child { max-width:330px; color:var(--muted); font-size:15px; margin:0; }
.ecosystem-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.ecosystem-card { border:1px solid var(--line); background:linear-gradient(145deg,rgba(24,48,42,.65),rgba(8,18,17,.75)); min-height:570px; padding:28px; position:relative; overflow:hidden; transition:border-color .3s,transform .3s; }
.ecosystem-card:hover { border-color:rgba(0,255,255,.38); transform:translateY(-5px); }
.webpages-ecosystem { background:linear-gradient(145deg,rgba(30,52,44,.9),rgba(11,25,22,.8)); }
.ecosystem-card-top { display:flex; justify-content:space-between; color:var(--muted); font:9px var(--mono); letter-spacing:.1em; }
.ecosystem-type { color:var(--acid); }
.ecosystem-card-art { height:205px; display:grid; place-items:center; position:relative; }
.mini-ecosystem-tag { width:185px; aspect-ratio:1.59; border-radius:12px; padding:16px; display:flex; align-items:flex-end; justify-content:space-between; transform:rotate(-10deg); box-shadow:15px 22px 30px rgba(0,0,0,.25); z-index:1; }
.mini-ecosystem-tag .product-logo { font-size:18px; }
.art-orbit { position:absolute; width:245px; height:170px; border:1px solid rgba(0,255,255,.20); border-radius:50%; transform:rotate(-25deg); }
.mini-browser { width:210px; height:138px; background:var(--paper); border:1px solid rgba(0,255,255,.38); box-shadow:15px 22px 30px rgba(0,0,0,.25); transform:rotate(4deg); position:relative; z-index:1; padding:28px 18px 15px; color:var(--deep); }
.mini-browser>span { position:absolute; top:9px; width:5px; height:5px; border-radius:50%; background:var(--muted); }
.mini-browser>span:nth-child(1) { left:10px; background:var(--accent); }.mini-browser>span:nth-child(2) { left:19px; }.mini-browser>span:nth-child(3) { left:28px; }
.browser-content { border-top:1px solid var(--border-strong); padding-top:14px; display:flex; flex-direction:column; gap:10px; }.browser-content b { font:18px var(--serif); }.browser-content i { height:4px; width:85%; background:var(--border-strong); }.browser-content i:last-child { width:55%; }
.art-grid { position:absolute; width:220px; height:175px; background-image:linear-gradient(rgba(0,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.12) 1px,transparent 1px); background-size:22px 22px; transform:translate(13px,16px); }
.ecosystem-card h3 { font-size:28px; letter-spacing:-.06em; margin:0 0 3px; }.ecosystem-card h3 span { color:var(--acid); font-weight:400; }.ecosystem-tagline { font:20px var(--serif); margin-bottom:22px; }
.ecosystem-card ul { list-style:none; border-top:1px solid var(--line); padding:13px 0 5px; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:6px; color:var(--muted); font:10px var(--mono); }.ecosystem-card li:before { content:'+'; color:var(--acid); margin-right:7px; }.ecosystem-card .text-link { display:inline-block; color:var(--paper); margin-top:20px; }.webpages-ecosystem .text-link { color:var(--acid); }
.bundle { background:var(--bg-soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-top:110px; padding-bottom:110px; }.bundle-layout { display:grid; grid-template-columns:.72fr 1.28fr; column-gap:90px; align-items:center; }.bundle-copy h2 { font-size:clamp(48px,6vw,80px); margin-bottom:25px; }.bundle-copy>p:not(.eyebrow) { color:var(--muted); max-width:320px; font-size:15px; }.bundle-status { display:inline-block; color:var(--acid); font:9px var(--mono); letter-spacing:.11em; border:1px solid rgba(0,255,255,.25); padding:8px 10px; margin-top:20px; }
.bundle-visual { min-height:330px; border:1px solid var(--line); display:grid; grid-template-columns:1fr 26px 1fr 26px 1.35fr; align-items:center; padding:28px; position:relative; background:radial-gradient(circle at 50% 40%,rgba(0,255,255,.06),transparent 45%); }.bundle-item { height:120px; border:1px solid rgba(0,255,255,.25); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:var(--acid); font:10px var(--mono); letter-spacing:.1em; }.bundle-icon { font-size:28px; letter-spacing:-.1em; }.bundle-symbol { text-align:center; color:var(--acid); font-size:21px; }.bundle-result { text-align:center; display:flex; flex-direction:column; color:#7b9587; font:10px var(--mono); letter-spacing:.1em; }.bundle-result strong { font:27px var(--serif); letter-spacing:-.04em; color:var(--paper); margin-top:5px; }.bundle-offer { position:absolute; bottom:0; left:28px; right:28px; display:flex; gap:16px; align-items:center; border-top:1px solid var(--line); padding:15px 0 0; color:var(--paper); font-size:13px; }.bundle-offer strong { color:var(--acid); font-weight:600; }.bundle-offer small { color:#718a7d; font:9px var(--mono); margin-left:auto; }.bundle-cta { grid-column:2; margin-top:25px; justify-self:start; }
.footer-copy a { color:var(--acid); text-decoration:none; }
@media(max-width:800px) { .ecosystem-heading { display:block; }.ecosystem-heading>p:last-child { margin-top:24px; }.ecosystem-grid { grid-template-columns:1fr; }.ecosystem-card { min-height:540px; }.bundle-layout { grid-template-columns:1fr; gap:35px; }.bundle-visual { grid-template-columns:1fr 20px 1fr; min-height:430px; padding:22px; }.bundle-result { grid-column:1 / -1; margin-top:12px; }.bundle-offer { left:22px; right:22px; flex-wrap:wrap; gap:7px; }.bundle-offer small { width:100%; margin-left:0; }.bundle-cta { grid-column:1; margin-top:0; } }