@font-face{font-family:CSC;src:url(fonts/CormorantSC-Medium.ttf)}
@font-face{font-family:CSCL;src:url(fonts/CormorantSC-Light.ttf)}
@font-face{font-family:CGI;font-style:italic;src:url(fonts/CormorantGaramond-Italic-VariableFont_wght.ttf)}
@font-face{font-family:Inter;src:url("fonts/Inter-VariableFont_opsz,wght.ttf")}
@font-face{font-family:Mono;src:url(fonts/JetBrainsMono-VariableFont_wght.ttf)}
:root{--bg:#080808;--panel:#0f0d0b;--line:#2a2219;--gold:#c9a96e;--gold2:#e8d096;--ivory:#ece4d6;--red:#a81c07;--mute:#8a7d68;--pass:#39ff9c;--warn:#ffc83d;--fail:#ff3b5c;--cyan:#3de8ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ivory);font:16px/1.6 Inter,sans-serif;background-image:radial-gradient(ellipse 900px 420px at 50% -80px,rgba(168,28,7,.28),transparent)}
a{color:var(--gold2);text-decoration:none}a:hover{color:#fff}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}
.logo{font-family:CSC;letter-spacing:.32em;font-size:22px;color:var(--ivory)}.logo b{color:var(--red);font-weight:400}
nav .links a{font-family:CSCL;letter-spacing:.14em;margin-left:22px;font-size:15px;color:var(--gold)}
.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold2);padding:11px 22px;font-family:CSC;letter-spacing:.18em;font-size:14px;background:transparent;cursor:pointer}
.btn.solid{background:linear-gradient(180deg,#e8d096,#b38f52);color:#120d07;border:0}
h1,h2,h3{font-family:CSC;font-weight:400;letter-spacing:.12em;color:var(--ivory);line-height:1.2}
h1{font-size:clamp(38px,6vw,72px);letter-spacing:.22em;margin:.2em 0}
.tag{font-family:CGI;font-style:italic;color:var(--gold2);font-size:clamp(20px,2.6vw,28px)}
.rule{width:320px;max-width:60%;height:1px;background:var(--gold);margin:18px auto;position:relative}.rule:after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--red)}
.eyebrow{font-family:CSCL;letter-spacing:.32em;color:var(--mute);font-size:13px;text-transform:uppercase}
.hero{text-align:center;padding:80px 0 56px}
.frame{border:1px solid var(--gold);outline:1px solid #5a4b32;outline-offset:-8px;padding:28px;position:relative;background:rgba(15,13,11,.8)}
.frame:before,.frame:after{content:"";position:absolute;width:7px;height:7px;background:var(--gold);top:-4px;left:-4px}.frame:after{left:auto;right:-4px}
.checker{display:flex;gap:10px;max-width:760px;margin:30px auto 10px}
.checker input{flex:1;background:#050505;border:1px solid #5a4b32;color:var(--ivory);padding:16px;font:15px Mono,monospace}
.small{font-size:13px;color:var(--mute)}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
section{padding:56px 0;border-top:1px solid var(--line)}
.card{border:1px solid var(--line);background:var(--panel);padding:22px}
.card h3{font-size:20px;margin:0 0 8px}
.mono{font-family:Mono,monospace}
.pill{font:600 12px Mono,monospace;padding:3px 9px;border:1px solid;letter-spacing:.08em}
.PASS{color:var(--pass);border-color:var(--pass);text-shadow:0 0 8px rgba(57,255,156,.6)}.WARN{color:var(--warn);border-color:var(--warn);text-shadow:0 0 8px rgba(255,200,61,.6)}.FAIL{color:var(--fail);border-color:var(--fail);text-shadow:0 0 8px rgba(255,59,92,.6)}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-family:CSCL;letter-spacing:.14em;color:var(--mute);font-weight:400}
.neon{color:var(--cyan);text-shadow:0 0 10px rgba(61,232,255,.5)}
.price{font-family:CSC;font-size:56px;color:var(--gold2)}
ul.ticks{list-style:none;padding:0}ul.ticks li{padding:6px 0 6px 22px;position:relative}ul.ticks li:before{content:"◆";position:absolute;left:0;color:var(--red);font-size:11px;top:10px}
article{max-width:740px;margin:0 auto;padding:40px 0 60px}article h2{font-size:26px;margin-top:40px}article p,article li{color:#d9d0c0}
.callout{border-left:2px solid var(--red);padding:12px 18px;background:var(--panel);margin:22px 0}
footer{border-top:1px solid var(--line);padding:36px 0;color:var(--mute);font-size:13px}
.notice{border:1px dashed var(--mute);padding:6px 12px;font-size:12px;color:var(--mute);display:inline-block}
@media(max-width:760px){h1{font-size:32px!important;overflow-wrap:anywhere}td,th{padding:8px 5px}nav .links{display:none}.checker{flex-direction:column}h1{letter-spacing:.12em}.hero{padding:48px 0 36px}table{font-size:12px}}
/* v2 calm layout */
.v2 section{padding:64px 0}
.fcards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.fcard{display:block;border:1px solid var(--line);background:var(--panel);padding:16px 18px;color:var(--ivory)}
.fcard:hover{border-color:var(--gold);color:var(--ivory)}
.fcard .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fcard .tk{font-family:CSC;letter-spacing:.1em;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fcard .why{color:#cfc6b6;font-size:14px;margin:8px 0 4px;line-height:1.45}
.fcard .meta{font:12px Mono,monospace;color:var(--mute)}
details.more{border-top:1px solid var(--line);padding:6px 0}
details.more>summary{cursor:pointer;list-style:none;padding:16px 0;font-family:CSC;letter-spacing:.14em;color:var(--gold);font-size:18px}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary:after{content:"＋";float:right;color:var(--mute)}details.more[open]>summary:after{content:"－"}
details.more>div{padding:0 0 22px}
.stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:10px 0 30px}
.stat{border:1px solid var(--line);background:var(--panel);padding:20px;text-align:center}
.stat .n{font-family:CSC;font-size:46px;line-height:1.1;color:var(--gold2)}
.stat .l{font-size:13px;color:var(--mute)}
.keylines{list-style:none;padding:0;margin:14px 0 0}.keylines li{padding:9px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:baseline}.keylines li:last-child{border:0}
.lead{font-size:18px;color:#d9d0c0;max-width:640px}
.center{text-align:center}.center .lead{margin:0 auto}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}.keylines li{flex-direction:column;gap:2px}.v2 section{padding:44px 0}.stat .n{font-size:36px}.frame{padding:18px}.fcards{grid-template-columns:1fr}}
.kl{min-width:84px;letter-spacing:.2em}
/* ===== v3 tiles ===== */
:root{--r:14px;--glow:0 0 0 1px rgba(201,169,110,.28),0 0 18px rgba(201,169,110,.06);--glowh:0 0 0 1px rgba(232,208,150,.65),0 0 22px rgba(61,232,255,.12)}
.card,.fcard,.frame,.stat,.tile,details.more,.checker input,.btn{border-radius:var(--r)}
.card,.fcard,.stat,.tile{border:0;background:linear-gradient(180deg,#121009,#0b0a08);box-shadow:var(--glow);padding:20px 22px;transition:box-shadow .18s,transform .18s}
a.card:hover,.fcard:hover,a.tile:hover,.tile.click:hover{box-shadow:var(--glowh);transform:translateY(-2px);color:var(--ivory)}
.frame{border:0;outline:0;box-shadow:0 0 0 1px rgba(201,169,110,.55),0 0 26px rgba(201,169,110,.08)}.frame:before,.frame:after{display:none}
.btn{padding:11px 22px}.btn:hover{box-shadow:0 0 16px rgba(232,208,150,.35)}
.pill{border-radius:999px;padding:3px 11px;display:inline-block;line-height:1.5}
table{border-collapse:separate;border-spacing:0 8px}
td,th{border:0}tr:not(:first-child) td{background:#0e0c09;box-shadow:inset 0 1px 0 rgba(201,169,110,.18),inset 0 -1px 0 rgba(201,169,110,.18)}
tr td:first-child{border-radius:var(--r) 0 0 var(--r);box-shadow:inset 1px 1px 0 rgba(201,169,110,.18),inset 0 -1px 0 rgba(201,169,110,.18)!important}
tr td:last-child{border-radius:0 var(--r) var(--r) 0;box-shadow:inset -1px 1px 0 rgba(201,169,110,.18),inset 0 -1px 0 rgba(201,169,110,.18)!important}
tr:hover td{background:#14110c}
details.more{border:0;box-shadow:var(--glow);padding:0 20px;margin:12px 0;background:#0b0a08}
.tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.tile .t{font-family:CSC;letter-spacing:.1em;font-size:19px;color:var(--ivory);display:flex;justify-content:space-between;gap:8px;align-items:center}
.tile .s{color:#cfc6b6;font-size:14px;margin:8px 0 6px;line-height:1.45}.tile .m{font:12px Mono,monospace;color:var(--mute)}
.tile ul{margin:10px 0 0;padding-left:18px;color:#cfc6b6;font-size:14px}.tile li{margin:4px 0}
.num{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--gold);color:var(--gold2);font-family:CSC;margin-bottom:10px}
.fpills{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 16px}
.fpill{border-radius:999px;padding:6px 14px;font:13px Mono,monospace;color:var(--gold);background:#0b0a08;box-shadow:var(--glow);cursor:pointer;border:0}
.fpill.on,.fpill:hover{box-shadow:var(--glowh);color:#fff}
.hero3{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:64px 0 48px}
.hero3 h1{font-size:clamp(34px,4.6vw,58px);letter-spacing:.16em;margin:.1em 0}.hero3 .checker{margin:24px 0 8px;max-width:none}
.hero3 img{width:100%;border-radius:var(--r);box-shadow:0 0 0 1px rgba(201,169,110,.5),0 0 40px rgba(168,28,7,.25)}
.weather{display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.weather .big{font-family:CSC;font-size:40px;color:var(--warn);line-height:1}
.side{display:grid;gap:16px;grid-template-columns:2fr 1fr}
footer a{display:inline-block;margin:2px 0}
nav .links a{padding:6px 10px;border-radius:999px;margin-left:6px}nav .links a:hover{box-shadow:var(--glow)}
@media(max-width:760px){.hero3{grid-template-columns:1fr;padding:36px 0}.side{grid-template-columns:1fr}
 table,tbody,tr,td{display:block;width:100%}table tr:has(th){display:none}tr{margin:10px 0;border-radius:var(--r);box-shadow:var(--glow);background:#0e0c09;padding:10px 12px}
 tr:not(:first-child) td,tr td:first-child,tr td:last-child{box-shadow:none!important;background:none!important;border-radius:0;padding:3px 0}}
/* ===== v3 neon gold ===== */
:root{--ng:#ffd98a;--na:rgba(255,170,60,.35);
--glow:inset 0 1px 0 rgba(255,236,190,.10),0 0 0 1px rgba(255,217,138,.55),0 0 6px rgba(255,190,90,.22),0 0 18px rgba(255,160,50,.10);
--glowh:inset 0 1px 0 rgba(255,240,200,.16),0 0 0 1px rgba(255,230,170,.95),0 0 8px rgba(255,200,100,.45),0 0 24px rgba(255,170,60,.25),0 0 48px rgba(255,150,40,.12)}
.frame{box-shadow:inset 0 1px 0 rgba(255,236,190,.12),0 0 0 1px rgba(255,222,150,.8),0 0 8px rgba(255,190,90,.3),0 0 26px rgba(255,160,50,.14)}
.tile:focus-visible,.fcard:focus-visible,a:focus-visible,.fpill:focus-visible,.btn:focus-visible,.checker input:focus{outline:0;box-shadow:var(--glowh)}
h1,h2,.price,.stat .n,.logo,.weather .big{text-shadow:0 0 1px rgba(255,240,205,.9),0 0 10px rgba(255,190,90,.35),0 0 26px rgba(255,150,40,.18)}
.tile .t,details.more>summary,.eyebrow{text-shadow:0 0 8px rgba(255,190,90,.18)}
.btn{box-shadow:inset 0 1px 0 rgba(255,236,190,.25),0 0 0 1px rgba(255,217,138,.6),0 0 8px rgba(255,180,80,.15);transition:box-shadow .2s}
.btn.solid{background:linear-gradient(180deg,#fff0c4 0%,#e8c77e 38%,#b8873f 72%,#8f6427 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(90,55,15,.55),0 0 0 1px #c99a52,0 2px 10px rgba(255,170,60,.25);text-shadow:0 1px 0 rgba(255,240,200,.5)}
.btn:hover,.btn.solid:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(90,55,15,.5),0 0 0 1px #ffe0a0,0 0 12px rgba(255,200,100,.55),0 0 30px rgba(255,160,50,.3)}
.pill.PASS{box-shadow:0 0 6px rgba(57,255,156,.3),inset 0 0 6px rgba(57,255,156,.12)}.pill.WARN{box-shadow:0 0 6px rgba(255,200,61,.3),inset 0 0 6px rgba(255,200,61,.12)}.pill.FAIL{box-shadow:0 0 6px rgba(255,59,92,.3),inset 0 0 6px rgba(255,59,92,.12)}
.hero3 h1,.hero h1{animation:bcpulse 6s ease-in-out infinite}
@keyframes bcpulse{0%,100%{text-shadow:0 0 1px rgba(255,240,205,.9),0 0 10px rgba(255,190,90,.3),0 0 26px rgba(255,150,40,.14)}50%{text-shadow:0 0 1px rgba(255,245,215,1),0 0 14px rgba(255,195,95,.5),0 0 36px rgba(255,150,40,.26)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}a.card:hover,.fcard:hover,a.tile:hover,.tile.click:hover{transform:none}}

/* ===== v4 ruby accent (2026-10-16, Viper pick: crisp ruby). One variable set below ===== */
:root{--gold:var(--acc-hi);--gold2:var(--acc-hi);--red:var(--acc);--line:#2a1414;--mute:#9a8580;--ng:var(--acc-hi);--na:rgba(var(--glo-rgb),.35);
--fail:#ff2d55;
--glow:inset 0 1px 0 rgba(255,220,215,.08),0 0 0 1px rgba(var(--glo-rgb),.55),0 0 6px rgba(var(--glo-rgb),.24),0 0 18px rgba(var(--glo2-rgb),.12);
--glowh:inset 0 1px 0 rgba(255,225,220,.14),0 0 0 1px rgba(var(--glo-rgb),.95),0 0 8px rgba(var(--glo-rgb),.5),0 0 24px rgba(var(--glo2-rgb),.3),0 0 48px rgba(var(--glo2-rgb),.14)}
.frame{box-shadow:inset 0 1px 0 rgba(255,220,215,.10),0 0 0 1px rgba(var(--glo-rgb),.8),0 0 8px rgba(var(--glo-rgb),.32),0 0 26px rgba(var(--glo2-rgb),.16)}
.frame:before,.frame:after{background:var(--acc-hi)}
h1,h2,.price,.stat .n,.logo,.weather .big{text-shadow:0 0 1px rgba(255,225,220,.9),0 0 10px rgba(var(--glo-rgb),.4),0 0 26px rgba(var(--glo2-rgb),.22)}
.tile .t,details.more>summary,.eyebrow{text-shadow:0 0 8px rgba(var(--glo-rgb),.2)}
.btn{border-color:var(--acc-hi);box-shadow:inset 0 1px 0 rgba(255,220,215,.2),0 0 0 1px rgba(var(--glo-rgb),.65),0 0 8px rgba(var(--glo-rgb),.18)}
.btn.solid{background:linear-gradient(180deg,var(--acc-hi) 0%,var(--acc) 55%,var(--acc-dk) 100%);color:#fff4f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.45),0 0 0 1px var(--acc-hi),0 2px 12px rgba(var(--glo-rgb),.35);text-shadow:0 1px 1px rgba(0,0,0,.55)}
.btn:hover,.btn.solid:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.4),0 0 0 1px #ffd0c8,0 0 12px rgba(var(--glo-rgb),.6),0 0 30px rgba(var(--glo2-rgb),.35)}
.hero3 img{box-shadow:0 0 0 1px rgba(var(--glo-rgb),.5),0 0 40px rgba(var(--acc-rgb),.35)}
tr:not(:first-child) td{box-shadow:inset 0 1px 0 rgba(var(--glo-rgb),.18),inset 0 -1px 0 rgba(var(--glo-rgb),.18)}
tr td:first-child{box-shadow:inset 1px 1px 0 rgba(var(--glo-rgb),.18),inset 0 -1px 0 rgba(var(--glo-rgb),.18)!important}
tr td:last-child{box-shadow:inset -1px 1px 0 rgba(var(--glo-rgb),.18),inset 0 -1px 0 rgba(var(--glo-rgb),.18)!important}
@keyframes bcpulse{0%,100%{text-shadow:0 0 1px rgba(255,225,220,.9),0 0 10px rgba(var(--glo-rgb),.32),0 0 26px rgba(var(--glo2-rgb),.16)}50%{text-shadow:0 0 1px rgba(255,235,230,1),0 0 14px rgba(var(--glo-rgb),.55),0 0 36px rgba(var(--glo2-rgb),.3)}}
/* verdicts keep their own colours + an icon so FAIL never reads as the accent */
.pill.PASS:before{content:"\2713\00a0"}.pill.WARN:before{content:"!\00a0"}.pill.FAIL:before{content:"\2715\00a0"}
.FAIL{color:var(--fail);border-color:var(--fail);text-shadow:0 0 8px rgba(255,45,85,.65)}
.pill.FAIL{background:rgba(255,45,85,.08)}
/* C-crisp: ruby with solid text (no text glow), tight border/button glow only */
:root{--acc:#c0142b;--acc-hi:#f0475a;--acc-dk:#5e0814;--acc-rgb:192,20,43;--glo-rgb:240,60,80;--glo2-rgb:220,30,55;
--glow:0 0 0 1px rgba(var(--glo-rgb),.6),0 0 4px rgba(var(--glo-rgb),.18);
--glowh:inset 0 0 0 1px rgba(var(--glo-rgb),.35),0 0 0 1px rgba(var(--glo-rgb),.9),0 0 5px rgba(var(--glo-rgb),.3)}
*,h1,h2,.FAIL{text-shadow:none!important}
.hero3 h1,.hero h1{animation:none}
.frame{box-shadow:inset 0 0 0 1px rgba(var(--glo-rgb),.25),0 0 0 1px rgba(var(--glo-rgb),.7),0 0 5px rgba(var(--glo-rgb),.16)}
.btn{box-shadow:inset 0 0 0 1px rgba(var(--glo-rgb),.25),0 0 0 1px rgba(var(--glo-rgb),.6),0 0 4px rgba(var(--glo-rgb),.15)}
.btn.solid{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.4),0 0 0 1px var(--acc-hi),0 0 5px rgba(var(--glo-rgb),.25)}
.btn:hover,.btn.solid:hover{box-shadow:inset 0 0 0 1px rgba(var(--glo-rgb),.4),0 0 0 1px #ffb3bd,0 0 6px rgba(var(--glo-rgb),.4)}
.hero3 img{box-shadow:0 0 0 1px rgba(var(--glo-rgb),.5),0 0 8px rgba(var(--acc-rgb),.25)}
.pill.FAIL,.pill.PASS,.pill.WARN{box-shadow:none}
/* ruby: input outlines + snapshot banner (was gold/amber) */
.checker input,input[type=email],input[type=text]{border-color:#4a1e24}
#pv{background:#16080a!important;color:#f3b3bb!important;border-bottom-color:#3e1a1f!important}

/* mobile fixes 2026-10-16: card keeps native ratio; nav = logo + links (TG button moved to hero/footer) */
img{max-width:100%;height:auto}
.hero3 figure{margin:0;max-width:640px;justify-self:center;width:100%}
.hero3 img{width:100%;height:auto;aspect-ratio:1200/675;object-fit:contain;display:block}
.tgcta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
@media(max-width:760px){nav{flex-wrap:wrap;gap:10px}nav .links{display:flex!important;width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}nav .links::-webkit-scrollbar{display:none}nav .links a{margin-left:0;margin-right:4px;font-size:13px}.tgcta .btn{width:100%;text-align:center}}
/* recent-check tiles: verdict + RUGGED badges wrap/shrink inside the card */
.tile .t{flex-wrap:wrap;gap:6px;row-gap:6px;min-width:0}
.tile .t>span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tile .t .pill{font-size:11px;padding:2px 8px;white-space:nowrap;flex:0 0 auto}
.tile .t .pill+.pill{margin-left:0!important}
/* mnav: compact phone menu */
.mnav-btn{display:none}
@media(max-width:760px){nav{position:relative;flex-wrap:nowrap!important;gap:0!important}
.mnav-btn{display:inline-flex;align-items:center;gap:10px;background:#0d0a0b;border:1px solid rgba(192,20,43,.55);color:#f0475a;font-family:CSCL,inherit;letter-spacing:.2em;font-size:12px;padding:9px 14px;border-radius:999px;cursor:pointer;text-shadow:none}
.mnav-btn:focus-visible{outline:2px solid #c0142b;outline-offset:2px}
.mnav-i{display:inline-flex;flex-direction:column;gap:4px;width:16px}.mnav-i i{display:block;height:1.5px;background:#c0142b;transition:transform .2s,opacity .2s}
nav.mnav-open .mnav-i i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}nav.mnav-open .mnav-i i:nth-child(2){opacity:0}nav.mnav-open .mnav-i i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
nav .links{display:none!important;position:absolute;top:100%;left:0;right:0;z-index:50;flex-direction:column;width:auto!important;overflow:visible!important;white-space:normal!important;background:#0b0809;border:1px solid rgba(192,20,43,.35);border-top:2px solid #c0142b;border-radius:0 0 14px 14px;padding:8px 0!important;box-shadow:0 18px 40px rgba(0,0,0,.6)}
nav.mnav-open .links{display:flex!important}
nav .links a{display:block;margin:0!important;padding:14px 22px!important;border-radius:0!important;font-size:14px!important;color:#f0475a!important;text-shadow:none!important;box-shadow:none!important;border-bottom:1px solid rgba(192,20,43,.12)}
nav .links a:last-child{border-bottom:0}nav .links a:active,nav .links a:hover{background:rgba(192,20,43,.1)}}

/* wl: waitlist nav pill, homepage band, footer link */
nav .links a.nav-wl{border:1px solid rgba(192,20,43,.75);color:#f0475a;border-radius:999px;padding:6px 14px;text-shadow:none}
nav .links a.nav-wl:hover{background:rgba(192,20,43,.12);box-shadow:none}
.wlband{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;margin:8px 0 10px;padding:26px 30px!important;border:1px solid rgba(192,20,43,.55);border-radius:18px;background:linear-gradient(120deg,rgba(192,20,43,.10),rgba(12,9,10,.9) 60%);position:relative}
.wlband:before{content:"";position:absolute;inset:6px;border:1px solid rgba(192,20,43,.14);border-radius:13px;pointer-events:none}
.wlband .eyebrow{color:#f0475a}.wlband h2{margin:6px 0 8px;font-size:30px;line-height:1.15;text-shadow:none}
.wlband .small{margin:0}.wlband .checker{margin:0 0 8px}.wlband #wlhmsg{color:#b9ab97}
.foot-wlp{text-align:center;margin:26px 0 0}.foot-wl{font-family:CSCL;letter-spacing:.16em;color:#f0475a;border:1px solid rgba(192,20,43,.6);border-radius:999px;padding:9px 20px;display:inline-block;text-shadow:none}
.foot-wl:hover{background:rgba(192,20,43,.12)}
@media(max-width:760px){.wlband{grid-template-columns:1fr;gap:16px;padding:22px 18px!important}.wlband h2{font-size:24px}.wlband .checker button{width:100%}
nav .links a.nav-wl{border:0;border-radius:0;padding:14px 22px!important;margin:6px 14px 4px!important;border:1px solid rgba(192,20,43,.6)!important;border-radius:999px!important;text-align:center}}


/* wl2: optional X handle field */
#wl,#wlh{flex-wrap:wrap}#wl .xh,#wlh .xh{flex:1 1 100%;order:2;margin-top:8px}#wl button,#wlh button{order:1}#wl input[type=email],#wlh input[type=email]{order:0}
@media(max-width:760px){#wl .xh,#wlh .xh{order:1;margin-top:0}#wl button,#wlh button{order:2}}