.landing{--bg:#0d0e11;--bg-2:#121318;--surface:#17181e;--surface-2:#1e2027;--line:#25272f;--line-2:#34373f;--text:#ecedf1;--muted:#9ca0aa;--faint:#63666f;--accent:#4e6fe3;--accent-hi:#7e97ff;--accent-glow:#7e97ff1c;--ok:#3dd68c;--warn:#f2b75c;--l-sans:var(--font-geist-sans), -apple-system, "Segoe UI", system-ui, sans-serif;--l-mono:var(--font-geist-mono), ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;background:var(--bg);color:var(--text);font-family:var(--l-sans);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:16px;line-height:1.6;overflow-x:hidden}html:has(.landing){scroll-behavior:smooth}.landing .wrap{max-width:1120px;margin:0 auto;padding:0 28px}.landing .l-nav{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0d0e11cc;position:sticky;top:0}.landing .nav-inner{align-items:center;gap:32px;height:62px;display:flex}.landing .logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.landing .logo svg{display:block}.landing .nav-links{flex:1;gap:26px;display:flex}.landing .nav-links a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .15s}.landing .nav-links a:hover,.landing .nav-links a:focus-visible{color:var(--text)}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px;border-radius:4px}.landing .btn-login{font-family:var(--l-sans);color:#fff;background:var(--accent);cursor:pointer;border:1px solid #7e97ff66;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:550;text-decoration:none;transition:background .15s,box-shadow .2s}.landing .btn-login:hover{background:#5c7bef;box-shadow:0 0 24px #7e97ff66}.landing .btn-ghost{font-family:var(--l-sans);color:var(--text);border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:550;text-decoration:none;transition:border-color .15s,background .15s}.landing .btn-ghost:hover{border-color:var(--faint);background:var(--surface)}.landing .hero{position:relative;overflow:hidden}.landing .hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#1e2029 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 50% 30%,#000 0%,#0000 100%);mask-image:radial-gradient(60% 70% at 50% 30%,#000 0%,#0000 100%)}.landing .hero:after{content:"";background:radial-gradient(46% 38% at 76% 14%, var(--accent-glow), transparent 68%), radial-gradient(30% 30% at 8% 88%, #4e6fe312, transparent 70%);pointer-events:none;position:absolute;inset:0}.landing .hero-inner{z-index:1;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px;padding:96px 0 88px;display:grid;position:relative}.landing .eyebrow{font-family:var(--l-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hi);align-items:center;gap:8px;font-size:12px;display:inline-flex}.landing .eyebrow:before{content:"";background:var(--accent-hi);width:18px;height:1px;box-shadow:0 0 8px var(--accent-hi)}.landing h1{letter-spacing:-.04em;text-wrap:balance;margin:20px 0 22px;font-size:clamp(40px,5.4vw,62px);font-weight:700;line-height:1.04}.landing h1 .grad{background:linear-gradient(100deg, #ecedf1 10%, var(--accent-hi) 55%, #4e6fe3 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing .hero-sub{color:var(--muted);max-width:42ch;margin-bottom:30px;font-size:18px}.landing .hero-cta{align-items:center;gap:12px;margin-bottom:36px;display:flex}.landing .hero-cta .btn-login,.landing .hero-cta .btn-ghost{padding:12px 26px;font-size:15px}.landing .hero-stats{font-family:var(--l-mono);color:var(--faint);align-items:center;gap:22px;font-size:11.5px;display:flex}.landing .hero-stats b{color:var(--muted);font-weight:600}.landing .hero-stats i{background:var(--line-2);border-radius:50%;width:3px;height:3px}.landing .reveal{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards l-rise;transform:translateY(14px)}.landing .r1{animation-delay:50ms}.landing .r2{animation-delay:.14s}.landing .r3{animation-delay:.23s}.landing .r4{animation-delay:.32s}.landing .r5{animation-delay:.42s}.landing .r6{animation-delay:.55s}@keyframes l-rise{to{opacity:1;transform:none}}.landing .demo-persp{perspective:1000px;position:relative}.landing .demo-persp:before{content:"";pointer-events:none;background:radial-gradient(55% 55%,#7e97ff17,#0000 70%);position:absolute;inset:-40px -30px}.landing .demo{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);border:1px solid var(--line-2);will-change:transform;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000008c,0 0 0 1px #7e97ff0d,0 0 46px #7e97ff12}.landing .demo-bar{border-bottom:1px solid var(--line);font-family:var(--l-mono);color:var(--faint);align-items:center;gap:8px;padding:11px 16px;font-size:11.5px;display:flex}.landing .demo-bar .dot{background:var(--line-2);border-radius:50%;width:8px;height:8px}.landing .demo-bar .live{color:var(--ok);align-items:center;gap:6px;margin-left:auto;display:flex}.landing .demo-bar .live i{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:2.4s infinite l-blink;box-shadow:0 0 8px #3dd68c99}@keyframes l-blink{0%,to{opacity:1}50%{opacity:.3}}.landing .demo-body{flex-direction:column;gap:10px;min-height:252px;padding:18px 16px 16px;display:flex}.landing .msg{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;padding:12px 14px;font-size:13.5px;transition:opacity .5s,transform .5s}.landing .msg .meta{font-family:var(--l-mono);color:var(--faint);gap:8px;margin-bottom:5px;font-size:11px;display:flex}.landing .msg .meta .tag{color:var(--accent-hi)}.landing .msg.you{background:var(--surface-2);border-color:var(--line-2)}.landing .msg .body{color:var(--text)}.landing .msg .body .dim{color:var(--muted)}.landing .msg .path{font-family:var(--l-mono);color:var(--accent-hi);font-size:12px}.landing .msg-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.landing .chip-btn{font-family:var(--l-mono);cursor:pointer;border:1px solid var(--line-2);color:var(--muted);background:0 0;border-radius:6px;padding:5px 12px;font-size:11.5px;transition:all .3s}.landing .chip-btn.confirm{color:var(--ok);border-color:#3dd68c59}.landing .chip-btn:hover{background:var(--surface-2)}.landing .commit-note{font-family:var(--l-mono);color:var(--ok);opacity:0;font-size:11px;transition:opacity .4s}.landing .flow-line{align-items:center;gap:10px;padding:0 4px;display:flex}.landing .flow-line .rail{background:var(--line);flex:1;height:1px;position:relative;overflow:hidden}.landing .flow-line .rail:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-hi), transparent);width:30%;height:100%;animation:2.8s ease-in-out infinite l-sweep;position:absolute;top:0;left:-30%}@keyframes l-sweep{0%{left:-30%}60%,to{left:100%}}.landing .flow-line .lbl{font-family:var(--l-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.landing .demo.anim .msg.you,.landing .demo.anim .msg.k{opacity:0;transform:translateY(8px)}.landing .demo.anim[data-state=in] .msg.you,.landing .demo.anim[data-state=staged] .msg.you,.landing .demo.anim[data-state=confirm] .msg.you,.landing .demo.anim[data-state=staged] .msg.k,.landing .demo.anim[data-state=confirm] .msg.k{opacity:1;transform:none}.landing .demo.anim[data-state=confirm] .chip-btn.confirm{background:#3dd68c29;box-shadow:0 0 18px #3dd68c59}.landing .demo.anim[data-state=confirm] .commit-note{opacity:1}.landing .band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(60% 100% at 50% 0%, #14151b 0%, var(--bg) 80%);padding:46px 0 40px;position:relative;overflow:hidden}.landing .band .band-head{align-items:baseline;gap:14px;margin-bottom:26px;display:flex}.landing .band .band-head .t{font-family:var(--l-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.landing .band .band-head .d{color:var(--muted);font-size:13.5px}.landing .band svg{width:100%;height:auto;display:block}.landing section{padding:92px 0}.landing section+section{border-top:1px solid var(--line)}.landing .sec-head{max-width:620px;margin-bottom:54px}.landing h2{letter-spacing:-.032em;text-wrap:balance;margin:14px 0 12px;font-size:clamp(28px,3.4vw,38px);font-weight:680;line-height:1.12}.landing .sec-head p{color:var(--muted);font-size:16.5px}.landing .s-reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.landing .s-reveal.in{opacity:1;transform:none}.landing .steps{grid-template-columns:repeat(4,1fr);gap:18px;display:grid;position:relative}.landing .steps:before{content:"";background:linear-gradient(90deg, transparent, var(--line-2) 15%, var(--line-2) 85%, transparent);height:1px;position:absolute;top:34px;left:4%;right:4%}.landing .step{padding-top:62px;position:relative}.landing .step .node{background:var(--surface);border:1px solid var(--line-2);width:29px;height:29px;font-family:var(--l-mono);color:var(--accent-hi);box-shadow:0 0 0 6px var(--bg), 0 0 16px #7e97ff2e;border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:20px;left:0}.landing .step .lbl{font-family:var(--l-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.landing .step h3{letter-spacing:-.015em;margin:7px 0 8px;font-size:17.5px;font-weight:640}.landing .step p{color:var(--muted);font-size:13.5px;line-height:1.58}.landing .step p code{font-family:var(--l-mono);color:var(--accent-hi);font-size:12px}.landing .features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing .feature{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:18px;padding:20px 20px 26px;transition:border-color .2s,transform .25s,box-shadow .25s;display:flex}.landing .feature:hover{border-color:var(--line-2);transform:translateY(-3px);box-shadow:0 16px 40px #0006,0 0 30px #7e97ff0d}.landing .mini-ui{background:var(--bg);border:1px solid var(--line);font-family:var(--l-mono);border-radius:10px;min-height:148px;padding:14px;font-size:11.5px;line-height:1.7;position:relative;overflow:hidden}.landing .mini-ui .dim{color:var(--faint)}.landing .mini-ui .blue{color:var(--accent-hi)}.landing .mini-ui .green{color:var(--ok)}.landing .mini-ui .amber{color:var(--warn)}.landing .mini-ui .txt{color:var(--muted)}.landing .mini-ui .pill{color:var(--warn);border:1px solid #f2b75c66;border-radius:99px;padding:1px 8px;font-size:10px;display:inline-block}.landing .mini-ui .pill.g{color:var(--ok);border-color:#3dd68c66}.landing .mini-ui .chip{color:var(--accent-hi);background:#7e97ff1a;border-radius:6px;margin-right:5px;padding:2px 8px;font-size:10.5px;display:inline-block}.landing .mini-ui .drop{border:1px solid var(--line-2);background:var(--surface);border-radius:7px;width:200px;margin-top:6px;padding:6px 0;box-shadow:0 10px 24px #00000080}.landing .mini-ui .drop div{color:var(--muted);padding:3px 12px}.landing .mini-ui .drop div.sel{color:var(--text);background:#7e97ff1f}.landing .mini-ui .cursor{background:var(--accent-hi);vertical-align:-2px;width:7px;height:13px;animation:1.1s step-end infinite l-blink;display:inline-block}.landing .feature h3{letter-spacing:-.018em;font-size:18px;font-weight:640}.landing .feature>p{color:var(--muted);margin-top:-8px;font-size:14px;line-height:1.6}.landing .trust{grid-template-columns:.9fr 1.1fr;align-items:start;gap:60px;display:grid}.landing .trust-list{border-left:1px solid var(--line);flex-direction:column;display:flex}.landing .trust-item{padding:18px 0 18px 24px;position:relative}.landing .trust-item:before{content:"";background:var(--accent-hi);border-radius:50%;width:6px;height:6px;position:absolute;top:26px;left:-3.5px;box-shadow:0 0 10px #7e97ff99}.landing .trust-item h4{margin-bottom:4px;font-size:15.5px;font-weight:620}.landing .trust-item p{color:var(--muted);font-size:13.5px}.landing .arch-note{font-family:var(--l-mono);color:var(--faint);border:1px dashed var(--line-2);border-radius:10px;margin-top:26px;padding:14px 16px;font-size:11.5px;line-height:1.9}.landing .arch-note .n{color:var(--muted)}.landing .arch-note .a{color:var(--accent-hi)}.landing .cta-band{text-align:center;border-top:1px solid var(--line);padding:110px 0;position:relative;overflow:hidden}.landing .cta-band:before{content:"";pointer-events:none;background:radial-gradient(42% 70% at 50% 108%,#7e97ff24,#0000 70%);position:absolute;inset:0}.landing .cta-band:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#1e2029 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 60% at 50% 100%,#000 0%,#0000 100%);mask-image:radial-gradient(50% 60% at 50% 100%,#000 0%,#0000 100%)}.landing .cta-band h2{margin-bottom:14px;font-size:clamp(30px,4vw,44px)}.landing .cta-band p{color:var(--muted);margin-bottom:32px}.landing .cta-band .btn-login{z-index:1;position:relative}.landing .l-footer{border-top:1px solid var(--line);background:var(--bg-2);padding:56px 0 40px}.landing .foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px;display:grid}.landing .foot-brand p{color:var(--faint);max-width:30ch;margin-top:12px;font-size:13px;line-height:1.6}.landing .foot-col h5{font-family:var(--l-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;font-size:11px;font-weight:500}.landing .foot-col a{color:var(--muted);padding:4px 0;font-size:13.5px;text-decoration:none;transition:color .15s;display:block}.landing .foot-col a:hover{color:var(--text)}.landing .foot-base{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;padding-top:24px;font-size:12.5px;display:flex}.landing .foot-base .status{font-family:var(--l-mono);align-items:center;gap:7px;font-size:11.5px;display:flex}.landing .foot-base .status i{background:var(--ok);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3dd68c99}@media (max-width:900px){.landing .hero-inner{grid-template-columns:1fr;padding:64px 0}.landing .steps{grid-template-columns:1fr 1fr;row-gap:34px}.landing .steps:before{display:none}.landing .features{grid-template-columns:1fr}.landing .trust{grid-template-columns:1fr;gap:32px}.landing .foot-grid{grid-template-columns:1fr 1fr}.landing .nav-links{display:none}.landing .hero-stats{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.landing .reveal{opacity:1;animation:none;transform:none}.landing .s-reveal{opacity:1;transition:none;transform:none}.landing .flow-line .rail:after,.landing .demo-bar .live i,.landing .foot-base .status i,.landing .mini-ui .cursor{animation:none}html:has(.landing){scroll-behavior:auto}}