:root{--bg-0: #02160f;--bg-1: #06291e;--bg-2: #0a3a2a;--green: #00d56f;--green-deep: #00b35c;--green-line: rgba(0, 213, 111, .35);--white: #ffffff;--muted: rgba(255,255,255,.62);--hair: rgba(255,255,255,.08);--card: rgba(255,255,255,.03);--sans: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#000;color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.stage{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(60% 50% at 85% 10%,rgba(0,213,111,.22),transparent 60%),radial-gradient(70% 60% at 10% 100%,rgba(0,179,92,.2),transparent 60%),radial-gradient(50% 40% at 50% 50%,rgba(0,213,111,.1),transparent 70%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 60%,var(--bg-0) 100%)}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:80px 80px;opacity:.7;-webkit-mask-image:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 85%);mask-image:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 85%);pointer-events:none}.stage:after{content:"";position:absolute;inset:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNDAnIGhlaWdodD0nMjQwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC45JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAwIDAgMCAwLjQgMCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCUyM24pJyBvcGFjaXR5PScwLjUnLz48L3N2Zz4=);opacity:.12;mix-blend-mode:overlay;pointer-events:none}.orb{position:absolute;width:720px;height:720px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,rgba(0,213,111,.45) 0%,rgba(0,213,111,.1) 35%,transparent 65%);filter:blur(20px);pointer-events:none;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.frame{position:relative;z-index:2;min-height:100vh;max-width:1280px;margin:0 auto;padding:40px 64px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--hair)}.wordmark{display:inline-flex;align-items:center;gap:10px}.wordmark svg{display:block}.wordmark .name{font-weight:800;font-size:24px;letter-spacing:-.04em;color:var(--white)}.status{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.status .dot{width:8px;height:8px;border-radius:4px;background:var(--green);box-shadow:0 0 #00d56f99;animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{box-shadow:0 0 #00d56f99}50%{box-shadow:0 0 0 8px #00d56f00}}.hero{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 0;max-width:920px}.kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:36px}.kicker .bar{display:inline-block;width:28px;height:1px;background:currentColor}h1.title{margin:0;font-family:var(--sans);font-weight:800;font-size:clamp(64px,9vw,132px);line-height:.92;letter-spacing:-.045em;color:var(--white);text-wrap:balance}h1.title .green{color:var(--green);background:linear-gradient(90deg,#00d56f,#5af3a4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1.title .dot-end{color:var(--green);-webkit-text-fill-color:var(--green)}.sub{margin-top:36px;font-size:20px;line-height:1.5;color:var(--muted);max-width:600px;font-weight:500}.sub strong{color:var(--white);font-weight:600}.capture{margin-top:48px;display:flex;align-items:stretch;gap:0;background:#ffffff0a;border:1px solid var(--hair);border-radius:999px;padding:6px 6px 6px 24px;max-width:520px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease}.capture:focus-within{border-color:var(--green-line);box-shadow:0 0 0 4px #00d56f14}.capture input{flex:1 1 auto;background:transparent;border:0;outline:none;color:var(--white);font-family:var(--sans);font-size:15px;font-weight:500;padding:14px 12px;min-width:0}.capture input::placeholder{color:#fff6}.capture button{flex:0 0 auto;background:var(--green);color:#001a0d;border:0;border-radius:999px;padding:12px 22px;font-family:var(--sans);font-weight:700;font-size:14px;letter-spacing:-.005em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,background .2s ease}.capture button:hover{background:#00ec7e;transform:translateY(-1px)}.capture button:active{transform:translateY(0)}.capture button:disabled{opacity:.6;cursor:wait;transform:none}.capture button .arrow{font-family:var(--mono);font-size:13px}.hp{position:absolute;left:-9999px;top:-9999px;visibility:hidden}.confirm{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);min-height:14px}.confirm.ok{color:var(--green)}.confirm.err{color:#ff8a80}.signals{margin-top:56px;display:flex;gap:36px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--hair);max-width:720px}.signal{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.signal:before{content:"✓";color:var(--green);font-family:var(--sans);font-weight:800}.footer{padding-top:28px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.footer a{color:var(--muted);text-decoration:none;padding:4px 0}.footer a:hover{color:var(--white)}.footer .row{display:flex;gap:28px}@media(max-width:720px){.frame{padding:28px 24px}.hero{padding:40px 0}.capture{flex-wrap:wrap;border-radius:24px;padding:12px}.capture input{width:100%;padding:10px 14px}.capture button{width:100%;justify-content:center;padding:14px 22px}.signals{gap:18px}.footer{flex-direction:column;gap:14px;align-items:flex-start}.orb{width:480px;height:480px}}