/* The marketing site: an editing timeline (design/site-looks-2026-09-27, looks 01 and 03). Dark, tape yellow,
   condensed display type and mono labels; the freshness section is a light diff, like a code review. */
:root{
  --ink:#0d0d0c;--panel:#121210;--well:#171714;--rule:#262622;--rule2:#3a3a33;
  --text:#ecebe6;--mid:#b3b2aa;--dim:#8d8c84;--faint:#76756d;
  --tape:#f6d20a;--cut:#ff4a2e;
  --paper:#fff;--pink:#d1242f;--pinkbg:#ffebe9;--green:#1a7f37;--greenbg:#dafbe1;--ptext:#0b0b0b;--pmid:#444;--prule:#d0d7de;
  --display:"Barlow Condensed",system-ui,sans-serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--text);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700}
p{margin:0 0 14px}
.in{max-width:1280px;margin:0 auto;padding:0 28px}
.eyebrow{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tape);margin-bottom:14px}
.muted{color:var(--dim)}
em{font-style:normal;color:var(--tape)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:var(--tape);color:var(--ink);padding:14px 18px;border:0;cursor:pointer}
.btn:hover{background:#fff}
.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--rule2)}.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--text)}
.btn.small{padding:9px 13px;font-size:12px}
.btn.dark{background:var(--ink);color:var(--tape)}.btn.dark:hover{background:#000;color:#fff}
.btn.outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.outline:hover{background:var(--ink);color:var(--tape)}
.btn:disabled{opacity:.6;cursor:wait}
.ctas{display:flex;gap:10px;flex-wrap:wrap}

/* Nav: the numbered sections, like markers on a timeline */
.nav{position:sticky;top:0;z-index:20;background:rgb(13 13 12 / .92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav .in{display:flex;align-items:center;gap:24px;height:56px;max-width:none}
.brand{display:flex;align-items:center;gap:9px;font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--tape);white-space:nowrap}
.brand i{width:11px;height:11px;background:var(--tape)}
.nav nav{display:flex;gap:22px;margin-left:18px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.nav nav a{text-decoration:none;color:var(--dim)}.nav nav a:hover{color:var(--text)}
.nav nav b{color:var(--faint);font-weight:500;margin-right:6px}
.nav .signin{margin-left:auto;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-decoration:none}.nav .signin:hover{color:var(--text)}

/* Hero */
.hero{padding:48px 0 0;border-bottom:1px solid var(--rule2)}
.hero .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:48px;align-items:start}
.tc{font:500 13px var(--mono);color:var(--tape);margin-bottom:16px;display:flex;gap:18px;flex-wrap:wrap}.tc span{color:var(--faint)}
h1{font:800 clamp(54px,7.4vw,104px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.005em}
.hero .meta{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;font:400 14px/1.65 var(--mono);color:var(--mid);max-width:780px}
.hero .meta p{margin:0}.hero .meta b{color:var(--tape);font-weight:500}
.hero .ctas{margin-top:28px}
.fine{font:400 12.5px/1.6 var(--mono);color:var(--faint);margin:16px 0 0}
.monitor{border:1px solid var(--rule2);background:#000}
.monitor .screen{position:relative;aspect-ratio:16/10;overflow:hidden}
.monitor .screen img,.monitor .screen iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.monitor .screen::after{content:"";position:absolute;inset:6% 5% 14% 5%;border:1px dashed rgb(246 210 10 / .4);pointer-events:none}
.monitor .screen:has(iframe)::after{display:none}
.monitor .lab{display:flex;justify-content:space-between;gap:12px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:8px 11px;border-top:1px solid var(--rule)}
.monitor .lab b{color:var(--tape);font-weight:500}

/* The timeline: tracks of clips with a playhead. On a narrow screen it scrolls sideways inside itself. */
.timeline{margin-top:44px;background:var(--panel);border-top:1px solid var(--rule2)}
.timeline .scroll{overflow-x:auto;scrollbar-width:thin}
.timeline .inner{min-width:980px;padding:0 28px 12px;position:relative}
.ruler{display:flex;height:26px;border-bottom:1px solid var(--rule);margin-left:78px}
.ruler span{flex:1;font:400 10.5px var(--mono);color:var(--faint);padding:6px 0 0 5px;border-left:1px solid var(--rule)}
.track{display:flex;align-items:center;height:68px;border-bottom:1px solid #1d1d1a}
.track .n{width:78px;flex:none;font:500 10.5px var(--mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase}
.clips{flex:1;display:flex;gap:3px;height:50px;min-width:0}
.clip{position:relative;border:1px solid var(--rule2);background:#1c1c19;overflow:hidden;font:400 11px var(--mono);color:#d9d8d0;padding:5px 8px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;min-width:0}
.clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.clip b,.clip i{position:relative;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip b{color:var(--tape);font-weight:500}
a.clip:hover{border-color:var(--tape)}
.clip.y{background:var(--tape);color:var(--ink);border-color:var(--tape)}.clip.y b{color:var(--ink)}
.clip.stale{outline:2px solid var(--cut);outline-offset:-2px}
.clip.stale::after{content:"STALE · UI CHANGED";position:absolute;right:6px;top:5px;font:500 9.5px var(--mono);color:var(--cut);background:var(--ink);padding:1px 5px}
.wave{flex:1;display:flex;align-items:center;gap:2px;height:40px;overflow:hidden}.wave span{width:3px;flex:none;background:#5d5c55}
.playhead{position:absolute;top:0;bottom:0;left:calc(106px + 30%);width:1px;background:var(--cut);pointer-events:none}
.playhead::before{content:"";position:absolute;top:0;left:-6px;border:6px solid transparent;border-top:9px solid var(--cut)}
@media (prefers-reduced-motion:no-preference){.playhead{animation:scrub 40s linear infinite}}
@keyframes scrub{from{left:106px}to{left:calc(100% - 28px)}}
.timeline .foot-tc{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;padding:14px 28px;border-top:1px solid var(--rule);font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.timeline .foot-tc b{color:var(--text);font-weight:500}

/* Sections: each opens with a marker on a ruler */
.section{padding:88px 0}
.section.panel{background:var(--panel)}
.marker{display:flex;align-items:center;gap:14px;margin-bottom:34px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.marker b{background:var(--tape);color:var(--ink);font-weight:600;padding:4px 8px;white-space:nowrap}
.marker::after{content:"";flex:1;height:10px;background:repeating-linear-gradient(90deg,var(--rule2) 0 1px,transparent 1px 12px);border-bottom:1px solid var(--rule2)}
h2{font:800 clamp(40px,5vw,72px)/.9 var(--display);text-transform:uppercase;letter-spacing:-.005em;max-width:18ch}
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:end;margin-bottom:40px}
.head p{color:var(--mid);margin:0}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:center}
.split .text p{color:var(--mid)}
.split .text h2{margin-bottom:22px}
.plus{list-style:none;padding:0;margin:22px 0 0;font:400 14px/1.5 var(--mono);color:var(--text)}
.plus li{padding:9px 0 9px 26px;border-top:1px solid var(--rule);position:relative}.plus li::before{content:"+";position:absolute;left:4px;color:var(--tape)}

/* Markers band under the hero */
.markers{border-bottom:1px solid var(--rule)}
.markers .in{display:grid;grid-template-columns:repeat(3,1fr)}
.markers div{padding:28px 28px 30px 0;font-size:15px;color:var(--mid)}
.markers div+div{padding-left:28px;border-left:1px solid var(--rule)}
.markers b{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:8px}
.markers b::before{content:"";width:0;height:0;border:6px solid transparent;border-top:9px solid var(--tape);margin-top:6px}

/* How it works: four clips in sequence on one track */
.seq{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border-top:3px solid var(--tape)}
.seq li{background:var(--well);border:1px solid var(--rule);display:flex;flex-direction:column}
.seq figure{margin:0;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--rule)}.seq figure img{width:100%;height:100%;object-fit:cover}
.seq .lab{display:flex;justify-content:space-between;font:500 11px var(--mono);letter-spacing:.08em;color:var(--tape);padding:12px 16px 0;text-transform:uppercase}.seq .lab span{color:var(--faint)}
.seq h3{font:700 26px/1 var(--display);text-transform:uppercase;padding:10px 16px 8px}
.seq p{font-size:15px;color:var(--mid);padding:0 16px 18px;margin:0}

/* Monitors: a picture with a label strip */
.mon{border:1px solid var(--rule2);background:#000;margin:0}
.mon img{width:100%}
.mon figcaption{display:flex;justify-content:space-between;gap:10px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:8px 11px;border-top:1px solid var(--rule)}
.mon figcaption b{color:var(--tape);font-weight:500}.mon figcaption .ok{color:#5ee08a}
.cuts{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:start}

/* Freshness: a light diff, like a code review */
.diffsec{background:var(--paper);color:var(--ptext)}
.diffsec .marker{color:#6b6b6b}.diffsec .marker b{background:var(--ptext);color:var(--paper)}
.diffsec .marker::after{background:repeating-linear-gradient(90deg,#d6d6d6 0 1px,transparent 1px 12px);border-color:#d6d6d6}
.commit{font:500 13px var(--mono);color:#666;margin-bottom:16px;display:flex;gap:14px;flex-wrap:wrap}.commit b{color:var(--ptext);background:#f2f2f2;padding:2px 7px;font-weight:500}
.diffsec h2{font:700 clamp(40px,5vw,68px)/1.02 var(--sans);text-transform:none;letter-spacing:-.035em;max-width:none}
.diffsec h2 s{color:var(--pink);text-decoration-thickness:5px}
.diffsec h2 ins{text-decoration:none;color:var(--green);background:var(--greenbg);padding:0 8px}
.diffsec .head p{color:var(--pmid)}
.diff{border:1px solid var(--prule);border-radius:10px;overflow:hidden}
.dh{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:10px 16px;background:#f6f8fa;border-bottom:1px solid var(--prule);font:500 13px var(--mono);color:#57606a}
.dh b{color:var(--ptext);font-weight:600}.dh .sp{flex:1}.dh .a{color:var(--green)}.dh .r{color:var(--pink)}
.dh .go{font:600 12.5px var(--sans);background:var(--green);color:#fff;padding:6px 12px;border-radius:6px}
.pair{display:grid;grid-template-columns:1fr 1fr}
.side{padding:14px 16px 16px}.side+.side{border-left:1px solid var(--prule)}
.side .lb{font:500 12px var(--mono);margin-bottom:10px;display:flex;justify-content:space-between;gap:10px}
.side.old{background:#fff8f8}.side.old .lb{color:var(--pink)}
.side.new{background:#f6fff8}.side.new .lb{color:var(--green)}
.fr{position:relative;border:1px solid var(--prule);border-radius:6px;overflow:hidden;aspect-ratio:8/3}
.fr img{width:100%;height:100%;object-fit:cover;object-position:top}
.box{position:absolute;border:2.5px solid var(--pink);border-radius:4px;background:rgb(209 36 47 / .06)}
.new .box{border-color:var(--green);background:rgb(26 127 55 / .06)}
.vo{margin:10px 0 0;font:400 13px/1.45 var(--mono);padding:8px 10px;border-radius:5px}
.old .vo{background:var(--pinkbg);color:#82071e}.new .vo{background:var(--greenbg);color:#044f1e}
.after{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:center;margin-top:56px}
.after p{color:var(--pmid)}
.after .shot{border:1px solid var(--prule);border-radius:10px;overflow:hidden;margin:0}
.after .shot figcaption{font:500 12px var(--mono);color:#57606a;padding:8px 12px;border-top:1px solid var(--prule);background:#f6f8fa}
.after h3{font:700 26px/1.1 var(--sans);letter-spacing:-.02em;margin-bottom:12px}

/* What it makes: a bin of clips */
.bin{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bin article{background:var(--well);border:1px solid var(--rule)}
.bin img{aspect-ratio:16/10;object-fit:cover;width:100%;border-bottom:1px solid var(--rule)}
.bin .lab{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tape);padding:12px 16px 0}
.bin h3{font:700 24px/1 var(--display);text-transform:uppercase;padding:8px 16px}
.bin p{font-size:15px;color:var(--mid);padding:0 16px 18px;margin:0}
.more{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;font:400 14px/1.5 var(--mono);color:var(--mid)}
.more li{padding:11px 0 11px 26px;border-top:1px solid var(--rule);position:relative}.more li::before{content:"+";position:absolute;left:4px;color:var(--tape)}.more b{color:var(--text);font-weight:500}

/* Your AI, your cloud: two render rows */
.renders{display:grid;gap:10px}
.renders div{border:1px solid var(--rule2);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:baseline}
.renders span{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.renders b{font:800 44px/1 var(--display);grid-row:span 2;grid-column:2;grid-row-start:1;align-self:center}
.renders i{font:400 13px var(--mono);font-style:normal;color:var(--faint)}
.renders .old b{color:var(--faint);text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--cut)}
.renders .us{border-color:var(--tape);background:rgb(246 210 10 / .06)}.renders .us b{color:var(--tape)}.renders .us span{color:var(--text)}

/* Pricing */
.toggles{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.seg{display:inline-flex;border:1px solid var(--rule2)}
.seg button{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--dim);border:0;padding:9px 13px;cursor:pointer}
.seg button+button{border-left:1px solid var(--rule2)}
.seg button.on{background:var(--tape);color:var(--ink)}
.plans{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule2)}
.plans article{padding:26px 22px 28px;position:relative}
.plans article+article{border-left:1px solid var(--rule2)}
.plans .pick{background:rgb(246 210 10 / .05);box-shadow:inset 0 3px 0 var(--tape)}
.badge{position:absolute;top:0;right:18px;background:var(--tape);color:var(--ink);font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px}
.plans h3{font:800 34px/1 var(--display);text-transform:uppercase}
.plans .for{font-size:14.5px;color:var(--dim);margin:6px 0 18px;min-height:44px}
.price{display:flex;align-items:baseline;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--rule)}
.price b{font:800 48px/1 var(--display);color:var(--text)}.price span{font:400 12.5px var(--mono);color:var(--faint)}
.plans ul{list-style:none;padding:0;margin:16px 0 0;font-size:14.5px;color:var(--mid)}
.plans li{padding:5px 0 5px 20px;position:relative}.plans li::before{content:"+";position:absolute;left:0;color:var(--tape);font-family:var(--mono)}
.notes{font:400 13px/1.7 var(--mono);color:var(--faint);margin-top:18px}.notes b{color:var(--text);font-weight:500}

/* Design partners and the form, laid out like the app's inspector */
.form{background:var(--well);border:1px solid var(--rule2);padding:26px;position:relative}
.form h3{font:800 30px/1 var(--display);text-transform:uppercase;margin-bottom:18px}
.form label{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.form input:not([type=radio]):not([type=checkbox]),.form textarea{display:block;width:100%;margin-top:7px;font:400 15px var(--sans);color:var(--text);background:var(--ink);border:1px solid var(--rule2);padding:11px 12px;border-radius:0;text-transform:none;letter-spacing:0}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--tape)}
.choice{display:flex;flex-wrap:wrap;border:1px solid var(--rule2);margin-bottom:18px}
.form .choice label{flex:1 1 auto;margin:0;padding:10px 12px;cursor:pointer;display:flex;gap:8px;align-items:center;color:var(--mid);letter-spacing:.04em}
.form .choice label+label{border-left:1px solid var(--rule2)}
.form .choice label:has(input:checked){background:var(--tape);color:var(--ink)}
.choice input{accent-color:var(--ink);margin:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .consent{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 13.5px/1.5 var(--sans);color:var(--mid)}
.consent input{margin-top:3px;accent-color:var(--tape)}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{font:400 13px var(--mono);min-height:20px;margin:12px 0 0;color:var(--mid)}.status.ok{color:#5ee08a}.status.no{color:var(--cut)}
.book{font:400 13px var(--mono);color:var(--mid)}.book a{color:var(--tape)}

/* Questions */
.faq{border-top:1px solid var(--rule2)}
.faq details{border-bottom:1px solid var(--rule2)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px 1fr 24px;align-items:center;padding:18px 0;font:600 18px var(--sans)}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{font:500 12px var(--mono);color:var(--faint)}
.faq summary::after{content:"+";font:400 22px var(--mono);color:var(--tape);text-align:right}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--mid);padding:0 24px 20px 64px;margin:0;max-width:880px}
.faq a{color:var(--tape)}

/* The closing clip */
.cta{background:var(--tape);color:var(--ink);padding:72px 0}
.cta .in{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta .lab{font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.cta h2{max-width:20ch}

/* Footer */
.foot{border-top:1px solid var(--rule);padding:32px 0;font:400 12.5px var(--mono);color:var(--faint)}
.foot .in{display:grid;grid-template-columns:1fr auto;gap:16px 40px;align-items:start}
.foot p{margin:10px 0 0}
.foot nav{display:flex;gap:20px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.06em}.foot nav a{text-decoration:none}.foot nav a:hover{color:var(--text)}
.foot .small{grid-column:1/-1;margin:0}

/* Legal pages */
.legal{max-width:780px;margin:0 auto;padding:64px 28px 90px}
.legal h1{font-size:clamp(48px,7vw,84px)}
.legal h2{font:700 20px/1.3 var(--sans);text-transform:none;max-width:none;margin:34px 0 8px}
.legal p,.legal li{color:var(--mid)}.legal ul{padding-left:22px}.legal li{margin:6px 0}
.draft{border:1px solid var(--tape);color:var(--tape);padding:14px 18px;margin:20px 0 28px;font:400 14px/1.6 var(--mono)}

/* Narrow screens */
@media (max-width:1000px){
  .hero .top,.head,.split,.after{grid-template-columns:1fr;gap:32px}
  .seq,.bin,.plans{grid-template-columns:1fr 1fr}
  .plans article:nth-child(3){border-left:0}.plans article:nth-child(n+3){border-top:1px solid var(--rule2)}
  .more{grid-template-columns:1fr 1fr}
  .nav nav{display:none}
}
@media (max-width:640px){
  .in{padding:0 16px}
  .section{padding:64px 0}
  .hero{padding-top:32px}
  .tc span,.monitor .lab span+span{display:none}
  .hero .meta,.markers .in,.seq,.bin,.plans,.more,.row2,.pair,.cuts{grid-template-columns:1fr}
  .markers div,.markers div+div{padding:20px 0;border-left:0;border-top:1px solid var(--rule)}
  .plans article+article{border-left:0;border-top:1px solid var(--rule2)}
  .side+.side{border-left:0;border-top:1px solid var(--prule)}
  .timeline .inner{padding:0 16px 12px}
  .timeline .foot-tc{padding:14px 16px}
  .form{padding:20px 16px}
  .form .choice label{flex-basis:100%}.form .choice label+label{border-left:0;border-top:1px solid var(--rule2)}
  .faq summary{grid-template-columns:44px 1fr 24px}.faq details p{padding-left:44px;padding-right:0}
  .foot .in{grid-template-columns:1fr}
  .nav .in{gap:14px}.nav .btn{padding:8px 10px;font-size:11px}
  .dh .sp{display:none}
  .renders b{font-size:36px}
}
.vo.same{background:#f2f2f2;color:#333}.vo.same b{font-weight:600;color:#57606a;margin-right:6px}

/* A pointer to the Made for you service, under the plans */
.aside{display:grid;grid-template-columns:auto 1fr auto;gap:12px 24px;align-items:center;margin-top:14px;padding:18px 22px;border:1px solid var(--rule2);text-decoration:none;color:var(--mid);font-size:15.5px}
.aside:hover{border-color:var(--tape)}
.aside .lab{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--tape);color:var(--ink);padding:4px 8px}
.aside b{color:var(--text);font-weight:600}
.aside .go{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tape);white-space:nowrap}
@media (max-width:640px){.aside{grid-template-columns:1fr}}