*{box-sizing:border-box}body{margin:0;background:#0b0d12;color:#e7e9ee;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid #1d2230;position:sticky;top:0;background:#0b0d12e6;backdrop-filter:blur(8px);z-index:2}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}.logo{font-size:22px}.logo span,h1{color:#8b7cff}
.btn{background:linear-gradient(90deg,#8b7cff,#36d1dc);color:#0b0d12;border:0;padding:9px 16px;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer}
.hero{padding:48px 20px 16px}h1{font-size:clamp(32px,6vw,52px);margin:0 0 8px;background:linear-gradient(90deg,#8b7cff,#36d1dc);-webkit-background-clip:text;color:transparent}
.hero p{color:#9aa3b5;max-width:620px}#q,form input{width:100%;padding:14px;border-radius:12px;border:1px solid #262c3d;background:#131722;color:#fff;font-size:16px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{padding:6px 12px;border-radius:999px;border:1px solid #262c3d;background:#131722;color:#cbd2e0;cursor:pointer}.chip.on{background:#8b7cff;color:#0b0d12;border-color:#8b7cff}
h2{margin:36px 0 14px}h2 small{color:#6b748a;font-size:14px}h3{margin:24px 0 10px;color:#36d1dc}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{background:#131722;border:1px solid #1d2230;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.card:hover{border-color:#8b7cff}
.card a{color:#36d1dc;text-decoration:none;font-weight:600;margin-top:auto}.card p{margin:0;color:#9aa3b5;font-size:14px}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:12px;padding:2px 8px;border-radius:6px;background:#1d2230;color:#cbd2e0}.tag.best{background:#2a2550;color:#c7bfff}.warn{background:#3a2a10;color:#ffcf7a}
.pick ol{margin:0;padding-left:20px}.pick li{margin:4px 0}.pick li a{color:#e7e9ee}
.signup{margin-top:40px;background:#131722;border:1px solid #262c3d;border-radius:18px;padding:28px}form{display:flex;gap:10px;flex-wrap:wrap}form input{flex:1;min-width:200px}
footer{color:#6b748a;font-size:13px;padding:40px 20px}
.muted{color:#9aa3b5;max-width:760px}.price{color:#e7e9ee!important}.price small{color:#6b748a}.price small a{font-weight:400;margin:0}
.kicker{color:#36d1dc;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin:0 0 6px}
.chip.dim{opacity:.7}.tag.free{background:#123a2a;color:#7be3b0}.note{font-size:12.5px!important;color:#c9b88a!important;background:#1d1a12;border-radius:8px;padding:6px 8px}
.stack ol{margin:6px 0 0;padding-left:20px}.stack li{margin:6px 0}.stack li a{margin:0;display:inline}.stack small{color:#6b748a}.role{display:inline-block;min-width:92px;color:#9aa3b5;font-size:13px}
.small{font-size:13px}details.more{grid-column:1/-1;margin-top:6px}details.more summary{cursor:pointer;color:#9aa3b5;margin-bottom:12px}h2.sub{color:#9aa3b5;font-size:20px;border-top:1px solid #1d2230;padding-top:24px}

a{color:#36d1dc}a:visited{color:#8b7cff}a:hover{color:#7fe6ee}.logo{color:#e7e9ee;text-decoration:none}header nav{display:flex;gap:16px;align-items:center}header nav a:not(.btn){color:#cbd2e0;text-decoration:none}header nav a.btn,header nav a.btn:visited{color:#0b0d12}.pick li a:visited{color:#e7e9ee}.about{max-width:760px}.about p,.about li{color:#cbd2e0}

.faq{margin:10px 0;border:1px solid #1d2230;border-radius:12px;background:#131722;padding:10px 14px}.faq summary{cursor:pointer;color:#e7e9ee;font-weight:600}.faq p{margin:8px 0 2px;color:#cbd2e0}