/* ============================================================
   VIDEO SHORTS — dark build
   Brand orange #F06621 measures 6.06:1 on this background, so it
   carries fills and large type. Small labels use the #FB9A5C tint
   (9.03:1) to hold the same brightness the reference amber had.
   Chroma-key green #2BD07A is the second accent: green = the plate,
   orange = the finished frame.
   Display face is HelveticaRounded-BoldCond, the logo font.
   ============================================================ */
@font-face{
  font-family:'VS Rounded';
  src:url(../fonts/vs-rounded.woff2) format('woff2');
  font-weight:400 900;font-style:normal;font-display:swap;
}
:root{
  --bg:#0B0F15;
  --bg-2:#10161E;
  --panel:#151D27;
  --panel-2:#1B2531;
  --line:#26303B;
  --line-2:#324150;
  --text:#EEF2F7;
  --muted:#AEBECD;
  --dim:#8496A7;

  --or:#F06621;
  --or-lt:#F47321;
  --or-tint:#F06621;   /* matched to the headline orange */
  --or-pale:#F47321;
  --or-dk:#C24A11;

  --gr:#2BD07A;
  --gr-dk:#00B140;

  --disp:'VS Rounded','Arial Narrow',system-ui,sans-serif;
  --body:'Instrument Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  --pad:clamp(1.1rem,4vw,4rem);
  --maxw:1240px;
}
*{box-sizing:border-box}
section[id],main[id]{scroll-margin-top:104px}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);
  font-size:1.06rem;font-weight:500;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;margin:0;line-height:1.02}
p{margin:0}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.sec{padding:clamp(3.25rem,7vw,6rem) 0}

/* mono kicker */
.kick{font-family:var(--mono);font-weight:700;font-size:1rem;letter-spacing:0.19em;
  text-transform:uppercase;color:var(--or-tint);display:flex;align-items:center;gap:0.6rem;margin:0 0 1.1rem}
.kick::before{content:"";width:32px;height:3px;background:var(--or);flex:none}
.kick--gr{color:var(--gr)}
.kick--gr::before{background:var(--gr)}

.h2{font-size:clamp(2.1rem,4.4vw,3.5rem);letter-spacing:-0.005em}
.h2 em{font-style:normal;color:var(--or-tint)}
.gap{display:inline-block;width:0.42em}
.lede{color:var(--muted);max-width:58ch;margin-top:0.9rem;font-size:1.08rem}
.lede strong{color:var(--text);font-weight:700}
.sec__head{margin-bottom:clamp(2rem,4vw,3rem)}

.btn{display:inline-flex;align-items:center;gap:0.55rem;font-family:var(--disp);font-weight:700;
  font-size:1.3rem;padding:1.02rem 1.95rem;border-radius:9px;border:2px solid var(--or);
  white-space:nowrap;line-height:1.1;
  background:var(--or);color:#fff;text-decoration:none;cursor:pointer;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease}
.btn:hover{background:var(--or-lt);border-color:var(--or-lt);transform:translateY(-2px);
  box-shadow:0 12px 30px -12px rgba(240,102,33,.75)}
.btn--ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
.btn--ghost:hover{background:transparent;border-color:var(--or-tint);color:var(--or-tint);box-shadow:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--or-tint);outline-offset:3px}

/* ribbon */
.ribbon{background:linear-gradient(90deg,var(--or-dk),var(--or) 55%,var(--or-lt));
  color:#fff;font-family:var(--mono);font-weight:700;font-size:0.86rem;letter-spacing:0.16em;
  text-transform:uppercase;text-align:center;padding:0.5rem 1rem}

/* nav */
.nav{position:sticky;top:0;z-index:70;background:rgba(11,15,21,.88);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:88px}
.logo{display:block;height:52px;width:auto;border-radius:5px;flex:none}
.nav__in>a:first-child{flex:none;display:block}
.nav__links{display:flex;gap:1.35rem;align-items:center;flex:0 1 auto;min-width:0}
.nav__links a{font-family:var(--mono);font-weight:700;font-size:0.85rem;letter-spacing:0.09em;
  text-transform:uppercase;color:var(--muted);text-decoration:none;white-space:nowrap;
  transition:color .15s ease}
.nav__links a:hover{color:var(--or-tint)}
.nav__r{display:flex;align-items:center;gap:1rem}
.tel{font-family:var(--disp);font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none;white-space:nowrap}
.tel:hover{color:var(--or-tint)}
.nav .btn{padding:0.7rem 1.35rem;font-size:1.12rem}

/* hero */
.hero{padding:clamp(2.5rem,5.5vw,4.5rem) 0 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-30%;right:-10%;width:65%;height:120%;
  background:radial-gradient(ellipse at center,rgba(240,102,33,.17),transparent 62%);
  pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,0.82fr);
  gap:clamp(1.75rem,4vw,3.5rem);align-items:center}
.hero h1{font-size:clamp(1.85rem,3.4vw,2.75rem);line-height:1.02;margin-bottom:1.2rem}
.hero h1 .l1{color:#6D7C8C}
.hero h1 .hrule{display:block;width:100%;height:2px;background:var(--line-2);
  margin:0.45rem 0 0.5rem;border-radius:2px}
.mdot{display:inline-block;width:0.17em;height:0.17em;border-radius:50%;
  background:currentColor;vertical-align:0.26em;margin:0 0.1em}
.hero h1 .l2{color:var(--text)}
.hero h1 .l3{color:var(--or)}
.hero h1 em{font-style:normal;color:var(--or)}
.hero__cta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.6rem}
.claim{font-family:var(--disp);font-weight:700;font-size:clamp(1.15rem,2.3vw,1.72rem);
  color:var(--or);margin-top:1.15rem;line-height:1.2;letter-spacing:0.01em}
.seeing{font-size:clamp(1.75rem,3.4vw,2.5rem);margin-bottom:0.9rem}

/* video card */
.vid{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;font:inherit;
  border:2px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--panel);
  cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.vid:hover{transform:translateY(-3px);border-color:var(--or);
  box-shadow:0 24px 50px -22px rgba(240,102,33,.55)}
.vid__poster{position:absolute;inset:0;background-size:cover;background-position:center}
.vid--demo .vid__poster{background-image:url(../img/vs-after.jpg)}
.vid__poster::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,15,21,.1) 40%,rgba(11,15,21,.88) 100%)}
.vid__play{position:absolute;top:calc(50% - 14px);left:50%;transform:translate(-50%,-50%);
  width:82px;height:82px;border-radius:50%;background:var(--or);
  box-shadow:0 0 0 10px rgba(240,102,33,.25);transition:transform .18s ease,background .18s ease}
.vid__play::after{content:"";position:absolute;top:50%;left:calc(50% + 5px);transform:translate(-50%,-50%);
  border-left:28px solid #fff;border-top:18px solid transparent;border-bottom:18px solid transparent}
.vid:hover .vid__play{background:var(--or-lt);transform:translate(-50%,-50%) scale(1.09)}
.vid__dur{position:absolute;top:0.85rem;right:0.85rem;font-family:var(--mono);font-weight:700;
  font-size:0.88rem;letter-spacing:0.08em;color:#fff;background:rgba(11,15,21,.8);
  border:1px solid var(--line-2);border-radius:5px;padding:0.22rem 0.55rem}
.vid__cap{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.15rem;text-align:left;
  font-family:var(--disp);font-weight:700;font-size:1.14rem;color:#fff}

/* pipeline panel */
.pipe{margin-top:clamp(2.25rem,4.5vw,3.25rem);border:1px solid var(--line);border-radius:12px;
  background:var(--panel);overflow:hidden}
.pipe__top{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;justify-content:space-between;
  padding:0.85rem 1.15rem;border-bottom:1px solid var(--line);background:var(--bg-2)}
.pipe__ttl{font-family:var(--mono);font-weight:700;font-size:0.86rem;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--muted)}
.pipe__ttl b{color:var(--or-tint)}
.pipe__ok{display:flex;align-items:center;gap:0.45rem;font-family:var(--mono);font-weight:700;
  font-size:0.8rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gr)}
.pipe__ok i{width:8px;height:8px;border-radius:50%;background:var(--gr);
  box-shadow:0 0 0 4px rgba(43,208,122,.2);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.pipe__row{display:grid;grid-template-columns:repeat(4,1fr)}
.node{padding:1.35rem 1.15rem;border-left:1px solid var(--line);position:relative}
.node:first-child{border-left:0}
.node b{display:block;font-family:var(--disp);font-weight:700;font-size:1.3rem;color:var(--text)}
.node span{display:block;font-family:var(--mono);font-weight:700;font-size:0.83rem;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--dim);margin-top:0.25rem}
.node::after{content:"";position:absolute;top:50%;right:-7px;width:12px;height:12px;
  border-top:2px solid var(--or);border-right:2px solid var(--or);transform:translateY(-50%) rotate(45deg);z-index:2}
.node:last-child::after{display:none}
.node--gr b{color:var(--gr)}
.node--or b{color:var(--or-tint)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);background:var(--bg-2);
  max-width:var(--maxw);margin-left:auto;margin-right:auto}
.stat{padding:1.15rem 0.9rem;border-left:1px solid var(--line);text-align:center}
.stat:first-child{border-left:0}
.stat b{display:block;font-family:var(--disp);font-weight:700;
  font-size:clamp(1.7rem,3vw,2.4rem);color:var(--or);line-height:1}
.stat span{display:block;font-family:var(--mono);font-weight:700;font-size:0.78rem;
  letter-spacing:0.07em;text-transform:uppercase;color:#DCE5EC;margin-top:0.2rem;line-height:1.3}

/* marquee */
.mq{border-bottom:1px solid var(--line);background:var(--bg);padding:1.1rem 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.mq__t{display:flex;width:max-content;animation:slide 34s linear infinite}
.mq:hover .mq__t{animation-play-state:paused}
.mq__t span{font-family:var(--disp);font-weight:700;font-size:1.22rem;color:var(--muted);
  padding:0 1.5rem;white-space:nowrap;display:inline-flex;align-items:center;gap:0.75rem}
.mq__t span::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--or);opacity:.7}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* generic panel + pillar cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:clamp(1.4rem,2.5vw,1.95rem);display:flex;flex-direction:column;gap:0.85rem;
  transition:border-color .18s ease,transform .18s ease}
.card:hover{border-color:var(--line-2);transform:translateY(-3px)}
.card__n{font-family:var(--mono);font-weight:700;font-size:0.83rem;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--or-tint)}
.card h3{font-size:1.5rem}
.card p{color:var(--muted);font-size:0.99rem}
.card ul{list-style:none;margin:auto 0 0;padding:0.95rem 0 0;border-top:1px solid var(--line);display:grid;gap:0.4rem}
.card li{font-family:var(--mono);font-weight:700;font-size:0.87rem;letter-spacing:0.02em;
  color:var(--muted);display:grid;grid-template-columns:auto 1fr;gap:0.55rem}
.card li::before{content:"\2192";color:var(--or);font-weight:700}

/* formula / process rows */
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:96px minmax(0,0.85fr) minmax(0,1.75fr);
  gap:clamp(0.9rem,3vw,2.5rem);padding:1.55rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.row__n{font-family:var(--mono);font-weight:700;font-size:0.9rem;letter-spacing:0.09em;
  color:var(--or);white-space:nowrap}
.row h3{font-size:1.42rem}
.row p{color:var(--muted);font-size:1rem}
.row__meta{font-family:var(--mono);font-weight:700;font-size:0.87rem;color:var(--dim);margin-top:0.5rem}
.row__meta b{color:var(--gr);font-weight:700}

/* before / after wipe */
.ba{position:relative;--pos:50%;border:2px solid var(--line-2);border-radius:12px;
  overflow:hidden;background:var(--panel);line-height:0}
.ba img{display:block;width:100%;height:auto}
.ba__clip{position:absolute;top:0;left:0;bottom:0;width:var(--pos);overflow:hidden}
.ba__clip img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none}
.ba__line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.ba__grip{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;background:var(--or);border:3px solid #fff;
  box-shadow:0 8px 24px -6px rgba(0,0,0,.75);pointer-events:none;transition:box-shadow .15s ease}
.ba__grip::before,.ba__grip::after{content:"";position:absolute;top:50%;
  border-top:7px solid transparent;border-bottom:7px solid transparent}
.ba__grip::before{left:9px;transform:translateY(-50%);border-right:9px solid #fff}
.ba__grip::after{right:9px;transform:translateY(-50%);border-left:9px solid #fff}
.ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;
  -webkit-appearance:none;appearance:none;background:transparent}
.ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:100%}
.ba__range::-moz-range-thumb{width:60px;height:100%;border:0;opacity:0}
.ba__range:focus-visible ~ .ba__grip{box-shadow:0 0 0 6px var(--or-pale)}
.ba__tag{position:absolute;bottom:0.9rem;font-family:var(--mono);font-weight:700;font-size:0.84rem;
  letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:rgba(11,15,21,.85);
  border:1px solid var(--line-2);border-radius:5px;padding:0.3rem 0.6rem;pointer-events:none;line-height:1.4}
.ba__tag--l{left:0.9rem;border-color:var(--gr);color:var(--gr)}
.ba__tag--r{right:0.9rem;border-color:var(--or);color:var(--or-tint)}

.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(1.75rem,4vw,3.25rem);align-items:start}
.stack-col{display:grid;gap:1.1rem}
.win{margin:0;border:2px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--panel)}
.win__bar{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 0.85rem;background:var(--bg-2);
  border-bottom:1px solid var(--line);font-family:var(--mono);font-weight:700;font-size:0.78rem;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}
.win__dots{display:inline-flex;gap:5px;flex:none}
.win__dots::before,.win__dots::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.win .ba{border:0;border-radius:0}
.vid--mm .vid__poster{background-image:url(../img/vs-minimercial-poster.jpg)}
.vid--fit .vid__poster{background-image:url(../img/vs-home-fitness-poster.jpg)}
.vid--pow .vid__poster{background-image:url(../img/vs-power-tools-poster.jpg)}
.stack{font-family:var(--mono);font-weight:700;font-size:0.9rem;color:var(--dim);
  border-top:1px solid var(--line);padding-top:1rem;margin-top:1.3rem}
.stack b{color:var(--gr);font-weight:700}

/* cutdown ladder */
.cut{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.cut__head{display:flex;flex-wrap:wrap;gap:0.85rem;align-items:center;justify-content:space-between;
  padding:0.9rem 1.15rem;background:var(--bg-2);border-bottom:1px solid var(--line)}
.cut__ttl{font-family:var(--mono);font-weight:700;font-size:0.86rem;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--muted)}
.tabs{display:flex;gap:5px}
.tab{font-family:var(--mono);font-weight:700;font-size:0.85rem;letter-spacing:0.11em;text-transform:uppercase;
  padding:0.48rem 1rem;background:transparent;border:1px solid var(--line-2);border-radius:6px;
  color:var(--muted);cursor:pointer;transition:all .15s ease}
.tab:hover{color:var(--text);border-color:var(--or-tint)}
.tab[aria-selected="true"]{background:var(--or);border-color:var(--or);color:#fff}
.ladder{padding:1.2rem 1.15rem 0.4rem;display:grid;gap:0.42rem}
.lane{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0.8rem;align-items:center}
.lane__t{font-family:var(--mono);font-weight:700;font-size:0.95rem;color:var(--muted);text-align:right}
.lane__bar{position:relative;height:29px;background:var(--bg-2);border-radius:6px;overflow:hidden}
.lane__fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;
  background:linear-gradient(90deg,var(--or-dk),var(--or-lt));animation:grow .8s cubic-bezier(.2,.75,.3,1) forwards}
.lane--hero .lane__fill{background:linear-gradient(90deg,var(--gr-dk),var(--gr))}
.lane--hero .lane__t{color:var(--gr)}
.lane__lbl{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;padding:0 0.68rem;
  font-family:var(--body);font-weight:700;font-size:0.86rem;color:#fff;white-space:nowrap;
  opacity:0;animation:fade .35s ease .45s forwards}
.lane--hero .lane__lbl{color:#04240F}
.lane--qty .lane__fill{background:linear-gradient(90deg,#3A4757,#4A5A6C)}
.lane--qty .lane__lbl{color:#E3EAF1;font-weight:700}
.lane--qty .lane__t{color:var(--dim)}
.lane__lbl--out{color:var(--muted);left:auto;padding-left:0.6rem}
@keyframes grow{to{width:var(--w)}}
@keyframes fade{to{opacity:1}}
.cut__foot{border-top:1px solid var(--line);margin-top:0.85rem;padding:0.95rem 1.15rem;
  display:flex;flex-wrap:wrap;gap:0.6rem 1.5rem;justify-content:space-between;align-items:center;background:var(--bg-2)}
.chips{display:flex;flex-wrap:wrap;gap:0.4rem}
.chip{font-family:var(--mono);font-weight:700;font-size:0.81rem;letter-spacing:0.05em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line-2);border-radius:5px;padding:0.3rem 0.62rem}
.cut__price{font-family:var(--disp);font-weight:700;font-size:1.75rem;color:var(--or-tint);white-space:nowrap}
.cut__price span{font-family:var(--mono);font-weight:700;font-size:0.81rem;letter-spacing:0.13em;
  text-transform:uppercase;color:var(--dim);margin-right:0.5rem}

/* minimercial definition */
.defn{border:1px solid var(--line);border-left:5px solid var(--or);border-radius:10px;
  background:var(--panel);padding:1.15rem 1.3rem;margin:1.25rem 0}
.defn__w{font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--text)}
.defn__w span{font-family:var(--body);font-weight:600;font-size:0.5em;color:var(--or-tint);
  font-style:italic;margin-left:0.5rem}
.defn__p{font-family:var(--mono);font-weight:700;font-size:0.82rem;letter-spacing:0.02em;
  color:var(--dim);margin:0.25rem 0 0.7rem}
.defn__b{font-size:1.03rem;color:var(--text);font-weight:500;line-height:1.5}
.defn__b b{color:var(--or-tint);font-weight:700}

/* tester carousel */
.ppl{overflow:hidden;padding:0.25rem 0 1.25rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ppl__t{display:flex;gap:0.85rem;width:max-content;animation:slide 62s linear infinite}
.ppl__t+.ppl__t{margin-top:0.85rem}
.ppl__t--rev{animation-name:slideRev;animation-duration:68s}
.ppl:hover .ppl__t{animation-play-state:paused}
@keyframes slideRev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.face{position:relative;width:212px;flex:none;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;background:var(--panel);aspect-ratio:3/4}
.face img{display:block;width:100%;height:100%;object-fit:cover}
.pledge{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.5rem}
.pledge span{font-family:var(--disp);font-weight:700;font-size:1.15rem;color:var(--gr);
  border:2px solid var(--gr);border-radius:8px;padding:0.4rem 0.95rem;
  background:rgba(43,208,122,.09)}

/* sample cards that lead with their video */
.samp--vid{padding:0;overflow:hidden;gap:0;display:flex;flex-direction:column}
.samp--vid .vid{border-radius:0}
.samp--vid .vid:hover{transform:none;box-shadow:none}
.samp__body{padding:clamp(1.15rem,2vw,1.5rem);display:flex;flex-direction:column;gap:0.55rem;flex:1}
.samp__body h3{font-family:var(--disp);font-weight:700;font-size:1.35rem;line-height:1.1}
.samp__body p{color:var(--muted);font-size:0.97rem}
.samp__meta{margin-top:auto;padding-top:0.85rem;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:0.4rem}

/* program / multiple SKUs */
.prog{margin-top:1.15rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(1.5rem,3vw,2.75rem);align-items:start;
  border:2px solid var(--or);border-radius:14px;overflow:hidden;
  background:linear-gradient(150deg,rgba(240,102,33,.13),var(--panel) 58%,var(--bg-2));
  padding:clamp(1.6rem,3.2vw,2.6rem)}
.prog__h{font-family:var(--disp);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.6rem);
  line-height:1.04;margin-bottom:0.7rem}
.prog__p{color:var(--muted);font-size:1.03rem;max-width:56ch}
.prog__p+.prog__p{margin-top:0.85rem}
.prog__p strong{color:var(--or-tint);font-weight:700}
.prog__list{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:0.6rem}
.prog__list li{font-family:var(--mono);font-weight:700;font-size:0.88rem;color:var(--text);
  line-height:1.5;padding-left:1.5rem;position:relative}
.prog__list li::before{content:"\2192";position:absolute;left:0;color:var(--or)}
.prog__r .btn{width:100%;justify-content:center}

/* value comparison */
.vs{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.vs__blk{padding:1.5rem 1.4rem;border-bottom:1px solid var(--line)}
.vs__ttl{font-family:var(--mono);font-weight:700;font-size:0.86rem;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:1.05rem}
.vs__ttl b{color:var(--text)}
.vs__line{display:grid;grid-template-columns:132px minmax(0,1fr);gap:1rem;align-items:center;margin-bottom:0.55rem}
.vs__line:last-child{margin-bottom:0}
.vs__who{font-family:var(--disp);font-weight:700;font-size:1.08rem;text-align:right;line-height:1.15}
.vs__who--us{color:var(--or-tint)}
.vs__who--them{color:var(--dim)}
.vs__track{position:relative;height:40px;background:var(--bg-2);border-radius:7px}
.vs__fill{height:100%;width:0;border-radius:7px;display:flex;align-items:center;padding:0 0.85rem;
  font-family:var(--disp);font-weight:700;font-size:1.32rem;color:#fff;white-space:nowrap;
  animation:grow .9s cubic-bezier(.2,.75,.3,1) forwards}
.vs__fill--us{background:linear-gradient(90deg,var(--or-dk),var(--or-lt))}
.vs__fill--gr{background:linear-gradient(90deg,var(--gr-dk),var(--gr));color:#04240F}
.vs__fill--them{background:var(--line-2)}
.vs__out{position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--w) + 0.8rem);
  font-family:var(--disp);font-weight:700;font-size:1.32rem;color:var(--muted);white-space:nowrap}
.vs__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)}
.vs__h{padding:0.95rem 1.15rem;font-family:var(--mono);font-weight:700;font-size:0.84rem;
  letter-spacing:0.13em;text-transform:uppercase;color:var(--dim);background:var(--bg-2)}
.vs__h--us{color:var(--or-tint);background:rgba(240,102,33,.12)}
.vs__c{padding:1rem 1.15rem;border-top:1px solid var(--line);font-size:1rem;color:var(--muted)}
.vs__c--lbl{font-family:var(--disp);font-weight:700;font-size:1.14rem;color:var(--text)}
.vs__c--us{background:rgba(240,102,33,.07);color:var(--text);font-weight:700}
.vs__c b{color:var(--text)}
.tick{color:var(--gr);font-weight:700;margin-right:0.45rem}
.cross{color:#7A8B9B;font-weight:700;margin-right:0.45rem}
.vs__foot{padding:1.25rem 1.4rem;background:var(--bg-2);font-size:1.05rem;color:var(--muted)}
.vs__foot b{color:var(--or-tint);font-weight:700}

/* packages */
.pk{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}
.pkg{background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:clamp(1.4rem,2.5vw,1.9rem);display:flex;flex-direction:column;position:relative}
.pkg--feat{border-color:var(--or);background:linear-gradient(180deg,rgba(240,102,33,.09),var(--panel) 45%)}
.pkg__flag{position:absolute;top:-1px;right:1.25rem;font-family:var(--mono);font-weight:700;
  font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;background:var(--or);color:#fff;
  padding:0.25rem 0.6rem;border-radius:0 0 6px 6px}
.pkg__n{font-family:var(--mono);font-weight:700;font-size:0.85rem;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--muted)}
.pkg--feat .pkg__n{color:var(--or-tint)}
.pkg__p{font-family:var(--disp);font-weight:700;font-size:2.9rem;margin:0.35rem 0 0.1rem}
.pkg__hero{font-family:var(--disp);font-weight:700;font-size:1.28rem;color:var(--or-tint);
  padding-bottom:0.95rem;border-bottom:1px solid var(--line)}
.pkg ul{list-style:none;margin:1rem 0 1.5rem;padding:0;display:grid;gap:0.55rem}
.pkg li{font-size:1rem;color:var(--text);font-weight:700;padding-left:1.15rem;
  position:relative;line-height:1.4}
.pkg li::before{content:"";position:absolute;left:0;top:0.55em;width:7px;height:7px;
  background:var(--or);border-radius:2px}
.pkg li em{font-style:normal;color:var(--muted);font-weight:600}
.pkg li b{color:var(--text);font-weight:700}
.pkg .btn{margin-top:auto;justify-content:center}
.pkg--xl{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:1rem;border-style:dashed}
.pkg--xl>div{max-width:56ch}
.incl{margin-top:1.15rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);
  padding:clamp(1.35rem,2.4vw,1.8rem)}
.incl h4{font-family:var(--mono);font-weight:700;font-size:0.87rem;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--gr);margin-bottom:0.6rem}
.incl p{color:var(--muted);font-size:0.99rem}
.incl b{color:var(--text);font-weight:700}

/* value compare */

/* quotes */
.qgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem}
.q{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.6rem}
.q__stars{color:var(--or);letter-spacing:0.15em;font-size:1.05rem;margin-bottom:0.7rem}
.q p{font-size:1.02rem;line-height:1.6}
.q footer{margin-top:1rem;padding-top:0.9rem;border-top:1px solid var(--line);
  font-family:var(--mono);font-weight:700;font-size:0.87rem;letter-spacing:0.06em;color:var(--dim)}
.q footer b{display:block;font-family:var(--disp);font-weight:700;font-size:1.15rem;
  letter-spacing:0;color:var(--text);margin-bottom:0.15rem}

/* guarantee */
.gtee{border:1px solid var(--gr);border-radius:12px;background:linear-gradient(140deg,rgba(43,208,122,.12),var(--panel) 60%);
  padding:2rem 2.1rem;display:flex;flex-wrap:wrap;gap:0.9rem 2rem;align-items:center;justify-content:space-between}
.gtee h3{font-size:clamp(1.75rem,3.4vw,2.6rem);color:var(--gr)}
.gtee p{color:#D3E2EE;max-width:54ch;font-size:1.22rem;font-weight:600;line-height:1.5}

/* go to market splash */
.gtm{padding-bottom:0}
.gtm__panel{border:2px solid var(--gr);border-radius:16px;overflow:hidden;
  background:linear-gradient(150deg,rgba(43,208,122,.14),var(--panel) 55%,var(--bg-2));
  padding:clamp(1.9rem,4vw,3.25rem)}
.gtm__panel h2{margin-bottom:0.9rem}
.gtm__panel .lede{max-width:74ch}
.gtm__panel .lede em{font-style:normal;color:var(--gr);font-weight:700}
.gtm__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:1.9rem 0 1.4rem}
.gtm__c{background:var(--panel);padding:1.15rem 1.25rem}
.gtm__c b{display:block;font-family:var(--disp);font-weight:700;font-size:1.32rem;color:var(--gr)}
.gtm__c span{display:block;font-size:0.95rem;color:var(--muted);margin-top:0.2rem;line-height:1.45}
.gtm__note{font-size:1.02rem;color:var(--muted);margin-bottom:1.5rem}

/* final cta */
.cta{position:relative;text-align:center;padding:clamp(3.25rem,6.5vw,5.5rem) 0;overflow:hidden;
  border-top:1px solid var(--line)}
.cta::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 120%,rgba(240,102,33,.3),transparent 62%);pointer-events:none}
.cta__in{position:relative}
.cta h2{font-size:clamp(2.3rem,5vw,4rem);margin-bottom:1rem}
.cta h2 em{font-style:normal;color:var(--or)}
.cta>.wrap>.cta__in>p{color:var(--muted);max-width:50ch;margin:0 auto 1.9rem}
.cta__row{display:flex;flex-wrap:wrap;gap:0.85rem;justify-content:center;align-items:center}
.cta__tel{font-family:var(--disp);font-weight:700;font-size:1.5rem;color:var(--text);
  text-decoration:none;border-bottom:2px solid var(--line-2)}
.cta__tel:hover{color:var(--or-tint);border-color:var(--or)}
.cta__note{font-family:var(--mono);font-weight:700;font-size:0.85rem;letter-spacing:0.13em;
  text-transform:uppercase;color:var(--dim);margin-top:1.6rem}

/* footer */
.foot{border-top:1px solid var(--line);background:var(--bg-2);padding:2.4rem 0 1.9rem}
.foot__in{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem 2.5rem;align-items:center}
.foot nav{display:flex;flex-wrap:wrap;gap:0.55rem 1.4rem}
.foot nav a{font-family:var(--mono);font-weight:700;font-size:0.86rem;letter-spacing:0.09em;
  text-transform:uppercase;color:var(--muted);text-decoration:none}
.foot nav a:hover{color:var(--or-tint)}
.foot__c{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.15rem;
  font-family:var(--mono);font-weight:700;font-size:0.85rem;color:var(--dim)}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;
  background:rgba(6,9,13,.96);padding:clamp(1rem,4vw,3rem)}
.lb.is-open{display:flex}
.lb__box{position:relative;width:min(1120px,100%);aspect-ratio:16/9;background:#000;
  border-radius:12px;overflow:hidden;border:1px solid var(--line-2)}
.lb__box video{display:block;width:100%;height:100%;background:#000;object-fit:contain}
.lb__msg{display:none;position:absolute;inset:0;place-content:center;text-align:center;
  padding:2rem;color:var(--muted);font-size:1.05rem;background:#000}
.lb__msg b{color:var(--or-tint);font-weight:700}
.lb.has-error .lb__msg{display:grid}
.lb__x{position:absolute;top:clamp(0.6rem,2.5vw,1.5rem);right:clamp(0.6rem,2.5vw,1.5rem);
  width:52px;height:52px;border-radius:50%;border:2px solid var(--text);background:transparent;
  color:var(--text);font-family:var(--disp);font-weight:700;font-size:1.7rem;line-height:1;cursor:pointer;
  transition:background .15s ease,color .15s ease}
.lb__x:hover{background:var(--or);border-color:var(--or);color:#fff}

/* load-in */
.rise{opacity:0;transform:translateY(14px);animation:rise .65s cubic-bezier(.2,.7,.3,1) forwards}
.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}
@keyframes rise{to{opacity:1;transform:none}}

/* responsive */
@media (max-width:1280px){
  .nav__links{gap:1rem}
  .nav__links a{font-size:0.78rem;letter-spacing:0.06em}
  .tel{font-size:1.05rem}
  .nav .btn{font-size:1rem;padding:0.62rem 1.1rem}
}
@media (max-width:1040px){
  .nav__links{display:none}
  .hero__grid,.case{grid-template-columns:1fr}
  .grid3,.pk,.qgrid,.prog{grid-template-columns:1fr}
  .gtm__grid{grid-template-columns:repeat(2,1fr)}
  .vs__grid{grid-template-columns:1fr 1fr}
  .vs__h:first-child{display:none}
  .vs__c--lbl{grid-column:1/-1;border-top:2px solid var(--line-2);padding-bottom:0.2rem}
  .vs__line{grid-template-columns:96px minmax(0,1fr);gap:0.7rem}
  .face{width:168px}
  .vs__who{font-size:0.95rem}
  .stats,.pipe__row{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(3),.node:nth-child(3){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .node:nth-child(n+3){border-top:1px solid var(--line)}
  .node:nth-child(2)::after{display:none}
  .row{grid-template-columns:88px 1fr}
  .row p,.row__meta,.row>div{grid-column:2}
  .foot__in{grid-template-columns:1fr}
}
@media (max-width:620px){
  .tel{display:none}
  .stats,.pipe__row{grid-template-columns:1fr}
  .stat,.node{border-left:0;border-top:1px solid var(--line)}
  .stat:first-child,.node:first-child{border-top:0}
  .node::after{display:none}
  .gtm__grid{grid-template-columns:1fr}
  .row{grid-template-columns:1fr;gap:0.3rem}
  .row p,.row__meta,.row>div{grid-column:1}
  .lane{grid-template-columns:62px minmax(0,1fr);gap:0.55rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important;
    transition:none!important}
  .rise{opacity:1;transform:none}
  .lane__fill{width:var(--w)}
  .lane__lbl{opacity:1}
  .mq__t{animation:none}
  html{scroll-behavior:auto}
}

/* ==========================================================================
   SITE-ONLY ADDITIONS
   Everything above is the landing page system, unchanged. Below are the
   pieces a multi-page site needs that a single scroll doesn't.
   ========================================================================== */

/* multi-page nav: active state + a real mobile drawer */
.nav__links a{position:relative}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;
  background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.nav__links a:hover::after{transform:scaleX(.55)}
.nav__links a[aria-current="page"]{color:var(--or-tint)}
.nav__links a[aria-current="page"]::after{transform:scaleX(1)}
.nav__in>a:first-child{flex:none;display:block}
.logo{flex:none}
.burger{display:none;width:46px;height:46px;border:1px solid var(--line-2);border-radius:8px;
  background:var(--panel);cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--text);
  transition:transform .2s ease,opacity .2s ease}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:28px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{display:none;border-top:1px solid var(--line);background:var(--bg-2)}
.drawer.is-open{display:block}
.drawer a{display:block;padding:.95rem 0;border-bottom:1px solid var(--line);
  font-family:var(--mono);font-weight:700;font-size:.92rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);text-decoration:none}
.drawer a[aria-current="page"]{color:var(--or-tint)}
.drawer__cta{display:flex;flex-wrap:wrap;gap:.7rem;padding:1.1rem 0 1.4rem}

/* interior page head */
.phead{position:relative;border-bottom:1px solid var(--line);background:var(--bg-2);
  padding:clamp(2.25rem,5vw,3.75rem) 0 clamp(2rem,4vw,3rem);overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 12% 0%,rgba(240,102,33,.16),transparent 62%)}
.phead>*{position:relative}
.phead h1{font-family:var(--disp);font-weight:700;font-size:clamp(2.2rem,4.6vw,3.6rem);
  line-height:1.02;max-width:26ch;text-wrap:balance}
.phead h1 em{font-style:normal;color:var(--or)}
.phead h1 i{font-style:normal;color:var(--gr)}
.phead .lede{max-width:68ch}
.phead__cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}

/* logo walls — hotlinked from videoshorts.com so they stay in one place */
.wall{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);
  padding:1.5rem 0}
.wall__t{font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--dim);text-align:center;margin-bottom:1.1rem}
.wall__g{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem 1.5rem;align-items:center}

.OLD-wall__g img{width:100%;height:44px;object-fit:contain;filter:grayscale(1) brightness(1.9);
  opacity:.72;transition:opacity .18s ease,filter .18s ease}

.wall__g img{width:100%;height:44px;object-fit:contain;
  opacity:.72;transition:opacity .18s ease,filter .18s ease}


.wall__g img:hover{opacity:1;filter:none}

/* portfolio grid — links out to the existing Vimeo library */
.pf{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pf__i{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;
  overflow:hidden;background:var(--panel);text-decoration:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.pf__i:hover{transform:translateY(-3px);border-color:var(--or);
  box-shadow:0 20px 44px -22px rgba(0,0,0,.85)}
.pf__th{display:block;position:relative;aspect-ratio:16/9;background:var(--bg-2);overflow:hidden}
.pf__th img{width:100%;height:100%;object-fit:cover;display:block;color:transparent;font-size:0}
.pf__th::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(11,15,21,.72))}
.pf__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:52px;height:52px;border-radius:50%;background:rgba(240,102,33,.92);
  opacity:0;transition:opacity .18s ease}
.pf__play::after{content:"";position:absolute;top:50%;left:calc(50% + 3px);
  transform:translate(-50%,-50%);border-left:17px solid #fff;
  border-top:11px solid transparent;border-bottom:11px solid transparent}
.pf__i:hover .pf__play{opacity:1}
.pf__n{display:block;padding:.75rem .9rem;font-family:var(--disp);font-weight:700;font-size:1.02rem;
  color:var(--text);line-height:1.2}
.pf__bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;
  margin-bottom:1.4rem}
.pf__count{font-family:var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim)}

/* forms */
.form{display:grid;gap:1.1rem;max-width:660px}
.form__two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:grid;gap:.4rem}
.field>label{font-family:var(--mono);font-weight:700;font-size:.79rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--or-tint)}
.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=url],
.field select,.field textarea{font-family:var(--body);font-size:1rem;font-weight:500;
  color:var(--text);padding:.8rem .9rem;border:1px solid var(--line-2);border-radius:8px;
  background:var(--panel);width:100%}
.field textarea{min-height:120px;resize:vertical;line-height:1.55}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--or);outline-offset:1px}
.qs{display:grid;gap:1.5rem;counter-reset:q}
.q-item{border:1px solid var(--line);border-left:4px solid var(--or);border-radius:10px;
  background:var(--panel);padding:1.15rem 1.3rem}
.q-item>p{font-family:var(--disp);font-weight:700;font-size:1.15rem;margin-bottom:.85rem;
  display:flex;gap:.6rem;align-items:baseline}
.q-item>p::before{counter-increment:q;content:counter(q);font-family:var(--mono);
  font-size:.85rem;color:var(--or);flex:none}
.opts{display:flex;flex-wrap:wrap;gap:.5rem}
.opts label{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;
  font-family:var(--mono);font-weight:700;font-size:.83rem;color:var(--muted);
  border:1px solid var(--line-2);border-radius:6px;padding:.42rem .7rem;
  transition:border-color .15s ease,color .15s ease}
.opts label:hover{color:var(--text);border-color:var(--or)}
.opts input{accent-color:var(--or);margin:0}
.opts input:checked+span{color:var(--or-tint)}
.hint{font-family:var(--mono);font-weight:700;font-size:.76rem;color:var(--dim);margin-top:.5rem}
.note{border:1px solid var(--line);border-left:4px solid var(--or);border-radius:9px;
  background:var(--panel);padding:1.05rem 1.2rem;color:var(--muted);font-size:.98rem}
.note b{color:var(--text)}
.signoff{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.2rem;
  color:var(--muted);font-size:1rem;line-height:1.65}
.signoff b{color:var(--text)}

/* contact rail */
.crail{display:grid;gap:.9rem;align-content:start}
.crail__i{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:1.2rem 1.3rem}
.crail__i h3{font-family:var(--disp);font-weight:700;font-size:1.2rem;margin-bottom:.35rem}
.crail__i p{color:var(--muted);font-size:.97rem}
.crail__i>a{font-family:var(--disp);font-weight:700;font-size:1.5rem;color:var(--or-tint);
  text-decoration:none;display:inline-block;margin-top:.3rem}
.crail__i>a:hover{color:var(--or)}

@media (max-width:1080px){
  .nav__links,.tel{display:none}
  .burger{display:block}
  .nav__in{gap:.75rem}
  .nav__r{gap:.6rem;min-width:0}
  .nav .btn{font-size:.98rem;padding:.6rem 1rem}
  .wall__g{grid-template-columns:repeat(4,1fr)}
  .pf{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .pf{grid-template-columns:repeat(2,1fr)}
  .wall__g{grid-template-columns:repeat(3,1fr)}
  .form__two{grid-template-columns:1fr}
}

/* the nav CTA lives in the drawer on phones, so the bar can't overflow */
@media (max-width:620px){
  .nav__r>.btn{display:none}
  .logo{height:40px}
  .nav__in{height:66px}
}

/* two lanes — studio packages vs on-location, used on the pricing page */
.tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem}
.tier{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--panel);
  padding:clamp(1.4rem,2.6vw,2rem);display:flex;flex-direction:column;gap:.85rem;overflow:hidden}
.tier::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--line-2)}
.tier--key{border-color:rgba(43,208,122,.42)}
.tier--key::before{background:repeating-linear-gradient(115deg,var(--gr) 0 9px,var(--panel) 9px 18px)}
.tier--loc{border-color:rgba(240,102,33,.42)}
.tier--loc::before{background:var(--or)}
.tier__n{font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim)}
.tier--key .tier__n{color:var(--gr)}
.tier--loc .tier__n{color:var(--or-tint)}
.tier h3{font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.06}
.tier>p{color:var(--muted);font-size:1rem}
.tier ul{list-style:none;margin:0;padding:.95rem 0 0;border-top:1px solid var(--line);display:grid;gap:.42rem}
.tier li{font-family:var(--mono);font-weight:700;font-size:.86rem;color:var(--muted);
  display:grid;grid-template-columns:auto 1fr;gap:.55rem;line-height:1.5}
.tier li::before{content:"\2192";font-weight:700}
.tier--key li::before{color:var(--gr)}
.tier--loc li::before{color:var(--or)}
.tier__price{font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);
  line-height:1.05;margin-top:auto;padding-top:1rem;color:var(--or-tint)}
.tier--loc .tier__price{color:var(--text)}
.tier__price small{display:block;font-family:var(--mono);font-weight:700;font-size:.78rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-top:.3rem}
.tier .btn{margin-top:1rem;justify-content:center}
@media (max-width:1080px){ .tiers{grid-template-columns:1fr} }

/* small odds and ends */
.btn--sm{font-size:1.05rem;padding:.65rem 1.25rem}
.cta__p{color:var(--muted);max-width:56ch;margin:0 auto 1.8rem}
.form__note{font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--dim);line-height:1.65}
.prog__l{min-width:0}