:root{--bg:#0a100d;--panel:#111a16;--panel2:#16221c;--line:#243329;--lime:#c2f04a;--gold:#ffd60a;--ink:#eef5ef;--muted:#94a89d;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{max-width:1000px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:50;background:rgba(10,16,13,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-family:Sora;font-weight:800;font-size:18px}.brand .g{color:var(--gold)}
.nav a{font-family:Sora;font-weight:600;font-size:13.5px;margin-left:18px;color:var(--muted)}.nav a:hover{color:var(--lime)}
section{padding:50px 0}
.btn{display:inline-flex;align-items:center;gap:9px;border-radius:30px;padding:14px 26px;font-family:Sora;font-weight:700;font-size:15px;cursor:pointer;border:1px solid transparent;transition:.2s}
.btn-primary{background:var(--lime);color:#0a100d}.btn-primary:hover{background:#d4ff63}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.btn-wa{background:#25D366;color:#053b1e}.btn-wa:hover{background:#2bea73}
.hero{background:radial-gradient(60% 70% at 80% 10%,rgba(194,240,74,.12),transparent 60%)}
.tag{display:inline-flex;gap:8px;background:rgba(194,240,74,.12);border:1px solid rgba(194,240,74,.4);color:var(--lime);font-family:Sora;font-weight:700;font-size:12px;padding:6px 14px;border-radius:30px;margin-bottom:18px}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,5.5vw,50px);line-height:1.05;max-width:740px}
h1 em{color:var(--lime);font-style:italic}
.lead{color:#cdd6cf;font-size:clamp(16px,1.8vw,19px);max-width:620px;margin:18px 0 26px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.kick{font-family:Sora;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--lime);margin-bottom:10px}
h2.s{font-family:var(--serif);font-weight:500;font-size:clamp(24px,3.6vw,34px);margin-bottom:18px}
.facts{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.facts td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.facts tr:last-child td{border-bottom:none}
.facts td:first-child{color:var(--muted);width:34%;font-family:Sora;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}
.prodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.prodgrid{grid-template-columns:repeat(2,1fr)}}
.pc{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.pc:hover{border-color:var(--lime);transform:translateY(-4px)}
.pc .im{aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center}
.pc .im img{width:100%;height:100%;object-fit:contain;padding:14px}
.pc .bd{padding:12px}.pc .bn{font-family:Sora;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.pc h3{font-size:13.5px;font-weight:600;margin:3px 0 8px;line-height:1.25}.pc .pr{font-family:Sora;font-weight:800;font-size:18px}
.faq-q{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:10px}
.faq-q h3{font-family:Sora;font-size:15px;margin-bottom:5px}.faq-q p{color:var(--muted);font-size:14px}
.cta-band{background:linear-gradient(120deg,rgba(194,240,74,.12),transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
footer{padding:30px 0;color:var(--muted);font-size:13px;text-align:center;border-top:1px solid var(--line)}footer a{color:var(--lime)}