/* m99original.com - the long-scroll reading landing. Hand-written, never regenerated.
   Deep forest green page, mint as the lead accent, gold only on money. Serif headings over a
   sans body, generous measure, and a numbered index that stays with the reader. */

:root{
  --bg:#0c1f16; --bg2:#102a1e; --card:#143626; --card2:#1a4230; --sink:#0a1a12;
  --line:#1f4a36; --line2:#2d6349;
  --mint:#4ef0a8; --mint2:#22c884; --mint3:#0d4a32;
  --gold:#e8c56a; --gold2:#bb9634;
  --ink:#eaf5ee; --mid:#b9d2c5; --mute:#89a899; --dim:#6b8a7b;
  --rad:16px; --bar:60px; --wrap:1180px; --measure:720px;
  --sans:"Inter",-apple-system,"Segoe UI",Arial,"Noto Sans SC",sans-serif;
  --serif:"Georgia","Songti SC","Times New Roman",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/1.72 var(--sans);padding-bottom:12px}
a{color:var(--mint);text-decoration:none}
img{display:block;max-width:100%;height:auto;min-width:0}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.24;letter-spacing:-.005em}
table{border-collapse:collapse;width:100%}
.w{max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* ---------------------------------------------------------------- buttons */
.fg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:1.5px solid var(--line2);border-radius:999px;background:transparent;color:var(--ink);font-family:var(--sans);font-weight:700;font-size:14.5px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.fg-btn.a{background:var(--mint);border-color:var(--mint);color:#06281a}
.fg-btn.a:hover{background:var(--mint2);border-color:var(--mint2)}
.fg-btn.o:hover{border-color:var(--mint);color:var(--mint)}
.fg-btn.r{background:var(--gold);border-color:var(--gold);color:#2b2105}
.fg-btn.lg{min-height:54px;font-size:16px;padding:0 30px}

/* ---------------------------------------------------------------- header */
.fg-head{position:sticky;top:0;z-index:40;background:rgba(10,26,18,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.fg-head .w{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}
.fg-logo{display:flex;align-items:center;gap:10px;min-width:0}
.fg-logo svg{width:32px;height:32px;flex:0 0 auto}
.fg-logo .wm{display:flex;flex-direction:column;line-height:1.08;min-width:0}
.fg-logo .wm b{font-family:var(--serif);font-size:23px;color:var(--gold);white-space:nowrap}
.fg-logo .wm small{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);white-space:nowrap}
.fg-pills{display:flex;gap:4px;margin-left:auto;min-width:0;overflow-x:auto}
.fg-pills a{flex:0 0 auto;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--mid)}
.fg-pills a:hover{background:var(--card);color:var(--mint)}
.fg-lang{display:flex;gap:2px;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:3px}
.fg-lang a{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--mute)}
.fg-lang a.on{background:var(--mint3);color:var(--mint)}
.fg-burger{display:none;width:40px;height:40px;border:1px solid var(--line2);border-radius:12px;background:transparent;color:var(--ink);font-size:17px;cursor:pointer;flex:0 0 auto}
.fg-drawer{display:none;border-top:1px solid var(--line);padding:10px 20px 14px}
.fg-open .fg-drawer{display:flex;flex-wrap:wrap;gap:7px}
.fg-drawer a{padding:8px 14px;border:1px solid var(--line2);border-radius:999px;font-size:13px;font-weight:600;color:var(--mid)}

/* ---------------------------------------------------------------- hero */
.fg-hero{background:radial-gradient(120% 90% at 78% 0%,#16402d 0%,var(--bg) 62%);border-bottom:1px solid var(--line)}
.fg-hero .w{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center;padding-top:46px;padding-bottom:46px}
.fg-hero.big .w{padding-top:62px;padding-bottom:62px}
.fg-hero .bd{min-width:0}
.fg-hero .eb{display:inline-block;padding:5px 14px;border:1px solid var(--line2);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);margin-bottom:16px}
.fg-hero h1{font-size:40px;margin-bottom:16px}
.fg-hero.big h1{font-size:47px}
.fg-hero .lead{font-size:17px;color:var(--mid);margin-bottom:24px;max-width:var(--measure)}
.fg-hero .act{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:20px}
.fg-hero .chips{display:flex;flex-wrap:wrap;gap:9px}
.fg-hero .chips span{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:7px 14px;background:var(--card);border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--mid)}
.fg-hero .chips i{font-style:normal;color:var(--mint)}
.fg-hero>.w>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--rad);border:1px solid var(--line2)}

/* ---------------------------------------------------------------- sections */
.fg-sec{padding:40px 0}
.fg-sec.pad{padding:52px 0}
.fg-sec .sh{max-width:var(--measure);margin-bottom:26px}
.fg-sec .sh h2{font-size:28px;margin-bottom:9px}
.fg-sec .sh p{color:var(--mute);font-size:15.5px}
.note{font-size:13px;color:var(--dim);margin-top:12px}

/* offer strip */
.fg-offers{background:var(--sink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}
.fg-offers .hd{max-width:var(--measure);margin-bottom:22px}
.fg-offers .hd h2{font-size:25px}
.fg-offers .gr{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fg-offers .of{padding:18px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--rad);min-width:0}
.fg-offers .of b{display:block;font-family:var(--serif);font-size:30px;color:var(--gold);line-height:1.1}
.fg-offers .of em{display:block;font-style:normal;font-size:14px;color:var(--ink);margin:6px 0 5px}
.fg-offers .of small{display:block;font-size:12.5px;color:var(--mute)}

/* entry modal */
.fg-pop[hidden]{display:none}
.fg-pop{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,16,11,.84)}
.fg-pop .bx{position:relative;width:min(430px,100%);max-height:92vh;overflow-y:auto;background:var(--card);border:1px solid var(--line2);border-radius:20px}
.fg-pop .bx>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px 20px 0 0}
.fg-pop .x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:1px solid var(--line2);border-radius:50%;background:rgba(5,16,11,.8);color:var(--ink);font-size:17px;cursor:pointer}
.fg-pop .bd{padding:20px}
.fg-pop .bd b{display:block;font-family:var(--serif);font-size:23px;color:var(--gold);margin-bottom:9px}
.fg-pop .bd p{font-size:14.5px;color:var(--mid);margin-bottom:14px}
.fg-pop ul{list-style:none;margin-bottom:16px}
.fg-pop li{position:relative;padding-left:20px;font-size:13.5px;color:var(--mid);margin-bottom:7px}
.fg-pop li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--mint)}
/* `.fg-pop .bd b` is (0,2,1) and this was (0,1,2), so the headline rule won and every
   list number rendered as a 23px gold serif BLOCK, about 70px per row. A rule that has to
   switch another one off must out-specify it. */
.fg-pop .bd ul li b{display:inline;font-family:var(--sans);font-size:14px;font-weight:700;color:var(--gold);margin-right:6px}
.fg-pop .later{display:block;width:100%;margin-top:10px;padding:9px;border:0;background:transparent;color:var(--mute);font-size:13px;cursor:pointer}

/* A modal whose CTA is below the fold converts nothing. At 375x667 the 4:3 picture alone ate
   257px, so the button sat 137px past the bottom edge and was reachable only by scrolling
   INSIDE the card. Budget the phone layout so the button is on screen. */
@media(max-width:760px){
  .fg-pop{padding:12px;align-items:flex-start}
  .fg-pop .bx{max-height:none;margin-top:10px}
  .fg-pop .bx>img{aspect-ratio:16/9}
  .fg-pop .bd{padding:14px 16px 16px}
  .fg-pop .bd b{font-size:19px;line-height:1.2;margin-bottom:7px}
  .fg-pop .bd p{font-size:13.5px;line-height:1.5;margin-bottom:10px}
  .fg-pop ul{margin-bottom:12px}
  .fg-pop li{margin-bottom:5px;font-size:13px}
  .fg-pop .fg-btn.lg{min-height:48px;font-size:15px}
  .fg-pop .later{margin-top:4px;padding:7px}
}
@media(max-width:400px){
  /* the two strongest offers stay; the other two are on the promotions page anyway */
  .fg-pop .bd ul li:nth-child(n+3){display:none}
}

/* stat strip */
.fg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}
.fg-stats>div{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);text-align:center;min-width:0}
.fg-stats b{display:block;font-family:var(--serif);font-size:30px;color:var(--mint)}
.fg-stats span{display:block;font-size:12.5px;color:var(--mute);margin-top:5px}

/* the numbered index - the signature of this shell */
.fg-index{margin:30px 0;padding:20px;background:var(--sink);border:1px solid var(--line);border-radius:var(--rad)}
.fg-index>b{display:block;font-family:var(--sans);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mint);margin-bottom:14px}
.fg-index>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 20px}
.fg-index a{display:flex;align-items:baseline;gap:10px;font-size:14px;color:var(--mid);min-width:0}
.fg-index a:hover{color:var(--mint)}
.fg-index a.on{color:var(--mint)}
.fg-index em{flex:0 0 auto;font-style:normal;font-family:var(--serif);font-size:13px;color:var(--gold2);width:20px}

/* category cards */
.fg-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fg-cats .cc{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;min-width:0}
.fg-cats .cc:hover{border-color:var(--mint2)}
.fg-cats .cc img{width:100%;aspect-ratio:16/9;object-fit:cover}
.fg-cats .bd{padding:17px}
.fg-cats .bd b{display:block;font-family:var(--serif);font-size:19px;margin-bottom:7px}
.fg-cats .bd p{font-size:14px;color:var(--mute);line-height:1.6}

/* studio chips */
.fg-studios{display:flex;flex-wrap:wrap;gap:11px}
.fg-studios .st{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 16px;background:var(--card);border:1px solid var(--line);border-radius:999px}
.fg-studios .st img{max-height:22px;width:auto;min-width:0;flex:0 1 auto}
.fg-studios .st em{font-style:normal;font-size:13px;color:var(--mid);white-space:nowrap}

/* alternating splits */
.sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}
.sp:last-child{border-bottom:0}
.sp img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--rad);border:1px solid var(--line)}
.sp.alt img{order:2}
.sp .bd h3{font-size:24px;margin-bottom:12px}
.sp .bd p{color:var(--mid);font-size:15.5px}

/* timing rail */
.fg-rail{max-width:var(--measure)}
.fg-rail .rw{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:18px;padding:0 0 26px}
.fg-rail .rw:last-child{padding-bottom:0}
.fg-rail .rw::before{content:"";position:absolute;left:10px;top:20px;bottom:0;width:1px;background:var(--line2)}
.fg-rail .rw:last-child::before{display:none}
.fg-rail .dot{position:relative;width:22px;height:22px;border:2px solid var(--mint);border-radius:50%}
.fg-rail .dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--mint)}
.fg-rail .bd{min-width:0}
.fg-rail .bd b{font-size:15.5px}
.fg-rail .bd em{display:inline-block;margin-left:9px;padding:2px 10px;border-radius:999px;background:var(--mint3);color:var(--mint);font-style:normal;font-size:11.5px;font-weight:700}
.fg-rail .bd p{font-size:14px;color:var(--mute);margin-top:5px}

/* member cards */
.fg-members{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fg-members .mb{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);min-width:0}
.fg-members .hd{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:11px}
.fg-members .av{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--mint3);font-size:20px}
.fg-members .hd b{display:block;font-family:var(--sans);font-size:14.5px}
.fg-members .hd small{display:block;font-size:12px;color:var(--dim)}
.fg-members .rt{color:var(--gold);font-size:12.5px;letter-spacing:.14em;margin-bottom:9px}
.fg-members .mb p{font-size:14px;color:var(--mute);line-height:1.65}

/* ---------------------------------------------------------------- prose pages */
.fg-prose{max-width:var(--measure);margin:0 auto;padding:30px 20px 40px}
.fg-prose h1{font-size:36px;margin-bottom:14px}
.fg-prose h2{font-size:24px;margin:34px 0 11px;color:var(--gold)}
.fg-prose p{margin:0 0 15px;color:var(--mid)}
.fg-prose .lead{font-size:17.5px;color:var(--ink)}
.fg-prose a{border-bottom:1px solid rgba(78,240,168,.32)}
.fg-prose ul{margin:0 0 15px 20px;color:var(--mid)}
.fg-prose .act{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0}
.fg-prose .fg-index{margin:26px 0}

.fg-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.fg-kpis>div{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);min-width:0}
.fg-kpis b{display:block;font-family:var(--serif);font-size:24px;color:var(--mint)}
.fg-kpis span{display:block;font-size:12px;color:var(--mute);margin-top:4px}

.fg-steps{list-style:none;counter-reset:fgs;margin:20px 0 24px}
.fg-steps li{position:relative;counter-increment:fgs;padding:0 0 16px 48px;font-size:15px;color:var(--mid)}
.fg-steps li::before{content:counter(fgs);position:absolute;left:0;top:-2px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--mint);border-radius:50%;color:var(--mint);font-family:var(--serif);font-size:15px}

.fg-tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rad);margin:20px 0}
.fg-tbl{font-size:14px;min-width:460px}
.fg-tbl th{padding:12px 15px;text-align:left;background:var(--sink);color:var(--mint);font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.fg-tbl td{padding:12px 15px;border-top:1px solid var(--line);color:var(--mid)}

.fg-faq{margin:26px 0}
.fg-faq details{border-bottom:1px solid var(--line)}
.fg-faq summary{padding:16px 30px 16px 0;cursor:pointer;font-family:var(--serif);font-weight:700;font-size:17px;list-style:none;position:relative}
.fg-faq summary::-webkit-details-marker{display:none}
.fg-faq summary::after{content:"+";position:absolute;right:0;top:15px;color:var(--mint);font-family:var(--sans);font-size:19px}
.fg-faq details[open] summary::after{content:"\2212"}
.fg-faq p{padding:0 0 16px;margin:0;font-size:14.5px;color:var(--mute)}

.fg-band{margin:30px 0 10px;padding:28px;text-align:center;background:linear-gradient(140deg,var(--card2),var(--card));border:1px solid var(--line2);border-radius:var(--rad)}
.fg-band b{display:block;font-family:var(--serif);font-size:23px;color:var(--gold);margin-bottom:15px}

/* ---------------------------------------------------------------- footer */
.fg-foot{background:var(--sink);border-top:1px solid var(--line);margin-top:30px}
.fg-foot .w{padding-top:34px;padding-bottom:22px}
.fg-foot .top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.fg-foot .ab{min-width:0}
.fg-foot .ab p{font-size:13.5px;color:var(--mute);line-height:1.7}
.fg-foot .top>div{min-width:0}
.fg-foot h4{font-family:var(--sans);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:11px}
.fg-foot a{display:block;font-size:13.5px;color:var(--mute);padding:3px 0}
.fg-foot a:hover{color:var(--mint)}
.fg-foot .pay,.fg-foot .trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.fg-foot .pay span,.fg-foot .trust span{display:flex;align-items:center;justify-content:center;min-width:0;height:34px;padding:6px 11px;background:var(--card);border:1px solid var(--line);border-radius:8px}
.fg-foot .pay img{max-height:21px;width:auto;min-width:0;flex:0 1 auto}
.fg-foot .trust img{max-height:20px;width:auto;min-width:0;flex:0 1 auto;opacity:.85}
.fg-foot .legal{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.fg-foot .legal p{font-size:12.5px;color:var(--dim);margin-bottom:7px}
.fg-foot .legal small{font-size:12px;color:var(--dim)}
.fg-foot .age{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1.5px solid var(--gold2);border-radius:50%;color:var(--gold);font-size:10px;font-weight:800;margin-right:9px}

/* sticky join bar + phone tab bar */
.fg-sticky{position:fixed;left:0;right:0;bottom:0;z-index:48;display:flex;align-items:center;gap:14px;padding:12px 20px;background:rgba(10,26,18,.97);border-top:1px solid var(--line2);backdrop-filter:blur(8px)}
.fg-sticky.off{display:none}
.fg-sticky span{flex:1 1 auto;min-width:0;font-size:14px;color:var(--mid)}
.fg-sticky .fg-btn{flex:0 0 auto;min-height:40px;padding:0 18px;font-size:13.5px}
.fg-sticky .x{flex:0 0 auto;width:32px;height:32px;border:1px solid var(--line2);border-radius:50%;background:transparent;color:var(--mute);font-size:16px;cursor:pointer}
.fg-tabs{display:none}

/* ---------------------------------------------------------------- responsive */
@media(max-width:1000px){
  .fg-hero .w{grid-template-columns:minmax(0,1fr);gap:26px}
  .fg-hero>.w>img{order:-1;aspect-ratio:16/9}
  .fg-hero .bd{order:1}
  .fg-hero h1,.fg-hero.big h1{font-size:33px}
  .fg-cats{grid-template-columns:repeat(2,1fr)}
  .fg-members{grid-template-columns:1fr}
  .fg-foot .top{grid-template-columns:1fr 1fr}
  .sp,.sp.alt{grid-template-columns:minmax(0,1fr);gap:20px}
  .sp img,.sp.alt img{order:-1;aspect-ratio:16/9}
  .fg-pills{display:none}
  .fg-burger{display:block;margin-left:auto}
  .fg-index>div{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body{padding-bottom:calc(var(--bar) + 60px)}
  .fg-stats,.fg-kpis{grid-template-columns:repeat(2,1fr)}
  .fg-offers .gr{grid-template-columns:repeat(2,1fr)}
  .fg-offers .hd h2{font-size:21px}
  .fg-offers .of b{font-size:25px}
  .fg-stats b{font-size:25px}
  .fg-index>div{grid-template-columns:1fr}
  .fg-studios{gap:8px}
  .fg-prose h1{font-size:28px}
  .fg-prose h2{font-size:21px}
  .fg-sec .sh h2{font-size:23px}
  .fg-band{padding:20px}
  .fg-band b{font-size:19px}
  /* At 375 the blurb, two buttons and the dismiss control fight for 335px and the text
     collapses into a 60px column. Drop the blurb and let the actions have the width. */
  .fg-sticky{bottom:var(--bar);gap:10px;padding:10px 14px}
  .fg-sticky span{display:none}
  .fg-sticky .fg-btn{flex:1 1 auto;justify-content:center;padding:0 10px}
  .fg-tabs{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:50;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--line2);padding-top:10px}
  .fg-tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 8px;font-size:10px;color:var(--mute)}
  .fg-tabs a .i{font-size:18px;line-height:1}
  .fg-tabs a.mid{position:relative;padding-top:22px}
  .fg-tabs a.mid .i{position:absolute;top:-26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--mint);border:4px solid var(--card);color:#06281a;font-size:24px}
}
@media(max-width:520px){
  .w{padding:0 15px}
  .fg-cats{grid-template-columns:1fr}
  .fg-offers .gr{grid-template-columns:1fr}
  .fg-offers .of{padding:15px}
  .fg-hero h1,.fg-hero.big h1{font-size:28px}
  .fg-logo .wm b{font-size:20px}
  .fg-band{padding:17px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}