/* Layout corrections. Brand palette and Poppins remain unchanged. */
body {
  background:
    radial-gradient(ellipse at 92% 6%,rgba(217,182,63,.075),transparent 36%),
    repeating-linear-gradient(125deg,transparent 0,transparent 119px,rgba(217,182,63,.018) 120px,transparent 121px),
    var(--black-950);
}
.hero {
  overflow:visible;
  padding:56px 0 40px;
  background:
    radial-gradient(ellipse at 85% 30%,rgba(217,182,63,.10),transparent 56%),
    linear-gradient(120deg,rgba(35,50,74,.10),transparent 60%);
}
.hero-inner {gap:48px;padding-bottom:40px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hero h1 {font-size:clamp(2.25rem,3.7vw,3.6rem);max-width:16ch;line-height:1.14}
.hero-visual {min-height:360px;overflow:hidden}
.hero-stats {margin:0;box-shadow:0 14px 36px rgba(0,0,0,.2);grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-stat {min-width:0}
.hero-stat div {min-width:0}
.hero-stats strong,.hero-stats span {overflow-wrap:anywhere}
.hero + main > .section:first-child {padding-top:64px}
.product-hero {padding:32px 0 56px}
.product-hero-inner {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.product-hero-inner > * {min-width:0}
.product-hero h1 {font-size:clamp(2rem,3.8vw,3.25rem);max-width:none;margin:12px 0 18px;overflow-wrap:anywhere}
.product-hero .product-tagline {min-height:0}
.detail-mockup {
  width:100%;max-width:480px;justify-self:center;padding:20px;
  border:1px solid rgba(217,182,63,.23);border-radius:24px;
  background:radial-gradient(ellipse at 50% 0,rgba(217,182,63,.075),transparent 70%),var(--black-900);
  box-shadow:0 24px 65px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);
}
.product-slider .product-slider-track,
.product-slider:not(.product-slider-single) .product-slider-track {
  position:relative;aspect-ratio:auto;height:clamp(260px,38vw,430px);
}
.product-slider .product-slide,
.product-slider:not(.product-slider-single) .product-slide {position:absolute;inset:0;display:none}
.product-slider .product-slide.is-active,
.product-slider:not(.product-slider-single) .product-slide.is-active {display:flex;align-items:center;justify-content:center}
.detail-mockup img,.product-slide img,
.product-slider:not(.product-slider-single) .product-slide img {
  width:100%;height:100%;object-fit:contain;object-position:center;border-radius:10px;
}
.product-slider:not(.product-slider-single) {padding-bottom:46px}
.product-slider-dots {bottom:17px}
.product-mockup {padding:8px;background:var(--black-900);aspect-ratio:4/3}
.product-mockup img {object-fit:contain;object-position:center}
.product-card:hover .product-mockup img {transform:none}
.section-alt {border-block:1px solid rgba(217,182,63,.06);background:radial-gradient(ellipse at 15% 0,rgba(217,182,63,.055),transparent 70%)}
section[id] {scroll-margin-top:100px}
a:focus-visible,button:focus-visible {outline:2px solid var(--gold-400);outline-offset:5px}
@media(max-width:1000px){
  .hero-inner,.product-hero-inner {gap:28px}
  .hero-visual {min-height:330px}
  .visual-orbit-two {width:300px;height:300px}
  .hero-stats {padding:22px;gap:16px}
  .hero-stat {padding-right:12px;gap:10px}
}
@media(max-width:860px){
  .hero-inner,.product-hero-inner {grid-template-columns:minmax(0,1fr)}
  .hero-inner {gap:32px}
  .hero-visual {width:100%;max-width:520px;justify-self:center}
  .hero-stats {grid-template-columns:minmax(0,1fr);gap:12px}
  .hero-stat {padding:8px 0}
  .hero-stat:not(:last-child)::after {display:none}
  .detail-mockup {max-width:520px}
  .product-slider .product-slider-track,
  .product-slider:not(.product-slider-single) .product-slider-track {height:380px}
}
@media(max-width:600px){
  .hero {padding:36px 0 28px}
  .hero-inner {padding-bottom:28px}
  .hero-stats {margin:0;padding:18px}
  .hero h1 {font-size:clamp(2rem,8.5vw,2.65rem)}
  .product-hero {padding:24px 0 40px}
  .detail-mockup {padding:12px;border-radius:18px}
  .product-slider .product-slider-track,
  .product-slider:not(.product-slider-single) .product-slider-track {height:320px}
  .product-slider:not(.product-slider-single) {padding-bottom:42px}
  .product-hero-actions {flex-direction:column}
  .product-hero-actions .btn {justify-content:center;width:100%}
}
@media(prefers-reduced-motion:reduce){
  html {scroll-behavior:auto}
  *,*::before,*::after {transition:none!important;animation:none!important}
}