.interactive-hero{padding-top:36px!important;padding-bottom:28px!important;min-height:calc(100svh - 64px)!important}
.interactive-hero h1{font-size:clamp(30px,3.5vw,50px);line-height:1.09}
.interactive-hero h1+p{font-size:17px;line-height:1.55;margin-top:18px;max-width:690px}
.interactive-hero h1{margin-top:18px}
.interactive-hero h1+p+div{margin-top:22px}
.logo-experience{width:min(760px,100%);margin:16px auto 0;position:relative}
.logo-stage{height:clamp(300px,42vh,460px);position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none;border-radius:12px;isolation:isolate}
@media (hover:none),(pointer:coarse){.logo-stage{touch-action:pan-x pan-y pinch-zoom;cursor:auto}}
.logo-stage:focus-visible{outline:2px solid #7ebcff;outline-offset:2px}
.logo-stage:active{cursor:grabbing}
.logo-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:1}
.logo-fallback{position:absolute;max-width:70%;width:380px;max-height:80%;object-fit:contain;inset:0;margin:auto}
.logo-stage.ready .logo-fallback{visibility:hidden}
.logo-controls{display:flex;align-items:center;justify-content:center;gap:10px;color:#a7b8cf;font-size:15px;min-height:44px;flex-wrap:wrap}
.logo-hint{margin-inline-end:10px}
.logo-controls button{min-height:44px;padding:0 14px;border:1px solid #314359;border-radius:8px;color:#d9e6f5;background:#10243b;font-size:15px;cursor:pointer}
.logo-controls button:hover{background:#1c3552;border-color:#6c99ca}
.logo-controls button:focus-visible{outline:2px solid #91c9ff;outline-offset:3px}
.logo-controls button:disabled{opacity:.5;cursor:default}
.logo-status{display:block;text-align:center;color:#a7b8cf;font-size:15px;min-height:23px;margin-top:4px}
.preview-mobile-menu{padding:12px 24px;background:#081a2f;border-bottom:1px solid #314359}
.preview-mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:8px}
.preview-mobile-menu a{min-height:44px;display:flex;align-items:center}
[hidden]{display:none!important}
[data-slot=accordion-content]{height:auto!important}
.reveal,.reveal-up,[data-reveal]{opacity:1!important;transform:none!important}
.text-sm,.text-xs{font-size:15px!important}
.btn-glow{box-shadow:none!important}
@media(max-width:600px){
 .interactive-hero{padding-top:26px!important}
 .interactive-hero h1+p{font-size:16px}
 .logo-stage{height:320px}
 .logo-hint{flex-basis:100%;margin:0;text-align:center}
 .logo-experience{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}