:root{--site-header-height:78px}.signature-hero{color:#e7edf7;background:#080a10;position:relative}.signature-hero .study-scroll{height:420svh;position:relative}.signature-hero .study-pin{top:var(--site-header-height);height:calc(100svh - var(--site-header-height));background:radial-gradient(at 66% 54%,#172033 0%,#0d1220 37%,#080a10 76%);min-height:600px;position:sticky;overflow:hidden}.signature-hero .hero-topline{z-index:3;position:absolute;top:32px;left:0;right:0}.signature-copy{z-index:3;pointer-events:none;position:absolute;top:72px;left:0;right:0}.signature-copy h1{letter-spacing:-.055em;font-size:clamp(44px,5vw,72px);font-weight:600;line-height:1.04}.signature-copy h1 span{color:#aab3c3}.signature-copy .hero-description{color:#b9c4d9;margin-top:26px;text-align:left;max-width:350px;margin-inline:0;font-size:14px;line-height:1.75}.signature-copy .hero-actions{pointer-events:auto;align-items:center;gap:22px;width:fit-content;margin-top:24px;display:flex}.instrument-stage{pointer-events:none;position:absolute;inset:20% 0 12% 27%}.instrument-stage canvas,.instrument-poster{object-fit:contain;width:100%;height:100%;display:block}.instrument-stage canvas{opacity:0;position:absolute;inset:0}.instrument-poster{opacity:1;position:absolute;inset:0}.signature-hero [data-state=ready] canvas{opacity:1}.signature-hero [data-state=ready] .instrument-poster{opacity:0;visibility:hidden}.instrument-bottom{z-index:4;position:absolute;bottom:24px;left:0;right:0}.instrument-readout{letter-spacing:.5px;color:#bdc8dc;justify-content:space-between;font-size:10px;display:flex}.study-value{color:#9ab9ff;font-variant-numeric:tabular-nums}.instrument-meter{background:#ffffff20;height:1px;margin:12px 0}.instrument-meter:after{content:"";height:1px;width:var(--instrument-progress,0%);background:#437dff;display:block}.instrument-caption{justify-content:space-between;align-items:center;gap:18px;display:flex}.instrument-caption>p{letter-spacing:1px;color:#aab3c3;font-size:8px}.instrument-tools{color:#cbd4e5;align-items:center;gap:20px;font-size:10px;display:none}.signature-hero [data-state=ready] .instrument-tools{display:flex}.instrument-tools label{align-items:center;gap:10px;display:flex}.instrument-tools input{accent-color:#437dff;width:80px;min-height:28px}.instrument-tools button{color:inherit;background:0 0;border:0;border-bottom:1px solid #64748d;min-height:28px;padding:6px 0;font-size:10px}.signature-hero [data-state=poster] .instrument-readout,.signature-hero [data-state=failed] .instrument-readout,.signature-hero [data-state=static] .instrument-readout{visibility:hidden}.signature-hero .study-scroll[data-state=failed],.signature-hero .study-scroll[data-state=static]{height:calc(100svh - var(--site-header-height));min-height:600px}.signature-hero [data-state=failed] .study-pin,.signature-hero [data-state=static] .study-pin{position:relative;top:0}.signature-hero :focus-visible{outline-color:#9ab9ff}@media (max-width:1000px) and (min-width:701px){.signature-copy h1{font-size:52px}.signature-copy .hero-description{max-width:300px}.instrument-stage{inset:29% 0 12% 16%}.signature-copy .hero-actions{gap:18px}.instrument-caption{align-items:flex-start}.instrument-tools{gap:12px;font-size:9px}}@media (max-width:700px){:root{--site-header-height:74px}.signature-hero .study-scroll{height:360svh}.signature-hero .study-pin{min-height:650px}.signature-hero .hero-topline{top:24px}.signature-hero .hero-topline .eyebrow{letter-spacing:1px;font-size:8px}.signature-copy{top:54px}.signature-copy h1{letter-spacing:-.055em;font-size:clamp(30px,9.4vw,46px)}.signature-copy .hero-description{max-width:400px;margin-top:16px;font-size:12px;line-height:1.7}.signature-copy .hero-actions{gap:18px;margin-top:16px}.signature-copy .hero-actions .button,.signature-copy .hero-actions .text-link{gap:8px;min-height:42px;font-size:10px}.signature-copy .hero-actions .button{padding-inline:16px}.instrument-stage{inset:34% -2% 13%}.instrument-bottom{bottom:20px}.instrument-readout{font-size:9px}.instrument-caption{flex-direction:column;align-items:flex-start;gap:8px}.instrument-caption>p{letter-spacing:.7px;font-size:6px}.instrument-tools{justify-content:space-between;gap:10px;width:100%;font-size:9px}.instrument-tools input{width:62px}.instrument-tools button{font-size:9px}.signature-hero [data-state=failed],.signature-hero [data-state=static]{min-height:650px}.signature-hero .instrument-tools label{gap:7px}}@media (prefers-reduced-motion:reduce){.signature-hero .study-scroll{height:calc(100svh - var(--site-header-height));min-height:600px}.signature-hero .study-pin{position:relative;top:0}}@media (max-height:649px){.signature-hero .study-scroll{min-height:650px;height:650px!important}.signature-hero .study-pin{height:650px;position:relative;top:0}.signature-copy h1{font-size:clamp(30px,6vw,52px)}}@media (max-width:700px){.signature-hero .study-scroll[data-state=failed],.signature-hero .study-scroll[data-state=static]{height:calc(100svh - var(--site-header-height))}}@media (prefers-reduced-motion:reduce){.signature-hero .instrument-stage canvas{opacity:0!important}.signature-hero .instrument-poster{opacity:1!important;visibility:visible!important}.signature-hero .instrument-tools{display:none!important}}
