:root{--bg:#08090b;--bg-elev:#0d0f13;--bg-card:#101319;--bg-inset:#0a0c10;--line:#1b1f27;--line-strong:#2a3038;--fg:#f4f6f9;--fg-soft:#b3bcc9;--fg-mute:#7b8494;--fg-faint:#565e6b;--accent:#5b93ff;--accent-hi:#85aeff;--accent-dim:#2b4d99;--accent-wash:rgba(91,147,255,0.09);--accent-line:rgba(91,147,255,0.26);--success:#3ecf8e;--r-sm:8px;--r-md:12px;--r-lg:18px;--maxw:1140px;--shadow-card:0 1px 2px rgba(0,0,0,.4),0 8px 28px -12px rgba(0,0,0,.7);--shadow-lift:0 2px 4px rgba(0,0,0,.4),0 24px 60px -20px rgba(0,0,0,.85);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;color-scheme:dark}:root[data-theme=light]{--bg:#ffffff;--bg-elev:#fafbfc;--bg-card:#ffffff;--bg-inset:#f5f7f9;--line:#e4e8ed;--line-strong:#cfd6de;--fg:#0b0e13;--fg-soft:#414b59;--fg-mute:#667284;--fg-faint:#949eae;--accent:#1f5fd0;--accent-hi:#1a4fb0;--accent-dim:#a9c4f5;--accent-wash:rgba(31,95,208,0.06);--accent-line:rgba(31,95,208,0.22);--shadow-card:0 1px 2px rgba(16,24,40,.05),0 8px 24px -12px rgba(16,24,40,.16);--shadow-lift:0 2px 4px rgba(16,24,40,.05),0 24px 56px -20px rgba(16,24,40,.22);color-scheme:light}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:620;line-height:1.14;letter-spacing:-.028em}p{margin:0}img,svg{display:block;max-width:100%}button{font:inherit}::selection{background:var(--accent-dim);color:var(--fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:24px}.section{padding-block:clamp(64px,9vw,116px)}.band{background:var(--bg-elev);border-block:1px solid var(--line)}.section-head{max-width:62ch}.eyebrow{display:inline-block;font-size:.755rem;font-weight:620;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.h2{font-size:clamp(1.65rem,3.6vw,2.5rem);max-width:20ch}.h3{font-size:1.02rem;font-weight:600;letter-spacing:-.015em}.lede{color:var(--fg-mute);font-size:clamp(1rem,1.4vw,1.09rem);line-height:1.68;margin-top:18px;max-width:58ch}.btn{display:inline-flex;align-items:center;gap:8px;font-size:.935rem;font-weight:550;letter-spacing:-.008em;text-decoration:none;padding:11px 20px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease,color .16s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 6px 22px -8px var(--accent)}.btn-primary:hover{background:var(--accent-hi)}.btn-ghost{border-color:var(--line-strong);color:var(--fg-soft);background:transparent}.btn-ghost:hover{border-color:var(--accent-line);background:var(--accent-wash);color:var(--fg)}.nav-outer{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s ease,background .25s ease}.nav-outer[data-scrolled=true]{border-bottom-color:var(--line)}.nav{display:flex;justify-content:space-between;height:64px;gap:20px}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;color:var(--fg);text-decoration:none;font-weight:640;font-size:1.045rem;letter-spacing:-.028em}.brand svg{flex:none}.nav-right{display:flex;align-items:center;gap:8px}.theme-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--line);background:transparent;color:var(--fg-mute);cursor:pointer;transition:color .16s,border-color .16s,background .16s}.theme-btn:hover{color:var(--fg);border-color:var(--line-strong);background:var(--bg-card)}.theme-btn .i-moon,.theme-btn .i-sun{display:none}:root[data-theme=dark] .theme-btn .i-sun,:root[data-theme=light] .theme-btn .i-moon{display:block}.hero{position:relative;padding-block:clamp(56px,9vw,104px) clamp(48px,7vw,80px);overflow:hidden}.hero:before{top:-320px;left:50%;width:min(1100px,130vw);height:720px;transform:translateX(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 15%,transparent) 0,transparent 66%)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none;z-index:0}.hero:after{inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 76% 54% at 50% 28%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse 76% 54% at 50% 28%,#000 20%,transparent 72%);opacity:.5}.hero>*{position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:9px;font-size:.795rem;font-weight:520;color:var(--fg-soft);background:var(--bg-card);border:1px solid var(--line);padding:6px 14px 6px 11px;border-radius:999px;box-shadow:var(--shadow-card)}.pulse{position:relative;width:6px;height:6px;border-radius:50%;background:var(--success);flex:none}.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--success);opacity:.55;animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{0%{transform:scale(.6);opacity:.7}75%,to{transform:scale(1.5);opacity:0}}.hero h1{font-size:clamp(2.35rem,6.2vw,4.15rem);letter-spacing:-.042em;font-weight:640;margin-top:26px;max-width:15ch}.hero h1 .grad{background:linear-gradient(102deg,var(--fg) 26%,var(--accent) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lede{font-size:clamp(1.03rem,1.7vw,1.16rem);max-width:54ch;margin-top:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.hero-note{margin-top:20px;font-size:.845rem;color:var(--fg-faint);display:flex;align-items:center;gap:7px}.mock-frame{margin-top:clamp(44px,6vw,68px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev);box-shadow:var(--shadow-lift);overflow:hidden;position:relative}.mock-frame:after{content:"";position:absolute;inset:0;border-radius:var(--r-lg);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);pointer-events:none}.mock-bar{display:flex;align-items:center;gap:14px;padding:11px 15px;border-bottom:1px solid var(--line);background:var(--bg-card)}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line-strong);display:block}.mock-url{flex:1 1;font-family:var(--mono);font-size:.74rem;color:var(--fg-faint);background:var(--bg-inset);border:1px solid var(--line);border-radius:6px;padding:4px 11px;text-align:center;max-width:300px;margin-inline:auto}.mock-body{display:grid;grid-template-columns:176px 292px 1fr;min-height:396px}.mock-side{border-right:1px solid var(--line);padding:14px 10px;background:var(--bg-inset)}.mock-compose{gap:7px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:560;padding:7px 12px;border-radius:7px;margin-bottom:14px}.fold,.mock-compose{display:flex;align-items:center}.fold{gap:9px;padding:6px 9px;border-radius:6px;font-size:.81rem;color:var(--fg-mute);margin-bottom:1px}.fold.on{background:var(--accent-wash);color:var(--fg);font-weight:550}.fold .n{margin-left:auto;font-size:.72rem;color:var(--fg-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fold.on .n{color:var(--accent);font-weight:600}.mock-list{border-right:1px solid var(--line)}.mail{padding:11px 14px;border-bottom:1px solid var(--line);display:grid;grid-gap:3px;gap:3px}.mail.on{background:var(--accent-wash);box-shadow:inset 2px 0 0 var(--accent)}.mail.unread .from{font-weight:640;color:var(--fg)}.mail-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.from{font-size:.82rem;color:var(--fg-soft);font-weight:500}.when{font-size:.7rem;color:var(--fg-faint);flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.subj{font-size:.8rem;color:var(--fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail.unread .subj{color:var(--fg)}.prev{font-size:.745rem;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-read{padding:20px 22px}.read-h{font-size:.98rem;font-weight:620;letter-spacing:-.018em}.read-meta{display:flex;align-items:center;gap:9px;margin:13px 0 16px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-dim));display:grid;place-items:center;font-size:.72rem;font-weight:640;color:#fff;flex:none}.read-who{font-size:.8rem;color:var(--fg-soft);font-weight:540}.read-addr{font-size:.715rem;color:var(--fg-faint);font-family:var(--mono)}.auth-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.auth{display:inline-flex;align-items:center;gap:4px;font-size:.665rem;font-weight:600;letter-spacing:.03em;font-family:var(--mono);color:var(--success);background:color-mix(in srgb,var(--success) 11%,transparent);border:1px solid color-mix(in srgb,var(--success) 26%,transparent);padding:2px 7px;border-radius:5px}.read-body{display:grid;grid-gap:8px;gap:8px}.read-body span{display:block;height:7px;border-radius:4px;background:var(--line)}.read-body span:first-child{width:94%}.read-body span:nth-child(2){width:88%}.read-body span:nth-child(3){width:96%}.read-body span:nth-child(4){width:62%}.read-body span:nth-child(5){width:79%}.read-body span:nth-child(6){width:45%}.strip{padding-block:40px;border-block:1px solid var(--line);background:var(--bg-elev)}.strip-label{text-align:center;font-size:.765rem;color:var(--fg-faint);letter-spacing:.09em;text-transform:uppercase;font-weight:560;margin-bottom:22px}.strip-items{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;align-items:center}.strip-items span{font-size:.93rem;font-weight:560;color:var(--fg-mute);letter-spacing:-.012em}.grid{display:grid;grid-gap:18px;gap:18px;margin-top:46px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(238px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{position:relative;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow-card)}.card .h3{margin-bottom:9px}.card p{color:var(--fg-mute);font-size:.915rem;line-height:1.62}.ico{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent);margin-bottom:16px}.steps{display:grid;grid-gap:2px;gap:2px;margin-top:46px}.step{display:grid;grid-template-columns:44px 1fr;grid-gap:18px;gap:18px;padding:22px 4px;border-top:1px solid var(--line);align-items:start}.step:last-child{border-bottom:1px solid var(--line)}.step-n{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--accent-line);background:var(--accent-wash);color:var(--accent);font-size:.82rem;font-weight:640;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.step h3{font-size:1rem;margin-bottom:6px}.step p{color:var(--fg-mute);font-size:.92rem;max-width:64ch}.principles{display:grid;grid-gap:16px;gap:16px;margin-top:44px;grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}.principle{display:grid;grid-template-columns:22px 1fr;grid-gap:13px;gap:13px;align-items:start;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-card)}.principle svg{color:var(--accent);margin-top:2px}.principle strong{display:block;font-size:.945rem;font-weight:600;margin-bottom:4px}.principle p{color:var(--fg-mute);font-size:.885rem;line-height:1.58}.cta{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-card);padding:clamp(38px,6vw,62px) clamp(24px,5vw,52px);text-align:center;overflow:hidden;box-shadow:var(--shadow-card)}.cta:before{content:"";position:absolute;top:-180px;left:50%;width:620px;height:400px;transform:translateX(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 16%,transparent) 0,transparent 68%);pointer-events:none}.cta>*{position:relative}.cta .h2{max-width:18ch}.cta .h2,.cta .lede{margin-inline:auto}.cta .hero-actions{justify-content:center;margin-top:28px}.foot{border-top:1px solid var(--line);padding-block:52px 40px;background:var(--bg-elev)}.foot-grid{display:grid;grid-gap:36px;gap:36px;grid-template-columns:minmax(220px,1.4fr) repeat(auto-fit,minmax(140px,1fr))}.foot-about{color:var(--fg-mute);font-size:.89rem;margin-top:13px;max-width:32ch;line-height:1.6}.foot-col h4{font-size:.715rem;font-weight:640;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:13px}.foot-col a{display:block;color:var(--fg-mute);text-decoration:none;font-size:.89rem;margin-bottom:8px;transition:color .15s}.foot-col a:hover{color:var(--accent)}.foot-base{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:44px;padding-top:24px;border-top:1px solid var(--line);color:var(--fg-faint);font-size:.83rem}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}.js .reveal.in{opacity:1;transform:none}@media (max-width:940px){.mock-body{grid-template-columns:1fr 1fr}.mock-side{display:none}}@media (max-width:620px){.mock-body{grid-template-columns:1fr;min-height:0}.mock-list{border-right:0;border-bottom:1px solid var(--line)}.mail:nth-child(n+4){display:none}.step{grid-template-columns:1fr;gap:12px}}