/* ============================================================
   DEALS TO GROW — Brand Guide V3 design system
   Light/beige industrial surfaces. Dark only for footer + accents.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400..700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;600&display=swap');

:root{
  /* Core palette (V3) */
  --black:#121214;
  --ink:#16161A;
  --beige:#F2EFE9;           /* primary page surface */
  --beige-deep:#EAE6DC;      /* alt panel surface */
  --beige-edge:#E2DDD1;      /* hairline on beige */
  --white:#FFFFFF;
  --orange:#FF4F1F;          /* brand orange — decorative use + text on dark surfaces only */
  /* A7 accessible orange ramp (WCAG-verified against #FFF/#F2EFE9/#EAE6DC):
     --orange-text    4.51:1+ on all light surfaces  -> body-size orange text
     --orange-btn     4.51:1 with white button text  -> solid orange fills behind white text
     --orange-display 3.01:1+ on beige surfaces      -> large display text (>=24px / >=19px bold)
     --orange-deep    5.41:1 with white              -> hover fills / small orange-deep text */
  --orange-text:#C62A00;
  --orange-btn:#E23000;
  --orange-display:#FA3600;
  --orange-deep:#CB2B00;     /* was #E5410F (4.12:1 w/ white — failed AA) */
  --steel:#676765;           /* was #8A8A87 (3.02:1 on beige — failed AA); 4.55:1+ on light surfaces */
  --steel-on-dark:#8A8A87;   /* original steel, for text on dark surfaces only (5.4:1 on black) */
  --steel-light:#B9B7B0;     /* decorative only (dots/rules) — never body text on light surfaces */
  --steel-panel:#E7E5DF;
  --green:#22C55E;
  --green-deep:#16A34A;

  /* Lines / borders */
  --line:#D8D3C7;
  --line-strong:#121214;
  --card-shadow:0 1px 0 rgba(18,18,20,.04), 0 18px 40px -28px rgba(18,18,20,.45);
  --card-shadow-lg:0 2px 0 rgba(18,18,20,.05), 0 40px 80px -40px rgba(18,18,20,.55);

  /* Type */
  --head:'Oswald', 'Arial Narrow', sans-serif;
  --body:'IBM Plex Sans', system-ui, sans-serif;

  --container:1240px;
  --gutter:40px;
  /* Squared, industrial edges site-wide — no rounded corners on buttons,
     cards, or image blocks. (edges.css enforces the same with !important.) */
  --radius:0px;

  /* ==========================================================
     STAGE-2 ELEVATION TOKENS (D1, 2026-06-11) — ADDITIVE ONLY.
     Spec: audit/DESIGN_SYSTEM.md. Consumed by v2.css + redesigned
     pages; legacy pages render identically without them.
     ========================================================== */

  /* -- Type: third voice (spec/data) + fluid modular scale.
        Ratio: Perfect Fourth (1.333) ladder at 1440px, compressing
        toward ~1.21 (minor third) at 390px via clamp(). */
  --mono:'IBM Plex Mono','Courier New',ui-monospace,monospace;
  --fs-mega:clamp(72px, calc(35.6px + 9.33vw), 170px);     /* oversized numerals / signature moments */
  --fs-display:clamp(44px, calc(25.1px + 4.86vw), 95px);   /* hero display, one per page max */
  --fs-h1:clamp(38px, calc(25.4px + 3.24vw), 72px);
  --fs-h2:clamp(30px, calc(21.1px + 2.29vw), 54px);
  --fs-stat:clamp(26px, calc(20.8px + 1.33vw), 40px);      /* stat numerals / sub-display */
  --fs-h3:clamp(21px, calc(17.7px + 0.86vw), 30px);
  --fs-lede:clamp(17.5px, calc(15.6px + 0.48vw), 22.5px);
  --fs-body:17px;
  --fs-small:14.5px;
  --fs-micro:12px;
  --lh-display:.94;
  --lh-tight:1.05;
  --lh-body:1.6;
  --ls-display:-.015em;
  --ls-label:.22em;
  --ls-wide:.16em;

  /* -- Color: missing accessible green + surface/text completions.
        --green-text: 6.6:1 on white, 5.8:1 on beige, 5.3:1 on beige-deep
        (fixes F0-decisions.md §4 — body-size "available/open" text). */
  --green-text:#0B6B30;
  --paper:#FBFAF7;            /* paper-white band surface — warmer than card white */
  --text-soft:#54544F;        /* card/secondary body (already used as raw hex site-wide) */
  --text-mute:#65655F;        /* captions/metadata on light surfaces (AA at 14px+) */
  --text-on-dark:#C9C9C6;     /* body text on black */
  --text-on-dark-soft:#9A988F;/* secondary text on black (5.0:1) */
  --line-on-dark:#2A2A2D;     /* hairline on black surfaces */

  /* -- Borders (sharpness is the brand: radius stays 0 everywhere) */
  --radius-sharp:0px;         /* codified alias — never override */
  --bw-hair:1px;
  --bw-brand:1.5px;           /* the signature line weight */
  --bw-heavy:2px;
  --bw-rule:3px;
  --bw-slab:6px;              /* section-divider slab rules */

  /* -- Spacing (4px base) + band rhythm */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;
  --band-y:clamp(64px, calc(46.9px + 4.38vw), 110px);
  --band-y-sm:clamp(44px, calc(33.6px + 2.67vw), 72px);

  /* -- Elevation (flat industrial: hairline + the two card shadows only) */
  --shadow-hairline:0 1px 0 rgba(18,18,20,.05);

  /* -- Motion */
  --t-fast:150ms;
  --t-base:240ms;
  --t-slow:400ms;
  --t-reveal:600ms;
  --ease-out:cubic-bezier(.22,.7,.2,1);     /* site signature exit-ease */
  --ease-gate:cubic-bezier(.7,0,.18,1);     /* hard machine-gate in/out */
  --ease-lift:cubic-bezier(.34,1.2,.4,1);   /* slight overshoot for hover lifts */
  --reveal-y:26px;
  --reveal-x:32px;
}

*{box-sizing:border-box;}
/* v2 full-bleed bands use 100vw; clip the root so the classic-scrollbar gutter
   never reads as horizontal page overflow (no scroll container is created). */
html{overflow-x:clip;}
html{scroll-behavior:smooth;}
::selection{background:var(--orange-btn);color:#fff;}
:focus-visible{outline:2.5px solid var(--orange-text);outline-offset:2px;}
a:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2.5px solid var(--orange-text);outline-offset:2px;}
section{scroll-margin-top:92px;}
[id]{scroll-margin-top:92px;}
body{
  margin:0;
  background:var(--beige);
  color:var(--ink);
  font-family:var(--body);
  font-size:17px;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* ---------- Typography ---------- */
h1,h2,h3,h4{
  font-family:var(--head);
  font-weight:700;
  text-transform:uppercase;
  line-height:.98;
  letter-spacing:-.01em;
  margin:0;
  text-wrap:balance;
}
h1{font-size:clamp(44px,6vw,78px);}
h2{font-size:clamp(34px,4.4vw,56px);}
h3{font-size:clamp(22px,2.4vw,30px);}
.head-2{font-family:var(--head);text-transform:uppercase;font-weight:700;}
.accent{color:var(--orange-display);}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}

/* Technical spec label */
.label{
  font-family:var(--head);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  color:var(--orange-text);
  display:inline-flex;
  align-items:center;
  gap:.55em;
}
.label::before{
  content:"";
  width:18px;height:2px;background:var(--orange-text);display:inline-block;
}
.label.no-rule::before{display:none;}
.label.steel{color:var(--steel);}
.label.steel::before{background:var(--steel);}

/* small mono-ish tag */
.tag{
  font-family:var(--head);font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;font-size:11px;
  border:1.5px solid var(--black);border-radius:0;
  padding:5px 9px;display:inline-block;line-height:1;color:var(--black);
}
.tag.orange{background:var(--orange-btn);border-color:var(--orange-btn);color:#fff;}
.tag.solid{background:var(--black);color:#fff;}

/* ---------- Layout ---------- */
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
.container-tight{max-width:1080px;margin:0 auto;padding:0 var(--gutter);}
section{padding:90px 0;}
.section-sm{padding:60px 0;}
.surface-beige{background:var(--beige);}
.surface-beige-deep{background:var(--beige-deep);}
.surface-white{background:var(--white);}
.section-head{max-width:680px;margin-bottom:56px;}
.section-head p{color:#4a4a48;font-size:18px;margin-top:18px;}

/* divider rule */
.rule{height:3px;background:var(--orange);width:60px;border:0;margin:0;}
.hr{height:1px;background:var(--line);border:0;width:100%;}

/* ---------- Buttons (sharp industrial) ---------- */
.btn{
  font-family:var(--head);font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;font-size:15px;
  display:inline-flex;align-items:center;gap:.6em;
  padding:15px 24px;border-radius:var(--radius);
  border:2px solid var(--black);cursor:pointer;line-height:1;
  transition:transform .12s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.btn .arw{transition:transform .15s ease;}
.btn:hover .arw{transform:translateX(3px);}
.btn-primary{background:var(--orange-btn);border-color:var(--orange-btn);color:#fff;
  box-shadow:0 2px 0 var(--orange-deep);}
.btn-primary:hover{background:var(--orange-deep);box-shadow:0 4px 0 #b9340b;transform:translateY(-1px);}
.btn:active{transform:translateY(1px);}
.btn-dark{background:var(--black);color:#fff;}
.btn-dark:hover{background:#000;transform:translateY(-1px);}
.btn-outline{background:transparent;color:var(--black);}
.btn-outline:hover{background:var(--black);color:#fff;}
.btn-sm{padding:11px 16px;font-size:13px;}
.btn-block{width:100%;justify-content:center;}

/* ---------- Industrial card / spec sheet ---------- */
.card{
  background:var(--white);
  border:1.5px solid var(--black);
  border-radius:var(--radius);
  box-shadow:var(--card-shadow);
}
.card-soft{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--card-shadow);
}
.spec-corner{position:relative;}
.spec-corner::before,.spec-corner::after{
  content:"";position:absolute;width:9px;height:9px;border:2px solid var(--black);
}
.spec-corner::before{top:8px;left:8px;border-right:0;border-bottom:0;}
.spec-corner::after{bottom:8px;right:8px;border-left:0;border-top:0;}

/* screws used on badges + panels */
.screw{width:5px;height:5px;border-radius:50%;background:var(--black);position:absolute;}

/* ---------- DTG logo (real artwork) ---------- */
.dtg-logo-link{display:inline-flex;align-items:center;flex:none;line-height:0;}
.dtg-logo-h{height:46px;width:auto;display:block;}
.dtg-logo-badge{height:104px;width:auto;display:block;}
@media(max-width:680px){.dtg-logo-h{height:38px;}}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(242,239,233,.86);
  backdrop-filter:blur(12px);
  border-bottom:1.5px solid var(--black);
  transition:box-shadow .2s ease;
}
.site-header.scrolled{box-shadow:0 10px 28px -18px rgba(18,18,20,.5);}
.site-header .bar{
  display:flex;align-items:center;gap:32px;
  height:74px;
}
.site-header .nav{
  display:flex;align-items:center;gap:24px;margin-left:18px;
}
.site-header .nav a{
  font-family:var(--head);font-weight:500;text-transform:uppercase;
  letter-spacing:.06em;font-size:13px;color:var(--ink);position:relative;
  padding:4px 0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
}
.site-header .nav a:hover{color:var(--orange-text);}
.site-header .nav a.active{color:var(--black);}
.site-header .nav a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:var(--orange-display);
}
/* Resources dropdown */
.site-header .nav .has-drop{position:relative;display:inline-flex;align-items:center;padding-bottom:26px;margin-bottom:-26px;}
.site-header .nav .nav-drop{
  position:absolute;top:100%;left:-16px;min-width:236px;background:var(--white);
  border:1.5px solid var(--black);box-shadow:var(--card-shadow-lg);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;z-index:70;
}
.site-header .nav .has-drop:hover .nav-drop,.site-header .nav .has-drop:focus-within .nav-drop{opacity:1;visibility:visible;transform:translateY(0);}
.site-header .nav .nav-drop a{
  display:block;padding:10px 12px;font-family:var(--head);text-transform:uppercase;
  letter-spacing:.06em;font-size:13px;color:var(--ink);border-bottom:1px solid var(--line);
}
.site-header .nav .nav-drop a:last-child{border-bottom:0;}
.site-header .nav .nav-drop a:hover{background:var(--beige);color:var(--orange-text);}
.site-header .nav .nav-drop a::after{display:none;}
.header-cta{margin-left:auto;display:flex;align-items:center;gap:12px;}
.caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-top:-3px;display:inline-block;}
.menu-toggle{display:none;width:48px;height:44px;padding:0;align-items:center;justify-content:center;}
.menu-toggle .bars,.menu-toggle .bars::before,.menu-toggle .bars::after{display:block;width:20px;height:2.5px;background:currentColor;}
.menu-toggle .bars{position:relative;}
.menu-toggle .bars::before,.menu-toggle .bars::after{content:"";position:absolute;left:0;}
.menu-toggle .bars::before{top:-6px;}
.menu-toggle .bars::after{top:6px;}
.mobile-nav{display:none;flex-direction:column;border-top:1.5px solid var(--black);background:var(--beige);max-height:calc(100vh - 74px);overflow-y:auto;}
.mobile-nav.open{display:flex;}
.mobile-nav a{font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-size:16px;
  padding:16px var(--gutter);border-bottom:1px solid var(--line);}
.mobile-nav a:hover{color:var(--orange-text);background:var(--white);}
.mobile-nav .m-actions{display:flex;flex-direction:column;gap:10px;padding:18px var(--gutter) 22px;border-bottom:0;}
.mobile-nav .m-actions .btn{width:100%;justify-content:center;padding:16px;font-size:15px;}

/* sticky mobile conversion bar */
.m-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;display:none;gap:10px;padding:10px 14px;
  background:rgba(18,18,20,.97);backdrop-filter:blur(8px);border-top:2px solid var(--orange);}
.m-cta .btn{flex:1;justify-content:center;padding:14px 8px;font-size:13px;letter-spacing:.04em;}
.m-cta .btn-outline{color:#fff;border-color:#fff;}
.m-cta .btn-outline:hover{background:#fff;color:var(--black);}

/* horizontal-scroll wrapper for wide tables on small screens */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media(max-width:600px){
  .table-scroll .vs-table{min-width:560px;}
}

/* ---------- Footer (the only dark section) ---------- */
.site-footer{background:var(--black);color:#C9C9C6;}
/* footer CTA band — buttons to key pages */
.site-footer .foot-cta{border-bottom:1px solid #2a2a2d;}
.site-footer .foot-cta .container{display:flex;align-items:center;justify-content:space-between;
  gap:28px;flex-wrap:wrap;padding-top:32px;padding-bottom:32px;}
.site-footer .foot-cta .fc-head .label{color:var(--orange);}
.site-footer .foot-cta .fc-head h3{color:#fff;margin-top:10px;font-size:clamp(22px,2.4vw,30px);}
.site-footer .foot-cta .fc-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-ghost{background:transparent;color:#fff;border-color:#3a3a3d;}
.btn-ghost:hover{background:#fff;color:var(--black);border-color:#fff;}
@media(max-width:680px){
  .site-footer .foot-cta .container{flex-direction:column;align-items:flex-start;gap:18px;}
  .site-footer .foot-cta .fc-btns{width:100%;}
  .site-footer .foot-cta .fc-btns .btn{flex:1 1 auto;justify-content:center;}
}
.site-footer .top{padding:78px 0 56px;}
.site-footer .grid{
  display:grid;grid-template-columns:1.6fr 1.1fr 1fr 1fr 1.1fr;gap:40px;
}
.site-footer .blurb{font-size:14.5px;color:#8f8f8c;margin-top:20px;max-width:260px;}
.site-footer .col h4{font-family:var(--head);font-size:12px;letter-spacing:.2em;color:var(--steel-on-dark);
  text-transform:uppercase;margin-bottom:18px;font-weight:600;}
.site-footer .col a{display:block;font-size:14.5px;color:#C9C9C6;padding:6px 0;}
.site-footer .col a:hover{color:var(--orange);}
.site-footer .contact a{color:var(--orange);}
.site-footer .socials{display:flex;gap:12px;margin-top:22px;}
.site-footer .socials a{
  width:36px;height:36px;border:1.5px solid #3a3a3d;border-radius:0;
  display:flex;align-items:center;justify-content:center;color:#C9C9C6;
}
.site-footer .socials a:hover{border-color:var(--orange);color:var(--orange);}
.site-footer .bottom{
  border-top:1px solid #2a2a2d;padding:22px 0;
  display:flex;align-items:center;justify-content:space-between;
  font-size:13.5px;color:#7c7c79;
}
.site-footer .bottom .links{display:flex;gap:26px;flex-wrap:wrap;align-items:center;}
/* WCAG 2.5.8: give the legal links a >=24px tap target without changing the visual design */
.site-footer .bottom .links a{display:inline-flex;align-items:center;min-height:36px;padding:4px 0;}
.site-footer .bottom a:hover{color:#fff;}

/* ---------- image slot styling (visible placeholder panels) ---------- */
image-slot{
  background:
    repeating-linear-gradient(135deg,rgba(18,18,20,.035) 0 12px,transparent 12px 24px),
    var(--steel-panel);
  border:1.5px solid var(--line);
  color:#6b6b66;
}
/* once a real image is dropped/loaded, drop the hatch. Images are sized with
   per-image aspect-ratio + fit=cover so they fill edge-to-edge; keep the matte
   transparent so any sub-pixel sliver blends with the surface instead of
   showing a hard black bar */
image-slot[data-filled]{
  background:transparent !important;
}

/* ---------- helpers ---------- */
.muted{color:#5a5a57;}
.eyebrow-num{font-family:var(--head);font-weight:700;color:var(--orange-display);font-size:34px;line-height:1;}
.check{color:var(--green);}
.cross{color:var(--steel);}
.flex{display:flex;}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;}

/* responsive */
@media(max-width:1080px){
  .site-header .nav{display:none;}
  .menu-toggle{display:inline-flex;}
  .site-footer .grid{grid-template-columns:1fr 1fr;gap:30px 34px;}
  .site-footer .col.brand{grid-column:1 / -1;}
}
@media(max-width:820px){
  body{padding-bottom:70px;}            /* room for sticky CTA bar */
  .m-cta{display:flex;}
}
@media(max-width:680px){
  section{padding:78px 0;}
  :root{--gutter:20px;}
  .site-header .bar{height:64px;}
  .header-cta .btn:not(.menu-toggle){display:none;}
  .dtg-logo-h{height:34px;}
  .site-footer .grid{grid-template-columns:1fr 1fr;}
  .site-footer .top{padding:56px 0 40px;}
  .site-footer .bottom{flex-direction:column;gap:12px;align-items:flex-start;}
  .site-footer .bottom .container{flex-direction:column;gap:12px;align-items:flex-start!important;}
}
@media(max-width:480px){
  section{padding:60px 0;}
  .site-footer .grid{grid-template-columns:1fr;}
}

/* ---------- Megamenu ---------- */
.site-header .nav .has-mega{position:relative;}
.mega-drop{
  position:absolute;top:calc(100% + 8px);left:50%;
  transform:translateX(-50%) translateY(-6px);
  background:var(--beige);border:1.5px solid var(--black);border-top:3px solid var(--orange);
  box-shadow:0 12px 40px rgba(18,18,20,.18);
  padding:24px 28px 20px;z-index:80;
  opacity:0;visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  min-width:540px;
}
.mega-drop.trades-mega{min-width:540px;}
.mega-inner.trades-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px 14px;
}
.mega-tile{
  display:flex;
  align-items:center;
  gap:13px;
  padding:8px 12px 8px 8px;
  border:1.5px solid transparent;
  border-radius:0;
  text-decoration:none;
  position:relative;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.mega-tile:hover{background:var(--white);border-color:var(--black);box-shadow:0 4px 14px rgba(18,18,20,.10);}
.mega-tile:hover .mt-label{color:var(--orange-text);}
.mega-tile::after{
  content:"\203A";margin-left:auto;padding-left:6px;
  font-family:var(--head);font-size:19px;line-height:1;color:var(--orange);
  opacity:0;transform:translateX(-5px);
  transition:opacity .14s ease,transform .14s ease;
}
.mega-tile:hover::after{opacity:1;transform:translateX(0);}
.mt-img{
  width:60px;
  height:60px;
  object-fit:cover;
  border-radius:0;
  border:1.5px solid var(--black);
  flex:none;
  transition:border-color .14s ease;
}
.mega-tile:hover .mt-img{border-color:var(--orange);}
.mt-label{
  font-family:var(--head);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.05em;
  color:var(--ink);
  line-height:1.2;
  transition:color .12s ease;
}
.site-header .nav .has-mega:hover .mega-drop,
.site-header .nav .has-mega:focus-within .mega-drop{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.mega-inner{display:grid;gap:0;}
.mega-inner.two-col{grid-template-columns:1fr 1fr;gap:8px;}
.mega-inner.three-col{grid-template-columns:1fr 1fr 1fr;gap:22px;}
/* How It Works: stacked rows — image thumb + title + one-line description */
.mega-drop.how-mega{min-width:440px;}
.mega-inner.how-list{grid-template-columns:1fr;gap:6px;}
.mega-tile.how-tile{padding:10px 14px 10px 10px;gap:15px;}
.mega-tile.how-tile .mt-img{width:86px;height:58px;}
.how-tile .ht-txt{display:flex;flex-direction:column;gap:4px;min-width:0;}
.how-tile .mt-label{font-size:13px;letter-spacing:.06em;}
.how-tile .ht-desc{font-family:var(--body);font-size:12.5px;color:var(--steel);line-height:1.4;}
/* Resources: three columns (Tools / Learn / Services) */
.mega-drop.resources-mega{min-width:690px;}
.mega-inner.three-col .mega-col + .mega-col{border-left:1px solid var(--line);padding-left:22px;}
.mega-col h5{
  font-family:var(--head);text-transform:uppercase;font-size:10px;letter-spacing:.18em;
  color:var(--steel);font-weight:700;margin:0 0 10px;padding-bottom:8px;
  border-bottom:1px solid var(--line);
}
.site-header .nav .mega-item{
  display:flex;align-items:center;gap:10px;
  padding:9px 11px;
  font-family:var(--head);text-transform:uppercase;font-size:12px;letter-spacing:.04em;
  color:var(--ink);border-radius:0;text-decoration:none;line-height:1.25;white-space:nowrap;
  transition:background .14s ease,color .14s ease;
}
.site-header .nav .mega-item::before{
  content:"";width:5px;height:5px;border-radius:50%;background:var(--line);flex:none;
  transition:background .14s ease,transform .14s ease;
}
.site-header .nav .mega-item:hover{background:var(--white);color:var(--orange-text);}
.site-header .nav .mega-item:hover::before{background:var(--orange);transform:scale(1.5);}
.mega-item::after{display:none !important;}
.mega-footer{
  margin-top:16px;padding-top:12px;border-top:1px solid var(--line);text-align:center;
}
.mega-footer a{
  font-family:var(--head);text-transform:uppercase;font-size:11px;letter-spacing:.1em;
  color:var(--orange-text);font-weight:700;text-decoration:none;
}
.mega-footer a::after{display:none !important;}
/* Mobile sub-links under Trades */
.mobile-nav .m-sub{
  display:flex;flex-direction:column;padding:0 0 8px 20px;border-left:2px solid var(--orange);
  margin:0 24px 12px;
}
.mobile-nav .m-sub a{
  padding:7px 0;font-size:12px;letter-spacing:.08em;color:#4a4a46;border-bottom:0;
}
.mobile-nav .m-sub a:hover{color:var(--orange-text);}