.hero-stage{isolation:isolate;padding-top:112px;padding-bottom:var(--space-2xl);background:var(--background)}.hero-stage:before{content:"";z-index:-2;pointer-events:none;background:url(/hero-bg.svg) top/cover no-repeat;position:absolute;inset:0}.dark .hero-stage:before{display:none}.dark .hero-stage{background:var(--band-ink);color:var(--band-ink-fg);--foreground:var(--band-ink-fg);--muted-foreground:var(--band-ink-muted);--border:var(--band-ink-line);--border-strong:var(--band-ink-line-strong);--frame:var(--band-ink-surface);--muted:var(--band-ink-surface);--subtle:var(--band-ink-surface);--accent-text:var(--band-ink-accent);--ring:var(--band-ink-accent);--key-face:var(--band-ink-surface);--key-edge:var(--band-ink-edge);--key-drop:var(--band-ink-edge);--key-hi:var(--band-ink-line);--shadow-card:0 0 0 1px var(--band-ink-line), 0 12px 32px -16px var(--band-ink-edge);--shadow-lift:0 0 0 1px var(--band-ink-line-strong), 0 24px 48px -20px var(--band-ink-edge)}@media (width>=768px){.hero-stage{padding-top:136px}}.hero-field{top:-5rem;bottom:calc(-1 * var(--space-2xl));z-index:-1;pointer-events:none;position:absolute;inset-inline:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#0000 0,#000 8rem calc(100% - 12rem),#0000 100%);mask-image:linear-gradient(#0000 0,#000 8rem calc(100% - 12rem),#0000 100%)}.hero-h1{text-align:center;text-wrap:balance;max-width:none;color:var(--foreground);margin-inline:auto;font-size:clamp(2.75rem,5.9vw,5.75rem);line-height:1.04}@media (width>=640px){.hero-h1{max-width:20ch}}@media (width>=1100px){.hero-h1{max-width:24ch}}.hero-lead{max-width:44ch;margin:var(--space-lg) auto 0;text-align:center;text-wrap:balance;color:var(--muted-foreground)}.hero-actions{align-items:stretch;gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}@media (width>=640px){.hero-actions{flex-direction:row;justify-content:center;align-items:center}}@media (width<=639px){.hero-actions{align-items:center;gap:var(--space-sm)}.hero-actions .btn-lg{min-height:44px;padding:0 24px;font-size:16px}.hero-actions .btn-outline{min-height:40px;padding:0 20px;font-size:15px}}@media (width<=767px){.hero-demo{display:none}}.hero-terms{justify-content:center;gap:var(--space-2xs) var(--space-xl);margin-top:var(--space-lg);font-family:var(--font-display);color:var(--muted-foreground);flex-wrap:wrap;font-size:15px;font-weight:500;display:flex}.hero-demo{width:min(1180px,100vw - 3rem);max-width:none;margin:var(--space-3xl) 0 0 calc(50% - min(590px, 50vw - 1.5rem));min-width:0;position:relative}@media (width<=767px){.hero-demo{margin-top:var(--space-2xl)}}.hero-dash{border:1px solid var(--border-strong);box-shadow:var(--shadow-lift);background:var(--dash-page);border-radius:20px;overflow:clip}.hero-float{animation:hero-float .7s var(--ease-out) .12s both}@keyframes hero-float{0%{opacity:0;transform:translateY(32px)}}.hero-frame{box-shadow:var(--shadow-lift);border-radius:20px;overflow:clip}.hero-lid{background:var(--dash-surface)}@media (width>=900px){.hero-frame{grid-template-columns:minmax(0,1fr) 272px;display:grid}.hero-frame:after{content:"";border-left:1px solid var(--border);background:var(--subtle);grid-area:1/2}.hero-lid{grid-area:1/1}}.hero-slot{margin-top:var(--space-md);position:relative}@media (width>=900px){.hero-slot{z-index:5;width:300px;margin-top:0;position:absolute;top:24px;right:-28px}}.hero-slip{transition:transform .7s var(--ease-out), opacity .7s var(--ease-out)}.js .hero-slip[data-on=false]{opacity:0;transform:translateY(24px)}.hero-stamp{z-index:20;position:absolute;top:-14px;right:12px}.hero-stamp .stamp{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.hero-foot{margin-top:var(--space-md);color:var(--foreground);padding:var(--space-2xs) var(--space-sm);background:var(--background);border-radius:8px;display:inline-block;position:relative}.dark .hero-foot{background:var(--band-ink)}.film-frame{border:1px solid var(--border);background:var(--frame);box-shadow:var(--shadow-lift);border-radius:20px;overflow:clip}.film-play{pointer-events:none;border-radius:50%;width:72px;height:72px;min-height:0;padding:0}.film-overlay:hover .film-play{transform:translateY(-1px)}.film-overlay:active .film-play{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.hero-float,.hero-slip,.film-play{transition:none;animation:none}}.gradient-ascii-container{width:100%;height:100%;position:relative;overflow:hidden}.gradient-ascii-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}