.rollover-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 73% 48%, color-mix(in srgb, var(--green) 13%, transparent), transparent 25rem);align-items:center;width:100vw;min-height:calc(100svh - 4.5rem);padding:clamp(4rem,9vw,8rem) max(clamp(1.5rem,5vw,5rem),50vw - 720px + 3rem);display:flex;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.rollover-hero:before{content:"";opacity:.26;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 30%,#000)}.rollover-hero>div:first-child{z-index:1;max-width:58rem;position:relative}.rollover-hero h1{letter-spacing:-.075em;max-width:12ch;margin:0;font-size:clamp(4rem,7.4vw,8rem);line-height:.84}.rollover-hero p{max-width:44rem;color:var(--muted);margin:2rem 0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.rollover-hero a,.rollover-cta a{color:#10140d;background:var(--green);text-transform:uppercase;align-items:center;gap:2.5rem;min-height:3.2rem;padding:.8rem 1.2rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.rollover-hero-stack{grid-template-columns:repeat(3,1fr);gap:.8rem;width:20rem;display:grid;position:absolute;right:max(6vw,50vw - 720px + 3rem);transform:rotate(-7deg)}.rollover-hero-stack i{aspect-ratio:1;border:1px solid var(--line);border-bottom:.5rem solid color-mix(in srgb, var(--line) 80%, black);color:var(--green);background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:.8rem;place-items:center;font-size:2rem;font-style:normal;font-weight:800;display:grid;box-shadow:0 1rem 2rem #00000040}.rollover-hero-stack i:nth-child(4){grid-column:2}.rollover-tool{padding:clamp(5rem,9vw,8rem) 0}.rollover-intro{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;padding:0 clamp(1rem,3vw,2.5rem) 3rem;display:grid}.rollover-intro h2,.rollover-copy h2,.rollover-guide h2,.rollover-technical h2,.rollover-scenarios h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.9}.rollover-intro p,.rollover-copy>div>p,.rollover-guide>div>p,.rollover-technical>div>p,.rollover-scenarios>div>p{max-width:42rem;color:var(--muted);margin:1.25rem 0 0;line-height:1.7}.rollover-intro>p{border-left:2px solid var(--green);padding:1.25rem}.rollover-intro strong{color:var(--ink)}.rollover-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:.55rem;overflow:hidden;box-shadow:0 20px 60px #00000040}.rollover-panel:focus-visible{outline:2px solid var(--green);outline-offset:4px}.rollover-panel>header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:4.5rem;padding:.8rem 1.2rem;display:grid}.rollover-panel>header>div:first-child,.rollover-actions,#rollover-signal,.rollover-panel button{align-items:center;gap:.55rem;display:flex}.rollover-panel>header svg{width:.85rem;height:.85rem;fill:var(--green)}.rollover-panel>header p{color:var(--muted);margin:0;font-size:.68rem}.rollover-actions{justify-self:end}#rollover-signal{color:var(--muted);text-transform:uppercase;font-size:.65rem}#rollover-signal[data-active=true]{color:var(--green)}.rollover-panel button{border:1px solid var(--line);min-height:2.5rem;color:var(--ink);text-transform:uppercase;background:0 0;border-radius:.3rem;padding:.55rem .75rem;font-size:.68rem}.rollover-panel button:hover{color:var(--green);border-color:currentColor}.rollover-metrics{border-bottom:1px solid var(--line);grid-template-columns:.65fr .65fr 1fr 1.7fr;display:grid}.rollover-metrics>div{border-right:1px solid var(--line);min-height:7rem;padding:1.2rem}.rollover-metrics>div:last-child{border-right:0}.rollover-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.8rem;font-size:.62rem;display:block}.rollover-metrics strong{color:var(--green);font-size:2.4rem;line-height:1}.rollover-metrics #rollover-status,.rollover-metrics #rollover-held{color:var(--ink);text-overflow:ellipsis;font-size:.85rem;line-height:1.5;display:block;overflow:hidden}.rollover-keyboard-scroll{padding:2rem 1.25rem;overflow-x:auto}.rollover-keyboard-scroll:focus,.rollover-keyboard-scroll:focus-visible{outline:none}.rollover-keyboard{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 5%, #090b0a);border-radius:.55rem;gap:.8rem;min-width:1160px;padding:1rem;display:flex;box-shadow:inset 0 2px 8px #00000040}.rollover-main{flex:1}.rollover-row{gap:.38rem;margin-bottom:.38rem;display:flex}.rollover-row:first-child [data-code=F1],.rollover-row:first-child [data-code=F5],.rollover-row:first-child [data-code=F9]{margin-left:.8rem}.rollover-key{flex:var(--key-width,1) 1 0;border:1px solid color-mix(in srgb, var(--line) 80%, black);min-width:0;height:3.1rem;color:var(--ink);background:color-mix(in srgb, var(--ink) 9%, #141715);text-align:center;border-bottom-width:3px;border-radius:.45rem;place-items:center;padding:.2rem;font-size:.68rem;font-weight:750;transition:transform 70ms,color .12s,background .12s;display:grid}.rollover-key[data-kind=function],.rollover-key[data-kind=navigation]{background:color-mix(in srgb, var(--ink) 5%, #111311)}.rollover-key[data-state=pressed]{color:#10140d;border-color:var(--green);background:var(--green);box-shadow:0 0 1rem color-mix(in srgb, var(--green) 28%, transparent);border-bottom-width:1px;transform:translateY(2px)}.rollover-side{gap:.8rem;width:25rem;display:flex}.rollover-nav,.rollover-numpad{grid-template-columns:repeat(3,1fr);align-content:end;gap:.38rem;display:grid}.rollover-nav{grid-template-rows:repeat(6,3.1rem);width:11rem}.rollover-nav .rollover-key,.rollover-numpad .rollover-key{height:auto}.rollover-nav [data-code=PrintScreen]{grid-area:1/1}.rollover-nav [data-code=ScrollLock]{grid-area:1/2}.rollover-nav [data-code=Pause]{grid-area:1/3}.rollover-nav [data-code=Insert]{grid-area:3/1}.rollover-nav [data-code=Home]{grid-area:3/2}.rollover-nav [data-code=PageUp]{grid-area:3/3}.rollover-nav [data-code=Delete]{grid-area:4/1}.rollover-nav [data-code=End]{grid-area:4/2}.rollover-nav [data-code=PageDown]{grid-area:4/3}.rollover-nav [data-code=ArrowUp]{grid-area:5/2}.rollover-nav [data-code=ArrowLeft]{grid-area:6/1}.rollover-nav [data-code=ArrowDown]{grid-area:6/2}.rollover-nav [data-code=ArrowRight]{grid-area:6/3}.rollover-numpad{flex:1;grid-template-rows:repeat(5,3.1rem);grid-template-columns:repeat(4,1fr)}.rollover-numpad [data-code=NumLock]{grid-area:1/1}.rollover-numpad [data-code=NumpadDivide]{grid-area:1/2}.rollover-numpad [data-code=NumpadMultiply]{grid-area:1/3}.rollover-numpad [data-code=NumpadSubtract]{grid-area:1/4}.rollover-numpad [data-code=Numpad7]{grid-area:2/1}.rollover-numpad [data-code=Numpad8]{grid-area:2/2}.rollover-numpad [data-code=Numpad9]{grid-area:2/3}.rollover-numpad [data-code=NumpadAdd]{grid-area:2/4/span 2}.rollover-numpad [data-code=Numpad4]{grid-area:3/1}.rollover-numpad [data-code=Numpad5]{grid-area:3/2}.rollover-numpad [data-code=Numpad6]{grid-area:3/3}.rollover-numpad [data-code=Numpad1]{grid-area:4/1}.rollover-numpad [data-code=Numpad2]{grid-area:4/2}.rollover-numpad [data-code=Numpad3]{grid-area:4/3}.rollover-numpad [data-code=NumpadEnter]{grid-area:4/4/span 2}.rollover-numpad [data-code=Numpad0]{grid-area:5/1/span 1/span 2}.rollover-numpad [data-code=NumpadDecimal]{grid-area:5/3}.rollover-bottom{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:3rem;padding:1.5rem;display:grid}.rollover-bottom>div{color:var(--muted);gap:1rem;font-size:.68rem;display:flex}.rollover-bottom>div span{align-items:center;gap:.4rem;display:flex}.rollover-bottom>div i{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:.15rem;width:.7rem;height:.7rem}.rollover-bottom>div span:last-child i{border-color:var(--green);background:var(--green)}.rollover-bottom section{min-width:0}.rollover-bottom h3{margin:0 0 .8rem;font-size:.8rem}#rollover-history{gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}#rollover-history li{border:1px solid var(--line);max-width:24rem;color:var(--muted);flex:none;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.65rem;display:flex}#rollover-history b{color:var(--green);font-size:1rem}#rollover-history span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rollover-copy,.rollover-technical,.rollover-scenarios{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem);padding:clamp(5rem,9vw,8rem) clamp(1rem,3vw,2.5rem);display:grid}.rollover-definitions,.technical-list{border-top:1px solid var(--line)}.rollover-definitions article{border-bottom:1px solid var(--line);grid-template-columns:2rem minmax(8rem,.6fr) 1.4fr;gap:1.5rem;padding:1.5rem 0;display:grid}.rollover-definitions span,.rollover-guide-grid span{color:var(--green);font-size:.68rem}.rollover-definitions h3,.rollover-guide-grid h3,.technical-list h3{margin:0}.rollover-definitions p,.rollover-guide-grid p,.technical-list p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.7}.rollover-guide{border-top:1px solid var(--line);padding:clamp(5rem,9vw,8rem) 0 0}.rollover-guide>div:first-child{grid-template-columns:1fr 1fr;align-items:end;gap:3rem;padding:0 clamp(1rem,3vw,2.5rem) 3rem;display:grid}.rollover-guide-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.rollover-guide-grid article{border-right:1px solid var(--line);min-height:18rem;padding:2rem}.rollover-guide-grid article:last-child{border-right:0}.rollover-guide-grid h3{margin:3rem 0 1rem}.technical-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(10rem,.7fr) 1.3fr;gap:2rem;padding:1.5rem 0;display:grid}.rollover-scenarios ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.rollover-scenarios li{border-bottom:1px solid var(--line);color:var(--muted);padding:1.25rem 0;line-height:1.65}.rollover-scenarios strong{color:var(--ink)}.rollover-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.rollover-facts article{border-right:1px solid var(--line);grid-template-rows:auto auto 1fr auto;min-height:28rem;padding:clamp(3rem,6vw,5rem);display:grid}.rollover-facts article:last-child{border-right:0}.rollover-facts h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:.92}.rollover-facts p{max-width:36rem;color:var(--muted);line-height:1.7}.rollover-facts strong{color:var(--green);align-self:end;font-size:4rem;line-height:1}.rollover-facts span{color:var(--muted);text-transform:uppercase;font-size:.65rem}.rollover-cta{border-top:1px solid var(--line);background:radial-gradient(circle at 70%,color-mix(in srgb,var(--green) 11%,transparent),transparent 24rem);justify-content:space-between;align-items:center;gap:3rem;width:100vw;min-height:34rem;padding:clamp(4rem,8vw,7rem) max(clamp(1.5rem,5vw,5rem),50vw - 720px + 3rem);display:flex;position:relative;left:50%;transform:translate(-50%)}.rollover-cta h2{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,8rem);line-height:.82}.rollover-cta p{max-width:38rem;color:var(--muted);margin:1.7rem 0}.rollover-cta>a{color:var(--ink);border:1px solid var(--line);background:0 0}@media (width<=980px){.rollover-hero-stack{opacity:.32}.rollover-guide-grid{grid-template-columns:1fr 1fr}.rollover-guide-grid article:nth-child(2){border-right:0}.rollover-guide-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.rollover-metrics{grid-template-columns:1fr 1fr}.rollover-metrics>div:nth-child(2){border-right:0}.rollover-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=760px){.rollover-hero{align-items:flex-start;padding-top:18vh}.rollover-hero-stack{display:none}.rollover-intro,.rollover-copy,.rollover-technical,.rollover-scenarios,.rollover-guide>div:first-child{grid-template-columns:minmax(0,1fr)}.rollover-intro>*,.rollover-guide>div:first-child>*{min-width:0}.rollover-intro h2,.rollover-guide h2{overflow-wrap:anywhere}.rollover-panel>header{grid-template-columns:1fr auto}.rollover-panel>header p{display:none}.rollover-bottom{grid-template-columns:1fr}.rollover-definitions article{grid-template-columns:2rem 1fr}.rollover-definitions article p{grid-column:2}.rollover-facts{grid-template-columns:minmax(0,1fr)}.rollover-facts article{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);min-width:0;min-height:23rem}.rollover-facts h2{overflow-wrap:anywhere}.rollover-cta{flex-direction:column;justify-content:center;align-items:flex-start}}@media (width<=520px){.rollover-hero h1{font-size:clamp(3.3rem,16vw,5rem)}.rollover-metrics,.rollover-guide-grid{grid-template-columns:1fr}.rollover-metrics>div,.rollover-guide-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.technical-list article{grid-template-columns:1fr;gap:.6rem}.rollover-actions #rollover-signal{display:none}}@media (width<=1440px){.rollover-hero,.rollover-cta{max-width:calc(100% + 2 * var(--page-gutter))}}
