:root{--ink:#0f172a;--mut:#64748b;--sf:#f6f7f9;--bd:#e5e7eb;--ac:#4f46e5;--ac2:#06b6d4}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--ac);text-decoration:none}.w{max-width:1180px;margin:0 auto;padding:0 20px}
.sample{background:#fef3c7;color:#92400e;text-align:center;font-size:13px;padding:6px}
header{border-bottom:1px solid var(--bd);position:sticky;top:0;background:#fff;z-index:9}
.nav{display:flex;align-items:center;gap:22px;height:64px}.logo{font-weight:800;font-size:18px;color:var(--ink);display:flex;gap:8px;align-items:center;white-space:nowrap}.logo img{display:block;height:34px;width:auto}
.logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--ac),var(--ac2));display:grid;place-items:center;color:#fff;font-style:normal;font-size:15px;flex:none}
.nav nav{display:flex;gap:18px;margin-left:auto}.nav nav a{color:var(--mut);font-weight:500;font-size:15px}
.hero{text-align:center;padding:60px 0 40px;background:radial-gradient(600px 240px at 50% 0,#eef2ff,transparent)}
.stamp{display:inline-flex;gap:6px;align-items:center;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:600}
h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.03em;margin:16px 0}
.grad{background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;color:transparent}
.lead{color:var(--mut);font-size:19px;max-width:620px;margin:0 auto}
.search{display:flex;max-width:600px;margin:28px auto 0;border:1px solid var(--bd);border-radius:14px;padding:6px;box-shadow:0 10px 30px -12px rgba(79,70,229,.3);background:#fff}
.search input{flex:1;border:0;font-size:16px;padding:10px 14px;outline:0}.btn{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:11px 20px;font-weight:600;cursor:pointer;display:inline-block;font-size:15px}
.btn.ac{background:linear-gradient(90deg,var(--ac),#7c3aed)}
h2{font-size:28px;letter-spacing:-.02em;margin:48px 0 18px}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:18px;color:var(--ink);transition:.2s}.cat:hover{transform:translateY(-3px);box-shadow:0 12px 24px -14px rgba(0,0,0,.25);background:#fff}
.mono{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;flex:none}
.cat b{display:block;margin-top:12px}.cat small{color:var(--mut);font-size:13px}
.trend{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tc{border:1px solid var(--bd);border-radius:16px;padding:18px;background:#fff;display:flex;gap:12px;align-items:center}
.tc small{color:var(--mut)}.pill{font-size:12px;background:var(--sf);border:1px solid var(--bd);border-radius:99px;padding:2px 9px;color:var(--mut)}
.news{margin:56px 0;border-radius:24px;padding:40px;background:linear-gradient(120deg,#312e81,#4f46e5 55%,#06b6d4);color:#fff;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.news h2{margin:0;color:#fff}.news form{display:flex;gap:8px;flex-wrap:wrap}.news input{padding:12px 14px;border-radius:10px;border:0;min-width:240px;font-size:15px}
.ok{display:none;background:#fff;color:#047857;padding:12px 18px;border-radius:12px;font-weight:600}
footer{border-top:1px solid var(--bd);margin-top:60px;padding:30px 0;color:var(--mut);font-size:14px}footer a{color:var(--mut);margin-right:16px}
.crumb{font-size:13px;color:var(--mut);margin:20px 0 0}.crumb a{color:var(--mut)}
.disc{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:12px;padding:12px 14px;font-size:14px}
.card{border:1px solid var(--bd);border-radius:18px;padding:22px;margin:16px 0;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start}
.rank{font-size:13px;font-weight:800;color:var(--ac)}.card h3{margin:2px 0 6px;font-size:21px}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px;font-size:14px;margin-top:10px}.facts span{color:var(--mut)}
.score{background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:8px 12px;text-align:center;font-weight:800;font-size:20px}.score small{display:block;font-size:11px;color:var(--mut);font-weight:500}
.cta{display:grid;gap:8px;justify-items:end}.cta small{color:var(--mut);font-size:12px}
table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--bd);border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--bd)}th{background:var(--sf)}
.tw{overflow-x:auto}.y{color:#047857;font-weight:600}.n{color:#b91c1c;font-weight:600}
.shotph{height:220px;margin:18px 0;border:1px dashed #cbd5e1;border-radius:10px;background:var(--sf);color:#94a3b8;display:grid;place-items:center;font-size:13px}
.prose{max-width:760px}.prose h2{font-size:24px}
details{border:1px solid var(--bd);border-radius:12px;padding:14px;margin:10px 0;background:var(--sf)}summary{font-weight:600;cursor:pointer}
.sort{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sort a{border:1px solid var(--bd);padding:6px 12px;border-radius:99px;color:var(--ink);font-size:14px}.sort a.on{background:var(--ink);color:#fff}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.trend{grid-template-columns:1fr 1fr}.nav nav{display:none}
.card{grid-template-columns:auto 1fr}.cta{grid-column:1/-1;justify-items:stretch;text-align:center}}
@media(max-width:520px){.trend{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.news{padding:26px}.news input{min-width:0;flex:1}.logo{font-size:15px}}
/* gfx:start (generated by atulit_gfx.py) */
.ic{display:inline-block;vertical-align:-.18em;flex:none}
nav a .ic{width:16px;height:16px;margin-right:5px;opacity:.75}
.thm{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--gx-bd,#e5e7eb);background:transparent;color:inherit;cursor:pointer;margin-left:14px;flex:none;padding:0}
.thm:hover{background:rgba(127,127,127,.12)}.thm .i-sun{display:none}
html[data-theme=dark] .thm .i-sun{display:block}html[data-theme=dark] .thm .i-moon{display:none}
.flogo{border-radius:8px;background:#fff;object-fit:contain;flex:none;vertical-align:middle}
.ibadge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--c,#4f46e5);color:#fff;flex:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.ibadge.sm{width:34px;height:34px;border-radius:10px}.ibadge.lg{width:64px;height:64px;border-radius:18px}
.ibadge.soft{background:color-mix(in srgb,var(--c) 13%,transparent);color:var(--c);box-shadow:none}
.gchip{display:inline-flex;align-items:center;gap:5px}
.hero-gfx{display:block;width:100%;height:auto;max-width:520px;margin:0 auto}
.gx-soft{fill:#f3f5f9}.gx-card{fill:#fff;stroke:#e5e7eb}.gx-line{fill:#e5e7eb}
html[data-theme=dark] .gx-soft{fill:#1a1e26}html[data-theme=dark] .gx-card{fill:#161a21;stroke:#2c3240}html[data-theme=dark] .gx-line{fill:#2c3240}
.secdeco{display:flex;align-items:center;gap:10px}.secdeco .ibadge{width:36px;height:36px;border-radius:11px}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] header img[src*="wordmark"],html[data-theme=dark] footer img[src*="wordmark"],html[data-theme=dark] .top img[src*="wordmark"],html[data-theme=dark] .foot img[src*="wordmark"]{background:#fff;border-radius:9px;padding:4px 8px;box-sizing:content-box}
html[data-theme=dark] img:not(.flogo):not([src*=".svg"]){filter:brightness(.92)}
.hs{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;text-align:left}.hs .lead{margin-left:0}.stamp .ic{color:#047857}
.ticks{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px 18px}.ticks li{display:flex;gap:7px;align-items:center;font-weight:600;font-size:15px}.ticks .ic{color:var(--ac)}
.mono.lg{background:#fff;border:1px solid var(--bd)}.cat b{margin-top:14px}.tk{display:inline-flex;align-items:center;gap:4px}.tk .ic{color:var(--c)}
.tn{display:flex;align-items:center;gap:9px}.gchip .ic{color:var(--mut)}.gchip .ic.ok{color:#16a34a}.gchip .ic.pr{color:var(--ac)}.sort a{display:inline-flex;align-items:center;gap:5px}
.credit{font-size:12px}.credit a{margin:0;text-decoration:underline}
@media(max-width:900px){.hs{grid-template-columns:1fr;text-align:center}.hs .hero-gfx{max-width:320px}.ticks{justify-content:center}.hs .lead{margin:0 auto 10px}}
html[data-theme=dark] .sample{background:#2a2410;color:#fcd34d}html[data-theme=dark] .hero{background:radial-gradient(600px 240px at 50% 0,#1c1f3a,transparent)}

html[data-theme=dark]{--ink:#c7d1eb;--mut:#9ba3b0;--sf:#16181c;--bd:#22262b}html[data-theme=dark] body{background:#0f1115}html[data-theme=dark] .sample{background:#4d431d;color:#f09761}html[data-theme=dark] header{background:#0f1115}html[data-theme=dark] .hero{background:radial-gradient(600px 240px at 50% 0,#16191d,transparent)}html[data-theme=dark] .stamp{background:#173d2b;color:#b5fde8}html[data-theme=dark] .search{box-shadow:0 10px 30px -12px rgba(79,70,229,0.3);background:#0f1115}html[data-theme=dark] .cat:hover{box-shadow:0 12px 24px -14px rgba(255,255,255,0.25);background:#0f1115}html[data-theme=dark] .tc{background:#0f1115}html[data-theme=dark] .ok{background:#0f1115;color:#b5fde8}html[data-theme=dark] .disc{background:#16181c;border:1px solid #1e3450;color:#718de0}html[data-theme=dark] .card{background:#0f1115}html[data-theme=dark] .y{color:#b5fde8}html[data-theme=dark] .n{color:#e86868}html[data-theme=dark] .stamp .ic{color:#b5fde8}html[data-theme=dark] .mono.lg{background:#0f1115}html[data-theme=dark] .gchip .ic.ok{color:#66ea97}html[data-theme=dark],html[data-theme=dark] body{background:#0f1115;color:#e6e8ec}html[data-theme=dark] .ibadge.soft{background:color-mix(in srgb,var(--c) 22%,transparent)}
/* gfx:end */