:root{
  --bg:#ffffff; --bg2:#f6f9f8; --card:#ffffff; --card2:#f2f6f5;
  --line:#e4eae8; --line2:#d3ddda; --txt:#14211f; --muted:#5b6b66; --dim:#93a29d;
  --accent:#0d9488; --accent-deep:#0f766e; --accent2:#d97706; --gold:#d97706;
  --good:#0f766e; --warn:#d97706;
  --grad:linear-gradient(135deg,#0d9488,#14b8a6); --r:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:var(--bg);color:var(--txt);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
main.wrap{padding-top:8px;padding-bottom:44px}

.trust{background:#e7f3f1;border-bottom:1px solid #d5e6e2;font-size:12.5px;color:var(--accent-deep);text-align:center;padding:8px 10px;letter-spacing:.1px}
.trust b{color:#0b5f57}

header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:8px;height:60px;max-width:1080px;margin:0 auto;padding:0 20px}
.logo{font-weight:800;font-size:19px;letter-spacing:-.4px;display:flex;align-items:center;gap:9px}
.logo .dot{width:22px;height:22px;border-radius:7px;background:var(--grad)}
.logo span{color:var(--accent-deep)}
.nav .spacer{flex:1}
.navbtn{padding:8px 13px;border-radius:9px;font-size:14px;color:var(--muted);font-weight:600}
.navbtn:hover{color:var(--txt);background:var(--card2)}
.navbtn.cta{background:var(--accent);color:#fff;font-weight:700}
.navbtn.cta:hover{background:var(--accent-deep)}
.menu-btn{display:none;background:#fff;border:1px solid var(--line2);border-radius:9px;width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;color:var(--txt);padding:0;flex:none}
.menu-btn svg{width:20px;height:20px}
.mobile-menu{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--line)}
.mobile-menu.on{display:flex}
.mobile-menu a{padding:13px 20px;font-size:15px;font-weight:600;color:var(--txt);border-top:1px solid var(--line)}
.mobile-menu a:first-child{border-top:none}
.mobile-menu a:hover{background:var(--card2)}
.panel svg{max-width:100%;height:auto}

h1{font-size:40px;line-height:1.08;letter-spacing:-1.2px;margin:26px 0 14px;color:var(--txt)}
h1 .g{color:var(--accent)}
h2{font-size:23px;letter-spacing:-.5px;margin:30px 0 12px;color:var(--txt)}
.lead{font-size:17px;color:var(--muted);max-width:640px}
.btn{display:inline-block;border:none;border-radius:10px;padding:12px 19px;font-size:15px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent-deep)}
.btn.ghost{background:#fff;color:var(--txt);border:1px solid var(--line2)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent-deep)}
.row{display:flex;gap:12px;flex-wrap:wrap}
.crumbs{font-size:12.5px;color:var(--dim);margin:18px 0 4px}
.crumbs a:hover{color:var(--accent)}

.method{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-top:24px}
.method .tag{display:inline-flex;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--accent2);margin-bottom:10px}
.formula{font-family:"SFMono-Regular",Consolas,monospace;background:#eef4f3;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:15px;color:#2a3b38;margin:12px 0;overflow-x:auto}
.formula b{color:var(--accent-deep)} .formula .u{color:var(--accent2)}
.axgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:14px}
.ax{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 13px}
.ax .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ax .nm{font-weight:700;font-size:13.5px;color:var(--txt)}
.ax .wt{font-family:monospace;font-size:13px;color:var(--accent-deep);font-weight:700;white-space:nowrap}
.ax .def{font-size:12px;color:var(--muted);margin-top:5px}
.ax .bar{height:5px;border-radius:4px;background:#e9efed;margin-top:8px;overflow:hidden}
.ax .bar>i{display:block;height:100%;background:var(--accent)}
.ax.us{border-color:#f0c17a;box-shadow:0 0 0 1px rgba(217,119,6,.18) inset}
.ax .badge{font-size:9.5px;font-weight:800;color:#a35a06;border:1px solid #e2a34e;border-radius:5px;padding:1px 5px;text-transform:uppercase}
.disc{font-size:12.5px;color:var(--muted);margin-top:14px;border-top:1px dashed var(--line2);padding-top:12px}
.disc b{color:var(--txt)}
.v1flag{font-size:11px;color:#a35a06;background:#fdf3e4;border:1px solid #f0d6ab;border-radius:8px;padding:6px 10px;display:inline-block;margin-top:12px}

.apps{display:flex;flex-direction:column;gap:11px;margin-top:14px}
.appcard{display:grid;grid-template-columns:40px 56px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px 18px;transition:border-color .15s,transform .15s}
.appcard:hover{border-color:var(--accent);transform:translateY(-1px)}
.rank{font-size:20px;font-weight:800;color:var(--dim);text-align:center;font-family:monospace}
.rank.top{color:var(--accent)}
.ainfo .nm{font-weight:800;font-size:17px;color:var(--txt)}
.ainfo .price{font-size:12.5px;color:var(--muted);margin-top:2px}
.ainfo .comm{color:var(--gold);font-weight:600} .ainfo .comm .n{color:var(--dim);font-weight:400}
.ainfo .blurb{font-size:12.5px;color:var(--dim);margin-top:5px;max-width:560px}
.score{text-align:right}
.score .n{font-size:26px;font-weight:800;font-family:monospace;line-height:1;color:var(--accent)}
.score .l{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}

.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.detail-grid{display:grid;grid-template-columns:340px 1fr;gap:24px;margin-top:12px}
.axrow{display:flex;align-items:center;gap:10px;margin:7px 0}
.axrow .an{width:160px;font-size:13px;color:var(--muted)}
.axrow .track{flex:1;height:8px;background:#e9efed;border-radius:5px;overflow:hidden}
.axrow .track>i{display:block;height:100%;background:var(--accent)}
.axrow .av{width:30px;text-align:right;font-family:monospace;font-size:13px;font-weight:700;color:var(--txt)}
.cta-honest{margin-top:18px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg2)}
.cta-honest.aff{border-color:#f0c17a;background:#fdf6ec}
.cta-honest .h{font-size:12.5px;color:var(--muted);margin-bottom:9px}
.commline{font-size:13px;color:var(--muted);margin:2px 0 12px}
.commline .s{color:var(--gold);font-weight:700}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.linkcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.linkcard:hover{border-color:var(--accent)}
.linkcard .t{font-weight:700;color:var(--txt)}
.linkcard .d{font-size:12.5px;color:var(--muted);margin-top:3px}

.hero-band{margin-top:-8px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(135deg,#0f766e,#0d9488)}
.hero-inner{max-width:1080px;margin:0 auto;padding:52px 20px 46px}
.hero-band h1{color:#fff;margin:0 0 12px}
.hero-band .g2{color:#f7c948}
.hero-lead{font-size:17px;color:rgba(255,255,255,.92);max-width:600px;margin:0;line-height:1.5}
.searchbox{position:relative;max-width:560px;margin:22px 0 0}
.searchbox .sb-in{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px rgba(6,40,36,.22)}
.searchbox .sb-in svg{width:18px;height:18px;color:#0d9488;flex:none}
.searchbox input{flex:1;border:none;outline:none;font-size:15px;color:#14211f;background:transparent;font-family:inherit}
.searchbox input::placeholder{color:#9aa6a2}
.searchbox .s-go{border:none;background:#d97706;color:#fff;min-width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:16px;font-weight:700;flex:none}
.searchbox .s-go:hover{background:#b8600a}
.suggest{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;margin-top:8px;box-shadow:0 14px 34px rgba(6,40,36,.2);overflow:hidden;z-index:20;display:none}
.suggest.on{display:block}
.suggest a{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;font-size:14px;color:#14211f;border-top:0.5px solid #eef1f4;font-weight:600}
.suggest a:first-child{border-top:none}
.suggest a:hover{background:#f2f6f5}
.suggest a .sc{font-family:monospace;color:#0d9488;font-weight:700;font-size:13px}
.suggest .none{padding:12px 15px;font-size:13px;color:#8a938f}
.hero-alt{margin-top:15px;font-size:14px;color:rgba(255,255,255,.92)}
.hero-alt a{color:#fff;text-decoration:underline;font-weight:600}
@media(max-width:720px){.hero-inner{padding:38px 20px 34px}}

.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:14px}
.cat-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:block;position:relative;transition:border-color .15s,transform .15s}
.cat-tile.live:hover{border-color:var(--accent);transform:translateY(-1px)}
.cat-tile.soon{opacity:.62}
.cat-tile .ico{width:38px;height:38px;border-radius:10px;background:var(--card2);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:11px}
.cat-tile .ico svg{width:20px;height:20px}
.cat-tile .t{font-weight:800;font-size:15px;color:var(--txt)}
.cat-tile .d{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.45}
.cat-tile .tag{position:absolute;top:14px;right:14px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.cat-tile.soon .tag{color:var(--dim)}
.cat-tile.live .tag{color:var(--accent)}
.rk-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0}
.rk-ctl{display:flex;align-items:center;gap:7px}
.rk-ctl label,.rk-toggle{font-size:13px;font-weight:600;color:var(--txt)}
.rk-ctl label{color:var(--muted);font-weight:700}
.rk-controls select{font-family:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--line2);border-radius:8px;background:#fff;color:var(--txt);cursor:pointer}
.rk-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}
.rk-toggle input,.rk-cmp input{accent-color:var(--accent)}
.rk-count{font-size:12.5px;color:var(--dim);margin-left:auto}
.rk-card{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin-bottom:11px}
.rk-card:hover{border-color:var(--accent)}
.rk-card .rank{font-size:19px;font-weight:800;color:var(--dim);text-align:center;font-family:monospace}
.rk-card .rank.top{color:var(--accent)}
.rk-body{display:flex;align-items:center;gap:12px;min-width:0}
.rk-body .mini{flex:none}
.rk-txt{min-width:0}
.rk-txt .nm{font-weight:800;font-size:16px;color:var(--txt)}
.rk-txt .price{font-size:12.5px;color:var(--muted);margin-top:2px}
.rk-txt .price .cm{color:var(--gold)}
.rk-txt .blurb{font-size:12px;color:var(--dim);margin-top:4px;max-width:520px}
.rk-cmp{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);cursor:pointer;white-space:nowrap}
.rk-score{text-align:right}
.rk-score .n{font-size:22px;font-weight:800;font-family:monospace;color:var(--accent);line-height:1}
.rk-score .l{font-size:9.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.4px}
.rk-empty{padding:20px;text-align:center;color:var(--muted);font-size:14px}
.rk-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:50;display:none;align-items:center;gap:12px;background:var(--txt);color:#fff;border-radius:30px;padding:9px 10px 9px 18px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.rk-bar.on{display:flex}
.rk-bar .txt{font-size:13px;font-weight:600}
.rk-bar .btn{padding:8px 16px;font-size:13px}
.rk-bar .btn.off{opacity:.5;pointer-events:none}
.rk-bar .clear{background:none;border:none;color:rgba(255,255,255,.7);font-size:12px;cursor:pointer}
@media(max-width:720px){.rk-card{grid-template-columns:24px 1fr auto auto;gap:8px;padding:12px}.rk-body .mini{display:none}.rk-txt .blurb{display:none}.rk-cmp span{display:none}.rk-count{width:100%;margin-left:0}}
.foot{border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;padding:26px 0;margin-top:34px;background:var(--bg2)}
.foot .wrap{display:flex;gap:22px;flex-wrap:wrap;justify-content:space-between}
.foot b{color:var(--txt)}
.foot a:hover{color:var(--accent)}
@media(max-width:720px){.detail-grid,.grid2{grid-template-columns:1fr}h1{font-size:30px}.appcard{grid-template-columns:32px 1fr auto;gap:10px}.appcard .mini{display:none}.nav .hideM{display:none}.menu-btn{display:flex}.axrow .an{width:118px}}