*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}img,svg{max-width:100%;height:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
.table-wrap{overflow-x:auto;margin:1.4em 0;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:860px;font-size:15px;line-height:1.45}
th,td{padding:10px 12px;vertical-align:top;text-align:left}
figure.fig{margin:1.8em 0}figure.fig img{display:block;width:100%;height:auto}figcaption{font-size:14px;margin-top:8px}
.official{margin:.2em 0 1em;font-size:15px}.visit{margin:1.2em 0 2.4em}
.btn{display:inline-block;text-decoration:none;font-weight:700;padding:11px 20px}
ul,ol{padding-left:1.3em}li{margin:.3em 0}
@media(max-width:820px){table{font-size:14px}}

:root{--bg:#070b10;--card:#0e1620;--ink:#dbe8f7;--muted:#8ea2b8;--g:#39ff88;--c:#22d3ee;--rule:#1f2f40}
body{margin:0;background:var(--bg) radial-gradient(#0f1b28 1px,transparent 1px) 0 0/28px 28px;color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--c)}a:hover{color:var(--g)}
.top{border-bottom:1px solid var(--rule);background:#070b10ee;position:sticky;top:0;z-index:5}
.bar{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{font:700 20px ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--g);text-decoration:none;text-shadow:0 0 12px #39ff8866}
.bar nav a{font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--ink);margin-left:18px;text-decoration:none}.bar nav a:hover{color:var(--g)}
.hero{max-width:1200px;margin:0 auto;padding:44px 20px 10px}
.hgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:center}
.prompt{font:14px ui-monospace,Menlo,Consolas,monospace;color:var(--g);margin:0 0 10px}
h1{font:700 42px/1.15 ui-monospace,"SF Mono",Menlo,Consolas,monospace;margin:.1em 0 .4em;color:#fff}
.lead{color:#c1d0e2}.upd{font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}
.hero figure.fig{margin:0;border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 0 40px #22d3ee22}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.chips a{display:block;font:13px ui-monospace,Menlo,Consolas,monospace;padding:6px 12px;border:1px solid var(--rule);border-radius:999px;color:var(--ink);text-decoration:none;background:var(--card)}
.chips a:hover{border-color:var(--g);color:var(--g)}
.content{max-width:940px;margin:0 auto;padding:20px 20px 70px}
h2{font:700 28px/1.25 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:#fff;margin:2.2em 0 .6em}
h2::before{content:"## ";color:var(--g)}
h3{font:700 21px ui-monospace,Menlo,Consolas,monospace;color:var(--c);margin:1.6em 0 .4em}h3::before{content:"### ";color:var(--rule)}
.content>h2[id^="1-"],.content>h2[id^="2-"],.content>h2[id^="3-"],.content>h2[id^="4-"],.content>h2[id^="5-"],.content>h2[id^="6-"],.content>h2[id^="7-"],.content>h2[id^="8-"]{border-top:1px solid var(--rule);padding-top:1em}
table{background:var(--card);border:1px solid var(--rule);border-radius:10px;overflow:hidden}
th{position:sticky;top:0;background:#0b1a16;color:var(--g);font:700 12px ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--g)}
td,th{border-bottom:1px solid var(--rule)}tbody tr:hover{background:#101d2b}
.rank-table tbody tr:first-child{background:#0d2a1d;box-shadow:inset 4px 0 0 var(--g)}
td.yes{color:var(--g);font-weight:700}td.yes::before{content:"\2713 "}td.ns{color:#5f7388}
.table-wrap{border-radius:10px}
figure.fig{border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--card)}figcaption{padding:0 14px 12px;color:var(--muted);font:13px ui-monospace,Menlo,monospace}
.btn{border:1px solid var(--g);color:var(--g);border-radius:6px;font:700 14px ui-monospace,Menlo,monospace}.btn:hover{background:var(--g);color:#03130a}
strong{color:#fff}
.foot{border-top:1px solid var(--rule);padding:30px 20px;font:13px/1.8 ui-monospace,Menlo,Consolas,monospace;color:var(--muted);text-align:center}.foot a{margin:0 9px}
.page{max-width:780px;margin:0 auto;padding:40px 20px 70px}.page h1{font-size:34px}
@media(max-width:900px){.hgrid{grid-template-columns:1fr}h1{font-size:30px}h2{font-size:23px}}

/* content blocks */
ul.criteria,ul.tiles,ul.duo,ul.stats,ol.steps{list-style:none;padding:0}
ul.criteria{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:1.2em 0}
ul.criteria li,ul.tiles li,ul.duo li{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px 18px;box-shadow:0 0 24px #22d3ee0d;margin:0}
ul.criteria li{position:relative;padding-left:62px;font-size:15.5px;line-height:1.55}
.badge{position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:8px;border:1px solid var(--g);color:var(--g);display:grid;place-items:center;font:700 16px ui-monospace,Menlo,Consolas,monospace;background:#0b1a16}
ul.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:1.2em 0}
ul.tiles li{border-top:2px solid var(--c);font-size:15.5px;line-height:1.55}
ul.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.2em 0}
ul.duo li:first-child{border-top:2px solid var(--g)}ul.duo li:last-child{border-top:2px solid var(--c)}
ul.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.4em 0}
ul.stats li{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px;text-align:center;margin:0}
ul.stats b{display:block;font:700 26px ui-monospace,Menlo,Consolas,monospace;color:var(--g);text-shadow:0 0 14px #39ff8855}
ul.stats span{color:var(--muted);font-size:14px}
section.review{background:linear-gradient(180deg,#0e1620,#0a111a);border:1px solid var(--rule);border-radius:16px;padding:8px 28px 12px;margin:2.4em 0;box-shadow:0 0 34px #22d3ee0f}
section.review:first-of-type{border-color:var(--g);box-shadow:0 0 40px #39ff8822}
section.review>h2{margin-top:.8em;border-top:0!important;padding-top:0!important}
.content>section.review{}
.official{font:14px ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}
.callout{border-radius:10px;padding:14px 18px;margin:1em 0;border:1px solid var(--rule);border-left:4px solid var(--g);background:#0b1a16}
.callout.trade{border-left-color:#ffb020;background:#1a1508}
ol.steps{counter-reset:s;margin:1.4em 0;position:relative}
ol.steps li.step{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 18px;margin:0 0 12px}
ol.steps .n{flex:0 0 40px;height:40px;border-radius:50%;background:var(--g);color:#03130a;display:grid;place-items:center;font:700 18px ui-monospace,Menlo,Consolas,monospace;box-shadow:0 0 16px #39ff8866}
ol.steps li p{margin:0}
details.faq{background:var(--card);border:1px solid var(--rule);border-radius:12px;margin:0 0 12px;padding:0 20px}
details.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 0}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";color:var(--g);font:700 22px ui-monospace,monospace}
details.faq[open] summary::after{content:"\2212"}
details.faq h3{margin:.6em 0;font-size:18px;color:#fff}details.faq h3::before{content:"? ";color:var(--g)}
details.faq p{margin:0 0 1em;color:#c1d0e2}
section.conclusion{border:1px solid var(--g);border-radius:16px;padding:6px 28px 20px;margin-top:2.4em;background:radial-gradient(circle at 100% 0,#39ff8815,transparent 55%),var(--card);box-shadow:0 0 40px #39ff8818}
section.conclusion>h2{margin-top:.8em}
@media(max-width:700px){ul.duo{grid-template-columns:1fr}ul.stats{grid-template-columns:1fr 1fr}section.review,section.conclusion{padding-left:16px;padding-right:16px}}