/* Compact spacing without removing product content or touch targets. */
html{scroll-padding-top:96px}
header{min-height:80px;padding:8px 4.5%;gap:18px}
.brand img[src="assets/galaxypos-transparent.png"]{width:132px;height:72px;object-fit:contain;max-width:none;background:transparent}
.logo-orbit{--logo-w:132px;--logo-h:72px;position:relative;display:block;width:var(--logo-w);height:var(--logo-h)}
.logo-orbit-word{clip-path:inset(66.7% 0 0);position:absolute;inset:0}
.logo-orbit-mark{position:absolute;left:23.485%;top:0;width:53.03%;height:66.667%;background:url('assets/galaxypos-transparent.png') center top/var(--logo-w) var(--logo-h) no-repeat;transform-origin:50% 50%;animation:galaxy-orbit 10s linear infinite}
@keyframes galaxy-orbit{from{transform:scale(.78) rotate(0deg)}to{transform:scale(.78) rotate(360deg)}}
.brand:hover .logo-orbit-mark,.brand:focus-visible .logo-orbit-mark{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.logo-orbit-mark{animation:none;transform:scale(.78)}}
.hero{padding-top:36px}
h1{font-size:clamp(2.5rem,4.4vw,4.7rem)}
h2,.training-highlight h2,.contact h2{font-size:clamp(2rem,3vw,3.2rem)}
.eyebrow{margin-bottom:14px}
.lead{margin:18px auto;font-size:1.08rem}
.actions{margin-top:20px;gap:24px}
.button{padding:12px 20px}
.hero-labels{margin:24px 0}
.hero-product{max-width:1020px}
.section{padding:52px 5.5%}
.section-heading{margin-bottom:28px}
.section-heading>p:last-child:not(.eyebrow){margin-top:16px;font-size:1rem;max-width:680px}
.feature{padding:28px}
.number{margin-bottom:18px}
.feature h3{font-size:1.8rem}
.feature p{margin:14px 0 20px}
.feature li{padding:9px 0}
.pos-demo-link{margin-top:22px}
.device-grid{gap:26px}
.device-grid article{padding-top:18px}
.device-tag{margin-bottom:12px}
.device-grid h3{font-size:1.6rem}
.device-grid p{margin-top:14px}
.mobile-stories{gap:36px}
.mobile-stories article{gap:32px}
.mobile-stories img{max-height:340px}
.mobile-stories h3{font-size:clamp(1.7rem,2.5vw,2.5rem)}
.mobile-stories p{margin-top:14px}
.mobile-stories ol{line-height:1.7}
.industry-symbol{padding-bottom:10px;margin-bottom:18px}
.industry-grid p{margin:14px 0}
.industry-grid article>div{margin-top:18px}
.note{margin-top:24px}
.payment-footer{margin-top:24px}
.gallery-layout{gap:30px}
.gallery-layout img{max-height:490px}
.gallery-description h3{font-size:1.8rem}
.tabs{margin-bottom:18px}
.operations-grid{gap:28px 36px}
.operations-grid article{padding-top:18px}
.operations-grid p{margin-top:12px}
.training-highlight{gap:32px}
.training-highlight p:not(.eyebrow){margin-top:16px}
.training-highlight ul{line-height:1.7;margin:18px 0 22px}
.training-highlight img{max-height:460px;object-fit:contain}
.contact{gap:36px}
.contact-links a{padding:18px 0}
footer{padding:24px 5.5%;gap:24px}
@media(max-width:720px){
 html{scroll-padding-top:132px}
 header{padding:6px 5%;gap:6px}
 .brand img[src="assets/galaxypos-transparent.png"]{width:110px;height:60px}
 .logo-orbit{--logo-w:110px;--logo-h:60px}
 .hero{padding-top:26px}
 h1{font-size:clamp(2.3rem,8vw,3rem)}
 .section{padding:34px 5%}
 .section-heading{margin-bottom:22px}
 .actions{gap:14px}
 .hero-labels{margin:20px 0}
 .feature{padding:24px}
 .mobile-stories{gap:28px}
 .mobile-stories article{gap:20px}
 .device-grid,.operations-grid{gap:24px}
 .gallery-layout{gap:22px}
 .training-highlight{gap:24px}
 .training-highlight img{max-height:none}
 footer{padding:20px 5%}
}