/* Shared readable navigation and touch targets across all pages. */
.navigation nav,.product-site .navigation nav{font-size:15px;font-weight:600;gap:26px}
.navigation nav a,.brand{min-height:44px;display:inline-flex;align-items:center}
.navigation .brand{font-size:19px;font-weight:700}
.navigation .contact-link{padding:10px 18px}
.navigation nav{color:#e2e5e9}
.footer-links,.footer-bottom,.privacy-links,.product-site .product-footer{font-size:14px;font-weight:600;line-height:1.6}
.footer-links,.footer-bottom{color:#c4cbd5}
.footer-links a,.footer-bottom a,.product-footer a{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom{flex-wrap:wrap;gap:12px 25px}
.privacy-links{align-items:center;flex-wrap:wrap;gap:8px 18px}
.product-site .product-footer{align-items:center;flex-wrap:wrap;color:var(--foreground)}
.product-site .product-footer nav{gap:8px 22px}
.document-sidebar a{font-size:15px;font-weight:600;min-height:44px;display:flex;align-items:center}
.document-site .document-sidebar a{font-size:14px}
.scene{height:auto;min-height:max(740px,100svh)}
.scene .scene-bottom{right:115px}
.scene .next-link,.scene .scroll-cue{font-size:14px;font-weight:600;min-height:44px}
.scene .small-label{font-size:11px;line-height:1.6}
.scene-nav{right:22px;gap:2px}
.scene-nav>a{width:44px;height:44px}
.scene-nav span{font-size:13px;right:47px}
.section-controls{position:fixed;bottom:58px;right:22px;z-index:25;display:flex;flex-direction:column;gap:6px}
.section-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;background:#10151fed;color:#f0eeea;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 2px 10px #0002}
.section-controls button:hover:not(:disabled){background:#303847}
.section-controls button:disabled{opacity:.35;cursor:default}
.motion-toggle{width:44px;height:44px;right:22px;bottom:8px;font-size:15px}
body[data-scene="aura"] .section-controls button{background:#f2ede5;color:#2b1c10;border-color:#543c2680}
body[data-scene="lumen"] .section-controls button{background:#35101e;color:#fff4dd;border-color:#edbb55}
body[data-scene="aura"] .section-controls button:hover:not(:disabled){background:#e6d6c2}
body[data-scene="lumen"] .section-controls button:hover:not(:disabled){background:#571b32}
.studio footer{padding-right:30px}
@media(max-width:800px){
 .navigation{padding:16px 6%}
 .navigation nav,.product-site .navigation nav{font-size:14px;gap:15px}
 .scene{min-height:100svh}
 .scene.product{padding-top:145px;padding-bottom:145px}
 .scene-bottom{bottom:85px}
 .scene .scene-bottom{right:8%;left:8%;gap:16px}
 .scene .small-label{font-size:10px;max-width:40%}
 .scene-nav{display:none}
 .section-controls{right:50%;transform:translateX(50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:row;gap:10px;padding:5px;border:1px solid #ffffff20;border-radius:35px;background:#10151fe8;backdrop-filter:blur(10px)}
 .section-controls button{width:44px;height:44px;box-shadow:none}
 .motion-toggle{right:14px;bottom:calc(17px + env(safe-area-inset-bottom,0px));border-radius:50%;background:#10151fe8;color:#f0eeea!important}
 .hero{padding:155px 0 150px}
 .hero .hero-content{padding:0}
 .hero h1{font-size:clamp(48px,10vw,76px);letter-spacing:-.06em}
 .studio{padding:150px 8% 100px}
 .studio footer{padding-right:0;margin-top:45px}
 .footer-top{flex-wrap:wrap;gap:12px}
 .footer-links{gap:10px 22px;flex-wrap:wrap}
 .footer-bottom{gap:8px 15px;padding-top:14px}
 .privacy-links{order:0;width:100%;gap:6px 18px}
 .footer-bottom>span{width:100%}
 .product-site .product-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));font-size:14px;gap:15px}
 .product-site .product-footer nav{gap:6px 18px}
 .document-site .document-sidebar a{font-size:14px;padding:9px 12px}
}
@media(max-width:600px){
 .navigation,.document-site .navigation{display:flex;flex-wrap:wrap;gap:4px 12px;padding:12px 6%;justify-content:space-between}
 .navigation .brand{min-height:40px}
 .navigation nav,.product-site .navigation nav{width:100%;justify-content:space-between;gap:8px;font-size:14px}
 .navigation nav>a:nth-child(2){display:inline-flex}
 .navigation .contact-link{padding:8px 13px}
 .product-site .product-landing{padding-top:145px}
 .product-site.get-site .product-landing{padding-top:145px}
 .document-site .navigation{min-height:112px}
 .document-shell{padding-top:15px}
 .product-site .navigation .product-name{font-size:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:800px){
 body:not(.product-site)>.navigation{background:#0b0d10f5;backdrop-filter:blur(12px)}
 body[data-scene="aura"]>.navigation{background:#f2ede5f5}
 body[data-scene="lumen"]>.navigation{background:#f8e7edf5}
}
@media(max-width:380px){
 .product h2,.product-landing h1{font-size:54px}
 .scene .next-link{font-size:12px}
}
/* Keep studio display sizing consistent with the shared mobile navigation. */
@media(max-width:800px){
 .hero h1{font-size:clamp(44px,10vw,76px);letter-spacing:-.045em;line-height:1.12;padding-inline:16px}
}