/* ============================================================
   PE INC SITE: MERGED COMP (Pass 2A) · Aug 22, 2026
   Spec of record: PE_Inc_Site_Synthesis_Ruling_Sheet_2026-08-21.md
   System: black canvas · steel text · gold = earned value only
   Bans honored: no JS-hidden content · 13px floor · #9E9E9E floor
   ============================================================ */
:root{
  --black:#000000;
  --gold:#FFC600;      /* text/UI gold: never #FFD400 as text */
  --pulse:#FFD400;     /* Signal Yellow: glow + verification pulse ONLY */
  --steel:#EAEAEA;
  --dim:#BDBDBD;
  --floor:#9E9E9E;     /* contrast floor */
  --hair:#2E2E2E;
  --card:#050505;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);color:var(--steel);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--gold);color:#000;}
a{color:inherit;text-decoration:none;}
img,video{display:block;max-width:100%;}
h1,h2,h3{font-weight:200;letter-spacing:-0.01em;}

/* ---- living gold "effort" (shared: homepage hero, closing band, founder line; Marc Sep 25) ----
   same recipe family as the Foundation site (.pe-alive-gold) */
.alive{
  background:linear-gradient(100deg,#8a6508 0%,#FFC600 28%,#fff2c4 42%,#FFC600 56%,#b8860b 78%,#8a6508 100%);
  background-size:260% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:aliveSweep 2.5s linear infinite;
}
@keyframes aliveSweep{from{background-position:130% 0}to{background-position:-130% 0}}
@media (prefers-reduced-motion:reduce){.alive{animation:none;background-position:50% 0;}}

.kicker{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--floor);font-weight:400;margin-bottom:22px;}
.kicker.gold{color:var(--gold);}
h1 .gold{color:var(--gold);}  /* still gold headline split (Marc DIRECT Sep 30): H1s only, no shimmer, inherits the H1 size and weight */
.product-body h3 .gold,.lede .gold{color:var(--gold);}  /* same still gold on the store card titles and store lede (Marc DIRECT Oct 6) */
.container{max-width:1280px;margin:0 auto;padding:0 40px;}

/* ---- canonical score gold (ruled Aug 21: site-wide recipe) ---- */
.goldnum{
  font-weight:200;line-height:1;letter-spacing:-0.02em;
  background:linear-gradient(160deg,#fff2c4 0%,#FFC600 38%,#b8860b 78%,#8a6508 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.goldnum.heroglow{filter:drop-shadow(0 0 26px rgba(255,212,0,.22));} /* hero-scale only */

/* ---- buttons: PLANE (Marc-ruled Sep 21, 2026: "arrow's beautiful... this button is the right button") ----
   Pointed nose right, notched tail left; title case 16px weight 400; arrow glyph slides on hover.
   Secondary (.secondary): dark body, gold text, gold hairline following the silhouette; hover = solid gold, black text. */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;
  min-height:54px;min-width:236px;padding:0 34px 0 30px;
  background:var(--gold);color:#000;
  font-size:16px;font-weight:400;letter-spacing:.005em;text-transform:none;line-height:1.2;
  border:none;cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,12px 50%);
  transition:background .25s ease,color .25s ease;
}
.btn::after{content:"\2192";font-size:20px;line-height:1;transition:transform .25s ease;}
.btn:hover{background:#ffd540;}
.btn:hover::after{transform:translateX(5px);}
/* secondary: gold body clipped to the plane, dark inner plane 1px inside = hairline that follows the shape */
.btn.secondary{color:var(--gold);background:var(--gold);}
.btn.secondary::before{
  content:"";position:absolute;inset:1px;background:#161616;z-index:0;
  clip-path:polygon(0 0,calc(100% - 17.5px) 0,100% 50%,calc(100% - 17.5px) 100%,0 100%,11.5px 50%);
  transition:opacity .25s ease;
}
.btn.secondary>*{position:relative;z-index:1;}
.btn.secondary::after{position:relative;z-index:1;}
.btn.secondary:hover{color:#000;background:var(--gold);}
.btn.secondary:hover::before{opacity:0;}
.btn.secondary .lbl{position:relative;z-index:1;}
.qualifier{font-size:13.5px;color:var(--floor);line-height:1.6;}
.textlink{
  font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  border-bottom:1px solid rgba(255,198,0,.35);padding-bottom:3px;font-weight:400;
  transition:border-color .2s;
}
.textlink:hover{border-color:var(--gold);}

/* ---- nav (real mobile nav, CSS-only: ruled Aug 21) ---- */
nav.site{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;height:76px;
  background:linear-gradient(to bottom,rgba(0,0,0,.94),rgba(0,0,0,.78));
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);
}
.wordmark{font-style:italic;font-weight:200;font-size:19px;letter-spacing:.14em;color:var(--steel);white-space:nowrap;}
nav.site .wordmark{color:var(--gold);font-weight:300;}  /* W17: approved PE gold, header wordmark (Marc Sep 20) */
.flowtop .wordmark{color:var(--gold);font-weight:300;}  /* signup takeover + start.html top bar match the W17 header wordmark (Marc Sep 25) */
.navlinks{display:flex;gap:32px;align-items:center;}
.navlinks a{font-size:13px;letter-spacing:.08em;color:var(--dim);font-weight:400;transition:color .2s;padding:6px 0;}
.navlinks a:hover{color:var(--steel);}
.navlinks a.active{color:var(--gold);}
.navlinks .nav-cta{
  display:inline-flex;align-items:center;gap:14px;min-height:42px;padding:0 26px 0 24px;
  background:var(--gold);color:#000 !important;font-size:14px;font-weight:400;letter-spacing:.005em;text-transform:none;line-height:1.2;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%,9px 50%);
  transition:background .25s ease;
}
.navlinks .nav-cta::after{content:"\2192";font-size:17px;line-height:1;transition:transform .25s ease;}
.navlinks .nav-cta:hover{background:#ffd540;color:#000;}
.navlinks .nav-cta:hover::after{transform:translateX(4px);}
.nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.hamburger{display:none;}
@media(max-width:1200px){
  nav.site{padding:0 22px;}
  .nav-toggle:focus-visible ~ .hamburger{outline:2px solid var(--gold);outline-offset:2px;}
  .hamburger{
    display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:10px;z-index:220;
  }
  .hamburger span{display:block;width:24px;height:1.5px;background:var(--steel);transition:transform .25s,opacity .25s;}
  .navlinks{
    position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:flex-start;
    gap:0;background:#000;border-bottom:1px solid var(--hair);
    max-height:0;overflow:hidden;transition:max-height .35s ease;
  }
  .navlinks a{width:100%;padding:18px 26px;font-size:15px;border-top:1px solid #141414;}
  .navlinks .nav-cta{margin:16px 22px 24px;width:calc(100% - 44px);justify-content:center;padding:0 30px 0 26px;min-height:52px;border-top:none;}
  .nav-toggle:checked ~ .navlinks{max-height:480px;}
  .nav-toggle:checked ~ .hamburger span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  .nav-toggle:checked ~ .hamburger span:nth-child(2){opacity:0;}
  .nav-toggle:checked ~ .hamburger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
}
main{padding-top:76px;}

/* ---- page hero scaffold ---- */
.pagehero{max-width:1280px;margin:0 auto;padding:96px 40px 64px;}
.pagehero h1{font-size:clamp(38px,4.8vw,64px);color:var(--steel);line-height:1.07;max-width:860px;margin-bottom:26px;}
.pagehero .lede{font-size:17.5px;line-height:1.7;color:var(--dim);max-width:600px;}
.defline{font-size:clamp(19px,2vw,24px);color:var(--steel);font-weight:300;line-height:1.5;max-width:760px;margin-bottom:22px;}
.band{max-width:1280px;margin:0 auto;padding:74px 40px;}
.band.hairtop{border-top:1px solid var(--hair);}
.fullband{border-top:1px solid var(--hair);}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.split h2,.band h2{font-size:clamp(26px,2.9vw,40px);color:var(--steel);line-height:1.25;margin-bottom:20px;}
.split p,.bodycopy{font-size:15.5px;line-height:1.7;color:var(--dim);margin-bottom:16px;max-width:560px;}
.framed{border:1px solid var(--hair);overflow:hidden;position:relative;}
.framed img,.framed video{width:100%;object-fit:cover;}

/* staged-media flag chip (comp-internal, visible so Marc can point) */
.stagechip{
  position:absolute;top:12px;left:12px;z-index:5;
  font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;
  color:#0a0a0a;background:rgba(255,198,0,.92);padding:6px 10px;
}
.rulechip{
  display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;
  color:var(--gold);border:1px dashed rgba(255,198,0,.5);padding:6px 10px;margin-top:14px;
}

/* ---- HOME hero ---- */
.hero{
  position:relative;min-height:min(calc(100vh - 76px),800px);
  display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;
  max-width:1360px;margin:0 auto;padding:40px;overflow:hidden;
}
.hero::before{
  content:"";position:absolute;top:-30%;left:-15%;width:70%;height:90%;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.055),transparent 65%);
  pointer-events:none;
}
.hero-copy{position:relative;z-index:2;}
.hero h1{font-size:clamp(52px,6.6vw,92px);line-height:1.02;color:var(--steel);margin-bottom:28px;letter-spacing:-0.015em;}
.hero .support{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--steel);max-width:520px;margin-bottom:14px;font-weight:300;}
.hero .support.second{color:var(--dim);font-size:16px;margin-bottom:38px;}
.hero-ctarow{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.hero-stage{position:relative;height:min(74vh,700px);z-index:1;}
.hero-media{position:absolute;inset:0;overflow:hidden;border:1px solid var(--hair);}
.hero-media video{width:100%;height:100%;object-fit:cover;opacity:.85;}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.35) 100%);pointer-events:none;}
.hero-score{position:absolute;left:36px;bottom:34px;z-index:3;}
.score-num{font-size:clamp(84px,9vw,132px);position:relative;}
.score-illustag{
  position:absolute;top:2px;right:-76px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--floor);font-weight:400;border:1px solid var(--hair);padding:4px 8px;
}
.score-label{font-size:13px;letter-spacing:.3em;color:var(--floor);text-transform:uppercase;margin-top:10px;font-weight:400;}
.hero-scale-rail{position:absolute;right:36px;top:34px;z-index:3;width:30%;}
.rail-track{height:1px;background:rgba(255,255,255,.18);position:relative;}
.rail-fill{height:1px;background:var(--gold);width:100%;position:absolute;top:0;left:0;}
.rail-cap{font-size:13px;letter-spacing:.24em;color:var(--floor);text-transform:uppercase;margin-top:10px;font-weight:400;display:flex;justify-content:space-between;}

/* ---- arc doors ---- */
.arc{padding:104px 0 90px;}
.archead{max-width:1280px;margin:0 auto 50px;padding:0 40px;display:flex;align-items:end;justify-content:space-between;gap:24px;}
.archead h2{font-size:clamp(30px,3.4vw,44px);color:var(--steel);}
.arc-lead{font-size:clamp(18px,1.8vw,24px);color:var(--gold);font-weight:300;line-height:1.45;max-width:760px;margin:0 0 22px;}  /* definition line, moved from the home hero to lead The Arc (Marc DIRECT Sep 30) */
.arc-film-control{appearance:none;border:1px solid var(--hair);background:transparent;color:var(--floor);padding:10px 14px;font:400 12px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,color .25s;}
.arc-film-control:hover{border-color:rgba(255,198,0,.5);color:var(--gold);}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1280px;margin:0 auto;padding:0 40px;}
.door{
  position:relative;border:1px solid var(--hair);background:var(--card);overflow:hidden;display:block;
  transition:border-color .3s ease,transform .3s ease;
}
.door:hover{border-color:rgba(255,198,0,.5);transform:translateY(-4px);}
.door-media{height:230px;overflow:hidden;position:relative;background:#050505;}
.arc .door-media{height:auto;aspect-ratio:16/9;}
.door-media video,.door-media img{width:100%;height:100%;object-fit:cover;opacity:.85;}
.door-media video{position:absolute;inset:0;z-index:1;}
.door-poster{position:absolute;inset:0;z-index:2;transition:opacity .16s linear;}
.door-media.is-playing .door-poster{opacity:0;}
.door-media::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(to top,#050505 4%,transparent 55%);pointer-events:none;}
.door-body{padding:30px 30px 34px;}
.door-num{font-size:13px;letter-spacing:.3em;color:var(--gold);font-weight:400;margin-bottom:14px;}
.door-body h3{font-size:25px;color:var(--steel);margin-bottom:12px;font-weight:300;}
.door-body p{font-size:14.5px;line-height:1.65;color:var(--dim);margin-bottom:20px;}
.door-go{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--floor);font-weight:400;transition:color .25s;}
.door:hover .door-go{color:var(--gold);}

/* ---- standard band (Guardian) ---- */
.guardian{
  position:relative;border-top:1px solid var(--hair);
  min-height:520px;display:flex;align-items:center;overflow:hidden;background:#02030a;
}
.guardian-img{position:absolute;right:0;top:0;height:100%;width:56%;object-fit:cover;object-position:center 12%;opacity:.92;}
.guardian-fade{position:absolute;inset:0;background:linear-gradient(100deg,#000 36%,rgba(0,0,0,.74) 54%,rgba(0,0,0,.05) 80%);}
.guardian-copy{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:84px 40px;width:100%;}
.guardian-copy h2{font-size:clamp(28px,3vw,42px);color:var(--steel);max-width:460px;line-height:1.22;margin-bottom:18px;}
.guardian-copy p{font-size:15.5px;color:var(--dim);max-width:440px;line-height:1.7;margin-bottom:28px;}
.guardian-caption{
  position:absolute;right:36px;bottom:26px;z-index:3;
  font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);font-weight:400;
  text-shadow:0 1px 8px rgba(0,0,0,.9);
}

/* ---- receipt / founder band ---- */
.receiptband{padding:104px 0;position:relative;overflow:hidden;border-top:1px solid var(--hair);}
.receiptband::before{
  content:"";position:absolute;right:-10%;top:-20%;width:56%;height:120%;
  background:radial-gradient(ellipse at center,rgba(255,198,0,.05),transparent 65%);pointer-events:none;
}
.receiptgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;max-width:1280px;margin:0 auto;padding:0 40px;}
.receiptgrid h2{font-size:clamp(30px,3.4vw,44px);color:var(--steel);margin-bottom:18px;}
.receiptgrid .lede{font-size:16px;line-height:1.7;color:var(--dim);max-width:470px;margin-bottom:18px;}
.receipt-visuals{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:stretch;}
.receipt-photo{border:1px solid var(--hair);overflow:hidden;position:relative;}
.receipt-photo img{width:100%;height:100%;object-fit:cover;}
.receipt-photo .phototag{position:absolute;left:14px;bottom:12px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-weight:400;text-shadow:0 1px 8px rgba(0,0,0,.9);}
.receipt-card{
  border:1px solid rgba(255,198,0,.25);
  background:linear-gradient(150deg,#0b0a05 0%,#050505 60%);
  padding:34px 34px 30px;position:relative;
  box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);
}
.receipt-card .rk{font-size:13px;letter-spacing:.2em;color:var(--floor);text-transform:uppercase;font-weight:400;margin-bottom:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:nowrap;}
.receipt-card .rk span{white-space:nowrap;}
.receipt-card .rk span:last-child{overflow:hidden;text-overflow:ellipsis;}
.receipt-score{font-size:76px;} /* same gradient stops, NO glow (ruled) */
.receipt-asof{font-size:13px;color:var(--floor);margin-top:10px;margin-bottom:24px;}
.receipt-rows{border-top:1px solid var(--hair);}
.receipt-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:14px;}
.receipt-row span:first-child{color:var(--floor);letter-spacing:.06em;}
.receipt-row span:last-child{color:var(--steel);text-align:right;}
.receipt-row span.v{color:var(--gold);letter-spacing:.2em;font-weight:400;}  /* W21: specificity fix, VERIFIED renders gold */
.receipt-close{font-size:15px;color:var(--steel);margin-top:26px;line-height:1.65;max-width:470px;}

/* ---- status band ---- */
.statusband{border-top:1px solid var(--hair);background:linear-gradient(to bottom,rgba(255,198,0,.025),transparent 60%);}
.statusband-inner{max-width:1280px;margin:0 auto;padding:84px 40px;border-left:2px solid var(--gold);padding-left:56px;}
.statusband h2{font-size:clamp(28px,3.2vw,42px);color:var(--steel);margin-bottom:18px;}
.statusband p{font-size:16px;color:var(--dim);max-width:620px;line-height:1.7;}
.statusband .status-close{color:var(--steel);margin-top:14px;font-size:16.5px;}

/* ---- definition band ---- */
.definition{border-top:1px solid var(--hair);text-align:center;padding:96px 40px 90px;position:relative;overflow:hidden;}
.definition::before{
  content:"";position:absolute;left:50%;top:-40%;transform:translateX(-50%);width:1000px;height:120%;
  background:radial-gradient(ellipse at center 35%,rgba(255,255,255,.045),transparent 62%);pointer-events:none;
}
.definition h2{font-size:clamp(28px,3.4vw,46px);color:var(--steel);font-weight:200;max-width:940px;margin:0 auto 18px;line-height:1.25;position:relative;}
.definition .deftriplet{font-size:17px;color:var(--dim);margin-bottom:52px;position:relative;}
.def-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1060px;margin:0 auto 12px;position:relative;}
.def-line{border-top:1px solid var(--hair);padding-top:24px;text-align:left;}
.def-line .dn{font-size:13px;letter-spacing:.3em;color:var(--gold);font-weight:400;display:block;margin-bottom:14px;}
.def-line .dt{font-size:19px;color:var(--steel);font-weight:300;display:block;margin-bottom:10px;}
.def-line .dd{font-size:14.5px;color:var(--dim);line-height:1.65;}

/* ---- stat band ---- */
.statstrip{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:linear-gradient(to bottom,rgba(255,255,255,.015),transparent);}
.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto;}
.stat{padding:44px 20px;text-align:center;position:relative;}
.stat + .stat::before{content:"";position:absolute;left:0;top:26%;height:48%;width:1px;background:var(--hair);}
.stat b{display:block;font-weight:200;font-size:clamp(34px,3.6vw,52px);color:var(--steel);letter-spacing:-0.01em;}
.stat span{display:block;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--floor);margin-top:12px;font-weight:400;line-height:1.7;}
.stat.goldstat b{color:var(--gold);}

/* ---- closing band ---- */
.closing{border-top:1px solid var(--hair);text-align:center;padding:120px 40px 116px;position:relative;overflow:hidden;}
.closing::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:900px;height:100%;
  background:radial-gradient(ellipse at center 30%,rgba(255,198,0,.06),transparent 60%);pointer-events:none;
}
.closing h2{font-size:clamp(38px,5.2vw,70px);color:var(--steel);letter-spacing:.04em;font-weight:200;margin-bottom:22px;position:relative;}
.closing h2 sup{font-size:.25em;vertical-align:super;letter-spacing:0;}
.closing .bridge{font-size:15.5px;color:var(--dim);margin-bottom:44px;position:relative;}
.closing .hero-ctarow{justify-content:center;position:relative;}

/* ---- ladder (how-it-works) ---- */
.chapter{display:grid;grid-template-columns:150px 1fr;gap:48px;padding:46px 0;border-top:1px solid var(--hair);}
.chapter .cnum{font-family:Menlo,monospace;font-size:13px;letter-spacing:.14em;color:var(--gold);opacity:.9;}
.chapter h2{font-size:clamp(26px,3vw,40px);margin-bottom:16px;color:var(--steel);}
.chapter p{color:var(--dim);font-size:16.5px;line-height:1.65;max-width:660px;margin-bottom:14px;}
.chapter .quoteline{color:var(--steel);font-style:italic;}
.layersgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.layercard{border:1px solid var(--hair);background:var(--card);padding:28px 24px;}
.layercard .ln{font-family:Menlo,monospace;font-size:13px;letter-spacing:.14em;color:var(--gold);opacity:.85;margin-bottom:16px;}
.layercard p{color:var(--steel);font-size:15.5px;line-height:1.5;}
.valueline{font-size:13.5px;color:var(--floor);line-height:1.65;margin-top:24px;}

/* ---- three-col / cards ---- */
.threecol{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
.threecol h3{font-size:20px;margin-bottom:12px;font-weight:300;color:var(--steel);}
.threecol p{color:var(--dim);font-size:15px;line-height:1.65;}
.cardgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.card{border:1px solid var(--hair);background:var(--card);padding:32px 30px;}
.card h3{font-size:19px;font-weight:300;color:var(--steel);margin-bottom:12px;}
.card p{color:var(--dim);font-size:14.5px;line-height:1.65;}

/* ---- bands table (/score) ---- */
.bandrow{display:grid;grid-template-columns:180px 200px 1fr;gap:32px;padding:26px 0;border-bottom:1px solid #141414;align-items:baseline;}
.bandrow .rng{font-variant-numeric:tabular-nums;color:var(--gold);font-size:18px;font-weight:300;}
.bandrow .lbl{color:var(--steel);font-size:18px;font-weight:300;}
.bandrow .dsc{color:var(--dim);font-size:15px;line-height:1.6;}

/* ---- device list ---- */
.devrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}
.devchip{border:1px solid var(--hair);padding:14px 22px;font-size:14.5px;color:var(--steel);background:var(--card);letter-spacing:.04em;}
.devchip.more{color:var(--floor);}

/* ---- payer trio ---- */
.payers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
.payer{border:1px solid var(--hair);padding:34px 30px;background:var(--card);}
.payer h3{font-size:21px;color:var(--steel);font-weight:300;margin-bottom:12px;}
.payer p{font-size:14.5px;color:var(--dim);line-height:1.65;}

/* ---- loop tiles (/opportunity) ---- */
.loopgrid{display:grid;grid-template-columns:repeat(5,1fr);}
.looptile{border:1px solid #202020;padding:30px 22px;}
.looptile + .looptile{border-left:none;}
.looptile.glow{background:linear-gradient(180deg,rgba(255,198,0,.06),rgba(255,198,0,.015));}
.looptile .tn{font-family:Menlo,monospace;font-size:13px;letter-spacing:.14em;color:var(--gold);opacity:.85;margin-bottom:14px;}
.looptile p{color:var(--steel);font-size:15.5px;line-height:1.45;font-weight:300;}

/* ---- use-case grid (/for-institutions): JS-ban-compliant pop-outs ---- */
.usegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;}
.usecase{border:1px solid var(--hair);background:var(--card);transition:border-color .3s;}
.usecase[open]{border-color:rgba(255,198,0,.5);}
.usecase:hover{border-color:rgba(255,198,0,.35);}
.usecase summary{
  list-style:none;cursor:pointer;padding:26px 24px;position:relative;
}
.usecase summary::-webkit-details-marker{display:none;}
.usecase summary::after{
  content:"+";position:absolute;top:20px;right:20px;color:var(--floor);font-size:18px;font-weight:300;
}
.usecase[open] summary::after{content:"–";color:var(--gold);}
.usecase summary h3{font-size:16.5px;font-weight:400;color:var(--steel);margin-bottom:10px;letter-spacing:.02em;}
.usecase summary p{font-size:13.5px;color:var(--dim);line-height:1.6;}
.usecase .depth{padding:0 24px 24px;border-top:1px solid #141414;margin-top:0;}
.usecase .depth li{font-size:13.5px;color:var(--dim);line-height:1.65;margin:12px 0 0 16px;}

/* ---- pilot block ---- */
.pilotband{border:1px solid rgba(255,198,0,.22);background:linear-gradient(150deg,#0b0a05 0%,#050505 60%);padding:56px 52px;max-width:900px;}
.pilotband h2{margin-bottom:20px;}
.pilotband p{font-size:16px;color:var(--dim);line-height:1.7;margin-bottom:14px;max-width:680px;}
.pilotband p.flat{color:var(--steel);}

/* ---- founder page ---- */
.rootframe{max-width:1280px;margin:0 auto;padding:110px 40px 70px;}
.rootframe h1{font-size:clamp(36px,4.6vw,62px);line-height:1.08;max-width:900px;color:var(--steel);margin-bottom:22px;}
.rootframe .ruleline{font-size:17px;color:var(--dim);letter-spacing:.02em;}
.spinequote{
  font-size:clamp(19px,2vw,24px);color:var(--steel);font-style:italic;font-weight:300;
  border-left:2px solid var(--gold);padding-left:24px;margin:32px 0;line-height:1.5;max-width:560px;
}

/* ---- footer (ruled stack, ruled nav order) ---- */
footer.site{border-top:1px solid var(--hair);padding:64px 40px 56px;}
.footgrid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;}
.footstack .wordmark{font-size:16px;}
.footstack p{font-size:14.5px;color:var(--dim);line-height:1.7;margin-top:14px;max-width:420px;}
.footnav{display:flex;flex-direction:column;gap:0;align-items:flex-start;}
.footnav a{font-size:13.5px;color:var(--dim);font-weight:400;padding:8px 0;transition:color .2s;}
.footnav a:hover{color:var(--steel);}
.footlegal{max-width:1280px;margin:44px auto 0;border-top:1px solid #141414;padding-top:28px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.footlegal .links{display:flex;gap:24px;flex-wrap:wrap;}
.footlegal a,.footlegal span{font-size:13px;color:var(--floor);font-weight:400;}
.footlegal a:hover{color:var(--steel);}
.tmline{font-size:13px;color:var(--floor);max-width:1280px;margin:22px auto 0;line-height:1.6;}

/* ---- takeover (start.html) ---- */
.flowtop{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;height:76px;background:rgba(0,0,0,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.flowlabel{font-size:13px;letter-spacing:.3em;color:var(--floor);text-transform:uppercase;font-weight:400;}
.flow-x{
  width:44px;height:44px;border:1px solid rgba(255,255,255,.25);color:var(--steel);
  font-size:18px;font-weight:300;line-height:42px;text-align:center;transition:border-color .2s;
}
.flow-x:hover{border-color:var(--gold);color:var(--gold);}
.flowscreen{max-width:900px;margin:0 auto;padding:90px 40px;min-height:min(88vh,820px);border-bottom:1px solid var(--hair);}
.flowscreen .screenlabel{font-size:13px;letter-spacing:.26em;color:var(--gold);text-transform:uppercase;font-weight:400;margin-bottom:8px;opacity:.75;}
.flow-kicker{font-size:13px;letter-spacing:.3em;color:var(--floor);text-transform:uppercase;font-weight:400;margin-bottom:26px;}
.flow-kicker.gold{color:var(--gold);}
.flow-q{font-size:clamp(34px,4.4vw,58px);font-weight:200;color:var(--steel);line-height:1.1;margin-bottom:44px;max-width:780px;letter-spacing:-0.01em;}
.opts{display:flex;flex-direction:column;gap:14px;max-width:720px;}
.opt{
  position:relative;display:flex;align-items:center;gap:24px;
  border:1px solid var(--hair);background:var(--card);padding:24px 28px;
  transition:border-color .25s,transform .25s;
}
.opt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .25s;}
.opt:hover{border-color:rgba(255,198,0,.45);transform:translateX(4px);}
.opt:hover::before{transform:scaleY(1);}
.opt .onum{font-size:13px;letter-spacing:.2em;color:var(--floor);font-weight:400;min-width:28px;}
.opt .otext{font-size:17px;color:var(--steel);font-weight:300;flex:1;}
.gate-lede{font-size:16px;line-height:1.75;color:var(--dim);max-width:620px;margin-bottom:40px;}
.gate-fieldlabel{font-size:13px;letter-spacing:.28em;color:var(--floor);text-transform:uppercase;font-weight:400;margin-bottom:12px;}
.gate-input{
  width:100%;max-width:600px;background:#070707;border:1px solid var(--hair);
  color:var(--steel);font-size:17px;font-weight:300;padding:20px 22px;font-family:inherit;outline:none;
}
.gate-input:focus{border-color:rgba(255,198,0,.6);}
.gate-consent{font-size:13px;color:var(--floor);margin:16px 0 30px;max-width:600px;line-height:1.6;}
.result-num{font-size:clamp(110px,15vw,180px);margin:8px 0 6px;display:inline-block;filter:drop-shadow(0 0 34px rgba(255,212,0,.18));}
.result-support{font-size:16.5px;color:var(--dim);line-height:1.7;max-width:580px;margin:22px 0 40px;}

/* ---- gallery ---- */
.galgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:36px;}
.galitem{border:1px solid var(--hair);background:var(--card);}
.galitem video,.galitem img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.galitem .galbody{padding:20px 22px 24px;}
.galitem h3{font-size:16px;font-weight:400;color:var(--steel);margin-bottom:8px;letter-spacing:.03em;}
.galitem p{font-size:13.5px;color:var(--dim);line-height:1.6;}

/* ---- responsive ---- */
@media(max-width:960px){
  .container,.band,.pagehero,.rootframe{padding-left:22px;padding-right:22px;}
  .hero{grid-template-columns:1fr;gap:36px;min-height:0;padding:36px 22px 60px;}
  .hero-stage{height:440px;}
  .score-num{font-size:72px;}
  .score-illustag{right:auto;left:calc(100% + 10px);}
  .doors,.threecol,.payers,.layersgrid,.loopgrid{grid-template-columns:1fr;}
  .looptile + .looptile{border-left:1px solid #202020;border-top:none;}
  .split,.receiptgrid,.cardgrid2{grid-template-columns:1fr;gap:40px;}
  .receipt-visuals{grid-template-columns:1fr;}
  .usegrid{grid-template-columns:1fr 1fr;}
  .chapter{grid-template-columns:1fr;gap:14px;padding:38px 0;}
  .bandrow{grid-template-columns:1fr;gap:6px;}
  .statusband-inner{padding:64px 22px;padding-left:30px;}
  .definition{padding:80px 22px 74px;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .footgrid{grid-template-columns:1fr;}
  .guardian{min-height:0;padding-bottom:300px;}
  .guardian-img{width:100%;height:340px;top:auto;bottom:0;object-position:center 8%;opacity:.85;}
  .guardian-fade{background:linear-gradient(to bottom,#000 30%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.05) 85%);}
  .guardian-caption{right:22px;bottom:14px;}
  .pilotband{padding:38px 26px;}
  .flowscreen{padding:64px 22px 70px;min-height:0;}
  .galgrid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .archead{align-items:flex-start;flex-direction:column;}
  .usegrid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s !important;transition-duration:.001s !important;}
}

/* ============================================================
   SEP 18, 2026 BUILD ADDITIONS (The Voice): production surfaces
   Spec: ruling sheet Aug 21-22 + CHAD handoff Sep 18 + TM directive Jul 28
   ============================================================ */

/* ---- accessibility ---- */
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:#000;padding:12px 18px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;z-index:1000;}
.skip:focus{left:12px;top:12px;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.navlinks a[aria-current="page"]{color:var(--gold);}
.nav-merch[hidden],.foot-merch[hidden]{display:none !important;}   /* merch enters nav at launch: remove the hidden attribute */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---- generic content page (faq / legal / contact) ---- */
.pagehero.tight{padding-bottom:30px;}
.prose{max-width:760px;}
.prose h2{font-size:clamp(22px,2.4vw,30px);color:var(--steel);margin:54px 0 16px;line-height:1.25;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:18px;color:var(--steel);font-weight:300;margin:30px 0 10px;}
.prose p,.prose li{font-size:15.5px;line-height:1.75;color:var(--dim);margin-bottom:14px;}
.prose ul{margin:0 0 14px 20px;}
.prose li{margin-bottom:8px;}
.prose strong{font-weight:400;color:var(--steel);}
.prose a{color:var(--gold);border-bottom:1px solid rgba(255,198,0,.35);}
.prose .meta{font-size:13px;color:var(--floor);letter-spacing:.06em;margin-bottom:34px;}
.prose .callout{border-left:2px solid var(--gold);padding:6px 0 6px 22px;color:var(--steel);margin:26px 0;}

/* ---- FAQ ---- */
.faq{max-width:820px;}
.faq details{border-top:1px solid var(--hair);}
.faq details:last-child{border-bottom:1px solid var(--hair);}
.faq summary{list-style:none;cursor:pointer;padding:24px 44px 24px 0;position:relative;font-size:18px;color:var(--steel);font-weight:300;line-height:1.4;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:4px;top:22px;color:var(--floor);font-size:20px;font-weight:300;}
.faq details[open] summary::after{content:"–";color:var(--gold);}
.faq .a{padding:0 0 26px;max-width:700px;}
.faq .a p{font-size:15.5px;line-height:1.75;color:var(--dim);margin-bottom:12px;}
.faq .a a{color:var(--gold);border-bottom:1px solid rgba(255,198,0,.35);}

/* ---- forms (contact / signup) ---- */
.form{max-width:600px;}
.field{margin-bottom:22px;}
.field label{display:block;font-size:13px;letter-spacing:.28em;color:var(--floor);text-transform:uppercase;font-weight:400;margin-bottom:12px;}
.field input,.field select,.field textarea{width:100%;background:#070707;border:1px solid var(--hair);color:var(--steel);font-size:16px;font-weight:300;padding:18px 20px;font-family:inherit;outline:none;}
.field textarea{min-height:150px;resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(255,198,0,.6);}
.field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--floor) 50%),linear-gradient(135deg,var(--floor) 50%,transparent 50%);background-position:calc(100% - 26px) 50%,calc(100% - 20px) 50%;background-size:6px 6px;background-repeat:no-repeat;}
.form .btn{border:none;font-family:inherit;}
.form-note{font-size:13px;color:var(--floor);line-height:1.6;margin-top:14px;max-width:560px;}
.form-status{font-size:15px;color:var(--steel);margin-top:18px;min-height:1.4em;}
.form-status.err{color:#ff8a80;}
.contact-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 60px;}
.route{border:1px solid var(--hair);background:var(--card);padding:30px 28px;}
.route h3{font-size:18px;color:var(--steel);font-weight:300;margin-bottom:10px;}
.route p{font-size:14.5px;color:var(--dim);line-height:1.65;margin-bottom:14px;}
.route a{color:var(--gold);font-size:14px;border-bottom:1px solid rgba(255,198,0,.35);}

/* ---- takeover overlay (progressive enhancement over start.html) ---- */
.takeover{position:fixed;inset:0;z-index:500;background:#000;overflow-y:auto;display:none;}
.takeover.open{display:block;}
body.takeover-open{overflow:hidden;}
.takeover .flowscreen{display:none;border-bottom:none;}
.takeover .flowscreen.current{display:block;}
.takeover .opt{cursor:pointer;width:100%;text-align:left;font-family:inherit;color:inherit;}
.takeover .opt[aria-pressed="true"]{border-color:var(--gold);}
.takeover .opt[aria-pressed="true"]::before{transform:scaleY(1);}
.flow-progress{display:flex;gap:8px;margin-bottom:34px;}
.flow-progress span{height:2px;flex:1;max-width:80px;background:var(--hair);}
.flow-progress span.done{background:var(--gold);}
.flow-back{background:none;border:none;color:var(--floor);font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-family:inherit;cursor:pointer;padding:0;margin-top:34px;}
.flow-back:hover{color:var(--steel);}
.flow-x{background:none;font-family:inherit;cursor:pointer;}
.result-num.static{filter:none;}

/* ---- store ---- */
.store-mark{font-style:italic;font-weight:200;font-size:clamp(28px,3.4vw,44px);letter-spacing:.12em;color:var(--steel);}
.store-mark sup{font-style:normal;font-size:.35em;letter-spacing:0;vertical-align:super;margin-left:2px;}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;}
.product{border:1px solid var(--hair);background:var(--card);display:block;transition:border-color .3s,transform .3s;}
.product:hover{border-color:rgba(255,198,0,.5);transform:translateY(-3px);}
.product-media{aspect-ratio:4/5;background:#070707;position:relative;overflow:hidden;border-bottom:1px solid var(--hair);}
.product-media img{width:100%;height:100%;object-fit:cover;}
.product-media .slot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--floor);font-size:13px;letter-spacing:.22em;text-transform:uppercase;text-align:center;padding:20px;}
.product-media .slot .garment{font-size:15px;letter-spacing:.06em;text-transform:none;color:var(--dim);}
.product-body{padding:22px 22px 24px;}
.product-body h3{font-size:17px;color:var(--steel);font-weight:300;margin-bottom:6px;}
.product-body .brand{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--floor);font-weight:400;margin-bottom:12px;}
.product-body .price{font-size:18px;color:var(--gold);font-weight:300;font-variant-numeric:tabular-nums;}
.product-body .price.tbd{color:var(--floor);font-size:14px;letter-spacing:.06em;}

/* ---- product page ---- */
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;}
.pdp-media{border:1px solid var(--hair);background:#070707;aspect-ratio:4/5;position:relative;overflow:hidden;}
.pdp-media img{width:100%;height:100%;object-fit:cover;}
.pdp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;}
.pdp-thumbs div{aspect-ratio:1;border:1px solid var(--hair);background:#070707;}
.pdp-info .brand{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--floor);font-weight:400;margin-bottom:14px;}
.pdp-info h1{font-size:clamp(30px,3.4vw,44px);color:var(--steel);line-height:1.1;margin-bottom:14px;}
.pdp-info .price{font-size:26px;color:var(--gold);font-weight:300;margin-bottom:26px;font-variant-numeric:tabular-nums;}
.pdp-info .price.tbd{color:var(--floor);font-size:15px;letter-spacing:.06em;}
.pdp-info p{font-size:15.5px;line-height:1.7;color:var(--dim);margin-bottom:14px;max-width:520px;}
.pdp-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 22px;max-width:520px;}
.pdp-buy{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px;}
.pdp-buy .btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none;}
.pdp-buy .buy-note{font-size:13px;color:var(--floor);line-height:1.6;max-width:300px;}
.pdp-specs{border-top:1px solid var(--hair);margin-top:30px;max-width:520px;}
.pdp-specs div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:14px;}
.pdp-specs div span:first-child{color:var(--floor);}
.pdp-specs div span:last-child{color:var(--steel);text-align:right;}
.label-tag{display:inline-block;border:1px solid var(--hair);padding:6px 10px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--floor);font-weight:400;}
.backs{border:1px solid rgba(255,198,0,.22);background:linear-gradient(150deg,#0b0a05 0%,#050505 60%);padding:34px 36px;margin-top:60px;max-width:820px;}
.backs h2{font-size:22px;color:var(--steel);margin-bottom:10px;}
.backs p{font-size:15px;color:var(--dim);line-height:1.7;}

/* ---- decisions page (founder surface, internal) ---- */
.dec{max-width:1100px;margin:0 auto;padding:0 40px 60px;}
.dec-item{border:1px solid var(--hair);background:var(--card);padding:34px 36px;margin-bottom:22px;}
.dec-item .dn{font-family:Menlo,monospace;font-size:13px;letter-spacing:.14em;color:var(--gold);margin-bottom:12px;}
.dec-item h3{font-size:22px;color:var(--steel);font-weight:300;margin-bottom:12px;line-height:1.3;}
.dec-item p{font-size:15px;color:var(--dim);line-height:1.7;margin-bottom:10px;max-width:820px;}
.dec-item .default{color:var(--steel);}
.dec-item .default b{font-weight:400;color:var(--gold);letter-spacing:.1em;font-size:13px;text-transform:uppercase;margin-right:8px;}
.dec-item ul{margin:10px 0 6px 18px;}
.dec-item li{font-size:15px;color:var(--dim);line-height:1.7;margin-bottom:6px;}
.dec-item li b{font-weight:400;color:var(--steel);}
.dec-item .where{font-size:13px;color:var(--floor);letter-spacing:.06em;margin-top:12px;}
.dec-item .where a{color:var(--gold);}
.dec-group{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--floor);font-weight:400;margin:56px 0 22px;padding-top:26px;border-top:1px solid var(--hair);}
.dec-media{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 8px;}
.dec-media figure{border:1px solid var(--hair);background:#050505;}
.dec-media video,.dec-media img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.dec-media figcaption{padding:10px 12px;font-size:13px;color:var(--dim);line-height:1.5;}
.dec-media figcaption b{color:var(--gold);font-weight:400;margin-right:6px;}
.dec-count{display:inline-block;border:1px solid rgba(255,198,0,.4);color:var(--gold);padding:8px 14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;margin-top:18px;}

@media(max-width:960px){
  .products{grid-template-columns:1fr 1fr;}
  .pdp{grid-template-columns:1fr;gap:34px;}
  .contact-routes{grid-template-columns:1fr;}
  .dec{padding:0 22px 40px;}
  .dec-item{padding:26px 22px;}
  .dec-media{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .products{grid-template-columns:1fr;}
  .pdp-options{grid-template-columns:1fr;}
}
/* start.html standalone stepping (JS on): all screens visible without JS */
.is-start.js .flowscreen{display:none;}
.is-start.js .flowscreen.current{display:block;}
/* answer options as labels + hidden radios (no-JS collects answers; JS advances on change) */
.opt:has(input:checked){border-color:var(--gold);}
.opt:has(input:checked)::before{transform:scaleY(1);}
.opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px;}
@media(max-width:600px){.flowtop{padding:0 18px;}.flowtop .flowlabel{display:none;}}

/* September 18 finish: keep the watch and its record independently legible. */
[hidden]{display:none!important;}
.preview-notice{padding:10px 24px;background:#191600;color:#d8c979;text-align:center;font-size:13px;line-height:1.5;border-bottom:1px solid #514418;position:relative;z-index:101;}
.receiptgrid{grid-template-columns:minmax(0,1fr);gap:44px;}
.receiptgrid>.receipt-visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;}
.receiptgrid .lede,.receipt-close{max-width:680px;}
.receipt-photo{min-width:0;min-height:360px;}
.receipt-photo img{display:block;object-fit:contain;background:#060606;max-height:520px;}
.receipt-card{min-width:0;}
.receipt-card .rk{flex-wrap:wrap;}
.receipt-card .rk span:last-child{overflow:visible;text-overflow:clip;white-space:normal;}
.takeover{margin:0;border:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;color:var(--steel);}
.takeover[open]{display:block;}
.takeover::backdrop{background:#000;}
.takeover .flowtop{position:sticky;top:0;}
.flow-enhanced{max-width:none;}
.flow-actions{margin-top:30px;}
.flow-back{display:block;margin-top:26px;background:none;border:0;border-bottom:1px solid var(--floor);color:var(--steel);font:inherit;padding:8px 0;cursor:pointer;}
.flow-help,.gear-note,.checkout-options-note{font-size:15px;line-height:1.65;color:var(--dim);margin:0 0 24px;max-width:650px;}
.opt:has(input:checked){border-color:var(--gold);background:#121000;}
.opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:4px;}
button:disabled{opacity:.55;cursor:wait;}
.wearable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.gear-card{border:1px solid var(--hair);padding:34px;min-width:0;scroll-margin-top:110px;}
.gear-card h2{font-size:clamp(25px,3vw,36px);margin-bottom:22px;}
.gear-card p{color:var(--dim);font-size:16px;line-height:1.7;margin-bottom:24px;}
.gear-card .gear-note{color:var(--floor);font-size:14px;}
@media(max-width:700px){
 .receiptgrid{padding:0 22px;}
 .receiptgrid>.receipt-visuals,.wearable-grid{grid-template-columns:minmax(0,1fr);}
 .receipt-photo{min-height:280px;}
 .receipt-photo img{height:360px;}
 .receipt-card{padding:28px 22px;}
 .gear-card{padding:26px 22px;}
 .takeover .flowtop .wordmark{font-size:16px;}
 .takeover .flowlabel{display:none;}
}
/* Hidden mobile links stay out of keyboard navigation; CSS-only menu still works. */
@media(min-width:1201px){.nav-toggle{display:none;}}
@media(max-width:1200px){
 .navlinks{visibility:hidden;}
 .nav-toggle:checked ~ .navlinks{visibility:visible;max-height:calc(100dvh - 76px);overflow-y:auto;}
}
body>.preview-notice{margin-top:76px;}
body:has(>.preview-notice) main{padding-top:0;}
body.is-start>.preview-notice{margin-top:0;}

/* Coming-soon review and combat-wearable announcements. */
.coming-soon-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:60px;}
.coming-soon-grid h2{font-size:clamp(30px,3.2vw,44px);line-height:1.16;margin-bottom:26px;}
.coming-soon-grid .bodycopy{margin:20px 0;max-width:650px;}
.coming-soon-grid .lede{font-size:18px;line-height:1.6;color:var(--steel);}
.coming-soon-note{font-size:14px;line-height:1.7;color:var(--dim);margin:24px 0;}
.combat-coming{border-left:1px solid var(--hair);padding-left:44px;}
@media(max-width:760px){.coming-soon-grid{grid-template-columns:minmax(0,1fr);gap:36px;}.combat-coming{border-left:0;border-top:1px solid var(--hair);padding:32px 0 0;}}

/* September 20 support and footer finish. */
.footer-group h2{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--steel);margin:0 0 14px;}
.footlegal{align-items:flex-start;gap:30px;flex-wrap:wrap;}
.footer-group{max-width:650px;}
.footer-group .links{line-height:1.9;gap:12px 24px;}
:target{scroll-margin-top:120px;}
.wallet-field span{font-size:13px;letter-spacing:.15em;}
@media(max-width:620px){.footlegal{display:flex;flex-direction:column;}.wordmark{font-size:16px;letter-spacing:.10em;}.footgrid .wordmark{white-space:normal;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}

/* ---- store: live product pages (Oct 6, 2026: Buy goes to Shopify checkout) ---- */
.pdp-media.shot{aspect-ratio:1/1;background:#fff;}
.pdp-media.shot img{object-fit:contain;}
.pdp-thumbs button{aspect-ratio:1;border:1px solid var(--hair);background:#fff;padding:0;cursor:pointer;overflow:hidden;}
.pdp-thumbs button img{width:100%;height:100%;object-fit:contain;display:block;}
.pdp-thumbs button[aria-pressed="true"]{border-color:var(--gold);}
.pdp-thumbs button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.pdp-info .ship{font-size:14px;color:var(--steel);letter-spacing:.04em;margin:-16px 0 24px;}
.pick{border:0;margin:0 0 22px;padding:0;max-width:520px;}
.pick legend{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--floor);margin-bottom:12px;padding:0;}
.pick legend .opt-color-value{letter-spacing:.06em;text-transform:none;color:var(--steel);margin-left:8px;}
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chips label{position:relative;cursor:pointer;}
.chips input{position:absolute;opacity:0;width:1px;height:1px;}
.chips span{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:46px;padding:0 14px;border:1px solid var(--hair);color:var(--steel);font-size:15px;letter-spacing:.04em;background:var(--card);transition:border-color .2s,color .2s;}
.chips label:hover span{border-color:#5a5a5a;}
.chips input:checked+span{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#0d0b04;}
.chips .dot{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px #B0B0B0;margin-right:10px;}  /* true Printful garment hex; ring keeps dark dots visible */
.chips input:checked+span .dot{box-shadow:0 0 0 1px #B0B0B0,0 0 0 3px #0d0b04,0 0 0 4px var(--gold);}
.chips input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px;}
.pdp-buy .btn.buy{border:none;font-family:inherit;}
.pdp-buy .buy-note{transition:color .2s;}
.pdp-buy .buy-note.nudge{color:var(--steel);}
.product-media.shot{aspect-ratio:1/1;background:#fff;}
.product-media.shot img{object-fit:contain;}
.product.soon{cursor:default;}
.product.soon .product-media{aspect-ratio:1/1;}
.product.soon:hover{border-color:var(--hair);transform:none;}
.product-body .price.soon{color:var(--floor);font-size:14px;letter-spacing:.06em;}
@media(max-width:480px){.chips span{min-width:48px;min-height:44px;padding:0 12px;}.pdp-buy .btn.buy{width:100%;}}
.chips label.na{cursor:not-allowed;}
.chips label.na span{opacity:.35;text-decoration:line-through;}
