:root{--red:#e51b23;--red2:#aa0b12;--ink:#090a0c;--panel:#121418;--line:#2b2e34;--muted:#aeb2bb;--white:#f7f7f5;--silver:#d7d9dc;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,system-ui,sans-serif;line-height:1.55}body.modal-open{overflow:hidden}h1,h2,h3{font-family:"Barlow Condensed",sans-serif;line-height:.95;margin:0;letter-spacing:-.02em}h1{font-size:clamp(4rem,8vw,7.7rem);max-width:850px;text-transform:uppercase}h2{font-size:clamp(3rem,5.6vw,5.3rem);text-transform:uppercase}h3{font-size:2rem}p{color:#c6c8ce}button,input,select,textarea{font:inherit}.topline{height:34px;display:flex;align-items:center;justify-content:center;gap:clamp(1rem,5vw,5rem);background:var(--red);font-family:"Barlow Condensed";font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.site-header{height:92px;position:absolute;top:34px;left:0;right:0;z-index:10;display:flex;align-items:center;max-width:var(--max);padding:0 24px;margin:auto;border-bottom:1px solid #ffffff28}.brand img{width:235px;display:block}.site-header nav{display:flex;gap:28px;margin-left:auto;margin-right:28px}.site-header a{color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}.button{border:0;border-radius:3px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;padding:16px 24px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;cursor:pointer;box-shadow:0 12px 35px #e51b2333;transition:.25s transform,.25s box-shadow;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #e51b2355}.button-small{padding:12px 18px;font-size:.77rem}.button-ghost{background:#0a0b0dcc;border:1px solid #ffffff55;box-shadow:none}.button-muted{background:#24272d;box-shadow:none}.nav-toggle{display:none;background:none;color:#fff;border:0;font-size:1.7rem}.hero{min-height:890px;position:relative;display:flex;align-items:center;background:url('assets/storefront.webp') center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ink))}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050607f2 0%,#050607c4 45%,#05060730 75%),linear-gradient(0deg,#0009,#0000 45%)}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:95px auto 0}.eyebrow{display:block;color:#ff3a42;font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;letter-spacing:.19em;margin-bottom:18px}.hero p{font-size:1.15rem;max-width:680px}.hero-actions{display:flex;gap:14px;margin:30px 0}.hero-stats{display:flex;gap:44px;margin-top:45px}.hero-stats div{display:grid}.hero-stats strong{font:800 2rem "Barlow Condensed";text-transform:uppercase}.hero-stats span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.scroll-cue{position:absolute;z-index:4;bottom:45px;left:50%;color:#fff;text-decoration:none;font-size:1.8rem;animation:bob 1.6s infinite}@keyframes bob{50%{transform:translateY(8px)}}.brand-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(6,1fr);max-width:var(--max);margin:auto;color:#c7c9ce;background:#0c0d10}.brand-strip span{padding:22px 8px;text-align:center;font:800 1.3rem "Barlow Condensed";text-transform:uppercase;border-right:1px solid var(--line)}.section{max-width:var(--max);margin:auto;padding:130px 24px}.section-heading{max-width:850px;margin-bottom:55px}.section-heading p{max-width:680px;font-size:1.08rem}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-card{background:linear-gradient(145deg,#17191e,#0e1013);border:1px solid var(--line);padding:34px;min-height:290px;position:relative;overflow:hidden}.brand-card:after{content:"";position:absolute;width:110px;height:110px;border:24px solid #e51b2310;right:-45px;bottom:-45px;transform:rotate(45deg)}.brand-name{color:#fff;background:var(--red);font:800 1.25rem "Barlow Condensed";padding:6px 10px;display:inline-block;margin-bottom:25px}.brand-card p{min-height:76px}.text-link{border:0;background:none;color:#ff454c;padding:0;font-weight:800;cursor:pointer}.calculator-section{max-width:none;padding-inline:max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;background:linear-gradient(110deg,#101217 0%,#08090b 65%);border-block:1px solid var(--line)}.calculator-copy p{font-size:1.05rem}.photo-stack{position:relative;margin-top:35px}.photo-stack img{width:100%;height:330px;object-fit:cover;filter:saturate(.7)}.photo-badge{position:absolute;right:20px;bottom:20px;background:#08090bea;border-left:4px solid var(--red);padding:16px 22px;display:grid}.photo-badge span{font-size:.8rem;color:var(--muted)}.calculator-card{background:#f3f3f1;color:#111;padding:42px;border-radius:5px;box-shadow:0 30px 80px #0008}.calculator-card p,.calculator-card label{color:#444}.step-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #d5d5d2;padding-bottom:20px;margin-bottom:24px}.step-head span{background:var(--red);color:white;width:40px;height:40px;display:grid;place-items:center;font-weight:800}.form-step{display:none}.form-step.active{display:block;animation:fade .3s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}}.fields{display:grid;gap:18px}.fields.two{grid-template-columns:1fr 1fr}label{display:grid;gap:7px;font-size:.83rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #c9c9c6;background:#fff;padding:13px 14px;border-radius:2px;color:#111}textarea{resize:vertical}.calculator-card .button{margin-top:24px}.form-nav{display:flex;gap:12px;justify-content:space-between}.estimate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.estimate-item{background:white;border-left:4px solid var(--red);padding:14px}.estimate-item strong{display:block;font:800 1.7rem "Barlow Condensed"}.estimate-item span{font-size:.74rem;color:#666;text-transform:uppercase}.disclaimer{font-size:.76rem}.check{grid-template-columns:auto 1fr;align-items:center;margin-top:14px}.check input{width:auto}.hidden{display:none}.form-status,.mini-status{font-size:.82rem;font-weight:700;color:var(--red)}.rewards{max-width:var(--max);margin:130px auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border:1px solid var(--line);background:#111318}.rewards-art{min-height:560px;background:radial-gradient(circle at 35% 42%,#3b080b,#0b0c0f 56%);display:grid;place-items:center;overflow:hidden}.rewards-art img{width:120%;transform:translateX(-4%);filter:drop-shadow(0 25px 18px #0009)}.rewards-copy{padding:60px}.reward-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:30px 0}.reward-tiers div{background:#0d0f12;padding:18px;display:grid}.reward-tiers strong{font:800 1.25rem "Barlow Condensed";color:#fff}.reward-tiers span{font-size:.72rem;color:var(--muted)}.join-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.join-form .button{grid-column:1/-1}.join-form .mini-status{grid-column:1/-1}.experience-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.feature{background:#14161a;border:1px solid var(--line);padding:32px;min-height:250px}.feature>span,.feature div>span{font:800 2rem "Barlow Condensed";color:var(--red)}.feature-large{grid-row:span 2;min-height:515px;background-size:cover;background-position:center;position:relative;display:flex;align-items:end}.feature-large:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#050607f5)}.feature-large div{position:relative;z-index:1}.visit{position:relative;min-height:680px;display:flex;align-items:center}.visit>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visit:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0001,#000d 56%,#000f)}.visit-card{position:relative;z-index:1;width:min(560px,calc(100% - 48px));margin-left:auto;margin-right:max(24px,calc((100vw - var(--max))/2));background:#0b0c0eee;border:1px solid #ffffff25;padding:52px}.visit-card h2{font-size:4rem}footer{max-width:var(--max);margin:auto;padding:70px 24px 35px;text-align:center}footer img{width:260px}footer div{display:flex;justify-content:center;gap:25px;margin:25px}footer a{color:#fff;text-decoration:none}footer small{color:#777}dialog{width:min(760px,calc(100% - 28px));background:#101216;color:#fff;border:1px solid #3a3d44;padding:42px;box-shadow:0 40px 120px #000;border-radius:5px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog .fields{margin:24px 0}dialog label{color:#d8d9dc}.modal-close{position:absolute;top:15px;right:18px;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header nav,.site-header>.button{display:none}.nav-toggle{display:block;margin-left:auto}.site-header.open nav{display:flex;position:absolute;top:82px;left:20px;right:20px;background:#0b0c0ffa;padding:25px;flex-direction:column}.hero{min-height:820px}.brand-strip{grid-template-columns:repeat(3,1fr)}.brand-grid{grid-template-columns:1fr 1fr}.calculator-section,.rewards{grid-template-columns:1fr}.experience-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/-1;grid-row:auto}.rewards{margin-inline:24px}.rewards-art{min-height:400px}}@media(max-width:620px){.topline{gap:10px;font-size:.6rem}.topline span:nth-child(2){display:none}.brand img{width:190px}.hero-content{margin-top:120px}.hero-actions,.hero-stats{flex-direction:column;align-items:stretch}.hero-stats{gap:14px}.brand-grid,.fields.two,.estimate-grid,.experience-grid,.join-form{grid-template-columns:1fr}.brand-strip{grid-template-columns:repeat(2,1fr)}.section{padding-block:90px}.calculator-section{padding-block:90px}.calculator-card{padding:25px}.rewards-copy{padding:35px 25px}.reward-tiers{grid-template-columns:1fr}.visit-card{padding:35px 25px}.visit-card h2{font-size:3rem}dialog{padding:32px 22px}}

/* V2 premium hero + supplied imagery */
.hero-premium{min-height:820px;background:url('assets/aerial-yard.webp') center 45%/cover no-repeat;align-items:stretch;padding-top:126px}
.hero-premium .hero-overlay{background:linear-gradient(90deg,#050607f7 0%,#050607df 43%,#05060778 72%,#05060738 100%),linear-gradient(0deg,#060709f4 0%,transparent 42%)}
.hero-shell{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:70px;align-items:center;padding:70px 0 105px}
.hero-premium .hero-content{width:auto;margin:0}
.hero-premium h1{font-size:clamp(4rem,7vw,7rem);max-width:780px}
.hero-premium h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}
.hero-premium p{max-width:620px;font-size:1.08rem}
.hero-command{background:#0a0b0dea;border:1px solid #ffffff2b;backdrop-filter:blur(14px);box-shadow:0 30px 80px #0009;padding:24px}
.command-kicker{display:block;color:var(--red);font:800 .76rem "Barlow Condensed";letter-spacing:.2em;margin-bottom:8px}
.hero-command h3{font-size:2.45rem;text-transform:uppercase;margin-bottom:18px}
.hero-command a,.hero-command button{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;border:0;border-top:1px solid #ffffff1f;background:none;color:#fff;text-decoration:none;text-align:left;padding:17px 4px;cursor:pointer}
.hero-command b{color:var(--red);font:800 .9rem "Barlow Condensed"}.hero-command span{font-weight:700}.hero-command i{font-style:normal;font-size:1.25rem;transition:.2s transform}.hero-command a:hover i,.hero-command button:hover i{transform:translateX(5px)}
.hero-bottomline{position:absolute;z-index:3;bottom:0;left:0;right:0;min-height:62px;display:grid;grid-template-columns:repeat(5,1fr);background:#08090be8;border-top:1px solid #ffffff24;padding-inline:max(24px,calc((100vw - var(--max))/2))}
.hero-bottomline span{display:grid;place-items:center;border-right:1px solid #ffffff18;font:800 .78rem "Barlow Condensed";letter-spacing:.12em;text-transform:uppercase;color:#d7d8db}
.brand-showcase{display:grid;grid-template-columns:1.25fr .75fr;min-height:390px;margin-bottom:24px;border:1px solid var(--line);background:#111318;overflow:hidden}
.brand-showcase img{width:100%;height:100%;min-height:390px;object-fit:cover}
.brand-showcase>div{padding:42px;display:flex;flex-direction:column;justify-content:center}
.brand-showcase>div>span{color:var(--red);font:800 .78rem "Barlow Condensed";letter-spacing:.16em}
.brand-showcase strong{font:800 clamp(2.4rem,4vw,4rem)/.95 "Barlow Condensed";text-transform:uppercase;margin:15px 0}
.photo-stack img{height:390px;filter:none}
@media(max-width:900px){.hero-shell{grid-template-columns:1fr;gap:30px;padding-top:80px}.hero-command{max-width:620px}.hero-bottomline{grid-template-columns:repeat(3,1fr)}.hero-bottomline span:nth-child(n+4){display:none}.brand-showcase{grid-template-columns:1fr}.brand-showcase img{min-height:320px}}
@media(max-width:620px){.hero-premium{min-height:940px}.hero-shell{padding-top:55px;padding-bottom:95px}.hero-premium h1{font-size:3.8rem}.hero-command{padding:18px}.hero-bottomline{grid-template-columns:1fr 1fr}.hero-bottomline span:nth-child(3){display:none}.brand-showcase>div{padding:30px 24px}.brand-showcase strong{font-size:2.8rem}}

/* V3 DARK SHOWROOM THEME */
:root{--ink:#050506;--panel:#0d0e10;--line:#26282d;--muted:#a4a7ae;--white:#fafafa}
body{background:radial-gradient(circle at 15% 10%,#17181c 0,#08090b 34%,#050506 70%);background-attachment:fixed}
.site-header{position:fixed;top:34px;max-width:none;padding-inline:max(24px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,#050506f5,#050506d9);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18;box-shadow:0 12px 35px #0008}
.hero-premium{background-image:url('assets/aerial-yard.webp');}
.hero-premium .hero-overlay{background:linear-gradient(90deg,#020203fa 0%,#050506e8 42%,#07080a91 72%,#05050666 100%),linear-gradient(0deg,#050506 0%,transparent 45%)}
.brand-strip{background:#08090b;border-color:#24262b;box-shadow:0 20px 60px #0008}
.section{position:relative}
.intro:before,.experience:before{content:"";position:absolute;inset:0 50% auto;width:100vw;height:100%;transform:translateX(-50%);z-index:-1;background:linear-gradient(180deg,#08090b,#050506)}
.brand-showcase,.brand-card,.feature,.rewards{background:linear-gradient(145deg,#14161a,#090a0c 72%);box-shadow:0 24px 65px #0007}
.brand-card:hover,.feature:hover{border-color:#e51b236f;transform:translateY(-4px);transition:.25s ease;box-shadow:0 30px 70px #0009,0 0 34px #e51b2314}
.calculator-section{background:linear-gradient(120deg,#0c0d10 0%,#050506 68%)}
.calculator-card{background:linear-gradient(155deg,#17191d,#0b0c0f);color:#fff;border:1px solid #31343a;box-shadow:0 35px 90px #000c}
.calculator-card p,.calculator-card label{color:#d0d2d7}
.calculator-card input,.calculator-card select,.calculator-card textarea,dialog input,dialog select,dialog textarea,.join-form input{background:#090a0c;color:#fff;border:1px solid #363940;outline:none}
.calculator-card input:focus,.calculator-card select:focus,.calculator-card textarea:focus,dialog input:focus,dialog select:focus,dialog textarea:focus,.join-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e51b2318}
.calculator-card option,dialog option{background:#0b0c0f;color:#fff}
.step-head{border-color:#34373d}.estimate-item{background:#0b0c0f;border:1px solid #292c31;border-left:4px solid var(--red)}.estimate-item span{color:#a8abb2}.disclaimer{color:#9da0a7!important}
.rewards{background:linear-gradient(135deg,#111318,#07080a)}
.rewards-art{background:radial-gradient(circle at 38% 42%,#4b0a0f 0,#160608 28%,#07080a 67%)}
.reward-tiers{background:#2b2d32}.reward-tiers div{background:#090a0c}
.visit:after{background:linear-gradient(90deg,#0008,#020203e6 58%,#020203fb)}
.visit-card{background:#07080aee;border-color:#ffffff2e;box-shadow:0 35px 90px #000d}
footer{background:#050506;max-width:none;border-top:1px solid #202227;padding-inline:max(24px,calc((100vw - var(--max))/2))}
dialog{background:linear-gradient(145deg,#15171b,#08090b);border-color:#34373d}
@media(max-width:900px){.site-header{padding-inline:22px}.site-header.open nav{background:#07080af7;border:1px solid #272a30}.hero-premium{padding-top:126px}}

/* V4 — LIGHTER GLASS SHOWROOM / PHOTO-LED EXPERIENCE */
:root{
  --glass:rgba(18,20,24,.58);
  --glass-strong:rgba(12,14,17,.70);
  --glass-light:rgba(255,255,255,.10);
  --glass-line:rgba(255,255,255,.24);
  --soft-white:#f8f8f6;
}
body{
  background:
    linear-gradient(rgba(11,13,16,.38),rgba(11,13,16,.38)),
    url('assets/aerial-yard.webp') center/cover fixed no-repeat;
  color:var(--soft-white);
}
body:before{
  content:"";position:fixed;inset:0;z-index:-2;
  background:linear-gradient(135deg,rgba(229,27,35,.08),transparent 35%,rgba(255,255,255,.04));
  pointer-events:none;
}
.site-header{
  top:46px;height:82px;
  margin:0 auto;width:min(calc(100% - 34px),1320px);
  left:50%;right:auto;transform:translateX(-50%);
  padding:0 24px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:rgba(14,16,19,.52);
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.topline{position:relative;z-index:20;background:rgba(201,19,27,.92);backdrop-filter:blur(8px)}
.hero-premium{
  min-height:900px;padding-top:128px;
  background:url('assets/storefront.webp') center 46%/cover no-repeat;
}
.hero-premium:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,10,12,.63) 0%,rgba(8,10,12,.34) 53%,rgba(8,10,12,.08) 100%);
}
.hero-premium .hero-overlay{
  background:linear-gradient(0deg,rgba(5,7,9,.54) 0%,transparent 46%,rgba(5,7,9,.12) 100%);
}
.hero-premium:after{height:135px;background:linear-gradient(transparent,rgba(10,12,15,.58))}
.hero-content{
  background:rgba(13,15,18,.42);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  padding:44px;border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.hero-premium h1{font-size:clamp(3.8rem,6.5vw,6.7rem)}
.hero-command{
  background:rgba(16,18,21,.48);
  border:1px solid rgba(255,255,255,.25);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.28);
}
.hero-bottomline{
  background:rgba(11,13,16,.48);
  border-color:rgba(255,255,255,.24);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.button-ghost{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.50);backdrop-filter:blur(10px)}
.brand-strip{
  width:min(calc(100% - 34px),var(--max));margin:-28px auto 0;position:relative;z-index:5;
  background:rgba(19,21,25,.53);border:1px solid rgba(255,255,255,.22);border-radius:16px;overflow:hidden;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 22px 60px rgba(0,0,0,.23)
}
.section{max-width:var(--max);padding:115px 24px}
.intro,.experience{isolation:isolate}
.intro:before{
  inset:35px 50% 25px;height:auto;
  background:linear-gradient(rgba(10,12,15,.38),rgba(10,12,15,.38)),url('assets/warehouse-aisle.webp') center/cover no-repeat;
  border-block:1px solid rgba(255,255,255,.15);
}
.intro:after,.experience:after{
  content:"";position:absolute;inset:35px 50% 25px;width:100vw;transform:translateX(-50%);z-index:-1;
  background:linear-gradient(90deg,rgba(9,11,13,.46),rgba(9,11,13,.13),rgba(9,11,13,.46));
}
.section-heading{
  padding:34px 38px;border-radius:20px;background:rgba(15,17,20,.55);border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.22)
}
.brand-showcase{
  border:1px solid rgba(255,255,255,.25);border-radius:22px;
  background:rgba(16,18,21,.52);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.24)
}
.brand-showcase img{filter:none}
.brand-showcase>div{background:linear-gradient(135deg,rgba(15,17,20,.50),rgba(15,17,20,.70))}
.brand-card{
  background:rgba(18,20,24,.58);border:1px solid rgba(255,255,255,.22);border-radius:18px;
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 18px 48px rgba(0,0,0,.20)
}
.brand-card:hover{background:rgba(24,26,30,.72);border-color:rgba(229,27,35,.70)}
.calculator-section{
  position:relative;isolation:isolate;background:transparent;border-block:1px solid rgba(255,255,255,.18);
}
.calculator-section:before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:linear-gradient(90deg,rgba(7,9,11,.46),rgba(7,9,11,.22)),url('assets/brand-products.webp') center/cover no-repeat;
}
.calculator-section:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(9,11,14,.17);backdrop-filter:blur(2px)}
.calculator-copy{
  align-self:center;padding:36px;border-radius:22px;background:rgba(13,15,18,.55);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.24)
}
.calculator-card{
  background:rgba(17,19,23,.67);border:1px solid rgba(255,255,255,.27);border-radius:22px;
  backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:0 35px 85px rgba(0,0,0,.30)
}
.calculator-card input,.calculator-card select,.calculator-card textarea,dialog input,dialog select,dialog textarea,.join-form input{
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:9px
}
.calculator-card input::placeholder,.calculator-card textarea::placeholder,.join-form input::placeholder,dialog textarea::placeholder{color:rgba(255,255,255,.62)}
.estimate-item{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20);border-left-color:var(--red);border-radius:9px}
.photo-stack img{border-radius:16px;box-shadow:0 20px 55px rgba(0,0,0,.28)}
.photo-badge{background:rgba(14,16,19,.66);border:1px solid rgba(255,255,255,.20);border-left:4px solid var(--red);backdrop-filter:blur(12px);border-radius:10px}
.rewards{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:24px;
  background:rgba(16,18,21,.50);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 28px 80px rgba(0,0,0,.27)
}
.rewards:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/aerial-yard.webp') center/cover no-repeat;opacity:.38}
.rewards-art{background:linear-gradient(135deg,rgba(229,27,35,.25),rgba(10,12,15,.18));border-right:1px solid rgba(255,255,255,.16)}
.rewards-copy{background:rgba(12,14,17,.52);backdrop-filter:blur(18px)}
.reward-tiers{background:rgba(255,255,255,.16);border-radius:14px;overflow:hidden}
.reward-tiers div{background:rgba(11,13,16,.50)}
.experience:before{
  inset:25px 50% 25px;height:auto;
  background:linear-gradient(rgba(9,11,14,.30),rgba(9,11,14,.30)),url('assets/gaf-yard.webp') center/cover no-repeat;
  border-block:1px solid rgba(255,255,255,.15)
}
.feature{background:rgba(18,20,24,.56);border:1px solid rgba(255,255,255,.22);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 52px rgba(0,0,0,.22)}
.feature-large:before{background:linear-gradient(transparent 15%,rgba(7,9,11,.68))}
.visit{margin-top:80px;min-height:720px}
.visit:after{background:linear-gradient(90deg,rgba(5,7,9,.08),rgba(5,7,9,.20) 48%,rgba(5,7,9,.50))}
.visit-card{background:rgba(15,17,20,.52);border:1px solid rgba(255,255,255,.28);border-radius:24px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 32px 85px rgba(0,0,0,.27)}
footer{background:rgba(8,10,12,.74);border-top:1px solid rgba(255,255,255,.18);backdrop-filter:blur(20px)}
dialog{background:rgba(16,18,22,.82);border:1px solid rgba(255,255,255,.28);border-radius:22px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
dialog::backdrop{background:rgba(0,0,0,.45);backdrop-filter:blur(6px)}
@media(max-width:900px){
  .site-header{top:42px;width:calc(100% - 20px);padding-inline:18px;border-radius:14px}
  .site-header.open nav{top:90px;background:rgba(12,14,17,.88);border:1px solid rgba(255,255,255,.22);border-radius:14px;backdrop-filter:blur(20px)}
  .hero-content{padding:34px}.hero-shell{gap:24px}.brand-strip{width:calc(100% - 20px)}
  .intro:before,.experience:before,.intro:after,.experience:after{inset-block:15px}
}
@media(max-width:620px){
  .hero-premium{min-height:1040px;background-position:58% center}.hero-content{padding:28px 22px;border-radius:18px}.hero-premium h1{font-size:3.55rem}
  .section-heading,.calculator-copy{padding:26px 22px}.brand-card,.feature{border-radius:14px}.calculator-card{padding:24px 20px;border-radius:18px}
  .rewards{margin-inline:14px}.visit-card{border-radius:18px}
}

/* V5 — CLEAN EDITORIAL LAYOUT: ONE PRIMARY IMAGE PER SECTION */
body{
  background:#17191d;
  background-image:linear-gradient(180deg,#17191d 0%,#202329 48%,#15171b 100%);
}
body:before{display:none}

/* Keep photography intentional instead of layered behind every section. */
.intro:before,.intro:after,.experience:before,.experience:after,
.calculator-section:before,.calculator-section:after,.rewards:before{display:none!important}

.hero-premium{
  min-height:860px;
  background-image:url('assets/storefront.webp');
  background-position:center 46%;
}
.hero-premium:before{background:linear-gradient(90deg,rgba(7,9,12,.72) 0%,rgba(7,9,12,.40) 48%,rgba(7,9,12,.08) 100%)}
.hero-premium .hero-overlay{background:linear-gradient(0deg,rgba(8,10,13,.56),transparent 42%)}
.hero-content{background:rgba(14,16,20,.50)}

.brand-strip{margin-top:0;border-radius:0;width:100%;max-width:none;padding-inline:max(18px,calc((100vw - var(--max))/2));background:#202329;border-inline:0}
.brand-strip span{background:transparent}

.section{padding-block:104px}
.intro,.experience{background:#1d2025}
.section-heading{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0;max-width:820px}

.brand-showcase{
  display:grid;grid-template-columns:1.28fr .72fr;overflow:hidden;
  background:#24272d;border:1px solid rgba(255,255,255,.12);
  backdrop-filter:none;box-shadow:0 22px 55px rgba(0,0,0,.18)
}
.brand-showcase img{width:100%;height:420px;object-fit:cover}
.brand-showcase>div{display:flex;flex-direction:column;justify-content:center;padding:48px;background:#24272d}
.brand-card{background:#24272d;backdrop-filter:none;box-shadow:none;border-color:rgba(255,255,255,.10)}
.brand-card:hover{background:#2b2f36}

.calculator-section{
  background:#ece9e3;color:#15171a;border:0;
  grid-template-columns:.82fr 1.18fr;gap:72px;
}
.calculator-section h2,.calculator-section h3{color:#111317}
.calculator-section p{color:#51545a}
.calculator-copy{padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.photo-stack{margin-top:34px}
.photo-stack img{height:310px;border-radius:18px;box-shadow:0 24px 55px rgba(0,0,0,.18)}
.calculator-card{background:#17191d;color:#fff;border:0;box-shadow:0 30px 70px rgba(0,0,0,.26)}
.calculator-card h3,.calculator-card label{color:#fff}
.calculator-card p{color:#c5c7cc}

.rewards{
  margin:96px auto;background:#22252b;border:1px solid rgba(255,255,255,.10);
  backdrop-filter:none;box-shadow:0 24px 65px rgba(0,0,0,.20)
}
.rewards-art{background:#ece9e3;min-height:510px}
.rewards-art img{width:108%;filter:drop-shadow(0 24px 18px rgba(0,0,0,.24))}
.rewards-copy{background:#22252b;backdrop-filter:none}
.reward-tiers div{background:#17191d}

.experience-grid{gap:18px}
.feature{background:#262a31;backdrop-filter:none;box-shadow:none;border-color:rgba(255,255,255,.10)}
.feature-large{background-position:center;min-height:520px}
.feature-large:before{background:linear-gradient(transparent 24%,rgba(7,9,12,.88))}

.visit{margin-top:0;min-height:660px;background:#111}
.visit>img{object-position:center 48%}
.visit:after{background:linear-gradient(90deg,rgba(5,7,9,.06),rgba(5,7,9,.28) 48%,rgba(5,7,9,.72))}
.visit-card{background:rgba(18,20,24,.78);backdrop-filter:blur(12px);box-shadow:0 28px 70px rgba(0,0,0,.25)}

footer{background:#111317}

@media(max-width:900px){
  .brand-showcase{grid-template-columns:1fr}
  .brand-showcase img{height:330px}
  .brand-showcase>div{padding:34px}
  .calculator-section{grid-template-columns:1fr;gap:42px}
}
@media(max-width:620px){
  .hero-premium{min-height:980px}
  .brand-strip{grid-template-columns:repeat(2,1fr)}
  .section{padding-block:78px}
  .brand-showcase img{height:250px}
  .rewards{margin-block:70px}
}

/* V6 — NEXT-LEVEL SMARTMEASURE + STATE REWARDS */
.smartmeasure{background:#ece9e3;color:#15171a;padding:110px max(24px,calc((100vw - var(--max))/2));}
.smartmeasure-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:55px}
.smartmeasure-head h2{color:#101216;max-width:780px}.smartmeasure-head p{color:#575b61;font-size:1.06rem;margin:0 0 7px}
.smartmeasure-shell{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:stretch}
.measure-rail{background:#17191d;color:#fff;padding:34px 28px;border-radius:22px;display:flex;flex-direction:column;box-shadow:0 28px 65px rgba(0,0,0,.16)}
.measure-kicker{font:800 .75rem Inter;text-transform:uppercase;letter-spacing:.15em;color:#959aa3;border-bottom:1px solid #34373e;padding-bottom:22px;margin-bottom:10px}
.measure-stage{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #30333a;opacity:.56}.measure-stage.active{opacity:1}.measure-stage b{width:42px;height:42px;border:1px solid #4b4f58;border-radius:50%;display:grid;place-items:center;font:800 .85rem Inter}.measure-stage.active b{background:var(--red);border-color:var(--red);box-shadow:0 8px 24px #e51b2340}.measure-stage span{display:grid}.measure-stage strong{font-size:.95rem}.measure-stage small{color:#9297a0}
.measure-promise{margin-top:auto;padding-top:30px}.measure-promise>span{font:800 .75rem Inter;text-transform:uppercase;letter-spacing:.14em;color:#ff444b}.measure-promise ul{list-style:none;padding:10px 0 0;margin:0}.measure-promise li{padding:8px 0;color:#c9ccd2;font-size:.86rem}.measure-promise li:before{content:'✓';color:#ff444b;margin-right:10px;font-weight:900}
.smartmeasure .calculator-card{padding:0;border-radius:22px;background:#fff;color:#17191d;box-shadow:0 30px 75px rgba(0,0,0,.16);overflow:hidden}
.calculator-topbar{height:62px;background:#111317;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;font-weight:800}.calculator-topbar em{font-style:normal;color:#ff4b52;border:1px solid #ff4b5260;padding:7px 10px;border-radius:20px}
.smartmeasure form{padding:38px 42px 42px}.smartmeasure .step-head{align-items:center}.smartmeasure .step-head span{border-radius:50%;width:48px;height:48px}.smartmeasure .step-head div{display:grid;gap:3px}.smartmeasure .step-head small{text-transform:uppercase;letter-spacing:.13em;color:#8a8d92;font-weight:800}.smartmeasure .step-head h3{color:#15171a;font-size:2.25rem}.smartmeasure label{color:#3f4349}.smartmeasure input,.smartmeasure select,.smartmeasure textarea{background:#f5f4f1;color:#17191d;border:1px solid #d8d6d0;border-radius:10px;padding:15px}.smartmeasure input:focus,.smartmeasure select:focus,.smartmeasure textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px #e51b2312}.smartmeasure .form-nav{margin-top:28px;align-items:center}.smartmeasure .form-nav.single{justify-content:space-between}.step-note{font-size:.78rem;color:#777b81}.smartmeasure .estimate-item{background:#f2f1ed;border:1px solid #dedcd6;border-left:4px solid var(--red);border-radius:10px}.smartmeasure .estimate-item strong{color:#17191d}.smartmeasure .estimate-item span{color:#6a6d72}.smartmeasure .disclaimer{color:#6a6d72}

.rewards-v2{max-width:var(--max);margin:0 auto;padding:115px 24px 125px}.rewards-heading{display:grid;grid-template-columns:1.15fr .85fr;column-gap:70px;align-items:end;margin-bottom:52px}.rewards-heading .eyebrow{grid-column:1/-1}.rewards-heading h2{max-width:760px}.rewards-heading p{font-size:1.05rem;margin:0 0 8px}.rewards-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:auto auto;gap:20px}.loyalty-card-wrap{background:#202329;border:1px solid #343840;border-radius:22px;padding:35px;display:grid;place-items:center}.loyalty-card{width:min(100%,520px);aspect-ratio:1.6;border-radius:24px;padding:28px;background:radial-gradient(circle at 85% 10%,#4b4e55 0,transparent 32%),linear-gradient(145deg,#2d3036,#111317 62%);border:1px solid #ffffff28;box-shadow:0 35px 70px #0008;position:relative;overflow:hidden}.loyalty-card:after{content:'';position:absolute;width:220px;height:220px;border:48px solid #e51b2322;border-radius:50%;right:-105px;bottom:-105px}.loyalty-card-top,.loyalty-card-bottom,.progress-label{display:flex;justify-content:space-between;align-items:center}.loyalty-card-top img{width:170px}.loyalty-card-top span{font-size:.67rem;letter-spacing:.18em;border:1px solid #ffffff38;border-radius:20px;padding:7px 10px}.points-display{display:grid;margin-top:42px}.points-display small{letter-spacing:.15em;color:#a9adb5;font-size:.65rem}.points-display strong{font:800 4.6rem/1 "Barlow Condensed"}.points-display>span{font-size:.68rem;letter-spacing:.22em;color:#ff454c}.progress-label{font-size:.72rem;margin-top:28px}.progress-label span{color:#b1b4ba}.progress-track{height:5px;background:#ffffff20;border-radius:10px;margin:7px 0 18px}.progress-track i{display:block;width:74%;height:100%;background:linear-gradient(90deg,#e51b23,#ff555c);border-radius:10px}.loyalty-card-bottom{font-size:.58rem;letter-spacing:.1em;color:#aeb1b8}.demo-note{font-size:.72rem;color:#898e97;margin:18px 0 0;text-align:center}
.reward-path{background:#f0ede7;color:#17191d;border-radius:22px;padding:30px}.reward-path-head{display:flex;justify-content:space-between;border-bottom:1px solid #d3d0ca;padding-bottom:18px;margin-bottom:4px}.reward-path-head span{font:800 1.3rem "Barlow Condensed";text-transform:uppercase}.reward-path-head small{color:#777a80}.reward-step{display:grid;grid-template-columns:74px 1fr 36px;gap:15px;align-items:center;padding:20px 10px;border-bottom:1px solid #dad7d1}.reward-step:last-child{border-bottom:0}.reward-step>b{font:800 1.55rem "Barlow Condensed";color:#e51b23}.reward-step div{display:grid}.reward-step div strong{font-size:.92rem}.reward-step div span{font-size:.76rem;color:#72757a}.reward-step>i{font-style:normal;color:#a4a6aa;font:800 .75rem Inter}.reward-step.featured{background:#17191d;color:#fff;border-radius:13px;border:0;padding-inline:16px}.reward-step.featured div span{color:#b9bdc4}.reward-step.featured>i{color:#ff454c}
.join-rewards{grid-column:1/-1;background:linear-gradient(110deg,#25282e,#17191d 58%);border:1px solid #373b43;border-radius:22px;padding:38px;display:grid;grid-template-columns:76px 1fr 1.45fr;gap:22px 28px;align-items:center}.join-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--red);font:800 2rem "Barlow Condensed";box-shadow:0 15px 30px #e51b2333}.join-rewards .eyebrow{margin:0;align-self:end}.join-rewards h3{grid-column:2;font-size:2.6rem}.join-rewards>p{grid-column:2;margin:0;align-self:start}.join-rewards .join-form{grid-column:3;grid-row:1/5;display:grid;grid-template-columns:1fr 1fr;gap:10px}.join-rewards .join-form input{background:#101216;border:1px solid #3b3f47}.join-rewards .join-form input:nth-child(3){grid-column:1/-1}.join-rewards .join-form .button,.join-rewards .mini-status{grid-column:1/-1}.terms-note{grid-column:2;color:#777c85;font-size:.67rem}
@media(max-width:900px){.smartmeasure-head,.rewards-heading{grid-template-columns:1fr;gap:20px}.smartmeasure-shell{grid-template-columns:1fr}.measure-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.measure-kicker,.measure-promise{grid-column:1/-1}.measure-stage{border:1px solid #32353c;border-radius:12px;padding:14px}.rewards-grid{grid-template-columns:1fr}.join-rewards{grid-column:auto;grid-template-columns:64px 1fr}.join-rewards .join-form{grid-column:1/-1;grid-row:auto}.join-rewards h3,.join-rewards>p,.terms-note{grid-column:2}.rewards-v2{padding-top:90px}}
@media(max-width:620px){.smartmeasure{padding-block:78px}.smartmeasure-shell{gap:14px}.measure-rail{grid-template-columns:1fr;padding:24px}.measure-kicker,.measure-promise{grid-column:auto}.smartmeasure form{padding:28px 20px 30px}.calculator-topbar{padding-inline:20px}.calculator-topbar em{display:none}.smartmeasure .fields.two{grid-template-columns:1fr}.smartmeasure .form-nav,.smartmeasure .form-nav.single{flex-direction:column;align-items:stretch}.step-note{text-align:center}.rewards-v2{padding-inline:14px}.loyalty-card-wrap{padding:18px}.loyalty-card{padding:20px}.loyalty-card-top img{width:130px}.points-display{margin-top:28px}.points-display strong{font-size:3.5rem}.reward-path{padding:22px 16px}.reward-step{grid-template-columns:64px 1fr 25px}.join-rewards{padding:28px 20px;grid-template-columns:1fr}.join-icon{margin:auto}.join-rewards .eyebrow,.join-rewards h3,.join-rewards>p,.terms-note{grid-column:1;text-align:center}.join-rewards .join-form{grid-template-columns:1fr}.join-rewards .join-form input:nth-child(3){grid-column:auto}}

/* V7 — CLEAN CINEMATIC HERO */
.hero-v7{
  min-height:820px;
  padding-top:126px;
  display:block;
  background-image:url('assets/storefront.webp');
  background-position:center 48%;
}
.hero-v7:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,9,12,.78) 0%,rgba(7,9,12,.52) 40%,rgba(7,9,12,.10) 78%),linear-gradient(0deg,rgba(7,9,12,.48),transparent 42%);
}
.hero-v7 .hero-overlay{display:none}
.hero-v7-shell{
  position:relative;z-index:2;
  width:min(var(--max),calc(100% - 48px));
  min-height:650px;margin:auto;
  display:grid;grid-template-columns:minmax(0,1.2fr) 320px;
  align-items:center;gap:72px;padding:66px 0 100px;
}
.hero-v7-copy{max-width:760px}
.hero-v7-copy,.hero-v7-side{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0}
.hero-kicker{
  display:inline-flex;align-items:center;gap:12px;
  color:#fff;font:800 .82rem "Barlow Condensed";
  text-transform:uppercase;letter-spacing:.18em;margin-bottom:26px
}
.hero-kicker:before{content:"";width:42px;height:3px;background:var(--red)}
.hero-v7 h1{font-size:clamp(4.5rem,7.6vw,7.5rem);line-height:.86;max-width:780px;text-shadow:0 10px 35px rgba(0,0,0,.35)}
.hero-v7 h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.92);font-style:normal;margin-top:10px}
.hero-v7 p{font-size:1.12rem;max-width:650px;color:#e1e3e7;margin-top:28px}
.hero-v7 .hero-actions{margin:32px 0 0}
.hero-v7 .button-ghost{background:rgba(9,11,14,.28);border-color:rgba(255,255,255,.48)}
.hero-proof{display:flex;gap:44px;margin-top:48px;padding-top:26px;border-top:1px solid rgba(255,255,255,.22);max-width:660px}
.hero-proof div{display:grid;gap:2px}
.hero-proof strong{font:800 1.75rem "Barlow Condensed";text-transform:uppercase;color:#fff}
.hero-proof span{font-size:.72rem;text-transform:uppercase;letter-spacing:.10em;color:#c1c5cc}
.hero-v7-side{align-self:end;margin-bottom:104px;border-left:3px solid var(--red);padding-left:24px}
.hero-v7-side>span{display:block;color:#ff4047;font:800 .72rem "Barlow Condensed";letter-spacing:.17em;text-transform:uppercase;margin-bottom:10px}
.hero-v7-side strong{display:block;font:800 2rem/1.02 "Barlow Condensed";text-transform:uppercase;color:#fff;margin-bottom:18px}
.hero-v7-side a{color:#fff;text-decoration:none;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.07em}
.hero-v7-side i{font-style:normal;color:var(--red);margin-left:8px}
.hero-scroll{position:absolute;z-index:3;left:max(24px,calc((100vw - var(--max))/2));bottom:30px;color:#fff;text-decoration:none;font:700 .72rem "Barlow Condensed";letter-spacing:.13em;text-transform:uppercase;display:flex;gap:12px;align-items:center}
.hero-scroll span{color:var(--red);font-size:1.2rem}
.hero-v7:after{height:95px;background:linear-gradient(transparent,#17191d)}
.site-header .brand img{width:205px}
@media(max-width:900px){
  .hero-v7{min-height:850px;background-position:60% center}
  .hero-v7-shell{grid-template-columns:1fr;min-height:700px;gap:20px;padding-top:72px}
  .hero-v7-side{align-self:auto;margin:0;max-width:360px}
}
@media(max-width:620px){
  .site-header{height:74px}.site-header .brand img{width:150px}
  .hero-v7{min-height:900px;padding-top:110px;background-position:62% center}
  .hero-v7:before{background:linear-gradient(90deg,rgba(7,9,12,.78),rgba(7,9,12,.38)),linear-gradient(0deg,rgba(7,9,12,.66),transparent 52%)}
  .hero-v7-shell{width:calc(100% - 36px);padding:58px 0 92px;align-content:center}
  .hero-v7 h1{font-size:clamp(3.7rem,17vw,5.2rem);line-height:.87}
  .hero-v7 h1 span{-webkit-text-stroke:1px rgba(255,255,255,.9)}
  .hero-v7 p{font-size:1rem;line-height:1.65}
  .hero-v7 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-proof{gap:18px;justify-content:space-between;margin-top:34px}
  .hero-proof strong{font-size:1.35rem}.hero-proof span{font-size:.60rem}
  .hero-v7-side{display:none}
  .hero-scroll{left:18px;bottom:22px}
}

/* V8 — LIGHT CINEMATIC SHOWROOM HERO */
.hero-v8{
  min-height:790px;
  padding-top:126px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background-image:url('assets/storefront.webp');
  background-size:cover;
  background-position:center 50%;
}
.hero-v8:before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(180deg,rgba(8,10,12,.12) 0%,rgba(8,10,12,.02) 44%,rgba(8,10,12,.48) 100%),
    linear-gradient(90deg,rgba(8,10,12,.10),transparent 48%,rgba(8,10,12,.04));
}
.hero-v8:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#17191d);z-index:1}
.hero-v8-frame{
  position:relative;z-index:3;
  width:min(620px,calc(100% - 48px));
  margin:0 0 122px max(24px,calc((100vw - var(--max))/2));
  padding:20px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  box-shadow:0 22px 65px rgba(0,0,0,.22);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}
.hero-v8-status{display:flex;align-items:center;gap:10px;color:#17191d;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;white-space:nowrap}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(229,27,35,.12)}
.hero-v8-actions{display:flex;gap:10px}
.hero-v8-actions .button{padding:14px 17px;font-size:.73rem;white-space:nowrap}
.button-light{background:#fff;color:#17191d;border:1px solid #c9c9c6}
.button-light:hover{background:#f3f1ed;color:#17191d}
.hero-v8-rail{
  position:absolute;z-index:3;
  right:max(24px,calc((100vw - var(--max))/2));bottom:118px;
  width:300px;padding:22px 24px;
  border:1px solid rgba(255,255,255,.52);border-radius:16px;
  background:rgba(20,22,25,.54);color:#fff;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 22px 60px rgba(0,0,0,.22)
}
.hero-v8-rail>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.hero-v8-rail b{color:#ff4a51;font:800 .76rem Inter}.hero-v8-rail span{font-size:.78rem;font-weight:700}
.hero-v8-rail a{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font:800 .72rem Inter}
.hero-v8-rail i{font-style:normal;color:#ff4a51;font-size:1.1rem}
.hero-v8 .hero-scroll{z-index:4}
@media(max-width:900px){
  .hero-v8{min-height:780px;background-position:58% center}
  .hero-v8-frame{width:calc(100% - 48px);margin-bottom:152px;flex-direction:column;align-items:stretch}
  .hero-v8-status{justify-content:center}
  .hero-v8-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-v8-rail{left:24px;right:24px;bottom:84px;width:auto;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;padding:14px 18px}
  .hero-v8-rail>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.18);padding:8px 12px;grid-template-columns:26px 1fr}
  .hero-v8-rail a{margin:0;padding-left:14px}
}
@media(max-width:620px){
  .hero-v8{min-height:760px;padding-top:110px;background-position:61% center}
  .hero-v8:before{background:linear-gradient(180deg,rgba(8,10,12,.08),rgba(8,10,12,.02) 48%,rgba(8,10,12,.54))}
  .hero-v8-frame{width:calc(100% - 28px);margin:0 14px 184px;padding:15px;border-radius:15px;background:rgba(255,255,255,.88)}
  .hero-v8-actions{grid-template-columns:1fr}.hero-v8-actions .button{width:100%;padding:15px 12px}
  .hero-v8-rail{left:14px;right:14px;bottom:68px;grid-template-columns:1fr 1fr;padding:13px 15px;background:rgba(20,22,25,.62)}
  .hero-v8-rail>div{padding:8px 6px;border-right:0}.hero-v8-rail>div:nth-child(3){display:none}
  .hero-v8-rail a{padding:9px 6px;margin:0;grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18)}
  .hero-v8 .hero-scroll{display:none}
}

/* V9 — REFINED HERO CONTROLS + REAL LOGO MARQUEE */
.hero-v9{
  min-height:820px;
  background-position:center 48%;
}
.hero-v9:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,7,9,.08) 0%,rgba(5,7,9,.02) 48%,rgba(5,7,9,.38) 100%);
  z-index:0;
}
.hero-v9:after{height:110px;background:linear-gradient(transparent,#17191d)}
.hero-dock{
  position:absolute;z-index:4;left:max(28px,calc((100vw - var(--max))/2));bottom:112px;
  display:flex;align-items:center;gap:26px;
  padding:12px 14px 12px 20px;
  background:rgba(246,246,243,.88);color:#17191d;
  border:1px solid rgba(255,255,255,.70);border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.hero-dock-label{display:flex;align-items:center;gap:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;white-space:nowrap}
.hero-dock-actions{display:flex;gap:10px}
.hero-dock .button{padding:14px 20px;min-height:48px}
.hero-dock .button-light{background:#fff;color:#16181c;border:1px solid #d9dadd;box-shadow:none}
.hero-scroll-v9{
  position:absolute;z-index:4;right:max(28px,calc((100vw - var(--max))/2));bottom:126px;
  display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;
  font:800 .78rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.14em;
  text-shadow:0 2px 16px rgba(0,0,0,.6)
}
.hero-scroll-v9 i{font-style:normal;font-size:1.3rem;animation:bob 1.6s infinite}

.logo-marquee{
  position:relative;overflow:hidden;background:#f4f2ee;color:#17191d;
  border-block:1px solid #dedbd4;padding:18px 0;
}
.logo-marquee:before,.logo-marquee:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.logo-marquee:before{left:0;background:linear-gradient(90deg,#f4f2ee,transparent)}
.logo-marquee:after{right:0;background:linear-gradient(-90deg,#f4f2ee,transparent)}
.logo-marquee-track{display:flex;width:max-content;animation:brandMarquee 30s linear infinite;will-change:transform}
.logo-marquee:hover .logo-marquee-track{animation-play-state:paused}
.logo-item{width:210px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 22px;border-right:1px solid #ddd9d1}
.logo-item img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}
.logo-item span{font:800 1.05rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
@keyframes brandMarquee{to{transform:translateX(-50%)}}

@media(max-width:900px){
  .hero-v9{min-height:850px;background-position:54% center}
  .hero-dock{left:24px;right:24px;bottom:86px;gap:14px;justify-content:space-between}
  .hero-dock-label{font-size:.7rem}
  .hero-scroll-v9{display:none}
}
@media(max-width:620px){
  .hero-v9{min-height:830px;background-position:55% center}
  .hero-dock{left:18px;right:18px;bottom:56px;display:block;padding:16px;border-radius:18px;background:rgba(249,249,247,.91)}
  .hero-dock-label{justify-content:center;margin-bottom:13px;font-size:.72rem}
  .hero-dock-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-dock .button{width:100%;padding:14px 12px;font-size:.82rem}
  .logo-marquee{padding:14px 0}
  .logo-item{width:172px;padding-inline:16px}
  .logo-item img{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.logo-marquee-track{animation:none}}

/* V10 — MOBILE HERO REBALANCE */
@media(max-width:620px){
  .topline{height:30px;padding:0 12px;justify-content:space-between;gap:8px;font-size:.56rem;letter-spacing:.09em}
  .site-header{top:30px;height:78px;left:12px;right:12px;width:auto;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(18,20,24,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .brand img{width:150px;max-height:72px;object-fit:contain}
  .nav-toggle{font-size:1.55rem;padding:8px}
  .hero-v9{
    min-height:690px;
    background-size:auto 100%;
    background-position:43% center;
  }
  .hero-v9:before{background:linear-gradient(180deg,rgba(5,7,9,.03) 0%,rgba(5,7,9,0) 58%,rgba(5,7,9,.30) 100%)}
  .hero-v9:after{height:64px}
  .hero-dock{
    left:12px;right:12px;bottom:18px;
    display:grid;grid-template-columns:1fr 1fr;gap:8px;
    padding:9px;border-radius:14px;
    background:rgba(248,248,246,.93);
    box-shadow:0 14px 34px rgba(0,0,0,.28)
  }
  .hero-dock-label{display:none}
  .hero-dock-actions{display:contents}
  .hero-dock .button{min-height:46px;width:100%;padding:11px 8px;font-size:.72rem;line-height:1.1;letter-spacing:.025em;border-radius:9px}
  .hero-dock .button-light{background:#fff}
  .logo-marquee{padding:11px 0}
  .logo-item{width:152px;padding:5px 12px;gap:9px}
  .logo-item img{width:32px;height:32px}
  .logo-item span{font-size:.9rem}
}

@media(max-width:390px){
  .brand img{width:138px}
  .hero-v9{min-height:660px;background-position:42% center}
  .hero-dock .button{font-size:.67rem}
}

/* V12 rewards alignment, complete member card, and 3D manufacturer gallery */
.member-number{position:absolute;right:28px;bottom:48px;display:grid;text-align:right;z-index:2}
.member-number span{font-size:.52rem;letter-spacing:.16em;color:#9fa3ab}
.member-number strong{font-size:.72rem;letter-spacing:.12em;color:#fff}
.loyalty-card{min-height:350px;aspect-ratio:auto}
.loyalty-card-top,.points-display,.progress-label,.progress-track,.loyalty-card-bottom{position:relative;z-index:2}
.reward-step{grid-template-columns:38px 86px 1fr}
.reward-step>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#17191d;color:#fff!important;font-size:.68rem}
.reward-step.featured>i{background:#e51b23}
.reward-step>b{white-space:nowrap}

.manufacturer-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0 52px;perspective:1400px}
.manufacturer-card{min-height:315px;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .4s;filter:drop-shadow(0 28px 28px #0007)}
.manufacturer-card:hover{transform:translateY(-12px) rotateX(4deg) rotateY(-4deg)}
.manufacturer-face{height:100%;padding:34px;border:1px solid #ffffff22;border-radius:22px;background:linear-gradient(145deg,#20242b,#0d0f13 70%);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}
.manufacturer-face:before{content:"";position:absolute;inset:-35% -10% auto auto;width:220px;height:220px;border-radius:50%;background:var(--brand-glow,#e51b23);opacity:.16;filter:blur(8px)}
.manufacturer-face:after{content:"";position:absolute;left:18px;right:18px;bottom:-18px;height:48px;border-radius:50%;background:#000;filter:blur(18px);opacity:.8;transform:translateZ(-30px)}
.manufacturer-logo{position:relative;z-index:1;min-height:72px;display:flex;align-items:center;font:900 2.7rem/1 "Barlow Condensed",sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 8px 24px #000}
.manufacturer-logo small{font-size:.46em;margin-right:6px;align-self:center}
.manufacturer-face>span{position:relative;z-index:1;color:#ff4b52;font:800 .78rem Inter;text-transform:uppercase;letter-spacing:.12em}
.manufacturer-face p{position:relative;z-index:1;font-size:.9rem;flex:1;margin:18px 0;color:#c9ccd2}
.manufacturer-face .text-link{position:relative;z-index:1}
.brand-gaf{--brand-glow:#d51f2b}.brand-iko{--brand-glow:#d92027}.brand-oc{--brand-glow:#e889b3}.brand-ct{--brand-glow:#2b8f77}.brand-tamko{--brand-glow:#df2027}.brand-atlas{--brand-glow:#2566a8}
.brand-iko .manufacturer-logo{font-style:italic}.brand-oc .manufacturer-logo{color:#f3a7c6}.brand-ct .manufacturer-logo{color:#42b795}.brand-atlas .manufacturer-logo{letter-spacing:.08em}

@media(min-width:901px){
 .rewards-grid{align-items:stretch}
 .loyalty-card-wrap{min-height:510px}
 .loyalty-card{width:min(100%,560px);min-height:370px}
}
@media(max-width:900px){.manufacturer-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .manufacturer-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-14px;padding:8px 14px 28px;scrollbar-width:none}
 .manufacturer-gallery::-webkit-scrollbar{display:none}
 .manufacturer-card{flex:0 0 82vw;min-height:300px;scroll-snap-align:center}
 .manufacturer-card:hover{transform:none}
 .reward-step{grid-template-columns:34px 72px 1fr;gap:10px;padding-inline:4px}
 .reward-step>i{width:28px;height:28px}
 .reward-step>b{font-size:1.35rem}
 .reward-step div strong{font-size:.88rem}
 .reward-step div span{font-size:.72rem}
 .loyalty-card{min-height:330px;padding:18px}
 .member-number{right:18px;bottom:42px}
 .loyalty-card-bottom{font-size:.5rem}
}

/* V13: self-contained manufacturer logos — no remote image dependencies */
.logo-item img{
  width:92px;
  height:44px;
  object-fit:contain;
  border-radius:9px;
  background:transparent;
  padding:0;
  box-shadow:0 5px 14px rgba(0,0,0,.14);
}
.logo-item{gap:14px;min-height:68px}
.logo-item span{font-size:.82rem;color:#25272b}
@media(max-width:600px){
  .logo-item{width:190px;gap:10px;padding-inline:14px}
  .logo-item img{width:84px;height:38px}
  .logo-item span{font-size:.78rem}
}

/* V14 — centered premium brand showroom + refined mobile navigation */
#brands .section-heading{
  max-width:1040px;
  margin:0 auto 64px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
#brands .section-heading .eyebrow{
  margin-bottom:20px;
}
#brands .section-heading h2{
  max-width:980px;
  text-wrap:balance;
}
#brands .section-heading p{
  max-width:760px;
  margin:24px auto 0;
  text-align:center;
  font-size:1.1rem;
}
#brands .manufacturer-gallery{
  margin-top:46px;
}

@media(max-width:620px){
  #brands.section{padding-top:82px}
  #brands .section-heading{margin-bottom:40px;padding-inline:4px}
  #brands .section-heading .eyebrow{font-size:.78rem;letter-spacing:.17em;margin-bottom:15px}
  #brands .section-heading h2{font-size:clamp(2.75rem,13vw,4.15rem);line-height:.92;max-width:100%}
  #brands .section-heading p{font-size:.94rem;line-height:1.58;margin-top:20px;max-width:94%}

  .site-header{
    height:70px;
    top:30px;
    left:14px;
    right:14px;
    padding:0 14px;
    border-radius:16px;
  }
  .brand img{width:136px;max-height:64px}
  .nav-toggle{font-size:1.45rem}
  .hero-v9{padding-top:0}
}

/* V15 — left-to-right rotating collection cards */
.manufacturer-gallery{position:relative;isolation:isolate}
.manufacturer-card{
  --rx:0deg;
  --ry:0deg;
  --lift:0px;
  --scale:1;
  transform:perspective(1100px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale));
  will-change:transform;
  transition:transform .18s ease-out,filter .28s ease,opacity .28s ease;
}
.manufacturer-card:hover{
  transform:perspective(1100px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale));
  filter:drop-shadow(0 34px 36px #0009) drop-shadow(0 0 22px #e51b2330);
}
.manufacturer-card.is-idle-rotating{animation:collection-sway 5.5s ease-in-out infinite}
.manufacturer-card:nth-child(2n).is-idle-rotating{animation-delay:-2.75s}
.manufacturer-face:before{transition:opacity .25s ease,transform .25s ease}
.manufacturer-card:hover .manufacturer-face:before{opacity:.27;transform:translate3d(-8px,6px,0) scale(1.08)}
.manufacturer-face .shine{
  position:absolute;inset:-35% auto -35% -70%;width:42%;z-index:2;pointer-events:none;
  background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.03) 35%,rgba(255,255,255,.24) 49%,rgba(255,255,255,.04) 62%,transparent 84%);
  transform:skewX(-14deg) translateX(var(--shine-x,0%));
  transition:transform .18s ease-out;
  mix-blend-mode:screen;
}
@keyframes collection-sway{
  0%,100%{transform:perspective(1100px) translateY(0) rotateX(1deg) rotateY(-6deg) scale(1)}
  50%{transform:perspective(1100px) translateY(-7px) rotateX(1deg) rotateY(6deg) scale(1.015)}
}
@media(max-width:620px){
  .manufacturer-gallery{padding-inline:9vw;gap:18px}
  .manufacturer-card{flex-basis:76vw;opacity:.66;--scale:.94;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .38s ease,filter .38s ease}
  .manufacturer-card.is-centered{opacity:1;--scale:1;--ry:0deg;--lift:-4px;filter:drop-shadow(0 28px 30px #0009) drop-shadow(0 0 18px #e51b2322)}
  .manufacturer-card.is-left{--ry:9deg;transform-origin:right center}
  .manufacturer-card.is-right{--ry:-9deg;transform-origin:left center}
  .manufacturer-card.is-idle-rotating{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .manufacturer-card,.manufacturer-card.is-idle-rotating{animation:none!important;transition:none!important;transform:none!important}
}

/* V17 — Centered State SmartMeasure™ presentation */
.smartmeasure-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  width:min(920px,100%);
  margin:0 auto 58px;
  text-align:center;
}
.smartmeasure-logo{
  display:block;
  width:clamp(220px,28vw,360px);
  max-width:100%;
  height:auto;
  margin:0 auto 28px;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.18));
}
.smartmeasure-head .eyebrow{
  margin:0 0 17px;
  text-align:center;
}
.smartmeasure-head h2{
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.smartmeasure-head p{
  max-width:800px;
  margin:24px auto 0;
  text-align:center;
  line-height:1.75;
}
.smartmeasure-divider{
  display:block;
  width:92px;
  height:4px;
  margin:30px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--red),transparent);
}
.measure-kicker{
  text-align:center;
}
@media(max-width:620px){
  .smartmeasure-head{margin-bottom:40px}
  .smartmeasure-logo{width:min(270px,82vw);margin-bottom:22px}
  .smartmeasure-head h2{font-size:clamp(2.7rem,13vw,4rem)}
  .smartmeasure-head p{font-size:.98rem;line-height:1.68;margin-top:20px}
  .smartmeasure-divider{margin-top:24px}
}

/* V18 — centered mobile navigation + premium full-screen drawer */
@media (max-width: 900px){
  .site-header{
    position:absolute;
    top:54px;
    left:50%;
    right:auto;
    width:min(88vw,680px);
    height:76px;
    margin:0;
    padding:0 22px;
    transform:translateX(-50%);
    justify-content:center;
    border:1px solid rgba(255,255,255,.26);
    border-radius:24px;
    background:linear-gradient(115deg,rgba(18,20,24,.66),rgba(54,22,23,.54));
    box-shadow:0 18px 50px rgba(0,0,0,.28);
    backdrop-filter:blur(18px) saturate(135%);
    -webkit-backdrop-filter:blur(18px) saturate(135%);
    overflow:visible;
  }
  .site-header .brand,
  .site-header > .button{display:none!important}
  .nav-toggle{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    margin:0;
    padding:0;
    border-radius:50%;
    font-size:1.8rem;
    line-height:1;
    position:relative;
    z-index:1002;
  }
  .site-header.open .nav-toggle{font-size:0}
  .site-header.open .nav-toggle::after{
    content:'×';
    font-size:2.35rem;
    font-weight:300;
    line-height:1;
  }
  .site-header nav,
  .site-header.open nav{
    position:fixed;
    inset:-54px auto auto 50%;
    width:100vw;
    height:100dvh;
    margin:0;
    padding:165px 28px 42px;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:12px;
    background:
      radial-gradient(circle at 50% 8%,rgba(229,27,35,.20),transparent 34%),
      linear-gradient(180deg,rgba(8,9,11,.985),rgba(13,14,18,.99));
    border:0;
    border-radius:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease;
    z-index:1000;
  }
  .site-header.open nav{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .site-header nav a{
    width:min(560px,100%);
    margin:0 auto;
    padding:19px 22px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.045);
    color:#fff;
    font:800 clamp(1.45rem,6vw,2rem) "Barlow Condensed",sans-serif;
    letter-spacing:.04em;
    text-align:center;
    text-transform:uppercase;
  }
  .site-header nav a:last-child{
    margin-top:8px;
    background:linear-gradient(135deg,var(--red),var(--red2));
    border-color:transparent;
  }
}
@media (max-width: 620px){
  .site-header{
    top:55px;
    width:calc(100vw - 32px);
    height:70px;
    padding:0 14px;
    border-radius:22px;
  }
  .nav-toggle{width:54px;height:54px;font-size:1.65rem}
  .site-header nav,.site-header.open nav{inset:-55px auto auto 50%;padding-top:150px}
}

/* V19 — working announcement ticker + auto-scrolling collection gallery */
.topline{
  display:block!important;
  overflow:hidden;
  white-space:nowrap;
  padding:0!important;
  position:relative;
}
.topline-track{
  display:flex;
  width:max-content;
  animation:topline-flow 18s linear infinite;
  will-change:transform;
}
.topline-group{
  display:flex;
  align-items:center;
  flex:none;
  min-width:max-content;
  height:100%;
}
.topline-group span{
  display:inline-flex!important;
  align-items:center;
  padding:0 clamp(24px,4vw,58px);
}
.topline-group i{font-style:normal;opacity:.55;font-size:.72rem}
.topline:hover .topline-track{animation-play-state:paused}
@keyframes topline-flow{to{transform:translateX(-50%)}}

.manufacturer-gallery{
  display:flex!important;
  grid-template-columns:none!important;
  gap:22px;
  overflow-x:auto!important;
  overflow-y:visible;
  scroll-snap-type:none!important;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:18px 14px 46px!important;
  margin-inline:-14px!important;
  cursor:grab;
}
.manufacturer-gallery:active{cursor:grabbing}
.manufacturer-gallery::-webkit-scrollbar{display:none}
.manufacturer-card{
  flex:0 0 clamp(290px,31vw,410px)!important;
  scroll-snap-align:none!important;
}
@media(max-width:620px){
  .topline-group span{padding:0 30px;font-size:.72rem}
  .manufacturer-gallery{padding-inline:8vw!important;gap:16px}
  .manufacturer-card{flex-basis:78vw!important}
}
@media(prefers-reduced-motion:reduce){
  .topline-track{animation-duration:40s}
}

/* V20 — animated Brand Showroom signature */
#brands .section-heading .eyebrow{
  position:relative;
  display:inline-block;
  overflow:hidden;
  color:#ff3b43;
  text-shadow:0 0 0 rgba(229,27,35,0);
  animation:brand-showroom-rise .9s cubic-bezier(.2,.8,.2,1) both,
            brand-showroom-glow 3.8s ease-in-out 1.15s infinite;
}
#brands .section-heading .eyebrow::before{
  content:"";
  position:absolute;
  inset:-30% auto -30% -45%;
  width:32%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.9),transparent);
  transform:skewX(-18deg);
  animation:brand-showroom-sweep 3.8s ease-in-out 1.25s infinite;
  pointer-events:none;
  mix-blend-mode:screen;
}
#brands .section-heading .eyebrow::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#e51b23,#ff646a,#e51b23,transparent);
  transform:translateX(-50%);
  box-shadow:0 0 14px rgba(229,27,35,.6);
  animation:brand-showroom-line 1.1s cubic-bezier(.2,.8,.2,1) .35s forwards;
}
@keyframes brand-showroom-rise{
  0%{opacity:0;transform:translateY(18px) scale(.96);letter-spacing:.32em;filter:blur(5px)}
  65%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);letter-spacing:.2em;filter:blur(0)}
}
@keyframes brand-showroom-glow{
  0%,100%{text-shadow:0 0 0 rgba(229,27,35,0)}
  45%,55%{text-shadow:0 0 10px rgba(229,27,35,.45),0 0 24px rgba(229,27,35,.2)}
}
@keyframes brand-showroom-sweep{
  0%,22%{left:-45%;opacity:0}
  32%{opacity:1}
  52%{left:118%;opacity:.9}
  60%,100%{left:118%;opacity:0}
}
@keyframes brand-showroom-line{
  from{width:0;opacity:0}
  to{width:min(210px,82%);opacity:1}
}
@media(max-width:620px){
  #brands .section-heading .eyebrow::after{bottom:-7px;height:1.5px}
}
@media(prefers-reduced-motion:reduce){
  #brands .section-heading .eyebrow,
  #brands .section-heading .eyebrow::before,
  #brands .section-heading .eyebrow::after{animation:none!important}
  #brands .section-heading .eyebrow::after{width:min(210px,82%)}
}

/* V21 — next-level motion system */
:root{--motion-spring:cubic-bezier(.16,1,.3,1)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:linear-gradient(115deg,transparent 0 43%,rgba(255,255,255,.025) 48%,transparent 53%);transform:translateX(-120%);animation:site-sheen 11s ease-in-out infinite}
@keyframes site-sheen{0%,72%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}

/* hero depth */
.hero-premium{background-attachment:fixed;isolation:isolate}
.hero-premium::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 26%,rgba(255,126,72,.16),transparent 34%),linear-gradient(180deg,rgba(6,7,9,.05),rgba(6,7,9,.36));animation:hero-breathe 8s ease-in-out infinite alternate;pointer-events:none}
.hero-premium .hero-dock,.hero-premium .hero-scroll-v9{z-index:2}
@keyframes hero-breathe{from{opacity:.72;transform:scale(1)}to{opacity:1;transform:scale(1.035)}}
.hero-dock{animation:dock-float 4.8s ease-in-out infinite;transform-origin:center}
@keyframes dock-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.live-dot{box-shadow:0 0 0 0 rgba(229,27,35,.55);animation:live-pulse 2s infinite}
@keyframes live-pulse{70%{box-shadow:0 0 0 13px rgba(229,27,35,0)}100%{box-shadow:0 0 0 0 rgba(229,27,35,0)}}

/* animated showroom title sequence */
#brands .section-heading{position:relative}
#brands .section-heading::before{content:"";position:absolute;left:50%;top:-44px;width:1px;height:30px;background:linear-gradient(transparent,var(--red));transform:scaleY(0);transform-origin:bottom;transition:1s var(--motion-spring) .05s}
#brands .section-heading.visible::before{transform:scaleY(1)}
#brands .section-heading .eyebrow{filter:drop-shadow(0 0 12px rgba(229,27,35,.22))}
#brands .section-heading h2{background:linear-gradient(90deg,#fff 0%,#fff 42%,#9ca0a8 50%,#fff 58%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-metal 7s linear infinite}
@keyframes title-metal{to{background-position:-220% center}}
#brands .section-heading p{transition:opacity .9s ease .22s,transform .9s var(--motion-spring) .22s;opacity:0;transform:translateY(18px)}
#brands .section-heading.visible p{opacity:1;transform:none}

/* logo marquee upgrade */
.logo-marquee{position:relative;overflow:hidden}
.logo-marquee::before,.logo-marquee::after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:3;pointer-events:none}
.logo-marquee::before{left:0;background:linear-gradient(90deg,#f4f2ed,transparent)}
.logo-marquee::after{right:0;background:linear-gradient(-90deg,#f4f2ed,transparent)}
.logo-item{transition:transform .45s var(--motion-spring),filter .45s ease,opacity .45s ease}
.logo-item:hover{transform:translateY(-5px) scale(1.08);filter:drop-shadow(0 12px 15px rgba(229,27,35,.18));z-index:2}

/* 3D cards enter in a wave */
.manufacturer-card{opacity:0;transform:translate3d(0,42px,0) rotateY(-10deg) scale(.94);transition:opacity .75s ease,transform .95s var(--motion-spring),filter .45s ease;transition-delay:calc(var(--card-index,0) * 85ms)}
.manufacturer-gallery.cards-visible .manufacturer-card{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1)}
.manufacturer-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 42%,transparent 62%);transform:translateX(-130%);transition:transform .9s ease;mix-blend-mode:screen}
.manufacturer-card:hover::after{transform:translateX(130%)}
.manufacturer-card:hover{filter:drop-shadow(0 24px 36px rgba(229,27,35,.22))}

/* premium section reveals */
.section-heading.reveal{transform:translateY(42px) scale(.985);filter:blur(8px);transition:opacity .9s ease,transform 1s var(--motion-spring),filter .8s ease}
.section-heading.reveal.visible{transform:none;filter:blur(0)}
.reveal.visible .button,.reveal.visible button.button{animation:button-pop .75s var(--motion-spring) both}
@keyframes button-pop{0%{transform:translateY(14px) scale(.96);opacity:0}100%{transform:none;opacity:1}}
.button{position:relative;overflow:hidden}
.button::after{content:"";position:absolute;inset:-45% auto -45% -35%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.44),transparent);transform:skewX(-18deg);transition:left .65s ease}
.button:hover::after{left:120%}

/* subtle scroll progress */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),#ff6b70);z-index:10000;box-shadow:0 0 12px rgba(229,27,35,.65)}

@media(max-width:900px){.hero-premium{background-attachment:scroll}.hero-dock{animation:dock-float-mobile 5s ease-in-out infinite}@keyframes dock-float-mobile{50%{transform:translateY(-4px)}}}
@media(prefers-reduced-motion:reduce){body::before,.hero-premium::before,.hero-dock,.live-dot,#brands .section-heading h2{animation:none!important}.manufacturer-card{opacity:1;transform:none;transition:none}.scroll-progress{display:none}}


/* V22 — continuously rotating manufacturer collection */
.manufacturer-gallery{mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.manufacturer-card .text-link{position:relative;overflow:hidden;isolation:isolate}
.manufacturer-card .text-link::after{content:"";position:absolute;left:-45%;top:0;width:32%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transform:skewX(-20deg);animation:explore-button-sweep 3.8s ease-in-out infinite;pointer-events:none}
.manufacturer-card:nth-child(2n) .text-link::after{animation-delay:-1.2s}
.manufacturer-card:nth-child(3n) .text-link::after{animation-delay:-2.4s}
@keyframes explore-button-sweep{0%,55%{left:-45%;opacity:0}62%{opacity:1}82%{left:118%;opacity:1}100%{left:118%;opacity:0}}
@media(prefers-reduced-motion:reduce){.manufacturer-card .text-link::after{animation:none}}

/* V23 — distinct individual auto-scrolling manufacturer cards */
#brands .manufacturer-gallery{
  width:100%;
  max-width:none;
  margin:38px 0 58px!important;
  padding:24px 18px 50px!important;
  gap:28px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  align-items:stretch;
}
#brands .manufacturer-gallery::before,
#brands .manufacturer-gallery::after{display:none!important}
#brands .manufacturer-card{
  flex:0 0 clamp(300px,29vw,390px)!important;
  min-width:clamp(300px,29vw,390px)!important;
  min-height:330px;
  border-radius:24px;
  overflow:visible;
  background:transparent!important;
  box-shadow:none!important;
  filter:none;
  opacity:1;
}
#brands .manufacturer-face{
  height:100%;
  min-height:330px;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(38,42,49,.98),rgba(13,15,19,.98) 72%)!important;
  box-shadow:0 22px 45px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset!important;
  transform:translateZ(0);
}
#brands .manufacturer-card:nth-child(even) .manufacturer-face{transform:translateY(10px)}
#brands .manufacturer-card:hover .manufacturer-face{
  transform:translateY(-8px) scale(1.015);
  border-color:rgba(229,27,35,.64)!important;
  box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 30px rgba(229,27,35,.16)!important;
}
#brands .manufacturer-card:nth-child(even):hover .manufacturer-face{transform:translateY(-8px) scale(1.015)}
#brands .manufacturer-face::after{opacity:.42!important;left:34px!important;right:34px!important;bottom:-22px!important}
#brands .manufacturer-logo{font-size:clamp(2.2rem,3vw,2.85rem)}
#brands .manufacturer-face .text-link{
  display:inline-flex;
  width:auto;
  max-width:100%;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.055);
}
@media(max-width:900px){
  #brands .manufacturer-gallery{gap:20px!important;padding-inline:22px!important}
  #brands .manufacturer-card{flex-basis:340px!important;min-width:340px!important}
}
@media(max-width:620px){
  #brands .manufacturer-gallery{
    margin-inline:-14px!important;
    width:calc(100% + 28px);
    gap:18px!important;
    padding:18px 9vw 42px!important;
  }
  #brands .manufacturer-card{
    flex:0 0 78vw!important;
    min-width:78vw!important;
    min-height:315px;
  }
  #brands .manufacturer-face{min-height:315px;padding:28px 24px}
  #brands .manufacturer-card:nth-child(even) .manufacturer-face{transform:none}
}


/* V24 — Centered, discount-led animated State Rewards introduction */
.rewards-v2{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.rewards-v2::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(720px,82vw);
  height:380px;
  left:50%;
  top:14px;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(229,27,35,.16) 0%,rgba(229,27,35,.055) 38%,transparent 72%);
  filter:blur(14px);
  animation:rewards-ambient 5.5s ease-in-out infinite;
  pointer-events:none;
}
.rewards-heading{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  max-width:980px;
  margin:0 auto 58px;
  gap:0;
  position:relative;
}
.rewards-heading .eyebrow{
  margin:0 0 18px;
  animation:rewards-kicker 3.4s ease-in-out infinite;
}
.rewards-heading h2{
  max-width:900px;
  margin-inline:auto;
  background:linear-gradient(100deg,#fff 0%,#fff 34%,#ff8489 48%,#fff 62%,#fff 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:rewards-title-sheen 5.8s linear infinite;
}
.rewards-heading h2::after{
  content:"";
  display:block;
  width:88px;
  height:3px;
  margin:24px auto 0;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--red),#ff656b,var(--red),transparent);
  box-shadow:0 0 24px rgba(229,27,35,.65);
  animation:rewards-line 2.8s ease-in-out infinite;
}
.rewards-heading p{
  max-width:790px;
  margin:22px auto 0;
  text-align:center;
  font-size:clamp(1rem,1.45vw,1.16rem);
  line-height:1.75;
  color:#d1d3d8;
}
.rewards-heading.visible .eyebrow{animation:rewards-intro-up .65s both,rewards-kicker 3.4s .65s ease-in-out infinite}
.rewards-heading.visible h2{animation:rewards-intro-up .8s .1s both,rewards-title-sheen 5.8s .9s linear infinite}
.rewards-heading.visible p{animation:rewards-intro-up .8s .24s both}
.rewards-grid .reveal.visible{
  animation:rewards-card-enter .82s cubic-bezier(.2,.8,.2,1) both;
}
.rewards-grid .reveal:nth-child(2).visible{animation-delay:.12s}
.rewards-grid .reveal:nth-child(3).visible{animation-delay:.24s}
@keyframes rewards-intro-up{
  from{opacity:0;transform:translateY(26px) scale(.985);filter:blur(7px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes rewards-title-sheen{to{background-position:-230% 0}}
@keyframes rewards-line{
  0%,100%{transform:scaleX(.72);opacity:.62}
  50%{transform:scaleX(1.22);opacity:1}
}
@keyframes rewards-kicker{
  0%,100%{text-shadow:0 0 0 rgba(229,27,35,0)}
  50%{text-shadow:0 0 22px rgba(229,27,35,.72)}
}
@keyframes rewards-ambient{
  0%,100%{opacity:.65;transform:translateX(-50%) scale(.94)}
  50%{opacity:1;transform:translateX(-50%) scale(1.08)}
}
@keyframes rewards-card-enter{
  from{opacity:0;transform:translateY(38px) scale(.965);filter:blur(6px)}
  to{opacity:1;transform:none;filter:none}
}
@media(max-width:620px){
  .rewards-heading{margin-bottom:40px;padding-inline:8px}
  .rewards-heading h2{font-size:clamp(2.65rem,13vw,4rem);line-height:.96}
  .rewards-heading p{font-size:.98rem;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){
  .rewards-v2::before,.rewards-heading .eyebrow,.rewards-heading h2,.rewards-heading h2::after,.rewards-heading.visible .eyebrow,.rewards-heading.visible h2,.rewards-heading.visible p,.rewards-grid .reveal.visible{animation:none !important}
}

/* V25 — rewards member card layout + high-energy animation */
.member-number{
  right:28px;
  top:142px;
  bottom:auto;
  min-width:178px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(8,10,14,.42);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  text-align:right;
}
.member-number span{display:block;margin-bottom:4px}
.member-number strong{display:block;line-height:1.15;white-space:nowrap}

.loyalty-card-wrap.visible .loyalty-card{
  animation:
    member-card-fly-in 1.05s cubic-bezier(.16,.88,.2,1.08) both,
    member-card-shake .64s 1.08s cubic-bezier(.36,.07,.19,.97) both,
    member-card-pulse 2.6s 1.85s ease-in-out infinite;
  transform-origin:center;
  will-change:transform,filter,box-shadow;
}
.loyalty-card-wrap.visible .loyalty-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:25px;
  padding:2px;
  background:linear-gradient(115deg,transparent 8%,rgba(255,255,255,.88) 22%,#ff2d36 38%,transparent 56%);
  background-size:240% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  z-index:4;
  pointer-events:none;
  animation:member-card-border-sweep 3.2s 1.9s linear infinite;
}
.loyalty-card-wrap.visible::before{
  content:"";
  position:absolute;
  width:min(520px,78vw);
  height:130px;
  left:50%;
  top:54%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(229,27,35,.42),rgba(229,27,35,0) 68%);
  filter:blur(24px);
  pointer-events:none;
  animation:member-card-floor-glow 2.6s ease-in-out infinite;
}
.loyalty-card-wrap{position:relative;overflow:hidden}
.loyalty-card-wrap > *{position:relative;z-index:1}
.points-display strong{animation:points-breathe 2.4s ease-in-out infinite}
.progress-track i{position:relative;overflow:visible;animation:progress-charge 2.5s ease-in-out infinite}
.progress-track i::after{
  content:"";
  position:absolute;
  right:-4px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fff;
  transform:translateY(-50%);
  box-shadow:0 0 14px #fff,0 0 28px #ff2b33;
  animation:progress-spark 1.4s ease-in-out infinite;
}

@keyframes member-card-fly-in{
  0%{opacity:0;transform:translate3d(-130px,54px,0) rotate(-10deg) scale(.76);filter:blur(12px) brightness(.7)}
  58%{opacity:1;transform:translate3d(18px,-8px,0) rotate(2.4deg) scale(1.035);filter:blur(0) brightness(1.1)}
  78%{transform:translate3d(-8px,3px,0) rotate(-1.2deg) scale(.99)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1);filter:none}
}
@keyframes member-card-shake{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  15%{transform:translate3d(-7px,0,0) rotate(-.8deg)}
  30%{transform:translate3d(7px,0,0) rotate(.8deg)}
  45%{transform:translate3d(-5px,0,0) rotate(-.5deg)}
  60%{transform:translate3d(5px,0,0) rotate(.5deg)}
  75%{transform:translate3d(-2px,0,0) rotate(-.2deg)}
}
@keyframes member-card-pulse{
  0%,100%{transform:translateZ(0) scale(1);box-shadow:0 35px 70px #0008,0 0 0 rgba(229,27,35,0)}
  50%{transform:translateZ(0) scale(1.018);box-shadow:0 42px 82px #000b,0 0 38px rgba(229,27,35,.42)}
}
@keyframes member-card-border-sweep{to{background-position:-240% 0}}
@keyframes member-card-floor-glow{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}}
@keyframes points-breathe{0%,100%{text-shadow:0 0 0 rgba(255,255,255,0)}50%{text-shadow:0 0 18px rgba(255,255,255,.32),0 0 30px rgba(229,27,35,.2)}}
@keyframes progress-charge{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.35) drop-shadow(0 0 8px rgba(255,49,58,.7))}}
@keyframes progress-spark{0%,100%{transform:translateY(-50%) scale(.72);opacity:.65}50%{transform:translateY(-50%) scale(1.25);opacity:1}}

@media(max-width:620px){
  .member-number{
    top:148px;
    right:16px;
    min-width:156px;
    padding:8px 10px;
  }
  .member-number span{font-size:.47rem}
  .member-number strong{font-size:.62rem;letter-spacing:.09em}
  .loyalty-card-wrap.visible .loyalty-card{
    animation:
      member-card-fly-in-mobile .92s cubic-bezier(.16,.88,.2,1.08) both,
      member-card-shake .58s .96s cubic-bezier(.36,.07,.19,.97) both,
      member-card-pulse-mobile 2.8s 1.65s ease-in-out infinite;
  }
}
@keyframes member-card-fly-in-mobile{
  0%{opacity:0;transform:translate3d(-86px,38px,0) rotate(-7deg) scale(.82);filter:blur(9px)}
  62%{opacity:1;transform:translate3d(10px,-5px,0) rotate(1.5deg) scale(1.025);filter:none}
  82%{transform:translate3d(-4px,2px,0) rotate(-.5deg) scale(.995)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes member-card-pulse-mobile{
  0%,100%{transform:scale(1);box-shadow:0 28px 58px #0008,0 0 0 rgba(229,27,35,0)}
  50%{transform:scale(1.01);box-shadow:0 34px 68px #000a,0 0 24px rgba(229,27,35,.34)}
}

@media(prefers-reduced-motion:reduce){
  .loyalty-card-wrap.visible .loyalty-card,
  .loyalty-card-wrap.visible .loyalty-card::before,
  .loyalty-card-wrap.visible::before,
  .points-display strong,
  .progress-track i,
  .progress-track i::after{animation:none!important}
}

/* V26 — Reward Path kinetic title */
.reward-path-head > span{
  position:relative;
  display:inline-block;
  transform-origin:center bottom;
  animation:rewardPathBounce 2.15s cubic-bezier(.34,1.56,.64,1) infinite;
  will-change:transform,filter;
  text-shadow:0 0 0 rgba(229,27,35,0);
}
.reward-path-head > span::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:62%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#e51b23,transparent);
  transform:translateX(-50%) scaleX(.55);
  opacity:.45;
  animation:rewardPathUnderline 2.15s ease-in-out infinite;
}
.reward-path:hover .reward-path-head > span,
.reward-path:focus-within .reward-path-head > span{
  animation-duration:1.25s;
}
@keyframes rewardPathBounce{
  0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(229,27,35,0))}
  12%{transform:translateY(-7px) scale(1.035,.97)}
  24%{transform:translateY(0) scale(.985,1.025)}
  34%{transform:translateY(-3px) scale(1.012,.99)}
  44%{transform:translateY(0) scale(1);filter:drop-shadow(0 8px 10px rgba(229,27,35,.16))}
  72%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(229,27,35,0))}
}
@keyframes rewardPathUnderline{
  0%,100%{transform:translateX(-50%) scaleX(.55);opacity:.35}
  18%{transform:translateX(-50%) scaleX(1);opacity:1;box-shadow:0 0 16px rgba(229,27,35,.6)}
  42%{transform:translateX(-50%) scaleX(.7);opacity:.55}
}
@media(max-width:620px){
  .reward-path-head > span{animation-duration:2.35s}
  .reward-path-head > span::after{bottom:-7px;height:2px}
}
@media(prefers-reduced-motion:reduce){
  .reward-path-head > span,
  .reward-path-head > span::after{animation:none!important;transform:none!important}
}

/* V27 — remove card glare + energetic individual card bounce */
#brands .manufacturer-card::after,
#brands .manufacturer-face .shine,
#brands .manufacturer-card .shine{
  display:none!important;
  content:none!important;
  opacity:0!important;
  background:none!important;
}

#brands .manufacturer-card .manufacturer-face{
  animation:manufacturer-card-bounce 3.2s cubic-bezier(.45,.05,.35,1) infinite;
  will-change:transform,box-shadow;
}
#brands .manufacturer-card:nth-child(2) .manufacturer-face{animation-delay:-.55s}
#brands .manufacturer-card:nth-child(3) .manufacturer-face{animation-delay:-1.1s}
#brands .manufacturer-card:nth-child(4) .manufacturer-face{animation-delay:-1.65s}
#brands .manufacturer-card:nth-child(5) .manufacturer-face{animation-delay:-2.2s}
#brands .manufacturer-card:nth-child(6) .manufacturer-face{animation-delay:-2.75s}

@keyframes manufacturer-card-bounce{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
    box-shadow:0 22px 45px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset!important;
  }
  42%{
    transform:translate3d(0,-15px,0) scale(1.012);
    box-shadow:0 34px 58px rgba(0,0,0,.55),0 0 28px rgba(229,27,35,.12),0 0 0 1px rgba(255,255,255,.035) inset!important;
  }
  58%{
    transform:translate3d(0,-15px,0) scale(1.012);
  }
  76%{
    transform:translate3d(0,3px,0) scale(.997);
  }
}

#brands .manufacturer-card:hover .manufacturer-face,
#brands .manufacturer-card:focus-within .manufacturer-face{
  animation-play-state:paused;
  transform:translate3d(0,-18px,0) scale(1.025)!important;
  border-color:rgba(229,27,35,.75)!important;
  box-shadow:0 38px 70px rgba(0,0,0,.6),0 0 34px rgba(229,27,35,.22)!important;
}

@media(max-width:620px){
  #brands .manufacturer-card .manufacturer-face{animation-duration:2.85s}
  @keyframes manufacturer-card-bounce{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    45%{transform:translate3d(0,-10px,0) scale(1.008)}
    72%{transform:translate3d(0,2px,0) scale(.998)}
  }
}

@media(prefers-reduced-motion:reduce){
  #brands .manufacturer-card .manufacturer-face{animation:none!important}
}

/* V28 — Next-level Brand Showroom + State SmartMeasure motion */
#brands,
.smartmeasure{position:relative;isolation:isolate;overflow:hidden}
#brands::before,
.smartmeasure::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;
  background:
    radial-gradient(circle at 18% 24%,rgba(229,27,35,.16),transparent 25%),
    radial-gradient(circle at 82% 70%,rgba(255,255,255,.055),transparent 24%);
  animation:section-aurora 10s ease-in-out infinite alternate;
}
#brands::after,
.smartmeasure::after{
  content:"";position:absolute;inset:-35%;pointer-events:none;z-index:-1;opacity:.42;
  background:linear-gradient(115deg,transparent 38%,rgba(229,27,35,.09) 49%,rgba(255,255,255,.04) 52%,transparent 62%);
  transform:translateX(-38%) rotate(4deg);
  animation:section-light-sweep 9s ease-in-out infinite;
}
@keyframes section-aurora{to{transform:scale(1.08) translate3d(2%,-1%,0);filter:saturate(1.22)}}
@keyframes section-light-sweep{0%,25%{transform:translateX(-45%) rotate(4deg);opacity:0}45%{opacity:.5}75%,100%{transform:translateX(45%) rotate(4deg);opacity:0}}

/* showroom title: kinetic reveal + pulse */
#brands .section-heading{perspective:900px}
#brands .section-heading .eyebrow{
  display:inline-block;animation:showroom-eyebrow-float 3s ease-in-out infinite;
  text-shadow:0 0 18px rgba(229,27,35,.38);
}
#brands .section-heading h2{
  transform-origin:center bottom;
  background:linear-gradient(100deg,#fff 0%,#fff 38%,#ff6269 49%,#fff 60%,#fff 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:showroom-headline-shine 5.2s linear infinite,showroom-headline-breathe 3.4s ease-in-out infinite;
}
#brands .section-heading p{animation:showroom-copy-float 4s ease-in-out infinite}
@keyframes showroom-eyebrow-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.035)}}
@keyframes showroom-headline-shine{to{background-position:-240% 0}}
@keyframes showroom-headline-breathe{0%,100%{filter:drop-shadow(0 0 0 rgba(229,27,35,0));transform:scale(1)}50%{filter:drop-shadow(0 10px 28px rgba(229,27,35,.14));transform:scale(1.012)}}
@keyframes showroom-copy-float{0%,100%{transform:translateY(0);opacity:.82}50%{transform:translateY(-4px);opacity:1}}

/* warehouse showcase moves like a cinematic window */
#brands .brand-showcase{transform-style:preserve-3d;animation:showcase-hover 5.5s ease-in-out infinite;box-shadow:0 28px 70px rgba(0,0,0,.42)}
#brands .brand-showcase img{animation:showcase-image-pan 12s ease-in-out infinite alternate;will-change:transform,filter}
#brands .brand-showcase > div{animation:showcase-panel-float 4.6s ease-in-out infinite;backdrop-filter:blur(16px)}
@keyframes showcase-hover{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-8px) rotateX(.7deg)}}
@keyframes showcase-image-pan{0%{transform:scale(1.04) translateX(-1%);filter:brightness(.9)}100%{transform:scale(1.11) translateX(2%);filter:brightness(1.05)}}
@keyframes showcase-panel-float{0%,100%{transform:translateZ(0)}50%{transform:translateZ(18px) translateY(-5px)}}

/* smartmeasure branded launch sequence */
.smartmeasure-head{perspective:1100px}
.smartmeasure-head .smartmeasure-logo{
  animation:smart-logo-orbit 5.5s ease-in-out infinite;
  filter:drop-shadow(0 20px 36px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(229,27,35,.14));
}
.smartmeasure-head .eyebrow{display:inline-block;animation:smart-eyebrow-pulse 2.8s ease-in-out infinite}
.smartmeasure-head h2{
  background:linear-gradient(100deg,#fff 0%,#fff 40%,#ef2b35 50%,#fff 60%,#fff 100%);
  background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:smart-heading-scan 5s linear infinite,smart-heading-float 3.8s ease-in-out infinite;
}
.smartmeasure-head p{animation:smart-copy-breathe 4.2s ease-in-out infinite}
.smartmeasure-divider{animation:smart-divider-charge 2.5s ease-in-out infinite;transform-origin:center;box-shadow:0 0 14px rgba(229,27,35,.55)}
@keyframes smart-logo-orbit{0%,100%{transform:translateY(0) rotateY(0) scale(1)}30%{transform:translateY(-10px) rotateY(-4deg) scale(1.025)}65%{transform:translateY(-4px) rotateY(4deg) scale(1.01)}}
@keyframes smart-eyebrow-pulse{0%,100%{letter-spacing:.22em;text-shadow:0 0 0 rgba(229,27,35,0)}50%{letter-spacing:.28em;text-shadow:0 0 20px rgba(229,27,35,.52)}}
@keyframes smart-heading-scan{to{background-position:-260% 0}}
@keyframes smart-heading-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes smart-copy-breathe{0%,100%{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.006)}}
@keyframes smart-divider-charge{0%,100%{transform:scaleX(.45);opacity:.45}50%{transform:scaleX(1.25);opacity:1}}

.smartmeasure-shell{perspective:1400px}
.smartmeasure-shell.v28-live .measure-rail{animation:rail-launch .9s cubic-bezier(.16,1,.3,1) both}
.smartmeasure-shell.v28-live .calculator-card{animation:calculator-launch 1.05s .12s cubic-bezier(.16,1,.3,1) both}
@keyframes rail-launch{from{opacity:0;transform:translate3d(-90px,35px,-120px) rotateY(12deg)}to{opacity:1;transform:none}}
@keyframes calculator-launch{from{opacity:0;transform:translate3d(90px,45px,-150px) rotateY(-10deg) scale(.94)}to{opacity:1;transform:none}}

.measure-rail{position:relative;overflow:hidden}
.measure-rail::after{content:"";position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(229,27,35,.13) 50%,transparent 60%);animation:rail-scan 5.8s linear infinite}
@keyframes rail-scan{to{transform:translateX(70%)}}
.measure-stage{animation:measure-stage-bob 3.2s ease-in-out infinite}
.measure-stage:nth-child(3){animation-delay:-.65s}.measure-stage:nth-child(4){animation-delay:-1.3s}
@keyframes measure-stage-bob{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
.measure-stage.active b{animation:stage-number-pulse 1.7s ease-in-out infinite}
@keyframes stage-number-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(229,27,35,0)}50%{transform:scale(1.13);box-shadow:0 0 24px rgba(229,27,35,.42)}}

.calculator-card{position:relative;overflow:hidden}
.calculator-card::after{content:"";position:absolute;inset:-50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 78%,rgba(229,27,35,.13) 84%,transparent 91%);animation:calculator-orbit 8s linear infinite;z-index:0}
.calculator-card > *{position:relative;z-index:1}
@keyframes calculator-orbit{to{transform:rotate(360deg)}}
.calculator-topbar em{animation:appointment-ready-pulse 1.8s ease-in-out infinite}
@keyframes appointment-ready-pulse{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.045);text-shadow:0 0 14px rgba(229,27,35,.45)}}

@media(max-width:700px){
  #brands::after,.smartmeasure::after{animation-duration:12s;opacity:.28}
  #brands .brand-showcase{animation-duration:6.5s}
  .smartmeasure-head .smartmeasure-logo{animation-duration:6.5s}
  .smartmeasure-shell.v28-live .measure-rail,.smartmeasure-shell.v28-live .calculator-card{animation-duration:.8s}
}
@media(prefers-reduced-motion:reduce){
  #brands::before,#brands::after,.smartmeasure::before,.smartmeasure::after,
  #brands .section-heading .eyebrow,#brands .section-heading h2,#brands .section-heading p,
  #brands .brand-showcase,#brands .brand-showcase img,#brands .brand-showcase>div,
  .smartmeasure-head .smartmeasure-logo,.smartmeasure-head .eyebrow,.smartmeasure-head h2,.smartmeasure-head p,.smartmeasure-divider,
  .smartmeasure-shell.v28-live .measure-rail,.smartmeasure-shell.v28-live .calculator-card,
  .measure-rail::after,.measure-stage,.measure-stage.active b,.calculator-card::after,.calculator-topbar em{animation:none!important;transform:none!important}
}

/* ===== V29: FULL-SITE MOTION + CTA ENERGY ===== */
:root{--srs-red:#ef2636;--srs-glow:rgba(239,38,54,.52);--srs-glow-soft:rgba(239,38,54,.18)}

/* Ambient section movement */
main > section{position:relative;isolation:isolate;overflow:hidden}
main > section::before,
main > section::after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(54px);opacity:0;transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
main > section::before{width:32rem;height:14rem;left:-10rem;top:10%;background:radial-gradient(circle,var(--srs-glow-soft),transparent 68%);transform:translate3d(-8%,20px,0) scale(.8)}
main > section::after{width:26rem;height:12rem;right:-8rem;bottom:8%;background:radial-gradient(circle,rgba(239,38,54,.13),transparent 70%);transform:translate3d(8%,-15px,0) scale(.85)}
main > section.section-active::before,main > section.section-active::after{opacity:1;transform:translate3d(0,0,0) scale(1)}
main > section.section-active::before{animation:sectionAuraA 7s ease-in-out infinite alternate}
main > section.section-active::after{animation:sectionAuraB 8s ease-in-out infinite alternate}
@keyframes sectionAuraA{to{transform:translate3d(13vw,18px,0) scale(1.12)}}
@keyframes sectionAuraB{to{transform:translate3d(-10vw,-15px,0) scale(1.08)}}

/* Universal CTA animation */
.button,.text-link,.nav-links a,.mobile-menu a,.hero-cta-dock a{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);will-change:transform,filter,box-shadow}
.button::before,.text-link::before,.nav-links a::before,.mobile-menu a::before,.hero-cta-dock a::before{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0 22%,rgba(255,255,255,.34) 30%,var(--srs-red) 42%,transparent 55% 100%);opacity:0;animation:ctaOrbit 4.5s linear infinite}
.button::after,.text-link::after,.nav-links a::after,.mobile-menu a::after,.hero-cta-dock a::after{content:"";position:absolute;top:-90%;left:-45%;width:32%;height:280%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:rotate(18deg) translateX(-260%);animation:ctaSweep 4.2s ease-in-out infinite}
.button,.hero-cta-dock a{animation:ctaBreath 2.7s ease-in-out infinite;box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 rgba(239,38,54,0)}
.button:hover,.button:focus-visible,.text-link:hover,.text-link:focus-visible,.nav-links a:hover,.mobile-menu a:hover,.hero-cta-dock a:hover{transform:translateY(-5px) scale(1.025);filter:brightness(1.12);box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 34px var(--srs-glow)}
.button:hover::before,.button:focus-visible::before,.text-link:hover::before,.nav-links a:hover::before,.mobile-menu a:hover::before,.hero-cta-dock a:hover::before{opacity:.9}
.button:active,.text-link:active,.hero-cta-dock a:active{transform:translateY(1px) scale(.975)}
@keyframes ctaBreath{0%,100%{box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 rgba(239,38,54,0)}50%{box-shadow:0 18px 38px rgba(0,0,0,.34),0 0 25px rgba(239,38,54,.35)}}
@keyframes ctaOrbit{to{transform:rotate(360deg)}}
@keyframes ctaSweep{0%,58%{transform:rotate(18deg) translateX(-280%)}78%,100%{transform:rotate(18deg) translateX(560%)}}

/* Red CTA back-glows */
.button:not(.button-light):not(.button-muted):not(.button-ghost){filter:drop-shadow(0 0 10px rgba(239,38,54,.2))}
.button:not(.button-light):not(.button-muted):not(.button-ghost):hover{filter:brightness(1.1) drop-shadow(0 0 20px var(--srs-glow))}
.text-link{animation:linkFloat 2.6s ease-in-out infinite}
.text-link:hover{color:#fff;text-shadow:0 0 18px var(--srs-glow)}
@keyframes linkFloat{50%{transform:translateY(-3px)}}

/* Section heading choreography */
.section-heading,.smartmeasure-header,.rewards-v2 .rewards-intro,.visit .visit-copy{transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .8s ease,filter .8s ease;transform:translateY(34px) scale(.97);opacity:.15;filter:blur(5px)}
.section-active .section-heading,.section-active .smartmeasure-header,.section-active.rewards-v2 .rewards-intro,.section-active.visit .visit-copy{transform:none;opacity:1;filter:none}
.section-active .eyebrow{animation:eyebrowPulse 2.8s ease-in-out infinite;text-shadow:0 0 16px rgba(239,38,54,.38)}
@keyframes eyebrowPulse{50%{letter-spacing:.22em;filter:brightness(1.35)}}

/* Cards: lift, glow, and subtle independent movement */
.brand-card,.manufacturer-card,.feature,.takeoff-panel,.calculator-shell,.reward-path,.member-card-wrap,.enroll-panel{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,filter .55s ease;will-change:transform}
.section-active .brand-card,.section-active .manufacturer-card,.section-active .feature,.section-active .takeoff-panel,.section-active .calculator-shell,.section-active .reward-path,.section-active .member-card-wrap,.section-active .enroll-panel{animation:cardLevitate 4.6s ease-in-out infinite}
.section-active .brand-card:nth-child(2n),.section-active .manufacturer-card:nth-child(2n),.section-active .feature:nth-child(2n){animation-delay:-1.3s}
.section-active .brand-card:nth-child(3n),.section-active .manufacturer-card:nth-child(3n){animation-delay:-2.2s}
.brand-card:hover,.manufacturer-card:hover,.feature:hover,.takeoff-panel:hover,.calculator-shell:hover,.reward-path:hover,.member-card-wrap:hover,.enroll-panel:hover{transform:translateY(-12px) scale(1.015)!important;box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 34px rgba(239,38,54,.2);filter:brightness(1.06)}
@keyframes cardLevitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* CTA attention ripple */
.button .cta-ripple{position:absolute;border-radius:999px;background:rgba(255,255,255,.42);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:ctaRipple .7s ease-out forwards}
@keyframes ctaRipple{to{transform:translate(-50%,-50%) scale(8);opacity:0}}

/* Scroll progress glow */
body::before{content:"";position:fixed;left:0;top:0;height:3px;width:var(--scroll-progress,0%);z-index:99999;background:linear-gradient(90deg,#ff3042,#fff,#ff3042);box-shadow:0 0 16px var(--srs-glow);transition:width .08s linear}

/* Mobile: preserve motion while keeping controls readable */
@media(max-width:700px){
  main > section::before{width:19rem;height:10rem;filter:blur(38px)}
  main > section::after{width:16rem;height:9rem;filter:blur(34px)}
  .button,.hero-cta-dock a{animation-duration:3.3s}
  .section-active .brand-card,.section-active .manufacturer-card,.section-active .feature,.section-active .takeoff-panel,.section-active .calculator-shell,.section-active .reward-path,.section-active .member-card-wrap,.section-active .enroll-panel{animation-name:cardLevitateMobile}
  @keyframes cardLevitateMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
}

@media(prefers-reduced-motion:reduce){
  main > section::before,main > section::after,.button,.text-link,.brand-card,.manufacturer-card,.feature,.takeoff-panel,.calculator-shell,.reward-path,.member-card-wrap,.enroll-panel,.eyebrow{animation:none!important;transition:none!important}
  .button::after,.text-link::after,.nav-links a::after,.mobile-menu a::after,.hero-cta-dock a::after{display:none}
}

/* ===== V30: MAXIMUM ENERGY — FLYING BUNDLES, LOGO BACKLIGHTS, HEAVY PULSE ===== */
.logo-backlight{position:relative;isolation:isolate}
.logo-backlight::before{content:"";position:absolute;left:50%;top:50%;width:125%;height:125%;transform:translate(-50%,-50%);z-index:-1;border-radius:38%;background:radial-gradient(circle,rgba(255,255,255,.2) 0,rgba(239,38,54,.48) 24%,rgba(239,38,54,.18) 49%,transparent 72%);filter:blur(24px);animation:logoBacklightPulse 1.45s ease-in-out infinite,logoBacklightDrift 4.8s ease-in-out infinite alternate;pointer-events:none}
.logo-backlight img[src*="logo"]{filter:drop-shadow(0 0 16px rgba(255,255,255,.18)) drop-shadow(0 0 26px rgba(239,38,54,.62));animation:logoPowerVibrate 1.8s ease-in-out infinite}
@keyframes logoBacklightPulse{0%,100%{opacity:.42;transform:translate(-50%,-50%) scale(.84)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}65%{opacity:.72;transform:translate(-50%,-50%) scale(.98)}}
@keyframes logoBacklightDrift{to{filter:blur(31px);margin-left:8px;margin-top:-6px}}
@keyframes logoPowerVibrate{0%,100%{transform:translate3d(0,0,0) rotate(0)}10%{transform:translate3d(-1px,1px,0) rotate(-.18deg)}20%{transform:translate3d(1px,-1px,0) rotate(.18deg)}30%{transform:translate3d(-1px,0,0)}40%{transform:translate3d(1px,1px,0)}50%{transform:translate3d(0,-1px,0)}60%{transform:translate3d(-1px,1px,0)}70%{transform:translate3d(1px,0,0)}80%{transform:translate3d(-1px,-1px,0)}90%{transform:translate3d(1px,1px,0)}}

/* Collection section: heavier pulse, vibration, and harder bounce */
#brands{animation:collectionSectionPulse 2.4s ease-in-out infinite}
#brands .section-heading{animation:collectionHeadingImpact 2.15s cubic-bezier(.22,1.55,.36,1) infinite}
#brands .manufacturer-card,#brands .brand-card{animation:collectionHardBounce 1.75s cubic-bezier(.2,.9,.28,1.35) infinite!important;transform-origin:center bottom;box-shadow:0 26px 60px rgba(0,0,0,.48),0 0 0 rgba(239,38,54,0)}
#brands .manufacturer-card:nth-child(2n),#brands .brand-card:nth-child(2n){animation-delay:-.38s!important}
#brands .manufacturer-card:nth-child(3n),#brands .brand-card:nth-child(3n){animation-delay:-.76s!important}
#brands .manufacturer-card:nth-child(4n),#brands .brand-card:nth-child(4n){animation-delay:-1.14s!important}
#brands .manufacturer-card:hover,#brands .brand-card:hover{animation:collectionHoverVibrate .18s linear infinite!important;box-shadow:0 34px 86px rgba(0,0,0,.58),0 0 48px rgba(239,38,54,.52)!important}
@keyframes collectionSectionPulse{0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 rgba(239,38,54,0)}50%{filter:brightness(1.045);box-shadow:inset 0 0 90px rgba(239,38,54,.08)}}
@keyframes collectionHeadingImpact{0%,100%{transform:translateY(0) scale(1)}42%{transform:translateY(-12px) scale(1.025)}52%{transform:translateY(3px) scale(.992)}63%{transform:translateY(-5px) scale(1.01)}}
@keyframes collectionHardBounce{0%,100%{transform:translateY(0) scale(1) rotateZ(0);box-shadow:0 24px 58px rgba(0,0,0,.44),0 0 0 rgba(239,38,54,0)}38%{transform:translateY(-24px) scale(1.025) rotateZ(-.35deg);box-shadow:0 44px 84px rgba(0,0,0,.56),0 0 36px rgba(239,38,54,.36)}52%{transform:translateY(5px) scale(.992) rotateZ(.25deg)}66%{transform:translateY(-10px) scale(1.012) rotateZ(-.12deg)}}
@keyframes collectionHoverVibrate{0%{transform:translateY(-16px) translateX(-2px) rotate(-.5deg) scale(1.04)}25%{transform:translateY(-17px) translateX(2px) rotate(.5deg) scale(1.045)}50%{transform:translateY(-15px) translateX(-1px) rotate(-.35deg) scale(1.04)}75%{transform:translateY(-18px) translateX(1px) rotate(.35deg) scale(1.045)}100%{transform:translateY(-16px) translateX(-2px) rotate(-.5deg) scale(1.04)}}

/* Flying entrance for major glass boxes */
.section-active .calculator-card,.section-active .loyalty-card-wrap,.section-active .reward-path,.section-active .visit-card,.section-active .measure-rail{animation:panelFlyImpact 1.05s cubic-bezier(.12,1.35,.3,1) both, panelPowerPulse 3s 1.1s ease-in-out infinite!important}
.section-active .reward-path{animation-delay:.12s,1.22s!important}
.section-active .visit-card{animation-delay:.18s,1.28s!important}
@keyframes panelFlyImpact{0%{opacity:0;transform:translate3d(var(--fly-x,-110px),85px,-180px) rotateY(14deg) scale(.72);filter:blur(9px)}72%{opacity:1;transform:translate3d(9px,-8px,0) rotateY(-2deg) scale(1.025);filter:blur(0)}86%{transform:translate3d(-4px,3px,0) rotateY(1deg) scale(.992)}100%{transform:none}}
@keyframes panelPowerPulse{0%,100%{box-shadow:0 24px 62px rgba(0,0,0,.42),0 0 0 rgba(239,38,54,0)}50%{box-shadow:0 34px 82px rgba(0,0,0,.52),0 0 38px rgba(239,38,54,.28)}}

/* CTA: stronger movement, glow and vibration on hover */
.button,.text-link,.hero-cta-dock a,.nav-links a,.mobile-menu a{animation-duration:1.9s!important}
.button:hover,.text-link:hover,.hero-cta-dock a:hover,.nav-links a:hover,.mobile-menu a:hover{animation:ctaHeavyVibrate .14s linear infinite!important;box-shadow:0 22px 56px rgba(0,0,0,.48),0 0 48px rgba(239,38,54,.72)!important}
@keyframes ctaHeavyVibrate{0%{transform:translateY(-6px) translateX(-1px) scale(1.035)}25%{transform:translateY(-7px) translateX(2px) scale(1.04)}50%{transform:translateY(-5px) translateX(-2px) scale(1.035)}75%{transform:translateY(-8px) translateX(1px) scale(1.04)}100%{transform:translateY(-6px) translateX(-1px) scale(1.035)}}

@media(max-width:700px){
  #brands .manufacturer-card,#brands .brand-card{animation-name:collectionHardBounceMobile!important;animation-duration:1.9s!important}
  @keyframes collectionHardBounceMobile{0%,100%{transform:translateY(0) scale(1)}38%{transform:translateY(-15px) scale(1.018)}52%{transform:translateY(3px) scale(.995)}68%{transform:translateY(-6px) scale(1.008)}}
  .logo-backlight::before{width:112%;height:112%;filter:blur(18px)}
}
@media(prefers-reduced-motion:reduce){
  .logo-backlight::before,.logo-backlight img[src*="logo"],#brands,#brands .section-heading,#brands .manufacturer-card,#brands .brand-card,.section-active .calculator-card,.section-active .loyalty-card-wrap,.section-active .reward-path,.section-active .visit-card,.section-active .measure-rail{animation:none!important}
}

/* ===== V31: PREMIUM MOTION + SPEED PASS ===== */
main>section{content-visibility:auto;contain-intrinsic-size:900px}
img{max-width:100%;height:auto}
@media(max-width:700px){
  .logo-backlight::before{filter:blur(14px)}
  .button,.text-link,.hero-cta-dock a,.nav-links a,.mobile-menu a{animation-duration:2.35s!important}
}
@media(prefers-reduced-data:reduce){
  .logo-backlight::before,#brands,.button,.manufacturer-card,.brand-card{animation:none!important}
}


/* V32 — centered supply experience + rippling reward copy */
.experience-heading{
  max-width:980px;
  margin-inline:auto;
  text-align:center;
  display:grid;
  justify-items:center;
}
.experience-heading .eyebrow,
.experience-heading h2{
  text-align:center;
  margin-inline:auto;
}
.experience-heading h2{max-width:900px}

.ripple-copy > span{
  display:inline-block;
  transform-origin:50% 100%;
  animation:rewardWordRipple 2.9s cubic-bezier(.22,.8,.25,1) infinite;
  will-change:transform,filter,text-shadow;
}
.ripple-copy > span:nth-child(2){animation-delay:.09s}
.ripple-copy > span:nth-child(3){animation-delay:.18s}
.ripple-copy > span:nth-child(4){animation-delay:.27s}
.ripple-copy > span:nth-child(5){animation-delay:.36s}
.ripple-copy > span:nth-child(6){animation-delay:.45s}
.ripple-copy > span:nth-child(7){animation-delay:.54s}
.ripple-copy > span:nth-child(8){animation-delay:.63s}
.reward-step:nth-child(2) .ripple-copy > span{animation-delay:.18s}
.reward-step:nth-child(3) .ripple-copy > span{animation-delay:.36s}
.reward-step:nth-child(4) .ripple-copy > span{animation-delay:.54s}
.reward-desc{display:block}
.reward-step:hover .ripple-copy > span,
.reward-step:focus-within .ripple-copy > span{
  animation-duration:1.25s;
}
@keyframes rewardWordRipple{
  0%,58%,100%{transform:translateY(0) scale(1);filter:none;text-shadow:none}
  66%{transform:translateY(-6px) scale(1.04);filter:brightness(1.3);text-shadow:0 8px 18px rgba(229,27,35,.22)}
  73%{transform:translateY(2px) scale(.99)}
  80%{transform:translateY(0) scale(1)}
}
@media(max-width:620px){
  .experience-heading{padding-inline:6px}
  .experience-heading h2{font-size:clamp(2.65rem,13vw,4rem)}
  .ripple-copy > span{animation-duration:3.3s}
}
@media(prefers-reduced-motion:reduce){
  .ripple-copy > span{animation:none!important;transform:none!important;filter:none!important}
}

/* V33 — Join State Rewards shake animation */
.join-rewards {
  transform-origin: 50% 55%;
  animation: joinRewardsShake 5.2s cubic-bezier(.36,.07,.19,.97) infinite;
  will-change: transform, box-shadow;
}

.join-rewards::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 0 0 1px rgba(214, 32, 39, .42), 0 0 38px rgba(214, 32, 39, .32);
  animation: joinRewardsGlow 5.2s ease-in-out infinite;
}

.join-rewards:hover,
.join-rewards:focus-within {
  animation: joinRewardsShakeActive .58s cubic-bezier(.36,.07,.19,.97) both;
  box-shadow: 0 28px 70px rgba(0,0,0,.34), 0 0 46px rgba(214,32,39,.28);
}

@keyframes joinRewardsShake {
  0%, 72%, 100% { transform: translate3d(0,0,0) rotate(0deg); }
  74% { transform: translate3d(-5px,0,0) rotate(-.35deg); }
  76% { transform: translate3d(6px,0,0) rotate(.35deg); }
  78% { transform: translate3d(-8px,0,0) rotate(-.45deg); }
  80% { transform: translate3d(8px,0,0) rotate(.45deg); }
  82% { transform: translate3d(-5px,0,0) rotate(-.28deg); }
  84% { transform: translate3d(4px,0,0) rotate(.22deg); }
  86% { transform: translate3d(-2px,0,0) rotate(-.1deg); }
  88% { transform: translate3d(0,0,0) rotate(0deg); }
}

@keyframes joinRewardsShakeActive {
  0%, 100% { transform: translate3d(0,0,0) rotate(0deg) scale(1.01); }
  15% { transform: translate3d(-7px,0,0) rotate(-.45deg) scale(1.01); }
  30% { transform: translate3d(8px,0,0) rotate(.45deg) scale(1.012); }
  45% { transform: translate3d(-6px,0,0) rotate(-.35deg) scale(1.012); }
  60% { transform: translate3d(6px,0,0) rotate(.35deg) scale(1.01); }
  75% { transform: translate3d(-3px,0,0) rotate(-.18deg) scale(1.01); }
}

@keyframes joinRewardsGlow {
  0%, 68%, 100% { opacity: 0; transform: scale(.985); }
  74% { opacity: .35; }
  80% { opacity: .9; transform: scale(1.01); }
  90% { opacity: 0; transform: scale(1.025); }
}

@media (max-width: 760px) {
  .join-rewards { animation-duration: 5.8s; }
  @keyframes joinRewardsShake {
    0%, 75%, 100% { transform: translate3d(0,0,0) rotate(0deg); }
    78% { transform: translate3d(-3px,0,0) rotate(-.2deg); }
    81% { transform: translate3d(4px,0,0) rotate(.2deg); }
    84% { transform: translate3d(-4px,0,0) rotate(-.22deg); }
    87% { transform: translate3d(3px,0,0) rotate(.16deg); }
    90% { transform: translate3d(0,0,0) rotate(0deg); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .join-rewards,
  .join-rewards::after { animation: none !important; }
}


/* V34 final alignment, takeoff energy, and moving rewards path */
html{scroll-behavior:smooth}

/* SmartMeasure header and takeoff title centered */
.smartmeasure-head,
.smartmeasure-head .eyebrow,
.smartmeasure-head h2,
.smartmeasure-head p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.smartmeasure-head{display:flex;flex-direction:column;align-items:center}
.smartmeasure-head p{max-width:900px}
.measure-kicker{
  text-align:center!important;
  justify-self:stretch;
  width:100%;
  letter-spacing:.17em;
  position:relative;
  isolation:isolate;
  animation:takeoffKickerFloat 2.5s ease-in-out infinite, takeoffKickerGlow 1.7s ease-in-out infinite alternate!important;
}
.measure-kicker::before{
  content:"";
  position:absolute;
  inset:-14px -18px;
  z-index:-1;
  border-radius:18px;
  background:radial-gradient(circle at 50% 50%,rgba(229,27,35,.32),rgba(229,27,35,.08) 46%,transparent 72%);
  filter:blur(10px);
  animation:takeoffBacklight 2.2s ease-in-out infinite;
}
.measure-kicker::after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:-10px;height:2px;
  background:linear-gradient(90deg,transparent,#e51b23,#fff,#e51b23,transparent);
  background-size:220% 100%;
  animation:takeoffScan 1.45s linear infinite;
}
@keyframes takeoffKickerFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.025)}}
@keyframes takeoffKickerGlow{from{text-shadow:0 0 5px rgba(229,27,35,.25)}to{text-shadow:0 0 18px rgba(229,27,35,.82),0 0 35px rgba(229,27,35,.32)}}
@keyframes takeoffBacklight{0%,100%{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes takeoffScan{to{background-position:-220% 0}}

.measure-rail{
  overflow:hidden;
  position:relative;
  animation:takeoffPanelHover 4.2s ease-in-out infinite!important;
}
.measure-rail::after{
  content:"";
  position:absolute;
  top:-35%;left:-55%;width:34%;height:175%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(229,27,35,.24),transparent);
  transform:skewX(-18deg);
  animation:takeoffRailSweep 4.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes takeoffPanelHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes takeoffRailSweep{0%,24%{left:-55%;opacity:0}35%{opacity:1}70%,100%{left:130%;opacity:0}}

.calculator-topbar{
  position:relative;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.calculator-topbar>span{
  width:100%;
  text-align:center!important;
  letter-spacing:.12em;
  animation:takeoffTitlePulse 2.1s ease-in-out infinite;
}
.calculator-topbar>em{position:absolute;right:22px}
@keyframes takeoffTitlePulse{0%,100%{transform:scale(1);text-shadow:none}50%{transform:scale(1.025);text-shadow:0 0 14px rgba(229,27,35,.42)}}

/* User-entered text must remain black and readable */
.smartmeasure input,
.smartmeasure textarea,
.smartmeasure select{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  background-color:#fff!important;
  caret-color:#111!important;
}
.smartmeasure input::placeholder,
.smartmeasure textarea::placeholder{color:#62666d!important;-webkit-text-fill-color:#62666d!important;opacity:1}
.smartmeasure option{color:#111;background:#fff}

/* Center supply experience heading */
.experience-heading,
.experience-heading .eyebrow,
.experience-heading h2{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.experience-heading{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;width:100%}

/* Reward path moving black spotlight */
.reward-step{
  position:relative;
  transition:background .42s ease,color .42s ease,transform .42s cubic-bezier(.2,.9,.2,1),box-shadow .42s ease!important;
}
.reward-step.path-active{
  background:#17191d!important;
  color:#fff!important;
  border-color:transparent!important;
  border-radius:13px;
  transform:translateX(7px) scale(1.018);
  box-shadow:0 14px 34px rgba(0,0,0,.25),0 0 23px rgba(229,27,35,.18);
  z-index:2;
}
.reward-step.path-active div span{color:#c8cbd0!important}
.reward-step.path-active>i{color:#ff4b52!important}
.reward-step.path-active>b{color:#ff343d!important;text-shadow:0 0 14px rgba(229,27,35,.55)}
.reward-step.featured:not(.path-active){background:transparent;color:#17191d;border-radius:0;padding-inline:10px}
.reward-step.featured:not(.path-active) div span{color:#72757a}
.reward-step.featured:not(.path-active)>i{color:#a4a6aa}

@media(max-width:620px){
  .calculator-topbar>em{display:none!important}
  .measure-kicker{font-size:.78rem;letter-spacing:.12em}
  .reward-step.path-active{transform:translateX(3px) scale(1.01)}
}
@media(prefers-reduced-motion:reduce){
  .measure-kicker,.measure-kicker::before,.measure-kicker::after,.measure-rail,.measure-rail::after,.calculator-topbar>span{animation:none!important}
}

/* V36 — centered supply experience with excess space removed */
.experience{
  padding-top:72px!important;
  padding-bottom:82px!important;
}
.experience-heading{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 30px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.experience-heading .eyebrow{
  width:100%!important;
  margin:0 auto 12px!important;
  text-align:center!important;
}
.experience-heading h2{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.experience-grid{margin-top:0!important}
@media(max-width:620px){
  .experience{padding-top:54px!important;padding-bottom:64px!important}
  .experience-heading{margin-bottom:22px!important;padding-inline:8px!important}
  .experience-heading .eyebrow{margin-bottom:9px!important}
}

/* V37 — remove transition gap and force centered supply experience copy */
.rewards-v2{
  padding-bottom:28px!important;
}
.experience{
  padding-top:18px!important;
  padding-bottom:64px!important;
  margin-top:0!important;
}
.experience::before,
.experience::after{
  top:0!important;
}
.experience-heading{
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin:0 auto 24px!important;
  padding:0 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.experience-heading .eyebrow,
.experience-heading h2{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.experience-heading .eyebrow{margin-bottom:10px!important}
.experience-heading h2{max-width:860px!important;line-height:.98!important}

@media(max-width:620px){
  .rewards-v2{padding-bottom:18px!important}
  .experience{padding-top:8px!important;padding-bottom:52px!important}
  .experience-heading{margin-bottom:20px!important;padding-inline:14px!important}
  .experience-heading .eyebrow{font-size:.82rem!important;line-height:1.35!important;margin-bottom:10px!important}
  .experience-heading h2{font-size:clamp(2.65rem,13vw,4rem)!important;line-height:.97!important}
}

/* V38 — true centered supply-experience layout + continuous section flow */
.rewards-v2{
  margin-bottom:0!important;
  padding-bottom:12px!important;
}
.experience.section{
  width:100%!important;
  max-width:var(--max)!important;
  margin:0 auto!important;
  padding:10px 24px 64px!important;
  display:block!important;
}
.experience-heading,
.section-active .experience-heading,
.experience-heading.reveal,
.experience-heading.reveal.visible{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 28px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  place-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  transform:none!important;
  filter:none!important;
}
.experience-heading .eyebrow,
.experience-heading h2{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
  justify-self:center!important;
  align-self:center!important;
}
.experience-heading .eyebrow{
  max-width:760px!important;
  margin-top:0!important;
  margin-bottom:12px!important;
}
.experience-heading h2{
  max-width:820px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:.96!important;
}
.experience-grid{
  width:100%!important;
  margin:0 auto!important;
}
@media(max-width:620px){
  .rewards-v2{padding-bottom:6px!important}
  .experience.section{padding:2px 20px 48px!important}
  .experience-heading,
  .section-active .experience-heading,
  .experience-heading.reveal,
  .experience-heading.reveal.visible{
    margin:0 auto 22px!important;
    padding:0!important;
  }
  .experience-heading .eyebrow{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 10px!important;
    font-size:.82rem!important;
    line-height:1.35!important;
    letter-spacing:.17em!important;
    text-align:center!important;
  }
  .experience-heading h2{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    font-size:clamp(2.55rem,12.2vw,3.9rem)!important;
    line-height:.96!important;
    text-align:center!important;
  }
}

/* V39 — definitive mobile flow + true centered supply experience */
.rewards-v2{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.rewards-grid{
  margin-bottom:0!important;
  padding-bottom:0!important;
  row-gap:20px!important;
}
.join-rewards{
  margin-bottom:0!important;
}
.experience.section{
  padding-top:20px!important;
  margin-top:0!important;
}
.experience-heading,
.experience-heading.reveal,
.experience-heading.reveal.visible,
.section-active .experience-heading{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 30px!important;
  padding:0 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  opacity:1!important;
}
.experience-heading > .eyebrow,
.experience-heading > h2{
  box-sizing:border-box!important;
  display:block!important;
  position:static!important;
  float:none!important;
  width:100%!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
  align-self:center!important;
  justify-self:center!important;
  transform:none!important;
  translate:none!important;
  text-wrap:balance;
}
.experience-heading > .eyebrow{
  margin-top:0!important;
  margin-bottom:12px!important;
}
.experience-heading > h2{
  margin-top:0!important;
  margin-bottom:0!important;
}

@media(max-width:620px){
  .rewards-v2{
    padding-bottom:0!important;
  }
  .rewards-grid{
    gap:14px!important;
  }
  .join-rewards{
    margin-bottom:0!important;
  }
  .experience.section{
    padding:12px 16px 48px!important;
  }
  .experience-heading,
  .experience-heading.reveal,
  .experience-heading.reveal.visible,
  .section-active .experience-heading{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 24px!important;
    padding:0 6px!important;
    text-align:center!important;
  }
  .experience-heading > .eyebrow{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 12px!important;
    font-size:.78rem!important;
    line-height:1.35!important;
    letter-spacing:.16em!important;
    text-align:center!important;
  }
  .experience-heading > h2{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    font-size:clamp(2.65rem,12.6vw,4rem)!important;
    line-height:.95!important;
    text-align:center!important;
  }
}
.ticker-link{color:inherit;text-decoration:none}
.rewards-landing-link{display:inline-flex;margin:24px auto 0}
.rewards-heading{text-align:center}

/* V41 rewards homepage/landing refinements */
#rewards .rewards-heading{text-align:center;max-width:920px;margin-left:auto;margin-right:auto}
#rewards .rewards-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center}
#rewards .loyalty-card-wrap{grid-column:auto}
#rewards .join-rewards{grid-column:auto}
#rewards .rewards-under-card{display:flex;width:max-content;max-width:100%;margin:24px auto 0;justify-content:center}
@media(max-width:900px){#rewards .rewards-grid{grid-template-columns:1fr}#rewards .join-rewards{max-width:760px;width:100%;margin-left:auto;margin-right:auto}}

/* V42 cinematic storefront hero */
.hero-v42{
  position:relative;
  min-height:clamp(760px,86vh,960px);
  padding:clamp(150px,18vh,210px) clamp(28px,5vw,78px) 150px;
  background-image:url('assets/storefront-hero-v42.webp');
  background-size:cover;
  background-position:center 48%;
  overflow:hidden;
  isolation:isolate;
  display:flex;
  align-items:center;
}
.hero-v42:before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:inherit;background-size:cover;background-position:center 48%;
  transform:scale(1.015);animation:v42HeroDrift 14s ease-in-out infinite alternate;
}
.hero-v42:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:32%;z-index:-1;
  background:linear-gradient(transparent,rgba(8,10,13,.86));pointer-events:none;
}
.hero-v42-shade{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,7,9,.86) 0%,rgba(5,7,9,.56) 32%,rgba(5,7,9,.12) 62%,rgba(5,7,9,.06) 100%),
             linear-gradient(180deg,rgba(5,7,9,.18),rgba(5,7,9,.05) 52%,rgba(5,7,9,.58));
}
.hero-v42-content{position:relative;z-index:2;width:min(650px,52vw);margin-top:-30px;text-align:left}
.hero-v42-kicker{display:inline-flex;align-items:center;gap:10px;color:#ff4b53;font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.92rem;margin-bottom:20px;text-shadow:0 0 24px rgba(229,24,37,.55)}
.hero-v42-kicker:before{content:"";width:34px;height:2px;background:#ed1c24;box-shadow:0 0 14px #ed1c24}
.hero-v42 h1{margin:0;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:clamp(5rem,8vw,8.7rem);font-weight:800;line-height:.78;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 8px 34px rgba(0,0,0,.42)}
.hero-v42 h1 em{display:inline-block;color:#df1823;font-style:normal;text-shadow:0 0 30px rgba(223,24,35,.34);animation:v42TradePulse 3.4s ease-in-out infinite}
.hero-v42-content>p{max-width:560px;margin:30px 0 30px;color:rgba(255,255,255,.88);font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.65}
.hero-v42-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-v42 .button{min-height:56px;padding:17px 28px;box-shadow:0 12px 36px rgba(224,24,35,.28)}
.hero-v42 .button-outline{background:rgba(10,12,15,.34);border:1px solid rgba(255,255,255,.7);color:#fff;backdrop-filter:blur(10px);box-shadow:none}
.hero-v42 .button-outline:hover{background:#fff;color:#121417;border-color:#fff}
.hero-v42-rail{position:absolute;z-index:3;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,9,12,.84);border:1px solid rgba(255,255,255,.22);border-radius:20px;backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
.hero-v42-rail>div{min-height:112px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-content:center;border-right:1px solid rgba(255,255,255,.13)}
.hero-v42-rail>div:last-child{border-right:0}
.hero-v42-rail b{grid-row:1/3;color:#ed1c24;font-family:'Barlow Condensed',sans-serif;font-size:1.45rem;line-height:1}
.hero-v42-rail span{color:#fff;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.04em;font-size:1.16rem}
.hero-v42-rail small{color:#aeb3bc;font-size:.76rem;line-height:1.35;margin-top:5px}
.hero-v42-scroll{position:absolute;right:clamp(28px,5vw,78px);bottom:170px;z-index:3;color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;display:flex;align-items:center;gap:12px}
.hero-v42-scroll i{font-style:normal;font-size:1.25rem;animation:bob 1.5s ease-in-out infinite}
@keyframes v42HeroDrift{to{transform:scale(1.045) translate3d(-.5%,.4%,0)}}
@keyframes v42TradePulse{50%{filter:brightness(1.25);transform:translateY(-3px);text-shadow:0 0 42px rgba(237,28,36,.55)}}

@media(max-width:900px){
  .hero-v42{min-height:920px;padding:130px 24px 168px;align-items:flex-end;background-position:center 48%}
  .hero-v42:before{background-position:center 48%}
  .hero-v42-shade{background:linear-gradient(180deg,rgba(5,7,9,.06) 0%,rgba(5,7,9,.02) 37%,rgba(5,7,9,.74) 68%,rgba(5,7,9,.95) 100%)}
  .hero-v42-content{width:100%;margin:0 0 124px;text-align:center}
  .hero-v42-kicker{justify-content:center;font-size:.72rem;margin-bottom:14px}.hero-v42-kicker:before{display:none}
  .hero-v42 h1{font-size:clamp(4.3rem,17vw,6.4rem);line-height:.83}
  .hero-v42-content>p{margin:22px auto 24px;max-width:560px;font-size:.98rem}
  .hero-v42-actions{justify-content:center}.hero-v42 .button{flex:1 1 180px;max-width:260px}
  .hero-v42-rail{left:16px;right:16px;bottom:18px;grid-template-columns:repeat(2,1fr);border-radius:16px}
  .hero-v42-rail>div{min-height:82px;padding:14px 13px;border-bottom:1px solid rgba(255,255,255,.11)}
  .hero-v42-rail>div:nth-child(2){border-right:0}.hero-v42-rail>div:nth-child(3),.hero-v42-rail>div:nth-child(4){border-bottom:0}
  .hero-v42-rail b{font-size:1.1rem}.hero-v42-rail span{font-size:.88rem}.hero-v42-rail small{font-size:.64rem}
  .hero-v42-scroll{display:none}
}
@media(max-width:560px){
  .hero-v42{min-height:850px;padding:116px 18px 170px;background-position:50% 44%}
  .hero-v42:before{background-position:50% 44%}
  .hero-v42-content{margin-bottom:112px}
  .hero-v42 h1{font-size:4.15rem}
  .hero-v42-content>p{font-size:.9rem;line-height:1.55;margin-top:18px}
  .hero-v42-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-v42 .button{min-width:0;width:100%;padding:13px 8px;min-height:48px;font-size:.72rem}
  .hero-v42-rail>div{padding:12px 10px;column-gap:8px}.hero-v42-rail small{display:none}.hero-v42-rail span{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.hero-v42:before,.hero-v42 h1 em{animation:none!important}}

/* V43 mobile full-storefront hero — preserve the complete cover photo */
@media (max-width: 900px){
  .hero-v42{
    min-height:auto;
    padding:calc(66.6667vw + 34px) 22px 184px;
    align-items:flex-start;
    background:#080a0d;
  }
  .hero-v42:before{
    inset:0 0 auto 0;
    width:100%;
    height:66.6667vw;
    max-height:600px;
    background-image:url('assets/storefront-hero-v42.webp');
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center top;
    transform:none;
    animation:none;
  }
  .hero-v42:after{
    top:calc(66.6667vw - 80px);
    bottom:auto;
    height:190px;
    background:linear-gradient(180deg,rgba(8,10,13,0),#080a0d 76%);
  }
  .hero-v42-shade{
    background:linear-gradient(180deg,rgba(5,7,9,.03) 0%,rgba(5,7,9,.08) 42%,rgba(5,7,9,.22) 100%);
    height:66.6667vw;
  }
  .hero-v42-content{
    width:100%;
    margin:0;
    text-align:center;
  }
  .hero-v42-kicker{margin-bottom:12px}
  .hero-v42 h1{font-size:clamp(3.65rem,15vw,5.5rem);line-height:.84}
  .hero-v42-content>p{max-width:620px;margin:20px auto 24px}
  .hero-v42-actions{justify-content:center}
  .hero-v42-rail{bottom:18px}
}
@media (max-width: 560px){
  .hero-v42{
    min-height:auto;
    padding:calc(66.6667vw + 28px) 16px 170px;
  }
  .hero-v42:before,
  .hero-v42-shade{height:66.6667vw}
  .hero-v42:after{top:calc(66.6667vw - 66px);height:155px}
  .hero-v42-content{margin:0}
  .hero-v42-kicker{font-size:.66rem;letter-spacing:.14em}
  .hero-v42 h1{font-size:clamp(3.15rem,14.4vw,4.35rem)}
  .hero-v42-content>p{font-size:.9rem;line-height:1.52;margin:17px auto 20px}
  .hero-v42-actions{grid-template-columns:1fr 1fr}
}


/* V44 — reference-inspired split inventory hero */
.hero-v44{
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(430px,42%) 1fr;
  background:#050607;
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  position:relative;
}
.hero-v44-left{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(110px,10vw,150px) clamp(34px,4.2vw,72px) 74px;
  background:
    radial-gradient(circle at 12% 24%,rgba(224,24,35,.18),transparent 30%),
    linear-gradient(110deg,#050607 0%,#090a0c 72%,rgba(9,10,12,.88) 100%);
  box-shadow:34px 0 70px rgba(0,0,0,.5);
}
.hero-v44-brand>img{width:min(360px,92%);height:auto;filter:drop-shadow(0 0 28px rgba(229,24,37,.18));animation:v44LogoFloat 5s ease-in-out infinite}
.hero-v44-rule{width:min(360px,92%);height:1px;margin:22px 0 20px;background:linear-gradient(90deg,#ed1c24,rgba(237,28,36,.08));box-shadow:0 0 18px rgba(237,28,36,.55)}
.hero-v44 h1{margin:0;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.86;letter-spacing:-.04em}
.hero-v44 h1 span{display:block;font-size:clamp(4.3rem,7vw,7.5rem);color:#f4f4f4;text-shadow:0 8px 35px rgba(0,0,0,.45)}
.hero-v44 h1 em{display:block;font-size:clamp(2.2rem,3.5vw,3.9rem);font-style:normal;color:#e51b28;letter-spacing:.05em;margin-top:8px}
.hero-v44-tagline{margin:22px 0 0;text-transform:uppercase;letter-spacing:.2em;color:#ececec;font-size:.88rem}.hero-v44-tagline strong{color:#ef2d38}
.hero-v44-copy{max-width:590px;margin:24px 0 0;color:#d5d7dc;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.65}
.hero-v44-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.hero-v44-benefits>div{padding:18px 10px;display:grid;gap:7px;justify-items:center;text-align:center;border-right:1px solid rgba(237,28,36,.4)}.hero-v44-benefits>div:last-child{border-right:0}
.hero-v44-benefits b{font-size:1.7rem;color:#fff;line-height:1;text-shadow:0 0 18px rgba(237,28,36,.55)}
.hero-v44-benefits span{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;color:#f6f6f6;font-weight:700;font-size:.9rem;line-height:1.05;letter-spacing:.04em}
.hero-v44-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-v44-actions .button{min-height:54px;padding:16px 22px}.hero-v44-actions .button-dark{background:#11141a;border:1px solid rgba(255,255,255,.22);color:#fff}.hero-v44-actions .button-dark:hover{background:#ed1c24}
.hero-v44-photo{position:relative;min-height:760px;background-image:url('assets/warehouse-aisle.webp');background-size:cover;background-position:center;overflow:hidden}
.hero-v44-photo:before{content:"";position:absolute;inset:0;background-image:url('assets/gaf-yard.webp');background-size:38%;background-repeat:no-repeat;background-position:95% 76%;opacity:.56;mix-blend-mode:screen;filter:saturate(.8) contrast(1.05)}
.hero-v44-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.66) 0%,rgba(4,5,7,.14) 25%,rgba(4,5,7,.08) 68%,rgba(4,5,7,.5) 100%),linear-gradient(180deg,rgba(4,5,7,.04),rgba(4,5,7,.76))}
.hero-v44-stock{position:absolute;z-index:2;left:32px;right:32px;bottom:26px;padding:20px 24px;background:rgba(5,6,8,.78);border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(12px);box-shadow:0 20px 52px rgba(0,0,0,.38)}
.hero-v44-stock>span{display:block;text-align:center;color:#e6e7ea;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:15px}
.hero-v44-stock-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:center}.hero-v44-stock-logos img{max-width:100%;height:38px;object-fit:contain;filter:brightness(1.08);transition:.25s}.hero-v44-stock-logos img:hover{transform:translateY(-5px) scale(1.08);filter:drop-shadow(0 0 13px rgba(237,28,36,.5))}
@keyframes v44LogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:980px){
 .hero-v44{grid-template-columns:1fr;min-height:auto;padding-top:0}
 .hero-v44-photo{order:1;min-height:0;aspect-ratio:16/10;background-position:center;background-size:cover}
 .hero-v44-photo:before{display:none}
 .hero-v44-left{order:2;padding:38px 24px 46px;text-align:center;align-items:center;box-shadow:none}
 .hero-v44-brand>img{width:min(300px,72vw)}
 .hero-v44-rule{margin-left:auto;margin-right:auto}
 .hero-v44 h1 span{font-size:clamp(4rem,17vw,6.4rem)}
 .hero-v44 h1 em{font-size:clamp(2rem,9vw,3.2rem)}
 .hero-v44-copy{margin-left:auto;margin-right:auto}
 .hero-v44-benefits{width:100%;grid-template-columns:repeat(5,1fr)}
 .hero-v44-actions{justify-content:center}
 .hero-v44-stock{left:14px;right:14px;bottom:14px;padding:14px}
 .hero-v44-stock>span{font-size:.72rem;margin-bottom:10px}
 .hero-v44-stock-logos{gap:10px}.hero-v44-stock-logos img{height:28px}
}
@media(max-width:640px){
 .hero-v44-photo{aspect-ratio:16/11;background-size:cover;background-position:center}
 .hero-v44-left{padding:30px 18px 38px}
 .hero-v44-benefits{grid-template-columns:repeat(3,1fr);border-bottom:0}.hero-v44-benefits>div{border-bottom:1px solid rgba(255,255,255,.12)}.hero-v44-benefits>div:nth-child(3){border-right:0}.hero-v44-benefits>div:nth-child(4),.hero-v44-benefits>div:nth-child(5){grid-column:span 1}
 .hero-v44-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-v44-actions .button{width:100%}
 .hero-v44-stock{position:absolute}.hero-v44-stock>span{display:none}.hero-v44-stock-logos{grid-template-columns:repeat(6,1fr);gap:6px}.hero-v44-stock-logos img{height:20px}
}

/* V45 — mobile logo-first header with menu directly underneath */
@media (max-width: 900px){
  .site-header{
    position:absolute!important;
    top:48px!important;
    left:50%!important;
    right:auto!important;
    width:min(330px,82vw)!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    z-index:40!important;
  }
  .site-header .brand{
    display:block!important;
    position:relative!important;
    width:min(300px,76vw)!important;
    padding:12px 16px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:20px!important;
    background:rgba(5,6,8,.72)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 42px rgba(229,27,35,.28)!important;
    backdrop-filter:blur(12px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
    animation:v45HeaderLogo 4s ease-in-out infinite!important;
  }
  .site-header .brand::before{
    content:"";
    position:absolute;
    inset:18% 12%;
    z-index:-1;
    border-radius:50%;
    background:rgba(229,27,35,.42);
    filter:blur(28px);
    animation:v45LogoGlow 2.7s ease-in-out infinite;
  }
  .site-header .brand img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0 auto!important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.58))!important;
  }
  .site-header > .button{display:none!important}
  .nav-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:116px!important;
    height:50px!important;
    margin:0!important;
    padding:0 18px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(25,27,32,.9),rgba(72,13,18,.88))!important;
    color:#fff!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:0 12px 34px rgba(0,0,0,.48),0 0 26px rgba(229,27,35,.3)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    animation:v45MenuPulse 2.5s ease-in-out infinite!important;
    position:relative!important;
    z-index:1002!important;
  }
  .nav-toggle::before{
    content:'☰  MENU';
    display:block;
    font:800 1rem "Barlow Condensed",sans-serif;
    letter-spacing:.1em;
  }
  .site-header.open .nav-toggle{font-size:0!important;animation:none!important}
  .site-header.open .nav-toggle::before{content:'×  CLOSE';font-size:1rem}
  .site-header.open .nav-toggle::after{display:none!important}
  .site-header nav,
  .site-header.open nav{
    inset:-48px auto auto 50%!important;
    padding-top:215px!important;
  }
  .hero-v44-photo{padding-top:0!important}
  .hero-v44-brand>img{display:none!important}
}
@media (max-width: 620px){
  .site-header{top:50px!important;width:min(300px,84vw)!important;gap:10px!important}
  .site-header .brand{width:min(270px,76vw)!important;padding:10px 14px!important;border-radius:18px!important}
  .nav-toggle{width:108px!important;height:46px!important}
  .site-header nav,.site-header.open nav{inset:-50px auto auto 50%!important;padding-top:205px!important}
  .hero-v44-photo{aspect-ratio:16/12!important}
}
@keyframes v45HeaderLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes v45LogoGlow{0%,100%{opacity:.38;transform:scale(.92)}50%{opacity:.78;transform:scale(1.1)}}
@keyframes v45MenuPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 12px 34px rgba(0,0,0,.48),0 0 20px rgba(229,27,35,.22)}50%{transform:translateY(-3px) scale(1.025);box-shadow:0 16px 42px rgba(0,0,0,.54),0 0 38px rgba(229,27,35,.48)}}

/* V46 — full storefront hero with logo and menu directly below the photo */
.hero-v44-photo{
  background-image:url('assets/storefront-hero-v46.webp');
  background-position:center;
  background-size:cover;
}
.hero-v44-photo:before{display:none}

@media (max-width:900px){
  .hero-v44{display:flex!important;flex-direction:column!important;background:#060708!important}
  .hero-v44-photo{
    order:1!important;
    width:100%!important;
    aspect-ratio:3/2!important;
    min-height:0!important;
    background-image:url('assets/storefront-hero-v46.webp')!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#08090b!important;
  }
  .hero-v44-photo-shade{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))!important}
  .hero-v44-stock{display:none!important}

  .site-header{
    order:2!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    padding:26px 20px 8px!important;
    gap:14px!important;
    background:linear-gradient(180deg,#07080a 0%,#090a0d 100%)!important;
    z-index:40!important;
  }
  .site-header .brand{
    width:min(520px,84vw)!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .site-header .brand::before{
    inset:22% 8%!important;
    background:rgba(229,27,35,.5)!important;
    filter:blur(42px)!important;
  }
  .site-header .brand img{filter:drop-shadow(0 12px 28px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(229,27,35,.2))!important}
  .nav-toggle{
    width:180px!important;
    height:58px!important;
    border-radius:12px!important;
    border:1px solid #ed1c24!important;
    background:rgba(13,14,17,.96)!important;
    box-shadow:0 0 28px rgba(237,28,36,.38),inset 0 0 18px rgba(237,28,36,.08)!important;
  }
  .nav-toggle::before{font-size:1.15rem!important;letter-spacing:.12em!important}
  .site-header nav,.site-header.open nav{
    position:fixed!important;
    inset:0!important;
    transform:none!important;
    width:100vw!important;
    height:100dvh!important;
    padding:120px 28px 40px!important;
  }

  .hero-v44-left{
    order:3!important;
    padding:18px 20px 42px!important;
    text-align:center!important;
    align-items:center!important;
    background:#090a0d!important;
  }
  .hero-v44-brand>img,.hero-v44-rule,.hero-v44 h1,.hero-v44-tagline{display:none!important}
  .hero-v44-copy{
    margin:8px auto 0!important;
    max-width:650px!important;
    font-size:1.02rem!important;
    line-height:1.7!important;
    color:#e2e3e6!important;
  }
  .hero-v44-actions{
    order:2!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:26px!important;
  }
  .hero-v44-actions .button{min-width:0!important;width:100%!important;padding:14px 8px!important;font-size:.82rem!important}
  .hero-v44-benefits{
    order:3!important;
    width:100%!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    margin-top:24px!important;
  }
  .hero-v44-benefits>div{padding:14px 6px!important}
  .hero-v44-benefits span{font-size:.76rem!important}
}

@media (max-width:620px){
  .hero-v44-photo{aspect-ratio:3/2!important}
  .site-header{padding:22px 16px 5px!important}
  .site-header .brand{width:min(430px,86vw)!important}
  .nav-toggle{width:164px!important;height:54px!important}
  .hero-v44-left{padding:12px 16px 34px!important}
  .hero-v44-copy{font-size:.94rem!important;line-height:1.62!important}
  .hero-v44-actions{grid-template-columns:1fr 1fr!important}
  .hero-v44-actions .button:last-child{grid-column:1/-1!important}
  .hero-v44-benefits{grid-template-columns:repeat(2,1fr)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;overflow:hidden!important}
  .hero-v44-benefits>div{border-right:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .hero-v44-benefits>div:nth-child(even){border-right:0!important}
  .hero-v44-benefits>div:last-child{grid-column:1/-1!important;border-bottom:0!important}
  .hero-v44-benefits span{font-size:.82rem!important}
}

/* V47 — remove duplicate mobile logo and place menu with primary CTAs */
.mobile-menu-inline{display:none}
@media (max-width:900px){
  .site-header{
    position:absolute!important;
    top:34px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    z-index:100!important;
  }
  .site-header .brand,.site-header>.button{display:none!important}
  .hero-v44-left{padding-top:24px!important}
  .hero-v44-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
  .hero-v44-actions>a:nth-child(3){grid-column:1/-1!important}
  .hero-v44-actions .mobile-menu-inline{
    display:flex!important;
    grid-column:1/-1!important;
    width:100%!important;
    min-height:62px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    border:1px solid #ed1c24!important;
    border-radius:4px!important;
    background:linear-gradient(135deg,#111318,#08090c)!important;
    color:#fff!important;
    font-family:'Barlow Condensed',sans-serif!important;
    font-size:1.05rem!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    box-shadow:0 0 24px rgba(237,28,36,.34),inset 0 0 18px rgba(237,28,36,.07)!important;
    animation:v47MenuPulse 2.4s ease-in-out infinite!important;
    pointer-events:auto!important;
  }
  .hero-v44-actions .mobile-menu-inline span{display:inline!important}
  .hero-v44-actions .mobile-menu-inline::before,
  .hero-v44-actions .mobile-menu-inline::after{display:none!important}
  .site-header nav,.site-header.open nav{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    padding:110px 28px 40px!important;
    background:rgba(5,6,8,.98)!important;
    z-index:999!important;
    pointer-events:auto!important;
  }
}
@media(max-width:620px){
  .hero-v44-left{padding:18px 16px 34px!important}
  .hero-v44-actions .mobile-menu-inline{min-height:58px!important}
}
@keyframes v47MenuPulse{0%,100%{box-shadow:0 0 18px rgba(237,28,36,.24),inset 0 0 12px rgba(237,28,36,.04)}50%{box-shadow:0 0 38px rgba(237,28,36,.58),inset 0 0 22px rgba(237,28,36,.12)}}

/* V49 — official manufacturer and collection logo system */
.hero-v44-stock-logos img,
.logo-item img,
.manufacturer-logo-image img,
.product-logo img,
.rewards-brand-logo img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.hero-v44-stock-logos{
  grid-template-columns:repeat(7,minmax(78px,1fr))!important;
  gap:10px!important;
}
.hero-v44-stock-logos img{
  width:100%;height:58px;padding:9px 12px;border-radius:10px;
  background:#fff;box-shadow:0 8px 22px #0008;
}
.logo-item{min-width:190px!important;padding:12px 18px!important;background:#fff!important;border-color:#ffffff55!important}
.logo-item img{width:150px!important;height:52px!important}
.logo-item span{display:none!important}
.manufacturer-logo-image{
  width:100%!important;height:88px!important;min-height:88px!important;
  padding:12px 16px!important;border-radius:14px;background:#fff!important;
  box-shadow:0 12px 28px #0007;overflow:hidden;
}
.manufacturer-logo-image img{width:100%;height:100%}
.product-logo{
  width:100%;height:86px;padding:10px 14px;margin-bottom:24px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;background:#fff;
  box-shadow:0 12px 28px #0006;
}
.product-logo img{width:100%;height:100%}
.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.brand-card{display:flex;flex-direction:column;align-items:flex-start}
.brand-card .text-link{margin-top:auto}
.rewards-brand-wall{margin:0 0 88px;padding:64px 42px;border:1px solid #ffffff18;border-radius:34px;background:linear-gradient(145deg,#171a20,#0d0f14);text-align:center;overflow:hidden;position:relative}
.rewards-brand-wall:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(239,35,60,.16),transparent 52%);animation:rewardsBrandGlow 6s ease-in-out infinite}
.rewards-brand-wall>*{position:relative;z-index:1}
.rewards-brand-wall h2{max-width:850px;margin:14px auto 34px}
.rewards-brand-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.rewards-brand-logo{height:92px;padding:12px;border-radius:14px;background:#fff;box-shadow:0 14px 34px #0008;animation:brandCardFloat 3.6s ease-in-out infinite}
.rewards-brand-logo:nth-child(2n){animation-delay:-1.2s}.rewards-brand-logo:nth-child(3n){animation-delay:-2.4s}
@keyframes rewardsBrandGlow{50%{transform:translate3d(5%,0,0) scale(1.08);opacity:.75}}
@keyframes brandCardFloat{50%{transform:translateY(-8px);box-shadow:0 20px 42px #0009,0 0 24px #ef233c22}}
@media(max-width:1000px){.hero-v44-stock-logos{grid-template-columns:repeat(4,1fr)!important}.brand-grid{grid-template-columns:repeat(2,1fr)!important}.rewards-brand-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){
 .hero-v44-stock-logos{display:flex!important;overflow-x:auto;gap:9px!important;padding-bottom:6px;scrollbar-width:none}
 .hero-v44-stock-logos img{flex:0 0 132px;width:132px;height:54px}
 .brand-grid{grid-template-columns:1fr!important}
 .product-logo{height:76px}
 .rewards-brand-wall{padding:42px 16px;margin-bottom:58px;border-radius:24px}
 .rewards-brand-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 4px 16px}
 .rewards-brand-logo{flex:0 0 160px;height:82px;scroll-snap-align:center}
}
@media(prefers-reduced-motion:reduce){.rewards-brand-wall:before,.rewards-brand-logo{animation:none!important}}

/* V52 — animated 1–4 warehouse imagery + cinematic readable timing */
.experience-photo-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  display:flex!important;
  align-items:flex-end!important;
  min-height:310px!important;
  background:#101216!important;
  padding:0!important;
}
.experience-photo-card::before{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:-2;
  background-image:var(--experience-image);
  background-size:cover;
  background-position:center;
  filter:saturate(.92) contrast(1.04);
  transform:scale(1.04);
  animation:experienceImageDrift 14s ease-in-out infinite alternate;
  will-change:transform;
}
.experience-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(3,4,6,.06) 18%,rgba(3,4,6,.5) 58%,rgba(3,4,6,.96) 100%);
  transition:background 1s ease;
}
.experience-photo-card>div{
  width:100%;
  padding:34px;
  transform:translateY(10px);
  opacity:.94;
  transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1.1s ease;
}
.experience-photo-card.visible>div{transform:translateY(0);opacity:1}
.experience-photo-card:hover::before{animation-play-state:paused;transform:scale(1.09)}
.experience-photo-card:hover::after{background:linear-gradient(180deg,rgba(3,4,6,.02),rgba(3,4,6,.4) 55%,rgba(3,4,6,.94))}
.experience-photo-card:nth-child(2)::before{animation-delay:-3.5s}
.experience-photo-card:nth-child(3)::before{animation-delay:-7s}
.experience-photo-card:nth-child(4)::before{animation-delay:-10.5s}
@keyframes experienceImageDrift{
  0%{transform:scale(1.04) translate3d(-1.4%,0,0)}
  50%{transform:scale(1.075) translate3d(.8%,-.5%,0)}
  100%{transform:scale(1.045) translate3d(1.4%,0,0)}
}

/* Slow the reveal system so copy remains readable instead of soaring past. */
.reveal{
  transition-duration:1.25s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
}
.section-heading.reveal{
  transition-duration:1.35s!important;
}
.reveal.visible .button,.reveal.visible button.button{animation-duration:1.15s!important}
.brand-showroom-title{animation-duration:1.35s,6.8s!important}
.collection-card{animation-duration:4.2s!important}
.reward-copy-ripple,.reward-row .ripple-word{animation-duration:5.2s!important}
.rewards-heading .eyebrow,.rewards-heading h2,.rewards-heading p{animation-duration:1.25s!important}
.calculator-stage,.measure-rail{animation-duration:1.4s!important}

@media(max-width:620px){
  .experience-photo-card{min-height:390px!important}
  .experience-photo-card>div{padding:28px 24px}
  .experience-photo-card::before{animation-duration:17s}
}
@media(prefers-reduced-motion:reduce){
  .experience-photo-card::before{animation:none!important;transform:scale(1.03)!important}
  .experience-photo-card>div{transform:none!important;opacity:1!important}
}

/* V53 — image visibility + stable-load correction */
.experience-photo-card{
  background:#101216!important;
  isolation:isolate!important;
  contain:paint;
}
.experience-photo-card::before{
  z-index:0!important;
  inset:0!important;
  opacity:1!important;
  background-image:var(--experience-image)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(.94) contrast(1.03)!important;
  transform:scale(1.025);
  animation:experienceImageDriftStable 18s ease-in-out infinite alternate!important;
  will-change:auto!important;
}
.experience-photo-card::after{
  z-index:1!important;
  pointer-events:none;
}
.experience-photo-card>div{
  position:relative!important;
  z-index:2!important;
}
@keyframes experienceImageDriftStable{
  0%{transform:scale(1.025) translate3d(-.45%,0,0)}
  100%{transform:scale(1.055) translate3d(.45%,-.25%,0)}
}

/* Prevent accumulated motion effects from causing a jumpy initial paint. */
html:not(.site-ready) .reveal,
html:not(.site-ready) .experience-photo-card>div{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
html:not(.site-ready) .experience-photo-card::before{
  animation-play-state:paused!important;
}

/* Keep the four photos dependable on mobile Safari. */
@media(max-width:620px){
  .experience-photo-card::before{
    background-attachment:scroll!important;
    animation-duration:22s!important;
  }
}

/* V54 — guaranteed visible 1–4 warehouse images using real image elements */
.experience-photo-card::before{display:none!important}
.experience-photo-card{position:relative!important;overflow:hidden!important;background:#101216!important}
.experience-card-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  transform:scale(1.025);
  animation:experienceRealImageDrift 18s ease-in-out infinite alternate;
}
.experience-photo-card:nth-child(2) .experience-card-image{animation-delay:-4s}
.experience-photo-card:nth-child(3) .experience-card-image{animation-delay:-8s}
.experience-photo-card:nth-child(4) .experience-card-image{animation-delay:-12s}
.experience-photo-card::after{
  z-index:1!important;
  background:linear-gradient(180deg,rgba(3,4,6,.06) 12%,rgba(3,4,6,.35) 50%,rgba(3,4,6,.94) 100%)!important;
}
.experience-photo-card>div{position:relative!important;z-index:2!important}
@keyframes experienceRealImageDrift{
  0%{transform:scale(1.025) translate3d(-.5%,0,0)}
  100%{transform:scale(1.06) translate3d(.5%,-.3%,0)}
}
@media(max-width:620px){
  .experience-card-image{object-position:center center;animation-duration:22s}
}
@media(prefers-reduced-motion:reduce){
  .experience-card-image{animation:none!important;transform:scale(1.03)!important}
}

/* V55 — definitive Experience 1–4 mobile layout repair */
.experience-photo-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:0!important;
}
.experience-photo-card .experience-card-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.experience-photo-card>div{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:30px!important;
  transform:none!important;
  opacity:1!important;
  overflow-wrap:anywhere!important;
  text-align:left!important;
}
.experience-photo-card>div h3,
.experience-photo-card>div p{
  width:100%!important;
  max-width:680px!important;
  margin-left:0!important;
  margin-right:0!important;
}

@media (max-width:900px){
  .experience-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .experience-grid .feature,
  .experience-grid .feature-large{
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:460px!important;
    height:460px!important;
  }
}

@media (max-width:620px){
  .experience.section{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .experience-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }
  .experience-grid .experience-photo-card,
  .experience-grid .feature-large{
    flex:0 0 auto!important;
    width:100%!important;
    height:420px!important;
    min-height:420px!important;
    border-radius:22px!important;
  }
  .experience-photo-card>div{
    padding:24px 22px!important;
  }
  .experience-photo-card>div span{
    font-size:2rem!important;
  }
  .experience-photo-card>div h3{
    font-size:2rem!important;
    line-height:1!important;
    margin:5px 0 10px!important;
  }
  .experience-photo-card>div p{
    font-size:1rem!important;
    line-height:1.5!important;
    margin:0 0 14px!important;
  }
}


/* V56 — mobile Experience cards: stable image-first layout, no clipping */
@media (max-width: 620px){
  .experience-grid .experience-photo-card,
  .experience-grid .feature-large{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
  }
  .experience-photo-card .experience-card-image{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:245px!important;
    min-height:245px!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    animation:experienceMobileDrift 18s ease-in-out infinite alternate!important;
  }
  .experience-photo-card::after{
    display:none!important;
  }
  .experience-photo-card>div{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:24px 22px 26px!important;
    background:linear-gradient(180deg,#15181e,#0d0f13)!important;
    text-align:left!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    overflow:visible!important;
  }
  .experience-photo-card>div span,
  .experience-photo-card>div h3,
  .experience-photo-card>div p,
  .experience-photo-card>div .button{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    max-width:100%!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .experience-photo-card>div h3{
    font-size:2.15rem!important;
    line-height:1.02!important;
  }
  .experience-photo-card>div p{
    font-size:1rem!important;
    line-height:1.55!important;
  }
}
@keyframes experienceMobileDrift{
  from{transform:scale(1.01) translate3d(-.5%,0,0)}
  to{transform:scale(1.045) translate3d(.5%,-.5%,0)}
}
@media (prefers-reduced-motion: reduce){
  .experience-photo-card .experience-card-image{animation:none!important;transform:none!important}
}

/* V57 multi-brand inquiry selection */
.brand-picker{border:1px solid #c8c8c4;background:#fff;margin:20px 0 4px;padding:20px;border-radius:10px;color:#111;min-width:0}
.brand-picker legend{padding:0 8px;font:800 1.35rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#111}
.brand-picker-hint{margin:0 0 14px;color:#555!important;font-size:.82rem;font-weight:600}
.brand-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.brand-choice{position:relative;display:flex;min-height:74px;align-items:center;justify-content:center;gap:8px;padding:11px 10px;border:1px solid #d6d6d1;border-radius:9px;background:#f7f7f4;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;text-align:center;overflow:hidden}
.brand-choice:hover{transform:translateY(-2px);border-color:#e51b23;box-shadow:0 10px 24px rgba(229,27,35,.13)}
.brand-choice input{position:absolute;opacity:0;pointer-events:none}
.brand-choice-logo{display:grid;place-items:center;width:64px;height:34px;flex:0 0 64px}
.brand-choice-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.brand-choice-name{font-size:.74rem;font-weight:800;color:#202126;line-height:1.05}
.brand-choice-mark{display:none;width:24px;height:24px;border-radius:50%;background:#e51b23;color:#fff;place-items:center;font-weight:900}
.brand-choice-help{background:#17191e;border-color:#343840;color:#fff}
.brand-choice-help .brand-choice-name{color:#fff;font-size:.82rem}
.brand-choice-help .brand-choice-mark{display:grid;background:#363a43}
.brand-choice:has(input:checked){background:#fff3f3;border-color:#e51b23;box-shadow:0 0 0 2px rgba(229,27,35,.12),0 14px 28px rgba(229,27,35,.12)}
.brand-choice:has(input:checked)::after{content:"✓";position:absolute;top:6px;right:7px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e51b23;color:#fff;font-size:.72rem;font-weight:900}
.brand-choice-help:has(input:checked){background:#2a0b0e;color:#fff}
dialog .brand-picker{margin-block:18px;background:#f4f4f1}
@media(max-width:760px){.brand-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-choice{min-height:68px}.brand-choice-logo{width:55px;flex-basis:55px}}
@media(max-width:420px){.brand-picker{padding:16px 12px}.brand-choice-grid{gap:8px}.brand-choice{padding:9px 7px}.brand-choice-name{font-size:.68rem}.brand-choice-logo{width:48px;flex-basis:48px}}

/* V58 — definitive Card 01 and mobile Experience layout fix */
@media (max-width: 900px){
  .experience-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .experience-grid > article.experience-photo-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
    contain:layout paint!important;
  }
  .experience-grid > article.experience-photo-card > img.experience-card-image{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    min-height:0!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .experience-grid > article.experience-photo-card::after{
    display:none!important;
    content:none!important;
  }
  .experience-grid > article.experience-photo-card > div{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:24px 22px 28px!important;
    margin:0!important;
    background:linear-gradient(180deg,#171a20 0%,#0d0f13 100%)!important;
    text-align:left!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
    opacity:1!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .experience-grid > article.experience-photo-card > div > *{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
    opacity:1!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .experience-grid > article.experience-photo-card h3{
    font-size:clamp(2rem,9vw,2.7rem)!important;
    line-height:1!important;
    margin:6px 0 12px!important;
  }
  .experience-grid > article.experience-photo-card p{
    font-size:1rem!important;
    line-height:1.55!important;
    margin:0 0 16px!important;
  }
  .experience-grid > article.experience-photo-card .button{
    display:inline-flex!important;
    max-width:100%!important;
  }
}

/* V59 — MOBILE HORIZONTAL LOCK / NO SIDE-TO-SIDE DRIFT */
html{
  width:100%;
  max-width:100%;
  overflow-x:clip!important;
  overscroll-behavior-x:none;
}
body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
  touch-action:pan-y pinch-zoom;
  position:relative;
}
body.modal-open{overflow:hidden!important}
main,header,footer,section,dialog,
.site-header,.hero,.hero-premium,.section,.experience,.experience-grid,
.brand-strip,.manufacturer-strip,.manufacturer-viewport,.manufacturer-track,
.collection-showcase,.collection-track,.rewards,.visit{
  max-width:100%!important;
  min-width:0!important;
}
img,svg,video,canvas,iframe{
  max-width:100%!important;
  height:auto;
}
input,select,textarea,button{
  max-width:100%;
  min-width:0;
}
@media(max-width:900px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
  body>*{max-width:100%!important}
  main{width:100%!important;overflow-x:hidden!important}
  .section,.calculator-section,.experience,.rewards,.visit{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .experience-grid{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .experience-grid>article{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .topline{overflow:hidden!important;width:100%!important}
  .topline-track{will-change:transform;max-width:none!important}
  .manufacturer-viewport,.collection-showcase{
    width:100%!important;
    overflow:hidden!important;
    contain:layout paint;
  }
  .manufacturer-track,.collection-track{
    max-width:none!important;
  }
}
\n\n/* V60 — smoother scrolling, expandable brand pricing, longer member-card shake */\n.all-brands-toggle-wrap{display:flex;justify-content:center;margin:28px 0 8px}\n.all-brands-toggle{min-width:min(100%,420px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#17191f,#0c0e12);color:#fff;font:800 1.05rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 0 rgba(229,27,35,0);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}\n.all-brands-toggle:hover,.all-brands-toggle.is-open{transform:translateY(-3px);border-color:rgba(229,27,35,.75);box-shadow:0 22px 52px rgba(0,0,0,.42),0 0 30px rgba(229,27,35,.2)}\n.all-brands-toggle b{font-size:1.7rem;color:#ff3942;line-height:1}\n.brand-grid-collapsed{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-14px);margin-top:0;transition:max-height .85s cubic-bezier(.2,.8,.2,1),opacity .5s ease,transform .65s ease,margin-top .45s ease}\n.brand-grid-collapsed.brand-grid-expanded{max-height:2200px;opacity:1;overflow:visible;pointer-events:auto;transform:none;margin-top:24px}\n\n/* Longer, more noticeable card shake without making the page janky. */\n.loyalty-card-wrap.visible .loyalty-card{animation:member-card-fly-in 1.05s cubic-bezier(.16,.88,.2,1.08) both,member-card-shake-long 1.35s 1.08s cubic-bezier(.36,.07,.19,.97) both,member-card-pulse 2.9s 2.48s ease-in-out infinite!important}\n@keyframes member-card-shake-long{\n  0%,100%{transform:translate3d(0,0,0) rotate(0)}\n  8%{transform:translate3d(-8px,0,0) rotate(-.9deg)}\n  16%{transform:translate3d(9px,0,0) rotate(.9deg)}\n  24%{transform:translate3d(-8px,0,0) rotate(-.7deg)}\n  32%{transform:translate3d(8px,0,0) rotate(.7deg)}\n  40%{transform:translate3d(-6px,0,0) rotate(-.55deg)}\n  48%{transform:translate3d(6px,0,0) rotate(.55deg)}\n  58%{transform:translate3d(-5px,0,0) rotate(-.4deg)}\n  68%{transform:translate3d(5px,0,0) rotate(.4deg)}\n  78%{transform:translate3d(-3px,0,0) rotate(-.2deg)}\n  88%{transform:translate3d(2px,0,0) rotate(.15deg)}\n}\n\n@media(max-width:900px){\n  html{scroll-behavior:auto}\n  body{overscroll-behavior-y:contain}\n  .reveal{transition:opacity .5s ease,transform .55s ease!important;filter:none!important}\n  main>section::before,main>section::after{animation-duration:16s!important}\n  .section-active .calculator-card,.section-active .loyalty-card-wrap,.section-active .reward-path,.section-active .visit-card,.section-active .measure-rail{animation:none!important}\n  .logo-backlight::before{filter:blur(18px)!important;animation-duration:6s!important}\n  .manufacturer-card,.brand-card,.experience-photo-card{will-change:auto!important}\n  .brand-grid-collapsed.brand-grid-expanded{max-height:4200px}\n  .loyalty-card-wrap.visible .loyalty-card{animation:member-card-fly-in-mobile .92s cubic-bezier(.16,.88,.2,1.08) both,member-card-shake-long-mobile 1.18s .96s cubic-bezier(.36,.07,.19,.97) both,member-card-pulse-mobile 3.2s 2.18s ease-in-out infinite!important}\n}\n@keyframes member-card-shake-long-mobile{\n  0%,100%{transform:translate3d(0,0,0) rotate(0)}\n  10%{transform:translate3d(-5px,0,0) rotate(-.35deg)}\n  20%{transform:translate3d(6px,0,0) rotate(.35deg)}\n  30%{transform:translate3d(-5px,0,0) rotate(-.3deg)}\n  40%{transform:translate3d(5px,0,0) rotate(.3deg)}\n  52%{transform:translate3d(-4px,0,0) rotate(-.22deg)}\n  64%{transform:translate3d(4px,0,0) rotate(.22deg)}\n  76%{transform:translate3d(-2px,0,0) rotate(-.12deg)}\n  88%{transform:translate3d(2px,0,0) rotate(.1deg)}\n}\n

/* V61 — native, reliable pricing-card disclosure */
.all-brands-details{display:block;margin:28px 0 8px;overflow:visible}
.all-brands-details>summary{list-style:none;-webkit-tap-highlight-color:transparent}
.all-brands-details>summary::-webkit-details-marker{display:none}
.all-brands-details .all-brands-toggle{margin:0 auto;min-width:min(100%,420px);width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#17191f,#0c0e12);color:#fff;font:800 1.05rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.34);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.all-brands-details .all-brands-toggle b::before{content:'＋';font-size:1.7rem;color:#ff3942;line-height:1}
.all-brands-details[open] .all-brands-toggle b::before{content:'−'}
.all-brands-details .label-open{display:none}
.all-brands-details[open] .label-closed{display:none}
.all-brands-details[open] .label-open{display:inline}
.all-brands-details[open] .all-brands-toggle{border-color:rgba(229,27,35,.75);box-shadow:0 22px 52px rgba(0,0,0,.42),0 0 30px rgba(229,27,35,.2)}
.all-brands-details>#allBrandsPricing{display:none!important;opacity:1!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important;transform:none!important;margin-top:24px!important}
.all-brands-details[open]>#allBrandsPricing{display:grid!important}
@media(max-width:900px){
 .all-brands-details{margin:22px 0 4px;width:100%}
 .all-brands-details .all-brands-toggle{width:100%;min-width:0;padding:16px 18px}
 .all-brands-details[open]>#allBrandsPricing{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
}

/* V62 — rewards spacing, compact member number, and Experience 01–04 fly-in */
#rewards .rewards-grid{
  column-gap:64px!important;
  row-gap:46px!important;
}
#rewards .loyalty-card-wrap,
#rewards .join-rewards{
  min-width:0!important;
}

/* Keep the member-number badge compact and clear on the homepage card. */
#rewards .member-number{
  top:150px!important;
  right:22px!important;
  bottom:auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:152px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  line-height:1.05!important;
}
#rewards .member-number span{
  margin-bottom:3px!important;
  font-size:.43rem!important;
  letter-spacing:.12em!important;
}
#rewards .member-number strong{
  font-size:.59rem!important;
  letter-spacing:.075em!important;
  line-height:1.05!important;
}

/* Cards 01–04 arrive individually from alternating directions. */
.experience-grid > .experience-photo-card.reveal{
  opacity:0!important;
  filter:blur(8px) brightness(.72)!important;
  will-change:transform,opacity,filter!important;
}
.experience-grid > .experience-photo-card:nth-child(1).reveal{transform:translate3d(-70px,34px,0) rotate(-2.2deg) scale(.94)!important}
.experience-grid > .experience-photo-card:nth-child(2).reveal{transform:translate3d(0,70px,0) rotate(1.4deg) scale(.94)!important}
.experience-grid > .experience-photo-card:nth-child(3).reveal{transform:translate3d(70px,34px,0) rotate(2.2deg) scale(.94)!important}
.experience-grid > .experience-photo-card:nth-child(4).reveal{transform:translate3d(0,82px,0) rotate(-1.2deg) scale(.94)!important}
.experience-grid > .experience-photo-card.reveal.visible{
  animation:experienceCardFlyV62 1.15s cubic-bezier(.14,1.12,.3,1) both!important;
}
.experience-grid > .experience-photo-card:nth-child(1).reveal.visible{animation-delay:.03s!important}
.experience-grid > .experience-photo-card:nth-child(2).reveal.visible{animation-delay:.18s!important}
.experience-grid > .experience-photo-card:nth-child(3).reveal.visible{animation-delay:.33s!important}
.experience-grid > .experience-photo-card:nth-child(4).reveal.visible{animation-delay:.48s!important}
@keyframes experienceCardFlyV62{
  0%{opacity:0;filter:blur(8px) brightness(.72)}
  68%{opacity:1;filter:blur(0) brightness(1.08);transform:translate3d(0,-10px,0) rotate(.4deg) scale(1.018)}
  84%{transform:translate3d(0,4px,0) rotate(-.18deg) scale(.995)}
  100%{opacity:1;filter:none;transform:translate3d(0,0,0) rotate(0) scale(1)}
}

@media(max-width:900px){
  #rewards .rewards-grid{row-gap:48px!important}
}
@media(max-width:620px){
  #rewards .rewards-grid{gap:44px!important}
  #rewards .loyalty-card-wrap{margin-bottom:2px!important}
  #rewards .join-rewards{margin-top:0!important}
  #rewards .member-number{
    top:146px!important;
    right:12px!important;
    max-width:132px!important;
    padding:6px 7px!important;
    border-radius:8px!important;
  }
  #rewards .member-number span{font-size:.39rem!important;letter-spacing:.1em!important}
  #rewards .member-number strong{font-size:.52rem!important;letter-spacing:.055em!important}

  .experience-grid > .experience-photo-card:nth-child(1).reveal{transform:translate3d(-32px,30px,0) rotate(-1.4deg) scale(.96)!important}
  .experience-grid > .experience-photo-card:nth-child(2).reveal{transform:translate3d(32px,30px,0) rotate(1.4deg) scale(.96)!important}
  .experience-grid > .experience-photo-card:nth-child(3).reveal{transform:translate3d(-32px,30px,0) rotate(-1.4deg) scale(.96)!important}
  .experience-grid > .experience-photo-card:nth-child(4).reveal{transform:translate3d(32px,30px,0) rotate(1.4deg) scale(.96)!important}
  .experience-grid > .experience-photo-card.reveal.visible{animation-duration:.95s!important}
}
@media(prefers-reduced-motion:reduce){
  .experience-grid > .experience-photo-card.reveal,
  .experience-grid > .experience-photo-card.reveal.visible{
    opacity:1!important;filter:none!important;transform:none!important;animation:none!important;
  }
}

/* V63 — mobile performance / smooth vertical scrolling pass */
@media (max-width: 900px){
  html{scroll-behavior:auto!important;overflow-x:hidden}
  body{overflow-x:hidden!important;touch-action:pan-y;overscroll-behavior-x:none}
  main>section{content-visibility:auto;contain-intrinsic-size:1px 760px}
  .section,.rewards-v2,.experience,.visit,.calculator-section{transform:none!important}
  .logo-backlight::before,.logo-backlight::after,
  body::before,body::after,
  .section::before,.section::after,
  .rewards-v2::before,.rewards-v2::after,
  .smartmeasure-shell::before,.smartmeasure-shell::after,
  .manufacturer-card::before,.manufacturer-card::after,
  .loyalty-card::before,.loyalty-card::after{animation:none!important;filter:none!important}
  .logo-backlight,.logo-backlight img,
  .loyalty-card,.member-card,.reward-path-title,
  .manufacturer-card,.manufacturer-face,
  .experience-photo-card,.experience-card-image,
  .button,.text-link,.join-rewards,
  .smartmeasure-logo,.smartmeasure-shell,
  .rewards-heading h2,.rewards-heading .eyebrow{
    animation:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  .button::before,.button::after,.text-link::before,.text-link::after,
  .manufacturer-card .shine,.manufacturer-card .text-link::after,
  .progress-track i::after{animation:none!important;display:none!important}
  .reveal{transition:opacity .42s ease,transform .42s ease!important;filter:none!important}
  .reveal.visible{transform:none!important}
  .manufacturer-gallery{scroll-behavior:auto!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
  .brand-marquee-track,.top-marquee-track{animation-duration:34s!important}
  dialog::backdrop,.glass,.site-header,.hero-dock,.visit-card,.join-rewards{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important
  }
  .scroll-progress{display:none!important}
}


/* V64 — decisive mobile smooth-scroll pass */
@media (max-width:900px){
  /* content-visibility caused visible pauses as large sections entered the viewport */
  main>section{content-visibility:visible!important;contain:none!important;contain-intrinsic-size:auto!important}

  /* Mobile prioritizes direct, native scrolling. Desktop retains the full motion system. */
  *,*::before,*::after{
    scroll-behavior:auto!important;
  }
  body,main,.section,.rewards-v2,.experience,.visit,.calculator-section{
    transform:none!important;
    perspective:none!important;
  }
  main>section,
  .reveal,.reveal.visible,.section-heading,.section-heading.visible,
  .manufacturer-card,.manufacturer-face,.experience-photo-card,
  .loyalty-card,.member-card,.reward-step,.join-rewards,
  .smartmeasure-shell,.calculator-card,.measure-rail,
  .button,.text-link,.logo-backlight,.logo-backlight img{
    animation:none!important;
    transition:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  .reveal,.section-heading,.manufacturer-card,.experience-photo-card{
    opacity:1!important;
    transform:none!important;
  }
  .manufacturer-gallery{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity!important;
    touch-action:pan-x!important;
  }
  .manufacturer-gallery .manufacturer-card{scroll-snap-align:center!important}
  .brand-marquee-track,.top-marquee-track{animation:none!important;transform:none!important}
  .brand-marquee,.top-marquee{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .brand-marquee-track,.top-marquee-track{width:max-content!important}
  .scroll-progress{display:none!important}
  .hero-premium::before,.hero-premium::after,
  .smartmeasure-shell::before,.smartmeasure-shell::after,
  .rewards-v2::before,.rewards-v2::after,
  .experience-photo-card::before,.experience-photo-card::after,
  .manufacturer-card::before,.manufacturer-card::after,
  .button::before,.button::after{display:none!important}
  .glass,.site-header,.hero-dock,.visit-card,.join-rewards,
  .calculator-card,.loyalty-card{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  img{content-visibility:auto}
}


/* V65 — restore Experience cards 01–04 after mobile performance pass */
.experience,
.experience-grid,
.experience-grid > article.experience-photo-card{
  visibility:visible!important;
  opacity:1!important;
}
.experience-grid > article.experience-photo-card{
  display:grid!important;
}
.experience-grid > article.experience-photo-card > img.experience-card-image{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  content-visibility:visible!important;
  contain:none!important;
  width:100%!important;
  max-width:100%!important;
  object-fit:cover!important;
  z-index:1!important;
}
.experience-grid > article.experience-photo-card > div{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2!important;
}
@media(max-width:900px){
  /* Do not defer these four key cards; they must render immediately. */
  .experience,
  .experience-grid,
  .experience-grid > article.experience-photo-card,
  .experience-grid > article.experience-photo-card > img.experience-card-image,
  .experience-grid > article.experience-photo-card > div{
    content-visibility:visible!important;
    contain:none!important;
  }
  .experience-grid > article.experience-photo-card{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .experience-grid > article.experience-photo-card > img.experience-card-image{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    aspect-ratio:16/10!important;
    height:auto!important;
    min-height:220px!important;
    transform:none!important;
    animation:none!important;
  }
  .experience-grid > article.experience-photo-card > div{
    position:relative!important;
    grid-row:2!important;
    transform:none!important;
    animation:none!important;
  }
  img{content-visibility:visible!important}
}

/* V66 — clean, conflict-proof Supply Experience rebuild */
.experience-v66{overflow:visible!important;content-visibility:visible!important;contain:none!important}
.experience-heading-v66{margin:0 auto 42px!important;text-align:center!important;max-width:980px!important}
.experience-heading-v66 .eyebrow,.experience-heading-v66 h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.experience-v66-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;position:relative!important;overflow:visible!important}
.experience-v66-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;position:relative!important;overflow:hidden!important;background:#12151b!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;box-shadow:0 22px 60px rgba(0,0,0,.38)!important;opacity:1!important;transform:none!important;animation:none!important;visibility:visible!important}
.experience-v66-card img{display:block!important;width:100%!important;height:300px!important;min-height:300px!important;object-fit:cover!important;object-position:center!important;position:relative!important;inset:auto!important;z-index:1!important;opacity:1!important;transform:none!important;animation:none!important;filter:none!important}
.experience-v66-copy{display:block!important;position:relative!important;inset:auto!important;z-index:2!important;width:100%!important;padding:28px 30px 32px!important;background:linear-gradient(180deg,#151820,#0d0f14)!important;opacity:1!important;transform:none!important;color:#fff!important}
.experience-v66-copy span{display:block!important;color:#ff313a!important;font:800 2.25rem/1 "Barlow Condensed",sans-serif!important;margin-bottom:8px!important}
.experience-v66-copy h3{font-size:clamp(2rem,3.4vw,3.15rem)!important;line-height:.98!important;margin:0 0 14px!important;overflow-wrap:anywhere!important}
.experience-v66-copy p{margin:0 0 20px!important;font-size:1rem!important;line-height:1.6!important;color:#c8cbd2!important;max-width:none!important;overflow-wrap:anywhere!important}
.experience-v66-copy .button{margin-top:4px!important}
@media(max-width:760px){
  .experience-v66{padding-top:72px!important;padding-bottom:72px!important}
  .experience-heading-v66{margin-bottom:28px!important;padding:0 4px!important}
  .experience-heading-v66 h2{font-size:clamp(3rem,15vw,5rem)!important;line-height:.92!important}
  .experience-v66-grid{grid-template-columns:1fr!important;gap:22px!important;max-width:100%!important}
  .experience-v66-card{border-radius:18px!important;margin:0!important}
  .experience-v66-card img{height:auto!important;min-height:0!important;aspect-ratio:16/10!important;object-fit:cover!important}
  .experience-v66-copy{padding:24px 22px 28px!important}
  .experience-v66-copy h3{font-size:2.35rem!important}
}

/* V67 — CTA integrity, premium motion, and speed pass */
html{overflow-x:clip;scroll-behavior:auto}
body{overflow-x:clip}
[data-v67-reveal]{opacity:0;transform:translate3d(0,26px,0) scale(.985);transition:opacity .72s ease,transform .82s cubic-bezier(.2,.8,.2,1);transition-delay:var(--v67-delay,0ms)}
[data-v67-reveal].v67-visible{opacity:1;transform:none}
.experience-v66-card[data-v67-reveal]:nth-child(odd){transform:translate3d(-34px,24px,0) scale(.985)}
.experience-v66-card[data-v67-reveal]:nth-child(even){transform:translate3d(34px,24px,0) scale(.985)}
.experience-v66-card[data-v67-reveal].v67-visible{transform:none}
.v67-cta{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);transition:transform .22s ease,box-shadow .3s ease,border-color .3s ease}
.v67-cta::after{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.2) 47%,transparent 68%);transform:translateX(-125%);animation:v67-sheen 5.8s ease-in-out infinite;pointer-events:none}
.v67-cta:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(237,27,45,.28)}
.v67-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.46);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:v67-ripple .62s ease-out forwards;z-index:5}
.logo-backlight{isolation:isolate}
.logo-backlight::before{animation-duration:4.8s!important}
.experience-v66-card{contain:layout paint;content-visibility:auto;contain-intrinsic-size:680px}
.experience-v66-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#14171d}
@keyframes v67-sheen{0%,64%{transform:translateX(-125%)}82%,100%{transform:translateX(125%)}}
@keyframes v67-ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}
@media (max-width:900px){
  html,body{overscroll-behavior-x:none}
  *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  [data-v67-reveal]{transform:translate3d(0,18px,0);transition-duration:.48s,.56s}
  .experience-v66-card[data-v67-reveal]:nth-child(n){transform:translate3d(0,18px,0)}
  .experience-v66-card[data-v67-reveal].v67-visible{transform:none}
  .v67-cta::after{animation-duration:8s}
  .v67-cta:hover{transform:none;box-shadow:0 8px 22px rgba(237,27,45,.18)}
  .experience-v66-card{content-visibility:visible;contain:none}
  .experience-v66-card img{aspect-ratio:16/10}
  main>section{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  [data-v67-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .v67-cta::after,.logo-backlight::before{animation:none!important}
  *{scroll-behavior:auto!important}
}

/* ===== V68: CTA polish, collection motion restore, clean logo cards ===== */
/* Remove the red bloom behind the hero supply statement only. */
.hero-v44-left{
  background:linear-gradient(110deg,#050607 0%,#090a0c 72%,rgba(9,10,12,.94) 100%)!important;
}
.hero-v44-copy{
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

/* Keep manufacturer/logo labels sleek without red back-glow. */
.logo-item,
.manufacturer-logo-image,
.product-logo,
.brand-choice-logo,
.hero-v44-stock-logos img{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.logo-item::before,.logo-item::after,
.manufacturer-logo-image::before,.manufacturer-logo-image::after,
.product-logo::before,.product-logo::after{
  display:none!important;
}

/* Make the all-brand control impossible to miss. */
.all-brands-toggle{
  animation:v68BrandsPulse 1.8s ease-in-out infinite!important;
  transform-origin:center;
  box-shadow:0 0 0 0 rgba(237,28,36,.55),0 16px 40px rgba(0,0,0,.32)!important;
}
@keyframes v68BrandsPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(237,28,36,.5),0 16px 40px rgba(0,0,0,.32)}
  50%{transform:scale(1.035);box-shadow:0 0 0 11px rgba(237,28,36,0),0 20px 54px rgba(237,28,36,.28)}
}

/* Add intentional breathing room before the Supply Experience heading. */
.experience.section{
  padding-top:clamp(72px,8vw,118px)!important;
}
.experience-heading{
  margin-top:0!important;
}

/* Restore individual collection-card bounce after the mobile speed pass. */
#brands .manufacturer-card{
  animation:v68CollectionBounce 2.9s cubic-bezier(.22,.8,.3,1.18) infinite!important;
  will-change:transform;
}
#brands .manufacturer-card:nth-child(2n){animation-delay:-.48s!important}
#brands .manufacturer-card:nth-child(3n){animation-delay:-.96s!important}
#brands .manufacturer-card:nth-child(4n){animation-delay:-1.44s!important}
@keyframes v68CollectionBounce{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  42%{transform:translate3d(0,-15px,0) scale(1.018)}
  58%{transform:translate3d(0,3px,0) scale(.996)}
  72%{transform:translate3d(0,-5px,0) scale(1.006)}
}

@media(max-width:900px){
  .hero-v44-left{background:#090a0d!important}
  .experience.section{padding-top:66px!important}
  #brands .manufacturer-card{
    animation:v68CollectionBounceMobile 3.2s ease-in-out infinite!important;
  }
  @keyframes v68CollectionBounceMobile{
    0%,100%{transform:translate3d(0,0,0)}
    46%{transform:translate3d(0,-9px,0)}
    62%{transform:translate3d(0,2px,0)}
  }
}
@media(prefers-reduced-motion:reduce){
  .all-brands-toggle,#brands .manufacturer-card{animation:none!important}
}

/* V71 — compare collection: visible individual bounce with smooth mobile auto-scroll */
#brands .manufacturer-gallery{
  scroll-behavior:auto!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
#brands .manufacturer-card{
  animation:none!important;
  transform:none!important;
}
#brands .manufacturer-card .manufacturer-face{
  will-change:transform;
  animation:v71CompareBounce 2.8s cubic-bezier(.45,.05,.28,1) infinite!important;
  transform-origin:center bottom;
}
#brands .manufacturer-card:nth-child(2) .manufacturer-face{animation-delay:-.40s!important}
#brands .manufacturer-card:nth-child(3) .manufacturer-face{animation-delay:-.80s!important}
#brands .manufacturer-card:nth-child(4) .manufacturer-face{animation-delay:-1.20s!important}
#brands .manufacturer-card:nth-child(5) .manufacturer-face{animation-delay:-1.60s!important}
#brands .manufacturer-card:nth-child(6) .manufacturer-face{animation-delay:-2.00s!important}
#brands .manufacturer-card:nth-child(7) .manufacturer-face{animation-delay:-2.40s!important}
@keyframes v71CompareBounce{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  12%{transform:translate3d(0,-15px,0) scale(1.012)}
  22%{transform:translate3d(0,2px,0) scale(.998)}
  30%{transform:translate3d(0,-6px,0) scale(1.004)}
  42%,88%{transform:translate3d(0,0,0) scale(1)}
}
@media(max-width:900px){
  #brands .manufacturer-card .manufacturer-face{
    animation:v71CompareBounceMobile 3.1s cubic-bezier(.45,.05,.28,1) infinite!important;
  }
  @keyframes v71CompareBounceMobile{
    0%,100%{transform:translate3d(0,0,0)}
    13%{transform:translate3d(0,-9px,0)}
    23%{transform:translate3d(0,1px,0)}
    31%{transform:translate3d(0,-4px,0)}
    43%,88%{transform:translate3d(0,0,0)}
  }
}
@media(prefers-reduced-motion:reduce){
  #brands .manufacturer-card .manufacturer-face{animation:none!important}
}

/* V73 — reliable mobile Compare-card auto-scroll */
@media (max-width:900px){
  #brands .manufacturer-gallery.mobile-auto-scroll{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    touch-action:pan-x pan-y;
  }
  #brands .manufacturer-gallery.mobile-auto-scroll > .manufacturer-card{
    scroll-snap-align:none!important;
    flex-shrink:0!important;
  }
}

/* V74 — force reliable mobile movement for the individual Compare cards. */
@media (max-width:900px){
  #brands .manufacturer-gallery.v74-running{
    display:flex!important;
    width:auto!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    gap:16px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    touch-action:pan-x pan-y!important;
  }
  #brands .manufacturer-gallery.v74-running > .manufacturer-card{
    flex:0 0 82vw!important;
    width:82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
    scroll-snap-align:none!important;
  }
}

/* V75 — dependable moving Compare cards using a translated duplicate track.
   This avoids mobile Safari's inconsistent programmatic scrollLeft behavior. */
#brands .manufacturer-gallery.v75-carousel{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:18px 0 22px!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  touch-action:pan-y!important;
}
#brands .v75-carousel-track{
  display:flex!important;
  width:max-content!important;
  gap:0!important;
  transform:translate3d(0,0,0);
  animation:v75CompareTravel var(--v75-duration,34s) linear infinite!important;
  will-change:transform;
}
#brands .v75-carousel.v75-paused .v75-carousel-track{
  animation-play-state:paused!important;
}
#brands .v75-carousel-group{
  display:flex!important;
  align-items:stretch!important;
  gap:18px!important;
  padding-right:18px!important;
  flex:none!important;
}
#brands .v75-carousel-group > .manufacturer-card{
  flex:0 0 clamp(300px,31vw,410px)!important;
  width:clamp(300px,31vw,410px)!important;
  min-width:clamp(300px,31vw,410px)!important;
  max-width:clamp(300px,31vw,410px)!important;
  margin:0!important;
  scroll-snap-align:none!important;
  transform:none!important;
  animation:none!important;
}
#brands .v75-carousel-group > .manufacturer-card .manufacturer-face{
  animation:v75CardBounce 3.4s cubic-bezier(.45,.05,.28,1) infinite!important;
  transform-origin:center bottom;
}
#brands .v75-carousel-group > .manufacturer-card:nth-child(2) .manufacturer-face{animation-delay:-.55s!important}
#brands .v75-carousel-group > .manufacturer-card:nth-child(3) .manufacturer-face{animation-delay:-1.1s!important}
#brands .v75-carousel-group > .manufacturer-card:nth-child(4) .manufacturer-face{animation-delay:-1.65s!important}
#brands .v75-carousel-group > .manufacturer-card:nth-child(5) .manufacturer-face{animation-delay:-2.2s!important}
#brands .v75-carousel-group > .manufacturer-card:nth-child(6) .manufacturer-face{animation-delay:-2.75s!important}
#brands .v75-carousel-group > .manufacturer-card:nth-child(7) .manufacturer-face{animation-delay:-3.3s!important}
@keyframes v75CompareTravel{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes v75CardBounce{
  0%,100%{transform:translate3d(0,0,0)}
  12%{transform:translate3d(0,-13px,0)}
  23%{transform:translate3d(0,2px,0)}
  32%{transform:translate3d(0,-5px,0)}
  44%,88%{transform:translate3d(0,0,0)}
}
@media(max-width:900px){
  #brands .manufacturer-gallery.v75-carousel{
    overflow:hidden!important;
    padding:15px 0 20px!important;
    touch-action:pan-y!important;
  }
  #brands .v75-carousel-group{gap:15px!important;padding-right:15px!important}
  #brands .v75-carousel-group > .manufacturer-card{
    flex-basis:82vw!important;
    width:82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
  }
  #brands .v75-carousel-group > .manufacturer-card .manufacturer-face{
    animation-name:v75CardBounceMobile!important;
    animation-duration:3.2s!important;
  }
  @keyframes v75CardBounceMobile{
    0%,100%{transform:translate3d(0,0,0)}
    14%{transform:translate3d(0,-9px,0)}
    25%{transform:translate3d(0,1px,0)}
    34%{transform:translate3d(0,-4px,0)}
    46%,88%{transform:translate3d(0,0,0)}
  }
}
@media(prefers-reduced-motion:reduce){
  #brands .v75-carousel-track,#brands .v75-carousel-group > .manufacturer-card .manufacturer-face{animation:none!important}
}

/* ===== V76 — rebuilt manufacturer collection, CSS-only reliable motion ===== */
#brands .collection-viewport{
  position:relative;
  width:100%;
  overflow:hidden;
  margin:38px 0 42px;
  padding:24px 0 34px;
  contain:layout paint;
  isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
#brands .collection-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:v76CollectionScroll 46s linear infinite;
}
#brands .collection-set{
  display:flex;
  gap:22px;
  padding-right:22px;
  flex:none;
}
#brands .collection-viewport:hover .collection-track,
#brands .collection-viewport:focus-within .collection-track{animation-play-state:paused}
#brands .collection-viewport .manufacturer-card{
  flex:0 0 clamp(300px,29vw,410px)!important;
  width:clamp(300px,29vw,410px)!important;
  min-height:440px!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
  scroll-snap-align:none!important;
  background:linear-gradient(150deg,rgba(35,38,45,.98),rgba(10,11,15,.99))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:28px!important;
  overflow:hidden;
  box-shadow:0 24px 55px rgba(0,0,0,.45)!important;
}
#brands .collection-viewport .manufacturer-face{
  height:100%;
  padding:28px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
  animation:v76CardBounce 3.8s ease-in-out infinite;
}
#brands .collection-set .manufacturer-card:nth-child(2n) .manufacturer-face{animation-delay:-.65s}
#brands .collection-set .manufacturer-card:nth-child(3n) .manufacturer-face{animation-delay:-1.3s}
#brands .collection-set .manufacturer-card:nth-child(4n) .manufacturer-face{animation-delay:-1.95s}
#brands .collection-set .manufacturer-card:nth-child(5n) .manufacturer-face{animation-delay:-2.6s}
#brands .collection-viewport .manufacturer-logo{
  min-height:150px!important;
  height:150px!important;
  padding:20px!important;
  margin:0 0 22px!important;
  border-radius:22px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#brands .collection-viewport .manufacturer-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  max-width:260px!important;
}
#brands .collection-viewport .manufacturer-face>span{
  color:#ff5260!important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.11em;
  margin-bottom:16px;
}
#brands .collection-viewport .manufacturer-face p{
  color:#d2d4da!important;
  line-height:1.65;
  flex:1;
}
#brands .collection-viewport .text-link{align-self:flex-start;margin-top:18px}
@keyframes v76CollectionScroll{to{transform:translate3d(-50%,0,0)}}
@keyframes v76CardBounce{
  0%,100%{transform:translateY(0)}
  45%{transform:translateY(-12px)}
  58%{transform:translateY(2px)}
  70%{transform:translateY(-4px)}
}
@media(max-width:700px){
  #brands .collection-viewport{
    margin:28px -18px 34px;
    width:calc(100% + 36px);
    padding:20px 0 32px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  }
  #brands .collection-track{animation-duration:38s}
  #brands .collection-set{gap:16px;padding-right:16px}
  #brands .collection-viewport .manufacturer-card{
    flex-basis:82vw!important;
    width:82vw!important;
    min-height:430px!important;
    border-radius:24px!important;
  }
  #brands .collection-viewport .manufacturer-face{padding:22px!important;animation-duration:3.4s}
  #brands .collection-viewport .manufacturer-logo{height:142px!important;min-height:142px!important}
}
@media(prefers-reduced-motion:reduce){
  #brands .collection-track,#brands .collection-viewport .manufacturer-face{animation:none!important}
  #brands .collection-viewport{overflow-x:auto}
}
/* V82 appointment forklift hero + responsive crop */
.visit > img {
  object-position: center center;
}
@media (max-width: 760px) {
  .visit > img {
    object-position: 58% center;
  }
}