:root{--bg: #06040c;--bg-elev: #0c0a16;--bg-elev-2: #110e1d;--fg: #edeaf3;--fg-dim: #9590a8;--fg-muted: #635d78;--line: #1a1528;--line-strong: #251f38;--accent: #beb4ff;--accent-hover: #d2c8ff;--accent-glow: rgba(190, 180, 255, .18);--danger: #ff7a8a;--success: #7adba0;--font: "Space Grotesk", -apple-system, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--container: 1120px;--container-narrow: 800px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px}[data-shade=midnight]{--bg: #030208;--bg-elev: #080610;--bg-elev-2: #0d0a18;--fg: #e8e4f0;--fg-dim: #8b86a0;--fg-muted: #5a5570;--line: #141022;--line-strong: #1e1830}[data-shade=deep]{--bg: #06040c;--bg-elev: #0c0a16;--bg-elev-2: #110e1d;--fg: #edeaf3;--fg-dim: #9590a8;--fg-muted: #635d78;--line: #1a1528;--line-strong: #251f38}[data-shade=plum]{--bg: #0d0b14;--bg-elev: #151220;--bg-elev-2: #1b1729;--fg: #f0edf5;--fg-dim: #9b96b0;--fg-muted: #6a6580;--line: #241f33;--line-strong: #2e2842}[data-shade=soft]{--bg: #13101e;--bg-elev: #1c1829;--bg-elev-2: #221e30;--fg: #f2eff7;--fg-dim: #a5a0b8;--fg-muted: #75708a;--line: #2c2740;--line-strong: #36304d}[data-theme=light]{--bg: #fbfafd;--bg-elev: #ffffff;--bg-elev-2: #f4f1f8;--fg: #16121f;--fg-dim: #5c5673;--fg-muted: #8e889f;--line: #e6e2ee;--line-strong: #d4cfdf;--accent: #6b5bc9;--accent-hover: #5849b5;--accent-glow: rgba(107, 91, 201, .14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s,color .3s;overflow-x:hidden}::selection{background:var(--accent);color:#000}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px}.skip{position:absolute;left:-9999px;top:8px;background:var(--accent);color:#000;padding:8px 14px;border-radius:8px;font-weight:600;z-index:9999}.skip:focus{left:12px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.hero-bg:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center,var(--accent-glow),transparent 60%);filter:blur(40px)}.grid-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at center top,black,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at center top,black,transparent 80%);opacity:.5}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}h1,h2,h3{font-weight:700;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(40px,6.4vw,76px);line-height:1.04;letter-spacing:-.035em}h2{font-size:clamp(28px,3.6vw,44px);line-height:1.1}h3{font-size:20px;line-height:1.3}p{text-wrap:pretty}.nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 78%,transparent)}.nav-inner{max-width:var(--container);margin:0 auto;padding:0 24px;display:flex;align-items:center;height:64px;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:700;font-size:17px;letter-spacing:-.02em}.brand img{width:28px;height:28px;border-radius:7px}.nav-links{display:flex;align-items:center;gap:28px;margin-left:32px}.nav-links a{color:var(--fg-dim);text-decoration:none;font-size:14px;transition:color .15s}.nav-links a:hover{color:var(--fg)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:16px}.nav-cta{font-size:14px;color:#000;background:var(--accent);padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;transition:background .15s}.nav-cta:hover{background:var(--accent-hover)}.nav-ghost{font-size:14px;color:var(--fg-dim);text-decoration:none;transition:color .15s}.nav-ghost:hover{color:var(--fg)}.nav-burger{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;width:38px;height:38px;cursor:pointer;color:var(--fg);align-items:center;justify-content:center}@media (max-width: 800px){.nav-links,.nav-right .nav-ghost{display:none}.nav-burger{display:inline-flex;margin-left:auto}.nav-right{margin-left:0}}.mobile-menu{display:none;border-bottom:1px solid var(--line);background:var(--bg)}.mobile-menu.open{display:block}.mobile-menu ul{list-style:none;padding:16px 24px 24px;display:flex;flex-direction:column;gap:4px}.mobile-menu a{display:block;color:var(--fg);text-decoration:none;padding:12px 0;font-size:17px;border-bottom:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#000;border:0;padding:14px 24px;border-radius:var(--radius);font-family:var(--font);font-weight:600;font-size:15px;cursor:pointer;transition:background .15s,transform .05s;text-decoration:none;line-height:1;white-space:nowrap}.btn:hover{background:var(--accent-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{padding:16px 28px;font-size:16px}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--bg-elev);border-color:var(--accent)}.hero{position:relative;padding:clamp(80px,12vh,140px) 0 clamp(80px,10vh,120px)}.hero-inner{position:relative;z-index:1}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line-strong);background:var(--bg-elev);border-radius:100px;font-size:13px;color:var(--fg-dim);margin-bottom:28px;text-decoration:none;transition:border-color .15s,color .15s}.hero-pill:hover{border-color:var(--accent);color:var(--fg)}.hero-pill-tag{background:var(--accent);color:#000;padding:3px 9px;border-radius:100px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em}.hero-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--fg-dim);max-width:600px;margin:28px 0 36px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-trust{margin-top:28px;font-family:var(--mono);font-size:12px;color:var(--fg-muted);letter-spacing:.04em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-trust-dot{color:var(--accent)}.signup-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;max-width:480px;text-align:left;box-shadow:0 24px 60px -30px #00000080,0 0 0 1px var(--line)}.signup-progress{display:flex;gap:6px;margin-bottom:24px}.signup-progress>div{height:3px;flex:1;border-radius:2px;background:var(--line);transition:background .2s}.signup-progress>div.active{background:var(--accent)}.signup-label{display:block;font-size:16px;font-weight:600;margin-bottom:16px}.signup-hint{font-size:13px;color:var(--fg-muted);margin-top:8px}.chip{font-family:var(--font);font-size:14px;border:1px solid var(--line-strong);background:var(--bg-elev-2);color:var(--fg-dim);border-radius:100px;padding:8px 16px;cursor:pointer;transition:all .15s;font-weight:500}.chip:hover{border-color:var(--accent);color:var(--fg)}.chip.active{background:var(--accent);color:#000;border-color:var(--accent)}.field{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-strong);color:var(--fg);padding:12px 0;font-family:var(--font);font-size:16px;outline:none;transition:border-color .15s}.field:focus{border-color:var(--accent)}.field::placeholder{color:var(--fg-muted)}.field-error{border-color:var(--danger)}.form-msg{font-size:13px;margin-top:10px;min-height:18px}.form-msg.error{color:var(--danger)}.form-msg.success{color:var(--accent)}section{position:relative}.section-pad{padding:clamp(80px,11vh,128px) 0}.section-border-top{border-top:1px solid var(--line)}.section-head{max-width:720px;margin-bottom:56px}.section-head .eyebrow{margin-bottom:20px}.section-head h2{margin-bottom:16px}.section-head .sub{color:var(--fg-dim);font-size:18px;max-width:580px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.feature{background:var(--bg);padding:36px 32px;transition:background .2s}.feature:hover{background:var(--bg-elev)}.feature-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-elev-2);border:1px solid var(--line-strong);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature h3{margin-bottom:8px}.feature p{color:var(--fg-dim);font-size:15px;line-height:1.55}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.step{padding:32px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);position:relative}.step-num{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em;margin-bottom:18px;display:block}.step h3{margin-bottom:10px}.step p{font-size:15px;color:var(--fg-dim);line-height:1.55}.tool-strip{padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-strip-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.tool-strip-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-right:8px}.tool-pill{font-family:var(--mono);font-size:13px;color:var(--fg-dim);border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:var(--bg-elev)}.tool-pill-add{color:var(--accent);border:1px dashed var(--accent);background:transparent;cursor:pointer;font-family:var(--mono);font-size:13px;border-radius:8px;padding:8px 14px}.tool-strip-foot{margin:24px auto 0;max-width:720px;text-align:center;font-size:13px;color:var(--fg-muted);line-height:1.55;padding:0 24px}.sec-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}@media (max-width: 760px){.sec-grid{grid-template-columns:1fr;gap:32px}}.sec-list{display:flex;flex-direction:column;gap:24px}.sec-item{display:grid;grid-template-columns:36px 1fr;gap:18px;align-items:start}.sec-item-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-elev);border:1px solid var(--line-strong);color:var(--accent);display:flex;align-items:center;justify-content:center}.sec-item h3{margin-bottom:6px;font-size:17px}.sec-item p{color:var(--fg-dim);font-size:14px;line-height:1.55}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:transparent;border:0;color:var(--fg);text-align:left;padding:24px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font);font-size:17px;font-weight:500;letter-spacing:-.01em}.faq-q:hover{color:var(--accent)}.faq-icon{color:var(--fg-muted);transition:transform .2s,color .2s;flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(45deg);color:var(--accent)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--fg-dim);font-size:15px;line-height:1.6}.faq-a-inner{padding-bottom:24px;max-width:640px}.faq-item.open .faq-a{max-height:600px}.footer{border-top:1px solid var(--line);padding:64px 0 32px;background:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;margin-bottom:48px}@media (max-width: 800px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.footer-brand p{color:var(--fg-dim);font-size:14px;margin-top:16px;max-width:280px;line-height:1.55}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);font-family:var(--mono);font-weight:500;margin-bottom:18px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-col a{color:var(--fg-dim);text-decoration:none;font-size:14px;transition:color .15s}.footer-col a:hover{color:var(--fg)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--fg-muted);font-size:13px}.socials{display:flex;gap:12px}.socials a{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);transition:all .15s}.socials a:hover{color:var(--accent);border-color:var(--accent)}.cta-card{background:radial-gradient(ellipse at top,var(--accent-glow),transparent 60%),var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:clamp(56px,8vw,96px) 32px;text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 50% 50% at center,black,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,black,transparent 70%);opacity:.4;pointer-events:none}.cta-card>*{position:relative}.diagram-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--bg-elev)}.diagram-frame img{display:block;width:100%;height:auto}.diagram-caption{margin:18px auto 0;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--fg-muted);text-align:center;max-width:720px;line-height:1.55}@media (max-width: 600px){h1{font-size:clamp(34px,9vw,48px)}.feature{padding:28px 24px}.section-head{margin-bottom:40px}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}
