*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
img{max-width:100%}
p{text-wrap:pretty}
a{color:inherit}
a:hover{color:var(--mango)}
body[data-menu-open] .wa-float{opacity:0;pointer-events:none}
html,body{background:var(--surface-dark)}
body.page-legal,html:has(body.page-legal){background:var(--surface-light)}
#root:empty{display:block;min-height:100vh;background:var(--surface-dark)}
body.page-legal #root:empty{background:var(--surface-light)}
#root:empty::before{content:'';display:block;height:66px;background:var(--canopy);border-bottom:1px solid var(--border-on-dark)}
#root:empty::after{content:'';display:block;height:calc(100vh - 66px);background-image:linear-gradient(100deg,transparent 20%,oklch(from var(--ivory) l c h / 0.06) 48%,transparent 72%);background-size:220% 100%;background-repeat:no-repeat;animation:skeleton-shimmer 1.5s linear infinite}
body.page-legal #root:empty::after{background-image:linear-gradient(100deg,transparent 20%,oklch(from var(--cocoa) l c h / 0.05) 48%,transparent 72%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms !important;transition-duration:.01ms !important}}

@media(max-width:1100px){
section{padding-left:clamp(20px,4vw,48px) !important;padding-right:clamp(20px,4vw,48px) !important}
}

@media(max-width:900px){
section{padding:56px 20px !important;min-height:0 !important}
.grid-2{grid-template-columns:1fr !important;gap:32px !important}
h1{font-size:clamp(32px,8vw,44px) !important}
h2{font-size:clamp(26px,6vw,34px) !important}
.hero-logo{order:1}
.hero-logo img{max-width:min(340px,72vw) !important}
.process-row{flex-direction:column !important;align-items:center !important;gap:28px !important}
.process-connector{display:none !important}
footer nav{gap:12px !important}
.legal-grid{grid-template-columns:1fr !important;gap:28px !important;padding-left:20px !important;padding-right:20px !important}
.legal-side{position:static !important;flex-direction:row !important;flex-wrap:wrap !important;gap:8px !important}
}

@media(max-width:640px){
.lightbox-row{gap:8px !important}
.lightbox-stage{width:calc(100vw - 140px) !important;height:60vh !important}
.legal-dl{grid-template-columns:1fr !important}
.legal-dl dd{border-top:none !important;padding-top:0 !important}
.legal-dl dt:first-of-type{border-top:none !important}
}

@media(max-width:560px){
section{padding:44px 16px !important}
.btn-row{flex-direction:column !important;align-items:stretch !important}
.btn-row button{width:100% !important;justify-content:center !important}
.stats-row{grid-template-columns:1fr !important;gap:10px !important}
footer{padding:32px 16px !important}
}

@media(max-width:380px){
section{padding:36px 14px !important}
h1{font-size:30px !important}
}