/* Seth's credits-and-plans stylesheet, every rule scoped under .mfs-plans.
   ⚠️ SCOPED BECAUSE IT WAS A WHOLE DOCUMENT. As a standalone file it styled body, *, h1, h2,
   img, section, table and [hidden] globally - correct for a page that owned the window, and
   catastrophic loaded into an app that does not. Thirty-seven selectors would have leaked.
   ⚠️ DO NOT EDIT THE VALUES. Sizes, colours and spacing are his and were checked against the
   reference renders; if something looks wrong the stylesheet is not loading, not mis-tuned. */


.mfs-plans{
  --paper:#E4DDC9; --paper-2:#E4DDC9; --card:#F6F2E7; --mat:#EDE7D6; --sunk:#E4DDC9;
  --ink:#2A322C; --ink-soft:#484F47;
  --pine:#2F5D48; --brass:#A98A43; --brass-text:#60481B;
  --rule:#D8D1BE; --on-pine:#F6F2E7; --shadow:42,50,44;
  --display:"Fraunces","Hoefler Text",Georgia,serif;
  --sans:"Figtree",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --fast:120ms; --mid:200ms;
  --out:cubic-bezier(0,0,.2,1);
  --appear:cubic-bezier(.16,1,.3,1);
  --wrap:1240px;
  --ground:url("/plans/img/ground.jpg");
  
  --night:#0E1A1F; --night-ink:#F3F1EA; --night-soft:#B9C4C0; --night-brass:#E7C77E;
}
@media (prefers-color-scheme:dark){.mfs-plans :root:not([data-theme="light"]){
  --paper:#171C18; --paper-2:#1B211C; --card:#1E241E; --mat:#20261F; --sunk:#141914;
  --ink:#ECE4D2; --ink-soft:#9AA294;
  --pine:#8FB79C; --brass:#CEAC5F; --brass-text:#CEAC5F;
  --rule:#333B33; --on-pine:#12160F; --shadow:0,0,0;
}}
.mfs-plans :root[data-theme="dark"]{
  --paper:#171C18; --paper-2:#1B211C; --card:#1E241E; --mat:#20261F; --sunk:#141914;
  --ink:#ECE4D2; --ink-soft:#9AA294;
  --pine:#8FB79C; --brass:#CEAC5F; --brass-text:#CEAC5F;
  --rule:#333B33; --on-pine:#12160F; --shadow:0,0,0;
}

.mfs-plans *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}

.mfs-plans{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.mfs-plans img{display:block;max-width:100%;}
.mfs-plans :focus-visible{outline:2px solid var(--brass);outline-offset:3px;}
.mfs-plans [hidden]{display:none !important;}
.mfs-plans .skip{position:absolute;left:20px;top:-999px;background:var(--pine);color:var(--on-pine);
  padding:14px 26px;font-weight:700;z-index:99;border-radius:999px;text-decoration:none;}
.mfs-plans .skip:focus{top:20px;}

.mfs-plans [data-rv]{opacity:.001;will-change:transform,opacity;
  transition:opacity 1s var(--appear) var(--rvd,0s), transform 1s var(--appear) var(--rvd,0s);}
.mfs-plans [data-rv="rise"]{transform:translateY(24px);}
.mfs-plans [data-rv="rise-far"]{transform:translateY(72px);}
.mfs-plans [data-rv="drop"]{transform:translateY(-24px);}
.mfs-plans [data-rv][data-rv-in]{opacity:1;transform:none;}

.mfs-plans .maskline{display:inline-block;overflow:hidden;vertical-align:bottom;
  padding-bottom:.24em;margin-bottom:-.24em;
  padding-right:.14em;margin-right:-.14em;}
.mfs-plans .maskin{display:inline-block;transform:translateY(112%);
  transition:transform 1.1s var(--appear) .2s;}
.mfs-plans [data-rv-in] .maskin{transform:none;}
@media (prefers-reduced-motion:reduce){
  .mfs-plans [data-rv],.mfs-plans [data-rv] .maskin{opacity:1 !important;transform:none !important;transition:none !important;}
  .mfs-plans .paneArt img{transform:none !important;}
}

.mfs-plans .wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:clamp(20px,4vw,44px);}
.mfs-plans section{padding-block:clamp(64px,12vh,150px);}
.mfs-plans h1,.mfs-plans h2{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;
  letter-spacing:-.02em;font-variation-settings:"opsz" 72;}
.mfs-plans h1{font-size:clamp(2.5rem,6.4vw,4.3rem);line-height:1.02;}
.mfs-plans h2{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.04;color:var(--ink);}
.mfs-plans h1 em,.mfs-plans h2 em{font-style:italic;font-weight:400;}

.mfs-plans .eyebrow{font-size:1.06rem;font-weight:600;letter-spacing:.01em;
  color:var(--brass-text);margin:0 0 14px;}
.mfs-plans .eyebrow.light{color:var(--night-brass);}
.mfs-plans .stand{margin:18px 0 0;max-width:44ch;color:var(--ink-soft);
  font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.5;}
.mfs-plans .say{font-size:1.06rem;line-height:1.6;color:var(--ink-soft);max-width:62ch;margin:14px 0 0;}
.mfs-plans .num{font-variant-numeric:tabular-nums;}

.mfs-plans .go{font-family:var(--sans);font-weight:600;font-size:1.1rem;cursor:pointer;border:0;
  background:var(--pine);color:var(--on-pine);padding:1rem 2.2rem;border-radius:999px;
  min-height:56px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 14px 30px -14px rgba(var(--shadow),.5);transition:transform var(--mid),filter var(--mid);}
.mfs-plans .go:hover{transform:translateY(-1px);filter:brightness(1.06);}
.mfs-plans .go.lit{background:var(--night-brass);color:#241B08;box-shadow:0 18px 40px -18px rgba(0,0,0,.9);}
.mfs-plans .mini{font-family:var(--sans);font-size:1rem;cursor:pointer;background:transparent;
  border:1px solid var(--rule);color:var(--ink-soft);padding:.6rem 1.2rem;min-height:44px;
  display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;
  transition:border-color var(--fast),color var(--fast);text-decoration:none;}
.mfs-plans .mini:hover{border-color:var(--pine);color:var(--ink);}
.mfs-plans .mini.onNight{border-color:rgba(231,199,126,.42);color:var(--night-soft);}
.mfs-plans .mini.onNight:hover{border-color:var(--night-brass);color:var(--night-ink);}
.mfs-plans a.inline{color:var(--brass-text);font-weight:600;text-underline-offset:3px;
  position:relative;display:inline;}

.mfs-plans a.inline::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;
  transform:translateY(-50%);}
.mfs-plans .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px;}

.mfs-plans /* ⚠️ THE HEADER IS NOT DEFINED HERE. The bar is /css/nx-header.css and the lockup is
   /css/nx-brand.css, both linked below and both shared verbatim with the root page.
   Seth wrote this file standalone, so it carried its own copy of every header rule and
   the two drifted — different lockup size, different padding, a hard cream edge where
   the root fades. Mark 2026-09-19: they have to look the same, and a tweak to one has
   to reach the other. What hangs in the nav still differs, which is fine.
   The markup below uses NextBrand's own classes so those rules apply unchanged. */

.hero{position:relative;overflow:hidden;background:var(--night);
  padding-block:clamp(120px,20vh,210px) clamp(70px,13vh,140px);}
.mfs-plans .heroGround{position:absolute;inset:-14% 0;background-image:var(--ground);
  background-size:cover;background-position:center 44%;opacity:.34;
  filter:saturate(.72) brightness(.9);will-change:transform;}
.mfs-plans .hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(118% 92% at 38% 42%,rgba(10,20,26,.22),rgba(10,20,26,.94) 78%);}
.mfs-plans .hero .wrap{position:relative;z-index:1;display:grid;
  grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,72px);align-items:center;}
@media (max-width:920px){.mfs-plans .hero .wrap{grid-template-columns:1fr;gap:44px;}}
.mfs-plans .hero h1{color:var(--night-ink);}
.mfs-plans .hero h1 em{color:var(--night-brass);}
.mfs-plans .hero .stand{color:var(--night-soft);max-width:42ch;}

.mfs-plans .coinStage{display:flex;flex-direction:column;align-items:center;gap:18px;}
.mfs-plans .coin{width:min(17rem,64vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  text-align:center;position:relative;
  background:radial-gradient(circle at 34% 26%,#F3E1B0,#C9A65C 54%,#8A6A2F 100%);
  box-shadow:0 0 0 2px var(--night-brass), 0 0 0 9px rgba(231,199,126,.13),
             0 34px 60px -26px rgba(0,0,0,.95);}
.mfs-plans .coin::after{content:"";position:absolute;inset:9.5%;border-radius:50%;
  border:1px dashed rgba(66,48,16,.42);}
.mfs-plans .coin b{display:block;font-family:var(--display);font-weight:600;
  font-size:clamp(1.9rem,6.4vw,2.5rem);line-height:1.04;color:#2E2208;
  font-variation-settings:"opsz" 48;letter-spacing:-.02em;}
.mfs-plans .coin span{display:block;font-family:var(--sans);font-weight:600;font-size:1.04rem;
  color:#5A4413;margin-top:8px;}
.mfs-plans .coinNote{font-size:1rem;color:var(--night-soft);max-width:30ch;text-align:center;margin:0;}

.mfs-plans .sealStage{display:flex;flex-direction:column;align-items:center;gap:18px;}
.mfs-plans .seal{position:relative;width:min(23rem,86vw);border-radius:4px;text-align:center;
  padding:30px 28px 26px;border:1px solid rgba(231,199,126,.45);
  background:linear-gradient(176deg,rgba(231,199,126,.16),rgba(231,199,126,.05));
  box-shadow:0 0 0 7px rgba(231,199,126,.07), 0 34px 60px -30px rgba(0,0,0,.9);}
.mfs-plans .seal::after{content:"";position:absolute;inset:9px;border-radius:2px;
  border:1px dashed rgba(231,199,126,.34);pointer-events:none;}
.mfs-plans .sealKicker{margin:0;font-weight:600;font-size:1rem;color:var(--night-brass);}
.mfs-plans .seal b{display:block;margin-top:10px;font-family:var(--display);font-weight:600;
  font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.08;letter-spacing:-.02em;
  font-variation-settings:"opsz" 34;color:var(--night-ink);}
.mfs-plans .sealSay{margin:12px 0 0;font-size:1.04rem;line-height:1.5;color:var(--night-soft);}
.mfs-plans .sealNote{margin:0;font-size:1rem;color:var(--night-soft);max-width:30ch;text-align:center;}

.mfs-plans .rate{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap;}
.mfs-plans .rate p{margin:0;max-width:46ch;font-size:1.04rem;line-height:1.55;color:var(--ink-soft);}
.mfs-plans .coinSm{width:7.4rem;}
.mfs-plans .coinSm b{font-size:1.65rem;}
.mfs-plans .coinSm span{font-size:.95rem;margin-top:3px;}

.mfs-plans .offer{margin-top:24px;max-width:38rem;border:1px solid rgba(231,199,126,.42);
  border-left:3px solid var(--night-brass);border-radius:4px;padding:18px 22px;
  background:rgba(231,199,126,.07);}
.mfs-plans .offer b{display:block;font-family:var(--display);font-weight:600;
  font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.12;letter-spacing:-.02em;
  font-variation-settings:"opsz" 32;color:var(--night-brass);
  font-variant-numeric:tabular-nums;}
.mfs-plans .offer span{display:block;margin-top:8px;font-size:1.04rem;line-height:1.45;
  color:var(--night-soft);}
.mfs-plans .offer i{font-style:normal;color:var(--night-ink);font-weight:600;}

.mfs-plans .wall{position:relative;background:var(--paper);
  box-shadow:inset 0 22px 40px -34px rgba(0,0,0,.85);}
.mfs-plans .gallery{display:grid;grid-template-columns:1fr;gap:clamp(30px,3vw,44px);
  margin-top:clamp(44px,6vw,80px);}
@media (min-width:640px){.mfs-plans .gallery{grid-template-columns:1fr 1fr;}}

@media (min-width:1040px){ .mfs-plans .gallery{grid-template-columns:repeat(3,1fr);} }
.mfs-plans .pane{display:flex;flex-direction:column;}
.mfs-plans .pane h3{min-height:2.3em;}
.mfs-plans .paneArt{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;
  background:var(--sunk);
  box-shadow:0 0 0 1px rgba(var(--shadow),.10), 0 40px 60px -34px rgba(var(--shadow),.62);}
.mfs-plans .paneArt img{position:absolute;left:0;top:-11%;width:100%;height:122%;
  object-fit:cover;display:block;will-change:transform;}
.mfs-plans .paneArt::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(transparent 62%,rgba(24,30,24,.28));}
.mfs-plans .pane h3{display:flex;align-items:baseline;gap:12px;margin:22px 0 0;min-height:2.28em;
  font-family:var(--display);font-weight:600;font-size:clamp(1.42rem,2vw,1.78rem);
  line-height:1.14;color:var(--ink);font-variation-settings:"opsz" 30;text-wrap:balance;}
.mfs-plans .pane h3 i{font-style:normal;font-size:1rem;font-weight:600;letter-spacing:.06em;
  color:var(--brass-text);min-width:1.9em;}
.mfs-plans .pane .from{margin:6px 0 0;padding-left:calc(1.9rem + 12px);color:var(--pine);
  font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;}
.mfs-plans .pane .from.soon{color:var(--brass-text);}
.mfs-plans .pane .made{margin:6px 0 0;padding-left:calc(1.9rem + 12px);color:var(--ink-soft);
  font-size:1rem;line-height:1.4;max-width:28ch;}

.mfs-plans .freeBit{background:var(--paper);}
.mfs-plans .freeList{list-style:none;margin:clamp(30px,4vw,48px) 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;}
.mfs-plans .freeList li{display:flex;gap:14px;align-items:baseline;background:var(--card);
  border:1px solid var(--rule);border-radius:4px;
  padding:19px 22px;font-size:1.06rem;line-height:1.45;color:var(--ink);}
.mfs-plans .freeList li::before{content:"✓";font-weight:700;color:var(--pine);flex:0 0 auto;}

.mfs-plans .plans{background:var(--paper-2);border-block:1px solid var(--rule);}
.mfs-plans .planChart{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));
  gap:18px;margin-top:clamp(30px,4vw,48px);}
.mfs-plans .planCard{position:relative;display:flex;flex-direction:column;background:var(--card);
  border:1px solid var(--rule);border-radius:4px;padding:26px 24px 24px;}
.mfs-plans .planCard.pop{border-color:var(--pine);box-shadow:inset 0 0 0 1px var(--pine);}
.mfs-plans .planFlag{position:absolute;top:-12px;left:22px;background:var(--pine);color:var(--on-pine);
  font-size:.95rem;font-weight:600;border-radius:999px;padding:4px 14px;white-space:nowrap;}
.mfs-plans .planCard h3{margin:0;font-family:var(--display);font-weight:600;font-size:1.22rem;
  color:var(--pine);font-variation-settings:"opsz" 22;letter-spacing:-.01em;}
.mfs-plans .planPrice{display:flex;align-items:baseline;gap:7px;margin-top:15px;}
.mfs-plans .planPrice b{font-family:var(--display);font-weight:600;font-size:2.35rem;line-height:1;
  letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums;}
.mfs-plans .planPrice span{font-size:1.02rem;color:var(--ink-soft);}
.mfs-plans .planYear{margin:8px 0 0;font-size:1rem;font-weight:600;color:var(--brass-text);}
.mfs-plans .planFacts{list-style:none;margin:19px 0 0;padding:17px 0 0;border-top:1px solid var(--rule);}
.mfs-plans .planFacts li{font-size:1.04rem;line-height:1.4;color:var(--ink);}

.mfs-plans .planGets{margin:15px 0 0;margin-bottom:auto;padding-top:14px;border-top:1px solid var(--rule);
  font-size:1.02rem;line-height:1.45;color:var(--pine);font-weight:600;}

.mfs-plans .builder{background:var(--paper-2);border-block:1px solid var(--rule);}

.mfs-plans .bb{border:1px solid var(--rule);border-radius:4px;background:var(--card);}
.mfs-plans .bb summary{display:flex;align-items:center;justify-content:space-between;
  gap:22px;flex-wrap:wrap;cursor:pointer;list-style:none;
  padding:clamp(22px,3vw,28px);min-height:44px;}
.mfs-plans .bb summary::-webkit-details-marker{display:none;}
.mfs-plans .bb summary:focus-visible{outline:3px solid var(--pine);outline-offset:2px;}
.mfs-plans .bb summary:hover .bbBtn{background:var(--ink);}
.mfs-plans .bbText{flex:1 1 320px;}
.mfs-plans .bbText b{display:block;font-family:var(--display);font-weight:600;
  font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.12;color:var(--ink);
  letter-spacing:-.015em;font-variation-settings:"opsz" 30;}
.mfs-plans .bbText > span{display:block;margin-top:8px;font-size:1.06rem;line-height:1.5;
  color:var(--ink-soft);max-width:54ch;}
.mfs-plans .bbBtn{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;
  background:var(--pine);color:var(--on-pine);border-radius:999px;
  padding:.72rem 1.7rem;font-weight:600;font-size:1.06rem;
  transition:background var(--fast);}
.mfs-plans .bbBtn::after{content:"Open";}
.mfs-plans .bb[open] .bbBtn::after{content:"Close";}
.mfs-plans .bbBody{padding:clamp(24px,3vw,28px);border-top:1px solid var(--rule);}
.mfs-plans .bbBody > *:first-child{margin-top:0;}
.mfs-plans .builderHead{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:end;justify-content:space-between;}
.mfs-plans .planPick{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:12px;margin-top:28px;}
.mfs-plans .planPick button{font-family:var(--sans);cursor:pointer;text-align:left;
  background:var(--card);border:1px solid var(--rule);color:var(--ink);
  padding:18px 20px 20px;border-radius:4px;display:flex;flex-direction:column;gap:3px;
  transition:border-color var(--fast),background var(--fast),box-shadow var(--mid);}
.mfs-plans .planPick button:hover{border-color:var(--pine);}
.mfs-plans .planPick button b{font-family:var(--display);font-weight:600;font-size:1.22rem;
  font-variation-settings:"opsz" 22;letter-spacing:-.01em;line-height:1.15;color:var(--pine);}
.mfs-plans .planPick .cr{font-size:1.06rem;font-weight:600;margin-top:6px;color:var(--ink);
  font-variant-numeric:tabular-nums;}
.mfs-plans .planPick .who{font-size:1rem;color:var(--ink-soft);}
.mfs-plans .planPick .pr{font-size:1.06rem;font-weight:600;color:var(--brass-text);margin-top:8px;}
.mfs-plans .planPick button[aria-pressed="true"]{background:var(--pine);border-color:var(--pine);
  box-shadow:0 0 0 1px var(--pine), 0 18px 34px -26px rgba(var(--shadow),.6);}
.mfs-plans .planPick button[aria-pressed="true"] b,.mfs-plans .planPick button[aria-pressed="true"] .cr{color:var(--on-pine);}
.mfs-plans .planPick button[aria-pressed="true"] .who{color:color-mix(in srgb,var(--on-pine) 82%,var(--pine));}
.mfs-plans .planPick button[aria-pressed="true"] .pr{color:var(--brass);}

.mfs-plans .annual{margin:20px 0 0;background:var(--pine);color:var(--on-pine);border-radius:4px;
  padding:20px 24px;display:flex;flex-wrap:wrap;gap:8px 30px;align-items:center;
  max-width:760px;box-shadow:0 22px 44px -30px rgba(var(--shadow),.7);}
.mfs-plans .annual .big{font-family:var(--display);font-weight:600;
  font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.08;letter-spacing:-.02em;
  font-variation-settings:"opsz" 36;color:var(--on-pine);white-space:nowrap;
  font-variant-numeric:tabular-nums;}
.mfs-plans .annual .save{font-family:var(--sans);font-weight:700;font-size:1.06rem;color:#241B08;
  background:var(--brass);border-radius:999px;padding:7px 16px;white-space:nowrap;}
.mfs-plans .annual .why{font-size:1.06rem;line-height:1.45;
  color:color-mix(in srgb,var(--on-pine) 92%,#284F3E);flex:1 1 260px;min-width:240px;}

.mfs-plans .meter{margin-top:30px;background:var(--card);border:1px solid var(--rule);border-radius:4px;
  padding:26px 28px;position:sticky;top:var(--stick,130px);z-index:20;
  box-shadow:0 26px 54px -38px rgba(var(--shadow),.62);}
.mfs-plans .meterTop{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:baseline;justify-content:space-between;}
.mfs-plans .meterCount{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,3.2vw,2.1rem);
  color:var(--pine);font-variation-settings:"opsz" 40;line-height:1.1;letter-spacing:-.02em;}
.mfs-plans .meterCount small{font-family:var(--sans);font-size:1rem;font-weight:500;color:var(--ink-soft);
  letter-spacing:0;}
.mfs-plans .meterSay{font-size:1.06rem;color:var(--ink-soft);margin:8px 0 0;max-width:54ch;}
.mfs-plans .meterSay.over{color:var(--brass-text);font-weight:600;}
.mfs-plans .track{margin-top:18px;height:10px;border-radius:999px;background:var(--sunk);
  box-shadow:inset 0 1px 2px rgba(var(--shadow),.25);overflow:hidden;}
.mfs-plans .fill{height:100%;width:0;background:linear-gradient(90deg,var(--pine),var(--brass));
  transition:width .6s var(--appear);}
.mfs-plans .fill.over{background:linear-gradient(90deg,var(--brass),#B4553A);}

.mfs-plans .pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:16px;margin-top:30px;}
.mfs-plans .recArt{margin:-20px -21px 4px;aspect-ratio:3/2;overflow:hidden;background:var(--sunk);
  border-bottom:1px solid var(--rule);border-radius:3px 3px 0 0;}
.mfs-plans .recArt img{width:100%;height:100%;object-fit:cover;display:block;}
.mfs-plans .rec{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:20px 21px;
  display:flex;flex-direction:column;gap:8px;transition:border-color var(--fast),box-shadow var(--mid);}
.mfs-plans .rec[data-n]:not([data-n="0"]){border-color:var(--pine);
  box-shadow:0 0 0 1px var(--pine), 0 22px 40px -32px rgba(var(--shadow),.62);}
.mfs-plans .recTop{display:flex;gap:14px;align-items:baseline;justify-content:space-between;}
.mfs-plans .recName{font-family:var(--display);font-weight:600;font-size:1.16rem;color:var(--ink);
  line-height:1.2;font-variation-settings:"opsz" 22;}
.mfs-plans .priceBox{text-align:right;white-space:nowrap;}
.mfs-plans .price{font-family:var(--display);font-weight:600;font-size:1.16rem;color:var(--brass-text);
  font-variation-settings:"opsz" 22;font-variant-numeric:tabular-nums;}
.mfs-plans .was{display:block;font-size:.98rem;color:var(--ink-soft);text-decoration:line-through;
  font-variant-numeric:tabular-nums;}
.mfs-plans .recSay{font-size:1rem;color:var(--ink-soft);margin:0;line-height:1.45;}
.mfs-plans .stepper{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;flex-wrap:wrap;}
.mfs-plans .stepper button{width:46px;height:46px;border-radius:999px;border:1px solid var(--rule);
  background:var(--paper);color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:border-color var(--fast),background var(--fast);}
.mfs-plans .stepper button:hover{border-color:var(--pine);}
.mfs-plans .stepper button:disabled{opacity:.36;cursor:default;}
.mfs-plans .stepper .n{font-family:var(--display);font-weight:600;font-size:1.2rem;min-width:2.3rem;
  text-align:center;color:var(--ink);font-variation-settings:"opsz" 22;font-variant-numeric:tabular-nums;}
.mfs-plans .stepper .lbl{font-size:1rem;color:var(--ink-soft);}

.mfs-plans .asYouGo{margin-top:clamp(28px,4vw,44px);}
.mfs-plans .asYouGo h3{font-family:var(--display);font-weight:600;font-size:1.3rem;color:var(--ink);
  margin:0 0 16px;font-variation-settings:"opsz" 24;letter-spacing:-.01em;}
.mfs-plans .asYouGo ul{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:12px;}
.mfs-plans .asYouGo li{background:var(--card);border:1px solid var(--rule);border-radius:4px;
  padding:18px 20px;display:flex;
  justify-content:space-between;gap:16px;align-items:baseline;font-size:1.04rem;}
.mfs-plans .asYouGo li b{font-weight:600;color:var(--ink);}
.mfs-plans .asYouGo li span{color:var(--ink-soft);display:block;font-size:1rem;margin-top:3px;}
.mfs-plans .asYouGo li .rate{font-family:var(--display);font-weight:600;color:var(--brass-text);
  font-size:1.1rem;
  white-space:nowrap;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 20;}
.mfs-plans .asYouGo li em{font-style:normal;color:var(--brass-text);font-weight:600;font-size:1rem;}

.mfs-plans .months{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:20px;
  margin-top:clamp(36px,5vw,60px);}
.mfs-plans .month{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:26px 27px;
  display:flex;flex-direction:column;gap:8px;
  box-shadow:0 30px 52px -42px rgba(var(--shadow),.55);}
.mfs-plans .month h3{font-family:var(--display);font-weight:600;font-size:1.44rem;color:var(--ink);margin:0;
  font-variation-settings:"opsz" 28;letter-spacing:-.01em;}
.mfs-plans .month ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;}
.mfs-plans .month li{display:flex;gap:11px;align-items:baseline;font-size:1.02rem;color:var(--ink-soft);}
.mfs-plans .month li::before{content:"";width:16px;height:1px;background:var(--brass);flex:0 0 auto;
  transform:translateY(-.35em);}
.mfs-plans .monthFoot{margin-top:auto;padding-top:20px;font-size:1rem;color:var(--brass-text);font-weight:600;
  font-variant-numeric:tabular-nums;border-top:1px solid var(--rule);}

.mfs-plans .allowWrap{margin-top:clamp(30px,4vw,48px);overflow-x:auto;border:1px solid var(--rule);
  border-radius:4px;background:var(--card);box-shadow:0 28px 50px -42px rgba(var(--shadow),.5);}
.mfs-plans table.allow{border-collapse:collapse;width:100%;min-width:600px;}
.mfs-plans table.allow th,.mfs-plans table.allow td{text-align:left;padding:17px 22px;border-bottom:1px solid var(--rule);
  font-size:1.06rem;vertical-align:baseline;}
.mfs-plans table.allow thead th{font-size:1rem;font-weight:600;color:var(--brass-text);white-space:nowrap;}
.mfs-plans table.allow tbody tr:last-child td{border-bottom:0;}
.mfs-plans table.allow tbody tr:hover{background:var(--mat);}
.mfs-plans table.allow .plan{font-family:var(--display);font-weight:600;font-size:1.14rem;color:var(--pine);
  font-variation-settings:"opsz" 22;white-space:nowrap;}
.mfs-plans table.allow .plan small{display:block;font-family:var(--sans);font-weight:500;font-size:1rem;
  color:var(--ink-soft);margin-top:2px;font-variant-numeric:tabular-nums;}
.mfs-plans table.allow .n{font-family:var(--display);font-weight:600;color:var(--ink);font-size:1.3rem;
  font-variation-settings:"opsz" 24;font-variant-numeric:tabular-nums;}
.mfs-plans table.allow .n small{display:block;font-family:var(--sans);font-weight:500;font-size:1rem;
  color:var(--ink-soft);margin-top:1px;
  white-space:normal;} /* Brian 2026-09-30's longer "who comes alive and speaks" wraps instead of pushing the last column off */

.mfs-plans .tableWrap{margin-top:clamp(36px,5vw,58px);overflow-x:auto;border:1px solid var(--rule);
  border-radius:4px;background:var(--card);
  box-shadow:0 30px 52px -42px rgba(var(--shadow),.55);}
.mfs-plans table{border-collapse:collapse;width:100%;min-width:680px;}
.mfs-plans caption{text-align:left;padding:22px 26px 0;font-size:1.02rem;color:var(--ink-soft);}
.mfs-plans th,.mfs-plans td{text-align:left;padding:17px 26px;border-bottom:1px solid var(--rule);font-size:1.04rem;
  vertical-align:top;}
.mfs-plans thead th{font-size:1rem;font-weight:600;color:var(--brass-text);white-space:nowrap;
  letter-spacing:.02em;}
.mfs-plans tbody tr:last-child td{border-bottom:0;}
.mfs-plans td.n{font-family:var(--display);font-weight:600;color:var(--pine);white-space:nowrap;
  font-variation-settings:"opsz" 20;font-variant-numeric:tabular-nums;font-size:1.12rem;}
.mfs-plans td.n small{display:block;font-family:var(--sans);font-weight:500;font-size:.98rem;color:var(--ink-soft);}
.mfs-plans td .what{display:block;color:var(--ink-soft);font-size:.99rem;margin-top:3px;}
.mfs-plans tbody tr:hover{background:var(--mat);}

.mfs-plans .rules{background:var(--paper-2);border-block:1px solid var(--rule);}
.mfs-plans .ruleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
  gap:32px 48px;margin-top:clamp(36px,5vw,58px);}
.mfs-plans .rule{border-top:2px solid var(--brass);padding-top:18px;}
.mfs-plans .rule h3{font-family:var(--display);font-weight:600;color:var(--ink);font-size:1.3rem;margin:0;
  font-variation-settings:"opsz" 24;letter-spacing:-.01em;}
.mfs-plans .rule p{margin:9px 0 0;font-size:1.04rem;color:var(--ink-soft);line-height:1.55;}

.mfs-plans .honest{background:#284F3E;color:var(--on-pine);border-radius:4px;
  padding:clamp(30px,4vw,52px);margin-top:clamp(40px,6vw,70px);
  box-shadow:0 40px 70px -44px rgba(var(--shadow),.8);}
.mfs-plans .honest h3{font-family:var(--display);font-weight:600;color:var(--on-pine);
  font-size:clamp(1.5rem,3vw,2.1rem);margin:0;font-variation-settings:"opsz" 34;
  letter-spacing:-.02em;text-wrap:balance;}
.mfs-plans .honest p{font-size:1.06rem;line-height:1.55;max-width:62ch;
  color:color-mix(in srgb,var(--on-pine) 92%,#284F3E);}
.mfs-plans .honest ul{list-style:none;margin:20px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(276px,1fr));gap:14px 34px;}
.mfs-plans .honest li{display:flex;gap:11px;align-items:baseline;font-size:1.06rem;line-height:1.5;
  color:color-mix(in srgb,var(--on-pine) 94%,#284F3E);}
.mfs-plans .honest li::before{content:"✓";font-weight:700;color:var(--brass);flex:0 0 auto;}
.mfs-plans .honest .no li::before{content:"✕";color:color-mix(in srgb,var(--on-pine) 78%,#284F3E);}
.mfs-plans .honest h4{font-family:var(--sans);font-size:1.04rem;font-weight:600;margin:30px 0 0;
  color:color-mix(in srgb,var(--on-pine) 84%,#284F3E);}

.mfs-plans .packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;
  margin-top:clamp(36px,5vw,58px);}
.mfs-plans .pack{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:26px 22px;
  text-align:center;box-shadow:0 30px 52px -42px rgba(var(--shadow),.55);}
.mfs-plans .pack b{display:block;font-family:var(--display);font-weight:600;font-size:2.2rem;color:var(--pine);
  font-variation-settings:"opsz" 40;line-height:1.05;font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;}
.mfs-plans .pack span{display:block;font-size:1.02rem;color:var(--ink-soft);margin-top:7px;}
.mfs-plans .pack em{display:block;font-style:normal;font-weight:600;color:var(--ink);margin-top:14px;font-size:1.06rem;}
.mfs-plans .pack .bonus{display:block;font-size:1rem;color:var(--brass-text);margin-top:5px;font-weight:600;}

.mfs-plans .begin{position:relative;overflow:hidden;background:var(--night);text-align:center;}
.mfs-plans .beginGround{position:absolute;inset:-14% 0;background-image:var(--ground);
  background-size:cover;background-position:center 60%;opacity:.13;
  filter:sepia(.55) saturate(.4);}
.mfs-plans .begin::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(110% 90% at 50% 46%,rgba(10,20,26,.26),rgba(10,20,26,.95) 76%);}
.mfs-plans .begin .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;}
.mfs-plans .begin h2{color:var(--night-ink);}
.mfs-plans .begin h2 em{color:var(--night-brass);}
.mfs-plans .begin .say{color:var(--night-soft);text-align:center;}
.mfs-plans .begin a.inline{color:var(--night-brass);}

.mfs-plans .foot{background:var(--night);border-top:1px solid rgba(231,199,126,.16);padding-block:36px;}
.mfs-plans .foot .wrap{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center;justify-content:space-between;}
.mfs-plans .lockLine{margin-top:24px;font-size:1.06rem;}
.mfs-plans .foot a{color:var(--night-soft);font-size:1rem;min-height:44px;display:inline-flex;align-items:center;}
.mfs-plans .foot a:hover{color:var(--night-ink);}
.mfs-plans .foot p{margin:0;font-size:1rem;color:var(--night-soft);}

.mfs-plans .draft{position:fixed;top:0;left:0;right:0;z-index:50;
  background:color-mix(in srgb,var(--brass) 22%,var(--paper));
  border-bottom:1px solid var(--brass);padding:11px 16px;text-align:center;
  font-size:1rem;color:var(--brass-text);}
.mfs-plans .draft b{color:var(--ink);}

.mfs-plans .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;
  width:min(30rem,100%);}
.mfs-plans .steps li{margin:0;}
.mfs-plans .steps a{display:flex;gap:16px;align-items:flex-start;padding:20px 20px;border-radius:4px;
  text-decoration:none;color:inherit;
  border:1px solid rgba(231,199,126,.32);
  background:linear-gradient(176deg,rgba(231,199,126,.13),rgba(231,199,126,.04));
  transition:border-color var(--fast),background var(--fast),transform var(--fast);}
.mfs-plans .steps a:hover{border-color:var(--night-brass);transform:translateX(4px);
  background:linear-gradient(176deg,rgba(231,199,126,.2),rgba(231,199,126,.07));}
.mfs-plans .steps a:focus-visible{outline:3px solid var(--night-brass);outline-offset:2px;}
.mfs-plans .stepNo{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--display);font-weight:600;font-size:1.5rem;color:#241B08;
  background:var(--night-brass);font-variation-settings:"opsz" 24;}
.mfs-plans .steps b{display:block;font-family:var(--display);font-weight:600;font-size:1.2rem;line-height:1.15;
  color:var(--night-ink);letter-spacing:-.01em;font-variation-settings:"opsz" 24;}
.mfs-plans .steps p{margin:6px 0 0;font-size:1.02rem;line-height:1.45;color:var(--night-soft);}
.mfs-plans .freeList li b{display:block;font-family:var(--display);font-weight:600;font-size:1.22rem;
  line-height:1.15;color:var(--ink);font-variation-settings:"opsz" 22;letter-spacing:-.01em;}
.mfs-plans .freeList li div span{display:block;margin-top:6px;font-size:1rem;line-height:1.45;color:var(--ink-soft);}
.mfs-plans .freeList li{align-items:flex-start;}
.mfs-plans .freeList li::before{transform:translateY(.15em);}
.mfs-plans .monthPoints{margin-top:clamp(26px,4vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));}
.mfs-plans .monthPoints .monthFoot a{color:var(--pine);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;}
.mfs-plans .freeGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);
  align-items:stretch;margin-top:clamp(30px,4vw,48px);}
@media (max-width:920px){.mfs-plans .freeGrid{grid-template-columns:1fr;}}
.mfs-plans .freeArt{position:relative;margin:0;min-height:520px;border-radius:4px;overflow:hidden;background:var(--sunk);
  box-shadow:0 0 0 1px rgba(var(--shadow),.12),0 40px 60px -34px rgba(var(--shadow),.6);}
@media (max-width:920px){.mfs-plans .freeArt{min-height:0;aspect-ratio:4/5;}}
.mfs-plans .freeArt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.mfs-plans .freeArt figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 24px;
  background:linear-gradient(transparent,rgba(24,30,24,.86));color:var(--night-soft);
  font-size:1.02rem;line-height:1.45;}
.mfs-plans .freeArt figcaption b{display:block;font-family:var(--display);font-weight:600;font-size:1.35rem;
  color:var(--night-ink);margin-bottom:4px;letter-spacing:-.01em;font-variation-settings:"opsz" 24;}
.mfs-plans .freeSide{display:flex;flex-direction:column;}
.mfs-plans .freeGrid .freeList{margin:0;display:flex;flex-direction:column;gap:0;}
.mfs-plans .freeGrid .freeList li{background:none;border:0;border-top:1px solid var(--rule);border-radius:0;
  padding:20px 0;gap:18px;align-items:flex-start;}
.mfs-plans .freeGrid .freeList li:last-child{border-bottom:1px solid var(--rule);}
.mfs-plans .freeGrid .freeList li::before{content:none;}
.mfs-plans .freeNo{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--display);font-weight:600;font-size:1.3rem;color:var(--on-pine);background:var(--pine);
  font-variation-settings:"opsz" 22;}
.mfs-plans .freeGrid .freeList li b{font-size:1.3rem;}
.mfs-plans .freeGrid .actions{margin-top:auto;padding-top:26px;}
.mfs-plans .go.ghostPaper{background:transparent;color:var(--pine);border:1.5px solid var(--pine);box-shadow:none;}
.mfs-plans .go.ghostPaper:hover{background:rgba(47,93,72,.08);}
.mfs-plans .subHead{margin:clamp(56px,8vw,96px) 0 0;font-family:var(--display);font-weight:600;
  font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.08;color:var(--ink);letter-spacing:-.015em;
  font-variation-settings:"opsz" 36;text-wrap:balance;}
.mfs-plans .subHead em{font-style:italic;font-weight:400;}
.mfs-plans .plans .stand{margin-top:14px;}
.mfs-plans .plans .rate{margin-top:22px;}
.mfs-plans .lockFact{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:1.06rem;color:var(--ink);}
.mfs-plans .lockFact svg{flex:0 0 auto;color:var(--brass-text);}
/* Brian 2026-09-30: "100 credits = $1" under the plan boxes, above "Not ready to choose". */
.mfs-plans .creditRate{margin:16px 0 0;text-align:center;color:var(--ink);font-size:1.06rem;font-weight:600;}
.mfs-plans .trialStrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;
  margin-top:18px;padding:18px 22px;border:1px solid var(--rule);border-radius:4px;background:var(--card);
  font-size:1.04rem;color:var(--ink-soft);}
.mfs-plans .trialStrip > div{flex:1 1 320px;}
.mfs-plans .trialStrip .tsGo{width:auto;margin-top:0;flex:0 0 auto;}
.mfs-plans .trialStrip .tsAsk{color:var(--ink);}
.mfs-plans .trialStrip b{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--ink);
  font-variation-settings:"opsz" 22;}
.mfs-plans .plans .bb{margin-top:18px;}
.mfs-plans .plans .bb:first-of-type{margin-top:clamp(36px,5vw,58px);}
.mfs-plans .pathFor{margin:0 0 12px;font-size:1rem;line-height:1.4;color:var(--night-soft);font-style:italic;
  font-family:var(--display);font-size:1.15rem;}
.mfs-plans .path{border-color:rgba(231,199,126,.45);background:linear-gradient(176deg,rgba(231,199,126,.12),rgba(231,199,126,.04));}
.mfs-plans .path.lead::after{content:"";position:absolute;inset:9px;border-radius:2px;pointer-events:none;
  border:1px dashed rgba(231,199,126,.34);}
.mfs-plans .path.lead{padding:34px 32px 32px;}
.mfs-plans .path .pathSay{color:var(--night-ink);opacity:.86;}
.mfs-plans .planGo{margin-top:18px;min-height:50px;font-size:1.04rem;padding:.8rem 1.4rem;width:100%;
  background:transparent;color:var(--pine);border:1.5px solid var(--pine);box-shadow:none;}
.mfs-plans .planGo:hover{filter:none;background:rgba(47,93,72,.08);}
/* Gold on every plan button, as on the story's plans sheet (plansSheet.css) - Mark: they should be
   gold anyway. The border goes gold too so filled and outlined buttons keep the same height. */
.mfs-plans .planGo.lit{background:var(--night-brass);color:#241B08;border-color:var(--night-brass);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.9);}
.mfs-plans .planGo.lit:hover{background:var(--night-brass);filter:brightness(1.03);
  box-shadow:0 22px 44px -18px rgba(0,0,0,.95);}
/* The billing switch, the same pill as the sheet's. */
.mfs-plans .billSwitch{display:flex;justify-content:center;gap:0;margin:clamp(30px,4vw,44px) 0 0;}
.mfs-plans .billSeg{min-height:44px;padding:0 20px;border:1.5px solid var(--pine);
  background:var(--card);color:var(--pine);font-family:var(--sans);font-weight:600;
  font-size:1rem;cursor:pointer;transition:background var(--mid),color var(--mid);}
.mfs-plans .billSeg:first-child{border-radius:999px 0 0 999px;border-right-width:0;}
.mfs-plans .billSeg:last-child{border-radius:0 999px 999px 0;}
.mfs-plans .billSeg.on{background:var(--pine);color:var(--on-pine);}
.mfs-plans .billSeg:focus-visible{outline:2px solid var(--brass-text);outline-offset:2px;}
@media (max-width:420px){
  .mfs-plans .billSwitch{flex-direction:column;align-items:stretch;}
  .mfs-plans .billSeg:first-child{border-radius:999px 999px 0 0;border-right-width:1.5px;border-bottom-width:0;}
  .mfs-plans .billSeg:last-child{border-radius:0 0 999px 999px;}
}
.mfs-plans .billSwitch + .planChart{margin-top:26px;}

.mfs-plans .hero{background:var(--night);}
.mfs-plans .hero .heroGround{inset:-60% 0 -30%;background-image:url("/plans/img/wall.jpg");opacity:.38;
  filter:saturate(.8) brightness(.88);background-position:center center;}
.mfs-plans .hero::after{background:radial-gradient(120% 95% at 40% 40%,rgba(10,20,26,.18),rgba(10,20,26,.86) 85%);}
.mfs-plans .hero h1{color:#F6EFE0;}
.mfs-plans .hero .stand{color:#D9CDB6;}
.mfs-plans .steps a{background:linear-gradient(176deg,rgba(231,199,126,.16),rgba(231,199,126,.06));border-color:rgba(231,199,126,.4);}
.mfs-plans .pathLead{color:var(--night-ink);font-weight:600;}

.mfs-plans .path b{font-size:clamp(1.4rem,2.3vw,1.62rem);}

@media (max-width:640px){
  .mfs-plans table.allow{min-width:0;}
  .mfs-plans table.allow thead{display:none;}
  .mfs-plans table.allow tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:16px 18px;
    border-bottom:1px solid var(--rule);}
  .mfs-plans table.allow tbody tr:last-child{border-bottom:0;}
  .mfs-plans table.allow td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere;white-space:normal;}
  .mfs-plans table.allow td.plan{grid-column:1 / -1;}
  .mfs-plans table.allow td.n::before{content:attr(data-h);display:block;font-family:var(--sans);font-weight:600;
    font-size:.98rem;color:var(--brass-text);margin-bottom:2px;}
}

.mfs-plans .foot a{padding-inline:6px;margin-inline:-6px;}
.mfs-plans .freeLabel{margin:0 0 6px;font-size:1.06rem;font-weight:600;color:var(--brass-text);}
.mfs-plans .steps a{align-items:center;}
.mfs-plans .steps a > div{flex:1 1 auto;}
.mfs-plans .stepGo{flex:0 0 auto;width:22px;height:22px;color:var(--night-brass);opacity:.8;transition:transform var(--fast),opacity var(--fast);}
.mfs-plans .steps a:hover .stepGo{transform:translateX(4px);opacity:1;}
.mfs-plans .stepNo{align-self:flex-start;}
.mfs-plans .path{border-color:rgba(231,199,126,.28);background:linear-gradient(176deg,rgba(231,199,126,.07),rgba(231,199,126,.02));box-shadow:none;}
.mfs-plans .path.lead{border-color:rgba(231,199,126,.7);background:linear-gradient(176deg,rgba(231,199,126,.22),rgba(231,199,126,.08));
  box-shadow:0 0 0 7px rgba(231,199,126,.09),0 34px 60px -30px rgba(0,0,0,.9);}
.mfs-plans .path .pathKicker{color:var(--night-soft);}
.mfs-plans .path.lead .pathKicker{color:var(--night-brass);}
.mfs-plans .pathFlag{position:absolute;top:-13px;left:22px;background:var(--night-brass);color:#241B08;font-weight:700;
  font-size:.98rem;padding:4px 14px;border-radius:999px;letter-spacing:.01em;}
.mfs-plans .tuckHead{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,2.4vw,1.6rem);
  color:var(--ink);margin:0;font-variation-settings:"opsz" 28;letter-spacing:-.015em;}
.mfs-plans .bbBody .say{margin-top:10px;}
.mfs-plans .bbBody .allowWrap{margin-top:22px;}
.mfs-plans .bbBody .ruleGrid{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));}
.mfs-plans .paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;
  width:100%;max-width:62rem;margin-top:clamp(26px,4vw,40px);text-align:left;}
.mfs-plans .path{position:relative;display:flex;flex-direction:column;gap:0;padding:28px 26px 26px;border-radius:4px;
  border:1px solid rgba(231,199,126,.32);
  background:linear-gradient(176deg,rgba(231,199,126,.10),rgba(231,199,126,.03));}
.mfs-plans .path.lead{border-color:rgba(231,199,126,.55);
  background:linear-gradient(176deg,rgba(231,199,126,.18),rgba(231,199,126,.06));
  box-shadow:0 0 0 7px rgba(231,199,126,.07),0 34px 60px -30px rgba(0,0,0,.9);}
.mfs-plans .pathKicker{margin:0;font-weight:600;font-size:1rem;color:var(--night-brass);}
.mfs-plans .path b{display:block;margin-top:8px;font-family:var(--display);font-weight:600;
  font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.08;letter-spacing:-.02em;
  font-variation-settings:"opsz" 34;color:var(--night-ink);}
.mfs-plans .pathSay{margin:12px 0 0;font-size:1.04rem;line-height:1.5;color:var(--night-soft);flex:1 1 auto;}
.mfs-plans .path .go{margin-top:22px;align-self:flex-start;}
.mfs-plans .go.ghost{background:transparent;color:var(--night-brass);border:1.5px solid var(--night-brass);
  box-shadow:none;}
.mfs-plans .go.ghost:hover{background:rgba(231,199,126,.12);}



.mfs-plans /* ⚠️ SELF-HOSTED, NOT GOOGLE, AND THAT IS DELIBERATE. Seth built this page standalone so it
   pulled Fraunces and Figtree from fonts.googleapis.com. This repo does not do that anywhere:
   a Vercel build once failed because a restored cache kept asking for font URLs Google had
   rotated away, while local builds stayed green - and "promoted" stopped meaning "live".
   app/next/layout.tsx says the same thing in its own comment. A font in the repo cannot 404
   mid-deploy.

   These are the exact files next/font/local already serves to the rest of the site, so the page
   now shares the cache with every other surface instead of fetching its own copies. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/Fraunces-variable.woff2") format("woff2");}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;
  src:url("/fonts/Fraunces-italic.woff2") format("woff2");}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;
  src:url("/fonts/Figtree-variable.woff2") format("woff2");}

/* Keven 2026-10-01: the Founding Member promotion at the top of the page. */
/* The one line for an old early-access invitation (hidden unless /js/plans.js shows it). */
.mfs-plans .eaNote{position:relative;z-index:1;width:100%;max-width:var(--wrap);margin:0 auto 18px;padding:12px clamp(20px,4vw,44px);color:var(--night-ink);font-size:1.02rem;line-height:1.45;text-align:center;}
.mfs-plans .eaNote[hidden]{display:none;}
.mfs-plans .promoWrap{position:relative;z-index:1;width:100%;max-width:var(--wrap);margin:0 auto clamp(40px,7vh,72px);padding-inline:clamp(20px,4vw,44px);}
.mfs-plans .promo{position:relative;display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;padding:26px 28px 24px;border:1px solid rgba(231,199,126,.45);border-radius:10px;background:linear-gradient(176deg,rgba(231,199,126,.12),rgba(231,199,126,.04));}
.mfs-plans .promo .pathFlag{top:-13px;left:22px;}
.mfs-plans .promoSay{flex:1 1 320px;min-width:0;}
.mfs-plans .promoSay b{display:block;font-family:var(--serif,'Fraunces',Georgia,serif);font-weight:600;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2;color:var(--night-ink);}
.mfs-plans .promoSay p{margin:6px 0 0;color:var(--night-soft);}
.mfs-plans .promo .go{flex:0 0 auto;}