*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03101c;color:#f6f7f8;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1500px,94%);margin:auto}.header{position:sticky;top:0;z-index:50;background:#020c16;border-bottom:1px solid #172534}.navrow{height:86px;display:flex;align-items:center;gap:45px}.logo{font-size:38px;font-weight:900;letter-spacing:.02em}.logo span{color:#e8b83c}.logo small{font-size:12px;margin-left:8px;letter-spacing:.25em}.navrow nav{display:flex;gap:40px;margin-left:auto}.navrow nav a{font-weight:800;font-size:14px;text-transform:uppercase}.navrow nav a:hover{color:#e8b83c}.sound{border:1px solid #b98a25;background:#081522;color:#e8b83c;padding:13px 18px;border-radius:14px;font-weight:800}.eyebrow{font-size:11px;letter-spacing:.18em;color:#e8b83c;font-weight:900}.goldbtn,.outlinebtn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:8px;font-weight:900;font-size:13px;letter-spacing:.02em}.goldbtn{background:linear-gradient(135deg,#f0c34e,#d99c20);color:#07111b}.outlinebtn{border:1px solid #d9a52f;background:#07131f;color:#fff}.hero-home{min-height:650px;display:grid;grid-template-columns:50% 50%;background:linear-gradient(135deg,#06131f,#020a12);overflow:hidden}.hero-copy{padding:95px 5vw 80px 6vw;display:flex;flex-direction:column;justify-content:center}.hero-copy h1,.inventory-intro h1,.contact-copy h1{font-size:clamp(54px,6vw,94px);line-height:.98;margin:14px 0 22px;letter-spacing:-.045em}.hero-copy h1 em,.inventory-intro h1 em,.contact-copy h1 em,.request-poster em{font-style:normal;color:#e8b83c}.hero-copy p,.inventory-intro p,.contact-copy p{max-width:680px;color:#c1c9d1;font-size:17px;line-height:1.6}.hero-ctas{display:flex;gap:14px;margin-top:22px}.hero-photo{position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:before{content:"";position:absolute;z-index:2;left:-90px;top:-60px;width:180px;height:800px;background:#06131f;transform:rotate(38deg);border-right:3px solid #d59e25}.hero-chips{position:absolute;z-index:3;right:4%;bottom:7%;display:flex;gap:1px;border:1px solid #394756;border-radius:14px;overflow:hidden;background:rgba(2,12,22,.88)}.hero-chips span{padding:18px 22px;font-size:12px;font-weight:800;border-right:1px solid #394756}.hero-chips span:last-child{border:0}.process{padding:65px 0 55px;background:#051421}.section-title{display:flex;align-items:center;justify-content:center;gap:25px}.section-title i{height:1px;width:110px;background:#a8781d}.section-title h2{font-size:30px}.steps{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;align-items:stretch;margin-top:35px}.steps>div:not(.arrow){padding:28px;text-align:center;background:linear-gradient(145deg,#0b1b2b,#07131f);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%)}.steps b{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e8b83c;color:#07111b}.steps span{display:block;font-size:38px;margin:12px}.steps h3{color:#e8b83c;margin:5px}.steps p{color:#aab5be;font-size:13px;line-height:1.45}.arrow{display:grid;place-items:center;color:#e8b83c;font-size:36px}.benefit-band{padding:20px 0 55px;background:#051421}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #8f6920;border-radius:16px;overflow:hidden}.benefits>div{padding:25px;text-align:center;border-right:1px solid #2c3945}.benefits>div:last-child{border:0}.benefits span{font-size:28px;color:#e8b83c;display:block;margin-bottom:8px}.benefits strong,.benefits small{display:block}.benefits strong{color:#e8b83c}.benefits small{color:#aab5be;margin-top:7px;line-height:1.4}.retailer-strip{padding:40px 0;text-align:center;background:#020c16}.retailer-strip .wrap{display:flex;justify-content:center;gap:55px;flex-wrap:wrap;font-size:18px;font-weight:900;color:#d8dee4}.retailer-strip p{max-width:900px;margin:24px auto 0;color:#758390;font-size:10px}.inventory-intro{padding:70px 0 45px;background:radial-gradient(circle at 80% 0,rgba(232,184,60,.12),transparent 25%),#04111d}.inventory-intro h1{font-size:clamp(48px,5vw,76px);margin-bottom:15px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.filters button{border:1px solid #2b3a49;background:#071522;color:#b4c0ca;padding:10px 14px;border-radius:999px;font-weight:800}.filters button.active,.filters button:hover{background:#e8b83c;color:#07111b;border-color:#e8b83c}.load-list{display:grid;gap:34px;padding:25px 0 55px}.load-card{display:grid;grid-template-columns:48% 52%;min-height:610px;border:1px solid #7a5b20;border-radius:22px;overflow:hidden;background:#061522;box-shadow:0 25px 70px rgba(0,0,0,.25)}.load-visual{position:relative;background:#020b13;min-width:0}.reference-ribbon,.sample-only{position:absolute;z-index:6;top:22px;font-weight:900;font-size:11px;letter-spacing:.08em}.reference-ribbon{left:22px;background:#e8b83c;color:#07111b;padding:12px 22px;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.sample-only{right:22px;border:1px solid #d7a128;background:#07131f;color:#e8b83c;padding:11px 15px;border-radius:10px}.slider{height:440px;position:relative;overflow:hidden;background:#081522}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}.slide.active{opacity:1}.slider:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,15,.18),rgba(1,8,15,.05) 50%,rgba(1,8,15,.85));pointer-events:none}.slide-prev,.slide-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(2,12,22,.75);color:#fff;font-size:30px;cursor:pointer}.slide-prev{left:13px}.slide-next{right:13px}.retailer-name{position:absolute;z-index:5;left:30px;bottom:116px;font-size:36px;font-weight:950;text-shadow:0 3px 10px #000}.retailer-name.walmart{color:#fff}.retailer-name.home{color:#f59b48}.retailer-name.fashion{color:#e8cf96}.visual-sub{position:absolute;z-index:5;left:31px;bottom:88px;color:#c4cdd4;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.thumbs{position:absolute;z-index:7;left:28px;right:28px;bottom:19px;display:flex;gap:8px}.thumb{width:72px;height:52px;padding:0;border-radius:8px;border:2px solid transparent;background:#091421;overflow:hidden;cursor:pointer}.thumb.active{border-color:#e8b83c}.thumb img{width:100%;height:100%;object-fit:cover}.load-info{padding:34px 38px;display:flex;flex-direction:column;justify-content:center}.program{font-size:11px;letter-spacing:.14em;color:#e8b83c;font-weight:900}.load-info h2{font-size:42px;margin:8px 0 20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #2b3946;padding:18px 0;margin-bottom:19px}.metrics>div{text-align:center;border-right:1px solid #2b3946}.metrics>div:last-child{border:0}.metrics strong{display:block;font-size:29px}.metrics small{display:block;margin-top:6px;color:#8996a1;letter-spacing:.1em}.load-info>p{color:#b7c1ca;line-height:1.55}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:13px 0 18px}.facts div{padding:12px 0;border-bottom:1px solid #1e2c38}.facts small,.facts strong{display:block}.facts small{color:#7f8c97;font-size:9px;letter-spacing:.1em}.facts strong{font-size:12px;margin-top:4px}.manifest-box{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #6e5728;border-radius:12px;background:rgba(232,184,60,.05)}.manifest-box>span{font-size:26px;color:#e8b83c}.manifest-box div{flex:1}.manifest-box strong,.manifest-box small{display:block}.manifest-box small{color:#83909b;font-size:9px;margin-top:3px}.manifest-box a{font-size:10px;font-weight:900;color:#e8b83c}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.actions a{font-size:10px}.inventory-note{padding:35px 0 60px;text-align:center}.inventory-note strong{color:#e8b83c}.inventory-note p{color:#87939e;max-width:850px;margin:10px auto}.contact-hero{min-height:640px;display:grid;grid-template-columns:46% 54%;background:#051421}.contact-copy{padding:90px 5vw 80px 6vw;display:flex;flex-direction:column;justify-content:center}.contact-copy h1{font-size:clamp(52px,5.4vw,85px)}.retailer-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:8px;padding:24px}.collage-card{position:relative;background-size:cover;background-position:center;border:1px solid #6f5627;border-radius:12px;overflow:hidden;min-height:180px}.collage-card:first-child{grid-row:span 2}.collage-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,11,18,.88))}.collage-card b{position:absolute;z-index:2;left:18px;bottom:15px;font-size:22px}.collage-card.home b{color:#f2a05c}.collage-card.fashion b{color:#e5cd96}.request-section{padding:70px 0;background:#020d17}.request-grid{display:grid;grid-template-columns:40% 60%;gap:36px}.request-poster{padding:30px}.request-poster h2{font-size:48px;line-height:1.03}.contact-points{display:grid;gap:13px;margin-top:40px}.contact-points span{padding:12px 0;border-bottom:1px solid #2a3844;color:#cbd3da}.request-form{border:1px solid #5f4a26;border-radius:18px;padding:30px;background:#071522}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{display:grid;gap:7px;color:#8d9aa5;font-size:10px;text-transform:uppercase;font-weight:800}.fields .full{grid-column:1/-1}.fields input,.fields select,.fields textarea{width:100%;border:1px solid #2c3a47;background:#03101c;color:#fff;padding:13px;border-radius:8px;font:inherit}.fields textarea{min-height:120px}.request-form .goldbtn{border:0;margin-top:18px;cursor:pointer}footer{padding:45px 0;background:#010912;border-top:1px solid #172432}.foot{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:40px}.foot p{color:#c2cad1}.foot p b{color:#e8b83c}.foot strong{color:#e8b83c;display:block;margin-bottom:10px}.foot a,.foot span{display:block;color:#9eabb6;margin:7px 0;font-size:13px}@media(max-width:900px){.navrow{gap:15px}.navrow nav{gap:16px}.sound{display:none}.hero-home,.contact-hero,.load-card,.request-grid{grid-template-columns:1fr}.hero-photo{min-height:470px}.steps{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.benefits{grid-template-columns:1fr 1fr}.load-visual{min-height:520px}.retailer-collage{min-height:650px}.foot{grid-template-columns:1fr 1fr}}@media(max-width:600px){.navrow{height:72px}.logo{font-size:28px}.navrow nav a{font-size:11px}.hero-copy,.contact-copy{padding:65px 6vw}.hero-home{min-height:auto}.hero-chips{display:none}.hero-photo{min-height:350px}.benefits{grid-template-columns:1fr}.load-info{padding:25px 20px}.slider{height:360px}.retailer-name{font-size:29px}.actions,.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.retailer-collage{grid-template-columns:1fr;grid-template-rows:none;padding:14px}.collage-card:first-child{grid-row:auto}.foot{grid-template-columns:1fr}.request-poster{padding:10px}.request-poster h2{font-size:38px}}

/* ===== V12: APPROVED INFOGRAPHIC HOME + ACTIVE NAV ===== */
.header{background:#010b15}
.navrow{height:92px}
.navrow .logo{font-size:48px;line-height:1}
.navrow .logo small{font-size:11px}
.navrow nav{gap:44px}
.navrow nav a{
  position:relative;
  display:flex;
  align-items:center;
  height:92px;
  font-size:14px;
  letter-spacing:.035em;
  color:#f0f2f4;
  transition:.2s ease;
}
.navrow nav a:hover{color:#e8b83c}
.navrow nav a.active{color:#e8b83c}
.navrow nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:3px;
  background:#e8b83c;
  border-radius:3px;
}
.sound{border-radius:11px;padding:14px 19px}

.infographic-home{background:#020b14}
.approved-hero{
  position:relative;
  width:100%;
  background:#020b14;
  overflow:hidden;
  line-height:0;
}
.approved-hero>img{
  display:block;
  width:100%;
  height:auto;
}
.hero-overlay{
  position:absolute;
  z-index:5;
  line-height:1;
}
.inventory-overlay{
  left:2.75%;
  top:75.05%;
  width:15.2%;
  height:11.8%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  background:linear-gradient(135deg,#f6c73f,#e0a51f);
  border-radius:8px;
  color:#09121b;
  font-size:clamp(9px,1.25vw,18px);
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.inventory-overlay span{font-size:1.45em}
.contact-overlay{
  left:19.95%;
  top:75.05%;
  width:14.8%;
  height:11.8%;
  border-radius:8px;
}
.approved-process-section{
  width:100%;
  line-height:0;
  background:#020b14;
  padding:22px 2.3% 10px;
}
.approved-process-section img{
  display:block;
  width:100%;
  height:auto;
}

.approved-info-band{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #8b651c;
  border-radius:17px;
  overflow:hidden;
  margin-top:18px;
  margin-bottom:30px;
  background:linear-gradient(180deg,#061522,#03101b);
}
.approved-info-item{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:12px;
  align-items:center;
  min-height:122px;
  padding:20px 22px;
  border-right:1px solid #39434c;
}
.approved-info-item:last-child{border-right:0}
.info-icon{
  width:52px;height:52px;border:2px solid #e8b83c;border-radius:50%;
  display:grid;place-items:center;color:#e8b83c;font-size:25px;font-weight:900;
}
.approved-info-item strong{display:block;color:#fff;font-size:14px;letter-spacing:.02em}
.approved-info-item span{display:block;color:#bbc4cc;font-size:12px;line-height:1.45;margin-top:7px}

.retailer-program-band{
  padding:34px 0 30px;
  background:#010a13;
  text-align:center;
  border-top:1px solid #132230;
}
.retailer-programs{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:62px;
  flex-wrap:wrap;
  font-weight:900;
  font-size:17px;
  color:#eef1f3;
}
.retailer-programs b{color:#e8b83c}
.retailer-program-band p{
  max-width:900px;
  margin:22px auto 0;
  color:#707e89;
  font-size:9px;
  line-height:1.5;
}
.home-final-banner{
  padding:29px 4%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  background:#020b14;
}
.home-final-banner span{height:1px;background:#8c651b;flex:1;max-width:300px}
.home-final-banner p{margin:0;letter-spacing:.22em;font-size:12px;text-align:center;color:#e7ebee}
.home-final-banner b{color:#e8b83c}

@media(max-width:900px){
  .navrow .logo{font-size:36px}
  .navrow nav{gap:22px}
  .approved-info-band{grid-template-columns:1fr 1fr}
  .approved-info-item:nth-child(2){border-right:0}
  .approved-info-item:nth-child(-n+2){border-bottom:1px solid #39434c}
  .retailer-programs{gap:28px}
}
@media(max-width:600px){
  .navrow{height:74px}
  .navrow .logo{font-size:29px}
  .navrow nav a{height:74px;font-size:11px}
  .navrow nav a.active:after{bottom:9px;height:2px}
  .approved-hero{overflow-x:hidden}
  .approved-hero>img{
    width:185%;
    max-width:none;
    transform:translateX(-1%);
  }
  .inventory-overlay{
    left:5%;
    top:75%;
    width:28%;
    height:12%;
    font-size:8px;
  }
  .contact-overlay{left:36.8%;top:75%;width:27%;height:12%}
  .approved-process-section{
    overflow-x:auto;
    padding:16px 0 10px;
  }
  .approved-process-section img{width:1100px;max-width:none}
  .approved-info-band{grid-template-columns:1fr;margin-top:8px}
  .approved-info-item{border-right:0!important;border-bottom:1px solid #39434c!important}
  .approved-info-item:last-child{border-bottom:0!important}
  .retailer-programs{font-size:13px}
  .home-final-banner p{font-size:9px;letter-spacing:.12em}
}


/* ===== V13: targeted fixes ===== */

/* Explore Inventory text centered */
.inventory-overlay{
  text-align:center !important;
  justify-content:center !important;
  padding:0 14px !important;
}
.inventory-overlay .overlay-label{
  flex:1;
  display:block;
  text-align:center;
  line-height:1.08;
}
.inventory-overlay .overlay-arrow{
  flex:0 0 auto;
  margin-left:2px;
}

/* Keep PALIX LLC together in header/footer on every page */
.logo{
  display:inline-flex !important;
  align-items:baseline;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  width:max-content;
  max-width:100%;
}
.logo span,.logo small{
  display:inline-block !important;
  white-space:nowrap !important;
}
.foot>div:first-child{
  min-width:260px;
}
.foot .logo{
  font-size:38px;
  line-height:1;
}
.foot .logo small{
  margin-left:8px;
}

/* Contact: remove image/collage area and make intro infographic-copy focused */
.contact-hero-clean{
  min-height:560px;
  display:block !important;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(115deg,rgba(4,17,29,.97) 0%,rgba(4,17,29,.92) 55%,rgba(4,17,29,.78) 100%),
    radial-gradient(circle at 85% 40%,rgba(232,184,60,.18),transparent 28%),
    #04111d;
}
.contact-hero-clean:after{
  content:"";
  position:absolute;
  top:-80px;
  right:7%;
  width:320px;
  height:780px;
  transform:rotate(28deg);
  border-left:2px solid #a77a22;
  border-right:28px solid rgba(232,184,60,.07);
  pointer-events:none;
}
.contact-hero-clean .contact-copy{
  width:min(980px,88%);
  min-height:560px;
  padding:76px 0 72px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
.contact-hero-clean .contact-copy h1{
  max-width:820px;
}

/* Approved infographic inventory card */
.load-list{gap:42px}
.approved-infographic-card{
  display:block !important;
  min-height:0 !important;
  border:1px solid #9a711f;
  border-radius:22px;
  overflow:hidden;
  background:#03101c;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
}
.card-main{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:610px;
}
.approved-visual{
  min-height:610px;
  overflow:hidden;
  border-right:1px solid #263441;
}
.approved-slider{
  height:100% !important;
  min-height:610px;
}
.approved-slider:after{
  background:
    linear-gradient(180deg,rgba(1,7,12,.06) 0%,rgba(1,7,12,.02) 52%,rgba(1,7,12,.78) 78%,rgba(1,7,12,.95) 100%) !important;
}
.approved-slider .slide-prev,.approved-slider .slide-next{
  display:none;
}
.reference-ribbon{
  top:28px;
  left:27px;
  font-size:13px;
  padding:14px 28px;
  z-index:10;
}
.sample-only{
  top:27px;
  right:27px;
  padding:12px 18px;
  border-radius:14px;
  z-index:10;
}
.approved-visual-brand{
  position:absolute;
  z-index:8;
  left:36px;
  right:36px;
  bottom:128px;
}
.approved-visual-brand strong{
  display:block;
  font-size:38px;
  line-height:1;
  color:#fff;
  text-shadow:0 2px 12px #000;
}
.approved-visual-brand span{
  display:block;
  margin-top:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  color:#d0d7dd;
}
.approved-visual-brand.retailer-homedepot strong{color:#f2a05c}
.approved-visual-brand.retailer-lowes strong{color:#c7ddf1}
.approved-visual-brand.retailer-fashion strong{color:#ead49e}

.approved-thumbs{
  position:absolute;
  z-index:12;
  left:18px;
  right:18px;
  bottom:22px;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  gap:10px;
  align-items:center;
}
.approved-thumbs .thumbs{
  position:static !important;
  display:flex;
  justify-content:center;
  gap:10px;
}
.approved-thumbs .thumb{
  width:88px;
  height:68px;
  border-radius:10px;
  border:2px solid rgba(255,255,255,.12);
  opacity:.9;
}
.approved-thumbs .thumb.active{
  border-color:#f0b522;
  box-shadow:0 0 0 1px #f0b522;
  opacity:1;
}
.gallery-arrow{
  position:static !important;
  transform:none !important;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(2,12,22,.82);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}
.gallery-arrow.mirror-prev{justify-self:start}
.gallery-arrow.mirror-next{justify-self:end}

.approved-info{
  padding:34px 40px 28px !important;
  justify-content:flex-start !important;
}
.approved-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:22px;
}
.approved-title-row h2{
  font-size:48px !important;
  line-height:1.04;
  margin:10px 0 0 !important;
}
.favorite-btn{
  flex:0 0 auto;
  width:62px;
  height:62px;
  border-radius:50%;
  border:1px solid #b48224;
  background:#04111d;
  color:#fff;
  font-size:32px;
  cursor:pointer;
}
.approved-divider{
  height:1px;
  background:#32404c;
  margin:24px 0 18px;
}
.approved-metrics{
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  grid-template-columns:repeat(3,1fr);
}
.approved-metrics>div{
  display:grid;
  grid-template-columns:48px auto;
  grid-template-areas:
    "icon value"
    "icon label";
  align-items:center;
  justify-content:center;
  gap:0 10px;
  border-right:1px solid #3a4652 !important;
  padding:8px 14px !important;
}
.approved-metrics>div:last-child{border-right:0 !important}
.metric-icon{
  grid-area:icon;
  color:#f0a900;
  font-size:35px;
}
.approved-metrics strong{
  grid-area:value;
  text-align:left;
  font-size:34px !important;
}
.approved-metrics small{
  grid-area:label;
  text-align:left;
  margin-top:2px !important;
  font-size:12px;
}
.approved-description p{
  color:#e1e5e8;
  font-size:16px;
  line-height:1.58;
  margin:0;
}
.approved-facts-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
}
.approved-fact{
  min-height:80px;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
  border-right:0;
  border-bottom:0;
  padding:10px 0;
}
.approved-fact:nth-child(odd){
  border-right:1px solid #263542;
  padding-right:20px;
}
.approved-fact:nth-child(even){
  padding-left:6px;
}
.fact-icon{
  color:#f0a900;
  font-size:31px;
  text-align:center;
}
.approved-fact small{
  display:block;
  color:#c2c9d0;
  font-size:11px;
  letter-spacing:.08em;
}
.approved-fact strong{
  display:block;
  margin-top:5px;
  font-size:15px;
  font-weight:600;
}
.manifest-status{color:#85d33b}

/* Bottom action bar aligned with approved card */
.approved-card-actions{
  display:grid;
  grid-template-columns:1.15fr 1fr 1.4fr 1.35fr;
  gap:18px;
  align-items:stretch;
  padding:23px 35px;
  border-top:1px solid #263542;
  background:#03101c;
}
.quick-facts{
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #805e1d;
  border-radius:10px;
  padding:15px 20px;
}
.quick-icon{
  color:#f0a900;
  font-size:35px;
}
.quick-facts small{
  display:block;
  color:#f0b522;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}
.quick-facts strong{
  display:block;
  margin-top:5px;
  font-size:13px;
  color:#fff;
}
.approved-action{
  min-height:70px;
  font-size:13px !important;
  border-radius:10px;
}
.approved-action.outlinebtn{
  border-color:#c2b69f;
}
.approved-source-strip{
  display:grid;
  grid-template-columns:.8fr 1.15fr 1.25fr 1.05fr 1fr 1.25fr 1.8fr;
  align-items:center;
  min-height:96px;
  border-top:1px solid #1e2c38;
  background:#05131f;
}
.approved-source-strip>span{
  min-height:58px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid #33414d;
}
.approved-source-strip>span:last-child{border-right:0}
.source-label{
  color:#aeb8c0;
  font-size:10px;
  letter-spacing:.08em;
}
.source-brand{
  color:#fff;
  font-weight:900;
  font-size:18px;
}
.amazon-src{
  font-size:24px;
  text-transform:lowercase;
}
.home-src{color:#f0a05b;font-size:14px}
.lowes-src{color:#c7ddf1}
.fashion-src{font-size:12px}
.network-note{
  flex-direction:column;
  color:#e8b83c;
  font-size:11px;
  font-weight:900;
}
.network-note small{
  margin-top:5px;
  color:#bbc4cb;
  font-weight:400;
}

/* Hide the old load-card visual/info structures if inherited */
.approved-infographic-card > .load-info,
.approved-infographic-card > .load-visual{
  /* direct children no longer used */
}

/* responsive */
@media(max-width:1050px){
  .card-main{grid-template-columns:1fr}
  .approved-visual,.approved-slider{min-height:560px}
  .approved-visual{border-right:0;border-bottom:1px solid #263441}
  .approved-card-actions{grid-template-columns:1fr 1fr}
  .approved-source-strip{grid-template-columns:repeat(3,1fr)}
  .approved-source-strip>span{border-bottom:1px solid #33414d}
  .network-note{grid-column:span 3}
}
@media(max-width:650px){
  .inventory-overlay{
    padding:0 8px !important;
  }
  .inventory-overlay .overlay-label{
    font-size:7px;
  }
  .foot>div:first-child{min-width:0}
  .foot .logo{font-size:30px}
  .card-main{display:block}
  .approved-visual,.approved-slider{min-height:430px}
  .approved-visual-brand{bottom:118px;left:24px}
  .approved-visual-brand strong{font-size:29px}
  .approved-thumbs{left:10px;right:10px;grid-template-columns:36px 1fr 36px}
  .gallery-arrow{width:36px;height:36px}
  .approved-thumbs .thumb{width:64px;height:52px}
  .approved-info{padding:26px 20px !important}
  .approved-title-row h2{font-size:36px !important}
  .favorite-btn{width:48px;height:48px;font-size:24px}
  .approved-metrics>div{grid-template-columns:1fr;grid-template-areas:"icon" "value" "label";text-align:center;padding:8px 6px !important}
  .metric-icon,.approved-metrics strong,.approved-metrics small{text-align:center}
  .approved-metrics strong{font-size:24px !important}
  .approved-facts-grid{grid-template-columns:1fr}
  .approved-fact:nth-child(odd){border-right:0;padding-right:0}
  .approved-fact:nth-child(even){padding-left:0}
  .approved-card-actions{grid-template-columns:1fr;padding:18px}
  .approved-source-strip{grid-template-columns:1fr 1fr}
  .network-note{grid-column:span 2}
  .contact-hero-clean .contact-copy{width:88%;padding:58px 0}
}


/* ===== V14: Home CTA typography + footer logo consistency ===== */

/* Keep Explore Inventory centered but match the approved site's button typography */
.inventory-overlay .overlay-label{
  font-size:clamp(8px,.82vw,13px) !important;
  font-weight:900 !important;
  letter-spacing:.015em !important;
  line-height:1 !important;
  white-space:nowrap;
}
.inventory-overlay .overlay-arrow{
  font-size:clamp(12px,1.05vw,17px) !important;
  line-height:1 !important;
}

/* Footer PALIX LLC uses the exact same visual treatment as the navigation logo */
.foot .logo{
  display:inline-flex !important;
  align-items:baseline !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  width:max-content !important;
  font-size:48px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.015em !important;
  color:#f4f5f6 !important;
}
.foot .logo span{
  display:inline !important;
  color:#e8b83c !important;
  font-size:1em !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
}
.foot .logo small{
  display:inline-block !important;
  color:#f4f5f6 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.28em !important;
  line-height:1 !important;
  margin-left:9px !important;
  vertical-align:baseline !important;
}

@media(max-width:900px){
  .foot .logo{font-size:36px !important}
  .foot .logo small{font-size:9px !important}
}
@media(max-width:600px){
  .inventory-overlay .overlay-label{
    font-size:6.5px !important;
    letter-spacing:0 !important;
  }
  .inventory-overlay .overlay-arrow{
    font-size:10px !important;
  }
  .foot .logo{font-size:29px !important}
  .foot .logo small{
    font-size:7px !important;
    margin-left:6px !important;
  }
}


/* ===== V15: interactive infographic animation ===== */

/* Five independent slices recreate the approved process infographic
   while allowing each step to animate individually. */
.animated-process{
  overflow:visible !important;
}
.process-slices{
  width:100%;
  aspect-ratio:5 / 1;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-radius:14px;
  overflow:visible;
  background:#020b14;
  gap:0;
}
.process-slice{
  position:relative;
  min-width:0;
  height:100%;
  background-image:url("assets/approved-process.jpg");
  background-repeat:no-repeat;
  background-size:500% 100%;
  cursor:pointer;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .28s ease,
    box-shadow .28s ease;
  transform-origin:center center;
  will-change:transform,filter;
}
.process-slice:first-child{border-radius:14px 0 0 14px}
.process-slice:last-child{border-radius:0 14px 14px 0}
.process-1{background-position:0% 50%}
.process-2{background-position:25% 50%}
.process-3{background-position:50% 50%}
.process-4{background-position:75% 50%}
.process-5{background-position:100% 50%}

.process-slice:after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid transparent;
  border-radius:11px;
  pointer-events:none;
  transition:border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.process-slice:hover{
  z-index:8;
  transform:translateY(-9px) scale(1.025);
  filter:brightness(1.14) saturate(1.08);
  box-shadow:0 18px 38px rgba(0,0,0,.48);
}
.process-slice:hover:after{
  border-color:rgba(232,184,60,.9);
  box-shadow:
    inset 0 0 24px rgba(232,184,60,.10),
    0 0 18px rgba(232,184,60,.20);
  background:linear-gradient(180deg,rgba(232,184,60,.03),rgba(232,184,60,.01));
}

/* Lower four infographic blocks animate independently. */
.approved-info-item{
  position:relative;
  cursor:default;
  transition:
    transform .25s cubic-bezier(.2,.8,.2,1),
    background .25s ease,
    box-shadow .25s ease;
  will-change:transform;
}
.approved-info-item .info-icon{
  transition:
    transform .32s cubic-bezier(.34,1.56,.64,1),
    background .25s ease,
    box-shadow .25s ease;
}
.approved-info-item strong{
  transition:color .25s ease;
}
.approved-info-item:hover{
  z-index:4;
  transform:translateY(-8px);
  background:
    radial-gradient(circle at 13% 50%,rgba(232,184,60,.10),transparent 25%),
    linear-gradient(180deg,#091b2a,#04111c);
  box-shadow:0 16px 34px rgba(0,0,0,.30);
}
.approved-info-item:hover .info-icon{
  transform:translateY(-4px) scale(1.12) rotate(-3deg);
  background:rgba(232,184,60,.09);
  box-shadow:0 0 0 5px rgba(232,184,60,.05),0 8px 18px rgba(0,0,0,.24);
}
.approved-info-item:hover strong{
  color:#e8b83c;
}

/* Tiny bounce pulse on hover, but only once per hover. */
@keyframes palixHoverBounce{
  0%,100%{transform:translateY(-4px) scale(1.12) rotate(-3deg)}
  45%{transform:translateY(-9px) scale(1.15) rotate(2deg)}
  70%{transform:translateY(-2px) scale(1.11) rotate(-1deg)}
}
.approved-info-item:hover .info-icon{
  animation:palixHoverBounce .48s ease 1;
}

/* Respect accessibility preferences. */
@media (prefers-reduced-motion: reduce){
  .process-slice,
  .approved-info-item,
  .approved-info-item .info-icon{
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
}

@media(max-width:600px){
  .process-slices{
    width:1100px;
    height:220px;
    aspect-ratio:auto;
  }
  .process-slice:hover{
    transform:none;
    filter:none;
    box-shadow:none;
  }
}


/* ===== V17: HOW IT WORKS title static; process steps remain animated ===== */

/* The How It Works heading itself never moves, scales, glows, or bounces. */
.how-it-works-title,
.how-it-works-title:hover,
.approved-process-section > h2,
.approved-process-section > h2:hover,
.approved-process-section .section-title,
.approved-process-section .section-title:hover,
.approved-process-section .section-title h2,
.approved-process-section .section-title h2:hover{
  transform:none !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
  box-shadow:none !important;
}

/* Source / Inspect / Ship / Deliver / Grow retain the V15 hover animation. */
.process-slice{
  cursor:pointer !important;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    filter .28s ease,
    box-shadow .28s ease !important;
}
.process-slice:hover{
  z-index:8;
  transform:translateY(-9px) scale(1.025) !important;
  filter:brightness(1.14) saturate(1.08) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.48) !important;
}
.process-slice:hover:after{
  border-color:rgba(232,184,60,.9) !important;
  box-shadow:
    inset 0 0 24px rgba(232,184,60,.10),
    0 0 18px rgba(232,184,60,.20) !important;
  background:linear-gradient(180deg,rgba(232,184,60,.03),rgba(232,184,60,.01)) !important;
}


/* ===== V18: Static How It Works heading + tighter animated process bounds ===== */
.process-static-heading{
  width:100%;
  line-height:0;
  overflow:hidden;
  pointer-events:none;
}
.process-static-heading img{
  display:block;
  width:100%;
  height:auto;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
}

.process-slices{
  margin-top:0 !important;
  overflow:visible;
  border-radius:0 0 14px 14px;
}

.process-slice{
  background-image:url("assets/approved-process-body.jpg") !important;
  background-size:500% 100% !important;
  transform-origin:center top !important;
  border-radius:0 !important;
}

.process-slice:first-child{border-radius:0 0 0 14px !important}
.process-slice:last-child{border-radius:0 0 14px 0 !important}

/* Reduce hover lift/scale so animation starts below heading and stays tighter. */
.process-slice:hover{
  transform:translateY(-5px) scale(1.012) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.38) !important;
}

.process-slice:after{
  inset:3px 4px 4px 4px !important;
  border-radius:8px !important;
}

/* Make sure the static heading always stays above animated cards visually. */
.process-static-heading{
  position:relative;
  z-index:20;
}
.process-slices{
  position:relative;
  z-index:5;
}

@media(max-width:600px){
  .process-static-heading img{
    width:1100px;
    max-width:none;
  }
  .process-slices{
    width:1100px;
  }
}


/* =====================================================================
   V19 — CROSS-BROWSER + RESPONSIVE HARDENING
   Chrome / Edge / Firefox / Safari / iOS Safari
   ===================================================================== */

/* ---------- global browser normalization ---------- */
*,
*::before,
*::after{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

html{
  width:100%;
  min-width:0;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
  background:#020b14;
}

body{
  width:100%;
  min-width:0;
  margin:0;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  background:#020b14;
}

img,
picture,
video,
canvas,
svg{
  display:block;
  max-width:100%;
  height:auto;
}

button,
input,
select,
textarea{
  max-width:100%;
  font:inherit;
}

button,
a,
input,
select,
textarea{
  -webkit-tap-highlight-color:transparent;
}

button,
.goldbtn,
.outlinebtn,
.approved-action,
.sound{
  min-height:44px;
  touch-action:manipulation;
}

a{
  -webkit-text-decoration-skip:objects;
  text-decoration-skip-ink:auto;
}

.wrap{
  width:min(94%, 1680px);
  max-width:1680px;
  margin-inline:auto;
}

/* Safari compatibility for effects used throughout site */
.header,
.manifest-modal,
.audio-dock,
.track-menu{
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

input,
select,
textarea,
button{
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
}

button,
input[type="button"],
input[type="submit"]{
  cursor:pointer;
}

/* ---------- Header / navigation ---------- */
.header{
  position:relative;
  z-index:100;
  width:100%;
}

.navrow{
  width:min(96%, 1760px);
  max-width:1760px;
  margin-inline:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  gap:28px;
  min-width:0;
}

.navrow nav{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  gap:clamp(20px,2.5vw,44px);
  min-width:0;
}

.navrow nav a{
  white-space:nowrap;
}

.logo{
  -ms-flex-negative:0;
  flex-shrink:0;
}

.sound{
  -ms-flex-negative:0;
  flex-shrink:0;
  white-space:nowrap;
}

/* ---------- approved Home hero ---------- */
.approved-hero{
  width:100%;
  max-width:1920px;
  margin-inline:auto;
}

.approved-hero > img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.inventory-overlay{
  display:-webkit-box !important;
  display:-ms-flexbox !important;
  display:flex !important;
  -webkit-box-align:center !important;
  -ms-flex-align:center !important;
  align-items:center !important;
  -webkit-box-pack:center !important;
  -ms-flex-pack:center !important;
  justify-content:center !important;
}

/* ---------- How It Works ---------- */
.approved-process-section{
  width:100%;
  max-width:1920px;
  margin-inline:auto;
}

.process-static-heading{
  width:100%;
}

.process-static-heading img{
  width:100%;
}

.process-slices{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:(1fr)[5];
  grid-template-columns:repeat(5,minmax(0,1fr));
  width:100%;
}

.process-slice{
  min-width:0;
  background-repeat:no-repeat;
}

/* aspect-ratio fallback for older browser engines */
@supports not (aspect-ratio: 1 / 1){
  .process-slices{
    height:clamp(145px,18vw,245px);
  }
}

/* ---------- lower infographic blocks ---------- */
.approved-info-band{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:(1fr)[4];
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(94%,1680px);
}

.approved-info-item{
  min-width:0;
}

.approved-info-item > div:last-child{
  min-width:0;
}

.approved-info-item span{
  overflow-wrap:anywhere;
}

/* ---------- retailer strip ---------- */
.retailer-programs{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.retailer-programs span{
  white-space:nowrap;
}

/* ---------- Inventory cards ---------- */
.load-list{
  width:min(94%,1680px);
  max-width:1680px;
  margin-inline:auto;
}

.approved-infographic-card{
  width:100%;
  min-width:0;
}

.card-main{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:minmax(0,42%) minmax(0,58%);
  grid-template-columns:minmax(0,42%) minmax(0,58%);
}

.approved-visual,
.approved-info{
  min-width:0;
}

.approved-slider,
.approved-slider .slide{
  width:100%;
}

.approved-slider .slide{
  height:100%;
  object-fit:cover;
}

.approved-thumbs .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.approved-metrics{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:(1fr)[3];
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.approved-facts-grid{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:(1fr)[2];
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.approved-card-actions{
  display:-ms-grid;
  display:grid;
  min-width:0;
}

.approved-card-actions > *{
  min-width:0;
}

.approved-source-strip{
  min-width:0;
}

.approved-source-strip > span{
  min-width:0;
  overflow-wrap:anywhere;
}

/* ---------- Contact ---------- */
.contact-hero-clean{
  width:100%;
}

.contact-copy{
  min-width:0;
}

form,
.form-grid,
.contact-grid,
.contact-panel,
.request-panel{
  min-width:0;
}

input,
select,
textarea{
  width:100%;
  min-width:0;
}

/* ---------- Footer ---------- */
.foot{
  display:-ms-grid;
  display:grid;
  grid-template-columns:minmax(260px,1.45fr) minmax(180px,.75fr) minmax(220px,.9fr);
  gap:clamp(28px,4vw,70px);
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:start;
}

.foot > div{
  min-width:0;
}

.foot .logo{
  max-width:100%;
}

.foot a,
.foot span,
.foot p{
  overflow-wrap:anywhere;
}

/* ---------- ultrawide screens ---------- */
@media (min-width:1921px){
  .approved-hero,
  .approved-process-section{
    max-width:2100px;
  }

  .wrap,
  .load-list,
  .approved-info-band{
    max-width:1840px;
  }

  .navrow{
    max-width:1900px;
  }

  .approved-load-info{
    padding-inline:clamp(42px,3vw,64px) !important;
  }

  .approved-title-row h2{
    font-size:clamp(48px,2.7vw,62px) !important;
  }
}

/* ---------- large desktop ---------- */
@media (max-width:1400px){
  .navrow{
    width:95%;
  }

  .approved-title-row h2{
    font-size:42px !important;
  }

  .approved-load-info{
    padding:30px 30px 24px !important;
  }

  .approved-card-actions{
    gap:12px;
    padding:20px 24px;
  }

  .approved-action{
    font-size:11px !important;
  }

  .source-brand{
    font-size:15px;
  }
}

/* ---------- laptop / landscape tablet ---------- */
@media (max-width:1180px){
  .navrow{
    gap:18px;
  }

  .navrow nav{
    gap:22px;
  }

  .sound{
    padding-inline:14px;
    font-size:12px;
  }

  .approved-info-band{
    -ms-grid-columns:(1fr)[2];
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .approved-info-item{
    border-bottom:1px solid #39434c;
  }

  .approved-info-item:nth-child(even){
    border-right:0;
  }

  .approved-info-item:nth-last-child(-n+2){
    border-bottom:0;
  }

  .card-main{
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
  }

  .approved-visual{
    min-height:520px;
    border-right:0;
    border-bottom:1px solid #263441;
  }

  .approved-slider{
    min-height:520px;
  }

  .approved-card-actions{
    -ms-grid-columns:(1fr)[2];
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .approved-source-strip{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .network-note{
    grid-column:1 / -1;
  }
}

/* ---------- tablet ---------- */
@media (max-width:900px){
  .navrow{
    min-height:82px;
    height:auto;
    padding-block:10px;
  }

  .navrow .logo{
    font-size:35px;
  }

  .navrow nav a{
    height:62px;
  }

  .sound{
    min-height:42px;
  }

  .approved-process-section{
    padding-inline:0;
  }

  .process-slices{
    width:100%;
  }

  .process-static-heading img{
    width:100%;
  }

  .retailer-programs{
    gap:22px 34px;
  }

  .approved-source-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .network-note{
    grid-column:1 / -1;
  }

  .foot{
    grid-template-columns:1fr 1fr;
  }

  .foot > div:first-child{
    grid-column:1 / -1;
  }
}

/* ---------- portrait tablet / large phones ---------- */
@media (max-width:760px){
  .navrow{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:4px 14px;
    padding-block:12px;
  }

  .navrow .logo{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
  }

  .sound{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    margin-left:auto;
  }

  .navrow nav{
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3;
    width:100%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    border-top:1px solid rgba(255,255,255,.06);
  }

  .navrow nav::-webkit-scrollbar{
    display:none;
  }

  .navrow nav a{
    height:48px;
    -ms-flex-negative:0;
    flex-shrink:0;
  }

  .navrow nav a.active:after{
    bottom:3px;
  }

  .approved-info-band{
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
  }

  .approved-info-item,
  .approved-info-item:nth-child(even),
  .approved-info-item:nth-last-child(-n+2){
    border-right:0;
    border-bottom:1px solid #39434c;
  }

  .approved-info-item:last-child{
    border-bottom:0;
  }

  .approved-info-item:hover{
    transform:translateY(-4px);
  }

  .approved-visual,
  .approved-slider{
    min-height:470px;
  }

  .approved-title-row h2{
    font-size:34px !important;
  }

  .approved-facts-grid{
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
  }

  .approved-fact:nth-child(odd){
    border-right:0;
  }

  .approved-card-actions{
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
  }

  .approved-source-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .contact-hero-clean{
    min-height:auto;
  }

  .contact-hero-clean .contact-copy{
    min-height:0;
    padding-block:54px;
  }

  .foot{
    grid-template-columns:1fr;
  }

  .foot > div:first-child{
    grid-column:auto;
  }
}

/* ---------- phones ---------- */
@media (max-width:600px){
  .wrap,
  .load-list,
  .approved-info-band{
    width:92%;
  }

  .navrow{
    width:92%;
  }

  .navrow .logo{
    font-size:29px;
  }

  .sound{
    padding:10px 12px;
    font-size:10px;
  }

  /* Keep approved home art readable without breaking page width */
  .approved-hero{
    overflow:hidden;
  }

  .approved-hero > img{
    width:160%;
    max-width:none;
    transform:translateX(-1%);
  }

  .inventory-overlay{
    left:4.1%;
    width:26%;
  }

  .contact-overlay{
    left:35%;
    width:25%;
  }

  /* Process area scrolls horizontally instead of shrinking text beyond readability */
  .approved-process-section{
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }

  .process-static-heading{
    min-width:960px;
  }

  .process-slices{
    width:960px;
    min-width:960px;
    height:192px;
  }

  .process-slice:hover{
    transform:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  .approved-info-item{
    min-height:108px;
    padding:18px;
  }

  .retailer-programs{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:14px 22px;
    padding-inline:4%;
  }

  .retailer-programs span{
    font-size:12px;
  }

  .approved-infographic-card{
    border-radius:16px;
  }

  .approved-visual,
  .approved-slider{
    min-height:400px;
  }

  .reference-ribbon{
    top:18px;
    left:18px;
    font-size:9px;
    padding:10px 16px;
  }

  .sample-only{
    top:18px;
    right:18px;
    font-size:8px;
    padding:9px 12px;
  }

  .approved-visual-brand{
    left:22px;
    right:22px;
    bottom:104px;
  }

  .approved-visual-brand strong{
    font-size:28px;
  }

  .approved-thumbs{
    bottom:16px;
  }

  .approved-thumbs .thumb{
    width:58px;
    height:46px;
  }

  .approved-load-info{
    padding:24px 18px !important;
  }

  .approved-title-row h2{
    font-size:31px !important;
  }

  .approved-metrics{
    gap:4px;
  }

  .approved-metrics > div{
    padding-inline:4px !important;
  }

  .approved-metrics strong{
    font-size:22px !important;
  }

  .approved-description p{
    font-size:14px;
  }

  .approved-source-strip{
    grid-template-columns:1fr 1fr;
  }

  .approved-source-strip > span{
    min-height:70px;
    padding-inline:10px;
  }

  .source-brand{
    font-size:12px;
  }

  .amazon-src{
    font-size:18px;
  }

  .contact-copy h1{
    font-size:clamp(46px,15vw,72px);
    line-height:.94;
  }

  .hero-ctas{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .hero-ctas > *{
    width:100%;
  }

  .foot .logo{
    font-size:29px !important;
  }

  .foot{
    gap:28px;
  }
}

/* ---------- small phones ---------- */
@media (max-width:420px){
  .navrow .logo{
    font-size:25px;
  }

  .navrow .logo small{
    font-size:6px !important;
    margin-left:5px !important;
  }

  .sound{
    font-size:9px;
    padding-inline:9px;
  }

  .navrow nav{
    gap:18px;
  }

  .navrow nav a{
    font-size:10px;
  }

  .approved-hero > img{
    width:175%;
  }

  .inventory-overlay{
    left:4.5%;
    width:29%;
  }

  .inventory-overlay .overlay-label{
    font-size:6px !important;
  }

  .approved-info-item{
    grid-template-columns:46px 1fr;
    gap:10px;
  }

  .info-icon{
    width:42px;
    height:42px;
    font-size:20px;
  }

  .approved-visual,
  .approved-slider{
    min-height:360px;
  }

  .approved-title-row{
    gap:10px;
  }

  .approved-title-row h2{
    font-size:27px !important;
  }

  .favorite-btn{
    width:44px;
    height:44px;
  }

  .approved-metrics strong{
    font-size:19px !important;
  }

  .approved-metrics small{
    font-size:8px;
  }

  .approved-source-strip{
    grid-template-columns:1fr;
  }

  .network-note{
    grid-column:auto;
  }

  .contact-copy h1{
    font-size:43px;
  }
}

/* ---------- touch devices: do not require hover ---------- */
@media (hover:none), (pointer:coarse){
  .approved-info-item:hover{
    transform:none;
    box-shadow:none;
  }

  .approved-info-item:hover .info-icon{
    animation:none;
    transform:none;
  }

  .process-slice:hover{
    transform:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  .process-slice:hover:after{
    border-color:transparent !important;
    box-shadow:none !important;
    background:transparent !important;
  }
}

/* ---------- keyboard accessibility ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid #e8b83c;
  outline-offset:3px;
}

/* ---------- print-safe fallback ---------- */
@media print{
  .header,
  .sound,
  .audio-dock,
  .track-menu{
    display:none !important;
  }

  body{
    background:#fff !important;
    color:#111 !important;
  }

  *{
    box-shadow:none !important;
    text-shadow:none !important;
  }
}


/* ===== V20: mobile How It Works vertical flow + per-card source highlight ===== */

/* Sourced From: neutral by default, highlight only matching retailer for each load card */
.approved-source-strip .source-brand{
  position:relative;
  opacity:.46;
  filter:grayscale(.72) brightness(.85);
  transition:opacity .22s ease, filter .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease;
}
.approved-source-strip .source-brand.active-source{
  opacity:1;
  filter:none;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(232,184,60,.10),rgba(232,184,60,.035));
  box-shadow:inset 0 -3px 0 #e8b83c;
}
.approved-source-strip .amazon-src.active-source{
  color:#fff;
}
.approved-source-strip .home-src.active-source{
  color:#f1a15f;
}
.approved-source-strip .lowes-src.active-source{
  color:#c7ddf1;
}
.approved-source-strip .fashion-src.active-source{
  color:#ead49e;
}

/* Mobile / tablet portrait: How It Works stacks vertically with normal page scrolling */
@media(max-width:760px){
  .approved-process-section{
    overflow:visible !important;
    padding-inline:4% !important;
  }

  .process-static-heading{
    min-width:0 !important;
    width:100% !important;
    overflow:hidden;
  }

  .process-static-heading img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
  }

  .process-slices{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px;
    background:transparent;
    border-radius:0;
  }

  .process-slice{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    aspect-ratio:5 / 1;
    background-image:url("assets/approved-process-body.jpg") !important;
    background-size:100% 500% !important;
    background-repeat:no-repeat !important;
    border-radius:12px !important;
    overflow:hidden;
  }

  /* Re-map the five source slices vertically from the same body image */
  .process-1{background-position:50% 0% !important}
  .process-2{background-position:50% 25% !important}
  .process-3{background-position:50% 50% !important}
  .process-4{background-position:50% 75% !important}
  .process-5{background-position:50% 100% !important}

  /* keep process interaction touch-safe without horizontal movement */
  .process-slice:hover,
  .process-slice:active{
    transform:none !important;
    filter:none !important;
    box-shadow:none !important;
  }

  .approved-process-section::-webkit-scrollbar{
    display:none;
  }
}

/* Small phone tuning */
@media(max-width:480px){
  .approved-process-section{
    padding-inline:3.5% !important;
  }
  .process-slices{
    gap:10px;
  }
  .process-slice{
    aspect-ratio:4.3 / 1;
  }
}


/* ===== V21: reliable per-card Sourced From highlighting ===== */
.approved-source-strip .source-brand,
.approved-source-strip .amazon-src,
.approved-source-strip .home-src,
.approved-source-strip .lowes-src,
.approved-source-strip .fashion-src{
  opacity:.42 !important;
  filter:grayscale(.78) brightness(.82) !important;
  color:rgba(255,255,255,.62) !important;
  background:transparent !important;
  box-shadow:none !important;
  border-bottom-color:transparent !important;
}

.approved-source-strip .source-brand.active-source{
  opacity:1 !important;
  filter:none !important;
  color:#fff !important;
  background:linear-gradient(180deg,rgba(232,184,60,.12),rgba(232,184,60,.035)) !important;
  box-shadow:inset 0 -3px 0 #e8b83c !important;
}

.approved-source-strip .amazon-src.active-source{
  color:#fff !important;
}
.approved-source-strip .home-src.active-source{
  color:#f1a15f !important;
}
.approved-source-strip .lowes-src.active-source{
  color:#d8ebfb !important;
}
.approved-source-strip .fashion-src.active-source{
  color:#f0dba8 !important;
}


/* ===== V22 Contact form required fields + success popup ===== */
.required-mark{
  color:#e8b83c;
  font-weight:800;
  margin-left:2px;
}
.optional-mark{
  color:#7f8b95;
  font-size:.82em;
  font-weight:500;
  letter-spacing:.02em;
}
.required-note{
  margin:0 0 18px;
  color:#e8b83c;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.form-success-popup{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,7,13,.78);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.form-success-popup.show{
  display:flex;
}
.form-success-box{
  width:min(92vw,520px);
  padding:38px 34px 32px;
  text-align:center;
  background:
    linear-gradient(180deg,rgba(18,29,39,.98),rgba(5,13,21,.99));
  border:1px solid rgba(232,184,60,.55);
  border-radius:18px;
  box-shadow:
    0 30px 80px rgba(0,0,0,.58),
    0 0 30px rgba(232,184,60,.10);
}
.success-icon{
  width:68px;
  height:68px;
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #e8b83c;
  border-radius:50%;
  color:#e8b83c;
  font-size:34px;
  font-weight:900;
}
.form-success-box h2{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(28px,4vw,40px);
  line-height:1;
  letter-spacing:.02em;
}
.form-success-box p{
  margin:0 auto 24px;
  max-width:410px;
  color:#b7c1ca;
  font-size:15px;
  line-height:1.65;
}
.success-close{
  min-width:160px;
}

/* required field validation emphasis */
#palixContactForm input:required:invalid:not(:placeholder-shown),
#palixContactForm textarea:required:invalid:not(:placeholder-shown){
  border-color:rgba(232,184,60,.72);
}

@media(max-width:600px){
  .form-success-box{
    padding:30px 22px 26px;
    border-radius:14px;
  }
  .success-icon{
    width:58px;
    height:58px;
    font-size:29px;
  }
}


/* ===== V23 LIVE EMAIL FORM ===== */
.form-honey{
  position:absolute !important;
  left:-99999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.form-submit-status{
  min-height:20px;
  margin-top:12px;
  color:#aeb9c3;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
}

#palixContactForm.is-submitting button[type="submit"],
#palixContactForm.is-submitting input[type="submit"]{
  opacity:.68;
  cursor:wait;
  pointer-events:none;
}

.form-error-box{
  border-color:rgba(232,184,60,.6);
}
.error-icon{
  color:#e8b83c;
  border-color:#e8b83c;
  font-family:Arial,sans-serif;
}

/* V24 — narrow portrait Home corrections only */
@media (max-width:600px) and (orientation:portrait){
  /* Full approved hero: do not zoom/crop the right-side trust strip. */
  .approved-hero{width:100%!important;max-width:100%!important;overflow:hidden!important;height:auto!important;min-height:0!important}
  .approved-hero>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;object-position:center top!important;transform:none!important;margin:0!important}

  /* Keep How It Works identical in composition to landscape, scaled down as one unit. */
  .approved-process-section{width:100%!important;max-width:100%!important;overflow:hidden!important;padding:0 3.5%!important;margin-inline:auto!important}
  .process-static-heading{display:block!important;width:100%!important;min-width:0!important;height:auto!important;overflow:hidden!important;position:relative!important;z-index:20!important}
  .process-static-heading img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important;margin:0!important}
  .process-slices{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:1450/238!important;overflow:hidden!important;border-radius:0 0 14px 14px!important}
  .process-slice{display:block!important;width:100%!important;min-width:0!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;background-image:url("assets/approved-process-body.jpg")!important;background-size:500% 100%!important;background-repeat:no-repeat!important;transform:none!important;filter:none!important;box-shadow:none!important}
  .process-1{background-position:0% 50%!important}
  .process-2{background-position:25% 50%!important}
  .process-3{background-position:50% 50%!important}
  .process-4{background-position:75% 50%!important}
  .process-5{background-position:100% 50%!important}
  .process-slice:hover,.process-slice:active{transform:none!important;filter:none!important;box-shadow:none!important}
}
@media (max-width:420px) and (orientation:portrait){
  .approved-process-section{padding-left:3%!important;padding-right:3%!important}
  .process-slices{grid-template-columns:repeat(5,1fr)!important;gap:0!important;aspect-ratio:1450/238!important}
  .process-slice{aspect-ratio:auto!important;border-radius:0!important}
}


/* ===== V25 exact iPhone portrait process implementation ===== */
.mobile-process-full{display:none}

@media (max-width:600px) and (orientation:portrait){
  .approved-hero{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  .approved-hero>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;transform:none!important;object-fit:contain!important;object-position:center top!important}

  .approved-process-section{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0 3%!important;margin-inline:auto!important}
  .mobile-process-full{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;line-height:0!important;overflow:hidden!important}
  .mobile-process-full img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;object-fit:contain!important;transform:none!important}
  .approved-process-section>.process-static-heading,
  .approved-process-section>.process-slices{display:none!important}
}
@media (min-width:601px), (orientation:landscape){
  .mobile-process-full{display:none!important}
}

/* ===== V26 HOW IT WORKS: responsive cards ===== */
.how-it-works-cards{padding-top:34px;padding-bottom:28px}
.how-it-works-heading{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 22px}
.how-it-works-heading .hiw-line{height:1px;flex:1 1 120px;max-width:260px;background:linear-gradient(90deg,transparent,#d9a52d)}
.how-it-works-heading .hiw-line:last-child{background:linear-gradient(90deg,#d9a52d,transparent)}
.how-it-works-heading h2{margin:0;color:#fff;font-size:clamp(22px,2vw,34px);font-weight:800;letter-spacing:.08em;white-space:nowrap}
.how-it-works-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.how-it-works-card{min-width:0;padding:24px 20px 22px;background:linear-gradient(180deg,rgba(14,29,43,.96),rgba(5,16,26,.98));border:1px solid rgba(232,184,60,.16);border-radius:16px;box-shadow:0 16px 32px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.how-it-works-card:hover{transform:translateY(-4px);border-color:rgba(232,184,60,.55);box-shadow:0 18px 38px rgba(0,0,0,.28)}
.hiw-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.hiw-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#e8b83c;color:#06111b;font-size:17px;font-weight:900}
.hiw-icon{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;color:#e8b83c;font-size:36px;line-height:1}
.how-it-works-card h3{margin:0 0 9px;color:#e8b83c;font-size:17px;font-weight:800;letter-spacing:.06em}
.how-it-works-card p{margin:0;color:#c2cbd3;font-size:14px;line-height:1.55}
@media(max-width:1100px){.how-it-works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .how-it-works-cards{padding-top:24px;padding-bottom:20px}
 .how-it-works-heading{gap:10px;margin-bottom:16px}
 .how-it-works-heading h2{font-size:20px}
 .how-it-works-grid{grid-template-columns:1fr;gap:10px}
 .how-it-works-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:'top title' 'top text';column-gap:14px;row-gap:3px;padding:17px 18px;border-radius:14px}
 .hiw-card-top{grid-area:top;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0}
 .hiw-number{width:30px;height:30px;flex-basis:30px;font-size:14px}
 .hiw-icon{min-width:34px;min-height:34px;font-size:28px}
 .how-it-works-card h3{grid-area:title;align-self:end;margin:0;font-size:16px}
 .how-it-works-card p{grid-area:text;align-self:start;font-size:13px;line-height:1.45}
 .how-it-works-card:hover{transform:none}
}
@media(max-width:420px){.how-it-works-card{grid-template-columns:56px minmax(0,1fr);padding:15px 14px}}


/* ==========================================================
   V27 — Mobile hero CTA + visible animated sound control
   ========================================================== */

/* Contact overlay is now a visible button instead of only an invisible hotspot. */
.contact-overlay{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  border:1px solid #d7a52f;
  background:rgba(3,13,23,.88);
  color:#fff;
  font-size:clamp(9px,1.15vw,17px);
  font-weight:800;
  letter-spacing:.01em;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.contact-overlay .overlay-label,
.inventory-overlay .overlay-label{
  white-space:nowrap;
}
.contact-overlay .overlay-arrow,
.inventory-overlay .overlay-arrow{
  color:#e8b83c;
  font-size:1.55em;
}

/* Floating sound button: hidden on larger screens because header control is available. */
.mobile-sound-control{
  display:none;
  position:fixed;
  z-index:95;
  right:16px;
  bottom:calc(18px + env(safe-area-inset-bottom));
  min-height:46px;
  padding:11px 16px;
  border:1px solid rgba(232,184,60,.82);
  border-radius:999px;
  background:rgba(4,17,29,.94);
  color:#f0c34e;
  font-size:11px;
  font-weight:900;
  letter-spacing:.035em;
  box-shadow:
    0 12px 30px rgba(0,0,0,.42),
    0 0 0 0 rgba(232,184,60,.42);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  cursor:pointer;
}

/* Gentle attention animation until the user starts audio. */
.mobile-sound-control:not(.is-playing){
  animation:
    palixSoundPulse 1.8s ease-out infinite,
    palixSoundBlink 2.4s ease-in-out infinite;
}

.mobile-sound-control.is-playing{
  animation:none;
  background:linear-gradient(135deg,#f0c34e,#d99c20);
  color:#07111b;
  border-color:#f0c34e;
}

@keyframes palixSoundPulse{
  0%{box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 0 0 rgba(232,184,60,.42)}
  60%{box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 0 11px rgba(232,184,60,0)}
  100%{box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 0 0 rgba(232,184,60,0)}
}
@keyframes palixSoundBlink{
  0%,100%{opacity:1}
  50%{opacity:.72}
}

@media(max-width:900px){
  /* Existing header sound is intentionally hidden at this size;
     show a dedicated floating mobile sound control instead. */
  .mobile-sound-control{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
  }
}

@media(max-width:600px){
  /* Hero CTA positions match the fully-scaled approved hero artwork.
     Both controls remain fully visible and separate. */
  .inventory-overlay{
    left:2.8% !important;
    top:74.8% !important;
    width:27.5% !important;
    height:12.8% !important;
    border-radius:7px !important;
    gap:5px !important;
    padding:0 6px !important;
    font-size:clamp(7px,2.05vw,11px) !important;
  }

  .contact-overlay{
    left:31.8% !important;
    top:74.8% !important;
    width:24.2% !important;
    height:12.8% !important;
    border-radius:7px !important;
    gap:5px !important;
    padding:0 6px !important;
    font-size:clamp(7px,2.05vw,11px) !important;
  }

  .inventory-overlay span,
  .contact-overlay span{
    font-size:1em !important;
  }

  .inventory-overlay .overlay-arrow,
  .contact-overlay .overlay-arrow{
    font-size:1.35em !important;
  }

  .mobile-sound-control{
    right:12px;
    bottom:calc(14px + env(safe-area-inset-bottom));
    min-height:44px;
    padding:10px 14px;
    font-size:10px;
  }
}

@media(max-width:390px){
  .inventory-overlay{
    width:28.5% !important;
  }
  .contact-overlay{
    left:32.3% !important;
    width:24.7% !important;
  }
  .mobile-sound-control{
    font-size:9px;
    padding-inline:12px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-sound-control{
    animation:none !important;
  }
}


/* V29 SEO/accessibility: semantic text equivalent for image-based hero headline */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* V30 — Buy Direct landing page */
.direct-page{background:#020b14;color:#fff}.direct-page em{font-style:normal;color:#e8b83f}.direct-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 45%,#173246 0,#071521 34%,#020b14 68%);border-bottom:1px solid rgba(232,184,63,.25)}.direct-hero:after{content:"";position:absolute;right:-8%;top:-35%;width:38%;height:170%;background:#e8b83f;transform:skewX(-16deg);opacity:.08}.direct-hero-grid{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;padding-top:60px;padding-bottom:60px}.direct-kicker,.direct-heading>span{display:block;color:#e8b83f;font-weight:900;letter-spacing:.18em;font-size:13px;margin-bottom:14px}.direct-hero h1{font-size:clamp(48px,6.1vw,88px);line-height:.91;letter-spacing:-.045em;margin:0 0 25px;font-weight:950}.direct-lead{max-width:720px;color:#c9d3da;font-size:18px;line-height:1.65}.direct-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.direct-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 20px;border:1px solid #e8b83f;font-weight:900;letter-spacing:.06em;font-size:12px;text-decoration:none!important;transition:.2s}.direct-btn.primary{background:#e8b83f;color:#06101a}.direct-btn.secondary{color:#fff;background:rgba(0,0,0,.2)}.direct-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(232,184,63,.16)}.direct-hero-art{position:relative;min-height:390px;display:flex;align-items:end}.direct-hero-art img{width:100%;height:360px;object-fit:cover;object-position:center;border:1px solid rgba(232,184,63,.55);clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 12%);filter:saturate(.78) contrast(1.08)}.direct-speed{position:absolute;z-index:2;left:-26px;top:6px;background:#e8b83f;color:#06101a;padding:15px 19px 13px;font-size:38px;line-height:.85;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.35)}.direct-speed span{font-size:15px;margin-left:4px}.direct-speed small{display:block;font-size:9px;letter-spacing:.12em;margin-top:8px}.direct-proof{background:#071521;border-bottom:1px solid #173246}.direct-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.direct-proof-grid>div{padding:25px 24px;border-right:1px solid #173246}.direct-proof-grid>div:first-child{border-left:1px solid #173246}.direct-proof strong{display:block;color:#e8b83f;font-size:13px;letter-spacing:.07em;margin-bottom:6px}.direct-proof span{font-size:12px;color:#aebbc4;line-height:1.5}.direct-section{padding-top:78px;padding-bottom:78px}.direct-heading h2,.landed-grid h2,.bstock-grid h2{font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.035em;margin:0 0 14px;font-weight:950}.direct-heading p{color:#aebbc4;max-width:750px;line-height:1.65}.direct-heading.centered{text-align:center}.direct-heading.centered p{margin-left:auto;margin-right:auto}.process-compare{margin-top:35px;border:1px solid #243848}.process-lane{display:grid;grid-template-columns:190px 1fr;min-height:100px;align-items:stretch;background:#071521}.process-lane+.process-lane{border-top:1px solid #243848}.process-lane.palix{background:#0b1720}.lane-label{display:flex;align-items:center;padding:20px;background:#0c1b27;color:#b7c1c8;font-size:12px;font-weight:900;letter-spacing:.1em;border-right:1px solid #243848}.process-lane.palix .lane-label{background:#e8b83f;color:#06101a}.lane-steps{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;flex-wrap:wrap}.lane-steps span{border:1px solid #314858;padding:10px 11px;font-size:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.lane-steps i{color:#e8b83f;font-style:normal;font-size:20px}.lane-steps .gold-step{background:#e8b83f;color:#06101a;border-color:#e8b83f}.direct-dark{background:#06111b;border-top:1px solid #172c3b;border-bottom:1px solid #172c3b;padding:75px 0}.comparison-table{margin-top:35px;border:1px solid #29404f}.comp-row{display:grid;grid-template-columns:1.05fr 1fr 1fr;border-top:1px solid #203644}.comp-row:first-child{border-top:0}.comp-row>div{padding:17px 20px;border-left:1px solid #203644;color:#b9c5cc;font-size:13px}.comp-row>div:first-child{border-left:0;color:#fff;font-weight:800}.comp-row>div:last-child{background:rgba(232,184,63,.045);color:#fff}.comp-row>div:last-child b{color:#e8b83f}.comp-head>div{background:#0c1b27!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.09em}.comp-head>div:last-child{background:#e8b83f!important;color:#06101a!important}.landed-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:55px;align-items:center}.landed-grid p{color:#aebbc4;line-height:1.7;max-width:760px}.cost-formula{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;margin-top:30px}.cost-formula span{display:flex;align-items:center;border:1px solid #2a4150;padding:12px 13px;font-size:10px;font-weight:900;letter-spacing:.05em}.cost-formula b{display:flex;align-items:center;color:#e8b83f}.cost-formula .formula-total{background:#e8b83f;color:#06101a;border-color:#e8b83f}.palix-price-card{border:1px solid #e8b83f;padding:30px;background:linear-gradient(145deg,#0b1c28,#06111b)}.palix-price-card small{display:block;color:#e8b83f;font-weight:900;letter-spacing:.12em;margin-bottom:18px}.palix-price-card strong{font-size:25px;line-height:1.05;display:block}.palix-price-card>span{display:block;color:#e8b83f;font-size:24px;margin:10px 0}.palix-price-card p{font-size:12px!important;line-height:1.55}.palix-price-card a{display:inline-block;margin-top:10px;color:#e8b83f;font-weight:900;font-size:11px;text-decoration:none}.time-section{background:linear-gradient(180deg,#081722,#030c14);padding:75px 0;border-top:1px solid #193141;border-bottom:1px solid #193141}.time-cards,.buyer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.time-cards article,.buyer-grid article{position:relative;border:1px solid #263d4c;padding:28px 24px;background:#081722;min-height:175px;transition:.2s}.time-cards article:hover,.buyer-grid article:hover{transform:translateY(-4px);border-color:#e8b83f}.time-cards b{position:absolute;right:17px;top:12px;color:rgba(232,184,63,.22);font-size:37px}.time-cards h3,.buyer-grid h3{color:#e8b83f;font-size:14px;letter-spacing:.06em;margin:30px 0 10px}.time-cards p,.buyer-grid p{font-size:12px;color:#aebbc4;line-height:1.6}.buyer-grid article{min-height:145px}.buyer-grid h3{margin-top:0}.bstock-section{padding:78px 0;background:radial-gradient(circle at 75% 50%,#132a3a,#07131e 50%,#030b12);border-top:1px solid #203746;border-bottom:1px solid #203746}.bstock-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.bstock-grid p{color:#b4c0c7;line-height:1.7}.mini-compare{border:1px solid #304654}.mini-compare>div{padding:27px;background:#0a1924}.mini-compare>div+div{border-top:1px solid #304654}.mini-compare small{font-weight:900;letter-spacing:.1em;color:#aab7bf}.mini-compare p{margin-bottom:0;font-weight:800;color:#fff}.mini-compare .palix-mini{background:#e8b83f;color:#06101a}.mini-compare .palix-mini small,.mini-compare .palix-mini p{color:#06101a}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.faq-grid details{border:1px solid #263d4c;background:#071521;padding:0 20px}.faq-grid summary{cursor:pointer;list-style:none;padding:19px 28px 19px 0;font-weight:850;font-size:13px;position:relative}.faq-grid summary:after{content:"+";position:absolute;right:0;color:#e8b83f;font-size:21px;top:14px}.faq-grid details[open] summary:after{content:"–"}.faq-grid p{color:#aebbc4;font-size:12px;line-height:1.65;margin-top:0;padding-bottom:18px}.direct-final{text-align:center;padding:82px 0;background:#050f18}.direct-final>div{border:1px solid #e8b83f;padding:52px 30px;position:relative}.direct-final span{color:#e8b83f;font-weight:900;letter-spacing:.15em;font-size:12px}.direct-final h2{font-size:clamp(32px,4.4vw,60px);line-height:1.02;margin:15px 0}.direct-final p{color:#b7c2c9}.final-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:28px 0 15px}.final-badges b{border:1px solid #314654;padding:10px 12px;font-size:9px;letter-spacing:.06em;color:#e8b83f}.direct-final small{display:block;color:#7f909b;font-size:9px;max-width:800px;margin:auto;line-height:1.5}.trademark-note{padding-top:24px;padding-bottom:30px}.trademark-note p{font-size:9px;color:#72838e;line-height:1.6;text-align:center;max-width:980px;margin:auto}
@media(max-width:900px){.direct-hero-grid,.landed-grid,.bstock-grid{grid-template-columns:1fr}.direct-hero-grid{padding-top:45px}.direct-hero-art{min-height:300px}.direct-hero-art img{height:300px}.direct-speed{left:12px}.direct-proof-grid,.time-cards,.buyer-grid{grid-template-columns:1fr 1fr}.process-lane{grid-template-columns:1fr}.lane-label{border-right:0;border-bottom:1px solid #243848}.comp-row{grid-template-columns:.9fr 1fr 1fr}.comp-row>div{padding:14px 11px;font-size:11px}.faq-grid{grid-template-columns:1fr}}
@media(max-width:620px){.direct-hero-grid{min-height:auto;padding-top:35px;padding-bottom:35px;gap:25px}.direct-hero h1{font-size:45px}.direct-lead{font-size:15px}.direct-hero-actions{display:grid}.direct-btn{width:100%}.direct-hero-art{min-height:235px}.direct-hero-art img{height:235px}.direct-speed{font-size:29px;top:-6px}.direct-proof-grid,.time-cards,.buyer-grid{grid-template-columns:1fr}.direct-proof-grid>div{border-left:1px solid #173246;border-bottom:1px solid #173246}.direct-section,.direct-dark,.time-section,.bstock-section{padding-top:55px;padding-bottom:55px}.direct-heading h2,.landed-grid h2,.bstock-grid h2{font-size:36px}.process-lane{min-height:auto}.lane-steps{justify-content:flex-start}.lane-steps i{font-size:14px}.comparison-table{overflow-x:auto}.comp-row{min-width:620px}.cost-formula{display:grid;grid-template-columns:1fr}.cost-formula b{justify-content:center}.palix-price-card{padding:24px}.direct-final{padding:55px 0}.direct-final>div{padding:38px 18px}.final-badges{display:grid}.final-badges b{display:block}}