.landing{position:relative}.landing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#0a0a0ab3;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.landing-nav-links{font-family:var(--font-mono);align-items:center;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.landing-nav-links a{color:var(--text-muted);transition:color .12s var(--ease);border-radius:5px;padding:6px 10px;text-decoration:none;display:inline-block}.landing-nav-links a:hover{color:var(--text)}.landing-nav-actions{align-items:center;gap:8px;display:flex}.hero{max-width:1200px;margin:0 auto;padding:80px 32px 100px;position:relative}.hero-eyebrow{border:1px solid var(--border-strong);font-family:var(--font-mono);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.hero-eyebrow .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.hero h1{font-family:var(--font-ui);letter-spacing:-.035em;max-width:18ch;margin:24px 0 0;font-size:clamp(48px,7vw,92px);font-weight:600;line-height:.95}.hero h1 .accent{color:var(--accent)}.hero p.lead{max-width:56ch;color:var(--text-muted);margin-top:28px;font-size:18px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.cta-primary,.cta-ghost{border-radius:var(--radius-sm);height:44px;font-family:var(--font-mono);transition:background .14s var(--ease), box-shadow .14s var(--ease);align-items:center;gap:8px;padding:0 22px;font-size:13px;text-decoration:none;display:inline-flex}.cta-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 0 var(--accent-glow);font-weight:600}.cta-primary:hover{background:var(--accent-2);box-shadow:0 0 0 6px var(--accent-glow)}.cta-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.cta-ghost:hover{background:var(--surface-2)}.cta-primary.is-block,.cta-ghost.is-block{justify-content:center;width:100%}.hero-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas-bg);background-image:radial-gradient(circle at 1px 1px, var(--canvas-grid) 1px, transparent 0);aspect-ratio:16/9;background-size:24px 24px;margin-top:64px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff08}.hero-preview svg.hp-demo{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-preview svg.hp-demo text{font-family:var(--font-hand)}.hp-art .hp-el,.hp-demo .hp-el{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .45s,transform .45s;transform:translateY(7px)scale(.97)}.hp-demo.is-drawn .hp-el{opacity:1;transition-delay:calc(var(--i,0) * .15s);transform:none}.hp-flow .hp-line{stroke-dasharray:8 8;animation:1.4s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-16px}}.hp-chip,.hp-presence,.hp-status,.hp-transcript,.hp-raise{z-index:2;font-family:var(--font-mono);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);white-space:nowrap;background:#141414d9;border-radius:10px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;display:inline-flex;position:absolute}.hp-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.hp-dot.is-live{animation:1.6s ease-out infinite hp-dot-pulse}@keyframes hp-dot-pulse{0%{box-shadow:0 0 #b6f23a80}70%,to{box-shadow:0 0 0 5px #b6f23a00}}.hp-chip-tl{top:16px;left:16px}.hp-presence{color:var(--text);opacity:0;gap:0;transition:opacity .4s,transform .4s;top:16px;right:16px;transform:translateY(-5px)}.hp-presence.is-on{opacity:1;transform:none}.hp-ava{color:#0a0a0a;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:-6px;font-size:10px;font-weight:700;display:inline-flex}.hp-ava:first-child{margin-left:0}.hp-here{color:var(--accent);margin-left:8px}.hp-status{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;top:16px;left:50%;transform:translate(-50%,-5px)}.hp-status.is-on{opacity:1;transform:translate(-50%)}.hp-status-live{color:var(--accent)}.hp-pencil{background:var(--accent);border-radius:1px 2px;flex-shrink:0;width:9px;height:9px;animation:.9s ease-in-out infinite hp-scribble}@keyframes hp-scribble{0%,to{transform:translate(-1px)rotate(-8deg)}50%{transform:translate(1px)rotate(8deg)}}.hp-transcript{max-width:62%;color:var(--text);opacity:0;transition:opacity .4s,transform .4s;bottom:16px;left:16px;transform:translateY(5px)}.hp-transcript.is-on{opacity:1;transform:none}.hp-mic{color:var(--text-dim);flex-shrink:0;display:inline-flex}.hp-mic svg{width:14px;height:14px}.hp-said{text-overflow:ellipsis;overflow:hidden}.hp-caret{background:var(--accent);flex-shrink:0;width:2px;height:14px;animation:.8s step-end infinite hp-blink}@keyframes hp-blink{50%{opacity:0}}.hp-hand{z-index:2;opacity:0;flex-direction:column;align-items:flex-end;gap:8px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:16px;right:16px;transform:translateY(8px)}.hp-hand.is-on{opacity:1;transform:none}.hp-bubble{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px 10px 2px;padding:8px 12px;font-size:13px;box-shadow:0 6px 20px #0006}.hp-raise{position:static}.hp-wave{transform-origin:70% 80%;font-size:13px;animation:1.2s ease-in-out infinite hp-wave}@keyframes hp-wave{0%,to{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}@media (max-width:640px){.hp-chip-tl{display:none}.hp-presence,.hp-status,.hp-transcript,.hp-raise,.hp-bubble{padding:5px 8px;font-size:10px}.hp-presence,.hp-status{top:10px}.hp-presence{right:10px}.hp-status,.hp-status.is-on{left:10px;transform:none}.hp-transcript{max-width:72%;bottom:10px;left:10px}.hp-hand{bottom:10px;right:10px}.hp-ava{width:16px;height:16px;font-size:9px}}.section{max-width:1200px;margin:0 auto;padding:80px 32px}.section-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.section h2{letter-spacing:-.025em;max-width:22ch;margin:8px 0 16px;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.05}.section p.section-lead{color:var(--text-muted);max-width:60ch;font-size:17px;line-height:1.55}.how-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:36px;display:grid}.how-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.how-step .num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;margin-bottom:12px;font-size:11px;display:block}.how-step h3{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600}.how-step p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.55}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:44px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s var(--ease), transform .2s var(--ease);padding:22px}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feature-icon{background:var(--surface-2);width:36px;height:36px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.feature-icon svg{width:20px;height:20px}.feature-card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600}.feature-card p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.compare{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, #b6f23a08, transparent), var(--surface);margin-top:96px;padding:36px}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:24px;display:grid}.compare-col h3{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-size:12px}.compare-col ul{color:var(--text-muted);margin:0;padding:0;font-size:14px;line-height:1.7;list-style:none}.compare-col li{padding-left:22px;position:relative}.compare-col li:before{content:"";background:var(--text-faint);width:12px;height:1px;position:absolute;top:10px;left:0}.compare-col.accent li{color:var(--text)}.compare-col.accent li:before{background:var(--accent)}.compare-col.accent strong{color:var(--accent);font-weight:600}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:820px;margin-top:44px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:28px;display:flex;position:relative}.pricing-card.is-pro{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 24px 60px #0006;background:linear-gradient(180deg, #b6f23a0a, transparent), var(--surface)}.pricing-badge{background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:28px}.pricing-name{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:13px}.pricing-price{letter-spacing:-.03em;margin:8px 0 4px;font-size:44px;font-weight:700}.pricing-price span{color:var(--text-dim);font-size:15px;font-weight:400}.pricing-tag{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.45}.pricing-list{flex-direction:column;flex:1;gap:11px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-list li{color:var(--text-muted);padding-left:26px;font-size:14px;line-height:1.4;position:relative}.pricing-list li strong{color:var(--text);font-weight:600}.pricing-list li:before{font-family:var(--font-mono);font-size:13px;position:absolute;top:0;left:0}.pricing-list li.yes:before{content:"✓";color:var(--accent)}.pricing-list li.no{color:var(--text-faint)}.pricing-list li.no:before{content:"—";color:var(--text-faint)}.pricing-note{text-align:center;font-family:var(--font-mono);color:var(--text-faint);margin-top:20px;font-size:12px}.shortcut-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 24px;margin-top:44px;padding:28px;font-size:13px;list-style:none;display:grid}.shortcut-strip .row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.shortcut-strip .row span{color:var(--text-muted)}.shortcut-strip .row .keys{color:var(--text)}.cta-section{padding:0 32px 80px}.cta-strip{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(circle at 50% 0%, #b6f23a1a, transparent 60%), var(--surface);max-width:1200px;margin:80px auto 0;padding:64px 32px}.cta-strip h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(28px,4vw,48px);font-weight:600}.cta-strip p{color:var(--text-muted);margin:0 0 28px;font-size:16px}.cta-strip .cta-primary{font-size:14px}.site-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:56px 32px 40px;font-size:12px;display:flex}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.hp-flow .hp-line,.hp-dot.is-live,.hp-pencil,.hp-wave,.hp-caret{animation:none!important}.hp-el,.hp-presence,.hp-status,.hp-transcript,.hp-hand{transition:none!important}}@media (max-width:767px){.landing-nav{padding:14px 18px}.landing-nav-links{display:none}.hero{padding:56px 20px 72px}.section{padding:64px 20px}.compare{margin-top:64px;padding:24px}.cta-section{padding:0 20px 64px}.cta-strip{padding:48px 20px}.shortcut-strip{padding:20px}}