:root{--t1:#977A5D;--t2:#6F4F37;--g1:#D9BE86;--g2:#B8975A;--m:#66BE7D;--c:#FBF7EF}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--c);color:var(--t2);font:400 16px/1.6 Montserrat,system-ui,sans-serif}
a{color:var(--t2)}em{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:600;color:var(--g2)}
.top{display:flex;justify-content:space-between;align-items:center;max-width:1040px;margin:0 auto;padding:22px 24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:.02em;font-size:20px}
.brand em{font-size:24px}
.mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--g2);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:22px;color:var(--g2)}
.top nav a{margin-left:22px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--t1)}
main{max-width:1040px;margin:0 auto;padding:0 24px}
.hero{text-align:center;padding:56px 0 40px;border-bottom:1px solid #e9dfcd}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--g2);font-weight:600;margin:0 0 14px}
h1{font-weight:700;font-size:clamp(32px,5.4vw,56px);line-height:1.1;margin:0 0 18px;color:var(--t2)}
h1 em{font-size:1.12em;font-weight:500}
.lead{max-width:640px;margin:0 auto 26px;color:var(--t1);font-size:17px}.lead.sm{font-size:15px;margin:0 0 18px;max-width:none}
.btn{display:inline-block;background:var(--t2);color:var(--c);padding:13px 26px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.04em}
.btn:hover{background:var(--t1)}
section{padding:36px 0}
h2{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--t2);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.legend{font-size:12px;letter-spacing:.04em;text-transform:none;font-weight:500;color:var(--t1)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--m);vertical-align:middle}
.grp{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:12px 0;border-top:1px solid #efe6d6}
.grp h3{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--g2)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12.5px;padding:4px 11px;border:1px solid #e3d6bf;border-radius:999px;color:var(--t1);background:#fff9;text-decoration:none}
.chip.live{border-color:var(--m);background:#66BE7D1a;color:var(--t2);font-weight:600}
.chip.live b{font-size:10px;letter-spacing:.1em;color:#fff;background:var(--m);padding:1px 6px;border-radius:999px;margin-left:4px}
.kits{border-top:1px solid #e9dfcd}
.tiers{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tiers li{background:#fff;border:1px solid #eadfca;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}
.tiers span{font-weight:600;font-size:14px}.tiers b{font-size:26px;color:var(--g2);font-weight:700}
.tiers small{font-size:12px;color:var(--t1);line-height:1.45}
.note{font-size:13px;color:var(--t1);margin-top:16px}
footer{border-top:1px solid #e9dfcd;margin-top:28px;padding:22px 24px;max-width:1040px;margin-left:auto;margin-right:auto}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px}
.foot nav a{margin-left:18px;color:var(--t1)}
.small{font-size:12px;color:var(--t1)}
.legal{max-width:720px;padding:30px 0 10px}.legal h1{font-size:34px}.legal h2{font-size:13px;margin:26px 0 6px;display:block}
.legal p{margin:0 0 12px}.big{font-size:22px;font-weight:600}
.draft{background:#D9BE8633;border:1px dashed var(--g2);padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600}
.ph{background:#fff3c4;padding:1px 5px;border-radius:4px;font-weight:600}
@media(max-width:760px){.tiers{grid-template-columns:1fr 1fr}.grp{grid-template-columns:1fr;gap:6px}.top nav a{margin-left:14px}}
.sub{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:600;font-size:22px;color:var(--t2);margin:0 auto 10px}
/* ===== 15 Oct 2026 brand pass: MatchaRated logo, taupe core + gold & matcha accents ===== */
:root{--g3:#8C6D35;--c2:#F1E9DA;--gold-grad:linear-gradient(90deg,#8C6D35 0%,#D9BE86 30%,#F0DDAE 52%,#B8975A 78%,#8C6D35 100%);--hair:linear-gradient(90deg,transparent,#D9BE86 18%,#B8975A 50%,#D9BE86 82%,transparent)}
body{background:radial-gradient(1200px 520px at 50% -120px,#F1E9DA 0%,var(--c) 70%) no-repeat,var(--c)}
.topbar{height:6px;background:linear-gradient(90deg,#6F4F37,#977A5D 50%,#6F4F37);border-bottom:2px solid transparent;border-image:var(--gold-grad) 1}
.top{position:relative;padding:16px 24px}
.top::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:var(--hair)}
.brand{gap:14px}
.brand-tile{display:block;width:52px;height:52px;border-radius:7px;box-shadow:0 4px 12px rgba(111,79,55,.28)}
.brand-word{display:block;width:230px;height:auto}
.top nav a{color:var(--t2)}
.top nav a:hover{color:var(--g3)}
.hero{border-bottom:0;padding:40px 0 34px}
.hero-logo{display:flex;justify-content:center;margin:0 0 26px}
.hero-logo img{display:block;width:232px;height:232px;border-radius:14px;box-shadow:0 22px 44px -14px rgba(111,79,55,.55),0 0 0 6px #FBF7EF,0 0 0 7px #D9BE86}
.eyebrow{color:var(--t1);display:inline-flex;align-items:center;gap:12px}
.eyebrow::before,.eyebrow::after{content:"";width:46px;height:1px;background:var(--gold-grad)}
h1 em{background:linear-gradient(100deg,#8C6D35 0%,#B8975A 30%,#D9BE86 55%,#B8975A 80%,#8C6D35 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .06em}
.sub{position:relative;padding-bottom:16px;margin-bottom:18px}
.sub::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:120px;height:1px;background:var(--gold-grad)}
.btn{background:linear-gradient(180deg,#7E6145,#6F4F37);border:1px solid #B8975A;box-shadow:inset 0 1px 0 rgba(217,190,134,.45),0 8px 18px -8px rgba(111,79,55,.6)}
.btn::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--m);margin-right:10px;vertical-align:1px;box-shadow:0 0 0 3px rgba(102,190,125,.25)}
.btn:hover{background:linear-gradient(180deg,#977A5D,#7E6145);border-color:#D9BE86}
.rule{display:flex;align-items:center;justify-content:center;gap:0;height:14px;position:relative}
.rule::before,.rule::after{content:"";flex:1;height:1px;background:var(--hair)}
.rule i{width:9px;height:9px;background:var(--m);transform:rotate(45deg);margin:0 14px;box-shadow:0 0 0 3px #FBF7EF,0 0 0 4px #D9BE86}
section{padding:30px 0}
h2{color:var(--t2)}
h2::first-line{color:var(--t2)}
.sports>h2,.kits>h2{border-left:3px solid var(--m);padding-left:12px}
.legend{color:var(--t2)}
.dot{width:9px;height:9px;box-shadow:0 0 0 3px rgba(102,190,125,.22);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(102,190,125,0)}}
.grp{border-top:1px solid transparent;border-image:linear-gradient(90deg,#D9BE86,#efe6d6 40%,#efe6d6) 1}
.grp h3{color:var(--t2)}
.grp h3::before{content:"";display:inline-block;width:14px;height:1px;background:var(--g2);margin-right:8px;vertical-align:4px}
.chip{border-color:#e6d8bf}
.chip.live{border:1.5px solid var(--m);background:linear-gradient(180deg,#eef8f0,#dff2e4);color:#2f6b40;font-weight:700;box-shadow:0 2px 8px -3px rgba(102,190,125,.6)}
.chip.live b{background:var(--m);color:#fff;position:relative;padding:1px 7px 1px 15px}
.chip.live b::before{content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#fff;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
.kits{border-top:0}
.tiers li{border:1px solid #e6d8bf;position:relative;overflow:hidden}
.tiers li::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold-grad)}
.tiers li:first-child::before{background:var(--m)}
.tiers li:first-child b{color:#3f8a55}
.tiers b{background:linear-gradient(180deg,#B8975A,#8C6D35);-webkit-background-clip:text;background-clip:text;color:transparent}
.tiers li:first-child b{-webkit-text-fill-color:#3f8a55}
.tiers li:nth-child(4){background:linear-gradient(180deg,#fffdf8,#f7efdf);border-color:#D9BE86}
footer{max-width:none;background:linear-gradient(180deg,#6F4F37,#5e412c);color:var(--c2);border-top:0;position:relative;margin-top:36px;padding:26px 24px}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gold-grad)}
footer .foot,footer .small{max-width:1040px;margin-left:auto;margin-right:auto}
footer .foot nav a{color:#D9BE86}
footer .small{color:#e2d5bd}
.legal h1{color:var(--t2)}.legal h2{color:var(--t2);border-left:3px solid var(--m);padding-left:10px}
.big a{color:var(--t2);text-decoration-color:#B8975A}
@media(max-width:760px){
 .brand-word{width:170px}.brand-tile{width:42px;height:42px}
 .hero-logo img{width:188px;height:188px}
 .top nav a{font-size:12px;margin-left:12px}
}
@media(max-width:420px){.brand-word{width:140px}.brand{gap:10px}.top nav a{margin-left:10px;letter-spacing:.08em}}
@media (prefers-reduced-motion:reduce){.dot,.chip.live b::before{animation:none}}
.brand-word{width:270px}
@media(max-width:760px){.brand-word{width:180px}.eyebrow{font-size:10.5px;letter-spacing:.14em;gap:8px}.eyebrow::before,.eyebrow::after{width:18px}}
@media(max-width:420px){.brand-word{width:150px}.brand-tile{width:40px;height:40px}}
/* ===== 15 Oct 2026 matcha pass: palette = exact Matcha Pilates site tokens (site-revamp/css/mr.css + pilates-v3.css) =====
   Matcha #66BE7D / deep #3C7F50 / ink #2E6B43 / forest #1C4430 · Taupe #977A5D / #6F4F37 / #4A3426 · Gold #D9BE86 / #B8975A / #8C6D35 */
:root{
  --matcha:#66BE7D;--matcha-deep:#3C7F50;--matcha-ink:#2E6B43;--forest:#1C4430;--forest-2:#245a3e;
  --gold:#B8975A;--gold-l:#D9BE86;--gold-d:#8C6D35;
  --brown:#977A5D;--brown-d:#6F4F37;--brown-xd:#4A3426;--sand:#E6D3C1;--sand-l:#F1E6DA;
  --t1:#977A5D;--t2:#6F4F37;--g1:#D9BE86;--g2:#B8975A;--g3:#8C6D35;--m:#66BE7D;--c:#FBF7EF;--c2:#F1E6DA;
  --gold-grad:linear-gradient(135deg,#D9BE86 0%,#B8975A 50%,#8C6D35 100%);
  --gold-line:linear-gradient(90deg,#8C6D35 0%,#D9BE86 30%,#F3DFA8 52%,#B8975A 78%,#8C6D35 100%);
  --forest-band:radial-gradient(ellipse at 20% 0%,#2a6a47 0%,#1C4430 55%,#12301f 100%);
}
html,body{overflow-x:hidden}
body{background:radial-gradient(1200px 560px at 50% -140px,#eef7f0 0%,#f3faf5 40%,var(--c) 78%) no-repeat,var(--c)}
/* top: group-strip pattern — matcha band with gold rule (site: green statband + gold border) */
.topbar{height:8px;background:linear-gradient(90deg,#3C7F50,#66BE7D 50%,#3C7F50);border-bottom:2px solid transparent;border-image:var(--gold-line) 1}
.top nav a{color:var(--brown-d)}
.top nav a:hover{color:var(--matcha-deep)}
.top nav a[href="contact.html"]{background:var(--brown-d);color:#fff;padding:9px 16px;border-radius:999px;border:1px solid var(--gold)}
.top nav a[href="contact.html"]:hover{background:var(--matcha-deep);color:#fff}
.brand-tile{box-shadow:0 3px 10px rgba(28,68,48,.18)}
/* hero: matcha wash panel with green top rule, like .about-mark */
.hero{margin-top:22px;padding:38px 28px 40px;border-radius:18px;background:radial-gradient(120% 120% at 50% 0%,#eef7f0 0%,#f3faf5 45%,#fff 100%);border:1px solid #cfe7d6;border-top:5px solid var(--matcha);box-shadow:0 18px 50px -24px rgba(28,68,48,.35)}
.hero-logo img{box-shadow:0 18px 28px -10px rgba(28,68,48,.40),0 0 0 6px #fff,0 0 0 7px #D9BE86}
.eyebrow{color:var(--matcha-ink)}
.eyebrow::before,.eyebrow::after{background:var(--gold-grad)}
h1{color:var(--brown-d)}
.sub{color:var(--brown-d)}
.lead{color:var(--brown-d)}
/* buttons: site .btn-primary (matcha-deep -> forest) with gold edge */
.btn{background:var(--matcha-deep);color:#fff;border:1.5px solid var(--gold-l);box-shadow:0 10px 22px -10px rgba(28,68,48,.55);letter-spacing:.12em;text-transform:uppercase;font-size:12.5px;padding:15px 28px}
.btn:hover{background:var(--forest);border-color:var(--gold)}
.btn::before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.28)}
.rule i{background:var(--gold-grad);box-shadow:0 0 0 3px #FBF7EF,0 0 0 4px var(--matcha)}
.rule::before,.rule::after{background:linear-gradient(90deg,transparent,#66BE7D 30%,#B8975A 50%,#66BE7D 70%,transparent)}
/* section headings: matcha label chip */
.sports>h2,.kits>h2{border-left:4px solid var(--matcha);color:var(--brown-d)}
.legend{color:var(--brown)}
.dot{background:var(--matcha)}
/* coverage: green-tinted group rows + matcha chips (site .icard .chips) */
.sports{margin-top:6px}
.grp{border-image:linear-gradient(90deg,#66BE7D,#cfe7d6 40%,#efe6d6) 1}
.grp h3{color:var(--brown-d)}
.grp h3::before{width:8px;height:8px;border-radius:50%;background:var(--matcha);box-shadow:0 0 0 3px rgba(102,190,125,.25);vertical-align:1px}
.chip{background:#eef7f0;border:1px solid #cfe7d6;color:var(--matcha-deep);font-weight:500}
.grp:nth-child(even) .chip{background:#fff;border-color:#E6D3C1;color:var(--brown-d)}
.chip.live{background:var(--matcha);border:1.5px solid var(--gold-l);color:#fff;box-shadow:0 4px 12px -4px rgba(60,127,80,.6)}
.chip.live b{background:var(--forest);color:#F3DFA8}
/* kits: full-bleed forest band with gold borders (site .statband / .indep) */
.kits{position:relative;isolation:isolate;margin-top:34px;padding:52px 0 48px;color:var(--sand-l)}
.kits::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;background:var(--forest-band);border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}
.kits>h2{color:#fff;border-left-color:var(--matcha)}
.kits .lead.sm{color:var(--sand-l)}.kits .lead strong{color:#F3DFA8}
.kits .note{color:var(--sand)}
.tiers li{background:#fff;border:1px solid rgba(217,190,134,.55);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.tiers li::before{height:4px;background:var(--gold-grad)}
.tiers li:first-child::before{background:linear-gradient(90deg,#66BE7D,#4FA066)}
.tiers li:first-child{background:linear-gradient(180deg,#fff,#f3faf5);border-color:var(--matcha)}
.tiers li:first-child b{color:var(--matcha-deep);-webkit-text-fill-color:var(--matcha-deep)}
.tiers li:nth-child(4){background:linear-gradient(100deg,#fff 55%,#fbf4e6);border:1.5px solid var(--gold)}
.tiers span{color:var(--brown-d)}.tiers small{color:var(--brown)}
.tiers b{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
footer{margin-top:0;background:linear-gradient(180deg,#6F4F37,#4A3426)}
footer::before{background:var(--gold-line);height:3px}
footer .foot nav a{color:var(--gold-l)}
footer .foot nav a:hover{color:var(--matcha)}
/* legal pages */
.legal h1{color:var(--brown-d);padding-bottom:10px;border-bottom:3px solid var(--matcha);display:inline-block}
.legal h2{border-left:4px solid var(--matcha);color:var(--matcha-ink)}
.legal a{color:var(--matcha-ink)}
.big a{color:var(--matcha-deep);text-decoration-color:var(--gold)}
.legal{padding-bottom:40px}
@media(max-width:760px){.hero{padding:28px 16px 30px}.top nav a[href="contact.html"]{padding:7px 12px}}
@media(max-width:420px){.brand-word{width:128px}.brand{gap:8px}.top{padding:14px 16px}.top nav a{font-size:11px;margin-left:8px}.top nav a[href="contact.html"]{padding:7px 10px}}
