html,body{margin:0;padding:0;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow-x:clip}*,*:before,*:after{box-sizing:border-box}.site-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(232,146,124,.08),transparent 70%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(240,160,80,.04),transparent 70%),var(--bg-void)}.site-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.85 0 0 0 0 0.95 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:18px;padding:18px 28px;transition:background .24s var(--ease),border-color .24s var(--ease),backdrop-filter .24s var(--ease);border-bottom:1px solid transparent}.site-nav.scrolled{background:#0d0d0fb8;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border-faint);padding:12px 28px}.site-nav-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.site-nav-brand .badge{font-family:var(--font-mono);font-size:10px;color:var(--coral-bright);background:var(--coral-subtle);border:1px solid var(--coral-dim);border-radius:4px;padding:1px 6px;letter-spacing:.08em;text-transform:uppercase}.site-nav-links{display:flex;align-items:center;gap:4px;margin-left:22px}.site-nav-links a{font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:6px 12px;border-radius:6px;transition:all .12s var(--ease)}.site-nav-links a:hover{color:var(--text-primary);background:var(--bg-hover)}.site-nav-spacer{flex:1}.site-nav-actions{display:flex;align-items:center;gap:8px}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--coral-bright);letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--coral-bright);box-shadow:0 0 12px var(--coral-glow);animation:dotBreathe 1.8s var(--ease) infinite}h1.site-h1{font-size:clamp(40px,6.4vw,84px);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0;color:var(--text-primary);text-wrap:balance}h2.site-h2{font-size:clamp(32px,4.4vw,56px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0;color:var(--text-primary);text-wrap:balance}h3.site-h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text-primary)}.site-lede{font-size:clamp(15px,1.4vw,19px);line-height:1.55;color:var(--text-secondary);margin:0;text-wrap:pretty;max-width:560px}.btn-pill{border-radius:999px;padding:10px 18px;font-size:13px}.btn-lg{padding:14px 22px;font-size:14px;border-radius:10px}.stage{position:relative;z-index:5}.stage-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewport-frame{position:relative;background:var(--viewport-bg);border:1px solid var(--border-soft);border-radius:12px;overflow:hidden;box-shadow:0 0 60px 6px #e8927c12,0 0 120px 18px #e8927c0a,0 30px 80px #0009;transform-origin:center center}.ide-chrome{pointer-events:none}.ide-chrome>*{pointer-events:auto}.float-label{position:absolute;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.float-label:before{content:"";width:22px;height:1px;background:var(--border-medium)}.float-label.right{flex-direction:row-reverse}.float-label.right:before{background:var(--border-medium)}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);letter-spacing:.16em;text-transform:uppercase;z-index:30}.scroll-cue .mouse{width:22px;height:36px;border:1.5px solid var(--text-secondary);border-radius:12px;position:relative}.scroll-cue .mouse:after{content:"";position:absolute;top:6px;left:50%;width:2px;height:6px;background:var(--coral-bright);border-radius:2px;transform:translate(-50%);animation:scrollDot 1.8s var(--ease) infinite}@keyframes scrollDot{0%{transform:translate(-50%);opacity:1}60%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:0}}.hud{position:absolute;pointer-events:none;z-index:10;font-family:var(--font-mono);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.6)}.hud.tl{top:22px;left:22px}.hud.tr{top:22px;right:22px}.hud.bl{bottom:22px;left:22px}.hud.br{bottom:22px;right:22px}.hud-label{font-size:10px;color:var(--text-ghost);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.hud-value{font-size:22px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.hero-caption{display:inline-flex;align-items:center;gap:8px;background:#0d0d0f8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-soft);border-radius:999px;padding:6px 12px 6px 8px;font-family:var(--font-mono);font-size:11px;color:var(--text-body)}.hero-caption .pip{width:18px;height:18px;border-radius:50%;background:var(--coral-bright);display:inline-flex;align-items:center;justify-content:center;color:#2a1610;font-size:10px;font-weight:700}.section{position:relative;z-index:5;padding:120px 28px}.container{max-width:1240px;margin:0 auto}.container.narrow{max-width:880px}.tour-row{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-bottom:120px}.tour-row:last-child{margin-bottom:0}.tour-row.reverse>:first-child{order:2}.feature-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}.feature-card .icon-wrap{width:40px;height:40px;border-radius:10px;background:var(--coral-subtle);border:1px solid var(--coral-dim);display:inline-flex;align-items:center;justify-content:center;color:var(--coral-bright)}.band{border-top:1px solid var(--border-faint);border-bottom:1px solid var(--border-faint);background:var(--bg-deep)}.site-footer{position:relative;z-index:5;border-top:1px solid var(--border-faint);background:var(--bg-deep);padding:60px 28px 40px}.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-col h4{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.footer-col a{display:block;color:var(--text-body);text-decoration:none;font-size:13px;padding:5px 0;transition:color .12s}.footer-col a:hover{color:var(--coral-bright)}.cta-card{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(232,146,124,.16),transparent 70%),var(--bg-surface);border:1px solid var(--coral-dim);border-radius:24px;padding:60px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 0 80px #e8927c1f}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-flex;gap:14px;animation:marqueeRoll 38s linear infinite;white-space:nowrap;padding:8px 0}@keyframes marqueeRoll{0%{transform:translate(0)}to{transform:translate(-50%)}}.template-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:999px;font-size:13px;color:var(--text-body);white-space:nowrap}.template-pill .glyph{width:22px;height:22px;border-radius:6px;background:var(--coral-subtle);color:var(--coral-bright);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat .num{font-size:36px;font-weight:600;letter-spacing:-.02em;color:var(--coral-bright);font-family:var(--font-ui);display:flex;align-items:baseline;gap:4px}.stat .num .unit{font-size:18px;color:var(--text-secondary);font-weight:500}.stat .lbl{font-size:12px;color:var(--text-secondary);margin-top:6px}blockquote.pull{margin:0;padding:0;font-size:clamp(22px,2.6vw,32px);font-weight:500;letter-spacing:-.02em;line-height:1.35;color:var(--text-primary);text-wrap:balance}blockquote.pull .by{display:block;margin-top:18px;font-size:13px;font-weight:500;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em}.steps{display:flex;flex-direction:column;gap:18px}.step{display:flex;gap:18px;align-items:flex-start}.step-num{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--coral-subtle);border:1px solid var(--coral-dim);color:var(--coral-bright);font-family:var(--font-mono);font-size:13px;font-weight:600}.step h3{margin:4px 0;font-size:17px;font-weight:600;color:var(--text-primary)}.step p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.55}.terminal{background:var(--bg-void);border:1px solid var(--border-soft);border-radius:12px;padding:14px 16px;font-family:var(--font-mono);font-size:13px;color:var(--text-body);line-height:1.65;display:flex;flex-direction:column;gap:6px}.terminal .line{display:flex;gap:10px}.terminal .prompt{color:var(--coral-bright)}.terminal .out{color:var(--text-secondary)}.terminal .ok{color:var(--success)}.terminal .warn{color:var(--warning)}.layer-label{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--text-ghost);letter-spacing:.16em;text-transform:uppercase;padding:3px 7px;border:1px dashed var(--border-medium);border-radius:4px;background:#0d0d0f66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.section-features{overflow:hidden}@media(max-width:880px){.footer-grid{grid-template-columns:1fr 1fr}.tour-row{grid-template-columns:1fr;gap:28px;margin-bottom:80px}.tour-row.reverse>:first-child{order:0}.stat-row{grid-template-columns:repeat(2,1fr)}.site-nav-links{display:none}}