/* Layout: a broadcast monitor up top (the lesson plays as scenes), then a single reading column of work: checklist, challenge, quiz. */
:root{
  /* The Super Agency site tokens: ink, panels, paper, lime. Square edges, single dark look. */
  --bg:#08090a; --surface:#0c0d0e; --surface-2:#111314; --ink:#f5f7f7; --muted:#a9b0b3; --line:#24272a;
  --accent:#c9ff43; --accent-2:#e6ff4f; --accent-ink:#08090a; --rec:#ff5a4f; --good:#c9ff43;
  --monitor:#0c0d0e; --monitor-ink:#f5f7f7; --monitor-dim:#a9b0b3; --grid:rgba(245,247,247,.12);
  --display:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:Newsreader,Georgia,serif;
  --mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 64px}
.wrap{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}
.bolt{width:14px;height:14px;fill:var(--accent)}
h1{font-family:var(--display);font-weight:800;font-size:clamp(42px,7.4vw,80px);line-height:.98;letter-spacing:-.035em;margin:8px 0 0;text-wrap:balance}
h1 em,.big em,h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--accent)}
.meta{font-family:var(--mono);font-size:13px;color:var(--muted)}
.lede{max-width:62ch;font-size:18px;color:var(--ink);margin:0}

/* Monitor */
.monitor{background:var(--monitor);color:var(--monitor-ink);border-radius:0;overflow:hidden;border:1px solid var(--line)}
.stage{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden}
.thirds{position:absolute;inset:0;pointer-events:none;
  background:
   linear-gradient(to right,transparent calc(33.33% - .5px),var(--grid) calc(33.33% - .5px),var(--grid) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),var(--grid) calc(66.66% - .5px),var(--grid) calc(66.66% + .5px),transparent calc(66.66% + .5px)),
   linear-gradient(to bottom,transparent calc(33.33% - .5px),var(--grid) calc(33.33% - .5px),var(--grid) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),var(--grid) calc(66.66% - .5px),var(--grid) calc(66.66% + .5px),transparent calc(66.66% + .5px))}
.corners::before,.corners::after,.corners span::before,.corners span::after{content:"";position:absolute;width:22px;height:22px;border-color:var(--monitor-ink);border-style:solid;opacity:.7}
.corners::before{top:14px;left:14px;border-width:2px 0 0 2px}.corners::after{top:14px;right:14px;border-width:2px 2px 0 0}
.corners span::before{bottom:14px;left:14px;border-width:0 0 2px 2px}.corners span::after{bottom:14px;right:14px;border-width:0 2px 2px 0}
.hud{position:absolute;top:18px;left:46px;right:46px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:clamp(10px,1.4vw,13px);color:var(--monitor-dim);pointer-events:none}
.rec{display:flex;align-items:center;gap:6px;color:var(--monitor-ink)}
.rec i{width:9px;height:9px;border-radius:50%;background:var(--rec);animation:blink 1.2s steps(2) infinite}
.paused .rec i{animation:none;opacity:.35}
@keyframes blink{50%{opacity:.2}}
.scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:9% 9% 11%;gap:2.2%}
.kick{font-family:var(--mono);font-size:clamp(10px,1.5vw,14px);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.monitor .kick{color:var(--accent)}
.big{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:clamp(22px,4.8vw,54px);line-height:1.02;text-wrap:balance;max-width:20ch}
.small{font-size:clamp(12px,1.9vw,19px);color:var(--monitor-dim);max-width:46ch;line-height:1.45}
.stat{font-family:var(--display);font-weight:800;font-size:clamp(70px,19vw,210px);line-height:.8;color:var(--ink)}
.stat sup{font-size:.45em;vertical-align:top;margin-left:.04em}
.src{font-family:var(--mono);font-size:clamp(9px,1.3vw,12px);color:var(--monitor-dim);letter-spacing:.06em}
.in>*{opacity:0;transform:translateY(14px);animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards}
.in>*:nth-child(2){animation-delay:.25s}.in>*:nth-child(3){animation-delay:.6s}.in>*:nth-child(4){animation-delay:.95s}.in>*:nth-child(5){animation-delay:1.3s}
@keyframes rise{to{opacity:1;transform:none}}
/* scene visuals */
.vis{position:absolute;right:7%;bottom:12%;width:30%;aspect-ratio:1;pointer-events:none}
.level{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--accent)}
.level::after{content:"EYE LEVEL";position:absolute;right:0;top:-18px;font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.1em}
.window{position:absolute;left:0;top:10%;width:38%;height:70%;border:2px solid var(--monitor-ink);opacity:.8;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)}
.beam{position:absolute;left:38%;top:20%;width:62%;height:50%;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent);clip-path:polygon(0 0,100% 30%,100% 70%,0 100%)}
.meter{display:flex;gap:4px;align-items:flex-end;height:60%;position:absolute;inset:auto 0 20% 0}
.meter b{flex:1;background:var(--good);border-radius:0;animation:lv 1s ease-in-out infinite alternate}
.meter b:nth-child(n+8){background:#e6ff4f}.meter b:nth-child(n+10){background:var(--rec)}
@keyframes lv{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.meter b{transform-origin:bottom}
.tl{position:absolute;left:0;right:0;top:45%;height:8px;border-radius:0;background:rgba(238,242,250,.15)}
.tl i{position:absolute;left:0;top:0;bottom:0;width:12%;background:var(--accent);border-radius:0}
.tl em{position:absolute;left:0;top:16px;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--accent)}
.lens{position:absolute;inset:12%;border-radius:50%;border:2px solid var(--monitor-ink);box-shadow:inset 0 0 0 14px rgba(238,242,250,.06),inset 0 0 0 28px rgba(238,242,250,.05)}
.lens::after{content:"";position:absolute;inset:38%;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(.7);opacity:.6}}
.count{font-family:var(--display);font-weight:800;font-size:clamp(60px,14vw,150px);line-height:.85;color:var(--ink);font-variant-numeric:tabular-nums}
@media (max-width:600px){.vis{display:none}}

.bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.04);border-top:1px solid rgba(238,242,250,.08)}
.btn{appearance:none;border:0;background:transparent;color:var(--monitor-ink);font:600 13px var(--body);padding:8px 10px;border-radius:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.btn:hover{background:rgba(255,255,255,.08)}
.btn:focus-visible,.cta:focus-visible,summary:focus-visible,.opt:focus-visible,input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.btn svg{width:16px;height:16px;fill:currentColor}
.prog{flex:1;display:flex;gap:4px;min-width:0}
.prog button{flex:1;height:6px;border:0;border-radius:0;background:rgba(238,242,250,.18);cursor:pointer;padding:0;position:relative;overflow:hidden}
.prog button.done{background:var(--accent)}
.prog button.on::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;animation:fill var(--dur,6s) linear forwards}
.paused .prog button.on::after{animation-play-state:paused}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tc{font-family:var(--mono);font-size:12px;color:var(--monitor-dim);font-variant-numeric:tabular-nums;white-space:nowrap}
.note{font-size:13px;color:var(--muted);margin:10px 2px 0}

/* Sections */
section{display:flex;flex-direction:column;gap:16px}
h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,4.2vw,40px);line-height:1.05;margin:0;letter-spacing:-.03em}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:760px){.cols{grid-template-columns:1fr}}
.cols>*{min-width:0}
.panel{background:var(--surface-2);border:1px solid var(--line);border-radius:0;padding:22px}
.statcard{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.statcard .n{font-family:var(--display);font-weight:800;font-size:72px;line-height:.85;color:var(--accent)}
.statcard p{margin:0;max-width:40ch}
.statcard a{color:var(--muted);font-size:13px}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.checks label{display:flex;gap:12px;align-items:flex-start;padding:10px 6px;border-radius:0;cursor:pointer}
.checks label:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.checks input{position:absolute;opacity:0;width:1px;height:1px}
.box{flex:none;width:22px;height:22px;border-radius:0;border:2px solid var(--line);display:grid;place-items:center;margin-top:1px;transition:.15s}
.box svg{width:14px;height:14px;fill:none;stroke:var(--accent-ink);stroke-width:3;opacity:0}
.checks input:checked+.box{background:var(--accent);border-color:var(--accent)}
.checks input:checked+.box svg{opacity:1}
.checks input:checked~.t{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line)}
.meterline{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.meterline .track{flex:1;height:6px;border-radius:0;background:var(--line);overflow:hidden}
.meterline .track i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.challenge{background:var(--accent);color:var(--accent-ink);border-radius:0;padding:28px;display:flex;flex-direction:column;gap:14px}
.challenge h3{font-family:var(--display);font-weight:800;letter-spacing:-.035em;font-size:clamp(30px,5vw,46px);line-height:1;margin:0}
.challenge p{margin:0;max-width:60ch}
.challenge .tag{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.cta{appearance:none;border:2px solid currentColor;background:transparent;color:inherit;font:700 14px var(--body);padding:10px 16px;border-radius:0;cursor:pointer;align-self:flex-start}
.cta:hover{background:var(--accent-ink);color:var(--accent)}
.quiz{display:flex;flex-direction:column;gap:22px}
.q p{margin:0 0 10px;font-weight:600}
.opts{display:flex;flex-direction:column;gap:8px}
.opt{appearance:none;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 15px var(--body);padding:12px 14px;border-radius:0;cursor:pointer}
.opt:hover{border-color:var(--accent)}
.opt.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 12%,var(--surface))}
.opt.wrong{border-color:var(--rec);background:color-mix(in srgb,var(--rec) 10%,var(--surface))}
.fb{font-size:14px;color:var(--muted);margin:8px 2px 0;min-height:1em}
details{background:var(--surface);border:1px solid var(--line);border-radius:0}
summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);color:var(--accent)}
details[open] summary::after{content:"\2212"}
.script{padding:0 20px 20px;max-width:68ch;display:flex;flex-direction:column;gap:12px}
.script p{margin:0}
.script .dir{font-family:var(--mono);font-size:13px;color:var(--accent)}
.prompt{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-size:20px;font-weight:600;max-width:52ch;margin:0}
footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.in>*{opacity:1;transform:none}}

.signup{border:1px solid var(--line);background:var(--surface-2);padding:24px;display:flex;flex-direction:column;gap:12px}
.signup h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:clamp(24px,3.6vw,32px);line-height:1.05;margin:0}
.signup p{margin:0;color:var(--muted);max-width:56ch}
.signup form{display:flex;flex-wrap:wrap;gap:10px}
.signup input[type=email]{flex:1 1 240px;min-width:0;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:500 15px var(--body);padding:12px 14px;border-radius:0}
.signup input[type=email]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.signup button{appearance:none;border:0;background:var(--accent);color:var(--accent-ink);font:700 15px var(--body);padding:12px 20px;cursor:pointer;border-radius:0}
.signup button:hover{background:var(--accent-2)}
.signup .ok{font-family:var(--mono);font-size:13px;color:var(--accent)}

.cards{position:absolute;inset:8% 4%}
.cards i{position:absolute;left:0;right:0;height:26%;border:1px solid var(--monitor-ink);background:var(--surface-2);opacity:0;animation:rise .5s forwards}
.cards i::before,.cards i::after{content:"";position:absolute;left:10%;height:6px;background:var(--grid)}
.cards i::before{top:30%;width:70%}.cards i::after{top:58%;width:45%;background:var(--accent)}
.cards i:nth-child(1){top:0;animation-delay:.3s}.cards i:nth-child(2){top:33%;animation-delay:.6s}.cards i:nth-child(3){top:66%;animation-delay:.9s}
.chat{position:absolute;inset:10% 0;display:flex;flex-direction:column;gap:10%;justify-content:center}
.chat i{display:block;height:22%;border:1px solid var(--monitor-ink);opacity:0;animation:rise .5s forwards}
.chat i:nth-child(1){width:70%;align-self:flex-end;animation-delay:.3s}
.chat i:nth-child(2){width:85%;background:var(--accent);border-color:var(--accent);animation-delay:1s}
.cal{position:absolute;inset:8%;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal i{border:1px solid var(--grid)}.cal i.on{background:var(--accent);border-color:var(--accent);animation:pulse 1.6s ease-in-out infinite}
.chips{position:absolute;inset:4% 0;display:flex;flex-direction:column;gap:6px;justify-content:center;font-family:var(--mono);font-size:11px}
.chips i{font-style:normal;border:1px solid var(--grid);padding:5px 8px;color:var(--monitor-ink);opacity:0;animation:rise .4s forwards}
.chips i:nth-child(1){border-color:var(--accent);color:var(--accent)}
.stars{position:absolute;inset:30% 0;display:flex;gap:6%;align-items:center;justify-content:center}
.stars i{width:16%;aspect-ratio:1;background:var(--accent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:0;animation:rise .4s forwards}
.shield{position:absolute;inset:10% 18%;border:2px solid var(--monitor-ink);clip-path:polygon(50% 0,100% 15%,100% 55%,50% 100%,0 55%,0 15%);background:var(--surface-2)}
.shield::after{content:"";position:absolute;left:30%;top:28%;width:38%;height:22%;border-left:4px solid var(--accent);border-bottom:4px solid var(--accent);transform:rotate(-45deg)}
.answer{position:absolute;inset:14% 0;border:1px solid var(--monitor-ink);padding:10%;display:flex;flex-direction:column;gap:12%;justify-content:center}
.answer i{display:block;height:6px;background:var(--grid)}.answer i.on{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}
.ring{position:absolute;inset:12%;border-radius:50%;border:2px dashed var(--grid);animation:spin 12s linear infinite}
.ring::after{content:"";position:absolute;top:-7px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}

html{scroll-behavior:smooth}
[hidden]{display:none!important}
a{color:inherit}
.sitebar{max-width:960px;margin:0 auto 8px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sitebar .logo{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.04em;text-transform:none;text-decoration:none}
.sitebar .logo b{color:var(--accent)}
.sitebar nav{display:flex;gap:18px;flex-wrap:wrap}
.sitebar nav a{text-decoration:none;color:var(--muted)}
.sitebar nav a:hover{color:var(--ink)}
@media (max-width:560px){.sitebar{font-size:11px}.sitebar nav{gap:12px}}
.video{position:relative;aspect-ratio:16/9;max-width:100%;background:var(--surface);border:1px solid var(--line)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ideas .panel{display:flex;flex-direction:column;gap:6px}
.ideas .panel b{font-size:17px;line-height:1.3}
.ideas .panel span{color:var(--muted);font-size:15px}
.ideas .num{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em}
blockquote.pull{margin:0;border-left:3px solid var(--accent);padding:6px 0 6px 20px;font-family:var(--serif);font-style:italic;font-size:clamp(22px,3.2vw,30px);line-height:1.3;max-width:40ch}
.res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.res a{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:600}
.res a:hover{border-color:var(--accent)}
.res a::after{content:"\2197";font-family:var(--mono);color:var(--accent)}
.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pager a{flex:1 1 220px;padding:16px 18px;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;gap:4px;min-width:0}
.pager a:hover{border-color:var(--accent)}
.pager small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pager a.next{text-align:right}
.go{background:var(--surface-2);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:14px}
.go h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:clamp(26px,4vw,36px);line-height:1.05;margin:0}
.go p{margin:0;color:var(--muted);max-width:60ch}
.btn-solid{display:inline-block;appearance:none;border:0;background:var(--accent);color:var(--accent-ink);font:700 15px var(--body);padding:13px 20px;border-radius:0;cursor:pointer;text-decoration:none;align-self:flex-start}
.btn-solid:hover{background:var(--accent-2)}
.btn-line{display:inline-block;border:1px solid var(--line);color:var(--ink);font:700 15px var(--body);padding:12px 18px;text-decoration:none;background:transparent;cursor:pointer}
.btn-line:hover{border-color:var(--accent)}
/* VIP form */
.vip{border:1px solid var(--accent);background:var(--surface-2);padding:28px;display:flex;flex-direction:column;gap:16px}
.vip h3{font-family:var(--display);font-weight:800;letter-spacing:-.035em;font-size:clamp(28px,4.4vw,44px);line-height:1;margin:0}
.vip p{margin:0;color:var(--muted);max-width:60ch}
.vip ul{margin:0;padding-left:18px;color:var(--ink)}
.vip form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vip label{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:0}
.vip input{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:500 16px var(--body);padding:13px 14px;border-radius:0;text-transform:none;letter-spacing:0}
.vip input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.vip .full{grid-column:1/-1}
.vip .hp{position:absolute;left:-9999px}
.vip .ok{font-family:var(--mono);font-size:13px;color:var(--accent);margin:0}
@media (max-width:640px){.vip form{grid-template-columns:1fr}}
.lesson-text{padding:0 20px 20px;max-width:70ch;display:flex;flex-direction:column;gap:12px}
.lesson-text p{margin:0}
.lesson-text h3{margin:14px 0 0;font-size:20px;letter-spacing:-.01em}
.lesson-text ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.stack{display:flex;flex-direction:column;gap:40px}
.locked-only{display:none!important}
html.is-locked .locked-only{display:flex!important}
html.is-locked .unlocked-only{display:none!important}
/* Class list */
.classlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.classlist li a{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.classlist li a:hover{background:var(--surface)}
.classlist .n{font-family:var(--mono);font-size:14px;color:var(--muted)}
.classlist .t{font-weight:700;font-size:18px;line-height:1.3;min-width:0}
.classlist .t small{display:block;font-weight:500;font-size:14px;color:var(--muted)}
.classlist .tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:6px 9px;white-space:nowrap;color:var(--muted)}
.classlist .tag.open{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
@media (max-width:560px){.classlist li a{grid-template-columns:36px 1fr}.classlist .tag{grid-column:2;justify-self:start}}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tiers .panel{display:flex;flex-direction:column;gap:10px}
.tiers .price{font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-.03em;line-height:1}
.tiers .price small{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}
.tiers h3{margin:0;font-size:20px}
.tiers p{margin:0;color:var(--muted);font-size:15px}
.tiers .who{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
@media (max-width:820px){.tiers{grid-template-columns:1fr}}