:root{--ink:#0b0e14;--ink2:#0f131c;--panel:#141925;--panel2:#1a2030;--edge:#222a39;--edge2:#2c3547;--fg:#eef1f5;--fg2:#c8cfda;--muted:#8b93a1;--teal:#1d9e75;--tealb:#5dcaa5;--coral:#d8612e;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sans:"Inter", -apple-system, system-ui, sans-serif;--wrap:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 700px at 70% -10%,#16203a,#0b0e1400 55%)}a{color:inherit;text-decoration:none}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}.accent{color:var(--tealb)}.mono{font-family:var(--mono)}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:#0b0e14b8;border-bottom:1px solid var(--edge)}.nav{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:20px;letter-spacing:.3px}.brand .dot{width:16px;height:16px;border-radius:50%;background:var(--teal);box-shadow:0 0 16px 2px #1d9e7599}.nav-links{display:flex;align-items:center;gap:26px;font-size:15px;color:var(--fg2)}.nav-links a:hover{color:#fff}.btn{display:inline-flex;align-items:center;gap:9px;border-radius:10px;font-weight:500;cursor:pointer;border:1px solid transparent;font-size:15px}.btn-primary{background:var(--teal);color:#042c22;padding:9px 18px}.btn-primary:hover{background:#25b487}.btn-ghost{background:transparent;border-color:var(--edge2);color:var(--fg);padding:9px 18px}.btn-ghost:hover{background:var(--panel)}.hero{text-align:center;padding:96px 0 40px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--fg2);background:var(--panel);border:1px solid var(--edge);border-radius:999px;padding:7px 16px;margin-bottom:30px}.eyebrow .d{width:8px;height:8px;border-radius:50%;background:var(--tealb)}h1{font-size:clamp(44px,7.4vw,78px);line-height:1.02;font-weight:600;margin:0 0 22px;letter-spacing:-1.6px}.lead{font-size:clamp(18px,2.4vw,24px);color:var(--fg2);max-width:660px;margin:0 auto 34px}.lead b{color:#fff;font-weight:500}.cmdbar{display:inline-flex;align-items:center;gap:14px;background:var(--ink2);border:1px solid var(--edge);border-radius:12px;padding:13px 16px;font-family:var(--mono);font-size:16px;color:var(--fg2)}.cmdbar .p{color:var(--tealb)}.cmdbar .copy{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted);background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:5px 10px;font-family:var(--sans);font-size:13px}.cmdbar .copy:hover{color:#fff;border-color:var(--edge2)}.heroframe{margin:52px auto 0;max-width:980px;border-radius:18px;overflow:hidden;border:1px solid var(--edge);box-shadow:0 50px 130px #0009;background:#000}.heroframe video{width:100%;display:block}section{padding:70px 0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feature.flip .copy-col{order:2}.kicker{font-family:var(--mono);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--tealb);margin-bottom:14px}.kicker.coral{color:var(--coral)}h2{font-size:clamp(28px,3.6vw,38px);font-weight:600;margin:0 0 16px;letter-spacing:-.6px}.feature p{color:var(--fg2);font-size:18px;margin:0;max-width:460px}.visual{background:var(--panel);border:1px solid var(--edge);border-radius:18px;padding:26px;box-shadow:0 30px 70px #0006}.pillrow{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.pill{font-family:var(--mono);font-size:14px;color:var(--fg2);background:var(--ink2);border:1px solid var(--edge);border-radius:8px;padding:6px 13px}.pill.on{background:var(--tealb);color:#042c22;border-color:var(--tealb);font-weight:500}.termmini{font-family:var(--mono);font-size:15px;background:var(--ink2);border:1px solid var(--edge);border-radius:12px;padding:16px 18px;line-height:1.9}.termmini .p{color:var(--tealb);margin-right:8px}.termmini .dead{color:#6b7280;text-decoration:line-through}.termmini .ok{color:var(--tealb)}.lockgate{text-align:center;padding:18px 8px 6px}.lockgate .ic{width:60px;height:60px;border-radius:16px;background:var(--ink2);border:1px solid var(--edge);display:inline-flex;align-items:center;justify-content:center;color:var(--tealb);margin-bottom:16px}.lockgate .t{color:var(--fg2);font-size:16px;margin-bottom:18px}.pwfield{display:flex;gap:10px;max-width:320px;margin:0 auto}.pwfield .inp{flex:1;background:var(--ink2);border:1px solid var(--edge);border-radius:10px;padding:11px 14px;letter-spacing:4px;color:var(--fg2);font-family:var(--mono)}.pwfield .go{background:var(--teal);color:#042c22;border-radius:10px;padding:11px 18px;font-weight:500}.tree{font-family:var(--mono);font-size:15px;color:var(--fg2);line-height:2}.tree .dir{color:var(--tealb)}.tree .ind{padding-left:22px}.tree .ind2{padding-left:44px}.tabs{display:flex;gap:6px;margin:18px 0 0}.tabs .tab{font-size:13px;color:var(--muted);background:var(--ink2);border:1px solid var(--edge);border-bottom:none;border-radius:8px 8px 0 0;padding:7px 14px}.tabs .tab.on{color:var(--fg);background:var(--panel2)}.pageprev{background:var(--panel2);border:1px solid var(--edge);border-radius:0 10px 10px;padding:16px}.pageprev .ln{height:9px;border-radius:5px;background:#2a3344;margin:9px 0}.pageprev .ln.s{width:60%}.pageprev .ln.m{width:85%}.cband{background:linear-gradient(180deg,var(--ink2),var(--ink));border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:30px 0 20px}.cband .intro{text-align:center;max-width:680px;margin:0 auto 10px;padding:44px 0 6px}.cband .intro p{color:var(--fg2);font-size:19px}.vblock{padding:48px 0;text-align:center}.vblock .vh{max-width:660px;margin:0 auto}.vlead{color:var(--fg2);font-size:18px;max-width:580px;margin:0 auto}.vsub{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:15px;color:var(--muted)}.vsub b{color:var(--fg2);font-weight:500}.vframe{max-width:900px;margin:34px auto 0;border-radius:16px;overflow:hidden;border:1px solid var(--edge);box-shadow:0 40px 100px #00000080;background:#000}.vframe video{width:100%;display:block}.skill{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.skill p{color:var(--fg2);font-size:18px;margin:0;max-width:470px}.skillbox{background:var(--ink2);border:1px solid var(--edge);border-radius:16px;padding:22px 24px;font-family:var(--mono);font-size:15px;line-height:1.95;box-shadow:0 30px 70px #0006}.skillbox .p{color:var(--tealb);margin-right:8px}.skillbox .ok{color:var(--tealb)}.skillbox .cmt{color:var(--muted)}.skillbox .dim{color:#9aa3af}.band{text-align:center;background:linear-gradient(180deg,var(--ink2),var(--ink));border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.band h2{margin-bottom:12px}.band p{color:var(--fg2);font-size:19px;max-width:560px;margin:0 auto 26px}.chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:10px 18px;font-size:16px;color:var(--fg2)}.chip .ci{color:var(--tealb);display:inline-flex}.cta{text-align:center}.cta h2{margin-bottom:14px}.cta .csub{color:var(--fg2);font-size:18px;margin:0 0 26px}.cta .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}footer{border-top:1px solid var(--edge);padding:34px 0;color:var(--muted);font-size:14px}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(max-width:820px){.nav-links .lnk{display:none}.feature,.skill{grid-template-columns:1fr;gap:30px}.feature.flip .copy-col{order:0}.hero{padding:64px 0 20px}}