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)}
