/* Screen-sized opening and consistent section rhythm, without scroll trapping. */
:root{--tu-nav-height:76px;--tu-footer-height:44px;--tu-notice-height:46px}
html{scroll-padding-top:calc(var(--tu-nav-height) + 16px);scroll-padding-bottom:calc(var(--tu-footer-height) + 16px)}
body{padding-bottom:var(--tu-footer-height)!important}
section[id],[id="component-detail"]{scroll-margin-top:16px!important}
#top{padding-top:28px!important;padding-bottom:28px!important;min-height:calc(100svh - var(--tu-nav-height) - var(--tu-notice-height) - var(--tu-footer-height));box-sizing:border-box;display:flex;align-items:center}
#top>div:last-child{width:100%;gap:16px!important}
#top h1{font-size:clamp(34px,4.2vw,60px)!important;line-height:1.06!important;max-width:25ch!important}
#top #tu-orbit{height:clamp(160px,25svh,240px);width:min(820px,100%);margin-bottom:0}
#top .orbit-item{width:210px;height:116px;font-size:25px;top:62%}
#top .orbit-face{padding:20px 16px}
#top .orbit-logo{width:clamp(105px,12vw,150px);top:10%}
#top .hero-chips{flex-wrap:wrap!important;overflow:visible!important}
section[data-screen-label]:not(#top)>div[style*="max-width:1280px"]{padding-top:clamp(40px,5vw,72px)!important;padding-bottom:clamp(40px,5vw,72px)!important}
section[data-screen-label]:not(#top){border-top:1px solid rgba(140,184,230,.08)}
#mobile-menu{overflow-y:auto;overscroll-behavior:contain}
@media(max-width:600px){
 #top{padding-top:30px!important;padding-bottom:26px!important}
 #top>div:last-child{gap:14px!important}
 #top #tu-orbit{height:165px}
 #top .orbit-item{width:138px;height:88px;font-size:17px}
 #top .orbit-face{padding:14px 10px}
 #top .orbit-face small{font-size:8px;letter-spacing:.5px}
 #top h1{font-size:clamp(29px,8vw,38px)!important;max-width:24ch!important}
 #top p{font-size:16px!important;line-height:1.4!important}
 #top>div:last-child>div:not(#tu-orbit):not(.hero-chips){gap:8px!important}
 #top a[href="#six"]:not(.orbit-item),#top a[href="#offer"]{white-space:normal!important;padding:10px 16px!important;font-size:13px!important}
 #top .hero-chips{gap:5px!important}
 #top .hero-chips>a{min-height:48px!important;padding:6px!important}
 section[data-screen-label]:not(#top)>div[style*="max-width:1280px"]{padding-top:36px!important;padding-bottom:36px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}