
:root{
  --bg:#020a18; --bg2:#07162d; --panel:#0c1930; --panel2:#101f39;
  --line:rgba(155,196,255,.24); --text:#f7fbff; --muted:#b9c9df; --soft:#eaf4ff;
  --accent:#8ec8ff; --accent2:#1c7ed6; --white:#fff; --shadow:0 28px 80px rgba(0,0,0,.36);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 22% 0,rgba(22,90,160,.34),transparent 28%),linear-gradient(180deg,#020914 0%,#041126 45%,#020814 100%);color:var(--text)}
a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:50;background:rgba(3,12,29,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-weight:950;letter-spacing:-.04em;font-size:26px}.logo span{display:block;font-size:10px;letter-spacing:.26em;color:var(--accent);text-transform:uppercase;margin-top:-2px}.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{padding:10px 14px;border-radius:999px;color:#d7e6f9;font-weight:800;font-size:13px}.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.08);color:white}.cart-pill{background:white!important;color:#071326!important;box-shadow:0 15px 40px rgba(142,200,255,.22)}
.hero{padding:80px 0 58px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 75% 10%,rgba(68,134,207,.18),transparent 26%)}.eyebrow{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.28em;color:var(--accent)}h1{font-size:clamp(44px,7vw,84px);line-height:.94;margin:16px 0 18px;letter-spacing:-.075em}.lead{font-size:19px;line-height:1.7;color:#c7d7ec;max-width:790px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:950;min-height:44px;padding:0 18px;font-size:14px;transition:.18s ease}.btn-primary{background:#fff;color:#071326}.btn-primary:hover{transform:translateY(-1px);background:#eaf4ff}.btn-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16)}.btn-secondary:hover{background:rgba(255,255,255,.14)}.btn-wide{width:100%}.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{font-size:clamp(32px,4vw,56px);margin:6px 0 0;letter-spacing:-.06em}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:13px;border:1px solid var(--line);border-radius:28px;background:rgba(10,22,45,.72);box-shadow:var(--shadow);margin-bottom:26px}.search{flex:1;min-width:240px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:white;height:44px;padding:0 16px;font-weight:700}.filter-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:white;border-radius:999px;padding:0 14px;height:44px;font-weight:900;cursor:pointer}.filter-btn.active{background:white;color:#071326}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(15,32,59,.92),rgba(6,17,36,.95));box-shadow:0 30px 70px rgba(1,7,17,.4);transition:.18s ease}.card:hover{transform:translateY(-3px);border-color:rgba(142,200,255,.6)}.product-image-link{display:block;background:linear-gradient(180deg,#f8fafc,#eef4ff);height:260px;padding:18px}.card img{width:100%;height:100%;object-fit:contain;display:block}.badge{position:absolute;left:14px;top:14px;background:rgba(2,8,19,.76);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:950}.card-body{padding:22px}.cat{color:#9fd0ff;letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:950}.title{font-size:21px;line-height:1.12;margin:9px 0 12px;font-weight:950;letter-spacing:-.04em}.price-row{display:flex;align-items:center;gap:8px;margin:10px 0 13px}.price{font-size:20px;font-weight:950;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 12px}.stars{font-size:13px;color:#fff;opacity:.95}.desc{color:#c8d8ef;line-height:1.5;margin:0 0 14px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.chip{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);padding:6px 9px;font-size:12px;color:#dcecff;font-weight:800}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.detail-btn{background:linear-gradient(180deg,#183257,#11213d);border:1px solid rgba(255,255,255,.22);color:#fff}.detail-btn:hover{background:#1f3d68}.buy-btn{background:#fff;color:#071326}.buy-btn:hover{background:#e6f2ff}.gallery-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:start}.gallery{background:#f8fbff;border-radius:28px;padding:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.main-img{height:530px;display:flex;align-items:center;justify-content:center}.main-img img{max-width:100%;max-height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.thumb{width:84px;height:84px;border-radius:14px;background:#fff;border:2px solid transparent;padding:5px;cursor:pointer}.thumb.active{border-color:#0b74d1}.thumb img{width:100%;height:100%;object-fit:contain}.buybox{position:sticky;top:92px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(16,33,62,.95),rgba(7,19,39,.95));padding:26px;box-shadow:var(--shadow)}.product-title{font-size:clamp(34px,4vw,54px);line-height:1;margin:8px 0 10px;letter-spacing:-.06em}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:13px;font-weight:950;margin:0 0 7px;color:#dcecff}.field select,.field input,.field textarea{width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#08162d;color:#fff;padding:0 12px;font-weight:800}.qty{max-width:96px}.info-list{display:grid;gap:10px;margin:20px 0}.info-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px;color:#d7e7fa}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.cart-item{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.05);padding:12px;margin-bottom:12px}.cart-item img{width:96px;height:96px;object-fit:contain;background:white;border-radius:12px}.summary{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.06);padding:22px;align-self:start}.form-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.05);padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:14px;border-radius:18px;background:rgba(142,200,255,.12);border:1px solid rgba(142,200,255,.2);color:#d7eaff}.footer{margin-top:60px;border-top:1px solid rgba(255,255,255,.08);padding:38px 0;color:#aebfd6}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.empty{border:1px dashed var(--line);border-radius:22px;padding:32px;text-align:center;color:#c7d8ee}
@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.gallery-page,.cart-layout,.checkout-layout{grid-template-columns:1fr}.buybox{position:static}.main-img{height:420px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.nav{height:auto;padding:14px 0;flex-direction:column;align-items:flex-start}.navlinks{overflow:auto;width:100%;padding-bottom:2px}.grid{grid-template-columns:1fr}.product-image-link{height:240px}.actions{grid-template-columns:1fr}.select-row,.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}h1{font-size:42px}.section{padding:38px 0}}
.blog-grid .blog-card{display:block;min-height:250px}.blog-card .card-body{height:100%;display:flex;flex-direction:column}.read-more{margin-top:auto;display:inline-flex;width:max-content;border-radius:999px;background:#fff;color:#071326;padding:10px 14px;font-weight:950;font-size:13px}.article-wrap{padding:48px 0 0}.back-link{display:inline-flex;margin-bottom:22px;color:#bfe2ff;font-weight:900}.article-page{max-width:920px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(15,32,59,.95),rgba(6,17,36,.98));box-shadow:var(--shadow);padding:42px;margin:0 auto}.article-kicker{font-size:12px;font-weight:950;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.article-page h1{font-size:clamp(38px,5vw,70px);margin-bottom:18px}.article-lead{font-size:21px}.article-meta{margin:18px 0 30px;color:#9fb5d0;font-weight:800;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.article-section{border-top:1px solid rgba(255,255,255,.09);padding-top:26px;margin-top:26px}.article-section h2{font-size:28px;margin:0 0 10px;letter-spacing:-.04em}.article-section p{font-size:17px;line-height:1.75;color:#d0e0f4;margin:0}.article-cta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:34px;padding:22px;border-radius:24px;background:rgba(142,200,255,.11);border:1px solid rgba(142,200,255,.22)}.article-cta h2{margin:0 0 6px}.article-cta p{margin:0;color:#c7d8ee}.related{max-width:920px;margin:30px auto 0}.related h2{font-size:28px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-link{display:block;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);padding:16px;font-weight:950}.related-link span{display:block;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:10px;margin-bottom:8px}@media (max-width:800px){.article-page{padding:26px}.article-cta{flex-direction:column;align-items:flex-start}.related-grid{grid-template-columns:1fr}}

.video-pill{position:absolute;right:14px;top:14px;z-index:3;border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:950;border:1px solid rgba(255,255,255,.22);background:rgba(2,8,19,.76);color:#fff}.video-pill.soon{background:rgba(255,191,0,.14);color:#ffe9a6}.video-pill.available{background:rgba(46,204,113,.16);color:#b8ffd4}.video-section{margin-top:18px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(15,32,59,.92),rgba(6,17,36,.95));padding:20px;box-shadow:var(--shadow)}.video-section h2{margin:0 0 8px;font-size:28px;letter-spacing:-.04em}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-card{border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.05)}.video-card video{display:block;width:100%;max-height:380px;background:#000}.video-card p{margin:0;padding:12px 14px;color:#d5e6fb;font-weight:800}.coming-video{background:rgba(255,191,0,.08);border-color:rgba(255,219,120,.25)}.coming-video p{color:#ffe8b0}@media(max-width:760px){.video-grid{grid-template-columns:1fr}}

.coming-soon-banner{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,191,0,.14);border:1px solid rgba(255,218,120,.28);color:#ffe8a6;font-weight:950;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;font-size:12px}.btn-disabled{cursor:not-allowed;opacity:.65;background:rgba(255,255,255,.09)!important;color:#d6e6fb!important;border:1px solid rgba(255,255,255,.16)!important}.selected-pill{background:rgba(46,204,113,.16)!important;color:#b8ffd4!important}.card-coming .product-image-link{filter:saturate(.8);}.card-coming .buy-btn{display:none}.status-note{margin-top:14px;color:#ffe8a6;font-weight:800}.option-note{font-size:13px;color:#aecaed;margin-top:6px}.coming-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.launch-box{margin:26px 0;padding:18px;border-radius:22px;border:1px solid rgba(46,204,113,.22);background:rgba(46,204,113,.08);color:#d9ffe8}.launch-box strong{color:#fff}
