/* ===== Extracted inline <style> block 1 from original HTML ===== */
/* ═══════════════════════════════════════
   DESIGN TOKENS — DARK MODE (DEFAULT)
═══════════════════════════════════════ */
:root{
  --r:#E01A1A;--rb:#FF2828;--rd:#8A0E0E;
  --k:#050505;--k2:#0A0A0A;--k3:#111111;--k4:#181818;
  --w:#F5F4F1;--w2:#E8E7E4;
  --g1:#666663;--g2:#999995;--g3:#BBBBB7;
  --green:#22c55e;--amber:#f59e0b;
  --border:rgba(255,255,255,.06);
  --border-hover:rgba(224,26,26,.28);
  --surface:rgba(255,255,255,.03);
  --surface2:rgba(255,255,255,.06);
  --sh-card:0 4px 24px rgba(0,0,0,.4);
  --sh-lift:0 16px 48px rgba(0,0,0,.55),0 4px 16px rgba(224,26,26,.12);
  --sh-glow:0 0 40px rgba(224,26,26,.35);
  --nav-h:56px;
  --sp-px:clamp(1rem,3.5vw,3rem);
  --sp-section:clamp(2.5rem,5vw,5rem);
  --t-fast:150ms cubic-bezier(.4,0,.2,1);
  --t-med:280ms cubic-bezier(.4,0,.2,1);
  --t-slow:600ms cubic-bezier(.25,.46,.45,.94);
  --grain-opacity:.018;
}

/* ═══════════════════════════════════════
   LIGHT MODE — APPLE-GRADE REBUILD
═══════════════════════════════════════ */
[data-theme="light"]{
  --k:#FFFFFF;--k2:#FAFAFA;--k3:#FFFFFF;--k4:#F4F4F4;
  --w:#000000;--w2:#0A0A0A;
  --g1:#3A3A3A;--g2:#1F1F1F;--g3:#0A0A0A;
  --border:rgba(0,0,0,.10);
  --border-hover:rgba(224,26,26,.40);
  --surface:#FFFFFF;
  --surface2:#F7F7F7;
  --sh-card:0 1px 4px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);
  --sh-lift:0 8px 28px rgba(0,0,0,.10),0 2px 6px rgba(224,26,26,.06);
  --sh-glow:0 0 24px rgba(224,26,26,.15);
  --grain-opacity:0;
}
/* Light mode body — solid white with subtle warm gradient from top */
[data-theme="light"] body{
  background:#FFFFFF;
  background-image:linear-gradient(180deg,#FFFFFF 0%,#FAFAFA 60%,#F5F5F5 100%);
  background-attachment:fixed;
  color:#000000;
}
[data-theme="light"] .hero-plasma{background:linear-gradient(160deg,#FFFFFF 0%,#FAFAFA 100%)}
[data-theme="light"] .hero-plasma::before{background:radial-gradient(ellipse 60% 80% at 80% 20%,rgba(224,26,26,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(138,14,14,.03) 0%,transparent 50%)}
[data-theme="light"] .hero-wm{-webkit-text-stroke:1px rgba(0,0,0,.05)}
[data-theme="light"] nav.solid{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(0,0,0,.08)}
[data-theme="light"] .ann{background:var(--r)}
[data-theme="light"] #stats{background:#FAFAFA}
[data-theme="light"] .stat-block{border-right:1px solid rgba(0,0,0,.06)}
[data-theme="light"] .marquee-section{background:var(--k3);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .mq-inner span{color:rgba(0,0,0,.14)}
[data-theme="light"] .mq-inner span.hi{color:var(--r);opacity:.5}
[data-theme="light"] .logo-strip-section{background:var(--k2);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .logo-strip-wrap::before{background:linear-gradient(to right,var(--k2),transparent)}
[data-theme="light"] .logo-strip-wrap::after{background:linear-gradient(to left,var(--k2),transparent)}
[data-theme="light"] .logo-item{color:rgba(0,0,0,.22)}
[data-theme="light"] .logo-item:hover{color:rgba(0,0,0,.55)}
[data-theme="light"] .cert-strip-section{background:var(--k3);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .cert-item{color:rgba(0,0,0,.3)}
[data-theme="light"] #calculator{background:var(--k2)}
[data-theme="light"] .calc-inputs{background:var(--k3)}
[data-theme="light"] .calc-result{background:#FFFFFF;border-left:1px solid rgba(0,0,0,.08)}
[data-theme="light"] .calc-product-sel,.calc-product-sel option{background:var(--k3)}
[data-theme="light"] .fab-card{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}
[data-theme="light"] .fab-card.on{background:rgba(224,26,26,.08);border-color:rgba(224,26,26,.4)}
[data-theme="light"] .cmplx-opt{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.09)}
[data-theme="light"] .tl-opt{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.09)}
[data-theme="light"] #problems{background:var(--k3)}
[data-theme="light"] .prob-card-hs{background:var(--k2)}
[data-theme="light"] #hs-section{background:var(--k)}
[data-theme="light"] .hs-nav-header{background:var(--k2)}
[data-theme="light"] .hslide-locations{background:var(--k3)}
[data-theme="light"] .hslide-team{background:var(--k2)}
[data-theme="light"] .hslide-values{background:var(--k)}
[data-theme="light"] .hs-progress{background:var(--k2)}
[data-theme="light"] #programs{background:var(--k2)}
[data-theme="light"] .prog-card{background:var(--k3);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .prog-card.featured{background:#FFFFFF;border-color:rgba(224,26,26,.2);box-shadow:var(--sh-card)}
[data-theme="light"] #capabilities{background:var(--k)}
[data-theme="light"] .cap-col{background:var(--k2)}
[data-theme="light"] .cap-item{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .cap-item:hover{background:rgba(224,26,26,.04)}
[data-theme="light"] #services{background:var(--k3)}
[data-theme="light"] .sc{background:var(--k2)}
[data-theme="light"] #moq{background:var(--k2)}
[data-theme="light"] .moq-cta-panel{background:#FFFFFF;border-color:rgba(0,0,0,.08);box-shadow:var(--sh-card)}
[data-theme="light"] .moq-compare{border-color:rgba(0,0,0,.08)}
[data-theme="light"] .moq-row-item{background:var(--k3)}
[data-theme="light"] .moq-cell{background:var(--k2)}
[data-theme="light"] #products{background:var(--k2)}
[data-theme="light"] .p-visual{background:var(--k4)}
[data-theme="light"] .p-info{background:var(--k3)}
[data-theme="light"] #tagline .tl-bg{background:linear-gradient(135deg,#1a1a1a 0%,#2a0808 100%)}
[data-theme="light"] #sustainability{background:var(--k3)}
[data-theme="light"] .sus-card-hs{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}
[data-theme="light"] #compliance{background:var(--k2)}
[data-theme="light"] .comp-item{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .factory-card{background:#FFFFFF;border-color:rgba(0,0,0,.08);box-shadow:var(--sh-card)}
[data-theme="light"] #people{background:var(--k)}
[data-theme="light"] .person-card{background:#FFFFFF;border-color:rgba(0,0,0,.07);box-shadow:var(--sh-card)}
[data-theme="light"] #faq{background:var(--k2)}
[data-theme="light"] #vcall{background:var(--k3)}
[data-theme="light"] #contact{background:var(--k2)}
[data-theme="light"] .ff input,.ff select,.ff textarea{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}
[data-theme="light"] footer{background:var(--k3)}
[data-theme="light"] .nav-drawer{background:rgba(247,246,242,.98)}
[data-theme="light"] .nav-center a{color:rgba(0,0,0,.45)}
[data-theme="light"] .nav-center a:hover{color:var(--w)}
[data-theme="light"] .modal-box{background:#FFFFFF;border-color:rgba(224,26,26,.2);box-shadow:0 24px 64px rgba(0,0,0,.12)}
[data-theme="light"] .modal-input{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}
[data-theme="light"] .result-tabs{border-bottom-color:rgba(0,0,0,.1)}
[data-theme="light"] .rt-tab{color:var(--g1)}
[data-theme="light"] .bi-bar-bg{background:rgba(0,0,0,.08)}
[data-theme="light"] .smart-insights{background:rgba(224,26,26,.04);border-color:rgba(224,26,26,.1)}
[data-theme="light"] .prod-summary{background:rgba(0,0,0,.06)}
[data-theme="light"] .ps-item{background:var(--k2)}
[data-theme="light"] .ilt-comparison{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .people-cta-bar{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .vc-promise{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .fq{border-bottom-color:rgba(0,0,0,.08)}
[data-theme="light"] .fq:first-child{border-top-color:rgba(0,0,0,.08)}
[data-theme="light"] .calc-cta-ghost{border-color:rgba(0,0,0,.12);color:var(--g2)}
[data-theme="light"] .calc-cta-ghost:hover{border-color:var(--r);color:var(--w)}
[data-theme="light"] .moq-row-item.header{background:transparent}
[data-theme="light"] .loc-card-hs{background:var(--k2)}
[data-theme="light"] .value-card-hs{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}
[data-theme="light"] #programs::before,[data-theme="light"] #capabilities::before{color:rgba(0,0,0,.015)}

/* ═══════════════════════════════════════
   GLOBAL RESET & BASE
═══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
section,[id]{scroll-margin-top:calc(var(--nav-h) + 34px)}
body{background:var(--k);color:var(--w);font-family:'DM Sans',sans-serif;overflow-x:hidden;transition:background .3s,color .3s;max-width:100vw}
html{overflow-x:hidden;max-width:100vw}
img,svg,video{max-width:100%;height:auto}
/* cursor:none removed */
::selection{background:var(--r);color:#fff}
::-webkit-scrollbar{width:2px}
::-webkit-scrollbar-track{background:var(--k)}
::-webkit-scrollbar-thumb{background:var(--r)}

/* GRAIN OVERLAY */
body::before{content:'';position:fixed;inset:0;z-index:9990;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-repeat:repeat;background-size:180px 180px;opacity:var(--grain-opacity);mix-blend-mode:overlay;transition:opacity .3s}

/* custom cursor CSS removed */

/* ═══ STICKY CTA ═══ */
.sticky-cta{position:fixed;bottom:clamp(1rem,3vw,2rem);left:50%;transform:translateX(-50%);z-index:790;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s}
.sticky-cta.show{opacity:1;pointer-events:all}
.sticky-cta a{background:var(--r);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.85rem clamp(1.4rem,3vw,2.4rem);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 40px rgba(224,26,26,.55),0 2px 8px rgba(0,0,0,.4);transition:transform var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}
.sticky-cta a:hover{transform:translateY(-2px);box-shadow:0 12px 50px rgba(224,26,26,.65)}
@media(max-width:640px){.sticky-cta{bottom:5.5rem;left:.75rem;right:.75rem;transform:none}.sticky-cta a{width:100%;justify-content:center;font-size:.78rem;padding:.9rem 1.5rem}}

/* ═══ WHATSAPP FLOAT ═══ */
.wa{position:fixed;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem);z-index:800}
.wa-btn{width:50px;height:50px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 0 24px rgba(37,211,102,.4);transition:transform var(--t-fast),box-shadow var(--t-fast)}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 0 40px rgba(37,211,102,.6)}
.wa-btn svg{width:22px;height:22px;fill:#fff}

/* ═══ ANNOUNCEMENT BAR — FIXED ═══ */
.ann{background:var(--r);padding:0;overflow:hidden;height:34px;display:flex;align-items:center}
.ann-track{display:flex;width:max-content;animation:ann-scroll 32s linear infinite;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ann-track span{font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:0 2rem;white-space:nowrap;line-height:34px}
.ann-track span.sep{opacity:.4;padding:0 .5rem}
@keyframes ann-scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}

/* ═══ NAV ═══ */
nav{position:fixed;top:0;left:0;right:0;z-index:700;padding:0 var(--sp-px);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background var(--t-med),border-color var(--t-med),box-shadow var(--t-med)}
nav.solid{background:rgba(5,5,5,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);box-shadow:0 4px 32px rgba(0,0,0,.35)}
.nav-logo{text-decoration:none;position:relative;flex-shrink:0;display:inline-flex;align-items:center}
.nav-logo::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--r);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}
.nav-logo:hover::after{transform:scaleX(1)}
.nav-center{display:flex;gap:clamp(.45rem,1vw,1.1rem);list-style:none;align-items:center}
.nav-center a{font-size:.52rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:rgba(128,128,128,.7);text-decoration:none;transition:color var(--t-fast);padding:.25rem 0;position:relative;white-space:nowrap}
.nav-center a::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--r);transform:scaleX(0);transition:transform var(--t-fast);transform-origin:left}
.nav-center a:hover{color:var(--w)}
.nav-center a:hover::after{transform:scaleX(1)}
.nav-right{display:flex;gap:.6rem;align-items:center;flex-shrink:0}

/* THEME TOGGLE */
.theme-toggle{background:none;border:1px solid var(--border);color:var(--g2);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:all var(--t-med);flex-shrink:0}
.theme-toggle:hover{border-color:var(--r);color:var(--r)}

.nav-quote{background:transparent;border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.48rem 1.1rem;text-decoration:none;transition:all var(--t-med);display:none}
@media(min-width:1024px){.nav-quote{display:inline-flex}}
.nav-quote:hover{background:var(--w);color:var(--k)}
.nav-cta{background:var(--r);color:#fff;font-family:'DM Sans',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.52rem 1.2rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(224,26,26,.3)}
.nav-cta::before{content:'';position:absolute;inset:0;background:var(--rb);transform:translateX(-100%);transition:transform var(--t-med)}
.nav-cta:hover::before{transform:translateX(0)}
.nav-cta span{position:relative;z-index:1}
.nav-ham{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;cursor:pointer;padding:4px;background:none;border:none;z-index:810;flex-shrink:0}
.nav-ham span{display:block;height:1.5px;background:var(--w);transition:transform var(--t-med),opacity var(--t-fast),width var(--t-med)}
.nav-ham span:nth-child(2){width:70%;margin-left:auto}
.nav-ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-ham.open span:nth-child(2){opacity:0;width:0}
.nav-ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* MOBILE DRAWER */
.nav-drawer{position:fixed;inset:0;top:var(--nav-h);background:rgba(5,5,5,.98);backdrop-filter:blur(20px);z-index:699;display:flex;flex-direction:column;padding:2rem var(--sp-px) 3rem;transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;overflow-y:auto}
.nav-drawer.open{transform:translateY(0);pointer-events:all}
.nav-drawer ul{list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border);margin-bottom:2rem}
.nav-drawer ul li a{display:block;padding:1.1rem 0;font-size:.85rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(128,128,128,.75);text-decoration:none;border-bottom:1px solid var(--border);transition:color var(--t-fast),padding-left var(--t-fast)}
.nav-drawer ul li a:hover{color:var(--w);padding-left:.5rem}
.nav-drawer-cta{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}
.nav-drawer-cta a{width:100%;text-align:center;padding:1rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.nav-drawer-cta a:first-child{background:var(--r);color:#fff}
.nav-drawer-cta a:last-child{border:1px solid var(--border);color:var(--w)}

/* ═══ HERO ═══ */
#hero{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding-top:var(--nav-h)}
.hero-plasma{position:absolute;inset:0;background:var(--k);transition:background .35s}
.hero-plasma::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 20%,rgba(224,26,26,.22) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(138,14,14,.14) 0%,transparent 50%);animation:plasma 8s ease-in-out infinite alternate}
@keyframes plasma{0%{filter:blur(40px)}100%{filter:blur(60px) brightness(1.2)}}
.hero-slash{position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(135deg,transparent,rgba(224,26,26,.04) 50%,transparent);border-left:1px solid rgba(224,26,26,.08);clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%)}
.hero-wm{position:absolute;bottom:-2vw;left:-1rem;font-family:'Bebas Neue',sans-serif;font-size:18vw;line-height:.9;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);letter-spacing:.02em;pointer-events:none;white-space:nowrap;user-select:none}
.hero-vline{position:absolute;left:2.8rem;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--r) 30%,var(--r) 70%,transparent)}
.hero-year{position:absolute;right:3rem;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(128,128,128,.25)}
.hero-content{position:relative;z-index:2;padding:0 var(--sp-px) clamp(3rem,6vw,5rem) clamp(1rem,5vw,5rem);max-width:90vw}
.hero-eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}
.hero-eyebrow-line{width:48px;height:1px;background:var(--r);flex-shrink:0}
.hero-eyebrow-text{font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--r);animation:slideIn .8s .2s both}
@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
.hero-h1{font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;line-height:.88;margin-bottom:2rem;overflow:hidden}
.hero-line1{font-size:clamp(3.5rem,9vw,8rem);color:var(--w);display:block;animation:lineUp .9s .1s both;line-height:.95}
.hero-line2{font-size:clamp(3.5rem,9vw,8rem);color:transparent;-webkit-text-stroke:2px var(--r);display:block;animation:lineUp .9s .25s both;text-shadow:0 0 80px rgba(224,26,26,.3);line-height:.95}
.hero-line3{font-size:clamp(2rem,5vw,5rem);color:var(--w);display:block;animation:lineUp .9s .4s both;letter-spacing:.06em;line-height:1}
.hero-line4{font-size:clamp(2rem,5vw,5rem);color:var(--r);display:block;animation:lineUp .9s .55s both;letter-spacing:.06em;text-shadow:0 0 60px rgba(224,26,26,.5);line-height:1}
@keyframes lineUp{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}
.hero-trust{display:flex;gap:clamp(.75rem,2vw,1.8rem);flex-wrap:wrap;margin-bottom:1.25rem;animation:fadeSlide .9s .65s both}
.htb{display:flex;align-items:center;gap:.45rem;font-size:clamp(.62rem,.8vw,.72rem);font-weight:500;letter-spacing:.06em;color:rgba(128,128,128,.75)}
.htb::before{content:'✓';color:var(--r);font-weight:700;font-size:.8rem}
.hero-sub{font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(.88rem,1.4vw,1.1rem);color:rgba(128,128,128,.6);max-width:520px;line-height:1.7;font-style:italic;animation:fadeSlide .9s .7s both}
@keyframes fadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.hero-actions{display:flex;gap:clamp(.75rem,2vw,1.5rem);align-items:center;margin-top:2rem;animation:fadeSlide .9s .85s both;flex-wrap:wrap}
.btn-hero-main{display:inline-flex;align-items:center;gap:.65rem;background:var(--r);color:#fff;font-size:clamp(.68rem,.85vw,.78rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:clamp(.8rem,1.5vw,1.1rem) clamp(1.5rem,3vw,2.6rem);text-decoration:none;position:relative;overflow:hidden;transition:transform var(--t-fast),box-shadow var(--t-fast)}
.btn-hero-main::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--rb),var(--r));opacity:0;transition:opacity var(--t-med)}
.btn-hero-main:hover{transform:translateY(-3px);box-shadow:var(--sh-glow)}
.btn-hero-main:hover::before{opacity:1}
.btn-hero-main span{position:relative;z-index:1}
.btn-hero-ghost{color:var(--w);font-size:clamp(.65rem,.8vw,.72rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border);transition:border-color var(--t-med),color var(--t-med),gap var(--t-fast)}
.btn-hero-ghost:hover{color:var(--r);border-color:var(--r);gap:.8rem}
.hero-scroll{position:absolute;bottom:clamp(1.5rem,3vw,3rem);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeSlide .9s 1.1s both}
.scroll-dot{width:5px;height:5px;background:var(--r);border-radius:50%;animation:bounce 1.5s ease-in-out infinite}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.scroll-text{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(128,128,128,.4)}
.hero-trust-strip{display:flex;gap:clamp(1.2rem,3vw,2.5rem);margin-top:1.25rem;flex-wrap:wrap;animation:fadeSlide .9s 1s both}
.hts-item{display:flex;flex-direction:column;gap:.15rem}
.hts-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.4rem,2.5vw,1.9rem);color:var(--r);line-height:1;letter-spacing:.04em}
.hts-label{font-size:clamp(.54rem,.65vw,.62rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(128,128,128,.4)}

/* ═══ MARQUEE ═══ */
.marquee-section{padding:1.5rem 0;background:var(--k2);overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mq-row{display:flex;white-space:nowrap;overflow:hidden;margin:.4rem 0}
.mq-inner{display:inline-flex;animation:mq1 25s linear infinite;will-change:transform}
.mq-inner.rev{animation:mq2 30s linear infinite;will-change:transform}
.mq-inner span{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:.08em;color:rgba(128,128,128,.15);padding:0 1.5rem}
.mq-inner span.hi{color:var(--r);opacity:.6}
@keyframes mq1{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mq2{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ═══ STATS ═══ */
#stats{padding:0;background:var(--k2)}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}
@media(max-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.stat-block{padding:clamp(1.5rem,3.5vw,3.5rem) clamp(1rem,2.5vw,2.5rem);position:relative;overflow:hidden;border-right:1px solid var(--border);cursor:default;transition:background var(--t-slow)}
.stat-block:last-child{border-right:none}
.stat-block::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(224,26,26,.09),transparent);opacity:0;transition:opacity var(--t-med)}
.stat-block:hover::before{opacity:1}
.stat-block::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--r),var(--rb));transform:scaleX(0);transition:transform var(--t-med);transform-origin:left}
.stat-block:hover::after{transform:scaleX(1)}
.sb-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.2rem,3.8vw,4.2rem);line-height:1;color:var(--w);letter-spacing:.03em;display:flex;align-items:baseline;gap:.12rem}
.sb-num .accent{color:var(--r);text-shadow:0 0 24px rgba(224,26,26,.5)}
.sb-label{font-size:clamp(.55rem,.65vw,.62rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-top:.4rem}
.sb-sub{font-size:clamp(.7rem,.85vw,.78rem);color:rgba(128,128,128,.3);margin-top:.2rem;font-weight:300}

/* ═══ TRUST LOGO STRIP ═══ */
.logo-strip-section{padding:clamp(1.5rem,3vw,2.5rem) 0;background:var(--k3);overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.logo-strip-header{text-align:center;padding:0 var(--sp-px) clamp(.85rem,1.8vw,1.25rem);font-size:.6rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(128,128,128,.4)}
.logo-strip-wrap{overflow:hidden;position:relative}
.logo-strip-wrap::before,.logo-strip-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.logo-strip-wrap::before{left:0;background:linear-gradient(to right,var(--k3),transparent)}
.logo-strip-wrap::after{right:0;background:linear-gradient(to left,var(--k3),transparent)}
.logo-track{display:flex;align-items:center;animation:logoScroll 28s linear infinite;white-space:nowrap;will-change:transform}
.logo-track:hover{animation-play-state:paused}
.logo-item{display:inline-flex;align-items:center;justify-content:center;padding:0 2.5rem;font-family:'Bebas Neue',sans-serif;font-size:clamp(1rem,1.8vw,1.35rem);letter-spacing:.18em;color:rgba(128,128,128,.22);transition:color .3s;cursor:default;flex-shrink:0}
.logo-item:hover{color:rgba(128,128,128,.55)}
.logo-sep{display:inline-block;width:5px;height:5px;background:var(--r);border-radius:50%;opacity:.3;margin:0 .5rem;flex-shrink:0;vertical-align:middle}
@keyframes logoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* CERT STRIP */
.cert-strip-section{padding:clamp(1rem,2vw,1.5rem) 0;background:var(--k2);overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.cert-track{display:flex;align-items:center;animation:logoScroll 22s linear infinite reverse;will-change:transform;white-space:nowrap}
.cert-item{display:inline-flex;align-items:center;gap:.6rem;padding:0 2rem;font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(128,128,128,.28);flex-shrink:0;transition:color .3s}
.cert-item:hover{color:rgba(128,128,128,.6)}
.cert-dot{width:6px;height:6px;background:var(--r);border-radius:50%;opacity:.45;flex-shrink:0}

/* ═══ SECTION SHARED ═══ */
section{padding:var(--sp-section) var(--sp-px)}
.svc-tag{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--r);margin-bottom:.9rem;display:flex;align-items:center;gap:.6rem}
.svc-tag::before{content:'';display:block;width:26px;height:1px;background:var(--r)}
h2.sh{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.92;letter-spacing:.03em;color:var(--w)}
h2.sh em{font-style:normal;color:var(--r)}
.sbody{font-size:clamp(.88rem,1.1vw,.98rem);color:var(--g2);max-width:480px;margin-top:1.2rem;font-weight:300;line-height:1.8}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);color:var(--g2);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.4rem;text-decoration:none;transition:all .3s ease;cursor:pointer;background:none;font-family:'DM Sans',sans-serif}
.btn-outline:hover{border-color:var(--r);color:var(--w)}

/* ═══ INSTANT COST CALCULATOR — FIXED TITLE ═══ */
#calculator{background:var(--k3);padding:var(--sp-section) var(--sp-px);position:relative;overflow:hidden}
#calculator::before{content:'CALCULATE';position:absolute;right:-2rem;bottom:-2rem;font-family:'Bebas Neue',sans-serif;font-size:16vw;color:rgba(128,128,128,.018);pointer-events:none;line-height:1}
.calc-header{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}
/* TITLE FIX: "Estimated Cost" in red, surrounding text in white */
.calc-title-white{color:var(--w)}
.calc-title-red{color:var(--r)}
[data-theme="light"] .calc-title-white{color:var(--w)}
.calc-trust-strip{display:flex;gap:clamp(1rem,2.5vw,2.5rem);justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.cts-badge{display:flex;align-items:center;gap:.4rem;font-size:clamp(.6rem,.75vw,.7rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(128,128,128,.5)}
.cts-badge::before{content:'✓';color:var(--r)}
.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);max-width:1100px;margin:0 auto}
@media(max-width:820px){.calc-layout{grid-template-columns:1fr}}
.calc-inputs{background:var(--k2);padding:clamp(1.5rem,3vw,2.5rem)}
.calc-result{background:var(--k4);padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:0}
.ci-label{font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(128,128,128,.45);margin-bottom:.8rem}
.calc-product-sel{background:var(--surface);border:1px solid var(--border);color:var(--w);padding:.85rem 1rem;font-family:'DM Sans',sans-serif;font-size:.88rem;outline:none;transition:border-color .2s;width:100%;cursor:pointer;-webkit-appearance:none}
.calc-product-sel:focus{border-color:var(--r)}
.calc-product-sel option{background:var(--k)}
.calc-section-gap{height:1.4rem}
.qty-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}
.qty-label{font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(128,128,128,.45)}
.qty-display{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--r);letter-spacing:.04em}
.qty-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:linear-gradient(to right,var(--r) var(--pct,15%),rgba(128,128,128,.15) var(--pct,15%));outline:none;cursor:pointer}
.qty-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--r);cursor:pointer;box-shadow:0 0 12px rgba(224,26,26,.4);transition:transform var(--t-fast)}
.qty-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}
.qty-hint{font-size:.62rem;color:rgba(128,128,128,.5);margin-top:.6rem;min-height:1.2em;font-style:italic}
.fab-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}
@media(max-width:500px){.fab-row{grid-template-columns:repeat(2,1fr)}}
.fab-card{background:var(--surface);border:1px solid var(--border);padding:.65rem .5rem;text-align:center;cursor:pointer;transition:all var(--t-med)}
.fab-card:hover{border-color:rgba(224,26,26,.3)}
.fab-card.on{background:rgba(224,26,26,.08);border-color:rgba(224,26,26,.45)}
.fab-card.on .fab-name{color:var(--r)}
.fab-name{font-size:.58rem;font-weight:600;letter-spacing:.08em;color:var(--g2);text-transform:uppercase;transition:color .2s}
.fab-sub{font-size:.52rem;color:rgba(128,128,128,.4);margin-top:.2rem}
.complexity-opts{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}
.cmplx-opt{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all var(--t-med)}
.cmplx-opt:hover{border-color:rgba(224,26,26,.25)}
.cmplx-opt.on{background:rgba(224,26,26,.06);border-color:rgba(224,26,26,.35)}
.cmplx-dot{width:8px;height:8px;border:1.5px solid rgba(128,128,128,.3);border-radius:50%;flex-shrink:0;transition:all .3s ease}
.cmplx-opt.on .cmplx-dot{background:var(--r);border-color:var(--r);box-shadow:0 0 8px rgba(224,26,26,.4)}
.cmplx-txt{font-size:.72rem;color:var(--g2);font-weight:400;transition:color .2s}
.cmplx-opt.on .cmplx-txt{color:var(--w)}
.timeline-opts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
.tl-opt{background:var(--surface);border:1px solid var(--border);padding:.85rem;cursor:pointer;transition:all var(--t-med);text-align:center}
.tl-opt:hover{border-color:rgba(224,26,26,.25)}
.tl-opt.on{background:rgba(224,26,26,.08);border-color:rgba(224,26,26,.4)}
.tl-opt-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g2);transition:color .2s}
.tl-opt.on .tl-opt-label{color:var(--r)}
.tl-opt-days{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;color:var(--w);margin-top:.25rem;letter-spacing:.04em}
/* Result panel */
.result-label{font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(128,128,128,.45)}
.result-price{display:flex;align-items:baseline;gap:.4rem;margin:.5rem 0 .25rem}
.result-price span{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.4rem,4vw,3.8rem);letter-spacing:.03em;color:var(--w);line-height:1;transition:all .3s ease}
.result-price .accent{font-size:1.4rem;color:rgba(128,128,128,.4)}
.result-per{font-size:.62rem;color:rgba(128,128,128,.4);letter-spacing:.08em}
.result-divider{height:1px;background:var(--border);margin:1.5rem 0}
.result-tabs{display:flex;gap:0;margin:1rem 0 1.5rem;border-bottom:1px solid var(--border)}
.rt-tab{padding:.6rem 1.4rem;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g2);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;font-family:'DM Sans',sans-serif}
.rt-tab.on{color:var(--w);border-bottom-color:var(--r)}
.rt-panel{display:none}.rt-panel.on{display:block}
.breakdown-title{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(128,128,128,.4);margin-bottom:1rem}
.breakdown-item{margin-bottom:.85rem}
.bi-header{display:flex;justify-content:space-between;margin-bottom:.35rem}
.bi-name{font-size:.72rem;color:var(--g2);font-weight:400}
.bi-pct{font-size:.72rem;font-weight:600;color:var(--w)}
.bi-bar-bg{height:3px;background:rgba(128,128,128,.1);overflow:hidden}
.bi-bar-fill{height:100%;background:linear-gradient(90deg,var(--r),var(--rb));transition:width .4s cubic-bezier(.25,.46,.45,.94)}
.smart-insights{background:rgba(224,26,26,.04);border:1px solid rgba(224,26,26,.1);padding:1rem 1.2rem;margin-top:1.2rem}
.si-title{font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--r);margin-bottom:.65rem}
.si-item{font-size:.72rem;color:var(--g2);font-weight:300;line-height:1.6;padding:.25rem 0;border-bottom:1px solid rgba(224,26,26,.06)}
.si-item:last-child{border-bottom:none}
.si-item::before{content:'→ ';color:var(--r);font-size:.65rem}
.inline-timeline{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.2rem}
.ilt-phase{display:flex;align-items:flex-start;gap:.9rem}
.ilt-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.ilt-dot{width:10px;height:10px;border-radius:50%;background:var(--r);flex-shrink:0;box-shadow:0 0 8px rgba(224,26,26,.5)}
.ilt-line{width:1px;height:100%;min-height:30px;background:linear-gradient(to bottom,rgba(224,26,26,.3),transparent);margin-top:2px}
.ilt-name{font-size:.75rem;font-weight:600;color:var(--w);letter-spacing:.04em}
.ilt-days{font-family:'Bebas Neue',sans-serif;font-size:1rem;color:var(--r);letter-spacing:.04em;margin-top:.1rem}
.ilt-note{font-size:.66rem;color:var(--g2);margin-top:.1rem}
.ilt-total{background:rgba(224,26,26,.06);border:1px solid rgba(224,26,26,.15);padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.ilt-total-label{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g2)}
.ilt-total-val{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--green);letter-spacing:.04em}
.ilt-advantage{font-size:.66rem;color:var(--green);font-weight:500;margin-top:.1rem}
.ilt-comparison{margin-top:.8rem;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border)}
.ilt-comp-row{display:flex;justify-content:space-between;font-size:.76rem;padding:.2rem 0}
.ilt-comp-bad{color:rgba(255,100,100,.7);font-weight:600}
.ilt-comp-good{color:var(--green);font-weight:600}
.ilt-sep{height:1px;background:var(--border);margin:.3rem 0}
.prod-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:1.5rem 0}
.ps-item{background:var(--k3);padding:.85rem 1rem}
.ps-val{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--w);text-transform:uppercase}
.ps-lbl{font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(128,128,128,.4);margin-top:.2rem}
.calc-cta-wrap{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.calc-cta-main{background:linear-gradient(135deg,var(--r),var(--rb));color:#fff;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1.1rem 2.75rem;transition:transform .2s,box-shadow .3s;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;text-decoration:none}
.calc-cta-main:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(224,26,26,.35)}
.calc-cta-ghost{font-size:.7rem;color:rgba(128,128,128,.6);text-decoration:none;text-align:center;padding:.5rem;border:1px solid var(--border);transition:all .3s ease;letter-spacing:.06em}
.calc-cta-ghost:hover{color:var(--w);border-color:var(--border-hover)}
.calc-micro{font-size:.6rem;color:rgba(128,128,128,.35);text-align:center;letter-spacing:.1em;text-transform:uppercase}

/* ═══ PROBLEM/SOLUTION — STANDALONE SECTION ═══ */
#problems{background:var(--k3);padding:var(--sp-section) var(--sp-px);position:relative;overflow:hidden}
#problems::before{content:'SOLVE';position:absolute;right:-1rem;bottom:-2rem;font-family:'Bebas Neue',sans-serif;font-size:20vw;color:rgba(128,128,128,.018);pointer-events:none;line-height:1}
.prob-hdr{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:clamp(2rem,4vw,3.5rem)}
@media(max-width:768px){.prob-hdr{grid-template-columns:1fr;gap:2rem}}
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5px;background:var(--border)}
@media(max-width:768px){.prob-grid{grid-template-columns:1fr}}
.prob-card{background:var(--k2);padding:clamp(1.5rem,3vw,2.5rem);display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start;transition:background var(--t-slow);cursor:default}
@media(max-width:500px){.prob-card{grid-template-columns:1fr}}
.prob-card:hover{background:rgba(224,26,26,.03)}
.prob-label{font-size:.52rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.22rem .5rem;display:inline-flex;margin-bottom:.75rem}
.prob-label.problem{background:rgba(255,80,80,.08);color:rgba(255,100,100,.65)}
.prob-label.solution{background:rgba(34,197,94,.07);color:rgba(34,197,94,.65)}
.prob-t{font-size:.85rem;font-weight:600;color:var(--w);line-height:1.35;margin-bottom:.5rem}
.prob-d{font-size:.78rem;color:var(--g2);font-weight:300;line-height:1.7}
.prob-arrow{display:flex;align-items:center;justify-content:center;color:var(--r);font-size:.9rem;opacity:.45;padding-top:1.5rem}
@media(max-width:500px){.prob-arrow{display:none}}

/* ═══ HORIZONTAL SLIDER — 3 SLIDES: Locations, Team, Values ═══ */
#hs-section{padding:0;overflow:hidden;background:var(--k2);border-top:1px solid var(--border);position:relative}
.hs-nav-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(1.5rem,3vw,2.5rem) var(--sp-px);background:var(--k3);border-bottom:1px solid var(--border)}
.hs-nav-tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hs-nav-tabs::-webkit-scrollbar{display:none}
.hs-tab{font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(128,128,128,.45);padding:.6rem 1.2rem;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--t-med);white-space:nowrap;flex-shrink:0;background:none;border-top:none;border-left:none;border-right:none;font-family:'DM Sans',sans-serif}
.hs-tab.active{color:var(--w);border-bottom-color:var(--r)}
.hs-tab:hover{color:var(--g2)}
.hs-arrows{display:flex;gap:.5rem;flex-shrink:0}
.hs-arrow{width:38px;height:38px;background:var(--surface);border:1px solid var(--border);color:var(--g2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--t-med)}
.hs-arrow:hover{background:var(--r);border-color:var(--r);color:#fff}
.hs-arrow:disabled{opacity:.25;cursor:not-allowed}
.hs-viewport{overflow:hidden;position:relative}
.hs-track{display:flex;transition:transform .55s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.hslide{flex-shrink:0;width:calc(100% - 2.5vw);position:relative;overflow:hidden;min-height:clamp(460px,58vh,680px)}
@media(max-width:768px){.hslide{width:calc(100% - 1.5rem)}}
.hslide-locations{background:var(--k3)}
.hslide-team{background:var(--k4)}
.hslide-values{background:var(--k2)}
.hslide-inner{padding:clamp(2rem,5vw,4rem) clamp(2rem,5vw,5rem);height:100%;display:flex;flex-direction:column;justify-content:center}
.hs-eyebrow{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}
.hs-eyebrow::before{content:'';display:block;width:26px;height:1px;background:var(--r)}
.hs-eyebrow-text{font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--r)}
.hs-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.9;letter-spacing:.03em;color:var(--w);margin-bottom:1.5rem}
.hs-h em{font-style:normal;color:var(--r)}
/* Locations slide */
.loc-grid-hs{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);margin-top:1.5rem}
@media(max-width:768px){.loc-grid-hs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:450px){.loc-grid-hs{grid-template-columns:repeat(2,1fr)}}
.loc-card-hs{background:var(--k3);padding:1.4rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}
.loc-card-hs::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--r);transform:scaleX(0);transition:transform .3s;transform-origin:left}
.loc-card-hs:hover::after{transform:scaleX(1)}
.loc-flag-hs{font-size:1.6rem;margin-bottom:.6rem;display:block}
.loc-country-hs{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.08em;color:var(--w);line-height:1}
.loc-role-hs{font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--r);margin:.3rem 0 .25rem}
.loc-city-hs{font-size:.72rem;color:var(--g2);font-weight:300}
/* Team slide */
.team-grid-hs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:1.5rem}
@media(max-width:900px){.team-grid-hs{grid-template-columns:repeat(2,1fr)}}
.team-card-hs{background:var(--k4);padding:1.5rem;transition:background .3s;cursor:default}
.team-card-hs:hover{background:rgba(224,26,26,.04)}
.team-avatar{width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden;border:1px solid var(--border);transition:all .4s ease}
.team-avatar img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94);filter:saturate(1.05) contrast(1.02)}
.team-card-hs:hover .team-avatar{border-color:rgba(224,26,26,.4)}
.team-card-hs:hover .team-avatar img{transform:scale(1.04)}
[data-theme="light"] .team-avatar{background:#F0EFE9;border-color:rgba(0,0,0,.10)}
.team-tag-hs{font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:rgba(224,26,26,.9);color:#fff;padding:.2rem .5rem;display:inline-block;margin-bottom:.5rem}
.team-name-hs{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:.06em;color:var(--w);line-height:1;margin-bottom:.2rem}
.team-role-hs{font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--r);margin-bottom:.6rem}
.team-bio-hs{font-size:.7rem;color:var(--g2);line-height:1.6;font-weight:300}
/* Values slide */
.values-hs-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;height:100%;align-items:center}
@media(max-width:768px){.values-hs-layout{grid-template-columns:1fr;gap:1.5rem}}
.value-cards-hs{display:flex;flex-direction:column;gap:.75rem}
.value-card-hs{background:var(--surface);border:1px solid var(--border);padding:1.2rem 1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:all .3s;cursor:default}
.value-card-hs:hover{border-color:var(--border-hover);background:rgba(224,26,26,.04)}
.vc-icon{font-size:1.1rem;color:var(--r);flex-shrink:0;margin-top:.1rem}
.vc-title{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--w);margin-bottom:.2rem}
.vc-desc{font-size:.7rem;color:var(--g2);line-height:1.65;font-weight:300}
.ms-compact{display:flex;flex-direction:column;gap:.7rem}
.ms-compact-item{display:flex;gap:1rem;align-items:flex-start;padding-bottom:.7rem;border-bottom:1px solid var(--border)}
.ms-compact-item:last-child{border-bottom:none;padding-bottom:0}
.ms-year-c{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;color:var(--r);letter-spacing:.06em;flex-shrink:0;line-height:1;min-width:2.8rem}
.ms-event-c{font-size:.75rem;font-weight:600;color:var(--w);line-height:1.3}
.ms-desc-c{font-size:.68rem;color:var(--g2);font-weight:300;line-height:1.6;margin-top:.15rem}
/* Slider progress */
.hs-progress{display:flex;gap:.4rem;padding:.75rem var(--sp-px);background:var(--k3);border-top:1px solid var(--border)}
.hs-dot{width:24px;height:2px;background:rgba(128,128,128,.2);cursor:pointer;transition:all .3s}
.hs-dot.active{background:var(--r);width:40px}

/* ═══ PROGRAMS ═══ */
#programs{background:var(--k2);padding:var(--sp-section) var(--sp-px)}
.prog-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
@media(max-width:768px){.prog-intro{grid-template-columns:1fr}}
.prog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--border)}
@media(max-width:960px){.prog-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.prog-cards{grid-template-columns:1fr}}
.prog-card{background:var(--k3);padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:0;position:relative;transition:all .4s;cursor:default}
.prog-card:hover{background:var(--k4);transform:translateY(-4px);box-shadow:var(--sh-lift);z-index:1}
.prog-card.featured{background:var(--k);border:1px solid rgba(224,26,26,.2)}
.prog-num{position:absolute;top:1.5rem;right:1.5rem;font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:rgba(224,26,26,.07);line-height:1;letter-spacing:.02em}
.prog-badge{font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);background:var(--surface2);border:1px solid var(--border);padding:.22rem .6rem;display:inline-flex;margin-bottom:1.5rem;width:fit-content}
.featured-badge{background:rgba(224,26,26,.1)!important;border-color:rgba(224,26,26,.25)!important;color:var(--r)!important}
.prog-icon{font-size:1.6rem;margin-bottom:1rem}
.prog-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:.04em;color:var(--w);line-height:.95;margin-bottom:.5rem}
.prog-subtitle{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--r);margin-bottom:1.5rem}
.prog-who{background:var(--surface);border:1px solid var(--border);padding:.85rem 1rem;margin-bottom:1.25rem}
.prog-who-label{font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(128,128,128,.4);margin-bottom:.3rem}
.prog-who-val{font-size:.75rem;color:var(--g2);line-height:1.55;font-weight:300}
.prog-desc{font-size:.78rem;color:var(--g2);line-height:1.78;font-weight:300;margin-bottom:1.25rem}
.prog-outcomes{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin-bottom:2rem;flex:1}
.prog-outcomes li{font-size:.72rem;color:var(--g2);padding-left:1rem;position:relative;font-weight:300;line-height:1.55}
.prog-outcomes li::before{content:'→';position:absolute;left:0;color:var(--r);font-size:.65rem}
.prog-cta{background:var(--surface);border:1px solid var(--border);color:var(--w);cursor:pointer;font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1.5rem;transition:all .3s ease;margin-top:auto;text-align:left}
.prog-cta:hover{background:var(--r);border-color:var(--r)}
.prog-card.featured .prog-cta{background:var(--r);border-color:var(--r)}
.prog-card.featured .prog-cta:hover{background:var(--rb)}

/* ═══ CAPABILITIES ═══ */
#capabilities{background:var(--k);padding:var(--sp-section) var(--sp-px);position:relative;overflow:hidden}
#capabilities::before{content:'CAPABILITY';position:absolute;right:-1rem;bottom:-2rem;font-family:'Bebas Neue',sans-serif;font-size:14vw;color:rgba(128,128,128,.015);pointer-events:none;line-height:1}
.cap-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
@media(max-width:768px){.cap-intro{grid-template-columns:1fr}}
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5px;background:var(--border)}
.cap-col{background:var(--k2);padding:clamp(1.5rem,3vw,2.5rem)}
.cap-col-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border)}
.cap-col-icon{width:36px;height:36px;background:rgba(224,26,26,.1);border:1px solid rgba(224,26,26,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.cap-col-title{font-family:'DM Sans',sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--w)}
.cap-col-subtitle{font-size:.55rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--r);margin-top:.1rem}
.cap-items{display:flex;flex-direction:column;gap:.5rem}
.cap-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:var(--surface);border:1px solid var(--border);transition:all .25s;cursor:default}
.cap-item:hover{border-color:rgba(224,26,26,.2);background:rgba(224,26,26,.04);transform:translateX(3px)}
.cap-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;color:var(--r)}
.cap-item-name{font-size:.75rem;font-weight:600;color:var(--w);letter-spacing:.04em}
.cap-item-detail{font-size:.62rem;color:var(--g2);margin-top:.1rem;font-weight:300}
.cap-item-badge{margin-left:auto;font-size:.5rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(224,26,26,.1);color:var(--r);padding:.2rem .45rem;flex-shrink:0}

/* ═══ SERVICES ═══ */
#services{padding:0;background:var(--k3)}
.svc-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;padding:var(--sp-section) var(--sp-px);border-bottom:1px solid var(--border)}
@media(max-width:768px){.svc-intro{grid-template-columns:1fr;gap:2rem}}
.svc-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:.03em;color:var(--w);margin-top:.75rem}
.svc-h .ol{color:transparent;-webkit-text-stroke:2px var(--r)}
.svc-badge-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}
.svc-badge{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);color:var(--g2);padding:.3rem .7rem}
.svc-desc{font-size:.88rem;color:var(--g2);line-height:1.85;font-weight:300;max-width:450px;margin-top:2rem}
.svc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--border)}
@media(max-width:960px){.svc-cards{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.svc-cards{grid-template-columns:1fr}}
.sc{background:var(--k2);padding:clamp(2rem,3.5vw,3rem) clamp(1.5rem,2.5vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;cursor:default;transition:all .4s}
.sc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(224,26,26,.06),transparent);opacity:0;transition:opacity .4s}
.sc:hover{background:var(--k3);transform:translateY(-4px);box-shadow:var(--sh-lift)}
.sc:hover::after{opacity:1}
.sc-num{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:rgba(224,26,26,.07);line-height:1;letter-spacing:.02em;position:absolute;top:1rem;right:1.2rem}
.sc-icon{font-size:1.5rem;display:block;position:relative;z-index:1}
.sc-t{font-family:'DM Sans',sans-serif;font-size:1.35rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--w);margin-top:.5rem;position:relative;z-index:1}
.sc-d{font-size:.78rem;color:var(--g2);line-height:1.78;font-weight:300;position:relative;z-index:1}
.sc-arrow{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(128,128,128,.3);transition:color .3s,letter-spacing .2s;cursor:pointer;position:relative;z-index:1}
.sc:hover .sc-arrow{color:var(--r);letter-spacing:.18em}

/* ═══ MOQ SIMULATOR ═══ */
#moq{background:var(--k3);padding:var(--sp-section) var(--sp-px)}
.moq-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;margin-top:3rem;align-items:start}
@media(max-width:960px){.moq-grid{grid-template-columns:1fr}}
.moq-compare{border:1px solid var(--border);overflow:hidden}
.moq-row-item{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid var(--border)}
.moq-row-item:last-child{border-bottom:none}
.moq-row-item.header{background:var(--surface)}
.moq-cell{padding:.85rem 1rem;border-right:1px solid var(--border);display:flex;align-items:center}
.moq-cell:last-child{border-right:none}
.moq-col-header{font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.moq-col-header.competitor{color:rgba(255,100,100,.55)}
.moq-col-header.us{color:var(--green)}
.moq-cell-label{font-size:.72rem;color:var(--g2);font-weight:400}
.moq-cell-val{font-size:.78rem;font-weight:600;letter-spacing:.02em}
.moq-cell-val.bad{color:rgba(255,100,100,.65)}
.moq-cell-val.good{color:var(--green)}
.moq-cta-panel{background:var(--k4);border:1px solid var(--border);padding:clamp(2rem,3.5vw,3rem)}
.moq-big{font-family:'Bebas Neue',sans-serif;font-size:clamp(6rem,12vw,9rem);color:var(--r);line-height:.9;letter-spacing:.03em;text-shadow:0 0 60px rgba(224,26,26,.3)}
.moq-big-label{font-size:.75rem;color:rgba(128,128,128,.5);font-weight:400;line-height:1.5;max-width:260px;margin-top:.5rem;margin-bottom:2rem}
.moq-benefits{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin-bottom:2rem}
.moq-benefits li{font-size:.78rem;color:var(--g2);padding-left:1.1rem;position:relative;font-weight:300;line-height:1.6}
.moq-benefits li::before{content:'✓';position:absolute;left:0;color:var(--r);font-size:.7rem;font-weight:700}

/* ═══ PRODUCTS ═══ */
#products{padding:0;background:var(--k2)}
.prd-hero{padding:var(--sp-section) var(--sp-px) clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--border)}
.prd-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:.9;letter-spacing:.03em;color:var(--w);margin-top:.75rem}
.prd-h .accent{color:var(--r)}
.ptabs-wrap{padding:0 var(--sp-px);background:var(--k3);border-bottom:1px solid var(--border)}
.ptabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.ptabs::-webkit-scrollbar{display:none}
.pt{padding:1rem clamp(.8rem,2vw,1.6rem);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(128,128,128,.5);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap;flex-shrink:0}
.pt.on{color:var(--w);border-bottom-color:var(--r)}
.pt:hover{color:var(--g2)}
.ppanel{display:none;grid-template-columns:1fr 1fr;background:var(--border);gap:1.5px}
.ppanel.on{display:grid}
@media(max-width:768px){.ppanel.on{grid-template-columns:1fr}}
.p-visual{background:var(--k4);position:relative;overflow:hidden;min-height:400px;display:flex;align-items:flex-end;padding:2.5rem}
.p-visual-bg{font-family:'Bebas Neue',sans-serif;font-size:clamp(6rem,15vw,12rem);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);position:absolute;bottom:-1rem;left:-1rem;line-height:.85;pointer-events:none;letter-spacing:.04em}
.p-visual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .8s cubic-bezier(.25,.46,.45,.94);filter:saturate(1.05) contrast(1.02)}
.p-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.15) 0%,rgba(5,5,5,.55) 60%,rgba(5,5,5,.85) 100%);z-index:1;pointer-events:none}
.p-visual > *:not(.p-visual-img){position:relative;z-index:2}
.ppanel:hover .p-visual-img{transform:scale(1.04)}
[data-theme="light"] .p-visual::before{background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.78) 100%)}
.p-visual-grad{position:absolute;inset:0;background:linear-gradient(135deg,rgba(224,26,26,.06) 0%,transparent 70%)}
.p-visual-stripe{position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,transparent,rgba(224,26,26,.04));border-left:1px solid rgba(224,26,26,.06)}
.p-visual-label{position:relative;z-index:2;font-family:'DM Sans',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(128,128,128,.4)}
.p-visual-num{position:absolute;top:1.5rem;right:1.5rem;font-family:'Bebas Neue',sans-serif;font-size:5rem;color:rgba(224,26,26,.06);line-height:1}
.p-info{background:var(--k3);padding:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3rem)}
.p-ttl{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:.03em;color:var(--w);line-height:.92;margin-top:.75rem}
.p-ttl em{font-style:normal;color:var(--r)}
.p-desc{font-size:.85rem;color:var(--g2);font-weight:300;line-height:1.82;max-width:420px;margin-top:1rem}
.p-items{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}
.p-item{font-size:.78rem;color:var(--g2);padding-left:1rem;position:relative;font-weight:300}
.p-item::before{content:'→';position:absolute;left:0;color:var(--r);font-size:.65rem}

/* ═══ TAGLINE ═══ */
#tagline{background:var(--k);padding:clamp(4rem,8vw,7rem) var(--sp-px);position:relative;overflow:hidden;text-align:center}
.tl-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0A0A0A 0%,#1a0505 100%)}
.tl-text{font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.65;color:rgba(255,255,255,.6);font-style:italic;position:relative;z-index:1;max-width:800px;margin:0 auto}
.tl-text .outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}
.tl-text em{font-style:normal;color:var(--r)}
.tl-rule{width:60px;height:1px;background:var(--r);margin:2rem auto 1.2rem;position:relative;z-index:1}
.tl-attr{font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.2);position:relative;z-index:1}

/* ═══ SUSTAINABILITY — STANDALONE ═══ */
#sustainability{background:var(--k3);padding:var(--sp-section) var(--sp-px);position:relative;overflow:hidden}
#sustainability::before{content:'PLANET';position:absolute;right:-1rem;bottom:-2rem;font-family:'Bebas Neue',sans-serif;font-size:16vw;color:rgba(128,128,128,.018);pointer-events:none;line-height:1}
.sus-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:2.5rem}
@media(max-width:900px){.sus-layout{grid-template-columns:1fr;gap:2.5rem}}
.sus-quote{font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(.9rem,1.5vw,1.15rem);color:rgba(128,128,128,.6);font-style:italic;line-height:1.75;border-left:2px solid var(--r);padding-left:1.5rem;margin:1.5rem 0}
.sus-cards{display:flex;flex-direction:column;gap:.75rem}
.sus-card-hs{background:var(--surface);border:1px solid var(--border);padding:1.2rem 1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:all .3s}
.sus-card-hs:hover{border-color:var(--border-hover);background:rgba(224,26,26,.04)}
.sus-icon-hs{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}
.sus-t-hs{font-size:.78rem;font-weight:600;color:var(--w);margin-bottom:.25rem}
.sus-d-hs{font-size:.7rem;color:var(--g2);line-height:1.65;font-weight:300}

/* ═══ COMPLIANCE ═══ */
#compliance{background:var(--k2);padding:var(--sp-section) var(--sp-px)}
.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}
@media(max-width:900px){.comp-grid{grid-template-columns:1fr}}
.comp-list{display:flex;flex-direction:column;gap:1.25rem}
.comp-item{display:flex;gap:1.2rem;align-items:flex-start;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-left:2px solid rgba(224,26,26,.25);transition:all .3s}
.comp-item:hover{border-left-color:var(--r);background:rgba(224,26,26,.04)}
.comp-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}
.comp-t{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--w);margin-bottom:.4rem}
.comp-d{font-size:.78rem;color:var(--g2);line-height:1.7;font-weight:300}
.factory-card{background:var(--k3);border:1px solid var(--border);padding:clamp(2rem,4vw,3rem)}
.factory-big{font-family:'Bebas Neue',sans-serif;font-size:clamp(5rem,10vw,8rem);color:var(--r);line-height:.9;text-shadow:0 0 60px rgba(224,26,26,.25)}
.factory-label{font-size:.78rem;color:var(--g2);font-weight:300;margin-bottom:1.5rem;line-height:1.5;max-width:260px}
.factory-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.ftag{font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);color:var(--g2);padding:.25rem .6rem;transition:all .3s ease}
.ftag:hover{border-color:var(--r);color:var(--w)}
.cc-label{font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(128,128,128,.4);margin-bottom:.75rem}
.cc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0;background:#000000;padding:.5rem;border-radius:2px}
.cc-cert-card{background:#000000;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:.7rem .5rem;transition:all .3s ease;min-height:64px;overflow:hidden}
.cc-cert-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.cc-cert-card img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;display:block}
.cc-cert-label{display:none}
@media(max-width:520px){.cc-grid{grid-template-columns:repeat(3,1fr);gap:.35rem}.cc-cert-card{min-height:54px;padding:.4rem .25rem}.cc-cert-card img{max-height:32px}}
@media(max-width:380px){.cc-grid{grid-template-columns:repeat(2,1fr)}}

/* ═══ PEOPLE ═══ */
#people{background:var(--k3);padding:var(--sp-section) var(--sp-px)}
.people-intro{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
@media(max-width:768px){.people-intro{grid-template-columns:1fr;gap:2rem}}
.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:1100px){.people-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.people-grid{grid-template-columns:1fr 1fr}}
.person-card{background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:all .4s;position:relative;cursor:default}
.person-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:var(--sh-lift)}
.person-photo{width:100%;aspect-ratio:3/4;background:var(--k2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.person-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(224,26,26,.06),rgba(255,255,255,.02));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:background .4s}
.person-card:hover .person-photo-placeholder{background:linear-gradient(135deg,rgba(224,26,26,.12),rgba(255,255,255,.02))}
.person-photo-icon{font-size:3rem;color:rgba(128,128,128,.15)}
.person-photo-addlabel{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(224,26,26,.4)}
.person-tag{position:absolute;top:1rem;left:1rem;font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:rgba(224,26,26,.9);color:#fff;padding:.25rem .6rem}
.person-info{padding:1.2rem 1.2rem 1.5rem}
.person-name{font-family:'Bebas Neue',sans-serif;font-size:1.25rem;letter-spacing:.06em;color:var(--w);margin-bottom:.2rem;line-height:1}
.person-role{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--r);margin-bottom:.7rem}
.person-bio{font-size:.74rem;color:var(--g2);line-height:1.72;font-weight:300}
.person-socials{display:flex;gap:.75rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}
.person-social{font-size:.56rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--g1);text-decoration:none;transition:color .2s}
.person-social:hover{color:var(--r)}
.people-cta-bar{margin-top:3rem;padding:2rem 2.5rem;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.people-cta-bar p{font-family:'DM Sans',sans-serif;font-weight:300;font-style:italic;color:var(--g2);font-size:.9rem;max-width:500px}

/* ═══ FAQ ═══ */
#faq{background:var(--k2);padding:var(--sp-section) var(--sp-px)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3.5rem}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:0}}
.fq{border-bottom:1px solid var(--border);overflow:hidden}
.fq:first-child{border-top:1px solid var(--border)}
.fq-hdr{display:flex;align-items:center;justify-content:space-between;padding:1.35rem 0.5rem;cursor:pointer;gap:1.5rem}
.fq-hdr:hover .fq-q{color:var(--r)}
.fq-q{font-size:.88rem;font-weight:500;color:var(--w);line-height:1.45;transition:color .2s}
.fq-plus{width:22px;height:22px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--r);flex-shrink:0;transition:all .3s}
.fq.open .fq-plus{transform:rotate(45deg);background:rgba(224,26,26,.1);border-color:rgba(224,26,26,.3)}
.fq-body{max-height:0;overflow:hidden;padding:0 0.5rem;transition:max-height .4s cubic-bezier(.25,.46,.45,.94)}
.fq-a{font-size:.82rem;color:var(--g2);font-weight:300;line-height:1.85;padding-bottom:1.35rem}

/* ═══ VIDEO CALL CTA ═══ */
#vcall{background:var(--k3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0}
.vc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:clamp(3rem,7vw,6rem) var(--sp-px)}
@media(max-width:900px){.vc-wrap{grid-template-columns:1fr;gap:3rem;padding:4rem var(--sp-px)}}
.vc-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:.03em;color:var(--w);margin-top:1rem}
.vc-h span{color:var(--r)}
.vc-sub{font-size:.88rem;color:var(--g2);font-weight:300;line-height:1.82;margin-top:1.25rem;max-width:420px}
.vc-actions{display:flex;flex-direction:column;gap:1.25rem}
.vc-btn-main{display:inline-flex;align-items:center;gap:.75rem;background:var(--w);color:var(--k);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1.1rem 2.8rem;text-decoration:none;transition:transform .2s,background .2s;align-self:flex-start}
.vc-btn-main:hover{background:var(--w2);transform:translateY(-3px)}
.vc-btn-ghost{color:var(--w);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border);transition:border-color .2s,color .2s;align-self:flex-start}
.vc-btn-ghost:hover{color:var(--r);border-color:var(--r)}
.vc-promise{background:var(--surface);border:1px solid var(--border);padding:1.25rem 1.5rem;margin-top:.75rem}
.vc-promise p{font-size:.83rem;color:var(--g2);font-weight:300;line-height:1.7}
.vc-promise strong{color:var(--r)}

/* ═══ CONTACT ═══ */
#contact{background:var(--k2);position:relative;overflow:hidden;padding:var(--sp-section) var(--sp-px)}
#contact::before{content:'START';position:absolute;right:-1rem;bottom:-2rem;font-family:'Bebas Neue',sans-serif;font-size:18vw;color:rgba(128,128,128,.02);pointer-events:none;line-height:1}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr;gap:3rem}}
.cform{display:flex;flex-direction:column;gap:1rem}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:480px){.fr{grid-template-columns:1fr}}
.ff{display:flex;flex-direction:column;gap:.38rem}
.ff label{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g2)}
.ff input,.ff select,.ff textarea{background:var(--surface);border:1px solid var(--border);color:var(--w);padding:.85rem 1rem;font-family:'DM Sans',sans-serif;font-size:.88rem;outline:none;transition:border-color .2s;width:100%}
.ff input::placeholder,.ff textarea::placeholder{color:rgba(128,128,128,.3)}
.ff input:focus,.ff select:focus,.ff textarea:focus{border-color:var(--r);background:rgba(224,26,26,.04)}
.ff textarea{resize:vertical;min-height:110px}
.ff select option{background:var(--k)}
.fsub{background:linear-gradient(135deg,var(--r),var(--rb));color:#fff;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1.1rem 2.75rem;align-self:flex-start;transition:transform .2s,box-shadow .3s;display:flex;align-items:center;gap:.6rem}
.fsub:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(224,26,26,.35)}
.ct-info{display:flex;flex-direction:column;gap:.6rem;margin-top:2rem}
.ci{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-left:2px solid rgba(224,26,26,.3);transition:border-color .25s}
.ci:hover{border-left-color:var(--r);background:rgba(224,26,26,.04)}
.ci-tag{background:var(--r);padding:.2rem .5rem;font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;flex-shrink:0;align-self:flex-start;margin-top:.1rem}
.ci-v{font-size:.82rem;color:var(--g2);line-height:1.6}
.ci-v strong{color:var(--w);font-weight:500;display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.1rem}
.contact-24h{font-family:'DM Sans',sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:.06em;color:var(--r);text-transform:uppercase;margin-bottom:.5rem}
.contact-wa{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;color:#25D366;text-decoration:none;margin-top:1rem;font-weight:500}

/* ═══ FOOTER ═══ */
footer{background:var(--k);border-top:1px solid var(--border);padding:clamp(3rem,6vw,5rem) var(--sp-px) clamp(1.5rem,3vw,2.5rem)}
.ft-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3.5rem;padding-bottom:3.5rem;border-bottom:1px solid var(--border)}
@media(max-width:1100px){.ft-top{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.ft-top{grid-template-columns:1fr 1fr}}
.fl{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.15em;color:var(--w)}
.fl span{color:var(--r)}
.ft-desc{font-size:.78rem;color:var(--g1);margin-top:.75rem;max-width:200px;line-height:1.75}
.ft-ct{font-family:'DM Sans',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(128,128,128,.25);margin-bottom:1.2rem}
.ft-ls{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.ft-ls a{font-size:.78rem;color:var(--g1);text-decoration:none;transition:color .2s}
.ft-ls a:hover{color:var(--w)}
.ft-bot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}
.ft-copy{font-size:.7rem;color:var(--g3)}
.ft-copy span{color:var(--r)}
.ft-tagline{font-family:'DM Sans',sans-serif;font-weight:300;font-size:.75rem;font-style:italic;color:rgba(128,128,128,.25);text-align:center;flex:1}
.ft-soc{display:flex;gap:1.2rem}
.ft-soc a{font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g3);text-decoration:none;transition:color .2s}
.ft-soc a:hover{color:var(--w)}

/* ═══ ANIMATIONS ═══ */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-18px);transition:opacity .5s ease,transform .5s ease}
.reveal-left.in{opacity:1;transform:none}

/* ── STABILITY: visibility safety net ──
   If JS / IntersectionObserver fails or doesn't fire, force-reveal after 1.2s
   so the calculator and all sections are NEVER permanently invisible. */
.js-ready .reveal:not(.in),.js-ready .reveal-left:not(.in){animation:cqe-safe-reveal .6s ease 1.2s both}
@keyframes cqe-safe-reveal{to{opacity:1;transform:none}}
/* If reduced motion or JS disabled entirely — show everything immediately */
@media (prefers-reduced-motion: reduce){.reveal,.reveal-left{opacity:1!important;transform:none!important}}
.no-js .reveal,.no-js .reveal-left{opacity:1!important;transform:none!important}

/* ── STABILITY: Calculator visibility hard-guard ──
   The calculator must NEVER be invisible regardless of JS state, theme, or observer behaviour. */
#calculator{min-height:auto}
#calculator .cqe-header,
#calculator .cqe-layout{opacity:1!important;visibility:visible!important}
#calculator .cqe-left,
#calculator .cqe-right{display:block;visibility:visible}
#calculator .cqe-section-title{color:var(--w)}

/* Restore the reveal animation gracefully — both blocks slide in but never stay invisible */
#calculator .cqe-header.reveal:not(.in){opacity:1;transform:translateY(8px)}
#calculator .cqe-layout.reveal:not(.in){opacity:1;transform:none}

/* ═══ MODAL ═══ */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(8px)}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal-box{background:var(--k2);border:1px solid rgba(224,26,26,.25);padding:3rem;max-width:480px;width:90%;position:relative;transform:translateY(20px);transition:transform .3s}
.modal-overlay.open .modal-box{transform:translateY(0)}
.modal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--r),var(--rb))}
.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--g2);font-size:1.2rem;cursor:pointer;padding:.5rem;transition:color .2s}
.modal-close:hover{color:var(--r)}
.modal-title{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;letter-spacing:.04em;color:var(--w);margin-bottom:.4rem}
.modal-sub{font-size:.82rem;color:var(--g2);margin-bottom:2rem;line-height:1.65}
.modal-form{display:flex;flex-direction:column;gap:.85rem}
.modal-input{background:var(--surface);border:1px solid var(--border);color:var(--w);padding:.85rem 1rem;font-family:'DM Sans',sans-serif;font-size:.88rem;outline:none;transition:border-color .2s;width:100%}
.modal-input::placeholder{color:rgba(128,128,128,.3)}
.modal-input:focus{border-color:var(--r)}
.modal-submit{background:var(--r);color:#fff;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2rem;width:100%;transition:all .3s ease}
.modal-submit:hover{background:var(--rb);transform:translateY(-2px)}
.modal-micro{font-size:.65rem;color:rgba(128,128,128,.25);text-align:center;margin-top:.5rem;letter-spacing:.06em;text-transform:uppercase}

/* ═══ RTL SUPPORT ═══ */
[dir="rtl"] .hero-vline{left:auto;right:2.8rem}
[dir="rtl"] [dir="rtl"] .svc-tag::before{margin-right:0}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .nav-center{display:none}
  .nav-quote{display:none}
  .nav-ham{display:flex}
  .nav-cta{display:none}
}
@media(max-width:640px){
  .hero-content{padding-left:1.25rem}
  .hero-vline{display:none}
  .ft-top{grid-template-columns:1fr 1fr}
  }
@media(max-width:400px){.ft-top{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════
   V3 LIGHT MODE — APPLE-LEVEL PREMIUM QUALITY
   All CQE V3 components + global refinements
══════════════════════════════════════════════ */

/* ── Global light mode surface depth ── */
[data-theme="light"] body{background:#F5F4F0}
[data-theme="light"] .cqe-left{background:#ECEAE3;border-right:1px solid rgba(0,0,0,.06)}
[data-theme="light"] .cqe-right{background:#F5F4F0}
[data-theme="light"] .cqe-layout{background:rgba(0,0,0,.06)}

/* ── CQE left panel inputs ── */
[data-theme="light"] .cqe-fab-card{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}
[data-theme="light"] .cqe-fab-card:hover{border-color:rgba(224,26,26,.35);box-shadow:0 2px 8px rgba(224,26,26,.08)}
[data-theme="light"] .cqe-fab-card.on{background:rgba(224,26,26,.07);border-color:var(--r);box-shadow:0 2px 8px rgba(224,26,26,.1)}
[data-theme="light"] .cqe-fab-sub{color:var(--g1)}

[data-theme="light"] .cqe-cmplx-opt{background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 1px 3px rgba(0,0,0,.04)}
[data-theme="light"] .cqe-cmplx-opt:hover{border-color:rgba(224,26,26,.3)}
[data-theme="light"] .cqe-cmplx-opt.on{background:rgba(224,26,26,.06);border-color:var(--r)}

[data-theme="light"] .cqe-ship-opt{background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 1px 3px rgba(0,0,0,.04)}
[data-theme="light"] .cqe-ship-opt:hover{border-color:rgba(224,26,26,.3)}
[data-theme="light"] .cqe-ship-opt.on{background:rgba(224,26,26,.05);border-color:var(--r)}

[data-theme="light"] .cqe-techpack-row{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.09)}
[data-theme="light"] .cqe-techpack-row:hover{border-color:rgba(224,26,26,.3)}

/* ── Mode tabs ── */
[data-theme="light"] .cqe-mode-tabs{border-bottom-color:rgba(0,0,0,.1)}
[data-theme="light"] .cqe-mode-tab{color:var(--g1)}
[data-theme="light"] .cqe-mode-tab.on{color:var(--r)}

/* ── Pack cards ── */
[data-theme="light"] .cqe-pack-card{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}
[data-theme="light"] .cqe-pack-card:hover{border-color:rgba(224,26,26,.3);box-shadow:0 2px 8px rgba(224,26,26,.07)}
[data-theme="light"] .cqe-pack-card.on{background:rgba(224,26,26,.06);border-color:var(--r)}

/* ── Right panel output blocks ── */
[data-theme="light"] .cqe-price-block{background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 2px 8px rgba(0,0,0,.06)}
[data-theme="light"] .cqe-breakdown-block{background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 1px 4px rgba(0,0,0,.05)}
[data-theme="light"] .cqe-timeline-block{background:#fff;border-color:rgba(0,0,0,.09);box-shadow:0 1px 4px rgba(0,0,0,.05)}
[data-theme="light"] .cqe-payment-block{background:#fff;border-color:rgba(0,0,0,.09)}
[data-theme="light"] .cqe-tl-row{border-bottom-color:rgba(0,0,0,.07)}
[data-theme="light"] .cqe-bd-bar-bg{background:rgba(0,0,0,.08)}
[data-theme="light"] .cqe-pay-badge{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:var(--g2)}
[data-theme="light"] .cqe-disc{color:rgba(0,0,0,.35)}
[data-theme="light"] .cqe-disc::before{color:rgba(224,26,26,.35)}

/* ── Dual cost display ── */
[data-theme="light"] .cqe-dual-cost{background:rgba(0,0,0,.07)}
[data-theme="light"] .cqe-cost-col.fob{background:#fff}
[data-theme="light"] .cqe-cost-col.landed{background:#F5F4F0}

/* ── Right panel tabs ── */
[data-theme="light"] .cqe-rt-tabs{border-bottom-color:rgba(0,0,0,.1)}
[data-theme="light"] .cqe-rt-tab{color:var(--g1)}
[data-theme="light"] .cqe-rt-tab.on{color:var(--r)}

/* ── MOQ optimizer ── */
[data-theme="light"] .cqe-moq-tier-bar{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.09)}
[data-theme="light"] .cqe-moq-tier{background:#F0EFE9;border-color:rgba(0,0,0,.09)}
[data-theme="light"] .cqe-moq-tier.active{background:rgba(224,26,26,.08);border-color:var(--r)}
[data-theme="light"] .cqe-moq-meter{background:rgba(0,0,0,.1)}
[data-theme="light"] .cqe-moq-tip{background:rgba(224,26,26,.04);border-color:rgba(224,26,26,.12)}
[data-theme="light"] .cqe-moq-opt>div:last-child>div{background:#fff;border-color:rgba(0,0,0,.09)}

/* ── Smart insights ── */
[data-theme="light"] .cqe-insights{background:rgba(224,26,26,.03);border-color:rgba(224,26,26,.12)}

/* ── CTA bar ── */
[data-theme="light"] .cqe-cta-bar{background:#ECEAE3;border-top-color:rgba(0,0,0,.09)}
[data-theme="light"] .cqe-btn-pdf{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:var(--w)}
[data-theme="light"] .cqe-btn-pdf:hover{border-color:var(--r);color:var(--r)}

/* ── Modal ── */
[data-theme="light"] .cqe-modal-input,[data-theme="light"] .cqe-modal-textarea{background:#F5F4F0;border-color:rgba(0,0,0,.1);color:var(--w)}
[data-theme="light"] .cqe-modal-summary{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.09)}

/* ── Post-cost bridge ── */
[data-theme="light"] #postCostBridge{background:#ECEAE3;border-color:rgba(0,0,0,.07)}

/* ── Trust badges ── */
[data-theme="light"] .cqe-badge{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:var(--g2)}

/* ══════════════════════════════════════════════
   V3 RESPONSIVENESS — MOBILE & TABLET
══════════════════════════════════════════════ */

/* ── Tablet: 768–1024px ── */
@media(max-width:1024px){
  .cqe-dual-cost{grid-template-columns:1fr 1fr}
  .cqe-rt-tab{font-size:.52rem;padding:.45rem .3rem}
  .cqe-moq-tier-bar{grid-template-columns:repeat(4,1fr)}
  .cqe-moq-tier-range{font-size:.44rem}
}

/* ── Mobile: ≤768px ── */
@media(max-width:768px){
  /* CQE layout already stacks to 1 col via line 1014 */
  .cqe-dual-cost{grid-template-columns:1fr 1fr} /* keep side-by-side on mobile */
  .cqe-cta-bar{flex-direction:column;align-items:stretch;gap:.5rem;text-align:center}
  .cqe-cta-btns{display:flex;flex-direction:column;gap:.5rem}
  .cqe-btn-pdf,.cqe-btn-send{justify-content:center;width:100%}
  .cqe-rt-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cqe-rt-tab{white-space:nowrap;min-width:80px}
  .cqe-moq-tier-bar{grid-template-columns:repeat(2,1fr);gap:4px}
  .cqe-moq-opt>div:last-child{grid-template-columns:1fr 1fr}
  .cqe-price-main{flex-direction:row;flex-wrap:wrap}
  .cqe-unit-price{font-size:2.2rem}
  .cqe-cost-col-val{font-size:1.3rem}
  .cqe-adv-grid{grid-template-columns:1fr}
  .pcb-headline{font-size:clamp(1.8rem,8vw,3rem)}
}

/* ── Mobile: ≤480px ── */
@media(max-width:480px){
  .cqe-left,.cqe-right{padding:1.25rem}
  .cqe-pack-grid{grid-template-columns:repeat(3,1fr)} /* keep 3 cols, they're small */
  .cqe-dual-cost{grid-template-columns:1fr} /* stack FOB/Landed vertically on small screens */
  .cqe-moq-tier-bar{grid-template-columns:repeat(2,1fr)}
  .cqe-fab-grid{grid-template-columns:repeat(2,1fr)}
  .cqe-unit-price{font-size:1.9rem}
  .cqe-mode-tab{font-size:.55rem;padding:.55rem .5rem;letter-spacing:.08em}
  .cqe-rt-tab{font-size:.5rem;padding:.4rem .25rem;letter-spacing:.06em}
  .cqe-cta-bar{padding:1.25rem}
  .cqe-modal-box{padding:1.5rem}
}

/* ══════════════════════════════════════════════
   V3 UI POLISH — MICRO-INTERACTIONS & SPACING
══════════════════════════════════════════════ */

/* ── Focus ring system (accessibility + premium feel) ── */
.cqe-select:focus-visible,.cqe-adv-select:focus-visible{outline:2px solid var(--r);outline-offset:2px}
.cqe-mode-tab:focus-visible,.cqe-rt-tab:focus-visible{outline:2px solid var(--r);outline-offset:-2px}
.cqe-btn-pdf:focus-visible,.cqe-btn-send:focus-visible,.cqe-modal-submit:focus-visible{outline:2px solid var(--r);outline-offset:3px}

/* ── Button active press feedback ── */
.cqe-btn-send:active{transform:translateY(1px)}
.cqe-btn-pdf:active{transform:translateY(1px)}
.cqe-modal-submit:active{transform:translateY(1px)}

/* ── Card interaction polish ── */
.cqe-fab-card{transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}
.cqe-fab-card:active{transform:scale(.97)}
.cqe-pack-card{transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}
.cqe-pack-card:active{transform:scale(.97)}
.cqe-cmplx-opt{transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}
.cqe-cmplx-opt:active{transform:scale(.99)}

/* ── Ship opt hover lift ── */
.cqe-ship-opt{transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}
.cqe-ship-opt:not(.on):hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}

/* ── Quantity display pulse on change ── */
.cqe-qty-val{transition:color .2s,transform .2s}

/* ── cost value animation smooth override ── */
.cqe-unit-price,.cqe-cost-col-val{transition:opacity .22s ease,transform .22s ease}

/* ── Breakdown bars transition ── */
.cqe-bd-bar-fill{transition:width .55s cubic-bezier(.4,0,.2,1)}

/* ── MOQ tier smooth highlight ── */
.cqe-moq-tier{transition:background .3s,border-color .3s,box-shadow .3s}
.cqe-moq-tier.active{box-shadow:0 0 0 1px var(--r) inset}

/* ── Post-cost bridge subtle background pattern ── */
#postCostBridge::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 119px,rgba(224,26,26,.025) 120px);pointer-events:none}

/* ── Trust badges hover ── */
.cqe-badge{transition:border-color var(--t-fast),color var(--t-fast)}
.cqe-badge:hover{border-color:rgba(224,26,26,.3);color:var(--w)}

/* ── CTA bar gradient border top ── */
.cqe-cta-bar{border-top:1px solid var(--border);position:relative}
.cqe-cta-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--r),transparent);opacity:.5}

/* ── Payment badges row spacing ── */
.cqe-pay-methods{margin-bottom:.6rem}
.cqe-pay-note{font-size:.6rem;color:var(--g2);line-height:1.6;padding-top:.5rem;border-top:1px solid var(--border)}

/* ── Modal backdrop blur ── */
#cqeModal{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}


/* ═══════════════════════════════════════
   PLATFORM DEEP-DIVE BLANK SPACE FIX
   Applies to: 5 Locations, The Team, Values & Vision
═══════════════════════════════════════ */
#hs-section .hslide{
  min-height:clamp(360px,48vh,520px) !important;
}
#hs-section .hslide-inner{
  height:auto !important;
  min-height:0 !important;
  justify-content:flex-start !important;
  padding-top:clamp(1.5rem,3vw,2.5rem) !important;
  padding-bottom:clamp(1.8rem,3.5vw,3rem) !important;
}
#hs-section .loc-grid-hs,
#hs-section .team-grid-hs,
#hs-section .values-hs-layout{
  margin-top:1rem !important;
}
#hs-section .hs-h{
  margin-bottom:1rem !important;
}
@media(max-width:768px){
  #hs-section .hslide{
    min-height:auto !important;
  }
  #hs-section .hslide-inner{
    padding-top:1.25rem !important;
    padding-bottom:1.75rem !important;
  }
}

/* ===== Extracted inline <style> block 2 from original HTML ===== */
#calculator{background:var(--k2);padding:var(--sp-section) var(--sp-px)}
.cqe-header{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}
.cqe-trust{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}
.cqe-badge{font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);color:var(--g2);padding:.28rem .65rem}
.cqe-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:2px;background:var(--border)}
@media(max-width:1024px){.cqe-layout{grid-template-columns:1fr}}
.cqe-left{background:var(--k3);padding:clamp(1.25rem,2.4vw,2rem);display:flex;flex-direction:column;gap:1.1rem}
.cqe-right{background:var(--k);padding:clamp(1.25rem,2.4vw,2rem);display:flex;flex-direction:column;gap:1rem}
.cqe-field-label{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-bottom:.5rem}
.cqe-select{width:100%;background:var(--k2);border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.82rem;padding:.7rem .9rem;outline:none;cursor:pointer;transition:border-color var(--t-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}
.cqe-select:focus{border-color:var(--r)}
[data-theme="light"] .cqe-select{background-color:var(--k3);color:var(--w)}
[data-theme="light"] .cqe-select option{background:var(--k3);color:var(--w)}
.cqe-qty-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.cqe-qty-val{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:var(--r);letter-spacing:.06em}
.cqe-qty-hint{font-size:.62rem;color:var(--g2);margin-top:.35rem;line-height:1.5}
.cqe-fab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
@media(max-width:480px){.cqe-fab-grid{grid-template-columns:repeat(2,1fr)}}
.cqe-fab-card{background:var(--surface);border:1px solid var(--border);padding:.6rem .5rem;text-align:center;cursor:pointer;transition:all var(--t-fast)}
.cqe-fab-card:hover{border-color:rgba(224,26,26,.3)}
.cqe-fab-card.on{background:rgba(224,26,26,.08);border-color:var(--r)}
.cqe-fab-name{font-size:.72rem;font-weight:600;color:var(--w);letter-spacing:.04em}
.cqe-fab-sub{font-size:.55rem;color:var(--g2);margin-top:.15rem}
.cqe-cmplx-list{display:flex;flex-direction:column;gap:.4rem}
.cqe-cmplx-opt{display:flex;align-items:center;gap:.65rem;background:var(--surface);border:1px solid var(--border);padding:.55rem .75rem;cursor:pointer;transition:all var(--t-fast)}
.cqe-cmplx-opt:hover{border-color:rgba(224,26,26,.3)}
.cqe-cmplx-opt.on{background:rgba(224,26,26,.07);border-color:var(--r)}
.cqe-cmplx-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--g1);flex-shrink:0;transition:all var(--t-fast)}
.cqe-cmplx-opt.on .cqe-cmplx-dot{background:var(--r);border-color:var(--r)}
.cqe-cmplx-txt{font-size:.72rem;color:var(--w)}
.cqe-ship-opts{display:flex;flex-direction:column;gap:.5rem}
.cqe-ship-opt{border:1px solid var(--border);padding:.75rem 1rem;cursor:pointer;transition:all var(--t-fast);background:var(--surface)}
.cqe-ship-opt:hover{border-color:rgba(224,26,26,.3)}
.cqe-ship-opt.on{background:rgba(224,26,26,.07);border-color:var(--r)}
.cqe-ship-header{display:flex;justify-content:space-between;align-items:center}
.cqe-ship-name{font-size:.78rem;font-weight:600;color:var(--w)}
.cqe-ship-eta{font-size:.58rem;color:var(--r);font-weight:700;letter-spacing:.08em}
.cqe-ship-note{font-size:.6rem;color:var(--g2);margin-top:.3rem;line-height:1.5}
.cqe-techpack-row{display:flex;align-items:center;gap:.75rem;background:var(--surface2);border:1px solid var(--border);padding:.75rem 1rem;cursor:pointer;transition:border-color var(--t-fast)}
.cqe-techpack-row:hover{border-color:rgba(224,26,26,.3)}
.cqe-tp-check{width:16px;height:16px;border:1.5px solid var(--g1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t-fast)}
.cqe-tp-check.on{background:var(--r);border-color:var(--r)}
.cqe-tp-label{font-size:.75rem;color:var(--w)}
.cqe-tp-cost{font-size:.6rem;color:var(--r);margin-left:auto;font-weight:700}
.cqe-tp-note{font-size:.58rem;color:var(--g2);margin-top:.25rem;line-height:1.5}
/* RIGHT PANEL */
.cqe-price-block{background:var(--k3);border:1px solid var(--border);padding:1.25rem 1.5rem}
.cqe-price-label{font-size:.52rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g1);margin-bottom:.3rem}
.cqe-price-main{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.cqe-unit-price{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:var(--w);letter-spacing:.04em;transition:all .25s}
.cqe-price-per{font-size:.62rem;color:var(--g2)}
.cqe-total-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}
.cqe-total-lbl{font-size:.62rem;color:var(--g2);font-weight:500}
.cqe-total-val{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--r);letter-spacing:.04em}
.cqe-landed-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:.4rem}
.cqe-landed-lbl{font-size:.62rem;color:var(--g2)}
.cqe-landed-val{font-size:.85rem;font-weight:700;color:var(--amber)}
.cqe-breakdown-block{background:var(--k3);border:1px solid var(--border);padding:1.25rem 1.5rem}
.cqe-breakdown-title{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-bottom:.85rem}
.cqe-bd-item{margin-bottom:.65rem}
.cqe-bd-header{display:flex;justify-content:space-between;margin-bottom:.28rem}
.cqe-bd-name{font-size:.7rem;color:var(--w2);font-weight:500}
.cqe-bd-val{font-size:.7rem;color:var(--g2);font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:.04em}
.cqe-bd-bar-bg{height:3px;background:var(--surface2);position:relative}
.cqe-bd-bar-fill{height:100%;background:var(--r);transition:width .5s cubic-bezier(.4,0,.2,1)}
.cqe-timeline-block{background:var(--k3);border:1px solid var(--border);padding:1.25rem 1.5rem}
.cqe-tl-title{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-bottom:.85rem}
.cqe-tl-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border)}
.cqe-tl-row:last-child{border-bottom:none}
.cqe-tl-name{font-size:.68rem;color:var(--g2)}
.cqe-tl-days{font-size:.68rem;font-weight:700;color:var(--w);font-family:'DM Sans',sans-serif;letter-spacing:.04em}
.cqe-tl-total{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0 0;margin-top:.35rem}
.cqe-tl-total-lbl{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--r)}
.cqe-tl-total-val{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--r);letter-spacing:.04em}
.cqe-insights{background:rgba(224,26,26,.04);border:1px solid rgba(224,26,26,.12);padding:1rem 1.25rem}
.cqe-insights-title{font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--r);margin-bottom:.5rem}
.cqe-si{font-size:.68rem;color:var(--g2);padding-left:1rem;position:relative;line-height:1.6;margin-bottom:.3rem}
.cqe-si::before{content:'→';position:absolute;left:0;color:var(--r);font-size:.6rem}
.cqe-payment-block{background:var(--k3);border:1px solid var(--border);padding:1rem 1.25rem}
.cqe-pay-title{font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-bottom:.55rem}
.cqe-pay-methods{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}
.cqe-pay-badge{font-size:.6rem;font-weight:600;letter-spacing:.06em;background:var(--surface2);border:1px solid var(--border);color:var(--g2);padding:.22rem .6rem}
.cqe-pay-note{font-size:.6rem;color:var(--g2);line-height:1.55}
.cqe-disclaimers{display:flex;flex-direction:column;gap:.3rem}
.cqe-disc{font-size:.58rem;color:rgba(128,128,128,.45);line-height:1.6;padding-left:.9rem;position:relative}
.cqe-disc::before{content:'*';position:absolute;left:0;color:rgba(224,26,26,.4)}
/* CTA BOTTOM */
.cqe-cta-bar{background:var(--k3);border-top:1px solid var(--border);padding:1.5rem clamp(1.5rem,3vw,2.5rem);display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;grid-column:1/-1}
.cqe-cta-btns{display:flex;gap:.75rem;flex-wrap:wrap}
.cqe-btn-pdf{background:var(--surface2);border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.75rem 1.5rem;cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;gap:.5rem}
.cqe-btn-pdf:hover{border-color:var(--r);color:var(--r)}
.cqe-btn-send{background:var(--r);border:1px solid var(--r);color:#fff;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.75rem 1.5rem;cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;gap:.5rem}
.cqe-btn-send:hover{background:var(--rb);border-color:var(--rb);transform:translateY(-1px)}
.cqe-cta-note{font-size:.6rem;color:var(--g2);line-height:1.6}
/* MOQ WARNING */
.cqe-moq-warn{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.25);padding:.65rem 1rem;font-size:.65rem;color:var(--amber);display:none}
/* INQUIRY MODAL */
#cqeModal{display:none;position:fixed;inset:0;z-index:8000;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:1.5rem}
#cqeModal.open{display:flex}
.cqe-modal-box{background:var(--k2);border:1px solid rgba(224,26,26,.2);max-width:500px;width:100%;padding:2rem;position:relative;max-height:90vh;overflow-y:auto}
.cqe-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--g2);font-size:1.2rem;cursor:pointer;transition:color var(--t-fast)}
.cqe-modal-close:hover{color:var(--r)}
.cqe-modal-title{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.06em;color:var(--w);margin-bottom:.25rem}
.cqe-modal-sub{font-size:.68rem;color:var(--g2);margin-bottom:1.5rem;line-height:1.6}
.cqe-modal-input{width:100%;background:var(--k3);border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.82rem;padding:.7rem .9rem;outline:none;margin-bottom:.75rem;transition:border-color var(--t-fast)}
.cqe-modal-input:focus{border-color:var(--r)}
.cqe-modal-textarea{width:100%;background:var(--k3);border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.82rem;padding:.7rem .9rem;outline:none;margin-bottom:1rem;resize:vertical;min-height:80px;transition:border-color var(--t-fast)}
.cqe-modal-textarea:focus{border-color:var(--r)}
.cqe-modal-summary{background:var(--k3);border:1px solid var(--border);padding:.85rem 1rem;margin-bottom:1rem;font-size:.65rem;color:var(--g2);line-height:1.8}
.cqe-modal-summary strong{color:var(--w)}
.cqe-modal-submit{width:100%;background:var(--r);border:none;color:#fff;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.9rem;cursor:pointer;transition:all var(--t-fast)}
.cqe-modal-submit:hover{background:var(--rb)}

/* ── V3: DUAL-MODE TABS (Basic / Advanced) ── */
.cqe-mode-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem}
.cqe-mode-tab{flex:1;padding:.65rem .75rem;text-align:center;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g1);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--t-fast),border-color var(--t-fast);background:none;border-top:none;border-left:none;border-right:none}
.cqe-mode-tab.on{color:var(--r);border-bottom-color:var(--r)}
.cqe-mode-panel{display:none;flex-direction:column;gap:1.5rem}
.cqe-mode-panel.on{display:flex}

/* ── V3: ADVANCED MODE SELECTS ── */
.cqe-adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
@media(max-width:480px){.cqe-adv-grid{grid-template-columns:1fr}}
.cqe-adv-select{width:100%;background:var(--k2);border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.78rem;padding:.62rem .8rem;outline:none;cursor:pointer;transition:border-color var(--t-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}
.cqe-adv-select:focus{border-color:var(--r)}
[data-theme="light"] .cqe-adv-select{background-color:var(--k3);color:var(--w)}
[data-theme="light"] .cqe-adv-select option{background:var(--k3);color:var(--w)}

/* ── V3: PACKAGING SELECTOR ── */
.cqe-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.cqe-pack-card{background:var(--surface);border:1px solid var(--border);padding:.7rem .5rem;text-align:center;cursor:pointer;transition:all var(--t-fast);position:relative}
.cqe-pack-card:hover{border-color:rgba(224,26,26,.3)}
.cqe-pack-card.on{background:rgba(224,26,26,.08);border-color:var(--r)}
.cqe-pack-icon{font-size:1.2rem;display:block;margin-bottom:.25rem}
.cqe-pack-name{font-size:.68rem;font-weight:700;color:var(--w);letter-spacing:.04em}
.cqe-pack-cost{font-size:.55rem;color:var(--g2);margin-top:.12rem}
.cqe-pack-card.on .cqe-pack-cost{color:var(--r)}

/* ── V3: FOB / LANDED DUAL DISPLAY ── */
.cqe-dual-cost{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);margin-bottom:.5rem}
.cqe-cost-col{padding:1rem 1.2rem}
.cqe-cost-col.fob{background:var(--k3)}
.cqe-cost-col.landed{background:var(--k)}
.cqe-cost-col-label{font-size:.48rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g1);margin-bottom:.25rem}
.cqe-cost-col-val{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--w);letter-spacing:.04em;line-height:1;transition:all .25s}
.cqe-cost-col.landed .cqe-cost-col-val{color:var(--r)}
.cqe-cost-col-note{font-size:.55rem;color:var(--g2);margin-top:.2rem;line-height:1.45}

/* ── V3: RIGHT PANEL TABS (Breakdown / Timeline / MOQ) ── */
.cqe-rt-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem}
.cqe-rt-tab{flex:1;padding:.5rem .4rem;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g1);cursor:pointer;text-align:center;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast);background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap}
.cqe-rt-tab.on{color:var(--r);border-bottom-color:var(--r)}
.cqe-rt-panel{display:none}
.cqe-rt-panel.on{display:block}

/* ── V3: MOQ OPTIMIZER TIER BAR ── */
.cqe-moq-opt{display:flex;flex-direction:column;gap:1rem}
.cqe-moq-tier-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:.75rem;background:var(--surface);border:1px solid var(--border)}
.cqe-moq-tier{padding:.55rem .4rem;text-align:center;background:var(--k4);border:1px solid var(--border);transition:all .3s;cursor:default}
.cqe-moq-tier.active{background:rgba(224,26,26,.12);border-color:var(--r)}
.cqe-moq-tier-range{font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g1);display:block;margin-bottom:.2rem}
.cqe-moq-tier.active .cqe-moq-tier-range{color:var(--r)}
.cqe-moq-tier-name{font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:.06em;color:var(--g2)}
.cqe-moq-tier.active .cqe-moq-tier-name{color:var(--w)}
.cqe-moq-meter{height:4px;background:var(--surface2);position:relative;overflow:hidden;border-radius:2px}
.cqe-moq-meter-fill{height:100%;background:var(--r);transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:2px}
.cqe-moq-tip{font-size:.68rem;color:var(--g2);line-height:1.65;padding:.75rem 1rem;background:rgba(224,26,26,.04);border:1px solid rgba(224,26,26,.1)}
.cqe-moq-tip strong{color:var(--r)}

/* ── V3: SMART INSIGHTS FADE ── */
.cqe-si{transition:opacity .35s ease,transform .35s ease}
.cqe-si.fade-out{opacity:0;transform:translateY(-4px)}
.cqe-si.fade-in{opacity:1;transform:none}

/* ── V3: POST-COST CONVERSION BRIDGE ── */
#postCostBridge{background:var(--k);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(2rem,5vw,4rem) var(--sp-px);text-align:center;position:relative;overflow:hidden;display:none}
#postCostBridge.reveal-bridge{display:block;animation:bridge-appear .7s cubic-bezier(.25,.46,.45,.94) both}
@keyframes bridge-appear{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.pcb-eyebrow{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--r);margin-bottom:.75rem}
.pcb-headline{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5vw,4rem);letter-spacing:.03em;color:var(--w);line-height:.95;margin-bottom:.75rem}
.pcb-sub{font-size:.88rem;color:var(--g2);max-width:500px;margin:0 auto 2rem;font-weight:300;line-height:1.75}
.pcb-arrow{font-size:1.5rem;color:var(--r);animation:pcb-bounce .9s ease infinite alternate}
@keyframes pcb-bounce{from{transform:translateY(0)}to{transform:translateY(6px)}}
[data-theme="light"] #postCostBridge{background:var(--k2)}

/* ══ TECH PACK UPLOAD BLOCK ══ */
.cqe-tp-upload-block{display:flex;flex-direction:column;gap:.6rem}
.cqe-tp-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.1rem 1rem;background:var(--surface);border:1.5px dashed var(--border);cursor:pointer;text-align:center;transition:border-color .3s ease,background .3s ease}
.cqe-tp-upload-area:hover{border-color:rgba(224,26,26,.4);background:rgba(224,26,26,.04)}
.cqe-tp-upload-area.has-file{border-style:solid;border-color:var(--r);background:rgba(224,26,26,.05)}
.cqe-tp-upload-icon{font-size:1.4rem;margin-bottom:.1rem}
.cqe-tp-upload-label{font-size:.72rem;font-weight:600;color:var(--w);letter-spacing:.02em}
.cqe-tp-upload-sub{font-size:.56rem;color:var(--g1);letter-spacing:.06em}
.cqe-tp-also-toggle{display:flex;align-items:center;gap:.65rem;background:var(--surface2);border:1px solid var(--border);padding:.65rem .85rem;cursor:pointer;transition:border-color .3s ease}
.cqe-tp-also-toggle:hover{border-color:rgba(224,26,26,.3)}
.cqe-tp-send-btn{background:var(--r);color:#fff;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.cqe-tp-send-btn:hover{background:var(--rb);transform:translateY(-1px);box-shadow:0 6px 20px rgba(224,26,26,.3)}
.cqe-tp-promise{text-align:center;font-size:.58rem;color:var(--g2);letter-spacing:.08em}
[data-theme="light"] .cqe-tp-upload-area{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.12)}
[data-theme="light"] .cqe-tp-upload-area:hover{border-color:rgba(224,26,26,.35);background:rgba(224,26,26,.04)}
[data-theme="light"] .cqe-tp-also-toggle{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.09)}

/* ══ REGION SELECTOR & LANDED MSG ══ */
.cqe-region-select{width:100%;background:transparent;border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.72rem;padding:.45rem .6rem;outline:none;cursor:pointer;margin-bottom:.4rem;transition:border-color .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}
.cqe-region-select:focus{border-color:var(--r)}
[data-theme="light"] .cqe-region-select{background-color:rgba(0,0,0,.04);color:var(--w)}
[data-theme="light"] .cqe-region-select option{background:#fff}
.cqe-landed-msg{font-size:.62rem;color:var(--g2);line-height:1.65;padding:.5rem 0}
.cqe-cost-col.landed{display:flex;flex-direction:column;justify-content:flex-start;gap:.3rem}

/* ══ FAST TRACK TOGGLE ══ */
.cqe-ft-toggle-row{display:flex;align-items:center;gap:.65rem;background:var(--surface2);border:1px solid var(--border);padding:.65rem .85rem;cursor:pointer;margin-bottom:.85rem;transition:border-color .3s ease}
.cqe-ft-toggle-row:hover{border-color:rgba(224,26,26,.3)}
.cqe-ft-toggle-row.cqe-ft-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;border-style:dashed}
.cqe-ft-toggle-row.cqe-ft-disabled::after{content:'Locked';font-size:.5rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--surface);border:1px solid var(--border);color:var(--g1);padding:.2rem .45rem;margin-left:auto;flex-shrink:0}
.cqe-ft-check{width:16px;height:16px;border:1.5px solid var(--g1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}
.cqe-ft-check.on{background:var(--r);border-color:var(--r)}
.cqe-ft-check.on::after{content:'✓';color:#fff;font-size:.65rem;line-height:1}
.cqe-ft-label{font-size:.72rem;font-weight:600;color:var(--w)}
.cqe-ft-note{font-size:.58rem;color:var(--g2);margin-top:.1rem}
.cqe-ft-badge{font-size:.55rem;font-weight:700;letter-spacing:.1em;background:rgba(224,26,26,.12);border:1px solid rgba(224,26,26,.25);color:var(--r);padding:.2rem .45rem;margin-left:auto;flex-shrink:0}

/* ══ TIMELINE COMPARISON ══ */
.cqe-tl-compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.cqe-tl-compare-col{background:var(--k3);padding:.75rem .85rem}
.cqe-tl-compare-col.fast{background:rgba(224,26,26,.04)}
.cqe-tl-compare-head{font-size:.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-bottom:.6rem}
.fast-head{color:var(--r) !important}
[data-theme="light"] .cqe-tl-compare-col{background:#fff}
[data-theme="light"] .cqe-tl-compare-col.fast{background:rgba(224,26,26,.03)}

/* ══ FOB RANGE DISPLAY ══ */
.cqe-fob-range{display:flex;align-items:baseline;gap:.35rem;margin:.2rem 0}
.cqe-fob-low{font-family:'Bebas Neue',sans-serif;font-size:1.45rem;color:var(--w);letter-spacing:.04em;line-height:1;transition:opacity .22s,transform .22s}
.cqe-fob-sep{color:var(--g1);font-size:.9rem}
.cqe-fob-high{font-family:'Bebas Neue',sans-serif;font-size:1.45rem;color:var(--r);letter-spacing:.04em;line-height:1;transition:opacity .22s,transform .22s}
.cqe-fob-note{font-size:.52rem;color:var(--g2);line-height:1.55;margin-top:.15rem}
.cqe-fob-range-note{opacity:.65;font-style:italic;display:block}

/* ══ YES/NO MODAL ══ */
.cqe-yesno-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.1rem 0}
.cqe-yesno-btn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1.1rem .75rem;background:var(--surface);border:1.5px solid var(--border);cursor:pointer;transition:all .3s ease;width:100%}
.cqe-yesno-btn:hover,.cqe-yesno-btn:focus{border-color:var(--r);background:rgba(224,26,26,.06);transform:translateY(-2px);outline:none}
.cqe-yesno-icon{font-size:1.6rem;margin-bottom:.1rem}
.cqe-yesno-label{font-size:.75rem;font-weight:700;color:var(--w);letter-spacing:.02em}
.cqe-yesno-sub{font-size:.58rem;color:var(--g2);line-height:1.45}
@media(max-width:400px){.cqe-yesno-row{grid-template-columns:1fr}}
[data-theme="light"] .cqe-yesno-btn{background:#fff;border-color:rgba(0,0,0,.1)}
[data-theme="light"] .cqe-yesno-btn:hover{background:rgba(224,26,26,.05)}

/* ══ MODAL UPLOAD AREA ══ */
.cqe-modal-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.9rem 1rem;background:var(--surface);border:1.5px dashed var(--border);cursor:pointer;text-align:center;transition:border-color .3s,background .3s;margin-bottom:.75rem}
.cqe-modal-upload-area:hover{border-color:rgba(224,26,26,.4);background:rgba(224,26,26,.04)}
.cqe-modal-upload-area.has-file{border-style:solid;border-color:var(--r);background:rgba(224,26,26,.05)}
[data-theme="light"] .cqe-modal-upload-area{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.12)}

/* ══ MODAL BACK + SPAM NOTE ══ */
.cqe-modal-back{width:100%;background:none;border:1px solid var(--border);color:var(--g2);font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.6rem;cursor:pointer;margin-top:.5rem;transition:all .3s ease}
.cqe-modal-back:hover{border-color:var(--g1);color:var(--w)}
.cqe-modal-spam-note{text-align:center;font-size:.55rem;color:var(--g1);margin-top:.6rem;letter-spacing:.06em}

/* ══ FRONTEND-SAFE MODAL ACTIONS ══ */
.cqe-modal-actions-grid{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 .75rem}
.cqe-modal-action-btn{display:flex;align-items:center;gap:.85rem;width:100%;background:var(--surface);border:1px solid var(--border);padding:.85rem 1rem;cursor:pointer;text-align:left;transition:all .25s ease;font-family:'DM Sans',sans-serif;color:var(--w)}
.cqe-modal-action-btn:hover{border-color:var(--r);background:rgba(224,26,26,.05);transform:translateY(-1px)}
.cqe-modal-action-btn.primary{background:var(--r);border-color:var(--r);color:#fff}
.cqe-modal-action-btn.primary:hover{background:var(--rb);border-color:var(--rb)}
.cqe-modal-action-btn.copied{border-color:#22c55e;background:rgba(34,197,94,.08)}
.cma-icon{font-size:1.4rem;width:32px;text-align:center;flex-shrink:0}
.cma-title{display:block;font-size:.78rem;font-weight:700;letter-spacing:.04em;line-height:1.2}
.cma-sub{display:block;font-size:.6rem;opacity:.7;margin-top:.15rem;line-height:1.4}
.cqe-modal-helper{font-size:.65rem;color:var(--g2);line-height:1.65;background:rgba(245,158,11,.06);border-left:2px solid var(--amber);padding:.65rem .85rem;margin:.75rem 0}
.cqe-modal-helper strong{color:var(--w)}
.cqe-modal-contact-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 0;border-top:1px solid var(--border);margin-top:.5rem}
.cmcr-label{font-size:.58rem;color:var(--g1);letter-spacing:.08em;text-transform:uppercase}
.cmcr-mail{font-size:.7rem;color:var(--r);font-weight:600;text-decoration:none}
.cmcr-mail:hover{text-decoration:underline}
[data-theme="light"] .cqe-modal-action-btn{background:#fff;border-color:rgba(0,0,0,.1)}
[data-theme="light"] .cqe-modal-action-btn:hover{background:rgba(224,26,26,.04)}
.cqe-tp-check.on::after{content:'✓';color:#fff;font-size:.65rem;line-height:1}

/* ══ TECH PACK CONDITIONAL FLOW ══ */
/* ══ COMPACT CONTACT MODULE (Task 9) ══ */
.contact-compact{background:var(--surface);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.contact-compact-lead{font-size:.92rem;color:var(--w);font-weight:400;line-height:1.6;margin:0}
.contact-compact-actions{display:flex;flex-direction:column;gap:.55rem}
.contact-cta-primary{background:var(--r);color:#fff;border:1px solid var(--r);font-family:'DM Sans',sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1rem 1.4rem;cursor:pointer;transition:all .3s ease;text-align:center}
.contact-cta-primary:hover{background:var(--rb);transform:translateY(-1px);box-shadow:0 6px 20px rgba(224,26,26,.3)}
.contact-cta-secondary{background:transparent;color:var(--w);border:1px solid var(--border);font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 1.2rem;cursor:pointer;transition:all .3s ease;text-align:center}
.contact-cta-secondary:hover{border-color:var(--r);color:var(--r)}
.contact-cta-secondary.copied{border-color:#22c55e;color:#22c55e;background:rgba(34,197,94,.08)}
.contact-compact-note{font-size:.72rem;color:var(--g2);line-height:1.6;border-top:1px solid var(--border);padding-top:.85rem}
.contact-compact-note a{color:var(--r);font-weight:600;text-decoration:none}
.contact-compact-note a:hover{text-decoration:underline}

.cqe-tp-conditional{display:flex;flex-direction:column;gap:.6rem}

/* ══ SIZE & FIT GRID (Advanced) ══ */
.cqe-size-fit-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.cqe-sf-sublabel{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-bottom:.45rem}

/* ══ ADDITIONAL COST NOTES — refined v16 ══ */
.cqe-acn-block{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.22);padding:.85rem 1rem;border-radius:2px}
.cqe-acn-title{display:flex;align-items:center;gap:.4rem;font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:.6rem}
.cqe-acn-title::before{content:'⚠';font-size:.8rem}
.cqe-acn-list{display:flex;flex-direction:column;gap:.45rem}
.cqe-acn-item{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:flex-start;font-size:.7rem;line-height:1.6;color:var(--g2);padding:.3rem 0;border-bottom:1px dashed rgba(245,158,11,.14)}
.cqe-acn-item:last-child{border-bottom:none}
.cqe-acn-item strong{color:var(--w);font-weight:600;display:block;margin-bottom:.1rem}
.cqe-acn-item .acn-tag{font-size:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:rgba(245,158,11,.12);padding:.18rem .4rem;white-space:nowrap;align-self:start}

/* ══ CBM + WEIGHT ESTIMATOR ══ */
.cqe-cbm-block{background:var(--surface);border:1px solid var(--border);padding:1rem 1.1rem}
.cqe-cbm-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}
.cqe-cbm-title{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w);margin-bottom:.15rem}
.cqe-cbm-sub{font-size:.58rem;color:var(--g2);font-style:italic}
.cqe-cbm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:.85rem}
.cqe-cbm-cell{background:var(--k3);border:1px solid var(--border);padding:.55rem .7rem}
.cqe-cbm-cell-label{font-size:.46rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g1);margin-bottom:.2rem;line-height:1.3}
.cqe-cbm-cell-val{font-family:'Bebas Neue',sans-serif;font-size:1.05rem;color:var(--r);letter-spacing:.04em;line-height:1}
.cqe-shi-table{background:var(--k3);border:1px solid var(--border);padding:.7rem .85rem;margin-bottom:.6rem}
.cqe-shi-title{font-size:.46rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);margin-bottom:.55rem}
.cqe-shi-rows{display:flex;flex-direction:column;gap:.4rem}
.cqe-shi-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.6fr;gap:.5rem;padding:.45rem .55rem;border:1px solid transparent;font-size:.6rem;align-items:center;transition:all .25s ease}
.cqe-shi-row.recommended{border-color:var(--r);background:rgba(224,26,26,.05)}
.cqe-shi-name{font-weight:700;color:var(--w);font-size:.62rem}
.cqe-shi-cell{display:flex;flex-direction:column;gap:.05rem}
.cqe-shi-k{font-size:.42rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g1)}
.cqe-shi-v{font-size:.62rem;color:var(--g2);font-weight:600}
.cqe-shi-best{font-size:.55rem;color:var(--g2);font-style:italic;text-align:right}
.cqe-shi-recommend{margin-top:.5rem;padding:.4rem .55rem;background:rgba(224,26,26,.08);border-left:2px solid var(--r);font-size:.6rem;color:var(--w);font-weight:600}
.cqe-cbm-note{font-size:.55rem;color:var(--g1);line-height:1.6;font-style:italic;padding:.5rem 0 .1rem}
.cqe-cbm-note strong{color:var(--g2);font-weight:600}
[data-theme="light"] .cqe-cbm-cell{background:#fff}
[data-theme="light"] .cqe-shi-table{background:#fff}
@media(max-width:600px){
  .cqe-shi-row{grid-template-columns:1fr 1fr;gap:.4rem;padding:.55rem}
  .cqe-shi-name{grid-column:1/-1;margin-bottom:.2rem}
  .cqe-shi-best{grid-column:1/-1;text-align:left;margin-top:.2rem}
}

/* ══ FIT + SIZE PILLS ══ */
.cqe-pills-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.45rem}
.cqe-pill{flex:1;min-width:fit-content;background:var(--surface);border:1px solid var(--border);color:var(--g2);font-family:'DM Sans',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.55rem .8rem;cursor:pointer;transition:all .25s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:44px}
.cqe-pill:hover{border-color:rgba(224,26,26,.35);color:var(--w);background:rgba(224,26,26,.04)}
.cqe-pill.on{background:rgba(224,26,26,.08);border-color:var(--r);color:var(--w);box-shadow:0 1px 6px rgba(224,26,26,.15)}
.cqe-pill-sub{font-size:.52rem;font-weight:500;opacity:.65;letter-spacing:.08em;text-transform:uppercase;margin-left:.15rem}
.cqe-size-pills .cqe-pill{flex-direction:column;gap:.1rem;padding:.5rem .85rem;line-height:1.15}
.cqe-size-pills .cqe-pill-sub{margin:0}
.cqe-pill-helper{font-size:.6rem;color:var(--g2);line-height:1.55;font-style:italic;padding:.3rem 0 .1rem}
[data-theme="light"] .cqe-pill{background:#fff;border-color:rgba(0,0,0,.1)}
[data-theme="light"] .cqe-pill.on{background:rgba(224,26,26,.05);border-color:var(--r)}
@media(max-width:480px){.cqe-pill{font-size:.65rem;padding:.5rem .55rem}}

.cqe-tp-toggle-row{display:flex;align-items:center;gap:.65rem;background:var(--surface2);border:1px solid var(--border);padding:.65rem .85rem;cursor:pointer;transition:border-color .3s ease}
.cqe-tp-toggle-row:hover{border-color:rgba(224,26,26,.3)}
.cqe-tp-dev-fields{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;background:rgba(224,26,26,.04);border:1px solid rgba(224,26,26,.12)}
.cqe-tp-dev-note{font-size:.62rem;color:var(--g2);line-height:1.6;font-style:italic;margin-bottom:.2rem}
.cqe-tp-idea-text{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--w);font-family:'DM Sans',sans-serif;font-size:.75rem;padding:.65rem .8rem;resize:vertical;min-height:70px;outline:none;line-height:1.55;transition:border-color .3s ease;box-sizing:border-box}
.cqe-tp-idea-text:focus{border-color:var(--r)}
[data-theme="light"] .cqe-tp-dev-fields{background:rgba(224,26,26,.04)}
[data-theme="light"] .cqe-tp-idea-text{background:#fff;color:var(--w)}

/* ══ MWPCA COMPARISON ══ */
.cqe-market-compare{background:var(--surface);border:1px solid var(--border);padding:1rem 1.1rem}
.cqe-mc-title{font-size:.52rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g1);margin-bottom:.85rem}
.cqe-mc-rows{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.75rem}
.cqe-mc-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:.5rem}
.cqe-mc-label{font-size:.62rem;color:var(--g2);white-space:nowrap}
.cqe-mc-bar-wrap{height:6px;background:var(--surface2);overflow:hidden;border-radius:3px}
.cqe-mc-bar{height:100%;border-radius:3px;transition:width .6s ease}
.cqe-mc-bar.bd{background:var(--r)}
.cqe-mc-bar.cn{background:rgba(100,180,255,.55)}
.cqe-mc-bar.vn{background:rgba(100,220,140,.55)}
.cqe-mc-bar.in{background:rgba(245,158,11,.55)}
.cqe-mc-tag{font-size:.48rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(224,26,26,.1);border:1px solid rgba(224,26,26,.25);color:var(--r);padding:.18rem .4rem;white-space:nowrap}
.cqe-mc-pct{font-size:.6rem;color:var(--g2);white-space:nowrap}
.cqe-mc-note{font-size:.58rem;color:var(--g1);line-height:1.6;border-top:1px solid var(--border);padding-top:.6rem;font-style:italic}
@media(max-width:480px){.cqe-mc-row{grid-template-columns:90px 1fr auto}.cqe-mc-label{font-size:.55rem}}

/* ══ EXTRA COST RULES PANEL ══ */
.cqe-extra-costs{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);padding:.85rem 1rem}
.cqe-ec-title{font-size:.52rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem}
.cqe-ec-item{display:flex;align-items:flex-start;gap:.4rem;font-size:.62rem;color:var(--g2);line-height:1.55;padding:.25rem 0;border-bottom:1px solid rgba(245,158,11,.1)}
.cqe-ec-item:last-child{border-bottom:none}
.cqe-ec-item::before{content:'⚠';font-size:.7rem;color:var(--amber);flex-shrink:0;margin-top:.05rem}

/* ══ DYNAMIC TIMELINE TABLE ══ */
.cqe-tl-table{width:100%;border-collapse:collapse;margin:.5rem 0}
.cqe-tl-table th{font-size:.48rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g1);text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--border)}
.cqe-tl-table td{font-size:.63rem;color:var(--g2);padding:.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.04);transition:background .25s}
.cqe-tl-table tr.tl-active-row td{color:var(--w);background:rgba(224,26,26,.07)}
.cqe-tl-table tr.tl-active-row td:first-child{border-left:2px solid var(--r);padding-left:.4rem}
.cqe-tl-tbl-note{font-size:.57rem;color:var(--g1);line-height:1.65;margin-top:.5rem;font-style:italic;padding:.5rem 0;border-top:1px solid var(--border)}
.cqe-tl-flow{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;margin:.6rem 0;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--border)}
.cqe-tl-flow-step{font-size:.54rem;color:var(--g2);padding:.2rem .45rem;background:var(--k3);white-space:nowrap}
.cqe-tl-flow-arrow{font-size:.65rem;color:var(--r);opacity:.5}
[data-theme="light"] .cqe-tl-table td{border-bottom-color:rgba(0,0,0,.06)}
[data-theme="light"] .cqe-tl-table tr.tl-active-row td{background:rgba(224,26,26,.05)}
[data-theme="light"] .cqe-tl-flow{background:rgba(0,0,0,.03)}
[data-theme="light"] .cqe-tl-flow-step{background:rgba(0,0,0,.06)}

/* ════════════════════════════════════════════════
   V16 REFINEMENT — Market mini, ACN accordion, footer, payment pills
   ════════════════════════════════════════════════ */

/* Apply Manrope as primary body font (as per design tokens) — Bebas already loaded */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
body{font-family:'Manrope','DM Sans',system-ui,-apple-system,sans-serif!important}

/* ── Compact market comparison in result block ── */
.cqe-mc-note-mini{font-size:.55rem;color:var(--g1);line-height:1.55;font-style:italic;margin-top:.45rem;padding-top:.4rem;border-top:1px solid var(--border)}

/* ── Destination region row in shipment estimator ── */
.cqe-dest-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;margin-top:.85rem;padding-top:.7rem;border-top:1px solid var(--border)}
.cqe-dest-label{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g1);white-space:nowrap}

/* ── ACN ACCORDION (compact collapsible) ── */
.cqe-acn-block{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);overflow:hidden;transition:all .3s ease}
.cqe-acn-block:hover{border-color:rgba(245,158,11,.35)}
.cqe-acn-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;padding:.7rem 1rem;font-family:'Manrope',sans-serif;color:var(--amber);transition:background .25s ease}
.cqe-acn-toggle:hover{background:rgba(245,158,11,.06)}
.cqe-acn-title-c{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:.4rem}
.cqe-acn-title-c::before{content:'⚠';font-size:.85rem}
.cqe-acn-arrow{font-size:.85rem;color:var(--amber);transition:transform .3s ease}
.cqe-acn-block.open .cqe-acn-arrow{transform:rotate(180deg)}
.cqe-acn-list{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);padding:0 1rem}
.cqe-acn-block.open .cqe-acn-list{max-height:520px;padding:.4rem 1rem 1rem}

/* ── Footer compact + social icons ── */
.ft-top-compact{grid-template-columns:2.2fr 1fr 1fr 1fr!important;gap:2rem!important;margin-bottom:2rem!important;padding-bottom:2rem!important}
@media(max-width:1024px){.ft-top-compact{grid-template-columns:1fr 1fr!important;gap:1.75rem!important}}
@media(max-width:560px){.ft-top-compact{grid-template-columns:1fr!important}}
.ft-social-icons{display:flex;gap:.65rem;margin-top:1.1rem;flex-wrap:wrap}
.ft-soc-i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--surface);border:1px solid var(--border);color:var(--g1);text-decoration:none;transition:all .3s ease}
.ft-soc-i:hover{border-color:var(--r);color:var(--r);transform:translateY(-2px);background:rgba(224,26,26,.06)}
.ft-soc-i svg{display:block}
[data-theme="light"] .ft-soc-i{background:#fff;border-color:#E3E0DA}

/* ── GLOBAL HOVER CONSISTENCY (Task J) ── */
.hs-card,.sc,.cap-card,.prog-card,.fq,.cc-cert-card,
.cqe-fab-card,.cqe-pack-card,.cqe-cmplx-opt,.cqe-pill,
.contact-cta-primary,.contact-cta-secondary,
.nav-quote,.nav-cta,.cqe-modal-action-btn{transition:all .3s ease}

/* ── PLATFORM SECTION HOVER (Task H) ── */
.hs-card{cursor:default}
.hs-card:hover{transform:translateY(-3px);border-color:rgba(224,26,26,.4);box-shadow:0 12px 32px rgba(224,26,26,.12)}
[data-theme="light"] .hs-card:hover{box-shadow:0 12px 32px rgba(224,26,26,.08)}
.sc:hover{border-color:rgba(224,26,26,.35);background:rgba(224,26,26,.02)}

/* ── PRODUCT RANGE HOVER (Task D) ── */
.ppanel{transition:all .3s ease}
.p-info,.p-visual{transition:all .3s ease}
.ppanel:hover .p-visual{transform:scale(1.02)}

/* ── ACTIVE SECTION HIGHLIGHT (Task E) — light scale on intersection ── */
section.in-view{transition:transform .8s ease}

/* ── READABILITY LIFT (Task G) ── */
body,.sbody,.prob-d,.prog-desc,.p-desc,.cap-desc,.comp-d,.fq-a,.ci-v,.ft-desc{
  font-size:clamp(.88rem,1.05vw,.96rem);
  line-height:1.7;
}
.cqe-pill,.cqe-fab-name{font-size:.72rem}

/* ══════════════════════════════════════════════════════
   ✦ V18 FINAL LIGHT MODE OVERRIDE PATCH ✦
   This block is intentionally last so it wins specificity.
   Dark mode untouched. Only [data-theme="light"] scoped.
═══════════════════════════════════════════════════════ */
[data-theme="light"]{
  --k:#F7F6F2;
  --k2:#F0EFE9;
  --k3:#FFFFFF;
  --k4:#E9E7E0;

  --w:#0D0D0B;
  --w2:#1C1C1A;

  --g1:#5C5C57;
  --g2:#3C3C39;
  --g3:#2F2F2C;

  --border:rgba(0,0,0,.12);
  --border-hover:rgba(224,26,26,.35);

  --surface:#FFFFFF;
  --surface2:#F3F1EC;

  --sh-card:0 1px 2px rgba(0,0,0,.05),0 6px 20px rgba(0,0,0,.04);
  --sh-lift:0 10px 30px rgba(0,0,0,.08),0 2px 8px rgba(224,26,26,.05);
  --sh-glow:0 0 0 rgba(224,26,26,0);
  --grain-opacity:0;
}
[data-theme="light"] body{
  background:#F7F6F2;
  background-image:none;
  color:#0D0D0B;
}
[data-theme="light"] body::before{display:none!important}

/* Body-text family */
[data-theme="light"] p,
[data-theme="light"] .sbody,
[data-theme="light"] .prog-desc,
[data-theme="light"] .prob-d,
[data-theme="light"] .team-bio-hs,
[data-theme="light"] .vc-desc,
[data-theme="light"] .cap-item span,
[data-theme="light"] .si-item,
[data-theme="light"] .ilt-note,
[data-theme="light"] .contact-compact-lead,
[data-theme="light"] .contact-compact-note,
[data-theme="light"] .p-desc,
[data-theme="light"] .cap-desc,
[data-theme="light"] .comp-d,
[data-theme="light"] .fq-a,
[data-theme="light"] .ft-desc,
[data-theme="light"] .ci-v,
[data-theme="light"] .cqe-pill-helper,
[data-theme="light"] .cqe-acn-item,
[data-theme="light"] .cqe-fab-sub,
[data-theme="light"] .cqe-bd-name,
[data-theme="light"] .cqe-mc-pct,
[data-theme="light"] .cqe-mc-label,
[data-theme="light"] .cqe-cbm-cell-l,
[data-theme="light"] .cqe-cbm-note,
[data-theme="light"] .cqe-disc{
  color:#3C3C39!important;
}

/* Muted labels */
[data-theme="light"] .svc-tag,
[data-theme="light"] .ci-label,
[data-theme="light"] .qty-label,
[data-theme="light"] .result-label,
[data-theme="light"] .breakdown-title,
[data-theme="light"] .ps-lbl,
[data-theme="light"] .sb-label,
[data-theme="light"] .prog-who-label,
[data-theme="light"] .cap-col-subtitle,
[data-theme="light"] .cqe-field-label,
[data-theme="light"] .cqe-sf-sublabel,
[data-theme="light"] .cqe-mc-title,
[data-theme="light"] .cqe-bd-name,
[data-theme="light"] .cqe-shi-title,
[data-theme="light"] .cqe-acn-title-c,
[data-theme="light"] .ft-ct,
[data-theme="light"] .ci-tag{
  color:#5C5C57!important;
}

/* Headings */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] .sh,
[data-theme="light"] .prob-t,
[data-theme="light"] .prog-title,
[data-theme="light"] .cap-col-title,
[data-theme="light"] .vc-title,
[data-theme="light"] .ilt-name,
[data-theme="light"] .ps-val,
[data-theme="light"] .cqe-fab-name,
[data-theme="light"] .cqe-pack-name,
[data-theme="light"] .cqe-cmplx-name,
[data-theme="light"] .cqe-acn-item strong,
[data-theme="light"] .ft-ls a,
[data-theme="light"] .ci-v strong{
  color:#0D0D0B!important;
}

/* Section background hierarchy */
[data-theme="light"] section,
[data-theme="light"] #calculator,
[data-theme="light"] #programs,
[data-theme="light"] #products,
[data-theme="light"] #faq,
[data-theme="light"] #contact,
[data-theme="light"] #capabilities,
[data-theme="light"] #services,
[data-theme="light"] #compliance,
[data-theme="light"] #people,
[data-theme="light"] #sustainability,
[data-theme="light"] #stats{
  background:#F0EFE9!important;
}
[data-theme="light"] #hs-section{background:#F7F6F2!important}

/* White cards */
[data-theme="light"] .calc-inputs,
[data-theme="light"] .calc-result,
[data-theme="light"] .prog-card,
[data-theme="light"] .cap-col,
[data-theme="light"] .sc,
[data-theme="light"] .person-card,
[data-theme="light"] .factory-card,
[data-theme="light"] .contact-compact,
[data-theme="light"] .ci,
[data-theme="light"] .fq,
[data-theme="light"] .modal-box,
[data-theme="light"] .cqe-left,
[data-theme="light"] .cqe-right,
[data-theme="light"] .cqe-payment-block,
[data-theme="light"] .cqe-cbm-block,
[data-theme="light"] .cqe-shi-table,
[data-theme="light"] .cqe-market-compare,
[data-theme="light"] .cqe-acn-block,
[data-theme="light"] .cqe-modal-box{
  background:#FFFFFF!important;
  border-color:rgba(0,0,0,.12)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 20px rgba(0,0,0,.04);
}

/* Sub-tier surfaces */
[data-theme="light"] .fab-card,
[data-theme="light"] .cmplx-opt,
[data-theme="light"] .tl-opt,
[data-theme="light"] .value-card-hs,
[data-theme="light"] .cap-item,
[data-theme="light"] .smart-insights,
[data-theme="light"] .ilt-comparison,
[data-theme="light"] .cqe-fab-card,
[data-theme="light"] .cqe-cmplx-opt,
[data-theme="light"] .cqe-pack-card,
[data-theme="light"] .cqe-ship-opt,
[data-theme="light"] .cqe-pill,
[data-theme="light"] .cqe-cbm-cell,
[data-theme="light"] .cqe-shi-row,
[data-theme="light"] .cqe-insights,
[data-theme="light"] .cqe-mc-bar-wrap,
[data-theme="light"] .cqe-bd-bar-bg,
[data-theme="light"] .cqe-tp-toggle-row,
[data-theme="light"] .cqe-ft-toggle-row,
[data-theme="light"] .cqe-rt-tabs,
[data-theme="light"] .cqe-mode-tabs,
[data-theme="light"] .cqe-region-select,
[data-theme="light"] .cqe-adv-select,
[data-theme="light"] .cqe-select{
  background:#F7F6F2!important;
  border-color:rgba(0,0,0,.12)!important;
  color:#0D0D0B!important;
}

/* Selected/active state — red highlight */
[data-theme="light"] .fab-card.on,
[data-theme="light"] .cmplx-opt.on,
[data-theme="light"] .tl-opt.on,
[data-theme="light"] .cqe-fab-card.on,
[data-theme="light"] .cqe-cmplx-opt.on,
[data-theme="light"] .cqe-pack-card.on,
[data-theme="light"] .cqe-ship-opt.on,
[data-theme="light"] .cqe-pill.on,
[data-theme="light"] .cqe-rt-tab.on,
[data-theme="light"] .cqe-mode-tab.on{
  background:rgba(224,26,26,.08)!important;
  border-color:rgba(224,26,26,.45)!important;
  color:#0D0D0B!important;
}

/* Outline buttons */
[data-theme="light"] .btn-outline,
[data-theme="light"] .calc-cta-ghost,
[data-theme="light"] .contact-cta-secondary,
[data-theme="light"] .cqe-modal-action-btn{
  background:#FFFFFF!important;
  color:#0D0D0B!important;
  border-color:rgba(0,0,0,.18)!important;
}
[data-theme="light"] .btn-outline:hover,
[data-theme="light"] .calc-cta-ghost:hover,
[data-theme="light"] .contact-cta-secondary:hover,
[data-theme="light"] .cqe-modal-action-btn:hover{
  color:#E01A1A!important;
  border-color:#E01A1A!important;
  background:rgba(224,26,26,.04)!important;
}
[data-theme="light"] .cqe-modal-action-btn.primary,
[data-theme="light"] .contact-cta-primary{
  background:#E01A1A!important;
  border-color:#E01A1A!important;
  color:#FFFFFF!important;
}

/* Nav */
[data-theme="light"] nav.solid{background:rgba(247,246,242,.97)!important;border-bottom:1px solid rgba(0,0,0,.10)!important}
[data-theme="light"] .nav-center a{color:#3C3C39!important}
[data-theme="light"] .nav-center a:hover{color:#0D0D0B!important}
[data-theme="light"] .nav-logo span{color:#FFFFFF!important}
[data-theme="light"] nav.solid .nav-logo svg polygon{fill:#E01A1A!important}

/* Hero — light readability */
[data-theme="light"] .hero-sub,
[data-theme="light"] .htb,
[data-theme="light"] .hts-label{color:#3C3C39!important}
[data-theme="light"] .hero-line1{color:#0D0D0B!important}
[data-theme="light"] .hero-line2{
  color:transparent;
  -webkit-text-stroke:1.5px #E01A1A;
  text-shadow:none!important;
}
[data-theme="light"] .hero-line3{color:#0D0D0B!important;text-shadow:none!important}
[data-theme="light"] .hero-line4{color:#E01A1A!important;text-shadow:none!important}

/* Footer */
[data-theme="light"] footer{background:#F7F6F2!important;color:#0D0D0B!important;border-top:1px solid rgba(0,0,0,.08)}
[data-theme="light"] .ft-ls a{color:#3C3C39!important}
[data-theme="light"] .ft-ls a:hover{color:#E01A1A!important}
[data-theme="light"] .ft-soc-i{background:#FFFFFF!important;border-color:rgba(0,0,0,.12)!important;color:#3C3C39!important}
[data-theme="light"] .ft-soc-i:hover{color:#E01A1A!important;border-color:#E01A1A!important}
[data-theme="light"] .ft-copy,
[data-theme="light"] .ft-tagline{color:#5C5C57!important}

/* CQE result block — make values stand out */
[data-theme="light"] .cqe-fob-low,
[data-theme="light"] .cqe-fob-high,
[data-theme="light"] .cqe-unit-low,
[data-theme="light"] .cqe-unit-high,
[data-theme="light"] .cqe-cbm-cell-val,
[data-theme="light"] .cqe-tl-total-val,
[data-theme="light"] .cqe-fob-sep{color:#0D0D0B!important}
[data-theme="light"] .cqe-fob-low,
[data-theme="light"] .cqe-fob-high{color:#E01A1A!important}

/* Inputs / select chevrons */
[data-theme="light"] .cqe-region-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%230D0D0B'/%3E%3C/svg%3E")!important}

/* FAQ light tweaks */
[data-theme="light"] .fq-q{color:#0D0D0B!important}
[data-theme="light"] .fq-plus{color:#E01A1A!important}

/* Modal */
[data-theme="light"] .cqe-modal-helper{background:#F7F6F2!important;color:#3C3C39!important;border-left-color:#E01A1A!important}
[data-theme="light"] .cqe-modal-helper strong{color:#0D0D0B!important}
[data-theme="light"] .cqe-modal-summary{background:#F0EFE9!important;color:#3C3C39!important}

/* Cert cards already have white bg — keep as-is */
[data-theme="light"] .cc-cert-card{background:#000000!important;border-color:rgba(0,0,0,.10)!important}

/* ANN bar */
[data-theme="light"] .ann{background:#E01A1A!important;color:#FFFFFF!important}

/* Glow neutralised in light mode */
[data-theme="light"] .nav-cta{box-shadow:0 2px 8px rgba(224,26,26,.20)!important}
[data-theme="light"] .nav-cta:hover{box-shadow:0 4px 14px rgba(224,26,26,.28)!important}

/* Sticky CTA + WhatsApp button */
[data-theme="light"] .sticky-cta a{background:#E01A1A!important;color:#FFFFFF!important}

/* Hide the watermark stroke text on light pages — kills muddy zones */
[data-theme="light"] .hero-wm{-webkit-text-stroke:1px rgba(0,0,0,.04)}

/* Light mode region select fix — force solid white background + dark option dropdown */
[data-theme="light"] .cqe-region-select,
[data-theme="light"] .cqe-region-select option,
[data-theme="light"] select,
[data-theme="light"] select option,
[data-theme="light"] .cqe-adv-select,
[data-theme="light"] .cqe-adv-select option,
[data-theme="light"] .cqe-select,
[data-theme="light"] .cqe-select option{
  background-color:#FFFFFF!important;
  background:#FFFFFF!important;
  color:#0D0D0B!important;
}
[data-theme="light"] .cqe-region-select{
  background-color:#FFFFFF!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%230D0D0B'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right .6rem center!important;
  border:1px solid rgba(0,0,0,.18)!important;
}
[data-theme="light"] .cqe-region-select:focus,
[data-theme="light"] .cqe-adv-select:focus,
[data-theme="light"] .cqe-select:focus{
  border-color:#E01A1A!important;
  outline:none!important;
}


/* ✦ Brand wordmark — light-mode visibility guarantee ✦ */
[data-theme="light"] .brand-wordmark{color:#0D0D0B!important}
[data-theme="light"] .brand-wordmark span{color:#E01A1A!important}
[data-theme="light"] .fl{color:#0D0D0B!important}
[data-theme="light"] .fl span{color:#E01A1A!important}
nav .brand-wordmark{color:var(--w)}
nav .brand-wordmark span{color:var(--r)}

/* ✦ END LIGHT MODE PATCH ✦ */