:root{--bg:#f4f1ea;--ink:#0d1424;--muted:#5c6573;--muted2:#7a8696;--muted3:#9aa3b0;--border:#e7e2d6;--card:#ffffff;--blue:#2f8fff;--blue-dk:#1f6fe0;--green:#1fc586;--green-dk:#149e69;--red:#ff6a5d;--red-dk:#d83f33;--yellow:#ffc83d;--purple:#9b7cf0;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"Space Mono",ui-monospace,monospace;--fg:var(--ink);--accent:var(--blue);--up:var(--green);--down:var(--red)}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--bg);background-image:linear-gradient(#0d142408 1px,transparent 0),linear-gradient(90deg,#0d142408 1px,transparent 0);background-size:34px 34px;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}main{max-width:460px;margin:0 auto;padding:22px 18px 40px;min-height:100vh}@keyframes nwspin{to{transform:rotate(1turn)}}@keyframes nwfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nwpop{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes nwdot{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes nwsheen{0%{transform:translateX(-120%)}to{transform:translateX(220%)}}@keyframes nwfloat{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-10px) rotate(var(--r))}}@keyframes spin{to{transform:rotate(1turn)}}.nw-kicker,.nw-mono{font-family:var(--font-mono)}.nw-kicker{font-size:12px;color:var(--blue);letter-spacing:.02em}.nw-screen{animation:nwfade .4s ease both;display:flex;flex-direction:column;min-height:calc(100vh - 62px)}.card,.nw-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin:12px 0}.nw-key{position:relative;overflow:hidden;width:100%;height:58px;border:none;cursor:pointer;border-radius:15px;font-family:var(--font-body);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .06s ease,box-shadow .06s ease}.nw-key:active{transform:translateY(3px)}.nw-key:disabled{opacity:.6;cursor:default}.nw-key--white{background:#fff;color:var(--ink);box-shadow:0 5px 0 #d8d2c4,0 10px 22px #0d142418}.nw-key--white:active{box-shadow:0 2px 0 #d8d2c4,0 6px 14px #0d142418}.nw-key--blue{background:var(--blue);color:#fff;box-shadow:0 5px 0 var(--blue-dk),0 10px 22px #2f8fff35}.nw-key--blue:active{box-shadow:0 2px 0 var(--blue-dk),0 6px 14px #2f8fff35}.nw-key--green{background:var(--green);color:#fff;font-weight:800;font-size:18px;height:60px;border-radius:16px;box-shadow:0 5px 0 var(--green-dk),0 10px 22px #1fc58640}.nw-key--green:active{box-shadow:0 2px 0 var(--green-dk),0 6px 14px #1fc58640}.nw-key--ink{background:var(--ink);color:#fff;height:54px;box-shadow:0 5px 0 #05080f,0 10px 22px #0d142430}.nw-key--ink:active{box-shadow:0 2px 0 #05080f}.nw-ghost{width:100%;height:48px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:14.5px;color:var(--muted3)}.nw-sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffffcc 50%,transparent 70%);transform:translateX(-120%);animation:nwsheen 3.6s ease-in-out 1.2s infinite;pointer-events:none}.nw-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 13px;font-family:var(--font-mono);font-size:12px}.nw-pill--green{background:#1fc58618;border:1px solid #1fc58640;color:#0f8a5a}.nw-pill--chip{background:#fff;border:1px solid var(--border);color:var(--ink)}.muted{color:var(--muted)}.big{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em}.err{color:var(--red);font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}a{color:var(--blue)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;border:none;border-radius:15px;background:var(--blue);color:#fff;cursor:pointer;text-decoration:none;font-family:var(--font-body);font-weight:700;font-size:16px;box-shadow:0 5px 0 var(--blue-dk),0 10px 22px #2f8fff35;transition:transform .06s ease,box-shadow .06s ease}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--blue-dk)}.btn:disabled{opacity:.6;cursor:default}.btn.up{background:var(--green);box-shadow:0 5px 0 var(--green-dk),0 10px 22px #1fc58640}.btn.up:active{box-shadow:0 2px 0 var(--green-dk)}.btn.down{background:var(--red);box-shadow:0 5px 0 var(--red-dk),0 10px 22px #ff6a5d35}.btn.down:active{box-shadow:0 2px 0 var(--red-dk)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:nwspin .8s linear infinite;margin:16px auto}.nw-landing{min-height:100vh;flex-direction:column;overflow-x:hidden}.nw-landing,.nw-landing-stage{width:100%;display:flex;align-items:center}.nw-landing-stage{position:relative;flex:1 1;justify-content:center;padding:24px 0 14px}.nw-keycap{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700}.nw-phone{position:relative;z-index:5;width:min(384px,92vw);height:min(812px,84vh);border-radius:54px;background:#0c0c0e;padding:11px;box-shadow:0 40px 90px rgba(13,20,36,.28),0 0 0 1px rgba(13,20,36,.1);flex:none}.nw-phone-screen{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}@media (max-width:760px){.nw-keycap,.nw-landing-topbar-tag{display:none!important}}.nw-hero{min-height:calc(100vh - 63px)}.nw-nav-links{display:flex;align-items:center;gap:28px}.nw-hero-cards{display:flex;flex-direction:column;gap:15px}@media (max-width:980px){.nw-hero-cards{display:none}}@media (max-width:900px){.nw-hero{min-height:auto;padding-top:26px;padding-bottom:8px}}@media (max-width:820px){.nw-nav-links{display:none}}