.phead{padding:40px 0 10px}.phead h1{font-size:clamp(36px,7vw,60px)}
.grid3{display:grid;gap:16px}@media(min-width:800px){.grid3{grid-template-columns:repeat(3,1fr)}}
.prod{background:linear-gradient(180deg,var(--bg2),#07100c);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:6px}
.prod.hl{border-color:var(--g);box-shadow:0 0 40px -18px var(--g)}.prod.center{max-width:520px;margin:auto;text-align:center;align-items:center}
.prod h3{margin:0;font-size:21px}.prod .btn{margin-top:auto;text-align:center}.prod .btn+.btn{margin-top:8px}
.pimg{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-bottom:8px}
.tag{margin:0;font:700 12px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--g)}
.price{font-size:30px;font-weight:800;margin:0}.price small{font-size:15px;color:var(--mu);font-weight:500}
.ticks{list-style:none;padding:0;margin:6px 0 14px;color:#c4d6ca}.ticks li{padding-left:24px;position:relative;margin:4px 0}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:800}
.small{font-size:14px}.disc{width:100%;font-size:12px}
.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats div{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--bg2)}.stats b{display:block;font-size:28px;color:var(--g)}.stats span{color:var(--mu)}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:10px;max-width:720px}.steps li{counter-increment:s;padding:14px 16px 14px 56px;position:relative;border:1px solid var(--line);border-radius:14px;background:var(--bg2);color:#c4d6ca}.steps li:before{content:counter(s);position:absolute;left:16px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--g);color:#03140a;display:grid;place-items:center;font-weight:800}
.cta .steps.left{text-align:left;margin:20px auto}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.filters input,.filters select{background:#08130d;border:1px solid #24402f;color:var(--tx);border-radius:12px;padding:12px 14px;font:inherit;min-width:0;flex:1}
.tools{display:grid;gap:12px}@media(min-width:700px){.tools{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.tools{grid-template-columns:repeat(3,1fr)}}
.tool{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--bg2);display:flex;flex-direction:column}.tool h3{margin:0;font-size:18px}.tool p{margin:8px 0 0;color:#c4d6ca;font-size:15px}.tool .meta{color:var(--mu);font-size:13px}
.th{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.cat{font:600 11px ui-monospace,monospace;color:var(--g);border:1px solid var(--line);border-radius:999px;padding:3px 8px;white-space:nowrap}
.vis{margin-top:auto;padding-top:10px;font-weight:700;text-decoration:none}
.merch{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.merch img{width:100%;border-radius:14px;background:#0b1611;border:1px solid var(--line)}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--g);color:#03140a;padding:12px 18px;border-radius:12px;font-weight:700;transition:transform .25s;z-index:9;max-width:90vw;text-align:center}#toast.on{transform:translateX(-50%)}
@media(max-width:520px){.nav nav a.keep{display:inline}.nav nav{gap:12px}}
.tool[hidden],[hidden]{display:none!important}
#toast{opacity:0;pointer-events:none}#toast.on{opacity:1}#toast:empty{display:none}