:root{--bg:#121417;--panel:#20242aeb;--panel2:#282d34d9;--border:#ffffff14;--steel:#8b949e;--iron:#3b4047;--blue:#0a4aa6;--blue-soft:#2f6fff;--text:#fff;--muted:#ffffffb3;--muted2:#ffffff73;--radius:14px;--max:1200px;--shadow:0 0 0 1px #ffffff26,0 25px 80px #000000a6;--shadow-soft:0 10px 35px #0000008c}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(circle at top,#1e2329,#0f1114 60%),linear-gradient(#181c22,#0b0d10);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:auto;padding:0 16px}.section{margin-top:-130px;padding:70px 0}.card,.cardGlow{background:linear-gradient(160deg,var(--panel),var(--iron));border-radius:var(--radius);border:1px solid var(--border)}.card{box-shadow:var(--shadow-soft)}.cardGlow{box-shadow:var(--shadow)}.btn{border:1px solid var(--border);color:#fff;cursor:pointer;background:#1a1d22;border-radius:12px;padding:10px 16px;font-weight:700;transition:all .25s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ffffff26}.btnPrimary{background:linear-gradient(135deg,var(--blue),var(--blue-soft));box-shadow:0 10px 30px #ffffff40}.btnSilver{background:#0d0f12}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:40;background:#0a0c0fd9;position:sticky;top:0}.navRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.navLinks{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.navLinks .btn{white-space:nowrap}.logoBox{width:auto;height:clamp(160px,18vw,80px);box-shadow:var(--iron);border-radius:190px;align-items:center;padding:clamp(6px,2vw,10px) clamp(10px,3vw,18px);display:flex;overflow:hidden}.logoBox img{object-fit:contain;width:auto;height:100%;display:block}.hero{padding:60px 0 50px}.grid2{gap:32px;display:grid}@media (min-width:900px){.grid2{grid-template-columns:1.2fr 1fr}}.h1{margin:-20px 0 0;font-size:clamp(36px,6vw,52px);line-height:1.05}.h2{font-size:28px}.sub{color:var(--muted)}.heroBrand{letter-spacing:.18em;text-transform:uppercase;color:#0000;background:linear-gradient(90deg,#fffffff2,#ffffff8c);text-shadow:0 10px 25px #00000059;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:900;display:inline-flex}.heroBrand:before{content:"";background:#ffffffa6;border-radius:999px;width:26px;height:2px;box-shadow:0 6px 18px #ffffff2e}.heroAccent{color:var(--blue-soft);text-shadow:0 10px 30px #ffffff1f}.logoHero{border:1px solid var(--border);width:auto;height:90px;box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#2b3037,#15181d);border-radius:999px;align-items:center;padding:12px 20px;display:flex;overflow:hidden}.logoHero img{object-fit:contain;width:auto;height:100%;display:block}.chips{flex-wrap:wrap;gap:12px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;color:#fff;background:#1c2026;border-radius:12px;padding:10px 16px;font-weight:600}.chipActive{background:var(--blue);color:#fff}.grid3{gap:16px;margin-top:24px;display:grid}@media (min-width:720px){.grid3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid3{grid-template-columns:repeat(3,1fr)}}.product{width:100%;padding:14px;transition:all .25s}.product:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.thumb{aspect-ratio:4/3;color:var(--muted2);background:repeating-linear-gradient(45deg,#2a2f36,#2a2f36 10px,#303641 10px 20px);border-radius:12px;place-items:center;font-weight:900;display:grid}.productTitle{margin-top:14px;font-weight:900}.row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.footer{color:#fff;border-top:1px solid var(--border);background:#050608;padding:35px 0}@media (max-width:760px){.navRow{flex-direction:column;align-items:stretch}.brand{width:100%}.navLinks{justify-content:space-between;width:100%}.navLinks a{padding:10px 0}.navLinks .btn{text-align:center;flex:1}}.logoBox{width:auto;height:clamp(175px,22vw,140px);padding:8px 16px}.brandTitle{letter-spacing:.05em;font-size:clamp(18px,5vw,60px);font-weight:900;line-height:1}.brandSubtitle{color:var(--muted2);margin-top:6px;font-size:clamp(12px,3.6vw,35px);line-height:1}@media (max-width:760px){.navRow{flex-direction:column;align-items:flex-start;gap:12px}.brand{width:100%}.navLinks{justify-content:space-between;gap:12px;width:100%;margin-top:-25px}.navLinks .btn{text-align:center;flex:1}}@media (min-width:761px){.navRow{align-items:right;grid-template-columns:auto 1fr;column-gap:32px;display:grid}.brand{grid-column:2}.navLinks{grid-column:2;justify-self:left;margin-top:-15px}}
