:root{
  --ofc-marcus:#5F3BB8;        /* 7.488 on paper — reasoning rail + label */
  --ofc-marcus-wash:#F4F1FC;
  --ofc-crisis:#8A1F1A;        /* 9.160 on paper — never grey, never de-emphasised */
  --ofc-crisis-wash:#FDF1F0;
  --ofc-crisis-line:#E4B8B4;
  --ofc-connector:#5E6B7A;     /* = --ink-faint, 5.440. THE connector colour. */
  --ofc-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Every number is mono; every sentence is Plus Jakarta Sans. */
.ofc-num{font-family:var(--ofc-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}

.ofc-masthead{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.ofc-masthead svg{width:92px;height:43px;flex:none}
.ofc-masthead .n{margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:800;
  letter-spacing:-.02em;color:var(--ink)}
.ofc-masthead .n .bx{color:var(--blue);font-weight:600}
.ofc-heroband{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ofc-slot{position:relative;aspect-ratio:3/2;max-height:300px;overflow:hidden;
  border-radius:var(--r);background:var(--mist)}
.ofc-slot img{width:100%;height:100%;object-fit:cover;display:block}
.ofc-slot-awaiting{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;border:2px dashed var(--line);padding:18px;text-align:center}
.ofc-slot-awaiting .seg{margin:0;font-family:var(--ofc-mono);font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
.ofc-slot-awaiting .note{margin:0;font-size:13px;line-height:1.45;color:var(--ink-faint);max-width:26ch}
.ofc-hero-text{margin-top:26px}
.ofc-hero-eyebrow{font-family:var(--ofc-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--blue);font-weight:500}      /* 8.253 */
.ofc-hero-h{font-size:clamp(34px,5.4vw,56px);font-weight:700;letter-spacing:-.028em;
  line-height:1.06;margin:14px 0 0;color:var(--ink)}               /* 15.34 */
.ofc-hero-sub{margin-top:16px;color:var(--ink-soft);font-size:17px;line-height:1.62;max-width:62ch}
@media(max-width:640px){
  .ofc-heroband{grid-template-columns:1fr;gap:10px}
  .ofc-slot{aspect-ratio:5/2;max-height:130px}
  .ofc-masthead{display:none}
  .ofc-slot[data-hero-slot="2"],.ofc-slot[data-hero-slot="3"]{display:none}
}

.ofc-terms{background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:24px 26px}
.ofc-terms-figs{display:flex;flex-wrap:wrap;gap:26px 34px;align-items:baseline}
.ofc-fig{display:flex;flex-direction:column;gap:5px}
.ofc-fig b{font-family:var(--ofc-mono);font-size:clamp(28px,3.4vw,40px);font-weight:700;
  letter-spacing:-.03em;color:var(--ink);line-height:1}
.ofc-fig span{font-size:13px;color:var(--ink-faint);line-height:1.35}  /* 5.440 */
/* The saving is a SENTENCE, never a display figure or a badge. The copy forbids
   any percentage-off claim and any per-month figure for the annual (499/12 =
   41.58..., which does not divide evenly), so "$89 less" set as a big mono
   numeral would read as exactly the discount badge being refused. */
.ofc-saving{margin-top:16px;font-size:15px;line-height:1.5;color:var(--ink-soft)}
.ofc-getlead{margin:0 0 18px;font-size:18px;font-weight:700;color:var(--ink)}
/* The charge line sits at the SAME visual weight as the price figures. */
.ofc-charge{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);
  font-size:19px;line-height:1.55;color:var(--ink);font-weight:600}
.ofc-charge em{font-style:normal;font-weight:400;color:var(--ink-soft);
  display:block;margin-top:9px;font-size:16px}

.ofc-rail{list-style:none;margin:0;padding:0 0 0 30px;position:relative}
.ofc-rail::before{content:"";position:absolute;left:6px;top:7px;bottom:7px;width:2px;
  background:var(--ofc-connector);border-radius:2px}   /* 5.440 — meaning-bearing */
.ofc-rail li{position:relative;padding:0 0 26px}
.ofc-rail li:last-child{padding-bottom:0}
.ofc-rail li::before{content:"";position:absolute;left:-30px;top:5px;width:14px;height:14px;
  border-radius:50%;background:var(--paper);border:2.5px solid var(--ofc-connector)}
.ofc-rail li:last-child::before{background:var(--blue);border-color:var(--blue)}  /* 8.253 */
.ofc-rail .k{display:block;font-family:var(--ofc-mono);font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--blue);font-weight:500}
.ofc-rail .v{display:block;margin-top:4px;font-size:16.5px;color:var(--ink);line-height:1.5}
.ofc-note{margin-top:18px;font-size:13px;color:var(--ink-faint);font-style:italic}

.ofc-boundary{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:760px){.ofc-boundary{grid-template-columns:1fr}}
.ofc-col{padding:22px 24px;background:var(--paper);border-radius:var(--r)}
.ofc-col-does{border-left:4px solid var(--ofc-connector)}          /* SOLID rule  5.440 */
.ofc-col-not{border-left:4px dashed var(--ofc-connector)}          /* DASHED rule 5.440 */
.ofc-col h3{font-size:15px;font-family:var(--ofc-mono);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink);font-weight:600;margin-bottom:14px}
.ofc-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.ofc-col li{display:flex;gap:11px;font-size:16px;line-height:1.55;color:var(--ink-soft)}
.ofc-col li svg{flex:none;margin-top:3px;width:17px;height:17px;color:var(--ofc-connector)}

.ofc-crisis-strip{margin-top:26px;background:var(--ofc-crisis-wash);
  border:2px solid var(--ofc-crisis-line);border-radius:var(--r);padding:22px 24px}
.ofc-crisis-strip p{font-size:16.5px;line-height:1.6;color:var(--ink);max-width:72ch}
.ofc-crisis-strip .lead{font-weight:700;color:var(--ofc-crisis);margin-bottom:10px}  /* 9.160 */
.ofc-crisis-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.ofc-tel{display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;min-width:44px;padding:11px 22px;border-radius:100px;
  background:var(--ofc-crisis);color:#FFFFFF;text-decoration:none;
  font-weight:700;font-size:16px;font-family:var(--ofc-mono);letter-spacing:.02em;
  border:2px solid var(--ofc-crisis)}
.ofc-tel:hover,.ofc-tel:focus{background:#6E1815;border-color:#6E1815;color:#FFFFFF}
.ofc-crisis-strip .outside{margin-top:14px;font-size:15px;color:var(--ink-soft)}

.ofc-getlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;
  margin:0;background:var(--line);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden}
@media(max-width:760px){.ofc-getlist{grid-template-columns:1fr}}
.ofc-get{background:var(--paper);padding:20px 22px;display:flex;gap:14px;min-width:0}
.ofc-get svg{flex:none;width:24px;height:24px;color:var(--ofc-connector)}  /* 5.440 */
.ofc-get dt{font-weight:700;font-size:15.5px;color:var(--ink);margin:0 0 5px}
.ofc-get dd{margin:0;font-size:15px;line-height:1.55;color:var(--ink-soft);
  overflow-wrap:anywhere}

.ofc-wallet{display:grid;grid-template-columns:1fr auto 1.05fr auto 1fr;gap:0 18px;
  align-items:center}
@media(max-width:860px){
  .ofc-wallet{grid-template-columns:1fr;gap:14px}
  .ofc-arrow{transform:rotate(90deg);justify-self:center}
}
.ofc-lane h3{font-family:var(--ofc-mono);font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:12px}
.ofc-lane ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ofc-lane li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;
  line-height:1.45;color:var(--ink-soft)}
.ofc-lane li svg{flex:none;width:19px;height:19px;margin-top:1px;color:var(--ofc-connector)}
.ofc-arrow{color:var(--ofc-connector)}                     /* 5.440 — never --line */
.ofc-arrow svg{width:34px;height:22px;display:block}
/* the wallet: heaviest thing on the diagram */
.ofc-vault{background:var(--paper);border:2.5px solid var(--blue);border-radius:var(--r);
  padding:26px 22px;text-align:center;box-shadow:none}
.ofc-vault .t{font-weight:700;font-size:19px;color:var(--ink);line-height:1.25}
.ofc-vault .s{margin-top:7px;font-family:var(--ofc-mono);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--blue)}              /* 8.253 */
.ofc-vault svg{width:38px;height:38px;margin:0 auto 12px;color:var(--blue);display:block}
/* the gate — authority, not plumbing */
.ofc-gate{display:flex;flex-direction:column;align-items:center;gap:7px}
.ofc-gate .lbl{font-family:var(--ofc-mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--sage-deep);font-weight:600;white-space:nowrap}
/* ^ sage-toned TEXT uses --sage-deep 5.960. --sage 3.741 would FAIL here. */
.ofc-gate svg{color:var(--sage);width:30px;height:30px}
/* ^ sage as a STROKE is legal: 3.741 clears the 3:1 non-text floor. */

.ofc-frame{border:1px solid var(--line-2);border-radius:var(--r);background:var(--paper);
  overflow:hidden;max-width:720px}
.ofc-frame-bar{display:flex;align-items:center;gap:9px;padding:11px 20px;
  background:var(--mist);border-bottom:1px solid var(--line);
  font-family:var(--ofc-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-faint)}                                   /* 5.063 on --mist */
.ofc-frame-body{padding:22px 24px 24px}
.ofc-ask{font-size:17px;color:var(--ink);font-weight:600;line-height:1.5}
.ofc-reason{margin-top:18px;padding-left:16px;border-left:2px solid var(--ofc-marcus);
  display:flex;flex-direction:column;gap:9px}               /* 7.488 */
.ofc-vlabel{font-family:var(--ofc-mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:500;color:var(--ofc-marcus)}
.ofc-step{font-size:14px;line-height:1.5;color:var(--ink-soft)}
.ofc-step .k{font-family:var(--ofc-mono);font-size:11.5px;letter-spacing:.05em;
  color:var(--ofc-marcus);font-weight:500}
.ofc-answer{margin-top:20px;padding:18px 20px;background:var(--mist);
  border-left:3px solid var(--blue);border-radius:0 var(--r-sm) var(--r-sm) 0}
.ofc-answer .who{font-family:var(--ofc-mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:500;color:var(--blue)}   /* 8.253 */
.ofc-answer h3{font-size:18px;margin-top:9px;font-weight:600;line-height:1.5;color:var(--ink)}
.ofc-answer .ofc-scope{margin-top:12px;font-size:13px;font-weight:400;line-height:1.5;
  color:var(--ink-faint);display:flex;gap:9px}               /* 5.063 on --mist */
.ofc-answer .ofc-scope::before{content:"scope";flex:none;font-family:var(--ofc-mono);
  font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);
  font-weight:500;padding-top:2px}

/* the honesty label — closed enum of three, visible AND in the accessible name */
.ofc-label{margin-top:12px;font-family:var(--ofc-mono);font-size:11.5px;letter-spacing:.04em;
  color:var(--ink-faint);display:flex;gap:8px;align-items:baseline}  /* 5.440 */
.ofc-label::before{content:"\2014";flex:none}


.ofc-timeline{list-style:none;margin:0;padding:0 0 0 34px;position:relative}
.ofc-timeline::before{content:"";position:absolute;left:8px;top:9px;bottom:9px;width:2px;
  background:var(--ofc-connector)}                          /* 5.440 */
.ofc-timeline li{position:relative;padding:0 0 30px}
.ofc-timeline li:last-child{padding-bottom:0}
.ofc-timeline li::before{content:"";position:absolute;left:-34px;top:6px;width:18px;height:18px;
  border-radius:50%;background:var(--paper);border:2.5px solid var(--ofc-connector)}
.ofc-timeline li.is-charge::before{background:var(--blue);border-color:var(--blue);
  width:22px;height:22px;left:-36px;top:4px}                /* FILLED = the charge node */
/* The FREE TWO WEEKS is a DURATION, not a point, so it is drawn as a SPAN: a
   bracketed run of the rail rather than a bead. A node cannot say "for this whole
   stretch you pay nothing", and that is the message.
   Stroke + label are --sage-deep 5.960 -- sage-toned, and clear of BOTH the 4.5
   text floor and the 3.0 non-text floor. Plain --sage (3.741) would be legal as a
   stroke here but would fail the moment it set the label, so one token does both. */
.ofc-timeline li.is-free::before{content:"";background:transparent;border:none;
  left:-30px;top:2px;bottom:8px;height:auto;width:10px;border-radius:0;
  border-left:2px solid var(--sage-deep);
  border-top:2px solid var(--sage-deep);
  border-bottom:2px solid var(--sage-deep)}
.ofc-timeline li.is-free .when{color:var(--sage-deep)}
.ofc-timeline li.is-free .what{color:var(--ink)}
/* display:block is LOAD-BEARING here. As inline spans these two ran together and
   rendered "TODAYReserve your seat" / "OCTOBERVoice opens" -- invisible in
   source review, obvious in the render. */
.ofc-timeline .when{display:block;font-family:var(--ofc-mono);font-size:12.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--blue);font-weight:500}
.ofc-timeline .what{display:block;margin-top:6px;font-size:16.5px;line-height:1.55;color:var(--ink-soft)}
.ofc-timeline li.is-charge .when{font-size:13.5px;color:var(--ink)}
.ofc-timeline li.is-charge .what{font-size:18.5px;font-weight:600;color:var(--ink)}
.ofc-band-persist{margin-top:22px;padding:15px 20px;background:var(--mist);
  border-radius:var(--r-sm);font-size:16px;color:var(--ink);border-left:3px solid var(--blue)}
.ofc-band-persist + .ofc-band-persist{margin-top:10px}

.ofc-ledger{list-style:none;margin:0;padding:0;counter-reset:led}
.ofc-ledger li{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;
  padding:18px 0;border-bottom:1px solid var(--line)}
.ofc-ledger li:last-child{border-bottom:0}
@media(max-width:640px){.ofc-ledger li{grid-template-columns:1fr}}
.ofc-chip{grid-row:span 2;align-self:start;font-family:var(--ofc-mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;font-weight:500;
  color:var(--ink-faint);background:var(--mist);border:1px solid var(--line-2);
  border-radius:4px;padding:5px 9px;white-space:nowrap}     /* 5.063 on --mist */
@media(max-width:640px){.ofc-chip{grid-row:auto;justify-self:start;margin-bottom:8px}}
.ofc-ledger .t{font-weight:700;font-size:16px;color:var(--ink)}
.ofc-ledger .d{font-size:15.5px;line-height:1.55;color:var(--ink-soft)}
.ofc-ledger li.no-chip .t,.ofc-ledger li.no-chip .d{grid-column:1 / -1}

.ofc-meter{margin:0}
.ofc-meter-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  font-family:var(--ofc-mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:10px}
/* NO FILL. A partly-filled bar reads as a member's usage state -- fabricated data
   on a page whose copy explicitly refuses exactly that ("no ratings, no member
   count and no countdown timer"). The band is an EMPTY allowance with one marker
   before the wall. Same instinct that refused the seat counter. */
.ofc-track{position:relative;height:56px;border:2px solid var(--ofc-connector);
  border-radius:var(--r-sm);background:var(--mist);overflow:hidden}  /* 5.440 */
.ofc-track .mark{position:absolute;top:0;bottom:0;left:76%;width:2px;background:var(--blue)}
/* Label sits LEFT of the marker: to its right there is only the narrow run-up to
   the wall, and the track clips overflow, so a right-side label rendered as
   "she t...". Caught in the render. */
.ofc-track .mark::after{content:"she tells you here";position:absolute;right:9px;top:50%;
  transform:translateY(-50%);font-family:var(--ofc-mono);font-size:11px;letter-spacing:.06em;
  color:var(--blue);white-space:nowrap}                              /* 8.253 */
.ofc-track .start{position:absolute;left:13px;top:50%;transform:translateY(-50%);
  font-family:var(--ofc-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-faint)}
.ofc-track .cap{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;
  padding:0 14px;border-left:2px solid var(--ofc-connector);background:var(--mist-2);
  font-family:var(--ofc-mono);font-size:13px;font-weight:700;color:var(--ink)}
.ofc-marker-note{margin-top:9px;font-size:14.5px;color:var(--ink-soft);
  display:flex;gap:8px;align-items:flex-start}
.ofc-marker-note svg{flex:none;width:16px;height:16px;margin-top:3px;color:var(--blue)}
.ofc-textline{margin-top:16px;padding:14px 18px;border:2px dashed var(--ofc-connector);
  border-radius:var(--r-sm);display:flex;justify-content:space-between;gap:14px;
  align-items:center;flex-wrap:wrap}
.ofc-textline .l{font-family:var(--ofc-mono);font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-faint)}
.ofc-textline .r{font-size:16.5px;font-weight:600;color:var(--ink)}

.ofc-cta{border:1px solid var(--line);border-radius:var(--r);padding:26px;
  background:var(--paper);max-width:640px}
.ofc-cta .ofc-btn{display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:14px 30px;border-radius:100px;background:var(--blue);
  color:#FFFFFF;text-decoration:none;font-weight:700;font-size:16.5px;border:2px solid var(--blue)}
.ofc-cta .ofc-btn:hover,.ofc-cta .ofc-btn:focus{background:var(--blue-deep);
  border-color:var(--blue-deep);color:#FFFFFF}
.ofc-microcopy{margin-top:16px;font-size:16px;line-height:1.58;color:var(--ink);font-weight:500}
.ofc-renewal{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);
  font-size:16px;line-height:1.58;color:var(--ink)}
.ofc-renewal strong{font-weight:700}
.ofc-renewal p + p{margin-top:9px}

.ofc-founder{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}
@media(max-width:760px){.ofc-founder{grid-template-columns:1fr;gap:22px}}
/* type-only, permanently: a NAMEPLATE for the entity and the place -- never a person, never a portrait */
.ofc-nameplate{border-left:4px solid var(--blue);padding:6px 0 6px 18px}
.ofc-nameplate .n{font-size:22px;font-weight:700;color:var(--ink);line-height:1.2}
.ofc-nameplate .r{margin-top:5px;font-family:var(--ofc-mono);font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.ofc-founder p{font-size:16.5px;line-height:1.62;color:var(--ink-soft)}
.ofc-founder p + p,.ofc-founder ul + p{margin-top:16px}
/* the Agentic Intelligence staff, by seat */
.ofc-staff{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ofc-staff li{font-size:16px;line-height:1.55;color:var(--ink-soft);padding-left:16px;
  border-left:2px solid var(--line-2)}
.ofc-staff b{color:var(--ink)}

/* ---------------------------------------------------------------
   Reservation lane (email-only) + the phone scroll bar -- 2026-09-10
   --------------------------------------------------------------- */
/* Cassia's own words, above the button. A rule in --sage-deep (5.960): sage-toned
   and still clear of the text floor. */
.ofc-quote{margin:34px 0 0;padding:2px 0 2px 22px;border-left:4px solid var(--sage-deep);max-width:52ch}
.ofc-quote p{font-size:clamp(19px,1.9vw,23px);line-height:1.5;color:var(--ink);font-weight:600;
  letter-spacing:-.01em}
.ofc-quote figcaption{margin-top:10px;font-size:14px;color:var(--ink-soft)}
.ofc-quote figcaption a{color:var(--blue);font-weight:600}
/* copy-the-address fallback: the address is visible and selectable with no JS at all */
.ofc-fallback{margin-top:14px;font-size:15px;line-height:1.55;color:var(--ink-soft);
  display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.ofc-addr{font-family:var(--ofc-mono);font-size:14.5px;color:var(--ink);
  -webkit-user-select:all;user-select:all;overflow-wrap:anywhere}
.ofc-copy{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:100px;
  background:var(--paper);color:var(--blue);border:1.5px solid var(--blue);font:inherit;font-size:14px;
  font-weight:600;cursor:pointer}
.ofc-copy:hover,.ofc-copy:focus{background:var(--blue-tint)}
.ofc-reply{margin-top:12px;font-size:15px;color:var(--ink);font-weight:600}
/* the persistent bottom bar: phones only, a fragment href to the terms, never a purchase point */
.ofc-bar{display:none}
@media(max-width:640px){
  .ofc-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:center;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);
    border-top:1px solid var(--line);transition:transform .2s ease}
  .ofc-bar.is-hidden{transform:translateY(110%)}
  .ofc-bar .ofc-btn{width:100%;max-width:420px;min-height:44px}
  body.has-offer-bar{padding-bottom:76px}
}

/* ---------------------------------------------------------------
   Component-sheet chrome (staging only — never ships)
   --------------------------------------------------------------- */
.ofc-sheet-head{background:var(--ink);color:#FFFFFF;padding:30px 0}
.ofc-sheet-head h1{font-size:26px;color:#FFFFFF}
.ofc-sheet-head p{color:#D7DEE4;font-size:15px;margin-top:9px;max-width:78ch;line-height:1.6}
.ofc-spec{margin:0 0 26px;padding:14px 18px;background:var(--mist);border-radius:var(--r-sm);max-width:80ch;
  border-left:3px solid var(--blue);font-size:14px;line-height:1.6;color:var(--ink-soft)}
.ofc-spec b{color:var(--ink);font-family:var(--ofc-mono);font-size:12.5px;letter-spacing:.06em}
.ofc-c{padding:44px 0;border-top:1px solid var(--line)}
.ofc-c > h2{font-size:23px;margin-bottom:6px}
.ofc-kicker{font-family:var(--ofc-mono);font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--blue);font-weight:500;margin-bottom:9px}

:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}