/* ============================================================
   Franchise Operations — the solution page for α Franchise.
   The real product screens are the stars, so each one is set in a
   frame: a slate-blue gradient canvas that lets the crimson app stand out,
   fine grain, and a window that rises out of it as you arrive.
   ============================================================ */

:root{
  --fs-wine:#6B0F2A;
  --fs-wine-2:#3C0716;
  --fs-rose:#C9687F;
  --fs-blush:#F7E9EC;
  --fs-accent:#9E1B3F;
  --m:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .14 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");
}
:root[data-theme="dark"]{ --fs-accent:#E0718F; }

/* ---------- type ---------- */
.fs-kicker{font-family:var(--m);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.fs-kicker b{color:var(--fs-accent);font-weight:500}
.fs-display{font-family:var(--d);font-weight:400;letter-spacing:-.028em;line-height:.96;
  font-size:clamp(3rem,7.2vw,6.4rem);color:var(--ink);text-wrap:balance}
.fs-display em,.fs-h2 em{font-style:italic;color:var(--fs-accent)}
.fs-h2{font-family:var(--d);font-weight:400;letter-spacing:-.02em;line-height:1.02;font-size:clamp(2.4rem,5vw,4.3rem);color:var(--ink);text-wrap:balance}
.fs-lead{font-size:clamp(1.14rem,1.65vw,1.36rem);color:var(--soft);line-height:1.6;max-width:46ch}
.fs-sec{padding-block:clamp(5.5rem,11vw,9.5rem)}
.fs-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--s);font-size:.98rem;font-weight:600;
  padding:.85rem 1.4rem;border-radius:10px;border:1px solid var(--ink);transition:transform .2s,border-color .2s}
.fs-btn.fill{background:var(--ink);color:var(--cream)}
.fs-btn.fill:hover{transform:translateY(-2px)}
.fs-btn.line{color:var(--ink);border-color:var(--line)}
.fs-btn.line:hover{border-color:var(--ink)}
.fs-btn .a{transition:transform .2s}.fs-btn:hover .a{transform:translateX(3px)}

/* ---------- hero ---------- */
.fs-hero{padding-top:clamp(7.5rem,11vw,9.5rem)}
.fs-split{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:end}
@media(max-width:900px){.fs-split{grid-template-columns:1fr}}
.fs-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.fs-tag{font-family:var(--s);font-size:.8rem;font-weight:600;padding:.35rem .8rem;border-radius:100px;border:1px solid var(--line);color:var(--soft)}
.fs-tag.proof{background:var(--fs-blush);border-color:transparent;color:var(--fs-wine)}
[data-theme="dark"] .fs-tag.proof{background:rgba(224,113,143,.14);color:#F2A5B8}
.fs-split .fs-lead{margin-bottom:1.7rem}

/* ---------- the premium frame ---------- */
.fs-frame{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(20px,3vw,34px);
  /* wider than the text column, so the product screens are genuinely large */
  width:min(1400px,calc(100vw - 2rem));margin-left:calc(50% - min(700px,50vw - 1rem));
  margin-top:clamp(2.8rem,5.5vw,4.2rem);padding:clamp(2.6rem,5vw,4.6rem) clamp(1rem,3.6vw,3.8rem) 0;
  background:
    radial-gradient(55% 75% at 12% 0%,rgba(240,245,252,.95) 0%,transparent 60%),
    radial-gradient(45% 65% at 92% 8%,rgba(92,124,178,.5) 0%,transparent 65%),
    radial-gradient(80% 70% at 50% 115%,#14213D 0%,transparent 62%),
    linear-gradient(162deg,#E6ECF4 0%,#9AAECB 46%,#2A3D63 100%)}
.fs-frame.dark{background:
    radial-gradient(50% 70% at 85% 0%,rgba(122,152,204,.4) 0%,transparent 60%),
    radial-gradient(60% 80% at 10% 100%,rgba(46,72,128,.55) 0%,transparent 65%),
    linear-gradient(160deg,#1B2A4A 0%,#0F182E 60%,#080D1B 100%)}
.fs-frame::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--fs-grain);opacity:.55;mix-blend-mode:overlay}
/* two faint rings, like light caught on glass */
.fs-frame::after{content:'';position:absolute;z-index:-1;width:900px;height:900px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);right:-340px;top:-520px}
.fs-frame-cap{position:absolute;left:clamp(1rem,5.5vw,5rem);top:clamp(.8rem,2vw,1.6rem);font-family:var(--m);font-size:.72rem;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(20,33,61,.6)}
.fs-frame.dark .fs-frame-cap{color:rgba(220,230,248,.6)}

.fs-window{position:relative;max-width:1280px;margin:0 auto;border-radius:14px 14px 0 0;overflow:hidden;background:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.4),0 -30px 90px -30px rgba(8,14,32,.6),0 30px 60px -30px rgba(8,14,32,.5);
  transform:perspective(1600px) rotateX(9deg) translateY(60px);transform-origin:50% 100%;opacity:.4;
  transition:transform 1.3s cubic-bezier(.2,.8,.2,1),opacity 1.1s ease}
.in .fs-window,.fs-window.in{transform:none;opacity:1}
.fs-winbar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;background:#F3F5F8;border-bottom:1px solid #DFE4EC}
.fs-winbar i{width:11px;height:11px;border-radius:50%;background:#E4D6DA;display:inline-block}
.fs-winbar i:nth-child(1){background:#F26B5E}.fs-winbar i:nth-child(2){background:#F5BF4F}.fs-winbar i:nth-child(3){background:#5CC55B}
.fs-winbar span{display:flex;gap:6px}
.fs-winbar b{margin:0 auto;font-family:var(--s);font-size:.82rem;font-weight:600;color:#56607A;padding:.25rem .9rem;border-radius:7px;background:#fff;border:1px solid #DFE4EC}
.fs-window img{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.fs-window{transform:none;opacity:1;transition:none}}

/* ---------- numbered callouts over the Insights screen ---------- */
.fs-shot{position:relative}
.fs-pin{position:absolute;z-index:2;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:var(--fs-wine);color:#fff;font-family:var(--s);font-size:.88rem;font-weight:700;
  border:2px solid #fff;box-shadow:0 8px 20px -6px rgba(60,7,22,.6);cursor:default;transition:transform .25s}
.fs-pin::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(158,27,63,.55);animation:fsPulse 2.2s ease-out infinite}
.fs-pin.on,.fs-pin:hover{transform:translate(-50%,-50%) scale(1.18)}
@keyframes fsPulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.7);opacity:0}}
.fs-legend{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(1.6rem,3vw,2.4rem);
  background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
@media(max-width:900px){.fs-legend{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fs-legend{grid-template-columns:1fr}}
.fs-legend li{background:var(--paper);padding:clamp(1.2rem,2.4vw,1.7rem);cursor:default;transition:background .25s}
.fs-legend li.on,.fs-legend li:hover{background:var(--fs-blush)}
[data-theme="dark"] .fs-legend li.on,[data-theme="dark"] .fs-legend li:hover{background:rgba(224,113,143,.1)}
.fs-legend b{display:flex;align-items:center;gap:.6rem;font-family:var(--s);font-size:1.08rem;font-weight:700;color:var(--ink)}
.fs-legend b i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:var(--fs-wine);color:#fff;font-size:.78rem}
.fs-legend p{margin-top:.6rem;font-size:1rem;color:var(--soft);line-height:1.5}
@media(max-width:700px){.fs-pin{width:26px;height:26px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.fs-pin::before{animation:none}}

/* ---------- problem / approach ---------- */
.fs-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
@media(max-width:900px){.fs-two{grid-template-columns:1fr}}
.fs-two p{font-size:clamp(1.14rem,1.6vw,1.34rem);color:var(--soft);line-height:1.6;max-width:42ch}
.fs-two p+p{margin-top:1.1rem}
.fs-two p b{color:var(--ink);font-weight:600}

/* how we build it: a sticky stage that assembles as the four steps scroll past */
.bx{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(2.4rem,5vw,3.4rem)}
.bx-stage-wrap{position:relative}
.bx-stage{position:sticky;top:96px;height:min(560px,calc(100vh - 130px));border-radius:30px;overflow:hidden;
  background:#F3EDE2;background-image:radial-gradient(rgba(120,90,50,.1) 1px,transparent 1.3px);background-size:14px 14px;
  transition:background-color .8s}
.bx-stage[data-step="2"]{background-color:#F7E9EC}
.bx-stage[data-step="3"]{background-color:#E6ECF8}
.bx-stage[data-step="4"]{background-color:#DDF2EA}
:root[data-theme="dark"] .bx-stage{background-color:#1C1A16}
.bx-cap{position:absolute;left:1.3rem;top:1.1rem;z-index:5;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:100px;
  background:rgba(255,255,255,.75);backdrop-filter:blur(8px);font-size:.84rem;font-weight:600;color:#2B2418}
.bx-cap i{width:8px;height:8px;border-radius:50%;background:var(--sc,#C2611F);transition:background .6s}
.bx-stage[data-step="2"]{--sc:#9E1B3F}.bx-stage[data-step="3"]{--sc:#2F4FE0}.bx-stage[data-step="4"]{--sc:#0F6B45}

/* the four system cards: scattered and scruffy, then lined up and speaking one language */
.bx-card{position:absolute;z-index:3;width:44%;padding:.8rem 1rem;border-radius:14px;background:#fff;box-shadow:0 14px 28px -18px rgba(40,30,10,.5);
  transition:left .9s cubic-bezier(.3,1.2,.4,1),top .9s cubic-bezier(.3,1.2,.4,1),transform .9s cubic-bezier(.3,1.2,.4,1)}
.bx-card small{display:block;font-family:var(--m);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#8A7B66}
.bx-card .raw,.bx-card .clean{display:block;margin-top:.3rem;transition:opacity .5s,transform .5s}
.bx-card .raw{font-family:var(--m);font-size:.9rem;color:#6B5A48}
.bx-card .clean{position:absolute;left:1rem;bottom:.8rem;font-size:1.05rem;color:#1A1A1A;opacity:0;transform:translateY(6px)}
.bx-card .clean b{font-weight:700}
.c1{left:6%;top:14%;transform:rotate(-7deg)}
.c2{left:50%;top:10%;transform:rotate(6deg)}
.c3{left:9%;top:58%;transform:rotate(5deg)}
.c4{left:48%;top:62%;transform:rotate(-5deg)}
.bx-stage:not([data-step="1"]) .bx-card{left:6%;transform:none}
.bx-stage:not([data-step="1"]) .c1{top:12%}.bx-stage:not([data-step="1"]) .c2{top:32%}
.bx-stage:not([data-step="1"]) .c3{top:52%}.bx-stage:not([data-step="1"]) .c4{top:72%}
.bx-stage:not([data-step="1"]) .bx-card .raw{opacity:0;transform:translateY(-6px)}
.bx-stage:not([data-step="1"]) .bx-card .clean{opacity:1;transform:none}
.bx-card{height:74px}

/* the scraps of the old way: sticky note and a spreadsheet, gone once rules are agreed */
.bx-scrap{position:absolute;z-index:2;padding:.6rem .8rem;font-family:'Caveat',cursive;font-size:1.35rem;color:#2B2418;border-radius:3px;
  box-shadow:0 10px 20px -14px rgba(40,30,10,.5);transition:opacity .5s,transform .7s}
.s1{left:30%;top:40%;background:#FFE27A;transform:rotate(-4deg)}
.s2{left:58%;top:40%;background:#fff;font-family:var(--m);font-size:.8rem;color:#1E7145;border-left:4px solid #1E7145;transform:rotate(3deg)}
.bx-stage:not([data-step="1"]) .bx-scrap{opacity:0;transform:translateY(30px) rotate(8deg)}
.bx-rule{position:absolute;z-index:4;left:6%;top:calc(92% - 10px);font-family:'Caveat',cursive;font-size:1.4rem;color:#9E1B3F;
  opacity:0;transform:scale(1.4) rotate(-3deg);transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1)}
.bx-stage[data-step="2"] .bx-rule{opacity:1;transform:rotate(-3deg);transition-delay:.7s}

/* connections, the hub, and the midweek alert */
.bx-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.bx-lines path{fill:none;stroke:#2F4FE0;stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:0;transition:opacity .6s ease}
.bx-stage[data-step="3"] .bx-lines path,.bx-stage[data-step="4"] .bx-lines path{opacity:1;transition-delay:calc(var(--k) * 150ms + 300ms)}
.bx-stage[data-step="4"] .bx-lines path{stroke:#0F6B45}
.bx-hub{position:absolute;z-index:3;left:74%;top:50%;width:84px;height:84px;margin:-42px 0 0 -10px;border-radius:50%;display:grid;place-items:center;
  background:#2F4FE0;color:#fff;box-shadow:0 0 0 10px rgba(47,79,224,.14);opacity:0;transform:scale(.5);
  transition:opacity .4s,transform .6s cubic-bezier(.3,1.6,.5,1),background .6s,box-shadow .6s}
.bx-hub i{font-family:var(--d);font-style:italic;font-size:2.8rem;line-height:1}
.bx-stage[data-step="3"] .bx-hub,.bx-stage[data-step="4"] .bx-hub{opacity:1;transform:none;transition-delay:.9s}
.bx-stage[data-step="4"] .bx-hub{background:#0F6B45;box-shadow:0 0 0 10px rgba(15,107,69,.14);transform:translateY(-120px) scale(.8)}
.bx-alert{position:absolute;z-index:4;right:5%;top:50%;width:min(300px,52%);padding:.9rem 1rem;border-radius:16px;background:#fff;
  box-shadow:0 20px 40px -18px rgba(15,60,40,.45);opacity:0;transform:translateY(10%) scale(.94);transition:opacity .45s,transform .6s cubic-bezier(.3,1.5,.5,1)}
.bx-stage[data-step="4"] .bx-alert{opacity:1;transform:translateY(-20%);transition-delay:.4s}
.bx-alert-top{display:flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;color:#7A7A7A}
.bx-alert-top i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#9E1B3F;color:#fff;font-family:var(--d);font-size:.9rem}
.bx-alert p{margin-top:.45rem;font-size:1rem;font-weight:600;color:#1A1A1A;line-height:1.4}
.bx-alert-why{display:inline-block;margin-top:.5rem;font-size:.8rem;font-weight:700;padding:.25rem .6rem;border-radius:100px;background:#DDF2EA;color:#0F6B45}

/* the steps scroll past beside the stage */
.bx-steps{display:flex;flex-direction:column}
.bx-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding-block:2rem;opacity:.28;transition:opacity .5s}
.bx-step.on{opacity:1}
.bx-n{font-family:var(--d);font-style:italic;font-size:clamp(4rem,7vw,6rem);line-height:.9;color:var(--mc)}
.bx-step h3{margin-top:.6rem;font-family:var(--d);font-weight:400;font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.02;letter-spacing:-.02em;color:var(--ink);max-width:14ch}
.bx-step p{margin-top:.9rem;font-size:clamp(1.05rem,1.35vw,1.18rem);color:var(--soft);line-height:1.6;max-width:40ch}
.bx-step q{margin-top:1rem;font-family:'Caveat',cursive;font-size:clamp(1.5rem,2.1vw,1.8rem);color:var(--mc);quotes:'“' '”'}
/* phones: the stage stays pinned under the nav; the steps scroll up beneath it and switch it */
@media(max-width:900px){
  .bx{grid-template-columns:1fr;gap:0}
  .bx-stage-wrap{position:sticky;top:62px;z-index:5;padding-block:12px .8rem;background:var(--cream)}
  .bx-stage{position:relative;top:auto;height:min(40vh,340px);border-radius:22px}
  .bx-steps{position:relative;z-index:1}
  .bx-step{min-height:0;justify-content:flex-start;padding-block:1.4rem 2.6rem}
  .bx-n{font-size:3.4rem}
  .bx-cap{font-size:.76rem;top:.7rem;left:.8rem}
  .bx-card{height:52px;padding:.5rem .7rem;width:48%}.bx-card small{font-size:.58rem}
  .bx-card .raw{font-size:.72rem;margin-top:.2rem}.bx-card .clean{font-size:.9rem;bottom:.5rem;left:.7rem}
  .bx-scrap{font-size:1.1rem;padding:.4rem .6rem}.s2{font-size:.66rem}
  .bx-rule{font-size:1.15rem}
  .bx-hub{width:58px;height:58px;margin-top:-29px}.bx-hub i{font-size:2rem}
  .bx-stage[data-step="4"] .bx-hub{transform:translateY(-80px) scale(.8)}
  .bx-alert{width:56%;padding:.6rem .7rem}.bx-alert p{font-size:.84rem}.bx-alert-why{font-size:.7rem}
}
}
}
@media(prefers-reduced-motion:reduce){.bx-card,.bx-scrap,.bx-hub,.bx-alert,.bx-lines path{transition:none}}

/* outcomes */
.fs-outs{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:clamp(2.4rem,5vw,3.4rem);
  background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
@media(max-width:820px){.fs-outs{grid-template-columns:1fr}}
.fs-outs li{background:var(--paper);padding:clamp(1.6rem,3.2vw,2.4rem)}
.fs-outs b{display:block;font-family:var(--d);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.08;color:var(--ink);max-width:20ch}
.fs-outs p{margin-top:.7rem;font-size:clamp(1.04rem,1.35vw,1.16rem);color:var(--soft);line-height:1.55;max-width:40ch}

/* proof + powered by */
.fs-proof{border-radius:28px;padding:clamp(2rem,5vw,3.8rem);background:var(--fs-blush);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
[data-theme="dark"] .fs-proof{background:rgba(224,113,143,.08)}
@media(max-width:860px){.fs-proof{grid-template-columns:1fr}}
.fs-proof h3{margin-top:1rem;font-family:var(--d);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;color:var(--ink)}
.fs-proof p{margin-top:1rem;font-size:clamp(1.08rem,1.5vw,1.24rem);color:var(--soft);line-height:1.58;max-width:42ch}
.fs-pending{padding:1.3rem 1.4rem;border-radius:16px;border:1px dashed rgba(107,15,42,.35);font-size:1.02rem;line-height:1.55;color:var(--soft);font-style:italic}
.fs-powered{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
.fs-powered a{display:inline-flex;align-items:baseline;gap:.35rem;padding:.6rem 1.1rem;border-radius:100px;border:1px solid var(--line);
  background:var(--paper);font-family:var(--s);font-size:1rem;font-weight:600;transition:border-color .2s,transform .2s}
.fs-powered a:hover{border-color:currentColor;transform:translateY(-2px)}
.fs-powered a i{font-family:var(--d);font-style:italic;font-weight:520;font-size:1.25em}
.fs-powered small{display:block;width:100%;font-family:var(--m);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:.2rem}

/* ---------- the story: one week, before and after ---------- */
.fs-before{list-style:none;margin-top:1.8rem;border-top:1px solid var(--line)}
.fs-before li{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;align-items:baseline;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.fs-before span{font-family:var(--m);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fs-accent)}
.fs-two .fs-before p{margin:0;font-size:clamp(1.06rem,1.4vw,1.2rem);color:var(--ink)}
@media(max-width:520px){.fs-before li{grid-template-columns:1fr;gap:.3rem}}

/* the week at a glance: three days, each a link to its chapter */
.fs-week{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(2.2rem,4.5vw,3.2rem);
  background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
@media(max-width:760px){.fs-week{grid-template-columns:1fr}}
.fs-week a{position:relative;display:block;background:var(--paper);padding:clamp(1.2rem,2.4vw,1.7rem) clamp(1.2rem,2.4vw,1.7rem) clamp(1.3rem,2.6vw,1.9rem);transition:background .25s}
.fs-week a:hover{background:var(--fs-blush)}
[data-theme="dark"] .fs-week a:hover{background:rgba(224,113,143,.1)}
.fs-week span{display:block;font-family:var(--m);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fs-accent)}
.fs-week b{display:block;margin-top:.5rem;padding-right:1.6rem;font-family:var(--d);font-weight:400;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.1;color:var(--ink)}
.fs-week i{position:absolute;right:clamp(1.2rem,2.4vw,1.7rem);bottom:clamp(1.3rem,2.6vw,1.9rem);font-style:normal;color:var(--faint);transition:transform .25s,color .25s}
.fs-week a:hover i{transform:translateY(3px);color:var(--ink)}

.fs-ch{padding-top:clamp(4.5rem,9vw,7.5rem);scroll-margin-top:90px}
.fs-ch + .fs-ch{margin-top:clamp(1rem,3vw,2rem)}
.fs-when{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--m);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fs-accent)}
.fs-when::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 18%,transparent)}
.fs-ch-h{margin-top:1.1rem;font-size:clamp(2.2rem,4.4vw,3.8rem)}
.fs-ch-copy{padding-top:2.4rem}
@media(max-width:900px){.fs-ch-copy{padding-top:0}}
.fs-runs-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.fs-runs{display:inline-flex;align-items:baseline;gap:.3rem;margin-top:1.5rem;padding:.5rem 1rem;border-radius:100px;border:1px solid var(--line);
  font-family:var(--s);font-size:.95rem;font-weight:600;transition:border-color .2s,transform .2s}
.fs-runs-row .fs-runs{margin-top:0}
.fs-runs:hover{border-color:currentColor;transform:translateY(-2px)}
.fs-runs i{font-family:var(--d);font-style:italic;font-weight:520;font-size:1.25em}
.fs-legend.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.fs-legend.three{grid-template-columns:1fr}}