:root{color-scheme:dark;--ink:#f5f5f2;--muted:#a5a9b6;--base:#10131e;--panel:#181c2a;--line:rgba(255,255,255,.12);--mint:#57e1ad;--coral:#ff986f;--blue:#91aaff;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--base);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:.02em}.brand img,.footer-brand img{border-radius:10px}
nav{display:flex;align-items:center;gap:34px;color:#c1c4cf;font-size:13px}nav a:hover,.text-link:hover{color:var(--mint)}.nav-cta{padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}
.hero{min-height:670px;padding-block:78px 86px;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:60px;overflow:hidden}
.eyebrow{margin:0 0 18px;color:#b8bfd0;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--mint);border-radius:50%;box-shadow:0 0 18px #57e1ad88}
h1{margin:0;font-size:clamp(46px,5.2vw,70px);line-height:1.12;letter-spacing:-.055em;font-weight:720}h1 span{color:var(--mint)}.lead{max-width:470px;margin:24px 0 30px;color:#aeb3c1;font-size:16px;line-height:1.85}
.hero-actions,.download-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 19px;border-radius:12px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#0a1c17}.primary:hover{background:#79f0c3}.text-link{font-size:13px;font-weight:650;color:#d5d7df}.requirements{margin-top:28px;display:flex;align-items:center;gap:12px;color:#8f95a5;font-size:11px}.requirements i{width:3px;height:3px;border-radius:50%;background:#697082}
.hero-visual{position:relative;padding:12px;background:linear-gradient(145deg,#292d3a,#171b27 60%,#1a302d);border:1px solid #3a3d4b;border-radius:24px;box-shadow:0 35px 100px #0008,0 0 90px #58e1ad0b;transform:rotate(1.6deg)}.window-chrome{height:34px;display:flex;align-items:center;gap:6px;padding-inline:5px;color:#818797;font-size:10px}.window-chrome>span{width:7px;height:7px;background:#4a4f5d;border-radius:50%}.window-chrome>b{margin-left:auto;margin-right:auto;font-weight:500}.panel-shot{display:block;width:100%;border-radius:13px;box-shadow:0 15px 50px #0007}.floating-chip{position:absolute;right:-25px;bottom:22px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#202738;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 16px 38px #0007}.chip-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:#0e241c;font-size:19px;font-weight:800}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:12px}.floating-chip small{color:#a4aaba;font-size:10px}
.ticker{border-block:1px solid var(--line);background:#141826}.ticker-inner{height:68px;display:flex;align-items:center;justify-content:center;gap:42px;color:#c2c6d2;font-size:12px;letter-spacing:.03em}.ticker b{color:var(--mint);font-size:12px}
.section{padding-block:112px}.section-heading{text-align:center;margin-bottom:43px}.section-heading .eyebrow{color:var(--mint)}h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.04em}.section-heading>p:last-child{margin:15px 0 0;color:var(--muted);font-size:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:300px;padding:27px 27px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#1b2030,#171b27)}.green-card{--accent:var(--mint)}.coral-card{--accent:var(--coral)}.blue-card{--accent:var(--blue)}.feature-mark{height:76px;color:var(--accent)}.valley-mark{position:relative;width:72px;height:50px;margin-top:7px}.valley-mark:before{content:"";position:absolute;inset:0;background:var(--accent);clip-path:polygon(0 13%,21% 43%,40% 70%,52% 83%,63% 68%,100% 9%,100% 35%,65% 92%,51% 100%,36% 88%,0 38%)}.bell-mark{font-size:68px;line-height:1;transform:rotate(90deg);transform-origin:left center}.clock-mark{width:56px;height:56px;border:3px solid var(--accent);border-radius:50%;position:relative;margin:6px 0 14px}.clock-mark:before,.clock-mark:after{content:"";position:absolute;left:25px;top:10px;width:2px;height:18px;border-radius:4px;background:var(--accent);transform-origin:bottom}.clock-mark:after{transform:rotate(125deg);height:15px;top:13px}.feature-number{margin:0 0 9px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.11em}.feature-card h3{margin:0 0 10px;font-size:19px;letter-spacing:-.02em}.feature-card>p:last-child{margin:0;color:#aab0be;font-size:12px;line-height:1.85}
.split-section{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center;padding-bottom:126px}.split-copy .eyebrow{color:var(--coral)}.split-copy h2{margin-bottom:18px}.split-copy>p:not(.eyebrow){max-width:410px;margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.9}.settings-frame{padding:13px;background:linear-gradient(145deg,#252b3b,#191e2a);border:1px solid #ffffff1b;border-radius:20px;box-shadow:0 30px 80px #0006}.settings-frame img{display:block;width:100%;border-radius:12px}
.privacy-section{padding-block:56px;background:#171c29;border-block:1px solid var(--line)}.privacy-inner{display:grid;grid-template-columns:54px 1fr auto;gap:26px;align-items:center}.privacy-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #57e1ad55;border-radius:15px;color:var(--mint);font-size:30px}.privacy-inner .eyebrow{margin-bottom:7px;color:var(--mint)}.privacy-inner h2{font-size:22px}.privacy-inner p:last-child{max-width:660px;margin:8px 0 0;color:var(--muted);font-size:12px}.ghost{border:1px solid #ffffff24;color:#e3e5ec;white-space:nowrap}.ghost:hover{background:#ffffff0a}
.download{padding-block:100px;display:flex;align-items:center;justify-content:space-between}.download .eyebrow{color:var(--mint)}.download h2{font-size:40px}.download p:last-child{color:var(--muted);font-size:13px}.download-actions{align-items:flex-start;flex-direction:column;gap:17px}
.footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#9298a8;font-size:10px}.footer-brand{color:var(--ink);font-size:14px}.footer-brand small{margin-left:4px;color:#979dad;font-size:10px;font-weight:450}.footer>p{max-width:420px}.footer>a{white-space:nowrap}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:46px;padding-top:65px}.hero-copy{max-width:620px}.hero-visual{max-width:580px;margin-inline:auto}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.split-section{grid-template-columns:1fr;gap:35px}.split-copy{max-width:600px}.privacy-inner{grid-template-columns:48px 1fr}.privacy-inner .button{grid-column:2;justify-self:start}.download{gap:30px}}
@media(max-width:560px){.wrap{width:min(100% - 36px,var(--max))}.nav{height:68px}.brand{font-size:17px}nav{gap:12px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:8px 11px;font-size:11px}.hero{min-height:auto;padding-block:58px 68px;gap:39px}h1{font-size:45px}.lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.floating-chip{right:-8px;bottom:14px}.ticker-inner{height:59px;gap:12px;font-size:9px}.section{padding-block:78px}.section-heading{margin-bottom:27px}.feature-card{padding:22px;min-height:0}.split-section{padding-bottom:80px}.privacy-section{padding-block:36px}.privacy-inner{gap:15px}.privacy-inner h2{font-size:18px}.privacy-inner p:last-child{font-size:11px}.download{padding-block:75px;align-items:flex-start;flex-direction:column}.download h2{font-size:34px}.footer{padding-block:20px;align-items:flex-start;flex-direction:column;gap:8px}.footer>p{margin:0}.footer-brand small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}