:root{
  --bg:#050706;
  --panel:#0d1110;
  --panel2:#121716;
  --line:rgba(255,255,255,.12);
  --text:#f4f7f3;
  --muted:rgba(244,247,243,.66);
  --pit:#a9ff17;
  --orange:#ff6a1a;
  --blue:#2ea7ff;
  --yellow:#ffd32a;
  --red:#ff3535;
  --cardRadius:34px;
  --container:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 16% 8%, rgba(169,255,23,.12), transparent 28rem),
    radial-gradient(circle at 88% 6%, rgba(46,167,255,.09), transparent 34rem),
    linear-gradient(180deg,#050706 0%,#060807 42%,#030403 100%);
  overflow-x:hidden;
}
::selection{background:var(--pit);color:#071006}
::-moz-selection{background:var(--pit);color:#071006}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.noise{
  position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.18;
  background-image:radial-gradient(rgba(255,255,255,.14) .45px, transparent .45px);
  background-size:4px 4px;
  mix-blend-mode:overlay;
}
.cursor-glow{
  position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle, rgba(169,255,23,.16), transparent 68%);
  transform:translate(-50%,-50%);
  opacity:.55;
}
.container{width:min(var(--container), calc(100% - 56px));margin-inline:auto;position:relative;z-index:2}
.nav{
  position:fixed;top:24px;left:0;right:0;z-index:50;
  pointer-events:none;
}
.nav-inner{
  width:min(1220px, calc(100% - 56px));margin:auto;height:72px;padding:0 20px 0 26px;
  border:1px solid var(--line);border-radius:999px;
  background:rgba(7,9,8,.72);backdrop-filter:blur(18px);
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  box-shadow:0 20px 90px rgba(0,0,0,.32);
  pointer-events:auto;
}
.logo img{width:150px;height:auto}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a,.mobile-menu a{
  font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:rgba(255,255,255,.75);
}
.nav-links a:hover,.mobile-menu a:hover{color:var(--pit)}
.nav-actions{display:flex;gap:10px;align-items:center}
.icon-btn{
  width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:white;display:grid;place-items:center;font-weight:900;cursor:pointer;
}
.menu-toggle{display:none}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;
  border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;font-weight:950;font-size:12px;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--pit);color:#050805;border-color:var(--pit)}
.btn-ghost{background:rgba(255,255,255,.04);color:#fff}
.mobile-menu{display:none}

/* HERO */
.hero{
  position:relative;min-height:100vh;padding:150px 0 74px;border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.hero-bg-word{
  position:absolute;right:-8vw;bottom:-6vh;font-family:Impact,"Arial Black",sans-serif;
  font-size:42vw;line-height:.74;color:rgba(255,255,255,.035);letter-spacing:-.08em;z-index:0;
}
.hero-grid{
  display:grid;grid-template-columns:minmax(0, 48%) minmax(600px, 1fr);gap:42px;align-items:center;
  min-height:calc(100vh - 190px);
}
.eyebrow-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.pill{
  display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 16px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:950;
}
.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pit);box-shadow:0 0 18px var(--pit)}
.display-title,.mega-title,.section-title,.admin-title{
  margin:0;font-family:Impact,"Arial Black","Space Grotesk",sans-serif;text-transform:uppercase;
  letter-spacing:-.055em;font-weight:950;line-height:.82;
}
.hero-title{font-size:clamp(72px,9.4vw,156px);max-width:720px}
.hero-title span{display:block}
.accent{color:var(--pit)}
.lead{
  max-width:650px;margin:28px 0 0;color:rgba(255,255,255,.78);
  font-size:18px;line-height:1.65;font-weight:500;
}
.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:600px;margin-top:42px}
.metric{
  border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  padding:20px 18px;min-height:90px;
}
.metric b{font-family:Impact,"Arial Black";font-size:42px;line-height:1;letter-spacing:-.04em}
.metric span{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);font-weight:900}
.hero-visual{position:relative;min-height:630px}
.hero-stage{position:relative;height:min(660px,70vh);min-height:560px;isolation:isolate}
.platform-wrap{position:absolute;left:6%;right:4%;bottom:92px;height:230px;perspective:900px;z-index:2}
.platform{
  width:86%;height:160px;margin:0 auto;border-radius:34px;
  background:linear-gradient(145deg,#ffffff,#e5e7e4 58%,#cfd3ce);
  transform:rotateX(64deg) rotateZ(-3deg);
  box-shadow:0 34px 70px rgba(255,255,255,.11), 0 40px 80px rgba(0,0,0,.64);
}
.shoe-layer{position:absolute;left:3%;right:2%;bottom:122px;height:360px;z-index:5;pointer-events:none}
.hero-shoe{
  position:absolute;left:50%;bottom:0;width:min(720px,100%);max-height:390px;object-fit:contain;
  transform:translateX(-50%);opacity:0;filter:drop-shadow(0 34px 28px rgba(0,0,0,.48));
  transition:opacity .45s ease, transform .45s ease;
}
.hero-shoe.active{opacity:1}
.hero-stage:hover .hero-shoe.active{transform:translateX(-50%) translateY(-10px) scale(1.02)}
.feature-dot{
  position:absolute;z-index:7;display:flex;align-items:center;gap:10px;
  opacity:.76;transition:opacity .25s ease, transform .25s ease;
  font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;line-height:1.15;
}
.feature-dot i{
  width:18px;height:18px;border-radius:50%;background:var(--pit);box-shadow:0 0 0 0 rgba(169,255,23,.4);
  position:relative;flex:0 0 18px;animation:pulse 1.9s infinite;
}
.feature-dot i:after{content:"";position:absolute;inset:-9px;border:1px dashed rgba(169,255,23,.65);border-radius:50%;animation:spin 5s linear infinite}
.feature-dot b{display:block;color:#fff;white-space:nowrap}
.feature-dot span{display:block;color:rgba(255,255,255,.52);font-weight:700;white-space:nowrap;margin-top:2px}
.dot-upper{right:9%;top:90px}
.dot-comfort{left:16%;top:155px}
.dot-toe{right:6%;top:245px}
.dot-midsole{left:5%;bottom:205px}
.dot-outsole{right:5%;bottom:185px}
.hero-stage:hover .feature-dot{opacity:1}
.hero-stage:hover .dot-upper{transform:translate(10px,-6px)}
.hero-stage:hover .dot-comfort{transform:translate(-10px,-4px)}
.hero-stage:hover .dot-toe{transform:translate(12px,2px)}
.hero-stage:hover .dot-midsole{transform:translate(-8px,8px)}
.hero-stage:hover .dot-outsole{transform:translate(8px,8px)}
.feature-dot:before{
  content:"";position:absolute;height:1px;width:92px;background:linear-gradient(90deg,rgba(169,255,23,.75),transparent);
  top:9px;z-index:-1;
}
.dot-upper:before,.dot-toe:before,.dot-outsole:before{right:calc(100% - 3px)}
.dot-comfort:before,.dot-midsole:before{left:calc(100% - 3px)}
.hover-note{
  position:absolute;left:6%;bottom:42px;z-index:4;color:rgba(255,255,255,.58);
  text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;display:flex;align-items:center;gap:12px;
}
.hover-note span{width:24px;height:24px;border-radius:50%;border:2px dashed var(--pit);animation:spin 4s linear infinite}
.color-switcher{
  position:absolute;right:9%;bottom:20px;z-index:10;display:flex;gap:12px;padding:12px 18px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:999px;backdrop-filter:blur(14px);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
.color-dot{
  width:36px;height:36px;border-radius:50%;background:var(--dot);border:3px solid rgba(255,255,255,.82);cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);transition:transform .2s ease;
}
.color-dot:hover,.color-dot.active{transform:scale(1.12);box-shadow:0 0 20px color-mix(in srgb,var(--dot),transparent 35%)}

/* QUICK STRIP */
.quick-shop{
  position:relative;z-index:3;width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(169,255,23,.04),rgba(255,255,255,.015),rgba(46,167,255,.035));
}
.quick-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
.quick-shop-grid a{padding:32px 5vw;border-right:1px solid var(--line)}
.quick-shop-grid a:last-child{border-right:0}
.quick-shop-grid b{display:block;text-transform:uppercase;font-family:Impact,"Arial Black";letter-spacing:-.03em;font-size:24px;margin-bottom:7px}
.quick-shop-grid span{color:var(--muted);font-weight:650}

/* COMMON SECTIONS */
.section{padding:116px 0;position:relative;overflow:hidden}
.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:end;margin-bottom:54px}
.section-kicker{
  color:var(--pit);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:950;margin-bottom:20px;
}
.section-title{font-size:clamp(58px,6.4vw,112px);max-width:900px}
.mega-title{font-size:clamp(70px,7.6vw,146px);max-width:870px}
.three-line span{display:block}
.section-copy{max-width:620px;color:var(--muted);font-size:18px;line-height:1.65;margin:0;font-weight:520}

/* PRODUCT STAGE GLOBAL */
.product-stage{
  background:linear-gradient(135deg,#fff,#f6f7f6);
  border-radius:28px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.85);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04), 0 20px 40px rgba(0,0,0,.18);
}
.product-stage:after{
  content:"";position:absolute;inset:auto 12% 9% 12%;height:24px;border-radius:50%;
  background:radial-gradient(ellipse, rgba(0,0,0,.18), transparent 70%);
  filter:blur(7px);opacity:.45;
}
.product-stage img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center;padding:24px}
.shoe-stage img{padding:18px 20px}
.tall-stage img{padding:28px 52px 40px;object-position:center}
.vest-stage img{padding:34px 46px 42px}
.shirt-stage img{padding:28px 42px 38px}
.category-stage{height:310px}
.category-stage.shoe-stage{height:280px}

/* CATEGORY */
.main-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.main-cat,.mission-card,.work-card,.catalog-card,.family-card{
  background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.027));
  border:1px solid var(--line);border-radius:var(--cardRadius);
  box-shadow:0 26px 60px rgba(0,0,0,.32);
}
.main-cat{padding:18px;display:grid;gap:22px}
.cat-body{padding:4px 6px 8px}
.cat-body span,.mission-copy a,.work-card-body span,.catalog-card span,.cat-body a,.family-card p,.work-card-body a,.catalog-card a{
  color:var(--accent,var(--pit));text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:950
}
.cat-body h3{font-family:Impact,"Arial Black";text-transform:uppercase;font-size:48px;line-height:.92;letter-spacing:-.04em;margin:8px 0}
.cat-body p{color:var(--muted);line-height:1.55;margin:0 0 18px}

/* MISSION */
.mission-head{align-items:center}
.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mission-card{padding:24px;position:relative;min-height:560px;display:flex;flex-direction:column}
.mission-num{
  width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;
  color:var(--accent);font-weight:950;margin-bottom:18px
}
.mission-stage{height:235px;margin-bottom:28px}
.mission-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:220px}
.mission-copy h3,.work-card-body h3,.catalog-card h3,.family-card h3{
  font-family:Impact,"Arial Black";text-transform:uppercase;line-height:.92;letter-spacing:-.04em;margin:0;color:white;
}
.mission-copy h3{font-size:34px}
.mission-copy p{color:var(--muted);line-height:1.5;margin:14px 0 24px}
.mission-copy a{margin-top:auto}

/* STORY */
.story{padding-top:80px}
.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.story-visual{min-height:540px;display:grid;place-items:center}
.tech-stage{height:455px;width:100%;max-width:570px;background:linear-gradient(135deg,#ffffff,#f1f1ee)}
.tech-shoe{display:none}
.tech-shoe.active{display:block}
.story-callout{
  position:absolute;z-index:5;background:rgba(0,0,0,.75);color:white;border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:10px 16px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:950;
}
.c1{left:12%;top:18%}.c2{right:13%;top:36%}.c3{left:20%;bottom:15%}
.feature-stack{display:grid;gap:18px;margin-top:30px}
.feature-card{
  display:flex;gap:22px;border:1px solid var(--line);border-radius:28px;padding:28px;background:rgba(255,255,255,.045)
}
.feature-card i{width:54px;height:54px;border-radius:16px;background:rgba(169,255,23,.16);color:var(--pit);display:grid;place-items:center;font-style:normal;font-size:22px;flex:0 0 auto}
.feature-card h3{font-family:Impact,"Arial Black";text-transform:uppercase;font-size:38px;line-height:.9;margin:0 0 12px;letter-spacing:-.04em}
.feature-card p{color:var(--muted);margin:0 0 16px;line-height:1.55}
.feature-card b{color:var(--pit);text-transform:uppercase;letter-spacing:.13em;font-size:12px}

/* WORKWEAR */
.workwear-section{background:radial-gradient(circle at 10% 20%, rgba(169,255,23,.08), transparent 28rem)}
.workwear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
.work-card{padding:22px;min-height:620px;display:flex;flex-direction:column}
.work-stage{height:285px;margin-bottom:26px}
.work-card-body{display:flex;flex-direction:column;flex:1;align-items:flex-start}
.work-card-body h3{font-size:42px;margin-top:12px}
.work-card-body p{color:var(--muted);line-height:1.5;margin:16px 0 22px}
.work-card-body a{margin-top:auto}

/* CATALOG */
.ecommerce-products{padding-top:80px}
.filter-pills{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.filter-pills button{
  border:1px solid var(--line);background:rgba(255,255,255,.05);color:white;border-radius:999px;padding:12px 22px;
  text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:950;cursor:pointer
}
.filter-pills button.active{background:var(--pit);color:#061006;border-color:var(--pit)}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.catalog-card{position:relative;padding:22px;min-height:540px;display:flex;flex-direction:column}
.catalog-stage{height:245px;margin-bottom:24px;border-radius:24px}
.catalog-stage.shoe-stage img{padding:24px 28px 34px}
.catalog-stage.tall-stage img{padding:30px 75px 40px}
.catalog-stage.vest-stage img{padding:30px 66px 40px}
.badge{
  position:absolute;top:34px;left:34px;z-index:5;background:var(--pit);color:#071006;border-radius:999px;padding:8px 13px;
  text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:950
}
.heart{
  position:absolute;top:33px;right:34px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.15);
  background:#fff;color:#111;cursor:pointer
}
.catalog-card h3{font-size:34px;margin-top:8px}
.catalog-card p{color:var(--muted);margin:12px 0 22px}
.catalog-card>div:last-child{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.catalog-card>div:last-child b{color:white}

/* MODEL */
.compact{padding-top:70px}
.family-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.family-card{padding:18px}
.family-stage{height:320px;border-radius:28px;margin-bottom:18px}
.family-card div:last-child{padding:0 12px 12px}
.family-card h3{font-size:40px}
.family-card p{color:var(--muted);text-transform:none;letter-spacing:0;font-size:16px;font-weight:500}

/* ADMIN */
.admin-experience{
  position:relative;background:#f3f5f0;color:#071006;padding:94px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);
}
.admin-experience:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 20%, rgba(169,255,23,.13), transparent 32rem);pointer-events:none}
.admin-wrap{width:min(1360px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:.86fr 1.14fr;gap:52px;align-items:center;position:relative;z-index:2}
.admin-title{font-size:clamp(42px,5vw,86px);line-height:.9;letter-spacing:-.05em;max-width:660px}
.admin-copy{color:rgba(7,16,6,.68);font-size:17px;line-height:1.65;max-width:620px;margin:28px 0}
.admin-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:600px}
.admin-capabilities div{
  background:#fff;border-radius:18px;padding:20px;box-shadow:0 16px 35px rgba(0,0,0,.07);min-height:132px;
  border:1px solid rgba(0,0,0,.05)
}
.admin-capabilities i{font-style:normal;font-size:24px;display:block;margin-bottom:18px}
.admin-capabilities b{font-family:Impact,"Arial Black";display:block;font-size:24px;text-transform:uppercase;letter-spacing:-.04em}
.admin-capabilities span{display:block;color:rgba(7,16,6,.64);line-height:1.35;margin-top:4px;font-size:14px}
.dashboard-scene{position:relative;min-height:520px}
.desktop-board{
  position:absolute;right:24px;top:50%;transform:translateY(-50%);
  width:min(760px,100%);height:470px;background:#fff;border:9px solid #101312;border-radius:20px;
  box-shadow:0 48px 110px rgba(0,0,0,.25);display:grid;grid-template-columns:170px 1fr;overflow:hidden
}
.desktop-board aside{background:#111514;color:white;padding:24px 18px;display:flex;flex-direction:column;gap:16px}
.desktop-board aside img{width:105px;margin-bottom:8px}
.desktop-board aside span{font-size:12px;color:rgba(255,255,255,.66);font-weight:800}
.desktop-board main{padding:24px;background:linear-gradient(135deg,#fff,#f7f8f5)}
.dash-search{height:34px;border-radius:999px;background:#f0f2ee;padding:8px 16px;color:rgba(7,16,6,.45);font-weight:800}
.dash-stat-grid,.dash-mid,.dash-bottom{display:grid;gap:14px;margin-top:18px}
.dash-stat-grid{grid-template-columns:repeat(4,1fr)}
.dash-stat-grid div,.dash-mid div,.dash-bottom div{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:16px;box-shadow:0 10px 22px rgba(0,0,0,.04)
}
.desktop-board small{display:block;color:rgba(7,16,6,.48);text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:10px}
.desktop-board b{font-size:28px;line-height:1.05}
.dash-mid{grid-template-columns:1fr 1fr 1.6fr}
.dash-mid em{color:#0ab85c;font-style:normal;font-size:12px;font-weight:900;float:right}
.chart svg,.mobile-board svg{width:100%;height:75px}
.chart path,.mobile-board path{fill:none;stroke:#69a8ff;stroke-width:4;stroke-linecap:round}
.dash-bottom{grid-template-columns:repeat(4,1fr)}
.dash-bottom b{font-size:18px}
.mobile-board{
  position:absolute;right:0;bottom:0;width:190px;height:380px;background:#fff;border:9px solid #111514;border-radius:36px;
  box-shadow:0 32px 70px rgba(0,0,0,.28);padding:18px;z-index:5
}
.phone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.phone-top img{width:82px}
.mobile-board>b{font-family:Impact,"Arial Black";font-size:28px;text-transform:uppercase}.mobile-board small{display:block;color:rgba(7,16,6,.5);margin-bottom:16px}
.mobile-metric{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.08);padding:10px 0}.mobile-metric span{font-size:11px;color:rgba(7,16,6,.55)}.mobile-metric b{font-size:20px}

/* CTA */
.cta{padding:86px 0 96px;background:#050706}
.cta-panel{
  position:relative;overflow:hidden;border-radius:56px;border:1px solid var(--line);padding:70px 70px;
  background:radial-gradient(circle at 35% 16%, rgba(169,255,23,.13), transparent 32rem),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  min-height:380px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:42px
}
.cta-bg-text{position:absolute;inset:auto -30px -48px -30px;font-family:Impact,"Arial Black";font-size:260px;line-height:.75;color:rgba(255,255,255,.04);letter-spacing:-.08em;z-index:0}
.cta-panel>*{position:relative;z-index:2}
.cta-panel h2{font-family:Impact,"Arial Black";font-size:clamp(72px,7.5vw,142px);line-height:.82;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 26px;grid-column:1}
.cta-panel p{grid-column:1;color:var(--muted);max-width:670px;font-size:18px;line-height:1.6;margin:0}
.cta-panel .section-kicker{grid-column:1;margin-bottom:18px}
.cta-actions{grid-column:2;grid-row:1 / span 3;display:flex;gap:14px}

/* FOOTER */
.footer{padding:70px 0 44px;background:#030403;border-top:1px solid var(--line)}
.footer-top{display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:start;margin-bottom:44px}.footer-top img{width:180px}.footer p{color:var(--muted);line-height:1.6;margin:0;max-width:620px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:32px;border-top:1px solid var(--line)}
.footer-links h4{font-family:Impact,"Arial Black";font-size:26px;margin:0 0 16px;text-transform:uppercase}
.footer-links a{display:block;color:var(--muted);margin:10px 0;font-weight:650}
.bottom{display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.44);font-size:13px;border-top:1px solid var(--line);padding-top:26px;margin-top:36px}

/* ANIMATIONS */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease, transform .8s ease}
.reveal.in{opacity:1;transform:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(169,255,23,.42)}70%{box-shadow:0 0 0 12px rgba(169,255,23,0)}100%{box-shadow:0 0 0 0 rgba(169,255,23,0)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* RESPONSIVE */
@media (max-width:1180px){
  .nav-links{display:none}.menu-toggle{display:grid}.mobile-menu.open{display:flex;position:fixed;top:104px;left:28px;right:28px;z-index:60;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(7,9,8,.95);backdrop-filter:blur(16px)}
  .hero-grid{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:540px}.hero-stage{height:560px}
  .mission-grid,.workwear-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid,.admin-wrap{grid-template-columns:1fr}
  .dashboard-scene{height:570px}.desktop-board{left:0;right:auto}.mobile-board{right:8%}
}
@media (max-width:760px){
  .container,.admin-wrap{width:min(100% - 32px,var(--container))}
  .nav-inner{width:calc(100% - 24px);height:62px}.logo img{width:122px}.nav-actions .icon-btn:not(.menu-toggle){display:none}.btn{min-height:42px;padding:0 17px;font-size:11px}
  .hero{padding-top:122px}.hero-title{font-size:clamp(70px,18vw,100px)}.lead{font-size:16px}
  .hero-metrics{grid-template-columns:1fr}.hero-stage{height:500px;min-height:500px}.hero-visual{min-height:500px}.shoe-layer{left:-2%;right:-2%;bottom:120px;height:260px}.hero-shoe{max-height:280px}.platform-wrap{bottom:110px;left:0;right:0}.platform{height:110px;width:92%}
  .feature-dot{font-size:9px}.feature-dot span{display:none}.dot-upper{right:0;top:80px}.dot-comfort{left:0;top:142px}.dot-toe{right:0;top:210px}.dot-midsole{left:0;bottom:175px}.dot-outsole{right:0;bottom:160px}.feature-dot:before{width:40px}.color-switcher{right:50%;transform:translateX(50%);bottom:14px}.color-dot{width:30px;height:30px}
  .quick-shop-grid{grid-template-columns:1fr}.quick-shop-grid a{border-right:0;border-bottom:1px solid var(--line);padding:24px 22px}
  .section{padding:80px 0}.section-head{grid-template-columns:1fr;gap:24px}.mega-title,.section-title{font-size:clamp(58px,15vw,86px)}
  .main-category-grid,.mission-grid,.workwear-grid,.catalog-grid,.family-strip,.footer-links,.admin-capabilities{grid-template-columns:1fr}
  .work-card,.mission-card,.catalog-card{min-height:auto}
  .catalog-stage{height:260px}.work-stage{height:300px}.mission-stage{height:255px}.family-stage{height:260px}
  .desktop-board{position:relative;right:auto;top:auto;transform:none;width:100%;height:auto;grid-template-columns:1fr}.desktop-board aside{display:none}.dash-stat-grid,.dash-mid,.dash-bottom{grid-template-columns:1fr 1fr}.mobile-board{position:relative;right:auto;bottom:auto;margin:18px auto 0}.dashboard-scene{height:auto}
  .cta-panel{grid-template-columns:1fr;padding:42px 26px;border-radius:34px}.cta-actions{grid-column:1;grid-row:auto;flex-wrap:wrap}.cta-bg-text{font-size:120px}
  .footer-top{grid-template-columns:1fr}.bottom{flex-direction:column}
}


/* =========================================================
   V3 REAL FINAL QA OVERRIDES
   Purpose: keep the approved V3 direction and remove the
   layout regressions: cramped headings, image clipping,
   hero overlaps, boxed divider feel, and weak dashboard/CTA.
   ========================================================= */

/* Stronger global heading rhythm — prevents the visual collision seen in the exported screenshot */
.display-title,
.mega-title,
.section-title,
.admin-title{
  line-height:.88;
  letter-spacing:-.045em;
  overflow-wrap:normal;
  word-break:normal;
}
.three-line span{display:block;white-space:nowrap;}
.section-title{font-size:clamp(54px,5.65vw,100px);}
.mega-title{font-size:clamp(64px,6.85vw,126px);max-width:1040px;}
.hero-title{font-size:clamp(72px,8.8vw,148px);line-height:.86;}
.section-head{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:end;gap:64px;}
.section-copy{align-self:end;}
.category-overview .section-title,
.ecommerce-products .section-title{max-width:860px;}

/* Full-width divider strip below hero: this must not look like a small floating box */
.quick-shop{margin:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
.quick-shop-grid{width:100%;max-width:none;}
.quick-shop-grid a{min-height:108px;display:flex;flex-direction:column;justify-content:center;padding-left:7vw;padding-right:7vw;}

/* Hero visual: remove crowded exploded feel and keep the clean color-changing product display */
.hero-grid{grid-template-columns:minmax(0,48%) minmax(560px,1fr);gap:52px;}
.hero-visual{min-height:660px;}
.hero-stage{height:min(690px,72vh);min-height:620px;}
.shoe-layer{left:1%;right:0;bottom:144px;height:365px;}
.hero-shoe{width:min(760px,100%);max-height:410px;}
.platform-wrap{left:8%;right:2%;bottom:104px;height:245px;}
.platform{height:170px;width:88%;border-radius:38px;transform:rotateX(62deg) rotateZ(-4deg);}
.color-switcher{right:8%;bottom:22px;gap:10px;padding:10px 16px;}
.color-dot{width:32px;height:32px;border-width:3px;}
.hover-note{left:23%;bottom:50px;}
.feature-dot{font-size:11px;opacity:.9;}
.feature-dot i{width:20px;height:20px;flex-basis:20px;}
.feature-dot i:after{inset:-11px;}
.dot-upper{right:3%;top:105px;}
.dot-comfort{left:6%;top:176px;}
.dot-toe{right:1%;top:270px;}
.dot-midsole{left:0;bottom:230px;}
.dot-outsole{right:1%;bottom:218px;}
.feature-dot:before{width:118px;}

/* Clean white product trays everywhere. No mixed image backgrounds, no clipping. */
.product-stage{
  background:#fbfcfa;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.035),0 22px 45px rgba(0,0,0,.20);
}
.product-stage img{
  width:100%;height:100%;object-fit:contain;object-position:center center;
  padding:28px;transform:none!important;
}
.shoe-stage img{padding:24px 28px 34px;}
.tall-stage img{padding:36px 62px 44px;}
.vest-stage img{padding:38px 58px 46px;}
.shirt-stage img{padding:36px 54px 44px;}
.category-stage{height:300px;}
.category-stage.shoe-stage{height:290px;}
.mission-stage{height:250px;margin-bottom:30px;}
.work-stage{height:315px;margin-bottom:30px;}
.catalog-stage{height:280px;margin-bottom:26px;}
.family-stage{height:330px;}
.tech-stage{height:470px;}

/* Card alignment: top image trays clean, text starts consistently */
.main-cat,.mission-card,.work-card,.catalog-card,.family-card{overflow:hidden;}
.mission-card{min-height:590px;}
.work-card{min-height:650px;}
.catalog-card{min-height:575px;}
.mission-copy,.work-card-body{min-height:auto;}
.work-card-body h3{font-size:40px;}
.catalog-card h3{font-size:32px;line-height:.96;}

/* The three big section headings should read premium and not crush into 4+ messy lines */
#safety-shoes .mega-title{max-width:900px;}
#workwear .mega-title{max-width:1050px;}
.model-section .mega-title{max-width:850px;}
#workwear .section-head,.model-section .section-head,#safety-shoes .section-head{align-items:end;}

/* Dashboard section: clean custom control-panel presentation */
.admin-experience{padding:105px 0;background:#f4f6f1;}
.admin-wrap{grid-template-columns:.82fr 1.18fr;gap:58px;}
.admin-title{font-size:clamp(52px,5.2vw,92px);line-height:.88;max-width:690px;}
.admin-copy{max-width:650px;}
.admin-capabilities div{border-radius:20px;min-height:138px;}
.dashboard-scene{min-height:560px;}
.desktop-board{width:min(820px,100%);height:510px;border-radius:24px;border-width:10px;}
.mobile-board{width:205px;height:405px;right:-6px;bottom:-8px;}

/* Approved CTA style: large dark rounded panel with strong spacing */
.cta{padding:100px 0 112px;}
.cta-panel{border-radius:56px;min-height:390px;padding:76px 76px;}
.cta-panel h2{font-size:clamp(76px,7.1vw,132px);line-height:.86;}
.cta-actions{align-self:center;}

/* More reliable reveal: keep first view usable even if JS is blocked or slow */
html:not(.js-ready) .reveal{opacity:1;transform:none;}

@media (max-width:1280px){
  .mega-title{font-size:clamp(60px,6.1vw,110px);}
  .section-title{font-size:clamp(50px,5.3vw,90px);}
  .hero-title{font-size:clamp(66px,8.1vw,128px);}
  .section-head{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:44px;}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(480px,1fr);}
  .feature-dot:before{width:86px;}
}

@media (max-width:1180px){
  .three-line span{white-space:normal;}
  .section-head{grid-template-columns:1fr;gap:22px;}
  .section-copy{align-self:start;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{min-height:590px;}
  .hero-stage{height:590px;min-height:590px;}
  .mission-grid,.workwear-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:760px){
  body{background:#050706;}
  .container,.admin-wrap{width:calc(100% - 34px);}
  .hero{padding-top:116px;padding-bottom:58px;min-height:auto;}
  .hero-title{font-size:clamp(54px,15vw,76px);line-height:.90;letter-spacing:-.038em;}
  .lead{font-size:15px;line-height:1.58;}
  .eyebrow-row{gap:8px;margin-bottom:20px;}
  .pill{height:auto;min-height:30px;padding:8px 12px;font-size:10px;letter-spacing:.1em;}
  .hero-metrics{margin-top:28px;}
  .metric{min-height:72px;padding:16px;}
  .metric b{font-size:32px;}

  .hero-visual{min-height:520px;}
  .hero-stage{height:520px;min-height:520px;}
  .shoe-layer{left:-3%;right:-3%;bottom:158px;height:245px;}
  .hero-shoe{max-height:265px;width:104%;}
  .platform-wrap{bottom:132px;left:0;right:0;height:145px;}
  .platform{height:108px;width:90%;border-radius:28px;}
  .feature-dot{font-size:9px;gap:6px;}
  .feature-dot b{white-space:normal;max-width:120px;}
  .feature-dot span{display:none;}
  .feature-dot i{width:18px;height:18px;flex-basis:18px;}
  .feature-dot:before{width:36px;}
  .dot-upper{right:2%;top:74px;}
  .dot-comfort{left:0;top:136px;}
  .dot-toe{right:0;top:205px;}
  .dot-midsole{left:0;bottom:215px;}
  .dot-outsole{right:0;bottom:205px;}
  .hover-note{left:17px;right:17px;bottom:72px;font-size:10px;justify-content:center;}
  .color-switcher{left:50%;right:auto;bottom:18px;transform:translateX(-50%);gap:8px;padding:9px 12px;}
  .color-dot{width:28px;height:28px;}

  .quick-shop-grid{grid-template-columns:1fr;}
  .quick-shop-grid a{min-height:92px;padding:24px 22px;border-right:0;border-bottom:1px solid var(--line);}

  .section{padding:76px 0;}
  .section-kicker{font-size:11px;margin-bottom:14px;}
  .section-title,.mega-title{font-size:clamp(42px,11.5vw,58px);line-height:.94;letter-spacing:-.035em;max-width:100%;}
  .section-copy{font-size:15px;line-height:1.55;}
  .section-head{margin-bottom:34px;}
  .main-category-grid,.mission-grid,.workwear-grid,.catalog-grid,.family-strip{grid-template-columns:1fr;gap:18px;}

  .category-stage,.category-stage.shoe-stage,.mission-stage,.work-stage,.catalog-stage,.family-stage,.tech-stage{height:270px;}
  .product-stage img{padding:28px!important;}
  .shoe-stage img{padding:24px 24px 34px!important;}
  .tall-stage img{padding:30px 58px 40px!important;}
  .vest-stage img{padding:34px 54px 42px!important;}
  .shirt-stage img{padding:30px 46px 40px!important;}

  .mission-card,.work-card,.catalog-card{min-height:auto;padding:18px;}
  .mission-copy h3,.work-card-body h3,.catalog-card h3{font-size:32px;line-height:.97;}
  .cat-body h3{font-size:38px;}
  .feature-card{padding:20px;border-radius:22px;gap:14px;}
  .feature-card i{width:44px;height:44px;flex-basis:44px;}
  .feature-card h3{font-size:30px;line-height:.96;}

  .admin-experience{padding:72px 0;}
  .admin-title{font-size:clamp(40px,11vw,58px);line-height:.93;}
  .admin-capabilities{grid-template-columns:1fr 1fr;gap:10px;}
  .admin-capabilities div{min-height:118px;padding:16px;}
  .admin-capabilities b{font-size:20px;}
  .desktop-board{position:relative;right:auto;top:auto;transform:none;width:100%;height:auto;min-height:420px;grid-template-columns:1fr;border-width:8px;}
  .desktop-board aside{display:none;}
  .dash-stat-grid,.dash-mid,.dash-bottom{grid-template-columns:1fr 1fr;gap:10px;}
  .dash-mid .chart{grid-column:1 / -1;}
  .mobile-board{position:relative;right:auto;bottom:auto;margin:18px auto 0;width:190px;height:380px;}
  .dashboard-scene{height:auto;min-height:0;}

  .cta-panel{grid-template-columns:1fr;padding:38px 24px;border-radius:34px;min-height:330px;}
  .cta-panel h2{font-size:clamp(48px,12vw,64px);line-height:.92;}
  .cta-panel p{font-size:15px;}
  .cta-actions{grid-column:1;grid-row:auto;justify-self:start;flex-wrap:wrap;}
  .cta-bg-text{font-size:116px;bottom:-12px;}
}

@media (max-width:430px){
  .hero-title{font-size:50px;}
  .section-title,.mega-title{font-size:40px;line-height:.96;}
  .admin-title{font-size:40px;}
  .admin-capabilities{grid-template-columns:1fr;}
  .dash-stat-grid,.dash-mid,.dash-bottom{grid-template-columns:1fr;}
  .category-stage,.category-stage.shoe-stage,.mission-stage,.work-stage,.catalog-stage,.family-stage,.tech-stage{height:245px;}
}


/* =========================================================
   NAC FINAL MANUAL REPAIR — keep V3 direction, no V4/V5 drift
   ========================================================= */
:root{
  --display:'Space Grotesk','Arial Narrow','Helvetica Neue Condensed','Roboto Condensed',Impact,sans-serif;
  --pit:#a7ff1a;
}
body{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;}
.display-title,.mega-title,.section-title,.admin-title,
.cat-body h3,.mission-copy h3,.work-card-body h3,.catalog-card h3,.family-card h3,
.feature-card h3,.cta-panel h2,.footer-links h4,.quick-shop-grid b{
  font-family:var(--display)!important;
  font-weight:900!important;
  letter-spacing:-.065em;
}
.display-title,.mega-title,.section-title{line-height:.90!important;}
.hero-title{font-size:clamp(74px,8.2vw,138px)!important;max-width:850px;}
.section-title{font-size:clamp(56px,5.2vw,96px)!important;}
.mega-title{font-size:clamp(62px,5.8vw,112px)!important;max-width:1100px!important;}
.three-line span{display:block;white-space:normal!important;}
#safety-shoes .mega-title span:nth-child(1)::after{content:'';}
#workwear .mega-title{max-width:1080px!important;}
.model-section .mega-title{max-width:980px!important;}

/* Header transparent logo — no black block */
.logo{display:flex;align-items:center;}
.logo img{width:158px!important;height:auto!important;object-fit:contain;mix-blend-mode:normal;}
.nav-inner{background:rgba(6,8,7,.72)!important;}

/* Hero: no white image box, clean shoe on 3D podium */
.hero-grid{grid-template-columns:minmax(0,49%) minmax(560px,51%)!important;gap:54px;}
.hero-visual{min-height:660px!important;overflow:visible;}
.hero-stage{height:650px!important;min-height:650px!important;overflow:visible;}
.shoe-layer{left:2%!important;right:3%!important;bottom:146px!important;height:360px!important;z-index:6;}
.hero-shoe{
  width:min(780px,105%)!important;max-height:410px!important;object-fit:contain!important;
  filter:drop-shadow(0 36px 30px rgba(0,0,0,.56));
}
.platform-wrap{left:11%!important;right:5%!important;bottom:88px!important;height:260px!important;z-index:3;}
.platform{
  width:88%!important;height:180px!important;border-radius:42px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f1f3f0 55%,#c9cec7 100%)!important;
  transform:rotateX(62deg) rotateZ(-4deg) skewX(-4deg)!important;
  box-shadow:0 30px 45px rgba(255,255,255,.10),0 48px 85px rgba(0,0,0,.72), inset 0 -18px 35px rgba(0,0,0,.10)!important;
}
.color-switcher{right:11%!important;bottom:18px!important;gap:9px!important;padding:9px 14px!important;z-index:12!important;}
.color-dot{width:30px!important;height:30px!important;border-width:3px!important;}
.hover-note{left:28%!important;bottom:52px!important;font-size:11px!important;}

/* Hero safety callouts: hidden until hover, placed around product, never on top of shoe */
.feature-dot{opacity:0!important;pointer-events:none;z-index:9!important;gap:8px!important;transition:opacity .3s ease, transform .3s ease!important;}
.hero-stage:hover .feature-dot{opacity:1!important;}
.feature-dot i{width:20px!important;height:20px!important;flex-basis:20px!important;}
.feature-dot:before{width:86px!important;opacity:.65;}
.dot-upper{right:1%!important;top:64px!important;}
.dot-comfort{left:-1%!important;top:145px!important;}
.dot-toe{right:0!important;top:245px!important;}
.dot-midsole{left:0!important;bottom:230px!important;}
.dot-outsole{right:1%!important;bottom:190px!important;}
.dot-toe span,.dot-midsole span,.dot-outsole span,.dot-upper span,.dot-comfort span{color:rgba(255,255,255,.50)!important;}

/* Full width divider immediately after hero */
.quick-shop{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;}
.quick-shop-grid{grid-template-columns:repeat(3,1fr)!important;}
.quick-shop-grid a{min-height:104px!important;padding:28px 7vw!important;}

/* Product image trays: consistent white, full product visible */
.product-stage{background:#fbfcfa!important;border-radius:28px!important;overflow:hidden!important;}
.product-stage img{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;transform:none!important;}
.shoe-stage img{padding:20px 26px 32px!important;}
.tall-stage img{padding:24px 58px 34px!important;}
.vest-stage img{padding:26px 52px 34px!important;}
.shirt-stage img{padding:24px 50px 34px!important;}
.category-stage{height:315px!important;}
.category-stage.shoe-stage{height:292px!important;}
.mission-stage{height:265px!important;}
.work-stage{height:330px!important;}
.catalog-stage{height:300px!important;}
.family-stage{height:325px!important;}
.tech-stage{height:470px!important;}
.work-card,.mission-card,.catalog-card{overflow:hidden;}
.work-card{min-height:650px!important;}
.mission-card{min-height:585px!important;}
.catalog-card{min-height:590px!important;}

/* Dashboard moved after footer and styled as clear custom system, not normal backend */
.admin-experience{margin-top:0!important;padding:86px 0 96px!important;background:#f3f5f0!important;}
.admin-title{font-size:clamp(42px,4.2vw,76px)!important;line-height:.94!important;letter-spacing:-.055em!important;max-width:620px!important;}
.admin-wrap{grid-template-columns:.82fr 1.18fr!important;gap:54px!important;}
.dashboard-scene{min-height:500px!important;}
.desktop-board{height:455px!important;width:min(760px,100%)!important;right:18px!important;}
.mobile-board{width:180px!important;height:360px!important;}
.admin-capabilities{grid-template-columns:repeat(3,1fr)!important;}
.admin-capabilities div{min-height:124px!important;padding:18px!important;}

/* CTA: approved compact premium panel, not over-large */
.cta{padding:86px 0 92px!important;}
.cta-panel{max-width:1180px!important;margin-inline:auto!important;min-height:300px!important;border-radius:42px!important;padding:52px 58px!important;grid-template-columns:1fr auto!important;}
.cta-bg-text{font-size:190px!important;bottom:-34px!important;opacity:.9!important;}
.cta-panel h2{font-size:clamp(54px,5vw,88px)!important;line-height:.88!important;margin-bottom:20px!important;}
.cta-panel p{font-size:16px!important;max-width:620px!important;}
.cta-actions{grid-column:2!important;grid-row:1 / span 3!important;align-self:center!important;}

/* Avoid cramped starts on desktop */
.section{padding:104px 0!important;}
.section-head{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)!important;gap:54px!important;align-items:end!important;}
.section-copy{font-size:17px!important;}

@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr!important;}
  .hero-copyblock{max-width:900px;}
  .hero-visual{min-height:560px!important;}
  .hero-stage{height:560px!important;min-height:560px!important;}
  .section-head{grid-template-columns:1fr!important;gap:22px!important;}
  .quick-shop-grid{grid-template-columns:1fr!important;}
  .quick-shop-grid a{border-right:0!important;border-bottom:1px solid var(--line)!important;}
  .admin-wrap{grid-template-columns:1fr!important;}
  .admin-capabilities{grid-template-columns:repeat(2,1fr)!important;}
  .desktop-board{position:relative!important;right:auto!important;top:auto!important;transform:none!important;}
}
@media (max-width:760px){
  .hero-title{font-size:clamp(52px,14vw,76px)!important;}
  .section-title,.mega-title{font-size:clamp(42px,10vw,58px)!important;line-height:.96!important;}
  .hero-visual{min-height:500px!important;}
  .hero-stage{height:500px!important;min-height:500px!important;}
  .shoe-layer{bottom:150px!important;height:245px!important;left:-5%!important;right:-5%!important;}
  .hero-shoe{max-height:270px!important;width:106%!important;}
  .platform-wrap{bottom:122px!important;left:3%!important;right:3%!important;height:150px!important;}
  .platform{height:108px!important;}
  .feature-dot{display:none!important;}
  .hover-note{left:0!important;right:0!important;bottom:68px!important;justify-content:center!important;}
  .color-switcher{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:18px!important;}
  .mission-grid,.workwear-grid,.catalog-grid,.family-strip,.main-category-grid{grid-template-columns:1fr!important;}
  .product-stage{height:275px!important;}
  .work-card,.mission-card,.catalog-card{min-height:auto!important;}
  .cta-panel{grid-template-columns:1fr!important;padding:36px 24px!important;min-height:280px!important;}
  .cta-actions{grid-column:1!important;grid-row:auto!important;justify-self:start!important;flex-wrap:wrap;}
  .cta-bg-text{font-size:112px!important;}
  .admin-capabilities{grid-template-columns:1fr!important;}
}

/* =========================================================
   FINAL CLEAN LOCK — NAC approved V3 correction pass
   Do not redesign. This block fixes the remaining issues:
   font consistency, transparent logo, hero podium, swatches,
   callouts, compact CTA, dashboard polish and clean product stages.
   ========================================================= */
:root{
  --font-display:"Anton", "Arial Black", sans-serif;
  --font-body:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --pit:#A7FF1A;
}
body{font-family:var(--font-body)!important;background-color:#050706!important;}
.display-title,.mega-title,.section-title,.admin-title,
.metric b,.cat-body h3,.mission-copy h3,.work-card-body h3,.catalog-card h3,.family-card h3,
.feature-card h3,.footer-links h4,.cta-panel h2,.admin-capabilities b,.mobile-board>b{
  font-family:var(--font-display)!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
  text-rendering:geometricPrecision;
}
::selection{background:#A7FF1A!important;color:#050805!important;}
::-moz-selection{background:#A7FF1A!important;color:#050805!important;}
.noise{opacity:.10!important;background-size:5px 5px!important;}

/* Header: transparent logo, no black plate */
.nav-inner{height:70px!important;background:rgba(7,9,8,.68)!important;border-color:rgba(255,255,255,.12)!important;}
.logo{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}
.logo img{width:154px!important;height:auto!important;background:transparent!important;object-fit:contain!important;}
.nav-links a{font-weight:900!important;}

/* Hero typography and stat cards */
.hero{padding-top:148px!important;padding-bottom:58px!important;}
.hero-grid{grid-template-columns:minmax(0,48%) minmax(0,52%)!important;gap:38px!important;align-items:center!important;}
.hero-title{font-size:clamp(78px,8.25vw,140px)!important;line-height:.90!important;max-width:760px!important;}
.lead{max-width:650px!important;font-size:17px!important;line-height:1.65!important;}
.hero-metrics{gap:14px!important;max-width:650px!important;margin-top:40px!important;}
.metric{border-radius:18px!important;min-height:96px!important;padding:22px 20px!important;}
.metric b{font-size:43px!important;line-height:1!important;}
.metric span{font-size:11px!important;letter-spacing:.12em!important;}

/* Hero product showcase: clean shoe cutout on 3D white podium, no exploded parts */
.hero-visual{min-height:650px!important;overflow:visible!important;}
.hero-stage{height:650px!important;min-height:650px!important;overflow:visible!important;}
.platform-wrap{left:9%!important;right:1%!important;bottom:96px!important;height:260px!important;perspective:850px!important;z-index:2!important;}
.platform{
  position:relative!important;width:90%!important;height:176px!important;margin:0 auto!important;border-radius:40px!important;
  background:linear-gradient(145deg,#fff 0%,#f5f6f3 48%,#d6dad4 100%)!important;
  transform:rotateX(63deg) rotateZ(-4deg) skewX(-3deg)!important;
  box-shadow:0 24px 36px rgba(255,255,255,.14),0 45px 86px rgba(0,0,0,.72),inset 0 -20px 34px rgba(0,0,0,.12)!important;
}
.platform:before{content:"";position:absolute;inset:10px 14px auto 14px;height:32%;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));opacity:.68;}
.platform:after{content:"";position:absolute;left:7%;right:7%;bottom:-30px;height:38px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.48),transparent 68%);filter:blur(10px);}
.shoe-layer{left:2%!important;right:0!important;bottom:154px!important;height:390px!important;z-index:5!important;}
.hero-shoe{width:min(760px,101%)!important;max-height:410px!important;object-fit:contain!important;filter:drop-shadow(0 34px 26px rgba(0,0,0,.52))!important;}
.hero-stage:hover .hero-shoe.active{transform:translateX(-50%) translateY(-8px) scale(1.015)!important;}

/* Hero swatches: outside product area, smaller, no overlap */
.color-switcher{right:10%!important;bottom:14px!important;gap:9px!important;padding:9px 14px!important;z-index:12!important;background:rgba(255,255,255,.10)!important;}
.color-dot{width:29px!important;height:29px!important;border-width:3px!important;}
.hover-note{left:17%!important;bottom:66px!important;font-size:11px!important;z-index:8!important;white-space:nowrap!important;}
.hover-note span{width:23px!important;height:23px!important;}

/* Hero callouts: appear only on hover; positioned outside shoe, not crossing product */
.feature-dot{opacity:0!important;pointer-events:none!important;z-index:9!important;font-size:10.5px!important;gap:8px!important;}
.hero-stage:hover .feature-dot{opacity:1!important;}
.feature-dot i{width:20px!important;height:20px!important;flex:0 0 20px!important;}
.feature-dot i:after{inset:-10px!important;border-color:rgba(167,255,26,.72)!important;}
.feature-dot:before{width:78px!important;background:linear-gradient(90deg,rgba(167,255,26,.75),rgba(167,255,26,.08))!important;}
.feature-dot b,.feature-dot span{white-space:nowrap!important;}
.dot-upper{right:0!important;top:76px!important;}
.dot-comfort{left:2%!important;top:152px!important;}
.dot-toe{right:-1%!important;top:262px!important;}
.dot-midsole{left:0!important;bottom:240px!important;}
.dot-outsole{right:0!important;bottom:210px!important;}

/* Full-width band directly after hero */
.quick-shop{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:linear-gradient(90deg,rgba(167,255,26,.05),rgba(255,255,255,.02),rgba(46,167,255,.04))!important;}
.quick-shop-grid{grid-template-columns:repeat(3,1fr)!important;}
.quick-shop-grid a{min-height:104px!important;padding:28px 7vw!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.quick-shop-grid b{font-family:var(--font-display)!important;font-size:22px!important;font-weight:400!important;}

/* Section heading rhythm: strong 3-line breaks, not crushed */
.section{padding:104px 0!important;}
.section-head{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;gap:58px!important;align-items:end!important;margin-bottom:54px!important;}
.section-copy{font-size:17px!important;line-height:1.65!important;align-self:end!important;}
.section-title{font-size:clamp(56px,5.55vw,96px)!important;line-height:.94!important;}
.mega-title{font-size:clamp(68px,6.5vw,116px)!important;line-height:.93!important;max-width:980px!important;}
.three-line span{display:block!important;white-space:nowrap!important;}
#workwear .mega-title{max-width:1000px!important;}
.model-section .mega-title{max-width:860px!important;}

/* Product stages: one consistent white top card; full product visible */
.product-stage{background:#fbfcfa!important;border-radius:28px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.92)!important;}
.product-stage img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;}
.shoe-stage img{padding:22px 28px 34px!important;}
.tall-stage img{padding:28px 64px 38px!important;}
.vest-stage img{padding:32px 58px 40px!important;}
.shirt-stage img{padding:30px 54px 38px!important;}
.category-stage{height:310px!important;}
.category-stage.shoe-stage{height:292px!important;}
.mission-stage{height:265px!important;}
.work-stage{height:320px!important;margin-bottom:30px!important;}
.catalog-stage{height:300px!important;}
.family-stage{height:330px!important;}
.tech-stage{height:470px!important;}
.work-card{min-height:650px!important;}
.mission-card{min-height:585px!important;}
.catalog-card{min-height:590px!important;}
.main-cat,.mission-card,.work-card,.catalog-card,.family-card{overflow:hidden!important;}

/* Workwear and cards alignment */
.workwear-grid{align-items:stretch!important;}
.work-card-body{display:flex!important;flex-direction:column!important;flex:1!important;}
.work-card-body h3{font-size:40px!important;line-height:.98!important;}
.work-card-body a{margin-top:auto!important;}
.catalog-card h3{font-size:31px!important;line-height:.98!important;}
.catalog-card>div:last-child{margin-top:auto!important;}

/* Dashboard: light premium control panel, improved icons + font balance */
.admin-experience{margin-top:0!important;padding:86px 0 96px!important;background:linear-gradient(135deg,#f5f8f0,#eef2eb)!important;color:#071006!important;}
.admin-wrap{grid-template-columns:.82fr 1.18fr!important;gap:54px!important;max-width:1380px!important;}
.admin-title{font-size:clamp(46px,4.35vw,76px)!important;line-height:1!important;max-width:640px!important;}
.admin-copy{font-size:17px!important;line-height:1.62!important;color:rgba(7,16,6,.66)!important;}
.admin-capabilities{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;}
.admin-capabilities div{min-height:126px!important;border-radius:20px!important;padding:18px!important;}
.admin-capabilities i{width:30px!important;height:30px!important;border:1px solid rgba(7,16,6,.18)!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:15px!important;margin-bottom:16px!important;}
.admin-capabilities b{font-size:22px!important;line-height:1!important;}
.dashboard-scene{min-height:500px!important;}
.desktop-board{height:455px!important;width:min(760px,100%)!important;right:18px!important;border-radius:24px!important;border-width:10px!important;}
.desktop-board aside img{width:110px!important;background:transparent!important;}
.mobile-board{width:182px!important;height:362px!important;right:-4px!important;}
.mobile-board svg{margin-top:4px!important;height:70px!important;}

/* CTA: compact reference style */
.cta{padding:84px 0 92px!important;background:#050706!important;}
.cta-panel{max-width:1160px!important;margin-inline:auto!important;min-height:300px!important;border-radius:42px!important;padding:52px 58px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
.cta-bg-text{font-size:188px!important;line-height:.74!important;bottom:-34px!important;color:rgba(255,255,255,.04)!important;}
.cta-panel .section-kicker{margin-bottom:16px!important;}
.cta-panel h2{font-size:clamp(54px,4.9vw,86px)!important;line-height:.92!important;margin:0 0 20px!important;}
.cta-panel p{font-size:16px!important;max-width:620px!important;line-height:1.55!important;}
.cta-actions{grid-column:2!important;grid-row:1 / span 3!important;align-self:center!important;justify-self:end!important;display:flex!important;gap:14px!important;}

@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr!important;}
  .hero-copyblock{max-width:900px!important;}
  .hero-visual{min-height:580px!important;}
  .hero-stage{height:580px!important;min-height:580px!important;}
  .section-head{grid-template-columns:1fr!important;gap:22px!important;}
  .section-copy{align-self:start!important;}
  .three-line span{white-space:normal!important;}
  .quick-shop-grid,.mission-grid,.workwear-grid,.catalog-grid,.family-strip,.main-category-grid{grid-template-columns:1fr!important;}
  .admin-wrap{grid-template-columns:1fr!important;}
  .desktop-board{position:relative!important;right:auto!important;top:auto!important;transform:none!important;}
}
@media (max-width:760px){
  .container,.admin-wrap{width:calc(100% - 34px)!important;}
  .nav{top:14px!important;}.nav-inner{width:calc(100% - 28px)!important;height:62px!important;padding-inline:16px!important;}.logo img{width:126px!important;}.btn{min-height:42px!important;padding-inline:18px!important;font-size:11px!important;}
  .hero{padding-top:106px!important;}
  .hero-title{font-size:clamp(52px,14vw,76px)!important;line-height:.92!important;}
  .hero-metrics{grid-template-columns:1fr!important;}
  .hero-visual{min-height:500px!important;}
  .hero-stage{height:500px!important;min-height:500px!important;}
  .shoe-layer{bottom:154px!important;height:250px!important;left:-6%!important;right:-6%!important;}
  .hero-shoe{max-height:270px!important;width:108%!important;}
  .platform-wrap{bottom:128px!important;left:0!important;right:0!important;height:150px!important;}
  .platform{height:108px!important;}
  .feature-dot{display:none!important;}
  .hover-note{left:0!important;right:0!important;bottom:68px!important;justify-content:center!important;}
  .color-switcher{left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important;}
  .color-dot{width:27px!important;height:27px!important;}
  .section{padding:76px 0!important;}.section-title,.mega-title{font-size:clamp(42px,11vw,58px)!important;line-height:.98!important;}.section-head{margin-bottom:34px!important;}
  .product-stage{height:275px!important;}.work-card,.mission-card,.catalog-card{min-height:auto!important;}.tall-stage img{padding:30px 58px 40px!important;}.vest-stage img{padding:34px 54px 42px!important;}
  .admin-capabilities{grid-template-columns:1fr!important;}.dash-stat-grid,.dash-mid,.dash-bottom{grid-template-columns:1fr 1fr!important;}.dash-mid .chart{grid-column:1/-1!important;}.mobile-board{position:relative!important;right:auto!important;bottom:auto!important;margin:18px auto 0!important;}
  .cta-panel{grid-template-columns:1fr!important;min-height:280px!important;padding:36px 24px!important;border-radius:34px!important;}.cta-actions{grid-column:1!important;grid-row:auto!important;justify-self:start!important;flex-wrap:wrap!important;}.cta-bg-text{font-size:112px!important;}
}


/* =========================================================
   NAC FINAL CORRECTION LOCK — after review image(449)
   Keep approved V3 direction. Fix actual missed items only.
   ========================================================= */
:root{
  --font-display:'Space Grotesk', Inter, ui-sans-serif, system-ui, sans-serif;
  --font-body:'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --pit:#A7FF1A;
}
body{font-family:var(--font-body)!important;background:#050706!important;}
.display-title,.mega-title,.section-title,.admin-title,
.metric b,.cat-body h3,.mission-copy h3,.work-card-body h3,.catalog-card h3,.family-card h3,
.feature-card h3,.footer-links h4,.cta-panel h2,.admin-capabilities b,.mobile-board>b,.quick-shop-grid b,
.hero-bg-word,.cta-bg-text{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:-.07em!important;
  text-transform:uppercase!important;
}
::selection{background:#A7FF1A!important;color:#050805!important;}
::-moz-selection{background:#A7FF1A!important;color:#050805!important;}
.noise{opacity:.07!important;background-size:6px 6px!important;}

/* Header — uploaded transparent logo, no black box */
.nav-inner{height:72px!important;background:rgba(7,9,8,.72)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 18px 70px rgba(0,0,0,.24)!important;}
.logo,.logo:hover{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.logo img{width:156px!important;height:auto!important;display:block!important;background:transparent!important;mix-blend-mode:normal!important;}
.nav-links a{font-family:var(--font-body)!important;font-weight:900!important;letter-spacing:.11em!important;}
.btn{font-family:var(--font-body)!important;font-weight:950!important;letter-spacing:.08em!important;}

/* Hero — keep V3 layout, repair only product area */
.hero{min-height:100vh!important;padding:148px 0 56px!important;overflow:hidden!important;}
.hero-grid{grid-template-columns:minmax(0,49%) minmax(0,51%)!important;gap:34px!important;align-items:center!important;min-height:calc(100vh - 190px)!important;}
.hero-title{font-size:clamp(74px,7.6vw,132px)!important;line-height:.88!important;letter-spacing:-.075em!important;max-width:760px!important;}
.lead{max-width:650px!important;font-size:17px!important;line-height:1.62!important;color:rgba(255,255,255,.78)!important;}
.hero-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;max-width:650px!important;margin-top:38px!important;}
.metric{min-height:94px!important;padding:20px 20px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03))!important;}
.metric b{font-size:42px!important;line-height:1!important;letter-spacing:-.055em!important;}
.metric span{font-size:11px!important;letter-spacing:.12em!important;font-weight:900!important;color:rgba(255,255,255,.62)!important;}
.hero-visual{min-height:650px!important;overflow:visible!important;}
.hero-stage{height:650px!important;min-height:650px!important;overflow:visible!important;position:relative!important;}
.hero-bg-word{font-size:41vw!important;right:-8vw!important;bottom:-6vh!important;opacity:.92!important;}

/* Premium 3D podium / product base */
.platform-wrap{left:8%!important;right:0!important;bottom:105px!important;height:255px!important;perspective:820px!important;z-index:2!important;}
.platform{position:relative!important;width:88%!important;height:178px!important;margin:0 auto!important;border-radius:44px!important;background:linear-gradient(145deg,#fff 0%,#f4f5f2 54%,#d8dcd6 100%)!important;transform:rotateX(63deg) rotateZ(-4deg) skewX(-3deg)!important;box-shadow:0 22px 34px rgba(255,255,255,.13),0 48px 88px rgba(0,0,0,.76),inset 0 -22px 34px rgba(0,0,0,.13)!important;}
.platform:before{content:"";position:absolute;left:18px;right:18px;top:12px;height:42px;border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0));opacity:.65;}
.platform:after{content:"";position:absolute;left:8%;right:8%;bottom:-34px;height:42px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.52),transparent 68%);filter:blur(11px);}
.shoe-layer{left:1%!important;right:1%!important;bottom:162px!important;height:390px!important;z-index:5!important;pointer-events:none!important;}
.hero-shoe{width:min(760px,100%)!important;max-height:410px!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 36px 28px rgba(0,0,0,.50))!important;}
.hero-shoe.active{opacity:1!important;}
.hero-stage:hover .hero-shoe.active{transform:translateX(-50%) translateY(-8px) scale(1.012)!important;}

/* Hero swatches — outside shoe/podium area */
.color-switcher{right:11%!important;bottom:16px!important;z-index:20!important;gap:9px!important;padding:9px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 18px 46px rgba(0,0,0,.34)!important;}
.color-dot{width:29px!important;height:29px!important;border:3px solid rgba(255,255,255,.88)!important;}
.hover-note{left:16%!important;bottom:64px!important;z-index:12!important;font-size:11px!important;letter-spacing:.12em!important;color:rgba(255,255,255,.60)!important;white-space:nowrap!important;}
.hover-note span{width:22px!important;height:22px!important;border-width:2px!important;}

/* Hero hover info points — hidden until hover, no overlaps */
.feature-dot{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:12!important;font-size:10.5px!important;gap:8px!important;transition:opacity .25s ease,visibility .25s ease,transform .25s ease!important;}
.hero-stage:hover .feature-dot{opacity:1!important;visibility:visible!important;}
.feature-dot i{width:20px!important;height:20px!important;flex:0 0 20px!important;background:var(--pit)!important;}
.feature-dot i:after{inset:-10px!important;border:1px dashed rgba(167,255,26,.76)!important;}
.feature-dot:before{width:76px!important;height:1px!important;background:linear-gradient(90deg,rgba(167,255,26,.76),rgba(167,255,26,.08))!important;}
.feature-dot b{font-size:11px!important;color:#fff!important;white-space:nowrap!important;}
.feature-dot span{font-size:10px!important;color:rgba(255,255,255,.56)!important;white-space:nowrap!important;}
.dot-upper{right:1%!important;top:86px!important;}
.dot-comfort{left:0!important;top:160px!important;}
.dot-toe{right:0!important;top:270px!important;}
.dot-midsole{left:1%!important;bottom:242px!important;}
.dot-outsole{right:0!important;bottom:224px!important;}

/* Full width hero divider band */
.quick-shop{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-top:1px solid rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(90deg,rgba(167,255,26,.045),rgba(255,255,255,.018),rgba(46,167,255,.036))!important;}
.quick-shop-grid{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;}
.quick-shop-grid a{min-height:106px!important;padding:28px 7vw!important;display:flex!important;flex-direction:column!important;justify-content:center!important;border-right:1px solid rgba(255,255,255,.10)!important;}
.quick-shop-grid a:last-child{border-right:0!important;}
.quick-shop-grid b{font-size:22px!important;line-height:1!important;letter-spacing:-.055em!important;}
.quick-shop-grid span{font-size:14px!important;color:rgba(255,255,255,.62)!important;}

/* Section heading line breaks — clean 3-line rhythm */
.section{padding:104px 0!important;}
.section-head{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr)!important;gap:58px!important;align-items:end!important;margin-bottom:54px!important;}
.section-copy{font-size:17px!important;line-height:1.65!important;align-self:end!important;}
.section-title{font-size:clamp(56px,5.15vw,92px)!important;line-height:.94!important;letter-spacing:-.065em!important;}
.mega-title{font-size:clamp(66px,6.15vw,110px)!important;line-height:.93!important;letter-spacing:-.07em!important;max-width:980px!important;}
.three-line span{display:block!important;white-space:normal!important;}
#safety-shoes .mega-title,#workwear .mega-title,.model-section .mega-title{max-width:980px!important;}

/* Product cards — consistent white stages and no product cropping */
.product-stage{background:#fbfcfa!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.92)!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.035),0 18px 38px rgba(0,0,0,.18)!important;}
.product-stage img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;}
.shoe-stage img{padding:30px 34px 42px!important;}
.tall-stage img{padding:30px 70px 42px!important;}
.vest-stage img{padding:34px 64px 42px!important;}
.shirt-stage img{padding:30px 58px 42px!important;}
.category-stage{height:310px!important;}
.category-stage.shoe-stage{height:292px!important;}
.mission-stage{height:270px!important;}
.work-stage{height:315px!important;}
.catalog-stage{height:290px!important;}
.family-stage{height:300px!important;}
.work-card,.mission-card,.catalog-card,.family-card{overflow:hidden!important;}
.work-card{min-height:570px!important;display:flex!important;flex-direction:column!important;}
.work-card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding-top:26px!important;}
.work-card-body a{margin-top:auto!important;}
.work-card-body h3{font-size:clamp(34px,2.4vw,45px)!important;line-height:.95!important;}
.catalog-card{min-height:545px!important;}
.catalog-card h3{font-size:clamp(28px,2vw,36px)!important;line-height:.96!important;}

/* Dashboard section — clean premium control panel, no ugly icons */
.admin-experience{background:#f4f7ef!important;color:#061007!important;padding:86px 0 96px!important;}
.admin-title{font-size:clamp(46px,4.4vw,78px)!important;line-height:.94!important;letter-spacing:-.07em!important;max-width:640px!important;}
.admin-copy{font-size:17px!important;line-height:1.62!important;color:rgba(6,16,7,.68)!important;max-width:650px!important;}
.admin-wrap{grid-template-columns:.82fr 1.18fr!important;gap:58px!important;align-items:center!important;}
.admin-capabilities{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;max-width:610px!important;}
.admin-capabilities div{background:#fff!important;border-radius:20px!important;min-height:132px!important;padding:20px!important;box-shadow:0 18px 38px rgba(0,0,0,.06)!important;border:1px solid rgba(0,0,0,.045)!important;}
.admin-capabilities i{width:28px!important;height:28px!important;display:block!important;margin-bottom:17px!important;color:#071006!important;}
.admin-capabilities svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.admin-capabilities b{font-size:22px!important;line-height:1!important;letter-spacing:-.06em!important;}
.admin-capabilities span{font-size:14px!important;line-height:1.36!important;color:rgba(6,16,7,.60)!important;}
.dashboard-scene{min-height:530px!important;}
.desktop-board{width:min(790px,100%)!important;height:486px!important;border:8px solid #111514!important;border-radius:22px!important;box-shadow:0 46px 110px rgba(0,0,0,.24)!important;}
.desktop-board aside{background:#111514!important;padding:24px 20px!important;}
.desktop-board aside img{width:112px!important;}
.desktop-board aside span{font-family:var(--font-body)!important;font-size:12px!important;font-weight:900!important;}
.desktop-board main{padding:24px!important;}
.dash-search{font-family:var(--font-body)!important;font-weight:900!important;color:rgba(6,16,7,.52)!important;}
.desktop-board small{font-family:var(--font-body)!important;font-weight:900!important;letter-spacing:.08em!important;}
.desktop-board b,.mobile-metric b{font-family:var(--font-body)!important;font-weight:900!important;letter-spacing:-.04em!important;}
.mobile-board{width:198px!important;height:390px!important;border:8px solid #111514!important;border-radius:34px!important;right:-4px!important;}
.mobile-board>b{font-size:25px!important;line-height:.9!important;letter-spacing:-.065em!important;}
.phone-top img{width:78px!important;}

/* Compact CTA — match approved reference size, not oversized */
.cta{padding:78px 0 88px!important;background:#050706!important;}
.cta-panel{max-width:1120px!important;margin-inline:auto!important;min-height:270px!important;border-radius:42px!important;padding:48px 56px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:40px!important;align-items:center!important;background:radial-gradient(circle at 36% 12%,rgba(167,255,26,.13),transparent 26rem),linear-gradient(135deg,rgba(255,255,255,.073),rgba(255,255,255,.020))!important;}
.cta-bg-text{font-size:180px!important;line-height:.72!important;bottom:-34px!important;left:24px!important;right:auto!important;color:rgba(255,255,255,.045)!important;letter-spacing:-.09em!important;}
.cta-panel h2{font-size:clamp(58px,4.95vw,88px)!important;line-height:.92!important;letter-spacing:-.072em!important;margin:0 0 18px!important;}
.cta-panel h2 span{display:block!important;}
.cta-panel p{font-size:15.5px!important;line-height:1.55!important;max-width:650px!important;color:rgba(255,255,255,.64)!important;}
.cta-actions{grid-column:2!important;grid-row:1 / span 3!important;align-self:center!important;display:flex!important;gap:12px!important;}
.cta-panel .btn{min-height:48px!important;padding-inline:22px!important;}

@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr!important;min-height:auto!important;}
  .hero-copyblock{max-width:880px!important;}
  .hero-visual{min-height:560px!important;}
  .hero-stage{height:560px!important;min-height:560px!important;}
  .quick-shop-grid{grid-template-columns:1fr!important;}
  .quick-shop-grid a{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;}
  .section-head{grid-template-columns:1fr!important;gap:24px!important;}
  .admin-wrap{grid-template-columns:1fr!important;}
  .admin-capabilities{grid-template-columns:repeat(2,1fr)!important;}
  .dashboard-scene{height:auto!important;min-height:0!important;}
  .desktop-board{position:relative!important;right:auto!important;top:auto!important;transform:none!important;}
}
@media (max-width:760px){
  .hero{padding-top:120px!important;}
  .hero-title{font-size:clamp(54px,14.5vw,76px)!important;line-height:.93!important;}
  .hero-metrics{grid-template-columns:1fr!important;}
  .hero-visual{min-height:500px!important;}
  .hero-stage{height:500px!important;min-height:500px!important;}
  .shoe-layer{bottom:152px!important;height:245px!important;left:-4%!important;right:-4%!important;}
  .hero-shoe{max-height:270px!important;width:105%!important;}
  .platform-wrap{bottom:124px!important;left:0!important;right:0!important;height:150px!important;}
  .platform{height:108px!important;width:92%!important;}
  .feature-dot{display:none!important;}
  .hover-note{left:0!important;right:0!important;bottom:66px!important;justify-content:center!important;}
  .color-switcher{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:16px!important;}
  .color-dot{width:28px!important;height:28px!important;}
  .section{padding:78px 0!important;}
  .section-title,.mega-title{font-size:clamp(44px,11vw,60px)!important;line-height:.98!important;}
  .main-category-grid,.mission-grid,.workwear-grid,.catalog-grid,.family-strip{grid-template-columns:1fr!important;}
  .work-card,.mission-card,.catalog-card{min-height:auto!important;}
  .product-stage{height:280px!important;}
  .admin-title{font-size:clamp(40px,11vw,58px)!important;}
  .admin-capabilities{grid-template-columns:1fr!important;}
  .desktop-board{grid-template-columns:1fr!important;width:100%!important;height:auto!important;}
  .desktop-board aside{display:none!important;}
  .dash-stat-grid,.dash-mid,.dash-bottom{grid-template-columns:1fr 1fr!important;}
  .mobile-board{position:relative!important;right:auto!important;bottom:auto!important;margin:20px auto 0!important;}
  .cta-panel{grid-template-columns:1fr!important;min-height:260px!important;padding:34px 24px!important;border-radius:34px!important;}
  .cta-actions{grid-column:1!important;grid-row:auto!important;justify-self:start!important;flex-wrap:wrap!important;}
  .cta-bg-text{font-size:112px!important;bottom:-12px!important;}
}

/* =========================================================
   NAC STRICT FINAL FIX — ONLY REQUESTED ITEMS
   Locked sections stay unchanged. This block overrides older
   attempts without changing the approved V3 direction.
   ========================================================= */
:root{
  --container:1360px;
  --pit:#A7FF1A;
  --font-body:'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-display:'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif;
}
body{font-family:var(--font-body)!important;}
.display-title,.mega-title,.section-title,.admin-title,
.metric b,.cat-body h3,.mission-copy h3,.work-card-body h3,.catalog-card h3,.family-card h3,
.feature-card h3,.footer-links h4,.cta-panel h2,.quick-shop-grid b,.admin-capabilities b,.mobile-board>b{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:-.065em!important;
}
::selection{background:#A7FF1A!important;color:#050805!important;}
::-moz-selection{background:#A7FF1A!important;color:#050805!important;}

/* 1. Header width + uploaded transparent logo */
.nav-inner{
  width:min(var(--container), calc(100% - 56px))!important;
  height:72px!important;
  padding:0 22px 0 28px!important;
}
.logo,.logo:before,.logo:after{background:transparent!important;border:0!important;box-shadow:none!important;}
.logo img{width:156px!important;height:auto!important;background:transparent!important;object-fit:contain!important;}

/* 2. Hero product area: real uploaded podium image + clean shoe */
.hero-grid{grid-template-columns:minmax(0,49%) minmax(0,51%)!important;gap:42px!important;}
.hero-title{font-size:clamp(74px,7.45vw,132px)!important;line-height:.90!important;max-width:780px!important;}
.hero-visual{min-height:650px!important;overflow:visible!important;}
.hero-stage{height:650px!important;min-height:650px!important;overflow:visible!important;}
.platform-wrap{
  left:3%!important;right:0!important;bottom:84px!important;height:315px!important;z-index:2!important;perspective:none!important;
}
.platform{
  width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;
  background:url('../images/base/shoe-podium.png') center bottom / contain no-repeat!important;
  transform:none!important;box-shadow:none!important;filter:drop-shadow(0 34px 44px rgba(0,0,0,.48));
}
.platform:before,.platform:after{display:none!important;}
.shoe-layer{
  left:2%!important;right:1%!important;bottom:182px!important;height:390px!important;z-index:5!important;pointer-events:none!important;
}
.hero-shoe{
  width:min(750px,100%)!important;max-height:410px!important;object-fit:contain!important;object-position:center bottom!important;
  filter:drop-shadow(0 32px 26px rgba(0,0,0,.52))!important;
}
.hero-stage:hover .hero-shoe.active{transform:translateX(-50%) translateY(-7px) scale(1.012)!important;}

/* 3. Hero swatches + note: outside shoe/podium area, no overlap */
.color-switcher{
  right:13%!important;bottom:12px!important;z-index:20!important;gap:9px!important;padding:8px 13px!important;
  background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.22)!important;
}
.color-dot{width:28px!important;height:28px!important;border-width:3px!important;}
.hover-note{left:22%!important;bottom:58px!important;font-size:10.5px!important;z-index:9!important;white-space:nowrap!important;}
.hover-note span{width:22px!important;height:22px!important;}

/* 4. Hero hover info points: no overlap; no exploded view */
.feature-dot{opacity:0!important;pointer-events:none!important;font-size:10px!important;gap:8px!important;z-index:9!important;}
.hero-stage:hover .feature-dot{opacity:1!important;}
.feature-dot i{width:20px!important;height:20px!important;flex:0 0 20px!important;}
.feature-dot i:after{inset:-10px!important;}
.feature-dot b,.feature-dot span{white-space:nowrap!important;}
.feature-dot:before{width:82px!important;opacity:.7!important;}
.dot-upper{right:2%!important;top:76px!important;}
.dot-comfort{left:1%!important;top:158px!important;}
.dot-toe{right:1%!important;top:258px!important;}
.dot-midsole{left:0!important;bottom:254px!important;}
.dot-outsole{right:2%!important;bottom:238px!important;}

/* 5. Bottom hero stat cards: earlier clean style */
.hero-metrics{max-width:650px!important;gap:14px!important;margin-top:38px!important;}
.metric{min-height:92px!important;border-radius:18px!important;padding:20px!important;}
.metric b{font-size:40px!important;line-height:1!important;letter-spacing:-.05em!important;}
.metric span{font-family:var(--font-body)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;}

/* 6. Force clean 3-line large headings */
.section-head{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:54px!important;align-items:end!important;}
.mega-title{font-size:clamp(62px,5.65vw,104px)!important;line-height:.94!important;max-width:1120px!important;}
.three-line span{display:block!important;white-space:nowrap!important;}
#safety-shoes .mega-title,#workwear .mega-title,.model-section .mega-title{max-width:1120px!important;}
.section-title{font-size:clamp(54px,5.05vw,92px)!important;line-height:.96!important;}

/* 7. CTA: compact, same content width as all other sections */
.cta{padding:78px 0 88px!important;background:#050706!important;}
.cta .container{width:min(var(--container), calc(100% - 56px))!important;}
.cta-panel{
  width:100%!important;max-width:none!important;margin:0!important;min-height:285px!important;border-radius:44px!important;
  padding:50px 58px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:40px!important;align-items:center!important;
}
.cta-bg-text{font-size:190px!important;line-height:.72!important;bottom:-34px!important;left:34px!important;color:rgba(255,255,255,.04)!important;}
.cta-panel .section-kicker{margin-bottom:15px!important;}
.cta-panel h2{font-size:clamp(56px,4.8vw,86px)!important;line-height:.92!important;margin:0 0 18px!important;}
.cta-panel h2 span{display:block!important;}
.cta-panel p{font-size:15.5px!important;line-height:1.55!important;max-width:660px!important;}
.cta-actions{grid-column:2!important;grid-row:1 / span 3!important;align-self:center!important;justify-self:end!important;display:flex!important;gap:12px!important;}
.cta-panel .btn{min-height:46px!important;padding:0 22px!important;font-size:11px!important;}

/* 8. Dashboard: reduce fonts/icons, sharper premium control-panel look */
.admin-experience{padding:82px 0 92px!important;background:linear-gradient(135deg,#f5f8f0,#eef2eb)!important;}
.admin-wrap{width:min(var(--container), calc(100% - 56px))!important;grid-template-columns:.82fr 1.18fr!important;gap:56px!important;align-items:center!important;}
.admin-title{font-size:clamp(42px,4.1vw,72px)!important;line-height:.96!important;letter-spacing:-.065em!important;max-width:620px!important;}
.admin-copy{font-size:16px!important;line-height:1.6!important;max-width:620px!important;color:rgba(6,16,7,.66)!important;}
.admin-capabilities{grid-template-columns:repeat(3,1fr)!important;gap:13px!important;max-width:610px!important;}
.admin-capabilities div{min-height:116px!important;padding:17px!important;border-radius:18px!important;}
.admin-capabilities i{width:26px!important;height:26px!important;margin-bottom:14px!important;font-size:0!important;}
.admin-capabilities svg{width:24px!important;height:24px!important;stroke-width:1.75!important;}
.admin-capabilities b{font-size:20px!important;line-height:1!important;letter-spacing:-.055em!important;}
.admin-capabilities span{font-size:13px!important;line-height:1.35!important;}
.dashboard-scene{min-height:500px!important;}
.desktop-board{width:min(790px,100%)!important;height:470px!important;border-width:8px!important;border-radius:22px!important;}
.desktop-board aside{padding:22px 18px!important;gap:14px!important;}
.desktop-board aside img{width:108px!important;}
.desktop-board aside span{font-size:11.5px!important;font-weight:900!important;}
.desktop-board main{padding:22px!important;}
.desktop-board small{font-size:9.5px!important;letter-spacing:.08em!important;}
.desktop-board b{font-size:24px!important;}
.dash-bottom b{font-size:16px!important;}
.mobile-board{width:188px!important;height:370px!important;border-width:8px!important;border-radius:34px!important;right:-4px!important;}
.mobile-board>b{font-size:24px!important;line-height:.92!important;letter-spacing:-.06em!important;}
.mobile-metric b{font-size:18px!important;}.mobile-metric span{font-size:10.5px!important;}
.mobile-board svg{height:64px!important;display:block!important;margin-top:8px!important;overflow:visible!important;}

@media (max-width:1180px){
  .nav-inner,.cta .container,.admin-wrap{width:calc(100% - 42px)!important;}
  .hero-grid{grid-template-columns:1fr!important;min-height:auto!important;}
  .hero-visual{min-height:570px!important;}
  .hero-stage{height:570px!important;min-height:570px!important;}
  .section-head{grid-template-columns:1fr!important;gap:22px!important;}
  .three-line span{white-space:normal!important;}
  .admin-wrap{grid-template-columns:1fr!important;}
  .desktop-board{position:relative!important;right:auto!important;top:auto!important;transform:none!important;}
  .cta-panel{grid-template-columns:1fr!important;}.cta-actions{grid-column:1!important;grid-row:auto!important;justify-self:start!important;}
}
@media (max-width:760px){
  .hero-title{font-size:clamp(52px,14vw,76px)!important;}
  .hero-metrics{grid-template-columns:1fr!important;}
  .platform-wrap{bottom:130px!important;height:160px!important;left:0!important;right:0!important;}
  .shoe-layer{bottom:158px!important;height:248px!important;left:-5%!important;right:-5%!important;}
  .hero-shoe{max-height:270px!important;width:106%!important;}
  .feature-dot{display:none!important;}
  .hover-note{left:0!important;right:0!important;bottom:68px!important;justify-content:center!important;}
  .color-switcher{left:50%!important;right:auto!important;bottom:16px!important;transform:translateX(-50%)!important;}
  .color-dot{width:27px!important;height:27px!important;}
  .mega-title,.section-title{font-size:clamp(42px,11vw,58px)!important;line-height:.98!important;}
  .admin-capabilities{grid-template-columns:1fr!important;}
  .desktop-board{grid-template-columns:1fr!important;height:auto!important;}.desktop-board aside{display:none!important;}
  .mobile-board{position:relative!important;right:auto!important;bottom:auto!important;margin:20px auto 0!important;}
  .cta-panel{padding:34px 24px!important;border-radius:34px!important;min-height:260px!important;}
  .cta-bg-text{font-size:112px!important;bottom:-12px!important;}
}

/* =========================================================
   NAC MICRO FIX — 2026-06-29
   Locked pass: only requested minor corrections.
   ========================================================= */

/* Hero display stand: slightly larger, stronger product-stage presence */
.platform-wrap{
  left:-1.5%!important;
  right:-3%!important;
  bottom:78px!important;
  height:348px!important;
  z-index:2!important;
}
.platform{
  width:100%!important;
  height:100%!important;
  background:url('../images/base/shoe-podium.png') center bottom / contain no-repeat!important;
  filter:drop-shadow(0 38px 48px rgba(0,0,0,.52))!important;
}

/* Soft blend shadow between shoe and display stand */
.shoe-layer::after{
  content:"";
  position:absolute;
  left:16%;
  right:9%;
  bottom:4px;
  height:42px;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.42) 0%, rgba(0,0,0,.22) 42%, rgba(0,0,0,0) 74%);
  filter:blur(8px);
  opacity:.78;
}
.hero-shoe{
  z-index:2!important;
}
.shoe-layer{
  bottom:186px!important;
}

/* Hero note and swatches: add clear distance, no overlap */
.hover-note{
  left:19%!important;
  bottom:86px!important;
  z-index:13!important;
}
.color-switcher{
  right:12%!important;
  bottom:18px!important;
  z-index:20!important;
}

/* CTA: reduce section height and keep same content width */
.cta{
  padding:58px 0 66px!important;
}
.cta-panel{
  min-height:220px!important;
  padding:36px 50px!important;
  border-radius:38px!important;
}
.cta-panel .section-kicker{
  margin-bottom:10px!important;
}
.cta-panel h2{
  font-size:clamp(48px,4.35vw,74px)!important;
  line-height:.94!important;
  margin:0 0 14px!important;
}
.cta-panel p{
  font-size:14.5px!important;
  line-height:1.5!important;
  max-width:610px!important;
}
.cta-bg-text{
  font-size:150px!important;
  bottom:-28px!important;
}
.cta-panel .btn{
  min-height:42px!important;
  padding:0 20px!important;
  font-size:10.5px!important;
}

/* Dashboard polish: reduce font/icon scale and make section cleaner */
.admin-experience{
  padding:72px 0 82px!important;
}
.admin-title{
  font-size:clamp(38px,3.55vw,60px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  max-width:560px!important;
}
.admin-copy{
  font-size:14.5px!important;
  line-height:1.58!important;
  max-width:560px!important;
  margin:22px 0!important;
}
.admin-capabilities{
  max-width:560px!important;
  gap:12px!important;
}
.admin-capabilities div{
  min-height:104px!important;
  padding:15px!important;
  border-radius:16px!important;
}
.admin-capabilities i{
  width:23px!important;
  height:23px!important;
  margin-bottom:11px!important;
  border-radius:7px!important;
}
.admin-capabilities svg{
  width:18px!important;
  height:18px!important;
  stroke-width:1.65!important;
}
.admin-capabilities b{
  font-size:17px!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}
.admin-capabilities span{
  font-size:11.5px!important;
  line-height:1.32!important;
}
.dashboard-scene{
  min-height:455px!important;
}
.desktop-board{
  width:min(730px,100%)!important;
  height:425px!important;
  border-width:7px!important;
  border-radius:20px!important;
}
.desktop-board aside{
  padding:18px 16px!important;
  gap:12px!important;
}
.desktop-board aside img{
  width:100px!important;
}
.desktop-board aside span{
  font-size:10.5px!important;
}
.desktop-board main{
  padding:18px!important;
}
.dash-search{
  height:30px!important;
  padding:6px 14px!important;
  font-size:12px!important;
}
.dash-stat-grid,.dash-mid,.dash-bottom{
  gap:10px!important;
  margin-top:13px!important;
}
.dash-stat-grid div,.dash-mid div,.dash-bottom div{
  padding:12px!important;
  border-radius:13px!important;
}
.desktop-board small{
  font-size:8.5px!important;
  letter-spacing:.075em!important;
}
.desktop-board b{
  font-size:20px!important;
}
.dash-bottom b{
  font-size:14px!important;
}
.chart svg{
  height:58px!important;
}
.mobile-board{
  width:170px!important;
  height:335px!important;
  border-width:7px!important;
  border-radius:30px!important;
  padding:15px!important;
}
.mobile-board>b{
  font-size:20px!important;
  line-height:.95!important;
}
.phone-top img{
  width:70px!important;
}
.mobile-metric{
  padding:8px 0!important;
}
.mobile-metric span{
  font-size:9.5px!important;
}
.mobile-metric b{
  font-size:16px!important;
}
.mobile-board svg{
  height:52px!important;
  margin-top:6px!important;
}

@media (max-width:1180px){
  .platform-wrap{left:0!important;right:0!important;bottom:116px!important;height:220px!important;}
  .shoe-layer{bottom:168px!important;}
  .hover-note{left:0!important;right:0!important;bottom:78px!important;justify-content:center!important;}
  .color-switcher{left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important;}
}

@media (max-width:760px){
  .platform-wrap{height:150px!important;bottom:124px!important;}
  .shoe-layer{bottom:154px!important;}
  .hover-note{bottom:66px!important;}
  .color-switcher{bottom:16px!important;}
  .cta-panel{padding:30px 22px!important;min-height:230px!important;}
  .admin-title{font-size:clamp(38px,10vw,52px)!important;}
}

/* =========================================================
   NAC FINAL MICRO FIX — hover note only
   Strict lock: moved only the hero hover note away from podium.
   ========================================================= */
.hover-note{
  left:14%!important;
  bottom:92px!important;
}
@media (max-width:1180px){
  .hover-note{left:0!important;right:0!important;bottom:82px!important;justify-content:center!important;}
}
@media (max-width:760px){
  .hover-note{bottom:70px!important;}
}

/* =========================================================
   NAC FINAL NOTE POSITION FIX — 2026-06-29
   Strict lock: ONLY moved the hero hover safety note.
   Keeps it away from the display stand and away from swatches.
   ========================================================= */
.hero-stage .hover-note{
  left:4%!important;
  right:auto!important;
  bottom:44px!important;
  justify-content:flex-start!important;
  transform:none!important;
  max-width:380px!important;
}

@media (max-width:1180px){
  .hero-stage .hover-note{
    left:4%!important;
    right:auto!important;
    bottom:54px!important;
    justify-content:flex-start!important;
  }
}

@media (max-width:760px){
  .hero-stage .hover-note{
    left:0!important;
    right:0!important;
    bottom:68px!important;
    justify-content:center!important;
  }
}


/* SAFETY SYSTEM VIDEO VERSION — locked change only for #technology */
#technology.safety-system-video{padding-top:88px!important;padding-bottom:100px!important;}
#technology.safety-system-video .safety-system-wrap{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;}
#technology.safety-system-video .safety-intro{width:min(690px,100%)!important;margin-left:0!important;margin-right:auto!important;margin-bottom:10px!important;}
#technology.safety-system-video .section-kicker{margin-bottom:16px!important;}
#technology.safety-system-video .section-title{max-width:690px!important;font-size:clamp(56px,5.05vw,92px)!important;line-height:.94!important;letter-spacing:-.065em!important;margin:0 0 16px!important;}
#technology.safety-system-video .section-copy{max-width:690px!important;font-size:17px!important;line-height:1.65!important;align-self:auto!important;}
#technology.safety-system-video .safety-video-panel{position:relative!important;width:100%!important;border-radius:38px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;box-shadow:0 28px 80px rgba(0,0,0,.38)!important;}
#technology.safety-system-video .safety-video-panel:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 50% 0%,rgba(169,255,23,.16),transparent 38%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.18))!important;z-index:2!important;}
#technology.safety-system-video .safety-product-video{display:block!important;width:100%!important;aspect-ratio:21/8!important;height:auto!important;min-height:390px!important;max-height:520px!important;object-fit:cover!important;object-position:center center!important;border-radius:38px!important;background:#050706!important;}
#technology.safety-system-video .safety-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:0!important;}
#technology.safety-system-video .feature-card{display:flex!important;gap:18px!important;align-items:flex-start!important;min-height:235px!important;padding:26px!important;border-radius:28px!important;background:rgba(255,255,255,.045)!important;}
#technology.safety-system-video .feature-card i{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:15px!important;font-size:19px!important;}
#technology.safety-system-video .feature-card h3{font-size:clamp(28px,2.25vw,36px)!important;line-height:.92!important;margin-bottom:12px!important;}
#technology.safety-system-video .feature-card p{font-size:15.5px!important;line-height:1.55!important;margin-bottom:18px!important;}
#technology.safety-system-video .feature-card b{font-size:11px!important;letter-spacing:.14em!important;}
@media (max-width:980px){
  #technology.safety-system-video .safety-intro{margin-left:0!important;}
  #technology.safety-system-video .safety-product-video{aspect-ratio:16/9!important;min-height:0!important;max-height:none!important;}
  #technology.safety-system-video .safety-card-grid{grid-template-columns:1fr!important;}
  #technology.safety-system-video .feature-card{min-height:auto!important;}
}
@media (max-width:560px){
  #technology.safety-system-video{padding-top:72px!important;padding-bottom:76px!important;}
  #technology.safety-system-video .section-title{font-size:clamp(42px,11vw,58px)!important;}
  #technology.safety-system-video .safety-video-panel,#technology.safety-system-video .safety-product-video{border-radius:26px!important;}
  #technology.safety-system-video .feature-card{padding:20px!important;border-radius:22px!important;}
  #technology.safety-system-video .feature-card h3{font-size:28px!important;}
}