/* =====================================================================
   Team Timeless — hero, gate, licensed + new-agent page components.
   Loaded after recruit.css on every page.
   ===================================================================== */

/* ---------- shared hero shell ---------- */
.tt-hero{--mx:0;--my:0;position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;background:#070605;padding:120px 0 100px}
/* Hero backdrop: carbon-fiber wave on every page */
.tt-hero::before{content:"";position:absolute;inset:0;z-index:-3;background:
  linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.3) 100%),
  radial-gradient(ellipse 50% 60% at 76% 46%,rgba(243,107,53,.13),transparent 65%),
  url("textures/carbon-wave.webp") center / cover no-repeat,#050505}
.tt-hero::after{content:"";position:absolute;inset:0;z-index:2;opacity:.12;pointer-events:none;mix-blend-mode:overlay;background-size:180px 180px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.tt-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.tt-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 50%,rgba(0,0,0,.85) 100%)}

.tt{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center}
.tt-copy{min-width:0;container-type:inline-size;transform:translate3d(calc(var(--mx)*-8px),calc(var(--my)*-6px),0)}

/* ---------- title: chrome + fire with a moving shine ---------- */
.tt-hero h1.tt-title{font-size:min(16cqi,140px);line-height:.84;letter-spacing:.005em;margin:0}
.tt-title .ln{display:block;white-space:nowrap}
/* padding-top gives the glyph overshoot (S, O tops) room inside the clipped background box */
.tt-title .ln > span{display:block;padding:.16em .06em .04em 0;margin:-.16em 0 -.04em;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  background-repeat:no-repeat;background-size:260% 100%,100% 100%;background-position:160% 0,0 0;
  opacity:0;transform:translateY(.35em) skewY(4deg);filter:blur(8px);
  animation:ttRise 1s var(--ease) forwards,ttShine 6s 1.6s ease-in-out infinite}
.tt-title .ln:nth-child(2) > span{animation-delay:.14s,2s}
@keyframes ttRise{to{opacity:1;transform:none;filter:none}}
@keyframes ttShine{0%{background-position:160% 0,0 0}45%,100%{background-position:-60% 0,0 0}}
.tt-chrome{background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(180deg,#ffffff 0%,#e9e4df 38%,#8d857e 52%,#cfc9c3 64%,#f6f3ef 100%)}
.tt-fire{background-image:linear-gradient(100deg,transparent 42%,rgba(255,236,220,.95) 50%,transparent 58%),linear-gradient(180deg,#ffd2b6 0%,#ff9b6b 30%,#f36b35 58%,#c8400f 100%)}
.tt-title .ln--fire{filter:drop-shadow(0 0 34px rgba(243,107,53,.38))}

/* ---------- creed ---------- */
.tt-creed{margin-top:clamp(26px,3.2vw,40px);display:grid;gap:4px;max-width:640px;border-left:2px solid var(--line2)}
.tt-row{display:flex;align-items:center;gap:16px;margin:0 !important;padding:13px 0 13px 22px;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;line-height:1.15;font-size:clamp(17px,1.9vw,25px);opacity:0;animation:fade .7s forwards}
.tt-no{animation-delay:.55s !important}
.tt-yes{animation-delay:1s !important}
.tt-mark{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-family:var(--body);font-size:15px;font-weight:700;line-height:1}
.tt-no{color:#b9b3ad}
.tt-no .tt-mark{border:1px solid var(--line2);color:var(--ash)}
.tt-yes{color:var(--bone);position:relative;background:linear-gradient(90deg,rgba(243,107,53,.16),transparent 85%);margin-left:-2px !important;border-left:2px solid var(--copper)}
.tt-yes .tt-mark{background:var(--copper);color:#160a03;box-shadow:0 0 22px rgba(243,107,53,.6)}
.tt-yes b{font-weight:400;color:var(--brass)}

/* ---------- emblem (static: fades in once, then holds still) ---------- */
.tt-emblem{position:relative;aspect-ratio:1;width:100%;max-width:540px;justify-self:center;opacity:0;animation:ttIn 1.2s .2s ease forwards}
@keyframes ttIn{to{opacity:1}}
.tt-halo{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(243,107,53,.42) 0%,rgba(243,107,53,.12) 35%,transparent 62%);filter:blur(10px)}
.tt-ring{position:absolute;border-radius:50%;inset:0}
.tt-ring--1{inset:-6%;border:1px solid rgba(243,107,53,.4)}
.tt-ring--2{inset:-16%;border:1px dashed rgba(246,243,239,.14)}
.tt-ring--3{inset:-28%;border:1px solid rgba(246,243,239,.06)}
.tt-gear{position:absolute;inset:4%}
.tt-gear img{width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 0 30px rgba(243,107,53,.4)) drop-shadow(0 40px 50px rgba(0,0,0,.85))}
.tt-shadow{position:absolute;left:18%;right:18%;bottom:-12%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(243,107,53,.38),rgba(0,0,0,0) 70%);filter:blur(8px)}

.tt-scroll{position:absolute;left:50%;bottom:26px;z-index:3;width:26px;height:42px;margin-left:-13px;border:1px solid var(--line2);border-radius:14px}
.tt-scroll span{position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--copper);animation:ttScroll 1.8s ease-in-out infinite}
@keyframes ttScroll{0%{opacity:0;transform:none}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* ---------- gate: licensed or not ---------- */
.gate{margin-top:clamp(30px,3.6vw,46px);opacity:0;animation:fade .8s 1.4s forwards}
.gate-q{display:flex;align-items:center;gap:14px;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin-bottom:14px}
.gate-q::after{content:"";flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,var(--copper),transparent)}
.gate-doors{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:640px}
.door{--x:50%;--y:50%;position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 22px 20px;min-height:128px;text-decoration:none;color:var(--bone);
  border:1px solid var(--line2);background:linear-gradient(160deg,rgba(30,26,23,.85),rgba(12,11,10,.9));overflow:hidden;isolation:isolate;
  transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;transform-style:preserve-3d}
.door::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--x) var(--y),rgba(243,107,53,.30),transparent 60%);opacity:0;transition:opacity .3s}
.door::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.07) 45%,transparent 60%);transform:translateX(-100%);animation:doorSweep 5s 3.2s ease-in-out infinite}
.door:nth-child(2)::after{animation-delay:3.7s}
@keyframes doorSweep{0%{transform:translateX(-100%)}30%,100%{transform:translateX(100%)}}
.door:hover,.door:focus-visible{border-color:var(--copper);transform:translateY(-4px);box-shadow:0 24px 50px -20px rgba(243,107,53,.55),0 0 0 1px rgba(243,107,53,.4)}
.door:hover::before,.door:focus-visible::before{opacity:1}
.door small{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.door b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:1;letter-spacing:.01em}
.door span{font-size:14px;color:#cfc8c1;line-height:1.4;padding-right:44px}
.door i{position:absolute;right:16px;bottom:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);font-style:normal;color:var(--brass);transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s}
.door:hover i{transform:translateX(4px) rotate(-45deg);background:var(--copper);color:#160a03;border-color:var(--copper)}
.door--hot{border-color:rgba(243,107,53,.55);background:linear-gradient(160deg,rgba(243,107,53,.22),rgba(20,12,8,.92) 70%)}
.door--hot b{color:var(--bone)}
.gate-meta{margin-top:18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.gate-meta b{color:var(--ash);font-weight:600}

/* ---------- page heroes (licensed / new) ---------- */
.ph-title{font-size:min(10.4cqi,86px);line-height:.95}
.nav a{white-space:nowrap}
.ph-title .hot{color:var(--copper)}
.ph-lede{margin-top:26px;font-size:clamp(18px,2vw,22px);line-height:1.5;color:#e3ded8;max-width:46ch}
.ph-lede b{color:var(--bone)}
.tt-hero .kicker{opacity:0;animation:fade .6s .1s forwards}
.ph-anim{opacity:0;animation:fade .8s forwards}

/* rotating myths */
.myth-hero h1{font-size:min(7.4cqi,60px);line-height:1}
.myth-rot{display:block;position:relative;font-size:min(1em,6.4cqi);height:1.12em;margin:.18em 0 .1em;overflow:hidden}
.myth-rot span{position:absolute;left:0;top:0;white-space:nowrap;color:var(--ash);opacity:0;transform:translateY(100%)}
.myth-rot span.on{opacity:1;transform:none;transition:transform .55s var(--ease),opacity .4s}
.myth-rot span.off{opacity:0;transform:translateY(-100%);transition:transform .45s var(--ease),opacity .35s}
.myth-wrong{display:block;font-size:min(1.5em,10.4cqi);white-space:nowrap;line-height:.95;margin-top:.12em}
.myth-wrong em{font-style:normal;background:linear-gradient(180deg,#ffd2b6,#f36b35 60%,#c8400f);-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:.12em;filter:drop-shadow(0 0 30px rgba(243,107,53,.35))}

/* ---------- scroll-lit pitch ---------- */
.pitch{position:relative;padding:clamp(110px,16vw,200px) 0;border-top:1px solid var(--line);background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(243,107,53,.10),transparent 70%),#080706;overflow:hidden}
.pitch-lines{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,4.4vw,62px);line-height:1.08;letter-spacing:.005em;max-width:20ch;list-style:none;margin:0;padding:0}
.pitch-lines li{position:relative;padding-left:1.1em}
.pitch-lines li+li{margin-top:.35em}
.pitch-lines li::before{content:"";position:absolute;left:.12em;top:.38em;width:.3em;height:.3em;background:var(--copper);transform:rotate(45deg)}
.pitch.band-orange .pitch-lines li::before{background:#fff}
.pitch-lines .w{color:rgba(246,243,239,.13);transition:color .25s}
.pitch-lines .w.lit{color:var(--bone)}
.pitch-lines .w.hl.lit{color:var(--copper);text-shadow:0 0 40px rgba(243,107,53,.45)}
.pitch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(56px,8vw,96px)}
.pitch-stat{container-type:inline-size;background:#0c0a09;padding:clamp(24px,3vw,38px);position:relative;overflow:hidden}
.pitch-stat::before{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--copper);box-shadow:0 0 18px var(--copper);transition:width 1s var(--ease)}
.pitch-stat.in::before{width:100%}
.pitch-stat small{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.pitch-stat b{display:block;font-family:var(--display);font-weight:400;font-size:min(62px,18cqi);white-space:nowrap;line-height:1;margin-top:14px;color:var(--bone)}
.pitch-stat b.hot{color:var(--copper)}
.pitch-stat p{margin-top:12px;font-size:15px;color:#cfc8c1;line-height:1.5}
.pitch-close{margin-top:clamp(56px,8vw,96px);display:flex;flex-direction:column;align-items:flex-start;gap:36px}
.pitch-close .nw{white-space:nowrap}
@media(max-width:700px){.pitch-close .nw{white-space:normal}}
.pitch-close h2{font-size:clamp(40px,6.2vw,84px);line-height:.92}
.pitch-close h2 > span{display:block}
.pitch-close .hot{color:var(--copper);text-shadow:0 0 60px rgba(243,107,53,.35)}
.pitch-fine{margin-top:22px;font-size:12px;color:var(--dim);max-width:80ch}

/* ---------- myths vs truth flip cards ---------- */
.flips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.flip{position:relative;min-height:230px;perspective:1200px;cursor:pointer;background:none;border:0;padding:0;text-align:left;color:inherit;font:inherit}
.flip-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s var(--ease)}
.flip:hover .flip-in,.flip:focus-visible .flip-in,.flip.on .flip-in{transform:rotateY(180deg)}
.flip-f,.flip-b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line2)}
.flip-f{background:linear-gradient(160deg,#171513,#0e0d0c)}
.flip-b{transform:rotateY(180deg);background:linear-gradient(160deg,rgba(243,107,53,.22),#120c09 75%);border-color:var(--copper)}
.flip small{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.flip-f small{color:var(--bad)}
.flip-b small{color:var(--brass)}
.flip-t{display:block;font-family:var(--display);text-transform:uppercase;line-height:1.1;font-size:clamp(22px,2.2vw,28px);color:#e3ded8}
.flip-p{display:block;font-size:15.5px;line-height:1.55;color:var(--bone)}
.flip-p b{color:var(--brass);font-weight:600}
.flip-hint{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:8px}
.flip-hint::before{content:"\21BB";color:var(--copper);font-size:16px}

/* ---------- Year One timeline ---------- */
.yr-head h2 .hot{display:block}
.yr-sub{margin-top:18px;font-family:var(--display);text-transform:uppercase;letter-spacing:.32em;color:var(--ash);font-size:clamp(13px,1.3vw,16px)}
.yr{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,5vw,72px);align-items:start}
.yr-list{position:relative;list-style:none;padding-left:clamp(68px,7vw,88px)}
.yr-rail{position:absolute;left:clamp(25px,2.7vw,33px);top:28px;bottom:28px;width:2px;background:var(--line2)}
.yr-rail i{position:absolute;left:0;top:0;width:100%;height:var(--fill,0%);background:linear-gradient(180deg,var(--brass),var(--copper));box-shadow:0 0 16px var(--copper)}
.yr-item{position:relative;padding:22px 0 26px;border-bottom:1px solid rgba(46,42,38,.6)}
.yr-item:last-child{border-bottom:0}
.yr-n{position:absolute;left:calc(-1 * clamp(68px,7vw,88px));top:16px;width:clamp(52px,5.4vw,66px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;
  font-family:var(--display);font-size:clamp(18px,1.9vw,23px);color:var(--dim);background:#0b0a09;border:2px solid var(--line2);transition:color .4s,border-color .4s,box-shadow .4s,transform .4s var(--ease)}
.yr-item.lit .yr-n{color:var(--bone);border-color:var(--copper);box-shadow:0 0 0 5px rgba(243,107,53,.12),0 0 30px rgba(243,107,53,.55);transform:scale(1.06)}
.yr-item small{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--copper)}
.yr-item h3{font-size:clamp(24px,2.6vw,34px);margin-top:6px}
.yr-item p{margin-top:10px;color:#cfc8c1;font-size:16px;line-height:1.55;max-width:56ch}
.yr-item p b{color:var(--bone)}
.yr-item .hot{font-weight:700}
.yr-ladder{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
.yr-ladder span{padding:8px 12px;border:1px solid var(--line2);font-size:13px;font-weight:600;letter-spacing:.06em}
.yr-ladder span b{color:var(--copper)}
.yr-ladder em{font-style:normal;color:var(--copper)}

.nn{position:sticky;top:100px;border:1px solid var(--copper);background:linear-gradient(170deg,rgba(243,107,53,.16),rgba(12,10,9,.96) 55%);padding:clamp(24px,2.6vw,34px);box-shadow:0 30px 80px -30px rgba(243,107,53,.4)}
.nn::before{content:"";position:absolute;inset:-1px;border:1px solid var(--copper);animation:nnPulse 2.6s ease-in-out infinite;pointer-events:none}
@keyframes nnPulse{0%{opacity:.9;inset:-1px}100%{opacity:0;inset:-12px}}
.nn h3{font-size:clamp(24px,2.4vw,32px);line-height:1}
.nn h3 span{display:block;color:var(--copper)}
.nn ol{list-style:none;margin-top:22px;display:grid;gap:2px}
.nn li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 0;border-top:1px solid rgba(243,107,53,.25)}
.nn li b{font-family:var(--display);font-weight:400;font-size:30px;line-height:1;color:var(--copper);min-width:1.4em}
.nn li strong{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:18px;line-height:1.15;letter-spacing:.02em}
.nn li span{display:block;margin-top:5px;font-size:13.5px;color:var(--ash);line-height:1.45}
.nn-foot{margin-top:14px;padding-top:16px;border-top:1px solid rgba(243,107,53,.25);font-family:var(--display);text-transform:uppercase;font-size:14px;letter-spacing:.06em;color:var(--brass);line-height:1.5}

.boot{margin-top:clamp(48px,7vw,80px);display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid var(--line2);background:linear-gradient(180deg,#121010,#0b0a09)}
.boot > div{padding:clamp(24px,3vw,40px);position:relative}
.boot > div + div{border-left:1px solid var(--line2)}
.boot small{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--copper)}
.boot h3{font-size:clamp(26px,2.5vw,36px);line-height:1;margin-top:10px}
.boot h3 span{display:block;color:var(--copper)}
.boot p{margin-top:14px;font-size:15.5px;color:#cfc8c1;line-height:1.55}
.boot .mantra{font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,2vw,26px);line-height:1.2;color:var(--bone)}
.boot .mantra span{display:block}
.boot .mantra span:nth-child(even){color:var(--copper)}
.boot .goal{font-family:var(--display);white-space:nowrap;font-size:clamp(40px,4vw,60px);line-height:1;color:var(--copper);margin-top:12px;text-shadow:0 0 40px rgba(243,107,53,.3)}
.yr-cred{margin-top:28px;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ash)}
.yr-cred b{color:var(--bone)}
.yr-fine{margin-top:12px;text-align:center;font-size:12px;color:var(--dim);max-width:90ch;margin-left:auto;margin-right:auto}

/* ---------- licensed: what has you looking ---------- */
.why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);align-items:stretch;margin-top:clamp(36px,5vw,56px)}
.why-opts{display:grid;gap:10px;align-content:start}
.why-opt{--x:50%;--y:50%;position:relative;display:flex;align-items:center;gap:18px;width:100%;padding:20px 22px;text-align:left;cursor:pointer;color:var(--bone);font:inherit;
  border:1px solid var(--line2);background:linear-gradient(160deg,#171513,#0e0d0c);overflow:hidden;transition:border-color .3s,transform .3s var(--ease),background .3s}
.why-opt::before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--x) var(--y),rgba(243,107,53,.22),transparent 60%);opacity:0;transition:opacity .3s}
.why-opt:hover::before{opacity:1}
.why-opt:hover{border-color:rgba(243,107,53,.6);transform:translateX(4px)}
.why-opt[aria-pressed="true"]{border-color:var(--copper);background:linear-gradient(160deg,rgba(243,107,53,.24),#120c09 80%);transform:translateX(8px);box-shadow:0 20px 50px -24px rgba(243,107,53,.6)}
.why-opt .q{position:relative;font-family:var(--display);font-size:22px;color:var(--dim);min-width:1.6em;transition:color .3s}
.why-opt[aria-pressed="true"] .q{color:var(--copper)}
.why-opt b{position:relative;display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(19px,1.9vw,24px);line-height:1.1}
.why-opt span.s{position:relative;display:block;font-size:13.5px;color:var(--ash);margin-top:4px}
.why-opt .arrow{position:relative;margin-left:auto;color:var(--brass);transition:transform .3s var(--ease)}
.why-opt[aria-pressed="true"] .arrow{transform:translateX(4px)}
.why-panel{position:relative;border:1px solid var(--line2);background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(243,107,53,.16),transparent 60%),linear-gradient(180deg,#121010,#0a0908);padding:clamp(26px,3.4vw,46px);min-height:420px;overflow:hidden}
.why-ans{display:none}
.why-ans.on{display:block;animation:whyIn .55s var(--ease)}
@keyframes whyIn{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.why-ans small{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.why-ans h3{font-size:clamp(28px,3.4vw,46px);line-height:1;margin-top:12px}
.why-ans h3 .hot{color:var(--copper)}
.why-ans > p{margin-top:18px;color:#d9d2cb;font-size:17px;line-height:1.6;max-width:52ch}
.why-ans ul{list-style:none;margin-top:22px;display:grid;gap:10px}
.why-ans li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:#e3ded8}
.why-ans li::before{content:"";flex:none;width:8px;height:8px;margin-top:8px;background:var(--copper);transform:rotate(45deg);box-shadow:0 0 10px var(--copper)}
.why-ans li b{color:var(--bone)}
.why-empty[hidden]{display:none}
.why-empty{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;min-height:340px}
.why-empty b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(26px,3vw,40px);line-height:1.05;max-width:16ch}
.why-empty p{margin-top:14px;color:var(--ash)}
.why-empty .pulse{width:14px;height:14px;border-radius:50%;background:var(--copper);margin-bottom:22px;box-shadow:0 0 0 0 rgba(243,107,53,.7);animation:dotPulse 1.6s infinite}
@keyframes dotPulse{to{box-shadow:0 0 0 18px rgba(243,107,53,0)}}
.why-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}

/* ---------- licensed: systems bento ---------- */
.sys{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sys-card{--x:50%;--y:50%;position:relative;grid-column:span 2;padding:clamp(22px,2.4vw,32px);border:1px solid var(--line2);background:linear-gradient(160deg,#161412,#0c0b0a);overflow:hidden;min-height:220px;display:flex;flex-direction:column;transition:border-color .3s,transform .35s var(--ease)}
.sys-card::before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--x) var(--y),rgba(243,107,53,.18),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.sys-card:hover{border-color:rgba(243,107,53,.55);transform:translateY(-4px)}
.sys-card:hover::before{opacity:1}
.sys-card--wide{grid-column:span 3}
.sys-card--hero{grid-column:span 4;grid-row:span 2;background:radial-gradient(ellipse 80% 70% at 100% 100%,rgba(243,107,53,.22),transparent 60%),linear-gradient(160deg,#181513,#0c0b0a);border-color:rgba(243,107,53,.4)}
.sys-ic{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(243,107,53,.45);color:var(--copper);margin-bottom:auto}
.sys-ic svg{width:22px;height:22px}
.sys-card h3{font-size:clamp(20px,2vw,26px);margin-top:26px}
.sys-card p{margin-top:10px;color:#cfc8c1;font-size:15px;line-height:1.55}
.sys-card--hero h3{font-size:clamp(30px,3.6vw,52px);line-height:.98}
.sys-card--hero p{font-size:17px;max-width:44ch}
.sys-big{font-family:var(--display);font-size:clamp(60px,8vw,120px);line-height:.85;color:var(--copper);text-shadow:0 0 50px rgba(243,107,53,.35);margin-top:auto;padding-top:30px}
.sys-big small{display:block;font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);margin-top:10px;text-shadow:none}

/* ---------- standards band (non-negotiables, horizontal) ---------- */
.stds{padding:clamp(80px,11vw,140px) 0;border-top:1px solid var(--line);background:linear-gradient(180deg,#0b0908,#100b08);position:relative;overflow:hidden}
.stds::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:160%;background:radial-gradient(ellipse,rgba(243,107,53,.12),transparent 60%);pointer-events:none}
.stds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(243,107,53,.3);border:1px solid rgba(243,107,53,.3);margin-top:clamp(36px,5vw,56px)}
.std{background:#0d0a08;padding:clamp(26px,3vw,40px);position:relative}
.std b{font-family:var(--display);font-weight:400;font-size:clamp(56px,7vw,100px);line-height:.9;color:var(--copper);display:block}
.std strong{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(20px,2vw,26px);line-height:1.1;margin-top:18px}
.std p{margin-top:10px;color:var(--ash);font-size:15px;line-height:1.55}

/* ---------- cross-link band ---------- */
.xlink{padding:clamp(70px,10vw,120px) 0;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(243,107,53,.16),transparent 70%)}
.xlink h2{font-size:clamp(36px,6vw,84px);line-height:.95}
.xlink h2 .hot{color:var(--copper)}
.xlink p{margin:20px auto 0;max-width:52ch;color:#cfc8c1;font-size:18px}
.xlink .hero-cta{justify-content:center;opacity:1;animation:none}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .sys{grid-template-columns:repeat(2,1fr)}
  .sys-card,.sys-card--wide{grid-column:span 1}
  .sys-card--hero{grid-column:span 2;grid-row:auto}
  .yr{grid-template-columns:1fr}
  .nn{position:relative;top:0}
  .boot{grid-template-columns:1fr}
  .boot > div + div{border-left:0;border-top:1px solid var(--line2)}
  .why{grid-template-columns:1fr}
  .why-panel{min-height:0}
  .why-empty{min-height:200px}
}
@media(max-width:900px){
  .tt-hero{padding:96px 0 80px}
  .tt{grid-template-columns:1fr;text-align:center}
  .tt--left{text-align:left}
  .tt-emblem{order:-1;max-width:min(52vw,240px);margin-bottom:4px}
  .gate-page .tt-emblem,.lic-page .tt-emblem,.new-page .tt-emblem{max-width:min(36vw,150px);margin-bottom:0}
  .tt-hero{padding-top:84px}
  .tt-creed,.gate-doors{margin-left:auto;margin-right:auto;text-align:left}
  .gate-q{justify-content:center}
  .gate-q::after{display:none}
  .tt-hero .hero-cta{justify-content:center}
  .tt--left .hero-cta{justify-content:flex-start}
  .flips,.pitch-stats,.stds-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .tt-row{gap:12px;padding-left:16px}
  .tt-mark{width:26px;height:26px;font-size:13px}
  .tt-scroll{display:none}
  .gate-doors{grid-template-columns:1fr}
  .door{min-height:0;padding:18px}
  .sys{grid-template-columns:1fr}
  .sys-card--hero{grid-column:span 1}
  .flip{min-height:250px}
  .yr-list{padding-left:62px}
  .yr-n{left:-62px;width:46px}
  .yr-rail{left:22px}
}
@media(prefers-reduced-motion:reduce){
  .tt-scroll span,.door::after,.nn::before{animation:none}
  .tt-emblem,.tt-row,.gate,.tt-hero .kicker,.ph-anim{animation:none;opacity:1}
  .tt-title .ln > span{animation:none;opacity:1;transform:none;filter:none;background-position:160% 0,0 0}
  .myth-rot span{transition:none}
}

/* ---------- moral compass title band ---------- */
.compass{padding:clamp(80px,11vw,140px) 0;border-top:1px solid var(--line);text-align:center;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(243,107,53,.10),transparent 70%),var(--coal)}
.compass .kicker{justify-content:center}
.compass h2{font-size:clamp(30px,4.6vw,64px);line-height:1.05;max-width:22ch;margin:0 auto}
.compass .hot{color:var(--copper);text-shadow:0 0 50px rgba(243,107,53,.35)}

/* ---------- homepage: family of companies under the emblem ---------- */
.gate-page .tt{grid-template-rows:auto auto;row-gap:clamp(20px,2.4vw,34px)}
.gate-page .tt-copy{grid-row:1 / 3;grid-column:1}
.gate-page .tt-emblem{grid-row:1;grid-column:2;max-width:400px;align-self:end}
.tt-family{grid-row:2;grid-column:2;justify-self:center;align-self:start;text-align:center;opacity:0;animation:fade .8s 1.6s forwards;position:relative;z-index:1}
.tt-family-lbl{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ash);display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}
.tt-family-lbl::before,.tt-family-lbl::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--copper))}
.tt-family-lbl::after{transform:scaleX(-1)}
.tt-family-row{display:flex;justify-content:center;gap:12px}
.tt-family figure{margin:0;width:176px;padding:14px 12px 12px;border:1px solid var(--line2);background:linear-gradient(170deg,rgba(28,24,21,.85),rgba(10,9,8,.9));transition:border-color .3s,transform .3s var(--ease)}
.tt-family figure:hover{border-color:rgba(243,107,53,.55);transform:translateY(-3px)}
.tt-family img{height:108px;width:auto;margin:0 auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}
.tt-family figcaption{margin-top:10px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#cfc8c1}
@media(max-width:900px){
  .gate-page .tt-copy,.gate-page .tt-emblem,.tt-family{grid-row:auto;grid-column:1}
  .gate-page .tt-emblem{max-width:min(36vw,150px);align-self:auto}
  .tt-family{order:1;margin-top:8px}
  .tt-family figure{width:132px}
  .tt-family img{height:70px}
}
@media(prefers-reduced-motion:reduce){.tt-family{animation:none;opacity:1}}

/* =====================================================================
   Materials: brushed metal on every section, carbon-fiber corner wedges
   with a glowing orange edge, and solid orange bands.
   ===================================================================== */
:root{
  --carbon:
    linear-gradient(27deg,#0e0e0f 5px,transparent 5px) 0 5px,
    linear-gradient(207deg,#0e0e0f 5px,transparent 5px) 10px 0,
    linear-gradient(27deg,#1a1a1b 5px,transparent 5px) 0 10px,
    linear-gradient(207deg,#1a1a1b 5px,transparent 5px) 10px 5px,
    linear-gradient(90deg,#141415 10px,transparent 10px),
    linear-gradient(#161617 25%,#121213 25%,#121213 50%,transparent 50%,transparent 75%,#1b1b1c 75%,#1b1b1c);
  --brushed:
    linear-gradient(118deg,transparent 28%,rgba(255,255,255,.035) 46%,transparent 64%),
    repeating-linear-gradient(-58deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(-58deg,rgba(0,0,0,.32) 0 1px,transparent 1px 5px);
}
.sec,.pitch,.stds,.xlink{position:relative;isolation:isolate;overflow:clip}
.sec::before,.pitch::before,.xlink::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:var(--brushed)}
/* carbon wedge, top-right, edge lit in orange */
.sec::after,.pitch::after,.stds::after,.compass::after,.xlink::after{content:"";position:absolute;z-index:-1;pointer-events:none;
  top:-150px;right:-210px;width:660px;height:270px;transform:rotate(32deg);
  background:var(--carbon);background-color:#111112;background-size:20px 20px;
  border-bottom:2px solid rgba(255,138,80,.95);
  box-shadow:0 8px 26px -6px rgba(243,107,53,.75),0 2px 0 rgba(255,190,150,.35)}
/* every other section: wedge drops to the bottom-left instead */
main > .sec:nth-of-type(even)::after{top:auto;bottom:-150px;right:auto;left:-210px;border-bottom:0;border-top:2px solid rgba(255,138,80,.95);
  box-shadow:0 -8px 26px -6px rgba(243,107,53,.75),0 -2px 0 rgba(255,190,150,.35)}
.sec > .wrap,.pitch > .wrap,.xlink > .wrap,.stds > .wrap,.compass > .wrap{position:relative;z-index:1}

/* ---------- orange bands ---------- */
.band-orange{color:#160a03;border-top:0 !important;background:
  linear-gradient(118deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 66%),
  repeating-linear-gradient(-58deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),
  repeating-linear-gradient(-58deg,rgba(0,0,0,.06) 0 1px,transparent 1px 5px),
  linear-gradient(135deg,#ff8b52 0%,#f36b35 45%,#d4480f 100%) !important}
.band-orange{position:relative;isolation:isolate;overflow:clip}
.band-orange::before{display:none}
.band-orange::after{border-bottom-color:rgba(255,255,255,.55) !important;box-shadow:0 8px 30px -6px rgba(0,0,0,.6),0 2px 0 rgba(255,255,255,.25) !important}
.band-orange h2{color:#160a03}
.band-orange h2 .hot{color:#fff !important;text-shadow:0 2px 0 rgba(0,0,0,.12) !important}
.band-orange .kicker{color:#160a03}
.band-orange .kicker::before{background:#160a03}
.band-orange .lede,.band-orange .sec-head p,.band-orange .std p{color:rgba(22,10,3,.82)}
.band-orange .stds-grid{background:rgba(22,10,3,.22);border-color:rgba(22,10,3,.22)}
.band-orange .std{background:rgba(255,255,255,.07)}
.band-orange .std b{color:#160a03}
.band-orange .std strong{color:#160a03}
.statement.band-orange h2 .hot{color:#fff}

@media(max-width:700px){
  .sec::after,.pitch::after,.stds::after,.compass::after,.xlink::after{top:-110px;right:-150px;width:360px;height:170px}
  main > .sec:nth-of-type(even)::after{bottom:-110px;left:-150px}
}
/* a ticker right after an orange band flips to carbon so the two don't merge */
.band-orange + .ticker{background:var(--carbon);background-color:#111112;background-size:20px 20px;color:var(--bone);border-color:rgba(255,138,80,.6)}
.band-orange + .ticker em{color:var(--copper)}

/* =====================================================================
   Compact 3D commission calculator
   ===================================================================== */
.c3d-sec .sec-head{margin-bottom:clamp(28px,4vw,48px)}
.c3d-sec .sec-head .kicker{justify-content:center}
.c3d-stage{perspective:1500px;max-width:1060px;margin:0 auto;padding:12px 0 40px}
.c3d{--rx:9deg;--ry:-7deg;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease)}
.c3d.live{transition:transform .15s linear}
/* glowing copper back plate gives the slab its thickness */
.c3d-edge{position:absolute;inset:0;border-radius:20px;transform:translateZ(-34px);
  background:linear-gradient(135deg,#ffb08a,#f36b35 40%,#9c330b);box-shadow:0 0 70px rgba(243,107,53,.55),0 40px 90px -20px rgba(0,0,0,.9)}
.c3d-face{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:20px;transform-style:preserve-3d;
  border:1px solid rgba(255,255,255,.09);
  background:var(--brushed),linear-gradient(160deg,#17181a,#0b0b0c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.6)}
.c3d-out{container-type:inline-size;position:relative;margin:-22px 0 -22px -22px;padding:clamp(24px,3vw,36px);border-radius:16px;transform:translateZ(70px);
  background:var(--carbon);background-color:#111112;background-size:20px 20px;
  border:1px solid rgba(255,138,80,.75);
  box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 34px rgba(243,107,53,.35),0 50px 70px -30px rgba(0,0,0,.95)}
.c3d-out::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.10),transparent 38%),radial-gradient(ellipse 80% 70% at 20% 30%,rgba(243,107,53,.18),transparent 70%)}
.c3d-out > *{position:relative}
.c3d-out small{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}
.c3d-num{font-family:var(--display);font-size:min(84px,15.5cqi);line-height:1;margin:12px 0 4px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#ff8a52;
  text-shadow:0 1px 0 #e65e22,0 2px 0 #d9541b,0 3px 0 #c84a15,0 4px 0 #b84211,0 5px 0 #a6390d,0 6px 0 #92310a,0 7px 0 #7c2907,
    0 14px 22px rgba(0,0,0,.7),0 0 46px rgba(243,107,53,.45)}
.c3d-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.c3d-chips span{display:block;padding:12px 12px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.35);border-radius:10px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ash);line-height:1.3}
.c3d-chips b{display:block;font-family:var(--display);font-weight:400;font-size:min(22px,5.6cqi);letter-spacing:0;color:var(--bone);margin-bottom:4px;white-space:nowrap}
.c3d-one{margin-top:18px !important;font-size:13px;line-height:1.55;color:var(--ash)}
.c3d-one b,.c3d-one em{color:var(--bone);font-style:normal;font-weight:600}
.c3d-in{padding:clamp(24px,3vw,36px);transform:translateZ(26px)}
.c3d-in .presets{margin-bottom:22px}
.c3d-in .presets button{border-radius:8px}
.c3d-sliders{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.c3d .slider{padding:0;border:0}
.c3d .slider-top{margin-bottom:4px}
.c3d .slider label{font-size:10.5px;letter-spacing:.14em}
.c3d .slider output{font-size:clamp(22px,2.2vw,28px);color:var(--bone)}
.c3d-floor{position:absolute;left:8%;right:8%;bottom:-70px;height:60px;border-radius:50%;transform:translateZ(-60px);
  background:radial-gradient(ellipse,rgba(243,107,53,.35),transparent 70%);filter:blur(14px);pointer-events:none}
.c3d-note{max-width:80ch;margin:30px auto 0;text-align:center;font-size:12.5px;color:var(--dim);line-height:1.6}
@media(max-width:820px){
  .c3d{--rx:5deg;--ry:0deg}
  .c3d-face{grid-template-columns:1fr}
  .c3d-out{margin:-14px -10px 0;transform:translateZ(40px)}
  .c3d-in{transform:translateZ(14px)}
}
@media(max-width:480px){
  .c3d-sliders{gap:16px 14px}
  .c3d .slider output{font-size:20px}
  .c3d .slider label{font-size:9.5px;letter-spacing:.1em}
  .c3d-in{padding:20px 16px}
  .c3d-chips{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .c3d-chips span{padding:10px 8px 8px;font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.c3d{transition:none}}
/* keep the brand on one line when the nav has more links */
.brand{flex-shrink:0}
.brand b{white-space:nowrap}
@media(max-width:1340px){.nav{gap:20px}.nav a{letter-spacing:.1em}}

/* trust wall: tighter cards */
#trust .tcards,#trust .trust-cap{max-width:880px;margin-left:auto;margin-right:auto}
#trust .tcards{gap:14px}
#trust .tcard{padding:22px 26px}
#trust .tcard-num{font-size:clamp(54px,6vw,82px);margin:16px 0 10px}
#trust .tcard-stars{margin-bottom:10px}
#trust .tcard-stars .st{width:18px;height:18px}
#trust .tcard-line{font-size:14.5px;margin-bottom:14px}
#trust .tcard-foot{padding-top:14px}
#trust .trust-cap div{padding:16px 20px}
#trust .trust-cap b{font-size:17px}
#trust .trust-cap span{font-size:13.5px}
/* "Which one is it?" on orange: dark cards float on the band */
#why.band-orange .why-opt{box-shadow:0 14px 30px -18px rgba(0,0,0,.7)}
#why.band-orange .why-opt:hover{border-color:#160a03}
#why.band-orange .why-panel{border-color:rgba(22,10,3,.35);box-shadow:0 30px 60px -30px rgba(0,0,0,.75)}
#why.band-orange .why-panel{color:var(--bone)}
#why.band-orange .why-opt[aria-pressed="true"]{background:linear-gradient(160deg,#2a1308,#120906 80%);border-color:#160a03;box-shadow:0 0 0 2px #160a03,0 22px 44px -20px rgba(0,0,0,.85)}

/* =====================================================================
   Founder reel (video banner) + testimonials page
   ===================================================================== */
.reel-sec{padding:clamp(48px,6vw,84px) 0;border-top:0}
.reel{position:relative;aspect-ratio:3 / 1;border-radius:16px;overflow:hidden;background:#000;
  border:1px solid rgba(255,138,80,.6);box-shadow:0 0 44px rgba(243,107,53,.22),0 50px 90px -40px #000}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* the video carries the words on desktop; the text is for screen readers there and shown on phones */
.reel-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.reel-text p{color:#cfc8c1;font-size:16px;line-height:1.6}
.reel-name b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:24px;color:var(--bone);line-height:1.1;margin-bottom:6px}
.reel-name{font-size:12px !important;letter-spacing:.12em;text-transform:uppercase;color:var(--brass) !important}
.reel-q{font-family:var(--display);text-transform:uppercase;font-size:22px !important;color:var(--copper) !important;line-height:1.2 !important}
@media(max-width:760px){
  .reel{aspect-ratio:4 / 3}
  .reel video{object-position:12% 50%}
  .reel-text{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin-top:22px}
}

.tt--solo{grid-template-columns:1fr;max-width:920px}
.tt--solo .ph-title{font-size:min(9cqi,88px)}
.stories-page .voice[data-pending]{display:none}
.story-next{margin-top:clamp(28px,4vw,44px);display:grid;place-items:center;text-align:center;padding:clamp(34px,5vw,56px) 24px;border:1px dashed rgba(255,138,80,.55);border-radius:14px;background:rgba(243,107,53,.05)}
.story-next b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(26px,3vw,40px);line-height:1}
.story-next p{margin-top:12px;color:var(--ash);max-width:52ch}
.story-next .hero-cta{justify-content:center;opacity:1;animation:none;margin-top:22px}

/* founder reel: full-bleed, edge to edge */
.reel-sec{padding:0;position:relative;isolation:isolate;background:#000}
.reel-sec .reel{aspect-ratio:3 / 1;width:100%;border-radius:0;border:0;border-top:1px solid rgba(255,138,80,.55);border-bottom:1px solid rgba(255,138,80,.55);box-shadow:none}
@media(max-width:760px){
  .reel-sec .reel{aspect-ratio:4 / 3}
  .reel-sec .reel-text{margin:0;padding:24px 0 36px}
}

/* pitch on orange */
.pitch.band-orange .pitch-lines .w{color:rgba(22,10,3,.22)}
.pitch.band-orange .pitch-lines .w.lit{color:#160a03}
.pitch.band-orange .pitch-lines .w.hl.lit{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.14)}
.pitch.band-orange .pitch-close .hot{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.14)}
.pitch.band-orange .pitch-fine{color:rgba(22,10,3,.7)}
.pitch.band-orange .btn--hot{background:#160a03;color:var(--bone);box-shadow:0 14px 34px -12px rgba(0,0,0,.7)}
.pitch.band-orange .btn--hot:hover{background:#000;color:#fff}
/* a ticker right before an orange band goes carbon too */
.ticker:has(+ .band-orange){background:var(--carbon);background-color:#111112;background-size:20px 20px;color:var(--bone);border-color:rgba(255,138,80,.6)}
.ticker:has(+ .band-orange) em{color:var(--copper)}

/* =====================================================================
   Section breaks with depth: every section sits on top of the one above
   it, casting a shadow up over the seam, with a lit bevel on its top edge.
   ===================================================================== */
main > .ticker,footer{position:relative;isolation:isolate}
main > section + section,
main > section + .ticker,
main > .ticker + section,
main + footer,
main > section + div.dock{
  box-shadow:0 -26px 44px -20px rgba(0,0,0,.9),0 -2px 0 rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.09)}
/* orange bands get a darker lip so the overhang reads on bright color */
main > section.band-orange + section,
main > section.band-orange + .ticker{
  box-shadow:0 -30px 50px -18px rgba(70,20,2,.75),0 -3px 0 rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.09)}
main > section + section.band-orange,
main > .ticker + section.band-orange{
  box-shadow:0 -26px 44px -20px rgba(0,0,0,.9),0 -2px 0 rgba(0,0,0,.55),inset 0 2px 0 rgba(255,220,195,.55),inset 0 -1px 0 rgba(0,0,0,.25)}

/* =====================================================================
   We Protect Veterans: the earned path
   ===================================================================== */
.wpv-sec{background:radial-gradient(ellipse 60% 70% at 18% 40%,rgba(60,90,160,.14),transparent 65%),radial-gradient(ellipse 50% 60% at 85% 80%,rgba(243,107,53,.10),transparent 65%)}
.wpv{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,72px);align-items:center}
.wpv-badge{position:relative;justify-self:center;width:100%;max-width:380px;aspect-ratio:1}
.wpv-badge::before{content:"";position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgba(110,150,230,.22),rgba(243,107,53,.10) 45%,transparent 68%);filter:blur(8px)}
.wpv-badge img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.85)) drop-shadow(0 0 24px rgba(110,150,230,.25))}
.wpv-copy h2{font-size:clamp(32px,4.4vw,60px);line-height:1}
.wpv-copy h2 .hot{display:block}
.wpv-copy .lede{margin-top:22px}
.wpv-why{margin-top:16px !important;font-size:16.5px;line-height:1.6;color:#cfc8c1;max-width:58ch;padding-left:18px;border-left:2px solid var(--copper)}
.earn{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(40px,6vw,64px);position:relative}
.earn::before{content:"";position:absolute;left:8%;right:8%;top:38px;height:2px;background:linear-gradient(90deg,var(--line2),rgba(243,107,53,.7) 60%,var(--copper));z-index:0}
.earn-step{position:relative;z-index:1;padding:26px 24px 24px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(170deg,#17171a,#0c0c0d);box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}
.earn-n{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;margin-bottom:18px;font-family:var(--display);font-size:20px;color:var(--bone);background:#0b0b0c;border:2px solid var(--line2)}
.earn-n svg{width:24px;height:24px}
.earn-step small{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.earn-step h3{font-size:clamp(22px,2.2vw,28px);margin-top:6px}
.earn-step p{margin-top:10px;font-size:15px;line-height:1.55;color:#cfc8c1}
.earn-step--top{border-color:var(--copper);background:var(--carbon);background-color:#111112;background-size:20px 20px;
  box-shadow:0 0 0 1px rgba(243,107,53,.35),0 0 40px rgba(243,107,53,.25),0 30px 60px -30px rgba(0,0,0,.95);transform:translateY(-10px)}
.earn-step--top .earn-n{background:var(--copper);border-color:var(--copper);color:#160a03;box-shadow:0 0 24px rgba(243,107,53,.7)}
.earn-step--top small{color:var(--brass)}
.earn-step--top h3{color:var(--bone)}
@media(max-width:860px){
  .wpv{grid-template-columns:1fr}
  .wpv-badge{max-width:220px}
  .earn{grid-template-columns:1fr}
  .earn::before{left:51px;right:auto;top:30px;bottom:30px;width:2px;height:auto;background:linear-gradient(180deg,var(--line2),var(--copper))}
  .earn-step--top{transform:none}
}

/* =====================================================================
   /new/ condensed sections
   ===================================================================== */
.statement .tcards{max-width:880px;margin:clamp(34px,4vw,48px) auto 0;text-align:left}
.statement .tcard{background:linear-gradient(170deg,#18181a,#0b0b0c) !important;box-shadow:0 30px 60px -30px rgba(0,0,0,.85)}
.statement .tcard-line{color:#cfc8c1 !important}
.statement .tcard-foot span{color:var(--ash) !important}

.truths-tight{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.truths-tight div{padding:22px 22px 20px;border:1px solid var(--line2);border-radius:10px;background:linear-gradient(170deg,#161618,#0c0c0d)}
.truths-tight h3{font-size:clamp(18px,1.6vw,21px);line-height:1.15}
.truths-tight p{margin-top:10px;font-size:14.5px;line-height:1.55;color:#cfc8c1}
.grind{margin-top:14px;display:block;padding:clamp(22px,3vw,34px);border-radius:12px;
  background:var(--carbon);background-color:#111112;background-size:20px 20px;border:1px solid var(--copper);box-shadow:0 0 30px rgba(243,107,53,.18)}
.grind h3{font-size:clamp(28px,3.4vw,46px);line-height:.95;color:var(--copper)}
.grind p{margin-top:12px}
.grind p{font-size:16px;line-height:1.6;color:#d9d2cb;max-width:62ch}
.grind p b{color:var(--bone)}

.habits-tight{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.habits-tight li{position:relative;padding:20px 20px 18px 62px;border:1px solid var(--line2);border-radius:10px;background:linear-gradient(170deg,#161618,#0c0c0d)}
.habits-tight li > span{position:absolute;left:18px;top:18px;font-family:var(--display);font-size:22px;color:var(--copper);line-height:1}
.habits-tight b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:17px;line-height:1.15}
.habits-tight p{margin-top:6px;font-size:14px;line-height:1.5;color:#bdb6af}
.habits-quote{margin-top:22px;font-size:17px;color:var(--bone);font-weight:600}
.habits-quote span{display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--ash)}
@media(max-width:980px){.truths-tight{grid-template-columns:1fr 1fr}.habits-tight{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.truths-tight,.habits-tight{grid-template-columns:1fr}}

/* =====================================================================
   Homepage: logos etched into the metal backdrop (no frames, no labels)
   The container blends as one layer with the hero's carbon/metal image.
   ===================================================================== */
.tt-etch{position:absolute;inset:0;z-index:-2;pointer-events:none;mix-blend-mode:luminosity;opacity:.27}
.etch{position:absolute;display:block;height:auto;filter:grayscale(1) contrast(1.15) brightness(.95)
  drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 -1px 0 rgba(0,0,0,.8))}
.etch--tt{width:min(38vw,560px);right:3%;top:47%;transform:translateY(-54%)}
.etch--wpv{width:min(13vw,190px);right:3%;bottom:5%;opacity:.85}
.etch--valora{width:min(9.5vw,135px);right:calc(3% + min(13vw,190px) + 40px);bottom:5%;opacity:.85}
@media(max-width:900px){
  .tt-etch{opacity:.2}
  .etch--tt{width:86vw;right:7vw;top:120px;transform:none}
  .etch--wpv{width:30vw;right:auto;left:4vw;bottom:5%}
  .etch--valora{width:22vw;right:5vw;bottom:5%}
}

/* gate doors stacked so the longer labels read cleanly */
.gate-doors{grid-template-columns:1fr;max-width:600px;gap:10px}
.door{min-height:0;padding:18px 70px 18px 22px}
.door b{font-size:clamp(22px,2.2vw,28px)}
.door span{padding-right:0}
.door i{top:50%;bottom:auto;transform:translateY(-50%)}
.door:hover i{transform:translateY(-50%) translateX(4px) rotate(-45deg)}

/* WPV + Valora keep their color, just faded into the backdrop */
.tt-etch--color{mix-blend-mode:normal;opacity:.42}
.tt-etch--color .etch{filter:saturate(.85) drop-shadow(0 18px 24px rgba(0,0,0,.7))}
.etch--wpv{width:min(17vw,250px);right:2.5%;bottom:4%;opacity:1}
.etch--valora{width:min(12.5vw,180px);right:calc(2.5% + min(17vw,250px) + 34px);bottom:4%;opacity:1}
@media(max-width:900px){
  .tt-etch--color{opacity:.3}
  .etch--wpv{width:36vw;right:auto;left:3vw;bottom:3%}
  .etch--valora{width:26vw;right:4vw;bottom:3%}
}
@media(min-width:901px){.door{padding-right:64px}.door b{font-size:clamp(19px,1.6vw,23px);white-space:nowrap}}
@media(max-width:900px){.tt-etch--color{opacity:.22}.etch--wpv,.etch--valora{bottom:1%}}

/* main gear in faded color; Valora larger, lower and further left */
.tt-etch:not(.tt-etch--color){mix-blend-mode:normal;opacity:.3}
.etch--tt{filter:saturate(.9) drop-shadow(0 24px 30px rgba(0,0,0,.7))}
.etch--wpv{width:min(15vw,220px);right:2.5%;bottom:5%}
.etch--valora{width:min(18vw,265px);right:calc(2.5% + min(15vw,220px) + 80px);bottom:0}
@media(max-width:900px){
  .tt-etch:not(.tt-etch--color){opacity:.2}
  .etch--wpv{width:30vw;left:auto;right:4vw;bottom:2%}
  .etch--valora{width:34vw;right:auto;left:2vw;bottom:0}
}

/* =====================================================================
   Homepage logos, locked in order at every size.
   Wide screens: the logos are baked into the backdrop image (left panel),
   copy sits on the brushed-metal side. Narrower: the same three logos are
   one in-flow group that scales as a unit and can't collide with the copy.
   ===================================================================== */
.tt-marks{display:grid;justify-items:center;gap:clamp(10px,2vw,20px);width:100%;max-width:400px;justify-self:center;align-self:center;
  grid-column:2;grid-row:1 / 3;opacity:0;animation:fade .9s .5s forwards}
.tt-marks-main{width:74%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.85))}
.tt-marks-row{display:grid;grid-template-columns:1fr 1fr;align-items:end;justify-items:center;gap:10%;width:86%}
.tt-marks-valora{width:100%;height:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.8))}
.tt-marks-wpv{width:92%;height:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.8))}

@media(max-width:900px){
  .tt-marks{grid-column:1;grid-row:auto;order:2;max-width:290px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.tt-marks{animation:none;opacity:1}}

/* Homepage: carbon-wave backdrop, logos on the left, writing on the right */
.gate-page .tt-hero::before{background:
  radial-gradient(ellipse 60% 70% at 76% 55%,rgba(243,107,53,.12),transparent 65%),
  linear-gradient(90deg,rgba(0,0,0,.25),transparent 60%,rgba(0,0,0,.15)),
  url("textures/carbon-wave.webp") center / cover no-repeat,#050505}
@media(min-width:901px){
  .gate-page .tt{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .gate-page .tt-copy{grid-column:1;grid-row:1}
  .gate-page .tt-marks{grid-column:2;grid-row:1;max-width:440px}
}
.gate-page .gate-meta{color:#a59e97;text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.9)}
.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.reel img{object-position:14% 50%}}

/* BBB + reviews, half size, inside the orange pitch */
.tcards--mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;gap:12px;margin:34px 0 0}
.tcards--mini .tcard{padding:16px 18px;border-radius:10px;background:linear-gradient(170deg,#18181a,#0b0b0c);border-color:rgba(22,10,3,.45);box-shadow:0 20px 40px -22px rgba(0,0,0,.85)}
.tcards--mini .tcard-head{font-size:10.5px;gap:8px}
.tcards--mini .tcard-logo{width:18px;height:18px}
.tcards--mini .tcard-logo.tchip-bbb{width:14px;height:19px}
.tcards--mini .tcard-num{font-size:clamp(38px,3.6vw,48px);margin:10px 0 6px}
.tcards--mini .tcard-stars{margin-bottom:6px}
.tcards--mini .tcard-stars .st{width:14px;height:14px}
.tcards--mini .tcard-line{font-size:12.5px;line-height:1.45;margin-bottom:10px;color:#cfc8c1 !important}
.tcards--mini .tcard-foot{padding-top:10px;font-size:11px}
.tcards--mini .tcard-foot span{color:var(--ash) !important}
@media(max-width:480px){.tcards--mini{grid-template-columns:1fr}}
.tcard-badge{display:block;margin:10px 0 8px;transition:transform .25s var(--ease),filter .25s}
.tcard-badge img{width:100%;max-width:190px;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.7))}
.tcard-badge:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* BBB + reviews: stacked, wide rectangles (mark left, details right) */
.tcards--mini{grid-template-columns:1fr;max-width:640px;gap:10px}
.tcards--mini .tcard{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:22px;row-gap:4px;align-items:center;padding:16px 22px}
.tcards--mini .tcard > *{grid-column:2}
.tcards--mini .tcard > .tcard-badge,.tcards--mini .tcard > .tcard-num{grid-column:1;grid-row:1 / span 4;margin:0;justify-self:center}
.tcards--mini .tcard-badge img{max-width:170px}
.tcards--mini .tcard-num{font-size:clamp(46px,4vw,58px)}
.tcards--mini .tcard-line{margin-bottom:4px}
.tcards--mini .tcard-foot{padding-top:8px;margin-top:2px}
@media(max-width:480px){
  .tcards--mini .tcard{grid-template-columns:110px minmax(0,1fr);column-gap:14px;padding:14px 16px}
  .tcards--mini .tcard-badge img{max-width:110px}
  .tcards--mini .tcard-num{font-size:40px}
}
/* smaller */
.tcards--mini{max-width:470px;gap:8px;margin-top:28px}
.tcards--mini .tcard{grid-template-columns:110px minmax(0,1fr);column-gap:16px;padding:12px 16px}
.tcards--mini .tcard-badge img{max-width:110px}
.tcards--mini .tcard-num{font-size:40px}
.tcards--mini .tcard-head{font-size:9.5px}
.tcards--mini .tcard-line{font-size:11.5px;line-height:1.4}
.tcards--mini .tcard-foot{font-size:10px;padding-top:6px}
.tcards--mini .tcard-stars .st{width:12px;height:12px}
/* simplest form: mark + label + link only, and less dead space in the pitch */
.tcards--mini .tcard-line,.tcards--mini .tcard-foot > span{display:none}
.tcards--mini .tcard-foot{border-top:0;padding-top:2px;margin-top:0}
.tcards--mini .tcard{padding:10px 14px;grid-template-columns:96px minmax(0,1fr);row-gap:2px}
.tcards--mini .tcard-badge img{max-width:96px}
.tcards--mini .tcard-num{font-size:36px}
.tcards--mini{max-width:400px}
.pitch.band-orange{padding:clamp(80px,10vw,130px) 0 clamp(64px,8vw,100px)}

/* =====================================================================
   Calculator intro: quality conversations + the daily formula
   ===================================================================== */
.qc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,5vw,64px);align-items:center;margin-bottom:clamp(30px,4vw,48px)}
.qc-copy h2{font-size:clamp(32px,4.2vw,56px);line-height:1}
.qc-copy h2 .hot{display:block}
.qc-copy .lede{margin-top:20px}
.qc-mix{list-style:none;margin-top:20px;display:grid;gap:10px}
.qc-mix li{position:relative;padding:12px 16px 12px 44px;border:1px solid var(--line2);border-radius:10px;background:linear-gradient(170deg,#161618,#0c0c0d);font-size:15.5px;line-height:1.5;color:#cfc8c1}
.qc-mix li::before{content:"";position:absolute;left:18px;top:19px;width:9px;height:9px;background:var(--copper);transform:rotate(45deg);box-shadow:0 0 10px var(--copper)}
.qc-mix b{color:var(--bone)}
.qc-duty{margin-top:18px !important;padding-left:16px;border-left:2px solid var(--copper);font-size:16px;line-height:1.6;color:#cfc8c1;max-width:62ch}
.qc-duty b{color:var(--bone)}
.qc-formula{display:grid;justify-items:center;gap:6px;padding:clamp(22px,3vw,32px);border-radius:16px;text-align:center;
  background:var(--carbon);background-color:#111112;background-size:20px 20px;border:1px solid var(--copper);box-shadow:0 0 40px rgba(243,107,53,.22),0 40px 70px -35px #000}
.qc-formula small{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
.qc-step{width:100%;padding:12px 10px;border-radius:10px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.07)}
.qc-step b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(36px,3.6vw,52px);line-height:1;color:var(--bone)}
.qc-step span{display:block;margin-top:4px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}
.qc-step--hot{background:linear-gradient(160deg,rgba(243,107,53,.35),rgba(20,10,5,.8));border-color:var(--copper)}
.qc-step--hot b{color:#ff9b6b;text-shadow:0 0 30px rgba(243,107,53,.5)}
.qc-step--hot span{color:var(--bone)}
.qc-formula > i{font-style:normal;color:var(--copper);font-size:20px;line-height:1}
.qc-lead{text-align:center;font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,2.2vw,28px);margin-bottom:6px}
.qc-close{max-width:780px;margin:clamp(26px,3vw,36px) auto 0;text-align:center;font-size:17px;line-height:1.6;color:#d9d2cb}
.qc-close b{color:var(--bone)}
.qc-close .hot{display:block;margin-top:10px;font-family:var(--display);text-transform:uppercase;font-size:clamp(18px,1.8vw,22px);color:var(--copper)}
@media(max-width:900px){.qc{grid-template-columns:1fr}.qc-formula{max-width:360px;justify-self:center;width:100%}}

/* =====================================================================
   Calculator: calmer tilt + the one-policy breakdown, pressed into the face
   ===================================================================== */
.c3d{--rx:3deg;--ry:-2deg}
.c3d.live{transition:transform .4s var(--ease)}
.c3d-policy{grid-column:1 / -1;margin:6px 24px 24px;padding:18px 24px 22px;border-radius:14px;transform:translateZ(2px);
  background:linear-gradient(180deg,#040404,#0c0c0d 60%,#111112);
  box-shadow:inset 0 8px 22px rgba(0,0,0,.95),inset 0 2px 0 rgba(0,0,0,.9),inset 0 -1px 0 rgba(255,255,255,.07),0 1px 0 rgba(255,255,255,.06)}
.c3d-policy > small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin-bottom:12px}
.c3d-policy-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.8fr) auto minmax(0,1.1fr) auto minmax(0,1.25fr);align-items:center;gap:12px}
.c3d-policy-row > div{min-width:0}
.c3d-policy-row span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-bottom:6px;white-space:nowrap}
.c3d-policy-row b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(26px,2.8vw,40px);line-height:1;color:var(--bone);white-space:nowrap;font-variant-numeric:tabular-nums;
  text-shadow:0 -1px 0 rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.08)}
.c3d-policy-row b em{font-style:normal}
.c3d-policy-row > i{font-style:normal;font-family:var(--display);font-size:clamp(20px,2vw,28px);color:var(--copper);opacity:.85;align-self:end;padding-bottom:4px}
.c3d-policy-row .hot-cell b{font-size:clamp(30px,3.4vw,48px);color:#ff8a52;
  text-shadow:0 1px 0 #d9541b,0 2px 0 #b84211,0 3px 0 #92310a,0 8px 16px rgba(0,0,0,.7),0 0 36px rgba(243,107,53,.45)}
.c3d-policy-row .hot-cell span{color:var(--brass)}
@media(max-width:820px){
  .c3d-policy{margin:8px 12px 16px;padding:16px}
  .c3d-policy-row{grid-template-columns:1fr 1fr;gap:14px 16px}
  .c3d-policy-row > i{display:none}
  .c3d-policy-row b{font-size:26px}
  .c3d-policy-row .hot-cell b{font-size:30px}
}
/* formula: appointments and/or dials */
.qc-step--pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.qc-step--pair b{font-size:clamp(28px,2.6vw,38px)}
.qc-step--pair span{font-size:10px;letter-spacing:.12em}
.qc-step--pair em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}
@media(max-width:820px){.c3d-policy-row b{font-size:21px}.c3d-policy-row .hot-cell b{font-size:23px}}

/* story reel with a headline above (Melissa) */
.reel-sec--story{background:linear-gradient(180deg,#0b0b0c,#000 85%)}
.reel-sec .reel--wide{aspect-ratio:2000 / 556}
.reel-head{padding:clamp(40px,5vw,64px) 0 clamp(18px,2.2vw,28px);text-align:center}
.reel-head h2{font-size:clamp(22px,2.6vw,36px);line-height:1.1;max-width:30ch;margin:0 auto}
.reel-head .hot{color:var(--copper);text-shadow:0 0 40px rgba(243,107,53,.35)}
.reel-aside{display:block;margin-top:10px;font-size:.52em;letter-spacing:.06em;color:var(--ash)}
.reel-aside--q{margin-top:4px;color:var(--bone)}
@media(max-width:760px){.reel-sec--story .reel video{object-position:78% 50%}}
/* keep the calculator headline clear of the tilted calculator */
.qc-lead{margin-bottom:clamp(44px,5vw,64px) !important}

/* =====================================================================
   /veterans/ page
   ===================================================================== */
.vet-page .tt-hero::before{background:
  radial-gradient(ellipse 55% 65% at 76% 50%,rgba(70,110,200,.16),transparent 65%),
  radial-gradient(ellipse 50% 60% at 20% 40%,rgba(243,107,53,.10),transparent 65%),
  url("textures/carbon-wave.webp") center / cover no-repeat,#050505}
.vet-badge{justify-self:center;width:100%;max-width:420px;opacity:0;animation:fade 1s .4s forwards}
.vet-badge img{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.85)) drop-shadow(0 0 30px rgba(110,150,230,.25))}
.vet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vet-cards article{position:relative;padding:26px 24px 24px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(170deg,#161618,#0c0c0d)}
.vet-cards h3{font-size:clamp(22px,2.2vw,28px);margin-top:12px}
.vet-cards p{margin-top:10px;font-size:15.5px;line-height:1.55;color:#cfc8c1}
.vet-n{font-family:var(--display);font-size:22px;color:var(--copper)}
.vet-cards .vet-cards--hot{border-color:var(--copper);background:var(--carbon);background-color:#111112;background-size:20px 20px;box-shadow:0 0 34px rgba(243,107,53,.22)}
.vet-line{margin-top:28px;font-family:var(--display);text-transform:uppercase;font-size:clamp(18px,2vw,26px);text-align:center}
.vet-why{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vet-why > div{padding:22px 22px 20px;border-radius:12px;background:linear-gradient(170deg,#18181a,#0b0b0c);box-shadow:0 24px 50px -26px rgba(0,0,0,.85)}
.vet-why b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(19px,1.8vw,24px);color:var(--bone)}
.vet-why p{margin-top:8px;font-size:15px;line-height:1.55;color:#cfc8c1 !important}
.vet-why a{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);text-decoration:none}
.vet-why a:hover{color:#fff}
@media(max-width:900px){
  .vet-badge{order:-1;max-width:min(46vw,200px)}
  .vet-cards,.vet-why{grid-template-columns:1fr}
}

/* anything marked hidden stays hidden, even when a component sets display (e.g. the form Back button) */
[hidden]{display:none !important}

/* /new/ hero: everyone sells the dream */
.dream-hero .ph-title{font-size:min(12cqi,104px);line-height:.92}
.dream-sub{margin-top:22px;font-family:var(--display);text-transform:uppercase;font-size:min(5.2cqi,36px);line-height:1.12;color:#cfc8c1;max-width:24ch}
.dream-sub b{font-weight:400;color:var(--bone);text-shadow:0 0 30px rgba(243,107,53,.25)}
.dream-hero .ph-lede{margin-top:20px}

/* hard part + top producer habits, one section, two columns */
.hardgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hp-col{padding:24px 24px 20px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(170deg,#161618,#0c0c0d)}
.hp-label{font-size:clamp(17px,1.6vw,21px);line-height:1.15;color:var(--copper);margin-bottom:14px}
.hp-list{list-style:none;display:grid;gap:10px;counter-reset:hp}
.hp-list li{position:relative;padding-left:22px;font-size:15px;line-height:1.5;color:#bdb6af}
.hp-list li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;background:var(--copper);transform:rotate(45deg)}
.hp-list b{color:var(--bone);font-weight:600}
.hp-list--num li{padding-left:30px;counter-increment:hp}
.hp-list--num li::before{content:counter(hp,decimal-leading-zero);background:none;transform:none;width:auto;height:auto;top:1px;left:0;font-family:var(--display);font-size:15px;color:var(--copper)}
#truth .grind .habits-quote{margin-top:16px;font-size:15.5px}
@media(max-width:900px){.hardgrid{grid-template-columns:1fr}}
.tt-marks-row{grid-template-columns:1fr 1.08fr;gap:4%;width:100%}.tt-marks-wpv{width:100%}
.tt-marks-main{width:64%}
@media(min-width:901px){.gate-page .tt-marks{max-width:480px}}
@media(max-width:900px){.tt-marks{max-width:340px}}

/* homepage trust row under the choices */
.gate-trust{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
.gate-bbb{display:block;transition:transform .25s var(--ease),filter .25s}
.gate-bbb img{display:block;height:58px;width:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.7))}
.gate-bbb:hover{transform:translateY(-2px);filter:brightness(1.08)}
.gate-google{display:flex;align-items:center;gap:10px;height:58px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,11,.75);box-shadow:0 8px 14px rgba(0,0,0,.5)}
.gate-google svg{width:26px;height:26px;flex:none}
.gate-google b{display:inline-block;font-family:var(--display);font-weight:400;font-size:22px;line-height:1;color:var(--bone);margin-right:6px}
.gate-stars{color:#FBBC04;font-size:13px;letter-spacing:1px}
.gate-google small{display:block;margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}
@media(max-width:900px){.gate-trust{justify-content:center}}

/* daily formula: size by the box, not the window, so it holds at any screen width */
.qc-formula{container-type:inline-size}
.qc-step b{font-size:min(52px,17cqi);white-space:nowrap}
.qc-step--pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
.qc-step--pair b{font-size:min(38px,12cqi)}
.qc-step--pair span{font-size:min(10px,3.4cqi);letter-spacing:.1em}
.qc-step--pair em{font-size:min(10.5px,3.4cqi)}

/* =====================================================================
   Homepage: "We operate one way here" + dictionary definition card
   ===================================================================== */
.def-sec{padding:clamp(70px,9vw,120px) 0}
.def-wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,72px);align-items:center}
.def-lead{font-size:clamp(34px,4.6vw,64px);line-height:.98}
.def-lead .hot{display:block;color:var(--copper)}
.def-card{position:relative;padding:clamp(28px,4vw,52px) clamp(26px,4vw,56px);border-radius:4px;color:#1b1a18;
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.32  0 0 0 0 0.28  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"),
    linear-gradient(160deg,#efebe4,#e4ded5);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 40px 80px -30px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.4);
  transform:rotate(-.6deg)}
.def-word{font-weight:700;font-size:clamp(38px,5.4vw,76px);line-height:.95;letter-spacing:-.01em;margin:0 !important}
.def-word span{font-weight:400;font-size:.42em;letter-spacing:0;white-space:nowrap}
.def-body{display:grid;grid-template-columns:auto 1fr;gap:0 18px;margin-top:22px !important;font-size:clamp(17px,1.6vw,22px);line-height:1.45}
.def-body i,.def-syn i{font-style:italic}
.def-syn{margin-top:22px !important;padding-top:14px;border-top:2px solid #1b1a18;font-size:clamp(15px,1.3vw,18px)}
.def-syn i{margin-right:12px}
@media(max-width:900px){
  .def-wrap{grid-template-columns:1fr}
  .def-lead{text-align:center}
  .def-card{transform:none}
  .def-body{grid-template-columns:1fr;gap:4px}
}

/* definition card living in the footer */
.def-wrap--foot{margin-bottom:44px;padding-bottom:44px;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.def-wrap--foot .def-lead{font-family:var(--display);font-weight:400;text-transform:uppercase;color:var(--bone);font-size:clamp(28px,3.4vw,48px);line-height:1;margin:0}
.def-wrap--foot .def-card{max-width:680px;justify-self:end}
.def-wrap--foot .def-word{font-size:clamp(32px,3.8vw,54px)}
.def-wrap--foot .def-body{font-size:clamp(15px,1.25vw,18px)}
.def-wrap--foot .def-syn{font-size:clamp(13px,1.1vw,15px)}
footer .def-card p{color:#1b1a18}
footer:has(.def-wrap--foot){padding-top:clamp(56px,7vw,90px)}
@media(max-width:900px){.def-wrap--foot .def-card{justify-self:stretch}}

/* BBB A+ Rating badge: crop the plate out of its dark backdrop */
.bbb-crop{display:block;overflow:hidden;aspect-ratio:1349 / 807;border-radius:5% / 8%;box-shadow:0 10px 18px rgba(0,0,0,.6)}
.bbb-crop img{display:block;max-width:none !important;width:113.86% !important;height:auto !important;margin:-7.19% 0 0 -6.746%;filter:none !important}
.gate-bbb .bbb-crop{height:58px;width:auto}
.tcard-badge .bbb-crop{width:96px}
@media(max-width:480px){.tcard-badge .bbb-crop{width:84px}}

/* footer definition: wide card, word + parenthetical on one line, body runs full width */
.def-wrap--foot{grid-template-columns:1fr;gap:22px}
.def-wrap--foot .def-lead{font-size:clamp(22px,2.4vw,32px)}
.def-wrap--foot .def-lead .hot{display:inline}
.def-wrap--foot .def-card{max-width:none;justify-self:stretch;transform:none;padding:clamp(26px,3.4vw,46px) clamp(24px,4vw,60px)}
.def-wrap--foot .def-word{font-size:clamp(34px,4.6vw,72px);letter-spacing:-.02em}
.def-wrap--foot .def-word span{font-size:.62em;font-weight:400;white-space:normal}
.def-wrap--foot .def-body{display:block;margin-top:14px !important;font-size:clamp(16px,1.7vw,24px);line-height:1.4}
.def-wrap--foot .def-body i{margin-right:.6em}
.def-wrap--foot .def-syn{font-size:clamp(15px,1.5vw,21px);margin-top:20px !important;padding-top:16px}
/* footer definition: smaller */
.def-wrap--foot{gap:16px;margin-bottom:36px;padding-bottom:36px}
.def-wrap--foot .def-lead{font-size:clamp(18px,1.8vw,24px)}
.def-wrap--foot .def-card{max-width:820px;padding:clamp(20px,2.4vw,30px) clamp(20px,2.8vw,38px)}
.def-wrap--foot .def-word{font-size:clamp(26px,2.8vw,40px)}
.def-wrap--foot .def-body{margin-top:10px !important;font-size:clamp(14px,1.15vw,16.5px)}
.def-wrap--foot .def-syn{font-size:clamp(13px,1vw,15px);margin-top:14px !important;padding-top:10px}
@media(max-width:1240px) and (min-width:981px){.nav{gap:16px}.nav a{letter-spacing:.08em}.nav .team{display:none}}
@media(max-width:1500px){.nav{gap:20px}.nav .team{display:none}}
@media(max-width:1100px){.nav a:not(.btn){display:none}}

/* carriers wall */
.carriers{margin:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 50px 90px -40px #000,0 0 40px rgba(243,107,53,.12)}
.carriers img{display:block;width:100%;height:auto}

/* /veterans/ hero: honor guard photo melting into the dark */
.vet-photo{margin:0;justify-self:center;width:100%;max-width:620px;opacity:0;animation:fade 1.2s .3s forwards}
.vet-photo img{display:block;width:100%;height:auto;
  -webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 46%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 72% at 50% 46%,#000 55%,transparent 100%)}
.vet-mark{display:block;width:clamp(84px,8vw,120px);height:auto;margin-bottom:14px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.8))}
@media(max-width:900px){
  .vet-photo{order:-1;max-width:min(80vw,380px)}
  .vet-mark{margin:0 auto 12px;width:76px}
}
.vet-page .tt{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vet-photo{max-width:680px;mix-blend-mode:lighten}
.vet-page .tt-hero::before{background:
  radial-gradient(ellipse 45% 70% at 75% 50%,#000 30%,transparent 75%),
  radial-gradient(ellipse 50% 60% at 20% 40%,rgba(243,107,53,.10),transparent 65%),
  url("textures/carbon-wave.webp") center / cover no-repeat,#050505}
@media(max-width:900px){.vet-page .tt{grid-template-columns:1fr}.vet-page .tt-hero::before{background:radial-gradient(ellipse 80% 40% at 50% 22%,#000 30%,transparent 75%),url("textures/carbon-wave.webp") center / cover no-repeat,#050505}}
/* WPV logo sits with the honor guard photo */
.vet-photo{position:relative;mix-blend-mode:normal}
.vet-photo > img:first-child{mix-blend-mode:lighten}
.vet-photo .vet-mark{position:absolute;right:2%;bottom:4%;width:clamp(110px,12vw,170px);margin:0;filter:drop-shadow(0 14px 22px rgba(0,0,0,.85))}
@media(max-width:900px){.vet-photo .vet-mark{width:90px;right:4%;bottom:2%}}

/* =====================================================================
   /testimonials/: agent wall
   ===================================================================== */
.agents-head{margin:clamp(56px,7vw,90px) 0 clamp(22px,3vw,32px)}
.agents-head h2{font-size:clamp(30px,3.8vw,52px)}
.agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.agent{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:linear-gradient(170deg,#171719,#0c0c0d);box-shadow:0 30px 60px -36px rgba(0,0,0,.9);transition:border-color .3s,transform .35s var(--ease)}
.agent:hover{border-color:rgba(243,107,53,.55);transform:translateY(-3px)}
.agent-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;min-height:260px}
.agent-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:14px}
.agent-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.agent h3{font-size:clamp(20px,1.8vw,25px);line-height:1.05}
.agent-top small{display:block;margin-top:5px;font-size:11.5px;letter-spacing:.06em;color:var(--ash)}
.agent-month{flex:none;text-align:center;padding:8px 12px 7px;border-radius:10px;background:linear-gradient(160deg,rgba(243,107,53,.28),rgba(20,10,5,.85));border:1px solid rgba(243,107,53,.65);box-shadow:0 0 22px rgba(243,107,53,.22)}
.agent-month b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1;color:#ffb08a}
.agent-month span{display:block;margin-top:3px;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);white-space:nowrap}
.agent blockquote{font-size:15.5px;line-height:1.6;color:#d9d2cb;margin:0}
.agent blockquote::before{content:"\201C";font-family:Georgia,serif;color:var(--copper);font-size:40px;line-height:0;vertical-align:-.36em;margin-right:4px}
.agents-fine{margin-top:18px;font-size:12px;color:var(--dim);max-width:90ch}
@media(max-width:1000px){.agents{grid-template-columns:1fr}}
@media(max-width:560px){
  .agent{grid-template-columns:1fr}
  .agent-photo{height:300px;min-height:0;object-position:center 25%}
}

/* =====================================================================
   Fit fixes from the multi-width audit
   ===================================================================== */
/* long single words (CONVERSATIONS., CONVERSATION.) must fit a 320px column */
.qc-copy h2{font-size:clamp(26px,4.2vw,56px)}
.xlink h2{font-size:clamp(28px,6vw,84px)}
.sec-head h2,.tt-hero h1,.xlink h2,.reel-head h2,.compass h2{overflow-wrap:break-word}
/* calculator policy labels may wrap on phones */
@media(max-width:820px){.c3d-policy-row span{white-space:normal;letter-spacing:.1em}}
/* small phones: header brand + Apply must share 360px */
@media(max-width:400px){
  .top .bar{gap:10px}
  .brand{gap:8px}
  .brand img{height:26px}
  .brand b{font-size:12px;letter-spacing:.02em}
  .nav .btn{padding:9px 12px;font-size:10.5px;letter-spacing:.08em}
}

/* scroll reveal: one motion, sliding in from the sides */
.slide{opacity:0;translate:var(--sx,-70px) 0;
  transition:opacity .7s var(--ease) var(--sd,0ms),translate .9s var(--ease) var(--sd,0ms),transform .35s var(--ease),border-color .3s,box-shadow .3s,background .3s}
.slide.from-r{--sx:70px}
.slide.in{opacity:1;translate:0 0}
@media(max-width:700px){.slide{--sx:-34px}.slide.from-r{--sx:34px}}
@media(prefers-reduced-motion:reduce){.slide{opacity:1;translate:none;transition:none}}
.nn{container-type:inline-size}.nn h3{font-size:min(32px,10.6cqi)}

/* homepage: sales-jobs banner (runs the opposite way) + "booming" strip */
.ticker--jobs{background:var(--carbon);background-color:#111112;background-size:20px 20px;color:var(--bone);border-color:rgba(255,138,80,.55)}
.ticker--jobs .ticker-track{animation-direction:reverse;animation-duration:44s}
.ticker--jobs span{font-size:clamp(17px,1.9vw,22px);padding:12px 22px}
.ticker--jobs em{color:var(--copper)}
.boom{padding:clamp(48px,6vw,80px) 0}
.boom-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px,4vw,56px);align-items:end}
.boom h2{font-size:clamp(26px,3vw,42px);line-height:1.05}
.boom h2 .hot{color:var(--copper)}
.boom-side p{font-size:16.5px;line-height:1.6;color:#cfc8c1}
.boom-side .btn{margin-top:18px}
@media(max-width:900px){.boom-in{grid-template-columns:1fr;align-items:start}}
.agent-month span{white-space:normal;max-width:9em;margin-left:auto;margin-right:auto;line-height:1.25}
.stories-page .agents-head{margin-top:0}

/* phones: wide testimonial banners become a portrait photo card; the readable text sits below */
@media(max-width:760px){
  .reel-sec .reel{aspect-ratio:4 / 5;width:auto;max-width:min(340px,86vw);margin:0 auto;border-radius:16px;border:1px solid rgba(255,138,80,.5);box-shadow:0 30px 60px -30px #000,0 0 30px rgba(243,107,53,.15)}
  .reel-sec .reel video,.reel-sec .reel img,.reel-sec--story .reel video{object-position:var(--mpos,12%) 30%}
  .reel-sec .reel-text{padding-top:22px}
}

/* =====================================================================
   FINISH LAYER: one radius system, one card surface, tighter rhythm.
   (Loaded last so it settles the older component styles.)
   ===================================================================== */
:root{--r-card:14px;--r-sm:10px;--r-btn:10px;--surface:linear-gradient(170deg,#171719,#0c0c0d);--edge:1px solid rgba(255,255,255,.08)}

/* rhythm: sections breathe, but don't sprawl */
.sec{padding:clamp(64px,8vw,116px) 0}
.sec-head{margin-bottom:clamp(30px,4.4vw,56px)}
.sec-head .lede{margin-top:16px}
.kicker{margin-bottom:16px}

/* buttons + inputs: soft corners, consistent weight */
.btn{border-radius:var(--r-btn)}
.dock .btn{border-radius:12px}
.fg input[type=text],.fg input[type=email],.fg input[type=tel],.fg select,.fg textarea{border-radius:var(--r-sm)}
.filedrop{border-radius:var(--r-sm)}
.chip span,.presets button{border-radius:8px}

/* every card shares one shape and surface */
.door,.why-opt,.why-panel,.sys-card,.flip-f,.flip-b,.tcard,.check > div,.form,.feature,.hardgrid .hp-col,.truths-tight div,.earn-step,
.vet-cards article,.vet-why > div,.agent,.nn,.boot,.story-next,.grind,.qc-formula,.c3d-face,.c3d-edge,.def-card,.carriers,.gate-google{border-radius:var(--r-card)}
.qc-mix li,.qc-step,.c3d-chips span,.agent-month,.tcards--mini .tcard{border-radius:var(--r-sm)}
.check > div,.form,.feature,.why-panel,.sys-card,.door,.why-opt{border-color:rgba(255,255,255,.09)}
.check > div{background:var(--surface)}
.form{overflow:hidden}
.feature{overflow:hidden}
/* grids built on 1px gaps get a rounded outer shell instead of square seams */
.stds-grid,.boot{overflow:hidden;border-radius:var(--r-card)}
.flip{border-radius:var(--r-card)}

/* faq rows: cleaner list with a hover cue */
.faq{border-top-color:rgba(255,255,255,.08)}
.faq details{border-bottom-color:rgba(255,255,255,.08);transition:background .25s}
.faq summary:hover{color:var(--brass)}

/* headings: tighter tracking at display sizes */
.sec-head h2,.ph-title,.tt-title,.reel-head h2,.pitch-close h2{letter-spacing:.005em}

/* apply column headline fits its column */
.apply h2{font-size:clamp(30px,3.4vw,48px);line-height:1}

/* phones: corner carbon panels never sit under text; kickers stay on one or two lines */
@media(max-width:700px){
  .sec::after,.pitch::after,.stds::after,.compass::after,.xlink::after,main > .sec:nth-of-type(even)::after{display:none}
  .kicker{letter-spacing:.16em;font-size:11.5px;gap:10px}
  .kicker::before{width:20px}
}
/* fit checklist: check / cross markers */
.check li{position:relative;padding-left:30px}
.check li::before{position:absolute;left:0;top:11px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800;line-height:1}
.check .yes li::before{content:"\2713";background:rgba(243,107,53,.16);color:var(--copper);border:1px solid rgba(243,107,53,.5)}
.check .no li::before{content:"\2715";background:rgba(255,255,255,.04);color:var(--dim);border:1px solid var(--line2)}
.check .yes{border-color:rgba(243,107,53,.35)}

/* ================= IMO PAGE ================= */
.imo-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.imo-facts > div{border:1px solid var(--line2);border-radius:var(--r-card);padding:clamp(22px,2.6vw,30px);background:linear-gradient(160deg,#161412,#0c0b0a)}
.imo-facts small,.imo-kpi strong{display:block;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.imo-facts b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3vw,44px);line-height:1;color:var(--copper);margin:12px 0 10px;overflow-wrap:anywhere}
.imo-facts span{color:#cfc8c1;font-size:15px;line-height:1.5}
.imo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.imo-kpi{border:1px solid var(--line2);border-radius:var(--r-card);padding:clamp(20px,2.4vw,28px);background:linear-gradient(170deg,#171719,#0c0c0d);display:flex;flex-direction:column;gap:10px}
.imo-kpi b{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.4vw,50px);line-height:.9;color:var(--bone)}
.imo-kpi strong{color:var(--brass);letter-spacing:.14em}
.imo-kpi span{color:var(--ash);font-size:13.5px;line-height:1.5;margin-top:auto}
.imo-chart{margin-top:clamp(28px,4vw,44px);border:1px solid var(--line2);border-radius:var(--r-card);padding:clamp(22px,3vw,36px);background:linear-gradient(170deg,#141416,#0b0b0c)}
.imo-chart h3{font-size:clamp(22px,2.4vw,32px)}
.imo-chart h3 .hot{color:var(--copper)}
.imo-chart > p{color:var(--ash);margin-top:10px;font-size:15px}
.imo-bars{display:grid;gap:18px;margin-top:26px}
.imo-bar{display:grid;grid-template-columns:170px minmax(0,1fr) 130px;gap:18px;align-items:center}
.imo-bar b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:20px;line-height:1}
.imo-bar small{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-top:6px}
.imo-track{height:34px;border:1px solid var(--line2);border-radius:6px;background:rgba(255,255,255,.03);overflow:hidden}
.imo-track i{display:block;height:100%;background:linear-gradient(90deg,rgba(243,107,53,.35),rgba(243,107,53,.6))}
.imo-bar--hot .imo-track i{background:linear-gradient(90deg,#c2501f,var(--copper));box-shadow:0 0 30px rgba(243,107,53,.45)}
.imo-bar em{font-style:normal;font-family:var(--display);font-size:clamp(20px,2vw,26px);white-space:nowrap;text-align:right;color:var(--bone)}
.imo-bar--hot em{color:var(--copper)}
.spk-year + .spk-year{margin-top:clamp(30px,4vw,48px)}
.spk-year h3{font-size:13px;font-family:var(--body);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:14px}
.spk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.spk{border:1px solid var(--line2);border-radius:var(--r-card);padding:18px 18px 16px;background:linear-gradient(160deg,#161412,#0c0b0a);display:flex;flex-direction:column;gap:6px}
.spk b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(19px,1.8vw,24px);line-height:1.05}
.spk span{color:var(--ash);font-size:13.5px;line-height:1.45}
.spk em{margin-top:auto;padding-top:8px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--copper)}
.spk--next{border-color:rgba(243,107,53,.5);background:radial-gradient(ellipse 90% 80% at 100% 100%,rgba(243,107,53,.18),transparent 65%),linear-gradient(160deg,#181513,#0c0b0a)}
.imo-fine{margin-top:22px;color:var(--ash);font-size:13px;line-height:1.6;max-width:90ch}
@media(max-width:980px){.imo-kpis,.spk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .imo-facts{grid-template-columns:1fr}
  .imo-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m v" "t t";gap:8px 14px}
  .imo-bar > div:first-child{grid-area:m}.imo-bar em{grid-area:v}.imo-track{grid-area:t}
}
@media(max-width:520px){.imo-kpis,.spk-grid{grid-template-columns:1fr}}

/* ================= HOME: proof preview + IMO teaser ================= */
.hp-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hp-quote{margin:0;border:1px solid var(--line2);border-radius:var(--r-card);padding:clamp(22px,2.6vw,32px);background:linear-gradient(170deg,#171719,#0c0c0d);display:flex;flex-direction:column;gap:16px}
.hp-quote blockquote{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:#e4ddd6}
.hp-quote figcaption{margin-top:auto;display:flex;justify-content:space-between;gap:14px;align-items:flex-end;border-top:1px solid var(--line2);padding-top:14px}
.hp-quote figcaption b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:20px;line-height:1}
.hp-quote figcaption span{display:block;font-size:12px;color:var(--ash);margin-top:6px}
.hp-quote figcaption strong{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.6vw,36px);color:var(--copper);line-height:1;text-align:right}
.hp-quote figcaption strong small{display:block;font-family:var(--body);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-top:6px}
.hp-imo{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid rgba(243,107,53,.45);border-radius:var(--r-card);padding:clamp(20px,2.4vw,28px) clamp(22px,2.6vw,32px);background:radial-gradient(ellipse 70% 120% at 0% 50%,rgba(243,107,53,.16),transparent 70%),#0c0b0a}
.hp-imo p{margin:0;font-size:clamp(17px,1.7vw,21px);color:#e4ddd6;max-width:60ch}
.hp-imo p b{color:var(--copper);font-weight:700}
.hp-proof-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.xlink .fine{margin:22px auto 0;max-width:70ch;font-size:13px;color:var(--ash)}
@media(max-width:820px){.hp-proof{grid-template-columns:1fr}}

/* ================= CREDIBILITY EDGE (licensed + new) ================= */
.edge{margin-top:clamp(40px,6vw,72px)}

.edge-head{max-width:900px;margin-bottom:clamp(26px,3.6vw,40px)}
.edge-head h2{font-size:clamp(32px,4.6vw,64px);line-height:.95}
.edge-head h2 .hot{color:var(--copper)}
.edge-head .lede{margin-top:18px}
.edge-head .lede b{color:var(--bone)}
.edge-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.edge-col{border-radius:var(--r-card);padding:clamp(22px,3vw,34px)}
.edge-col small{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}
.edge-col ul{list-style:none;margin:0;padding:0}
.edge-col li{position:relative;padding:14px 0 14px 34px;border-top:1px solid var(--line2);font-family:var(--display);text-transform:uppercase;font-size:clamp(18px,1.8vw,24px);line-height:1.15}
.edge-col li::before{position:absolute;left:0;top:15px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-family:var(--body);font-size:12px;font-weight:800;line-height:1}
.edge-col--them{border:1px solid var(--line2);background:rgba(255,255,255,.02)}
.edge-col--them small{color:var(--ash)}
.edge-col--them li{color:var(--ash);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.25);text-decoration-thickness:1px}
.edge-col--them li::before{content:"\2715";border:1px solid var(--line2);color:var(--dim)}
.edge-col--us{border:1px solid rgba(243,107,53,.6);background:radial-gradient(ellipse 90% 90% at 100% 100%,rgba(243,107,53,.2),transparent 65%),linear-gradient(160deg,#181513,#0c0b0a);box-shadow:0 30px 60px -30px rgba(243,107,53,.35)}
.edge-col--us small{color:var(--copper)}
.edge-col--us li{color:var(--bone)}
.edge-col--us li::before{content:"\2713";background:var(--copper);color:#160a03;box-shadow:0 0 18px rgba(243,107,53,.5)}
.edge-punch{margin-top:clamp(22px,3vw,32px);font-size:clamp(18px,1.9vw,24px);color:#cfc8c1;max-width:60ch}
.edge-punch b{color:var(--copper);font-weight:700}
@media(max-width:760px){.edge-vs{grid-template-columns:1fr}}

/* ================= TRUST HERO (licensed + new) ================= */
.trusthero{position:relative;isolation:isolate;overflow:clip;padding:clamp(90px,13vw,170px) 0 clamp(80px,11vw,140px);border-top:1px solid var(--line);background:#050505}
.trust-bg{position:absolute;left:0;right:0;top:0;height:min(100%,1150px);z-index:-1;background:
  linear-gradient(180deg,rgba(5,5,5,.7) 0%,rgba(5,5,5,0) 14%,rgba(5,5,5,0) 62%,#050505 100%),
  linear-gradient(90deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,0) 65%),
  radial-gradient(ellipse 55% 45% at 15% 35%,rgba(243,107,53,.16),transparent 70%),
  url(/assets/textures/carbon-wave.webp) center top/cover no-repeat;filter:brightness(1.35) contrast(1.1)}
.trust-top{max-width:980px}
.trust-top h2{font-size:clamp(40px,7vw,104px);line-height:.9}
.trust-top h2 .hot{display:block;color:var(--copper);text-shadow:0 0 60px rgba(243,107,53,.35)}
.trust-lede{margin-top:clamp(22px,3vw,32px);font-size:clamp(17px,1.8vw,22px);color:#cfc8c1;max-width:52ch}
.trust-imagine{margin-top:clamp(26px,3.4vw,40px);padding-left:20px;border-left:2px solid var(--copper);font-size:clamp(20px,2.4vw,30px);line-height:1.3;color:var(--bone);max-width:34ch}
.trust-imagine b{color:var(--copper);font-weight:700}
.trust-that{margin-top:18px;font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,3vw,40px);line-height:1;color:var(--bone);letter-spacing:.01em}
.trust-stats{margin-top:clamp(40px,6vw,70px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(255,255,255,.1);border-radius:var(--r-card);overflow:hidden;background:rgba(10,10,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.trust-stats > div{padding:clamp(20px,2.6vw,30px);border-left:1px solid rgba(255,255,255,.08)}
.trust-stats > div:first-child{border-left:0}
.trust-stats b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:.9;color:var(--copper)}
.trust-stats span{display:block;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}
.trust-quote{margin:clamp(26px,3.4vw,40px) 0 0;max-width:820px}
.trust-quote blockquote{font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:clamp(19px,2vw,26px);line-height:1.45;color:#e9e2db}
.trust-quote blockquote::before{content:"\201C"}
.trust-quote blockquote::after{content:"\201D"}
.trust-quote figcaption{margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.trusthero .edge{margin-top:clamp(60px,8vw,110px)}
.trusthero .edge-col--them{background:rgba(10,10,10,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media(max-width:820px){
  .trust-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-stats > div:nth-child(3){border-left:0}
  .trust-stats > div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
}

/* ================= DROPDOWN DETAILS (.faq.more) ================= */
.faq.more{max-width:none;margin-top:clamp(28px,4vw,44px)}
.faq.more summary{font-size:clamp(20px,2.4vw,30px);padding:26px 56px 26px 0}
.faq.more summary::after{color:var(--copper)}
.faq.more details[open] summary{color:var(--copper)}
.faq.more details > div{max-width:none;padding:0 0 clamp(28px,4vw,44px)}
.faq.more details > div > p:first-child{max-width:70ch;margin:0 0 22px;color:#cfc8c1}
.faq.more .stds-grid,.faq.more .earn,.faq.more .yr,.faq.more .hardgrid,.faq.more .check,.faq.more .carriers{margin-top:0}
.faq.more .nn{position:static}
.faq.more .grind{margin-top:22px}
.faq.more .yr-cred{margin-top:22px}
.faq.more .slide,.faq.more .rv{opacity:1!important;transform:none!important}
#year-one .boot{margin-top:0}
.faq.more.myths details > div > p:first-child{margin:0;font-size:clamp(16px,1.4vw,18px)}
.trust-until{margin:clamp(14px,2vw,22px) 0 0;font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,2.6vw,34px);line-height:1.15;color:var(--bone)}
.trust-until b{color:var(--copper);font-weight:inherit}

/* ================= CONSISTENCY PASS =================
   1. Everything reads left-aligned, like the rest of the site.
   2. A copper phrase in a heading always starts its own line.
   3. No single word stranded on the last line. */
.compass,.xlink,.reel-head,.qc-close,.c3d-note,.yr-cred,.yr-fine,.vet-line,.def-lead,.story-next,.final,.manifesto,.statement,.vs-q{text-align:left}
.compass .kicker,.sec-head.center .kicker{justify-content:flex-start}
.compass h2,.reel-head h2,.xlink p,.xlink .fine,.qc-close,.c3d-note,.yr-fine,.final p,.manifesto .m1,.vs-q h3,.sec-head.center .lede{margin-left:0;margin-right:auto}
.xlink .hero-cta,.story-next .hero-cta,.manifesto .m3{justify-content:flex-start}
.story-next{place-items:start}
.wrap.reel-head{padding-left:var(--gutter);padding-right:var(--gutter)}
.compass{background:radial-gradient(ellipse 70% 80% at 20% 50%,rgba(243,107,53,.10),transparent 70%),var(--coal)}
.xlink{background:radial-gradient(ellipse 70% 80% at 15% 100%,rgba(243,107,53,.16),transparent 70%)}

h1 .hot,h2 .hot,h3 .hot,.trust-until b,.tt-yes b,.manifesto .m1 .hot{display:block}

h1,h2,h3,summary,.trust-until,.kicker{text-wrap:balance}
p,li,blockquote,figcaption,.lede{text-wrap:pretty}
@media(max-width:900px){
  .tt{text-align:left}
  .tt-hero .hero-cta,.gate-q{justify-content:flex-start}
  .tt-creed,.gate-doors{margin-left:0}
}
.def-wrap--foot .def-lead .hot{display:block}
.pitch-lines [data-w]:not([data-hl]) + [data-hl]{display:block;text-wrap:balance}
footer .hot{display:block}
.pitch-lines li,.boom h2,.reel-head h2{text-wrap:balance}
/* hero + door headings sized so short phrases share a line instead of stacking one word each */
.ph-title{font-size:min(8cqi,70px)}
.dream-hero .ph-title{font-size:min(9.2cqi,84px)}
.xlink h2{font-size:clamp(28px,4.2vw,56px)}
.sys-card h3{font-size:clamp(19px,1.55vw,22px)}
.earn-step h3{font-size:clamp(18px,1.4vw,20px)}
.tt--solo .ph-title{font-size:min(6.2cqi,60px)}
/* phones: one step smaller so big headings can break evenly instead of one word per line */
@media(max-width:560px){
  .ph-title{font-size:32px}
  .trust-top h2,.pitch-close h2{font-size:30px}
  .sec-head h2,.xlink h2,.compass h2,.qc-copy h2{font-size:25px}
  .boom h2{font-size:23px}
  .pitch-lines{font-size:24px}
  .sys-card--hero h3{font-size:26px}
}