/* AYO 14-day free intro — shared chrome for /14-day/* */
.hero{padding:2.4rem 0 2.2rem;position:relative}
.hero .grid-bg{position:absolute;inset:0;opacity:.5;pointer-events:none}
header.top .btn-mini{background:var(--pop);color:#120800;border:2px solid var(--fg);
  font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:.7rem;
  padding:.5rem .85rem;box-shadow:3px 3px 0 0 var(--fg);cursor:pointer;text-decoration:none;display:inline-block}
.pill-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 0}
.pill{font-family:"JetBrains Mono",monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--border);background:var(--card);padding:.4rem .65rem;color:var(--muted)}
.pill.on{border-color:var(--acid);color:var(--acid)}

.vgrid{display:grid;gap:1rem;margin:1.6rem 0 0}
@media(min-width:760px){.vgrid{grid-template-columns:repeat(3,1fr)}}
.vcard{border:2px solid var(--fg);background:var(--card);padding:1.25rem 1.2rem;cursor:pointer;
  box-shadow:6px 6px 0 0 var(--fg);transition:transform .12s,box-shadow .12s;text-align:left;color:inherit;width:100%;font:inherit}
.vcard:hover,.vcard.selected{transform:translate(-2px,-2px);box-shadow:9px 9px 0 0 var(--acid);border-color:var(--acid)}
.vcard .k{font-family:"JetBrains Mono",monospace;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acid);display:block;margin-bottom:.45rem}
.vcard h3{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:1.05rem;margin:0 0 .45rem;letter-spacing:-.01em}
.vcard p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}

.st-steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1.6rem 0 0}
.st-step{border:2px solid var(--fg);background:var(--card);padding:1.15rem 1.15rem 1.25rem}
.st-step .n{font-family:"Archivo Black",sans-serif;font-size:2.2rem;line-height:.9;color:var(--acid);display:block;margin-bottom:.45rem}
.st-step h3{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:.95rem;margin:0 0 .4rem}
.st-step p{margin:0;font-size:.9rem;line-height:1.6;color:var(--muted)}

.menu-grid{display:grid;gap:1rem;margin:1.6rem 0 0}
@media(min-width:820px){.menu-grid{grid-template-columns:repeat(2,1fr)}}
.menu-item{border:2px solid var(--fg);background:var(--card);padding:1.2rem 1.25rem;box-shadow:6px 6px 0 0 var(--fg)}
.menu-item .num{font-family:"JetBrains Mono",monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acid)}
.menu-item h3{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:1.05rem;margin:.35rem 0 .55rem}
.menu-item p{margin:0 0 .7rem;color:var(--muted);font-size:.92rem;line-height:1.6}
.menu-item .meta{font-family:"JetBrains Mono",monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:1px dashed var(--border);padding-top:.65rem}
.menu-item .meta b{color:var(--acid)}

.day-grid{display:grid;gap:.7rem;margin:1.4rem 0 0}
.day-card{display:grid;grid-template-columns:4.2rem 1fr;gap:.9rem;border:1px solid var(--border);background:var(--card);padding:.85rem 1rem;align-items:start}
.day-card .d{font-family:"Archivo Black",sans-serif;color:var(--acid);font-size:1.05rem;line-height:1}
.day-card b{display:block;font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:.82rem;margin-bottom:.25rem}
.day-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
@media(max-width:520px){.day-card{grid-template-columns:1fr}}

.gate-box{border:2px solid var(--fg);background:var(--card);box-shadow:8px 8px 0 0 var(--acid);padding:1.4rem 1.4rem 1.5rem;margin-top:1.4rem}
.gate-box.fail{box-shadow:8px 8px 0 0 var(--danger);border-color:var(--danger)}
.gate-box h3{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:1.1rem;margin:0 0 .6rem}
.gate-box p{color:var(--muted);font-size:.95rem;line-height:1.65;margin:0 0 .8rem}
.gate-box p:last-child{margin-bottom:0}
.gate-box ul{margin:.4rem 0 0 1.1rem;color:var(--muted);font-size:.92rem}
.gate-box ul li{padding:.2rem 0}

.status-grid{display:grid;gap:1rem;margin:1.6rem 0 0}
@media(min-width:760px){.status-grid{grid-template-columns:repeat(3,1fr)}}
.status-card{border:2px solid var(--fg);background:var(--card);padding:1.2rem}
.status-card .k{font-family:"JetBrains Mono",monospace;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acid)}
.status-card h3{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:1rem;margin:.4rem 0 .5rem}
.status-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}
.status-card .badge{display:inline-block;margin-top:.8rem;font-family:"JetBrains Mono",monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--border);padding:.3rem .55rem;color:var(--muted)}
.status-card .badge.wait{border-color:hsl(45 100% 50%);color:hsl(45 100% 55%)}
.status-card .badge.live{border-color:var(--acid);color:var(--acid)}
.status-card .badge.locked{border-color:var(--danger);color:var(--danger)}

.note-bar{border-left:4px solid var(--acid);background:var(--card);padding:1rem 1.2rem;margin:1.6rem 0 0;font-size:.95rem;color:var(--muted)}
.note-bar b{color:var(--fg)}
.aside-link{font-family:"JetBrains Mono",monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:1.2rem}
.aside-link a{color:var(--acid)}
/* plain-language "what free means" note, shown next to every prominent "free" (FTC / Legal X3) */
.free-note{font-size:.86rem;line-height:1.55;color:var(--muted);max-width:680px;margin:.9rem 0 0;border-left:3px solid var(--acid);padding:.15rem 0 .15rem .75rem}
.cta-block + .free-note,.wrap-narrow .free-note{margin-left:auto;margin-right:auto;text-align:left}
