@property --hd-n{syntax:"<integer>";inherits:true;initial-value:0}.hd-root{width:100%;min-width:0;container-type:inline-size}.hd-stage{aspect-ratio:520/340;border:2px solid var(--color-ink-800);background:radial-gradient(var(--color-ink-800) 6%, transparent 7%) 0 0 / 5cqw 5cqw, var(--color-surface-dark);width:100%;position:relative;overflow:hidden;container-type:inline-size}.hd-scene{--u:calc(100cqw / 520);--d:20s;color:var(--color-ink);font-family:var(--font-sans);animation:heroDemoScene var(--d) linear infinite;position:absolute;inset:0}.hd-scene *{box-sizing:border-box}.hd-panel{border:calc(2 * var(--u)) solid var(--color-line);background:var(--color-card);will-change:transform, opacity;position:absolute}.hd-composer{left:calc(90 * var(--u));top:calc(44 * var(--u));width:calc(340 * var(--u));padding:calc(14 * var(--u));transform-origin:0 0;animation:heroDemoComposer var(--d) ease-in-out infinite}.hd-head{align-items:flex-start;gap:calc(10 * var(--u));display:flex}.hd-avatar{width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--color-accent);color:#fff;font-family:var(--font-bangers);font-size:calc(13 * var(--u));flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.hd-who{flex:1;min-width:0;line-height:1.3}.hd-name{font-family:var(--font-bangers);font-size:calc(13.5 * var(--u));font-weight:700}.hd-sub{font-size:calc(11 * var(--u));color:var(--color-ink-muted)}.hd-hv{padding:calc(4 * var(--u)) calc(8 * var(--u));background:var(--color-secondary-600);color:#fff;font-family:var(--font-mono);font-size:calc(9.5 * var(--u));opacity:0;animation:heroDemoHv var(--d) ease-out infinite;flex:none;font-weight:600;transform:scale(.9)}.hd-field{min-height:calc(166 * var(--u));margin-top:calc(12 * var(--u));padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(34 * var(--u));border:calc(2 * var(--u)) solid var(--color-line);background:var(--color-paper);animation:heroDemoField var(--d) ease-out infinite;position:relative;overflow:hidden}.hd-mark{margin-bottom:calc(6 * var(--u));min-height:calc(30.8 * var(--u));font-family:var(--font-mono);font-size:calc(11 * var(--u));color:var(--color-ink-muted);opacity:0;transform:translateY(calc(-6 * var(--u)));animation:heroDemoMark var(--d) ease-out infinite;line-height:1.4}.hd-code{isolation:isolate;color:var(--color-ink);font-weight:600;position:relative}.hd-code:after{content:"";inset:calc(-1 * var(--u)) calc(-2 * var(--u));z-index:-1;background:color-mix(in srgb, var(--color-accent) 35%, transparent);transform-origin:0;animation:heroDemoHighlight var(--d) ease-out infinite;position:absolute;transform:scaleX(0)}.hd-line{white-space:nowrap;font-size:calc(13.5 * var(--u));clip-path:inset(0 100% 0 0);line-height:1.55;display:block}.hd-line-1{animation:heroDemoLine1 var(--d) steps(40, end) infinite}.hd-line-2{animation:heroDemoLine2 var(--d) steps(40, end) infinite}.hd-line-3{animation:heroDemoLine3 var(--d) steps(40, end) infinite}.hd-line-4{animation:heroDemoLine4 var(--d) steps(36, end) infinite}.hd-caret{width:calc(1.5 * var(--u));height:1em;margin-left:calc(1 * var(--u));vertical-align:-.15em;background:var(--color-ink);animation:heroDemoCaretA var(--d) steps(1, end) infinite, heroDemoBlink 1s steps(1, end) infinite;display:inline-block}.hd-caret-b{animation:heroDemoCaretB var(--d) steps(1, end) infinite, heroDemoBlink 1s steps(1, end) infinite}.hd-verify{right:calc(10 * var(--u));bottom:calc(8 * var(--u));align-items:center;gap:calc(4 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border:calc(2 * var(--u)) solid var(--color-accent);background:var(--color-card);color:var(--color-accent);font-family:var(--font-bangers);font-size:calc(11 * var(--u));opacity:0;animation:heroDemoVerify var(--d) ease-out infinite;font-weight:600;line-height:1;display:inline-flex;position:absolute;transform:scale(.9)}.hd-verify svg,.hd-seal svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.hd-sweep{height:calc(3 * var(--u));background:var(--color-accent);transform-origin:0;animation:heroDemoSweep var(--d) ease-in-out infinite;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.hd-foot{margin-top:calc(10 * var(--u));justify-content:flex-end;display:flex}.hd-post{padding:calc(6 * var(--u)) calc(14 * var(--u));border:calc(2 * var(--u)) solid var(--color-line);background:var(--color-tan-warm);color:var(--color-ink-muted);font-family:var(--font-bangers);font-size:calc(12 * var(--u));animation:heroDemoPost var(--d) ease-out infinite;font-weight:600;line-height:1}.hd-cursor{z-index:5;width:calc(14 * var(--u));height:calc(14 * var(--u));background:var(--color-ink);box-shadow:0 0 0 calc(2 * var(--u)) var(--color-card);opacity:0;pointer-events:none;border-radius:999px;position:absolute}.hd-cursor-a{left:calc(288 * var(--u));top:calc(203 * var(--u));transform:translate(calc(-150 * var(--u)), calc(-95 * var(--u)));animation:heroDemoCursorA var(--d) ease-in-out infinite}.hd-cursor-b{left:calc(370 * var(--u));top:calc(97 * var(--u));transform:translate(calc(-178 * var(--u)), calc(-6 * var(--u)));animation:heroDemoCursorB var(--d) ease-in-out infinite}.hd-reader{right:calc(16 * var(--u));top:calc(20 * var(--u));width:calc(254 * var(--u));padding:calc(14 * var(--u));opacity:0;transform:translateX(calc(40 * var(--u)));animation:heroDemoReader var(--d) ease-out infinite}.hd-eyebrow{margin-bottom:calc(6 * var(--u));color:var(--color-accent);font-family:var(--font-bangers);font-size:calc(10 * var(--u));font-weight:600;line-height:1.2}.hd-lookup{height:calc(30 * var(--u));border:calc(2 * var(--u)) solid var(--color-line);background:var(--color-tan);font-family:var(--font-mono);align-items:stretch;display:flex}.hd-prefix{padding:0 calc(8 * var(--u));border-right:calc(2 * var(--u)) solid var(--color-line);color:var(--color-ink-faint);font-size:calc(11 * var(--u));align-items:center;display:flex}.hd-input{padding:0 calc(8 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.18em;flex:1;align-items:center;display:flex}.hd-typed{clip-path:inset(0 100% 0 0);animation:heroDemoTyped var(--d) steps(8, end) infinite}.hd-lookup-btn{height:calc(28 * var(--u));margin-top:calc(6 * var(--u));border:calc(2 * var(--u)) solid var(--color-accent);background:var(--color-accent);color:#fff;font-family:var(--font-bangers);font-size:calc(11 * var(--u));animation:heroDemoLookupBtn var(--d) ease-out infinite;justify-content:center;align-items:center;font-weight:600;display:flex}.hd-record{margin-top:calc(12 * var(--u));padding:calc(12 * var(--u));border:calc(2 * var(--u)) solid var(--color-line);background:var(--color-paper);opacity:0;transform:translateY(calc(8 * var(--u))) scale(.94);animation:heroDemoRecord var(--d) cubic-bezier(.2, .9, .3, 1.2) infinite}.hd-seal-row{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));display:flex}.hd-seal{align-items:center;gap:calc(5 * var(--u));padding:calc(5 * var(--u)) calc(9 * var(--u));background:var(--color-secondary-600);color:#fff;font-family:var(--font-bangers);font-size:calc(12.5 * var(--u));font-weight:700;line-height:1;display:inline-flex}.hd-seal svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.hd-record-code{font-family:var(--font-mono);font-size:calc(10 * var(--u));letter-spacing:.12em;color:var(--color-ink-muted)}.hd-author{align-items:center;gap:calc(7 * var(--u));margin-top:calc(10 * var(--u));display:flex}.hd-author .hd-avatar{width:calc(22 * var(--u));height:calc(22 * var(--u));font-size:calc(9 * var(--u))}.hd-author .hd-name{font-size:calc(12.5 * var(--u))}.hd-check{width:calc(13 * var(--u));height:calc(13 * var(--u));background:var(--color-secondary-600);color:#fff;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.hd-check svg{width:calc(8 * var(--u));height:calc(8 * var(--u))}.hd-meta{margin-top:calc(8 * var(--u));font-family:var(--font-mono);font-size:calc(9 * var(--u));color:var(--color-ink-muted);line-height:1.5}.hd-conf{margin-top:calc(10 * var(--u));font-family:var(--font-mono);font-size:calc(9 * var(--u));color:var(--color-ink-muted);justify-content:space-between;align-items:baseline;display:flex}.hd-conf-num{color:var(--color-secondary-600);font-family:var(--font-sans);font-size:calc(18 * var(--u));animation:heroDemoCount var(--d) ease-out infinite;font-weight:800;line-height:1}.hd-conf-num:before{counter-reset:hdn var(--hd-n);content:counter(hdn)}.hd-conf-num small{margin-left:calc(3 * var(--u));color:var(--color-ink-faint);font-family:var(--font-mono);font-size:calc(9 * var(--u));font-weight:500}.hd-bar{height:calc(6 * var(--u));margin-top:calc(6 * var(--u));background:var(--color-neutral-200);overflow:hidden}.hd-bar-fill{background:var(--color-secondary-600);transform-origin:0;height:100%;animation:heroDemoBar var(--d) ease-out infinite;display:block;transform:scaleX(0)}.hd-rail{font-family:var(--font-bangers);color:var(--color-ink-muted);align-items:center;gap:8px;margin:14px 0 0;padding:0;font-size:clamp(10px,2.5cqw,12px);font-weight:600;list-style:none;display:flex}.hd-rail li{white-space:nowrap;align-items:center;gap:6px;display:flex}.hd-rail li:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.hd-rail-1{animation:heroDemoRail1 var(--d,20s) steps(1, end) infinite}.hd-rail-2{animation:heroDemoRail2 var(--d,20s) steps(1, end) infinite}.hd-rail-3{animation:heroDemoRail3 var(--d,20s) steps(1, end) infinite}.hd-rail-4{animation:heroDemoRail4 var(--d,20s) steps(1, end) infinite}.hd-rail-line:before{display:none}.hd-rail-line{background:var(--color-line);flex:1;min-width:6px;height:2px}@keyframes heroDemoScene{0%{opacity:0}2%,91%{opacity:1}95%,to{opacity:0}}@keyframes heroDemoLine1{0%,3%{clip-path:inset(0 100% 0 0)}8%,to{clip-path:inset(0)}}@keyframes heroDemoLine2{0%,8%{clip-path:inset(0 100% 0 0)}13%,to{clip-path:inset(0)}}@keyframes heroDemoLine3{0%,13%{clip-path:inset(0 100% 0 0)}18%,to{clip-path:inset(0)}}@keyframes heroDemoLine4{0%,18%{clip-path:inset(0 100% 0 0)}22%,to{clip-path:inset(0)}}@keyframes heroDemoCaretA{0%,2.5%{visibility:hidden}2.6%,23%{visibility:visible}23.1%,to{visibility:hidden}}@keyframes heroDemoCaretB{0%,59%{visibility:hidden}59.1%,66%{visibility:visible}66.1%,to{visibility:hidden}}@keyframes heroDemoBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes heroDemoVerify{0%,23%{opacity:0;background:var(--color-card);color:var(--color-accent);transform:scale(.9)}24.5%,29.5%{opacity:1;background:var(--color-card);color:var(--color-accent);transform:scale(1)}30%{background:var(--color-accent);color:#fff;transform:scale(.92)}30.5%,45%{opacity:1;background:var(--color-accent);color:#fff;transform:scale(1)}47%,to{opacity:0;background:var(--color-accent);color:#fff;transform:scale(1)}}@keyframes heroDemoCursorA{0%,25%{opacity:0;transform:translate(calc(-150 * var(--u)), calc(-95 * var(--u))) scale(1)}26%{opacity:1;transform:translate(calc(-150 * var(--u)), calc(-95 * var(--u))) scale(1)}29.5%{transform:translate(0)scale(1)}30%{transform:translate(0)scale(.8)}30.5%,40%{opacity:1;transform:translate(0)scale(1)}42%{transform:translate(calc(15 * var(--u)), calc(43 * var(--u))) scale(1)}42.5%{transform:translate(calc(15 * var(--u)), calc(43 * var(--u))) scale(.8)}43%,46%{opacity:1;transform:translate(calc(15 * var(--u)), calc(43 * var(--u))) scale(1)}48%,to{opacity:0;transform:translate(calc(15 * var(--u)), calc(43 * var(--u))) scale(1)}}@keyframes heroDemoSweep{0%,30.5%{opacity:1;transform:scaleX(0)}35.5%{opacity:1;transform:scaleX(1)}37.5%,to{opacity:0;transform:scaleX(1)}}@keyframes heroDemoMark{0%,36%{opacity:0;transform:translateY(calc(-6 * var(--u)))}39%,to{opacity:1;transform:translateY(0)}}@keyframes heroDemoPost{0%,39%{opacity:1;border-color:var(--color-line);background:var(--color-tan-warm);color:var(--color-ink-muted);transform:scale(1)}40.5%,42%{opacity:1;border-color:var(--color-accent);background:var(--color-accent);color:#fff;transform:scale(1)}42.5%{transform:scale(.94)}43.5%,46%{opacity:1;border-color:var(--color-accent);background:var(--color-accent);color:#fff;transform:scale(1)}49%,to{opacity:0;border-color:var(--color-accent);background:var(--color-accent);color:#fff;transform:scale(1)}}@keyframes heroDemoField{0%,46%{border-color:var(--color-line);background:var(--color-paper)}49%,to{background:var(--color-card);border-color:#0000}}@keyframes heroDemoHv{0%,46%{opacity:0;transform:scale(.9)}49%,to{opacity:1;transform:scale(1)}}@keyframes heroDemoComposer{0%,50%{opacity:1;transform:none}54%,to{opacity:.6;transform:translate(calc(-84 * var(--u)), calc(-14 * var(--u))) scale(.85)}}@keyframes heroDemoReader{0%,50%{opacity:0;transform:translateX(calc(40 * var(--u)))}54%,to{opacity:1;transform:translate(0)}}@keyframes heroDemoCursorB{0%,55%{opacity:0;transform:translate(calc(-178 * var(--u)), calc(-6 * var(--u))) scale(1)}56%,60.5%{opacity:1;transform:translate(calc(-178 * var(--u)), calc(-6 * var(--u))) scale(1)}64.5%{transform:translate(0)scale(1)}65%{transform:translate(0)scale(.8)}65.5%,70%{opacity:1;transform:translate(0)scale(1)}72%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes heroDemoHighlight{0%,56.5%{transform:scaleX(0)}59.5%,to{transform:scaleX(1)}}@keyframes heroDemoTyped{0%,60%{clip-path:inset(0 100% 0 0)}64%,to{clip-path:inset(0)}}@keyframes heroDemoLookupBtn{0%,64.8%{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1)}65.2%{background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:scale(.97)}66%,to{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1)}}@keyframes heroDemoRecord{0%,66%{opacity:0;transform:translateY(calc(8 * var(--u))) scale(.94)}69%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroDemoBar{0%,70%{transform:scaleX(0)}76%,to{transform:scaleX(.96)}}@keyframes heroDemoCount{0%,70%{--hd-n:0}76%,to{--hd-n:96}}@keyframes heroDemoRail1{0%,23%{color:var(--color-accent)}23.01%,to{color:var(--color-ink-muted)}}@keyframes heroDemoRail2{0%,23%{color:var(--color-ink-muted)}23.01%,39%{color:var(--color-accent)}39.01%,to{color:var(--color-ink-muted)}}@keyframes heroDemoRail3{0%,39%{color:var(--color-ink-muted)}39.01%,50%{color:var(--color-accent)}50.01%,to{color:var(--color-ink-muted)}}@keyframes heroDemoRail4{0%,50%{color:var(--color-ink-muted)}50.01%,to{color:var(--color-accent)}}@media (prefers-reduced-motion:reduce){.hd-root *,.hd-root .hd-code:after,.hd-root .hd-conf-num:before{animation-play-state:paused;animation-delay:-17s}.hd-root .hd-caret,.hd-root .hd-caret-b{visibility:hidden;animation:none}}