:root{--ink:#0d0f10;--pnl:#16191b;--line:#2a2f33;--fg:#eceae4;--mut:#9aa0a3;--red:#e3261c;--red-text:#ff4a3f;--grn:#2fd36b;--amb:#ffb020;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:"Helvetica Neue",Arial,system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{background:var(--ink);color:var(--fg);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3{font-weight:900;letter-spacing:-.02em;line-height:.92;text-transform:uppercase}
h1{font-size:clamp(3.2rem,9vw,7.5rem)}
h2{font-size:clamp(2.3rem,6vw,4.6rem);margin-bottom:2rem}
.slug{font:600 .75rem var(--mono);letter-spacing:.14em;color:var(--mut);display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem}
.tally{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;background:#3a3f43}
.tally.on{background:var(--red);box-shadow:0 0 12px var(--red)}
.ph{background:repeating-linear-gradient(45deg,#3a2c00,#3a2c00 6px,#2a2000 6px,#2a2000 12px);color:var(--amb);font-family:var(--mono);font-size:.88em;padding:.05em .35em;border:1px dashed var(--amb);border-radius:2px}
.ph-note{font:.8rem var(--mono);color:var(--amb);border:1px dashed var(--amb);padding:.6rem .8rem;margin-bottom:1.5rem;display:inline-block}
.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem clamp(1rem,4vw,3rem);background:rgba(13,15,16,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand img{width:120px}
.tc{font:600 .95rem var(--mono);color:var(--grn);display:flex;gap:.5rem;align-items:center;background:#000;padding:.35rem .7rem;border:1px solid var(--line);border-radius:3px}
.rec{width:.55rem;height:.55rem;border-radius:50%;background:var(--red);animation:b 1.2s steps(2) infinite}
@keyframes b{50%{opacity:.2}}
.btn{display:inline-flex;align-items:center;justify-content:center;font:700 .85rem var(--mono);letter-spacing:.1em;text-decoration:none;padding:1rem 1.4rem;border-radius:3px;border:1px solid var(--line);cursor:pointer;transition:transform .1s,box-shadow .1s}
.btn:active{transform:translateY(2px)}
.btn-red{background:var(--red);color:#fff;border-color:#ff5a4f;box-shadow:0 4px 0 #8a140e,0 0 24px rgba(227,38,28,.35)}
.btn-ghost{background:var(--pnl);color:var(--fg);box-shadow:0 4px 0 #050606}
.sm{padding:.6rem .9rem;font-size:.75rem}
.big{font-size:1rem;padding:1.2rem 2rem;width:100%;max-width:420px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,3rem)}
.lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#cfccc4;max-width:34em;margin:1.5rem 0 2rem}
.lede strong{color:#fff}
.cta-row{display:flex;flex-wrap:wrap;gap:1rem}
.byline{margin-top:1.8rem;font:.8rem var(--mono);color:var(--mut);border-left:3px solid var(--red);padding-left:.8rem}
.monitor{background:#000;border:2px solid var(--line);border-radius:4px;padding:.5rem;box-shadow:0 0 0 6px var(--pnl),0 30px 60px rgba(0,0,0,.6)}
.monitor.pgm{border-color:var(--red)}
.monitor video{background:#fff;width:100%}
.mon-label{display:flex;justify-content:space-between;align-items:center;font:700 .72rem var(--mono);letter-spacing:.12em;color:#fff;padding:.2rem .3rem .5rem}
.rundown{margin:0 clamp(1rem,4vw,3rem);border:1px solid var(--line);background:var(--pnl);padding:1.2rem}
.rundown .slug{margin-bottom:.6rem}
.rundown ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.rundown a{display:flex;gap:.8rem;align-items:baseline;padding:.7rem .4rem;border-top:1px solid var(--line);font:600 .82rem var(--mono);letter-spacing:.06em;text-decoration:none}
.rundown a:hover{background:#1f2427;color:#fff}
.rundown b{color:var(--red)}.rundown i{margin-left:auto;font-style:normal;color:var(--mut);font-size:.7rem}
.seg{padding:clamp(3.5rem,8vw,6.5rem) clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line)}
.seg.dark{background:#08090a}
.body{color:#cfccc4;font-size:1.08rem;max-width:36em;margin-bottom:1.5rem}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.gallery #main{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;margin-top:.4rem}
.thumbs button{padding:0;border:2px solid transparent;background:none;cursor:pointer}
.thumbs button.on{border-color:var(--red)}
.thumbs img{aspect-ratio:1;object-fit:cover}
.specs{width:100%;border-collapse:collapse;font-size:.95rem}
.specs th,.specs td{text-align:left;padding:.85rem .2rem;border-top:1px solid var(--line);vertical-align:top}
.specs th{font:600 .72rem var(--mono);letter-spacing:.12em;color:var(--mut);width:34%}
.fine{font:.75rem var(--mono);color:var(--mut);margin-top:1rem}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:s}
.steps img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);margin-bottom:.8rem}
.steps b{font:700 .8rem var(--mono);color:var(--red)}
.steps h3{font-size:1.2rem;margin:.3rem 0}
.steps p{color:var(--mut);font-size:.92rem}
.steps .payoff img{border-color:var(--red)}
.multiview{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#000;padding:4px;border:1px solid var(--line)}
.multiview figure{position:relative;overflow:hidden}
.multiview img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.multiview figure:hover img{transform:scale(1.05)}
.multiview figcaption{position:absolute;left:0;right:0;bottom:0;font:700 .68rem var(--mono);letter-spacing:.1em;background:rgba(0,0,0,.75);padding:.35rem .5rem;border-top:2px solid var(--grn)}
.multiview figure:first-child figcaption{border-color:var(--red)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cards article,.quotes blockquote{background:var(--pnl);border:1px solid var(--line);border-top:3px solid var(--red);padding:1.5rem}
.cards b{font:700 .85rem var(--mono);letter-spacing:.1em;display:block;margin-bottom:.6rem}
.cards p{color:#cfccc4}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.quotes blockquote{border-top-color:var(--red)}
.quotes p{font-size:1.1rem;margin-bottom:1rem}
.quotes cite{font:normal .75rem var(--mono);color:var(--mut)}
.take{background:radial-gradient(circle at 20% 0,rgba(227,38,28,.18),transparent 60%),var(--ink)}
.buy-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem)}
.price{font-size:2.4rem;font-weight:900;margin-bottom:.5rem}
.price small{font:.8rem var(--mono);color:var(--mut)}
.notify{margin-top:2rem;max-width:420px}
.notify label{display:block;font:.8rem var(--mono);color:var(--mut);margin-bottom:.5rem}
.notify div{display:flex;gap:.5rem}
.notify input{flex:1;min-width:0;background:#000;border:1px solid var(--line);color:var(--fg);padding:.9rem;font:1rem var(--mono);border-radius:3px}
.promise{list-style:none;padding:0;border:1px solid var(--line)}
.promise li{padding:1.3rem;border-bottom:1px solid var(--line);color:#cfccc4}
.promise li:last-child{border:0}
.promise b{display:block;font:700 .75rem var(--mono);letter-spacing:.12em;color:#fff;margin-bottom:.4rem}
.bulk ul{list-style:none;padding:0;margin:0 0 1.5rem;font-family:var(--mono)}
.bulk li{padding:.5rem 0;border-top:1px solid var(--line)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:3rem clamp(1rem,4vw,3rem);background:#000;font-size:.9rem;color:var(--mut)}
.foot b{display:block;font:700 .72rem var(--mono);letter-spacing:.12em;color:#fff;margin-bottom:.6rem}
.foot a{display:block;text-decoration:none;padding:.2rem 0}
.foot img{margin-bottom:.8rem}
.clear{grid-column:1/-1;font:.72rem var(--mono);display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--line);padding-top:1.2rem}
@media (max-width:900px){
 .hero,.spec-grid,.buy-grid{grid-template-columns:1fr}
 .steps{grid-template-columns:repeat(2,1fr)}.steps .payoff{grid-column:1/-1}
 .multiview{grid-template-columns:repeat(2,1fr)}
 .cards,.quotes{grid-template-columns:1fr}
 .foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}
}
@media (max-width:480px){
 .tc{font-size:.75rem}.brand img{width:96px}
 .cta-row .btn{width:100%}
 .hero{padding-top:2rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.handle{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;margin-bottom:3rem}
.photo-ph{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;font:900 clamp(1.4rem,3vw,2.2rem) var(--mono);letter-spacing:.15em;color:#fff;border:2px solid var(--line);background:linear-gradient(90deg,#c0c0c0 0 14.28%,#c0c000 0 28.56%,#00c0c0 0 42.84%,#00c000 0 57.12%,#c000c0 0 71.4%,#c00000 0 85.68%,#0000c0 0);position:relative;text-shadow:0 2px 0 #000}

.photo-ph>*{position:relative;z-index:1}.photo-ph{isolation:isolate}
.photo-ph small{position:relative;font-size:.7rem;color:var(--mut);letter-spacing:.2em}
.photo-ph .tally{width:1rem;height:1rem}
.h-name{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:1rem}
.pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}
.pkg{background:var(--pnl);border:1px solid var(--line);border-top:3px solid #3a3f43;padding:1.2rem;display:flex;flex-direction:column}
.pkg.hot{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 0 30px rgba(227,38,28,.25)}
.pkg-tag{font:700 .68rem var(--mono);letter-spacing:.14em;color:var(--mut)}
.pkg.hot .pkg-tag{color:var(--red)}
.pkg h3{font-size:1.35rem;margin:.5rem 0}
.pkg-items{color:var(--mut);font-size:.88rem;flex:1}
.pkg-price{font:900 2.2rem var(--sans);margin:.8rem 0 .2rem}
.save{font:700 .75rem var(--mono);color:var(--grn);margin-bottom:1rem;letter-spacing:.1em}
.pkg .btn{width:100%;padding:.8rem}
@media (max-width:900px){.handle{grid-template-columns:1fr}.pkgs{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pkgs{grid-template-columns:1fr}}

.photo-ph{gap:0}.photo-ph .ph-box{background:#000;border:1px solid #444;padding:1.4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;color:#fff;text-shadow:none}
h1,h2,h3{font-family:"Barlow Condensed","Helvetica Neue",Arial,sans-serif;font-weight:800}
.brand img{height:48px!important;width:auto!important;display:block}footer img[src$="wordmark.svg"]{height:36px!important;width:auto!important}

/* a11y: small red text uses --red-text (5.3:1+), brand red stays on fills and lights */
li a b,.steps>li>b,.hot .pkg-tag{color:var(--red-text)!important}
.motion{font:600 .7rem var(--mono);letter-spacing:.08em;color:var(--fg);background:none;border:1px solid var(--line);border-radius:4px;padding:.3rem .55rem;cursor:pointer;margin-left:.6rem}.motion:hover,.motion:focus-visible{border-color:var(--red);outline:none}.motion:focus-visible{outline:2px solid var(--red-text);outline-offset:2px}.still .rec{animation:none!important}
/* signup */
.notify.preorder{max-width:520px}
.notify.preorder .pre-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;position:relative}
.notify.preorder .pre-grid input,.notify.preorder .pre-grid select{width:100%;box-sizing:border-box;min-width:0;background:#000;color:var(--fg);border:1px solid var(--line);padding:.9rem;font:1rem var(--mono);border-radius:3px}
.notify.preorder .pre-grid input[type=email],.notify.preorder .pre-grid .chk,.notify.preorder .pre-grid button{grid-column:1/-1}
.notify.preorder .pre-grid input::placeholder{color:var(--mut)}
.notify.preorder .pre-grid .chk{display:flex;flex-direction:row;gap:.6rem;align-items:center;margin:0;font:.9rem var(--mono);color:var(--fg);white-space:normal}
.notify.preorder .pre-grid .chk input{width:1.1rem;height:1.1rem;flex:0 0 auto;padding:0;accent-color:#e3261c}
.signup-ok{border:2px solid #2ecc71;padding:12px;margin:12px 0}
@media(max-width:600px){.notify.preorder .pre-grid{grid-template-columns:1fr}}