/* AwardTape v2 identity. Tokens mirror brand/BRAND-BOOK.md. Fonts: IBM Plex (SIL OFL 1.1), self-hosted. */
@font-face{font-family:"Plex Sans";src:url(/assets/fonts/IBMPlexSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/assets/fonts/IBMPlexSans-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/assets/fonts/IBMPlexSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Condensed";src:url(/assets/fonts/IBMPlexSansCondensed-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Condensed";src:url(/assets/fonts/IBMPlexSansCondensed-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/IBMPlexMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/IBMPlexMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/IBMPlexMono-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  /* signature */ --tape:#F0D64C;
  /* neutrals */  --ink:#0B0D10; --panel:#12161C; --panel2:#191E26; --rule:#2A313B;
                  --paper:#EEEAE0; --dim:#A6ACB5; --faint:#7F8792; --tapepaper:#F5F1E6;
  /* data */      --red:#FF6B5B; --sky:#6DB6F2; --teal:#3FC8A7; --slate:#8E97A4;
  /* legacy aliases used by generated markup */
  --bg:var(--ink); --line:var(--rule); --text:var(--paper); --amber:var(--tape); --green:var(--teal); --blue:var(--sky);
  --mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:"Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --cond:"Plex Condensed","Plex Sans","Arial Narrow",sans-serif;
  /* type scale: major third (1.25) on 16 px */
  --t-12:12px; --t-14:14px; --t-16:16px; --t-20:20px; --t-25:25px; --t-31:31px; --t-39:39px; --t-49:49px; --t-61:61px;
  /* spacing: 4 px base */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --maxw:1200px; --gutter:24px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font:400 var(--t-16)/1.6 var(--sans);font-feature-settings:"kern"}
a{color:var(--tape);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--tape);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--s5)}
.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums slashed-zero}

/* ticker: the tape */
.tick{background:#07090B;border-bottom:1px solid var(--rule);font:500 var(--t-12)/1 var(--mono);color:var(--dim);overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums}
.tick .wrap{display:flex;gap:var(--s6);padding-top:10px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none;align-items:center}
.tick .wrap::-webkit-scrollbar{display:none}
.tick b{color:var(--paper);font-weight:500}
.tick .up{color:var(--tape)}
.tapelabel{display:inline-flex;align-items:center;gap:8px;color:var(--ink);background:var(--tape);font:700 11px/1 var(--mono);letter-spacing:.14em;padding:5px 14px 5px 8px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
.tapelabel i{width:5px;height:5px;border-radius:50%;background:var(--ink);display:inline-block}

/* header */
header.top{border-bottom:1px solid var(--rule);background:rgba(11,13,16,.96);position:sticky;top:0;z-index:5;backdrop-filter:saturate(1.2) blur(6px)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center}
.brand img{height:34px;width:auto}
nav.main a{font:500 var(--t-12)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-left:var(--s5);padding:6px 0;border-bottom:2px solid transparent}
nav.main a.on{color:var(--paper);border-bottom-color:var(--tape)}
nav.main a:hover{color:var(--paper);text-decoration:none}
nav.main a.pro{color:var(--ink);background:var(--tape);padding:7px 10px;border:0}
.menu-btn{display:none;background:none;border:1px solid var(--rule);color:var(--paper);font:500 var(--t-12) var(--mono);letter-spacing:.1em;padding:8px 12px;border-radius:2px}
@media (max-width:760px){
  .menu-btn{display:block}
  nav.main{display:none;position:absolute;top:64px;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--rule);padding:var(--s2) var(--s5) var(--s4)}
  nav.main.open{display:block}
  nav.main a{display:block;margin:0;padding:14px 0;border-bottom:1px solid var(--rule)}
  nav.main a.pro{display:inline-block;margin-top:12px}
}

/* type */
.eyebrow{font:500 var(--t-12)/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tape);margin:0 0 var(--s3)}
h1,h2,h3{font-family:var(--cond);font-weight:600;letter-spacing:-.005em;color:var(--paper)}
h1{font-size:clamp(var(--t-39),5.6vw,var(--t-61));line-height:1.02;margin:0 0 var(--s4)}
h2{font-size:var(--t-31);line-height:1.1;margin:0 0 var(--s3)}
h3{font-size:var(--t-20);line-height:1.25;margin:0 0 var(--s2)}
.lede{font-size:var(--t-20);line-height:1.5;color:var(--dim);max-width:68ch;margin:0 0 var(--s5)}
p{max-width:72ch}

/* sections on a 12-col grid */
section{padding:var(--s8) 0;border-bottom:1px solid var(--rule)}
section.hero{padding:var(--s8) 0 var(--s7)}
.label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);font:500 var(--t-12)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 var(--s5);padding-bottom:var(--s3);border-bottom:1px solid var(--rule)}
.label span:first-child{color:var(--paper)}
.grid{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.g4{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}
.cell{background:var(--panel);padding:var(--s5)}
.cell .n{font:500 var(--t-12) var(--mono);color:var(--tape);letter-spacing:.1em;margin-bottom:var(--s3)}
.cell .k{font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:var(--s2)}
.cell .v{font:700 var(--t-31)/1.05 var(--mono);color:var(--paper);font-variant-numeric:tabular-nums slashed-zero;letter-spacing:-.02em}
.cell .v.a{color:var(--tape)}
.cell p{color:var(--dim);font-size:var(--t-14);margin:var(--s2) 0 0}

/* signature rule: AWARDTAPE in punched ITA2 code */
.tape-rule{height:28px;width:196px;background:url(/assets/tape-code.svg) left center/auto 28px no-repeat;margin:var(--s2) 0 var(--s5)}

/* forms + buttons */
form.signup{display:flex;gap:var(--s2);max-width:560px;flex-wrap:wrap}
form.signup input{flex:1 1 240px;background:var(--ink);border:1px solid var(--rule);color:var(--paper);font:var(--t-16) var(--mono);padding:14px 16px;border-radius:2px}
form.signup input::placeholder{color:var(--faint)}
form.signup input:focus{border-color:var(--tape)}
.btn{display:inline-block;background:var(--tape);color:var(--ink);border:0;font:700 var(--t-12)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:16px 22px 16px 20px;border-radius:0;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);padding-right:30px}
.btn:hover{filter:brightness(1.06);text-decoration:none}
.btn.outline{background:none;color:var(--paper);clip-path:none;border:1px solid var(--rule);padding-right:22px}
.btn.outline:hover{border-color:var(--tape)}
.note{font:var(--t-12)/1.5 var(--mono);color:var(--faint);margin-top:var(--s3)}
.formmsg{font:var(--t-14) var(--mono);color:var(--teal);margin-top:var(--s3);min-height:1em}
.signup-box{background:var(--panel);border:1px solid var(--rule);border-left:4px solid var(--tape);padding:var(--s6)}
.signup-box h2{margin-top:0}

/* next-closes rows */
.rows{border-top:1px solid var(--rule)}
.row{display:grid;grid-template-columns:48px 1fr auto;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--rule);align-items:baseline}
.row .i{font:var(--t-12) var(--mono);color:var(--faint)}
.row .t{font-weight:600}
.row .s{font:var(--t-12)/1.5 var(--mono);color:var(--dim);margin-top:4px}
.row .d{font:700 var(--t-20) var(--mono);color:var(--paper);text-align:right;font-variant-numeric:tabular-nums}
.row .d.hot{color:var(--red)}

/* drop cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--gutter)}
.card{background:var(--panel);border:1px solid var(--rule);display:flex;flex-direction:column;color:var(--paper)}
.card:hover{border-color:var(--tape);text-decoration:none}
.card .thumb{aspect-ratio:16/10;overflow:hidden;background:var(--ink);border-bottom:1px solid var(--rule)}
.card .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.card .body{padding:var(--s5)}
.card .meta{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:var(--s2)}
.card h3{font-size:var(--t-20);line-height:1.25}
.card p{color:var(--dim);font-size:var(--t-14);margin:var(--s2) 0 0}

/* article */
article.post{max-width:760px;margin:0 auto;padding:var(--s7) 0 var(--s8)}
article.post h1{font-size:clamp(var(--t-31),4.6vw,var(--t-49))}
article.post .meta{font:500 var(--t-12) var(--mono);color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--s5)}
article.post figure{margin:0 0 var(--s6);border:1px solid var(--rule);background:var(--ink)}
article.post figcaption{font:var(--t-12)/1.5 var(--mono);color:var(--faint);padding:var(--s3) var(--s4);border-top:1px solid var(--rule)}
article.post p{font-size:18px;line-height:1.65;margin:0 0 var(--s4)}
article.post ul{padding-left:20px;margin:0 0 var(--s4);font-size:17px}
article.post li{margin:0 0 6px}
article.post li b{font-family:var(--mono);font-variant-numeric:tabular-nums}
.tapehead{display:flex;align-items:stretch;margin:0 0 var(--s5);border:1px solid var(--rule)}
.tapehead .tl{background:var(--tape);color:var(--ink);font:700 11px/1 var(--mono);letter-spacing:.14em;padding:12px 18px 12px 12px;display:flex;align-items:center;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.tapehead .big{font:700 var(--t-25)/1 var(--mono);color:var(--tape);padding:10px var(--s4);display:flex;align-items:center;font-variant-numeric:tabular-nums}
.tapehead .tm{font:500 var(--t-12)/1.3 var(--mono);color:var(--dim);letter-spacing:.08em;text-transform:uppercase;padding:10px var(--s4);display:flex;align-items:center;border-left:1px solid var(--rule)}
.src{margin-top:var(--s6);padding-top:var(--s4)}
.src ol{font:var(--t-12)/1.7 var(--mono);color:var(--dim);padding-left:20px;word-break:break-all}
.backnav{font:500 var(--t-12) var(--mono);letter-spacing:.1em;text-transform:uppercase}
.signoff{font:700 var(--t-12) var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:var(--s6);display:flex;align-items:center;gap:var(--s3)}
.signoff:before{content:"";width:60px;height:14px;background:url(/assets/tape-code.svg) left center/auto 14px no-repeat}

/* tracker table */
.tablewrap{overflow-x:auto;border:1px solid var(--rule)}
table.trk{width:100%;border-collapse:collapse;font:var(--t-12)/1.45 var(--mono);min-width:1000px;font-variant-numeric:tabular-nums}
table.trk th{position:sticky;top:0;background:var(--panel2);color:var(--faint);text-align:left;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:12px;border-bottom:1px solid var(--rule);cursor:pointer;white-space:nowrap}
table.trk td{padding:12px;border-bottom:1px solid var(--rule);vertical-align:top}
table.trk tr:hover td{background:var(--panel)}
table.trk td.title{font-family:var(--sans);font-size:var(--t-14);max-width:380px}
table.trk td.days{font-weight:700;font-size:var(--t-16);text-align:right;white-space:nowrap}
.d0{color:var(--red)} .d7{color:var(--paper)} .d30{color:var(--dim)} .dx{color:var(--faint)}
.tag{display:inline-block;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);color:var(--dim);padding:4px 6px;border-radius:0;margin:4px 4px 0 0;white-space:nowrap}
.tag.warn{color:var(--red);border-color:#5a2f2a}
.tag.cuas{color:var(--sky);border-color:#27435e}
.filters{display:flex;gap:var(--s2);flex-wrap:wrap;margin:0 0 var(--s4)}
.filters input{background:var(--ink);border:1px solid var(--rule);color:var(--paper);font:var(--t-14) var(--mono);padding:12px 14px;border-radius:2px;flex:1 1 260px}
.filters label{font:var(--t-12) var(--mono);color:var(--dim);display:flex;align-items:center;gap:6px}

/* Full Tape */
.price{font:700 var(--t-61)/1 var(--mono);color:var(--tape);letter-spacing:-.03em}
.price small{font-size:var(--t-20);color:var(--dim);letter-spacing:0}
.feat{list-style:none;padding:0;margin:0}
.feat li{padding:var(--s3) 0;border-bottom:1px solid var(--rule);display:flex;gap:var(--s3)}
.feat li:before{content:"";flex:0 0 10px;height:10px;margin-top:7px;background:var(--tape);clip-path:polygon(0 0,60% 0,100% 50%,60% 100%,0 100%)}
table.cmp{width:100%;border-collapse:collapse;font:var(--t-14) var(--mono)}
table.cmp td,table.cmp th{padding:var(--s3);border-bottom:1px solid var(--rule);text-align:left}
table.cmp th{color:var(--faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
table.cmp td.y{color:var(--tape)}

/* footer */
footer.foot{padding:var(--s7) 0 var(--s7);color:var(--faint);font:var(--t-12)/1.7 var(--mono)}
footer.foot .wrap{display:flex;justify-content:space-between;gap:var(--s5);flex-wrap:wrap}
footer.foot a{color:var(--dim)}
footer.foot .wrap+.wrap{display:block}
.disclaimer{margin:var(--s5) 0 0;padding-top:var(--s4);border-top:1px solid var(--rule);color:var(--faint);font:11px/1.7 var(--mono);max-width:900px}
.draft{background:#2a1a17;border:1px solid #5a2f2a;color:var(--red);font:700 var(--t-12)/1.4 var(--mono);letter-spacing:.1em;padding:10px 14px;margin:0 0 var(--s5);text-transform:uppercase}
.legal h2{font-size:var(--t-20);margin:var(--s6) 0 var(--s2)}
.legal p,.legal li{color:var(--paper);font-size:var(--t-16)}

/* brand board */
.bb-dirs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}
@media (max-width:900px){.bb-dirs{grid-template-columns:1fr}}
.bb-dir{border:1px solid var(--rule);background:var(--panel)}
.bb-dir img{width:100%}
.bb-dir .body{padding:var(--s4) var(--s5) var(--s5);border-top:1px solid var(--rule)}
.bb-dir.win{border-color:var(--tape)}
.bb-dir .verdict{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.bb-dir.win .verdict{color:var(--tape)}
.bb-logo{display:grid;grid-template-columns:2fr 1fr;gap:var(--gutter)}
@media (max-width:900px){.bb-logo{grid-template-columns:1fr}}
.bb-tile{border:1px solid var(--rule);padding:var(--s7) var(--s6);display:flex;align-items:center;justify-content:center;gap:var(--s6);min-height:180px;flex-wrap:wrap}
.bb-tile.light{background:var(--tapepaper)}
.bb-tile.dark{background:var(--ink)}
.bb-tile.panel{background:var(--panel)}
.sw{border:1px solid var(--rule);background:var(--panel)}
.sw .chip{height:96px;display:flex;align-items:flex-end;padding:var(--s3);font:700 var(--t-12) var(--mono)}
.sw .meta{padding:var(--s3);font:var(--t-12)/1.6 var(--mono);color:var(--dim)}
.sw .meta b{color:var(--paper);font-weight:500;display:block}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}
.typespec{border:1px solid var(--rule);background:var(--panel);padding:var(--s5)}
.typespec .row2{display:grid;grid-template-columns:120px 1fr;gap:var(--s4);align-items:baseline;padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.typespec .row2:last-child{border-bottom:0}
.typespec .lab{font:var(--t-12) var(--mono);color:var(--faint)}
.decode{font:var(--t-12)/1.6 var(--mono);color:var(--dim)}
.decode td{padding:4px 10px 4px 0}
.note{max-width:none}
.hero-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7);align-items:center}
@media (max-width:980px){.hero-split{grid-template-columns:1fr}}
.hero-card{margin:0;border:1px solid var(--rule);background:var(--panel)}
.hero-card img{width:100%}
.hero-card figcaption{font:var(--t-12)/1.5 var(--mono);color:var(--faint);padding:var(--s3) var(--s4);border-top:1px solid var(--rule)}
.hero-split h1{font-size:clamp(var(--t-39),5vw,var(--t-61))}
article.post p.backnav,article.post p.signoff{font-size:var(--t-12);line-height:1.6}
.filters input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;padding:0;accent-color:var(--tape)}
.filters label{white-space:nowrap}
.typespec .row2{grid-template-columns:120px minmax(0,1fr)}
.typespec .row2 span{overflow-wrap:anywhere}
@media (max-width:560px){.typespec .row2{grid-template-columns:1fr;gap:4px}.typespec .row2 span[style*="61px"]{font-size:39px!important}.typespec .row2 span[style*="49px"]{font-size:31px!important}}
.decodewrap{overflow-x:auto}
.cell,.bb-tile,.sw{min-width:0}
/* Pre-launch: disabled signup + subscribe */
.opens-soon{font:600 var(--t-14,14px) var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tape);margin:0 0 var(--s3,12px)}
form.signup.is-disabled input,form.signup.is-disabled button,.btn[disabled]{opacity:.55;cursor:not-allowed}