body:has(.landing){height:auto;min-height:100dvh;overflow-y:auto}.landing{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:40px 24px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.hero-title{color:var(--tan);text-transform:uppercase;letter-spacing:.3em;filter:var(--glow-filter);text-shadow:0 0 20px #e1d8b14d;margin:0;font-size:clamp(2rem,8vw,3.5rem)}.hero-tagline{color:var(--blue-3);text-transform:uppercase;letter-spacing:.5em;margin:0;font-size:clamp(.7rem,3vw,1rem)}.hero-bars{align-items:flex-end;gap:6px;margin-block-start:8px;display:flex}.hero-bars .bar{background-color:var(--tan);width:4px;filter:var(--glow-filter)}.hero-bars .bar:first-child{height:calc(6px*pow(var(--golden-ratio),0))}.hero-bars .bar:nth-child(2){height:calc(6px*pow(var(--golden-ratio),1))}.hero-bars .bar:nth-child(3){height:calc(6px*pow(var(--golden-ratio),2))}.hero-bars .bar:nth-child(4){height:calc(6px*pow(var(--golden-ratio),3))}.hero-bars .bar:nth-child(5){height:calc(6px*pow(var(--golden-ratio),2))}.hero-bars .bar:nth-child(6){height:calc(6px*pow(var(--golden-ratio),1))}.hero-bars .bar:nth-child(7){height:calc(6px*pow(var(--golden-ratio),0))}.nav-guide{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:500px;display:grid}.guide-panel{--corner:14px;background:radial-gradient(ellipse farthest-corner at center,var(--blue-2)65%,var(--blue-1)98%);clip-path:polygon(var(--corner)0%,calc(100% - var(--corner))0%,100% var(--corner),100% calc(100% - var(--corner)),calc(100% - var(--corner))100%,var(--corner)100%,0% calc(100% - var(--corner)),0% var(--corner));flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 12px;display:flex;position:relative}.guide-panel:before{content:"";background-color:var(--tan);filter:var(--glow-filter);z-index:-1;clip-path:polygon(  var(--corner)0%,calc(100% - var(--corner))0%,100% var(--corner),100% calc(100% - var(--corner)),calc(100% - var(--corner))100%,var(--corner)100%,0% calc(100% - var(--corner)),0% var(--corner),var(--corner)0%,calc(var(--corner) + var(--diagonal-offset))var(--line-width),var(--line-width)calc(var(--corner) + var(--diagonal-offset)),var(--line-width)calc(100% - var(--corner) - var(--diagonal-offset)),calc(var(--corner) + var(--diagonal-offset))calc(100% - var(--line-width)),calc(100% - var(--corner) - var(--diagonal-offset))calc(100% - var(--line-width)),calc(100% - var(--line-width))calc(100% - var(--corner) - var(--diagonal-offset)),calc(100% - var(--line-width))calc(var(--corner) + var(--diagonal-offset)),calc(100% - var(--corner) - var(--diagonal-offset))var(--line-width),calc(var(--corner) + var(--diagonal-offset))var(--line-width));position:absolute;inset:0}.guide-label{color:var(--white);text-transform:uppercase;letter-spacing:.1em;text-align:center;font-size:.6rem;line-height:1.4}.diagram{justify-content:center;align-items:center;height:44px;display:flex}@media (max-width:500px){.nav-guide{grid-template-columns:1fr}.guide-panel{flex-direction:row;justify-content:flex-start;gap:16px;padding:12px 16px}.guide-label{text-align:left}.diagram{flex-shrink:0}}.diagram-bars{align-items:flex-end;gap:3px;display:flex}.diagram-bars .bar{background-color:var(--tan);width:5px;filter:var(--glow-filter)}.diagram-bars .bar:first-child{height:6px}.diagram-bars .bar:nth-child(2){height:10px}.diagram-bars .bar:nth-child(3){height:16px}.diagram-bars .bar:nth-child(4){height:26px}.diagram-bars.mirrored{flex-direction:row-reverse}.diagram-nav-pair{align-items:flex-end;gap:12px;display:flex}.diagram-circle{--size:24px;--bisector:calc(var(--size)*.8);width:var(--size);height:var(--size);border:var(--line-width)solid var(--tan);filter:var(--glow-filter);border-radius:50%;position:relative}.diagram-circle:before{content:"";width:var(--bisector);height:var(--bisector);border-top:var(--line-width)solid var(--tan);border-left:var(--line-width)solid var(--tan);position:absolute;top:0;left:50%;transform:rotate(-45deg)}.diagram-square{border:var(--line-width)solid var(--tan);width:38px;height:24px;filter:var(--glow-filter)}.aurebesh-note{color:var(--blue-3);text-align:center;border-top:1px solid #e1d8b133;border-bottom:1px solid #e1d8b133;max-width:400px;padding:16px 24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:400;line-height:1.6}.aurebesh-note a{color:var(--tan);border-bottom:1px dotted var(--tan);text-decoration:none;transition:opacity .2s}.aurebesh-note a:hover{opacity:.8}.transmission-tag{text-transform:uppercase;letter-spacing:.2em;color:#e1d8b180;margin-block-end:8px;font-size:.6rem;display:block}.cta-button{--corner:18px;color:var(--tan);text-transform:uppercase;letter-spacing:.25em;text-align:center;filter:var(--glow-filter);background:radial-gradient(ellipse farthest-corner at center,var(--blue-2)0%,var(--blue-2)60%,var(--blue-1)100%);clip-path:polygon(var(--corner)0%,calc(100% - var(--corner))0%,100% var(--corner),100% calc(100% - var(--corner)),calc(100% - var(--corner))100%,var(--corner)100%,0% calc(100% - var(--corner)),0% var(--corner));padding:14px 40px;font-family:inherit;font-size:.9rem;text-decoration:none;transition:transform .2s,filter .2s;display:inline-block;position:relative}.cta-button:before{content:"";background-color:var(--tan);z-index:-1;clip-path:polygon(  var(--corner)0%,calc(100% - var(--corner))0%,100% var(--corner),100% calc(100% - var(--corner)),calc(100% - var(--corner))100%,var(--corner)100%,0% calc(100% - var(--corner)),0% var(--corner),var(--corner)0%,calc(var(--corner) + var(--diagonal-offset))var(--line-width),var(--line-width)calc(var(--corner) + var(--diagonal-offset)),var(--line-width)calc(100% - var(--corner) - var(--diagonal-offset)),calc(var(--corner) + var(--diagonal-offset))calc(100% - var(--line-width)),calc(100% - var(--corner) - var(--diagonal-offset))calc(100% - var(--line-width)),calc(100% - var(--line-width))calc(100% - var(--corner) - var(--diagonal-offset)),calc(100% - var(--line-width))calc(var(--corner) + var(--diagonal-offset)),calc(100% - var(--corner) - var(--diagonal-offset))var(--line-width),calc(var(--corner) + var(--diagonal-offset))var(--line-width));position:absolute;inset:0}.cta-button:hover{filter:drop-shadow(0 0 8px var(--tan));transform:scale(1.03)}.cta-button:active{transform:scale(.98)}.separator-line{width:60%;max-width:300px;height:var(--line-width);background:linear-gradient(90deg,transparent 0%,var(--tan)20%,var(--tan)80%,transparent 100%);filter:var(--glow-filter)}
