:root{--bg:#f5f6f2;--card:#fff;--ink:#23262d;--mute:#5f6573;--line:#dfe2da;--yel:#22b573;--grn:#0b7a4b;--red:#c2432b;--serif:Georgia,"Times New Roman",serif;--head:#183b37;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1d2026;--card:#272b33;--ink:#eceee9;--mute:#a4a9b5;--line:#3a3f49;--grn:#3fc58a;--red:#ef7b64;--head:#e8f3ee}}
:root[data-theme="dark"]{--bg:#1d2026;--card:#272b33;--ink:#eceee9;--mute:#a4a9b5;--line:#3a3f49;--grn:#3fc58a;--red:#ef7b64;--head:#e8f3ee}
*,*::before,*::after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Inter",system-ui,sans-serif}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.03em;color:var(--head);margin:1.1em 0 .45em}h1{font-size:clamp(36px,5vw,55px);line-height:1.04;letter-spacing:-.05em;margin-top:.35em}h2{font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.04em}h3{font-size:clamp(18px,1.5vw,21px);line-height:1.2;letter-spacing:-.02em}
a{color:var(--grn)}.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
header{background:var(--yel);color:#23262d;border-bottom:6px solid #23262d}.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0}
.logo{display:inline-flex;align-items:center;gap:8px;font:600 1.32rem/1 var(--serif);letter-spacing:-.03em;margin-right:auto;color:#23262d;text-decoration:none}
nav{display:flex;gap:4px;flex-wrap:wrap}nav a{color:#23262d;text-decoration:none;padding:6px 10px;border-radius:6px;font-weight:600;font-size:.95rem}nav a:hover{background:#23262d;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--grn);outline-offset:2px}
main{padding:20px 0 40px}.lede{color:var(--mute);max-width:62ch;font-size:1.05rem}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}label{display:block;font-weight:600;font-size:.9rem;margin:10px 0 4px}
input,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
button{font:600 1rem "Inter",sans-serif;padding:10px 16px;border-radius:8px;border:0;background:#23262d;color:#fff;cursor:pointer}
.out{margin-top:14px;padding:14px;border-radius:8px;border-left:6px solid var(--grn);background:var(--bg)}.out.bad{border-color:var(--red)}.out b{font-size:1.4rem;font-family:"Inter",sans-serif}

.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:480px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.adbox{margin:24px auto;display:flex;justify-content:center;align-items:center;overflow:hidden}
.adbox-banner{height:90px}
.adbox-banner iframe{flex:none;width:728px!important;max-width:100%!important;margin:0 auto!important;border:0}
.adbox-native{min-height:271px;border:1px solid var(--line);background:var(--card);border-radius:10px}
.note{font-size:.85rem;color:var(--mute)}.play{display:inline-block;background:var(--yel);color:#23262d;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:600;margin-right:8px}
.check{padding:0}.check li{list-style:none;margin:6px 0}details{border-bottom:1px solid var(--line);padding:10px 0}summary{cursor:pointer;font-weight:600}
.crumb{font-size:.85rem;color:var(--mute)}.rel{display:flex;gap:8px;flex-wrap:wrap;padding:0}.rel li{list-style:none}.rel a{display:block;padding:6px 12px;border:1px solid var(--line);border-radius:99px;text-decoration:none;background:var(--card)}
footer{border-top:1px solid var(--line);padding:34px 0 24px;color:var(--mute);font-size:.85rem}
.fgrid{display:grid;gap:26px 34px;grid-template-columns:1.8fr 1fr 1.1fr 1.1fr}
.fcol h3{font-size:.95rem;color:var(--ink);margin:0 0 12px}
.fcol p{margin:0}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{margin:0 0 9px}
.fcol a{color:var(--mute);text-decoration:none}
.fcol a:hover{color:var(--grn);text-decoration:underline}
.fbottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;text-align:center}
.fbottom p{margin:0 0 10px}
.fbottom p:last-child{margin-bottom:0}
.flegal a{margin:0 9px;display:inline-block;color:var(--mute);text-decoration:none}
.flegal a:hover{color:var(--grn);text-decoration:underline}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fgrid{grid-template-columns:1fr;gap:22px}.flegal a{margin:0 6px}}
iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}svg{max-width:100%;height:auto}figure{margin:16px 0}figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}figcaption{font-size:.85rem;color:var(--mute);margin-top:6px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.play.ghost{background:transparent;border:1px solid var(--ink)}
.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:20px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stat b{display:block;font:800 1.35rem/1.25 "Inter",system-ui,sans-serif}.stat span{color:var(--mute);font-size:.85rem}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:1.8em 0 .2em}
.num{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:var(--yel);color:#23262d;font-weight:800;font-size:.85rem;margin-bottom:6px}
.grid .card h3{margin-top:0}.grid .card p:last-child{margin-bottom:0}.logo svg{width:28px;height:24px;flex:none;display:block}
.crumb svg{width:13px;height:13px;vertical-align:-2px;margin-right:5px;display:inline-block}
.totop{position:fixed;right:20px;bottom:20px;z-index:60;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--yel);color:#23262d;border:1px solid rgba(0,0,0,.18);box-shadow:0 4px 14px rgba(0,0,0,.2);text-decoration:none}
.totop:hover{background:#1a9e63}
.totop svg{width:20px;height:20px}
html{scroll-behavior:smooth}
.hero{position:relative;margin:0;min-height:clamp(430px,64vh,620px);display:grid;place-items:center;overflow:hidden;background:#183b37}
.hero-bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.hero-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,40,34,.8),rgba(10,40,34,.48) 42%,rgba(10,40,34,.82))}
.hero-inner{position:relative;z-index:1;width:100%;max-width:880px;margin:0 auto;padding:72px 24px;text-align:center}
.hero h1{color:#fff;margin:0 0 .35em;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.hero .lede{color:rgba(255,255,255,.93);margin:0 auto;max-width:58ch;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.hero .cta{justify-content:center;margin:24px 0 0}
.hero .cta .play{margin-right:0}
.hero .play.ghost{border-color:rgba(255,255,255,.8);color:#fff}
.hero .play.ghost:hover{background:rgba(255,255,255,.14)}
.hero-cap{position:absolute;left:0;right:0;bottom:10px;z-index:1;margin:0;padding:0 24px;text-align:center;color:rgba(255,255,255,.68);font-size:.72rem}
@media(max-width:560px){.hero{min-height:clamp(370px,60vh,520px)}.hero-inner{padding:56px 18px}}
.ico{flex:none;width:22px;height:22px;color:var(--grn);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ico-h{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.ico-h>h2,.ico-h>h3,.ico-h>b{margin:0}