.hero-demo{position:relative}.hero-demo__toggle{margin-left:auto;min-height:var(--space-8);padding:var(--space-1) var(--space-3);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--leading-none);cursor:pointer}.hero-demo__toggle:focus{outline:none}.hero-demo__toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.hero-demo .jt-transcript__words{display:grid;align-items:start;gap:var(--space-0)}.hero-line{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;grid-area:1 / 1;min-width:0}.hero-line--hold{visibility:hidden}.hero-demo .jt-transcript__word{margin-right:var(--space-1);pointer-events:none;cursor:default}.hero-demo .jt-transcript__word:last-child{margin-right:var(--space-0)}.hero-cut{display:inline-grid;grid-template-columns:0fr;min-width:0;margin-right:var(--space-0);vertical-align:bottom}.hero-cut__clip{display:block;min-width:0;overflow:hidden}.hero-phrase,.hero-demo .hero-cut__inner{white-space:nowrap}.hero-demo .hero-cut__inner{margin-right:var(--space-0);opacity:0;color:var(--color-text-muted);text-decoration:line-through}.hero-caret,.hero-cursor{flex:0 0 auto;width:calc(var(--space-px) * 2);height:1em;margin-right:var(--space-1)}.hero-cursor{background:var(--color-accent);opacity:0}.hero-demo .hero-timeline__clip--focus{flex:0 0 28%}.hero-time-stack{display:grid}.hero-time-stack>span{grid-area:1 / 1}.hero-time--full{opacity:0}.hero-motion{--hero-cycle: calc(var(--duration-cut) * 17.5)}.hero-motion .hero-cut{animation:hero-cut-box var(--hero-cycle) linear infinite}.hero-motion .hero-cut__inner{animation:hero-cut-words var(--hero-cycle) linear infinite}.hero-motion .hero-cursor{animation:hero-cursor var(--hero-cycle) linear infinite}.hero-motion .hero-timeline__clip--focus{animation:hero-clip-width var(--hero-cycle) linear infinite}.hero-motion .hero-time--full{animation:hero-time-before var(--hero-cycle) linear infinite}.hero-motion .hero-time--cut{animation:hero-time-after var(--hero-cycle) linear infinite}.hero-motion .hero-demo.is-paused,.hero-motion .hero-demo.is-paused *{animation-play-state:paused}@keyframes hero-cut-box{0%,46.429%{grid-template-columns:1fr;margin-right:var(--space-1);animation-timing-function:var(--ease-in)}52.143%,82.143%{grid-template-columns:0fr;margin-right:var(--space-0);animation-timing-function:var(--ease-out)}87.857%,to{grid-template-columns:1fr;margin-right:var(--space-1)}}@keyframes hero-cut-words{0%,17.857%{opacity:1;color:var(--color-text);text-decoration-line:none;background:transparent;animation-timing-function:var(--ease-standard)}19.286%,39.286%{opacity:1;color:var(--color-on-highlight);text-decoration-line:none;background:var(--color-highlight);animation-timing-function:var(--ease-standard)}40.714%,46.429%{opacity:1;color:var(--color-text-muted);text-decoration-line:line-through;background:var(--color-highlight);animation-timing-function:var(--ease-in)}52.143%,82.143%{opacity:0;color:var(--color-text-muted);text-decoration-line:line-through;background:transparent;animation-timing-function:var(--ease-out)}87.857%,to{opacity:1;color:var(--color-text);text-decoration-line:none;background:transparent}}@keyframes hero-cursor{0%,17.857%{opacity:0;animation-timing-function:var(--ease-standard)}18.929%,46.429%{opacity:1;animation-timing-function:var(--ease-in)}52.143%,to{opacity:0}}@keyframes hero-clip-width{0%,46.429%{flex-basis:46%;animation-timing-function:var(--ease-in)}52.143%,82.143%{flex-basis:28%;animation-timing-function:var(--ease-out)}87.857%,to{flex-basis:46%}}@keyframes hero-time-before{0%,46.429%{opacity:1;animation-timing-function:var(--ease-in)}52.143%,82.143%{opacity:0;animation-timing-function:var(--ease-out)}87.857%,to{opacity:1}}@keyframes hero-time-after{0%,46.429%{opacity:0;animation-timing-function:var(--ease-in)}52.143%,82.143%{opacity:1;animation-timing-function:var(--ease-out)}87.857%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.hero-demo,.hero-demo *{animation:none!important}}.band{padding:var(--space-16) var(--space-4)}.band--raised{background:var(--color-surface-raised)}.band--cta{background:var(--color-surface);border-top:var(--space-px) solid var(--color-border)}.band__inner{max-width:64rem;margin-inline:auto}.band__inner--narrow{max-width:48rem}#demo{scroll-margin-top:var(--space-20)}.band__title{margin:var(--space-0);font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug);text-wrap:balance}.band__body{margin:var(--space-4) var(--space-0) var(--space-0);color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal)}.steps{display:grid;gap:var(--space-8);margin:var(--space-10) var(--space-0) var(--space-0);padding:var(--space-0);list-style:none;counter-reset:step}.steps__item{min-width:0}.steps__item:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:var(--space-8);height:var(--space-8);margin-bottom:var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--font-weight-bold);line-height:var(--leading-none)}.steps__title{margin:var(--space-0);font-family:var(--font-family-sans);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.steps__body{margin:var(--space-2) var(--space-0) var(--space-0);color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal)}.feature-grid{display:grid;gap:var(--space-4);margin:var(--space-10) var(--space-0) var(--space-0);padding:var(--space-0);list-style:none}.feature-card{display:grid;gap:var(--space-4);min-width:0}.feature-card__title{margin:var(--space-0);font-family:var(--font-family-sans);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.feature-stage{display:grid;align-content:center;min-width:0;min-height:var(--space-24);padding:var(--space-4);overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}.sketch-word{display:inline-block;width:var(--space-12);height:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.sketch-word--short{width:var(--space-8)}.sketch-word--mark{width:var(--space-16);background:var(--color-highlight)}.sketch-time{width:var(--space-8);height:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.sketch-clips{display:flex;align-items:stretch;min-width:0;gap:var(--space-2);padding-top:var(--space-6)}.sketch-clip{flex:1 1 0;min-width:0}.sketch-clip .sketch-word{width:100%;max-width:100%}.sketch-title{min-height:var(--space-20)}.feature-stage .sketch-title__line{width:calc(var(--space-24) + var(--space-16));max-width:100%;height:var(--space-3);border-radius:var(--radius-sm);background:var(--color-text)}.sketch-social{gap:var(--space-3)}.sketch-social .jt-clip-card__media{min-height:var(--space-16);aspect-ratio:auto}.sketch-stack{display:grid;justify-items:start;gap:var(--space-2)}.story{display:grid;gap:var(--space-8);align-items:center}.faq{margin-top:var(--space-8);border-top:var(--space-px) solid var(--color-border)}.faq__item{border-bottom:var(--space-px) solid var(--color-border)}.faq__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-0);cursor:pointer;list-style:none}.faq__summary::-webkit-details-marker{display:none}.faq__question{margin:var(--space-0);font-family:var(--font-family-sans);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug)}.faq__summary:after{content:"";flex:none;width:var(--space-2);height:var(--space-2);border-right:calc(var(--space-px) * 2) solid var(--color-text);border-bottom:calc(var(--space-px) * 2) solid var(--color-text);transform:translateY(calc(var(--space-px) * -1)) rotate(45deg)}.faq__item[open] .faq__summary:after{transform:translateY(var(--space-1)) rotate(225deg)}.faq__answer{margin:var(--space-0) var(--space-0) var(--space-4);max-width:40rem;color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal)}.closing{display:grid;justify-items:center;gap:var(--space-6);text-align:center}@media(min-width:48rem){.band{padding:var(--space-20) var(--space-6)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}@media(min-width:64rem){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}