.hero{background:linear-gradient(135deg,#0f766e,#0b2545);color:#fff;padding:28px 16px 32px}.hero h1{margin:0 0 6px;font-size:1.6rem}.hero p{margin:0 0 14px}
.hero.sm{padding:22px 16px}.hero .ico{display:inline-flex;background:#fff;border-radius:14px;padding:10px;margin-bottom:10px}
.pick{background:#fff;border-radius:14px;padding:14px;color:#0b2545;display:grid;gap:8px;box-shadow:0 6px 20px #0003}.pick label{margin:0}.pick button{background:#c2410c;color:#fff;border:0;border-radius:10px;padding:13px;font-size:16px;font-weight:700;margin-top:6px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;margin-bottom:14px}.crumbs a{color:#0f766e;font-weight:600}
.cats{display:grid;gap:12px}@media(min-width:560px){.cats{grid-template-columns:1fr 1fr}}
.cat{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:#0b2545;border-radius:14px;padding:14px;border:1px solid #0001;box-shadow:0 1px 3px #0001;transition:transform .15s}.cat:hover,.cat:focus{transform:translateY(-2px)}
.cat .ib{flex:none;background:#fff;border-radius:12px;padding:8px;display:flex}.cat h3{margin:0 0 2px;font-size:1rem}.cat p{margin:0;font-size:14px;color:#334155}.cat .go{font-size:13px;font-weight:700;margin-top:6px;display:block}
.how{margin:18px 0}.how h2{font-size:1.15rem}.how ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}.how li{display:flex;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0001}
.how b{flex:none;width:34px;height:34px;border-radius:50%;background:#ffd166;color:#0b2545;display:grid;place-items:center}
.cta{background:#0b2545;color:#fff;border-radius:14px;padding:18px;margin:16px 0}.cta p{margin:0}
.btn{display:inline-block;background:#c2410c;color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:12px 18px;margin-top:10px}
.empty{text-align:center;border:2px dashed #94a3b8;border-radius:14px;padding:22px 16px;background:#f8fafc}.empty h3{margin:4px 0}.empty p{margin:4px 0 0;color:#334155}
.lc{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px #0b254522;border-top:6px solid #0f766e;margin-bottom:14px}.lc.premium{border-top-color:#b45309}.lc.basic{border-top-color:#94a3b8}
.lc h3{margin:8px 0 2px;font-size:1.1rem}.lc .role{margin:0 0 8px;color:#334155;font-size:14px}.badges{display:flex;flex-wrap:wrap;gap:6px}
.bd{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:#e2e8f0;color:#0b2545}.bd.f{background:#0f766e;color:#fff}.bd.p{background:#ffd166;color:#5a3a00}.bd.s{background:#e8eefc;color:#1d4ed8}.bd.m{background:#e6f4ea;color:#15803d}.bd.fee{background:#fdf0e6;color:#92400e}
.lc dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;margin:10px 0}.lc dt{font-weight:700}.lc dd{margin:0}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tags span{font-size:12px;border:1px solid #cbd5e1;border-radius:999px;padding:2px 8px}
.plans{display:grid;gap:14px;margin-bottom:12px}@media(min-width:620px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 4px #0002;border:2px solid transparent;position:relative}.plan.hot{border-color:#0f766e}.plan .rib{position:absolute;top:-11px;right:14px;background:#0f766e;color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px}
.plan h3{margin:0}.plan .pr{font-size:1.8rem;font-weight:800;margin:6px 0 0}.plan .pr small{font-size:13px;font-weight:400}.plan ul{padding:0;list-style:none;margin:10px 0 0}.plan li{padding:4px 0 4px 22px;position:relative;font-size:14px}.plan li:before{content:"✓";position:absolute;left:0;color:#0f766e;font-weight:800}
.exit.wide{background:#0f766e;margin-top:14px;width:100%;padding:13px;font-size:16px}