/* ==== HERO ==== */
.hero-in{max-width:960px;margin-left:clamp(0px,4vw,90px)}
.hero .eyebrow-l{margin-bottom:6px}

@media(min-width:761px) and (max-height:864px){
    .hero{padding-top:28px}
    .hero-in{gap:14px}
    .hero-h{font-size:clamp(2rem,4vw,3.2rem)}
    .hero-sub{font-size:1.05rem}
    .hero-strip{height:clamp(110px,16vw,190px);margin-top:18px}
}

/* ==== QUOTE-WALL ==== */
.band-wall{background:var(--n3)}
.qwall{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.qw-item{margin:0;background:var(--n2);border-radius:var(--r1);padding:26px;box-shadow:8px 8px 0 var(--n4)}
.qw-txt{margin:0 0 14px;font-size:1.08rem;line-height:1.5}
.qw-by{font-family:'Oswald','Oswald Fallback',Arial,sans-serif;letter-spacing:.03em;color:var(--a1);font-size:.92rem}

/* ==== STEPPED-GRID ==== */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:var(--n2);border-radius:var(--r1);padding:24px 22px}
.step:nth-child(2){transform:translateY(22px)}
.step:nth-child(3){transform:translateY(44px)}
.step:nth-child(4){transform:translateY(66px)}
.step-n{font-family:'Oswald','Oswald Fallback',Arial,sans-serif;font-size:2.4rem;color:var(--a1);margin:0 0 6px;line-height:1}
.step-h{margin:0 0 10px}
.step-p{margin:0;color:var(--n8);font-size:.98rem}

/* ==== MARQUEE-BAND ==== */
.mq{background:var(--n5);color:var(--n7);overflow:hidden;padding-block:18px;white-space:nowrap}
.mq-row{display:inline-block;animation:mqscroll 34s linear infinite}
.mq-i{font-family:'Oswald','Oswald Fallback',Arial,sans-serif;letter-spacing:.04em;font-size:1.05rem;padding-inline:4px}
.mq-s{color:hsl(218 70% 60%);padding-inline:18px}

@keyframes mqscroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

/* ==== HORIZONTAL-RAIL ==== */
.rail{position:relative}
.rail-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.rc{flex:0 0 240px;scroll-snap-align:start;background:var(--n2);border-radius:var(--r1);padding:16px;box-shadow:6px 6px 0 var(--n4)}
.rc-media{margin-bottom:12px}
.rc-h{margin:0 0 4px;font-size:1.05rem}
.rc-lnk{text-decoration:none;color:var(--n6)}
.rc-lnk:hover{color:var(--a1)}
.rc-col{margin:0 0 4px;color:var(--n8);font-size:.9rem}
.rc-price{margin:0;font-family:'Oswald','Oswald Fallback',Arial,sans-serif;color:var(--a1)}

.rail-nav{display:none;gap:10px;margin-top:14px}
.rail-btn{width:46px;height:46px;border-radius:999px;border:1px solid var(--n4);background:var(--n2);color:var(--n6);font-size:1.2rem;cursor:pointer}
.rail-btn:hover{background:var(--n3)}
html.with-js .rail-nav{display:flex}
.rail-all{margin-top:22px}

/* ==== SELLER ==== */
.seller-in{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}
.seller-card{background:var(--n5);color:var(--n7);border-radius:var(--r1);padding:28px}
.sc-h{font-family:'Oswald','Oswald Fallback',Arial,sans-serif;font-size:1.2rem;margin:0 0 14px}
.sc-list{margin:0;padding-left:20px}
.sc-list li{margin-bottom:8px;color:hsl(220 20% 80%)}

/* ==== CTA ==== */
.cta{background:var(--a1);color:var(--n2)}
.cta-in{text-align:center;max-width:62ch;margin-inline:auto}
.cta-h{color:var(--n2);margin:0 0 12px}
.cta-p{color:hsl(218 70% 92%);margin:0 0 24px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta .btn-g{color:var(--n2);border-color:hsl(218 60% 78%)}
.cta .btn-g:hover{background:hsl(217 79% 31%)}

@media(prefers-reduced-motion:reduce){
    .mq-row{animation:none}
}

@media(max-width:900px){
    .qwall{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr 1fr}
    .step:nth-child(2),.step:nth-child(3),.step:nth-child(4){transform:none}
    .seller-in{grid-template-columns:1fr;gap:28px}
}
html{overflow-x:clip}
@media(max-width:520px){.steps{grid-template-columns:1fr}.step{min-width:0}}