:root{--ink:#14213d;--acc:#f77f00;--acc2:#fcbf49;--bg:#fbf8f1;--line:#e6dfd0}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
a{color:#c25e00}.top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--ink);padding:12px 22px;border-bottom:5px solid var(--acc)}
.top nav a{color:#f1e9d8;text-decoration:none;margin-left:14px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand .mk{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--acc);color:var(--ink);font-weight:900;font-size:15px;border:3px solid #fff}
.brand b{font-weight:900;letter-spacing:.12em;font-size:17px}.brand small{color:var(--acc2);font-size:12px;text-transform:uppercase;letter-spacing:.2em}
.wrap{max-width:1120px;margin:0 auto;padding:22px}
.hero{background:var(--ink);color:#fff;padding:44px;border-radius:4px;position:relative;overflow:hidden;background-image:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.04) 60px 120px)}
.hero h1{font-size:38px;margin:0 0 10px;max-width:760px}.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border:6px solid rgba(252,191,73,.5);border-radius:50%}
.btn{display:inline-block;background:var(--acc);color:var(--ink);padding:11px 20px;border-radius:2px;font-weight:800;text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:.05em}.btn.alt{background:transparent;color:#fff;border:2px solid #fff}
h2{border-left:6px solid var(--acc);padding-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.card{display:block;border:1px solid var(--line);border-top:4px solid var(--ink);padding:14px;color:var(--ink);text-decoration:none;background:#fff}.card .fee{font-weight:800;color:#c25e00;font-size:18px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:24px 0}.tiles a{background:#fff;border:1px solid var(--line);border-left:6px solid var(--acc);padding:16px;color:var(--ink);text-decoration:none}
.news,.alert{background:#fff3e0;border:2px dashed var(--acc);padding:22px;margin:22px 0}.news{background:var(--ink);color:#fff;border:0}
.news input,.alert input,.alert select{padding:10px;margin:4px 4px 4px 0}.news button,.alert button,.calc button{padding:10px 16px;background:var(--acc);color:var(--ink);border:0;font-weight:800;text-transform:uppercase}
.parent{background:#fff;border:1px solid var(--line);padding:16px;margin:20px 0}
.kv{border-collapse:collapse;width:100%;background:#fff}.kv th,.kv td{border-bottom:1px solid var(--line);padding:9px;text-align:left;vertical-align:top}.kv th{width:190px}.blank{color:#9a8f7a;font-style:italic}
.calc{display:grid;gap:10px;max-width:540px}.calc label{display:grid;gap:4px;font-weight:600}.calc input,.calc select,.calc textarea{padding:8px}.total{font-size:22px}
.warn{background:#fff8e6;border-left:4px solid var(--acc2);padding:10px}.faq details{border-bottom:1px solid var(--line);padding:8px 0}.src,.small,.foot{font-size:13px;color:#5b5446}
.filters{display:flex;gap:10px;margin:12px 0}.filters input,.filters select{padding:8px}.list li{margin:6px 0}
.cardmain{color:var(--ink);text-decoration:none;display:block}.weblink{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;color:#c25e00;border:1px solid var(--acc);padding:4px 10px;text-decoration:none}.weblink:hover{background:var(--acc);color:var(--ink)}
.btn.visit{font-size:15px;padding:12px 22px}.kv th .weblink{font-weight:600}
.bh-embed{margin-top:12px;max-width:560px}.bh-embed iframe{max-width:100%;border:0}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}.chip{font-size:13px;font-weight:800;padding:3px 8px;border:1px solid var(--line);background:#fff;color:var(--ink)}.chip i{font-style:normal;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-right:5px;padding:1px 4px;color:#fff}
.chip.rec{border-color:var(--acc2)}.chip.rec i{background:#b7791f}.chip.dev{border-color:var(--acc)}.chip.dev i{background:#c25e00}.chip.comp{border-color:var(--ink)}.chip.comp i{background:var(--ink)}
.tier{background:#fff;border:1px solid var(--line);border-left:8px solid var(--ink);padding:16px 18px;margin:18px 0}.tier.rec{border-left-color:var(--acc2);background:#fffdf5}.tier.dev{border-left-color:var(--acc);background:#fff8f0}.tier.comp{border-left-color:var(--ink)}
.tierhead{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tdef{margin:0;font-size:14px;color:#5b5446}.tfee{font-size:26px;font-weight:900;color:#c25e00;margin:8px 0}.tfee small{font-size:14px;color:#5b5446;font-weight:600;margin-left:6px}.tier.comp .tfee{color:var(--ink)}
.tbadge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--ink)}.tbadge.rec{background:#b7791f}.tbadge.dev{background:#c25e00}
.titems{margin:8px 0}.titems th{width:auto}.tiernav{font-size:14px;margin:8px 0 4px}
.tiergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.tiergrid .tier{margin:0}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 6px}.tab{padding:9px 14px;border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.05em;cursor:pointer}.tab.rec{border-color:#b7791f}.tab.dev{border-color:#c25e00}.tab.on{background:var(--ink);color:#fff}.tab.rec.on{background:#b7791f}.tab.dev.on{background:#c25e00}
.tblwrap{overflow-x:auto}.cmp th.trec,.cmp td.trec{background:#fffdf5}.cmp th.tdev,.cmp td.tdev{background:#fff8f0}.cmp th{width:auto}
/* tier banners + picker (v2) */
:root{--rec:#0f766e;--dev:#c2410c;--comp:#14213d}
.tier{border:0;border-left:0;padding:0;margin:22px 0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 6px 18px rgba(20,33,61,.08)}
.tier.rec,.tier.dev,.tier.comp{background:#fff}.tier .tbody{padding:16px 20px 18px}
.tbanner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:22px 24px;color:#fff;background:var(--comp)}
.tbanner.rec{background:var(--rec)}.tbanner.dev{background:var(--dev)}.tbanner.comp{background:var(--comp)}.tbanner.all{background:var(--comp);border-bottom:8px solid;border-image:linear-gradient(90deg,var(--rec) 0 33.3%,var(--dev) 33.3% 66.6%,var(--acc) 66.6%) 1}
.bmain{display:flex;align-items:center;gap:16px;min-width:0}
.bicon{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.55)}.bicon svg{width:32px;height:32px;color:#fff}
.tbanner .btitle{margin:0;padding:0;border:0;font-size:32px;line-height:1.1;font-weight:900;color:#fff;letter-spacing:-.01em}
.tbanner h3.btitle{font-size:26px}
.btag{margin:4px 0 0;font-size:15px;font-weight:600;color:#fff;opacity:.95}
.bside{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.bfee{margin:0;font-size:36px;line-height:1.05;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.bfee small{display:block;font-size:14px;font-weight:600;color:#fff;opacity:.95;margin-top:4px}
.bstat{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#fff;color:var(--comp)}
.bstat.no{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.7)}
.tier .tdef{font-size:14px;color:#5b5446;margin:0 0 10px}
.tiergrid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.tiergrid .tier{margin:0}.tiergrid .tbanner{padding:18px}.tiergrid .bicon{width:48px;height:48px}.tiergrid .bicon svg{width:26px;height:26px}.tiergrid .bfee{font-size:32px}
/* picker */
.tierpick{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 0;padding:14px 16px;background:#fff;border-radius:10px;border-left:10px solid var(--comp);box-shadow:0 1px 0 var(--line)}
.tierpick[hidden]{display:none}.tierpick.rec{border-left-color:var(--rec)}.tierpick.dev{border-left-color:var(--dev)}.tierpick.comp{border-left-color:var(--comp)}.tierpick.all{border-image:linear-gradient(var(--rec),var(--dev),var(--comp)) 1}
.tierpick label{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.selwrap{position:relative;flex:1 1 260px;max-width:440px}.selwrap::after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.tierpick select{width:100%;appearance:none;-webkit-appearance:none;font:inherit;font-size:17px;font-weight:800;padding:12px 44px 12px 16px;border:0;border-radius:8px;color:#fff;background:var(--comp);cursor:pointer}
.tierpick.rec select{background:var(--rec)}.tierpick.dev select{background:var(--dev)}.tierpick select option{background:#fff;color:var(--comp)}
.tierpick select:focus-visible{outline:3px solid var(--acc2);outline-offset:2px}
.js-tiers .tiernav{display:none}
.tiers.js .tierpanel{display:none}.tiers.js .tierpanel.on{display:block}
/* compare table */
.tcmp{min-width:640px}.tcmp th[scope=row]{width:150px;background:#faf7f0}.tcmp td{width:28%}
.ch{color:#fff!important;background:var(--comp)!important;font-size:15px;font-weight:800;white-space:nowrap}.ch.rec{background:var(--rec)!important}.ch.dev{background:var(--dev)!important}.ch.comp{background:var(--comp)!important}
.chi{display:inline-block;vertical-align:-4px;margin-right:6px}.chi svg{width:18px;height:18px}
.cfee{font-size:20px;font-weight:900;color:var(--comp)}
/* /clubs/ tabs + table */
.tab{display:inline-flex;align-items:center;border-radius:999px;padding:9px 16px}.tab .chi svg{width:16px;height:16px}
.tab.rec{border-color:var(--rec);color:var(--rec)}.tab.dev{border-color:var(--dev);color:var(--dev)}.tab.comp{border-color:var(--comp)}
.tab.rec.on{background:var(--rec);color:#fff}.tab.dev.on{background:var(--dev);color:#fff}.tab.comp.on{background:var(--comp);color:#fff}
.chip.rec{border-color:var(--rec)}.chip.rec i{background:var(--rec)}.chip.dev{border-color:var(--dev)}.chip.dev i{background:var(--dev)}
.cmp th.ch{white-space:normal}
@media (max-width:640px){.tbanner{padding:18px}.tbanner .btitle{font-size:28px}.bfee{font-size:32px}.bside{align-items:flex-start;text-align:left;width:100%}.bicon{width:48px;height:48px}.bicon svg{width:26px;height:26px}.tier .tbody{padding:14px}.kv th{width:auto}.tierpick select{font-size:16px}}
.tiergrid .tbanner{flex-direction:column;align-items:flex-start;height:auto}.tiergrid .bside{align-items:flex-start;text-align:left}.tiergrid .tier{display:flex;flex-direction:column}
/* table tightening + bigger text (v3) */
.tier .tbody{font-size:17px}.tier .tbody p{font-size:17px}.tier .tdef{font-size:17px;color:#4a4437}
.tier .tbody p.small{font-size:15px}.tier .tbody p.src,.tier .src{font-size:14px}
.titems{width:auto;max-width:640px;font-size:17.5px}.titems th,.titems td{padding:9px 28px 9px 0;white-space:normal}.titems th:last-child,.titems td:last-child{padding-right:0}
.titems th{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:#5b5446}.titems td:last-child{font-weight:800;color:var(--comp);white-space:nowrap}
.tier.comp .kv{font-size:17px;max-width:860px}.tier.comp .kv th{width:200px}
.tcmp{min-width:600px;max-width:920px;font-size:17px}.tcmp td{width:auto}.tcmp th[scope=row]{width:140px;font-size:15px}.tcmp th,.tcmp td{padding:10px 12px}.tcmp .src,.tcmp a{font-size:14px}.tcmp td .blank{font-size:15px}
.tcmp + .small,.tier .tbody .tblwrap + p.small{font-size:14px}
@media (max-width:640px){.titems{width:100%;font-size:16.5px}.titems th,.titems td{padding:8px 14px 8px 0}.titems td:last-child{white-space:normal}.tier .tbody,.tier .tbody p,.tier .tdef{font-size:16.5px}.tcmp{font-size:16px}.tier.comp .kv th{width:auto}}
.tierpanel[hidden]{display:none!important}