:root{--bg:#06100d;--panel:#0c1915;--panel2:#101f1a;--ink:#f5faf6;--muted:#b9c7bf;--green:#78d34b;--gold:#ffd34f;--line:rgba(255,255,255,.13);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.sim-shell{width:min(var(--max),calc(100% - 40px));margin:auto}.sim-hero{padding:72px 0 58px;background:radial-gradient(circle at 80% 15%,rgba(120,211,75,.18),transparent 30%),linear-gradient(135deg,#07120e,#0d2118);border-bottom:1px solid var(--line)}.sim-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:900}.sim-hero h1{font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em;margin:12px 0 18px;max-width:900px}.sim-hero p{font-size:1.16rem;color:var(--muted);max-width:790px}.sim-actions,.card-actions{display:flex;gap:10px;flex-wrap:wrap}.sim-btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 17px;border-radius:10px;text-decoration:none;font-weight:900;border:1px solid var(--line)}.sim-btn.primary{background:var(--green);color:#071006;border-color:var(--green)}.sim-btn.gold{border-color:rgba(255,211,79,.5);color:var(--gold)}.sim-section{padding:58px 0}.sim-section.alt{background:#081510;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sim-section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:0 0 10px}.sim-intro{color:var(--muted);max-width:780px;margin:0 0 26px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 18px 42px rgba(0,0,0,.2)}.product-media{aspect-ratio:1/1;background:#f6f8f5;padding:20px;display:grid;place-items:center}.product-media img{width:100%;height:100%;object-fit:contain}.product-body{padding:22px;display:flex;flex-direction:column;gap:13px;flex:1}.award{color:var(--gold);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.product-card h3{font-size:1.55rem;line-height:1.08;margin:0}.verdict{color:#e5eee8;margin:0}.meta{display:grid;gap:9px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.meta div{display:grid;grid-template-columns:120px 1fr;gap:12px}.meta b{color:var(--muted);font-size:.85rem}.score{font-size:1.3rem;font-weight:1000;color:var(--green)}.card-actions{margin-top:auto}.card-actions .sim-btn{flex:1 1 auto;font-size:.88rem;padding:11px}.card-actions .primary{flex-basis:100%}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel)}.guide-card h3{margin:0 0 8px}.guide-card p{color:var(--muted);margin:0}.insight{border-left:4px solid var(--gold);padding:18px 20px;background:rgba(255,211,79,.06);border-radius:0 14px 14px 0;margin-top:25px}.checker{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.control-panel,.result-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:24px}.control-panel label{display:block;font-weight:900;margin:0 0 8px}.control-panel select{width:100%;background:#07110e;color:white;border:1px solid var(--line);padding:13px;border-radius:10px;margin-bottom:18px}.compat-table{width:100%;border-collapse:collapse}.compat-table th,.compat-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.yes{color:var(--green);font-weight:900}.limited{color:var(--gold);font-weight:900}.no{color:#ff8a8a;font-weight:900}.canonical-note{padding:14px 18px;border:1px solid rgba(120,211,75,.25);background:rgba(120,211,75,.07);border-radius:12px;color:#dff5d6}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.persona{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
@media(max-width:900px){.product-grid,.guide-grid,.persona-grid{grid-template-columns:1fr 1fr}.checker{grid-template-columns:1fr}}@media(max-width:640px){.sim-shell{width:min(100% - 28px,var(--max))}.product-grid,.guide-grid,.persona-grid{grid-template-columns:1fr}.sim-hero{padding:52px 0 44px}.meta div{grid-template-columns:1fr}.sim-btn{width:100%}}