:root{--ink:#0b0d0d;--acid:#d7ff3f;--ice:#78e7ff;--ember:#ff6e46;--muted:#8a9390}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;color:#f5f7f6;background:radial-gradient(circle at 10% 15%,rgba(120,231,255,.07),transparent 26%),radial-gradient(circle at 80% 5%,rgba(215,255,63,.05),transparent 22%),#0b0d0d;overflow-x:hidden}
::selection{background:var(--acid);color:#090b0b}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.soft-grid{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.35) 62%,transparent 100%)}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),rgba(18,21,21,.82);border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.hero-shell{background:linear-gradient(145deg,#171b1a 0%,#101313 52%,#0b0d0d 100%);border:1px solid rgba(255,255,255,.09);box-shadow:0 32px 100px rgba(0,0,0,.36)}
.product-card,.info-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#111414;border:1px solid rgba(255,255,255,.085);box-shadow:0 24px 60px rgba(0,0,0,.24);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.product-card:hover,.info-card:hover{transform:translateY(-6px);border-color:rgba(215,255,63,.24);background:#151918}
.product-card img{transition:transform .45s ease}.product-card:hover img{transform:scale(1.03)}
.pill{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.fade-edge{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}
.ticker{width:max-content;animation:ticker 34s linear infinite}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

.nav-trigger,.nav-link,.nav-account{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.62rem .85rem;font-size:.78rem;font-weight:700;color:#8f9894;transition:.2s}
.nav-trigger:hover,.nav-link:hover,.nav-account:hover,.nav-trigger[aria-expanded="true"],.nav-account[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.045)}
.mega-panel{position:absolute;left:0;right:0;top:80px;padding:12px 20px 0}
.mega-shell{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:rgba(11,13,13,.97);box-shadow:0 32px 80px rgba(0,0,0,.5);backdrop-filter:blur(20px)}
.mega-shell-compact{max-width:68rem}.mega-shell-account{grid-template-columns:1fr 1fr;align-items:center;max-width:68rem}
.mega-tree{position:relative;padding:8px}.mega-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.15em;font-size:8px;color:#69716e;margin-bottom:16px}
.tree-branch{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding-bottom:16px}.tree-branch:not(:last-of-type):before{content:"";position:absolute;left:5px;top:12px;bottom:-6px;width:1px;background:#2b312f}.tree-dot{width:11px;height:11px;border:1px solid #4a5350;border-radius:999px;background:#141817;position:relative;z-index:1}.tree-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#d7ff3f}
.tree-group{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#68706d;margin-bottom:5px}.tree-item{display:flex;align-items:baseline;gap:10px;font-weight:800;font-size:15px;color:#edf0ee}.tree-item span{font-size:11px;font-weight:500;color:#69716e}.tree-item:hover{color:#d7ff3f}.mega-all{display:inline-block;margin-top:4px;border-bottom:1px solid rgba(215,255,63,.35);padding-bottom:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#d7ff3f}
.mega-feature{position:relative;overflow:hidden;border-radius:20px;min-height:260px;border:1px solid rgba(255,255,255,.08);background:#111414}.mega-feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.mega-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.05) 65%)}.mega-feature-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.mega-feature-copy span,.mega-feature-copy small{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#9aa29f}.mega-feature-copy strong{display:block;margin:3px 0;font-size:22px}
.account-menu-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;background:rgba(255,255,255,.025);transition:.2s}.account-menu-card:hover{border-color:rgba(215,255,63,.25);background:rgba(215,255,63,.035)}.account-menu-card span{display:block;font-weight:800;font-size:16px}.account-menu-card small{display:block;margin-top:5px;color:#717a76;font-size:11px}
.mobile-tree{border-bottom:1px solid rgba(255,255,255,.06);padding:4px 0}.mobile-tree summary{cursor:pointer;padding:12px 0;font-weight:800;color:#d9dedb}.mobile-tree a{display:block;padding:9px 12px;color:#7b8580;font-size:13px}
.portal-shell{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#111414;border:1px solid rgba(255,255,255,.085);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.portal-input{width:100%;border:1px solid rgba(255,255,255,.09);background:#0c0f0f;color:#f4f6f5;border-radius:15px;padding:13px 14px;outline:none}.portal-input:focus{border-color:rgba(215,255,63,.45);box-shadow:0 0 0 3px rgba(215,255,63,.06)}
.portal-sidebar a{display:flex;align-items:center;justify-content:space-between;border-radius:14px;padding:12px 14px;color:#818a86;font-size:13px;font-weight:700}.portal-sidebar a:hover,.portal-sidebar a.active{background:rgba(255,255,255,.04);color:#fff}
@media(max-width:1023px){.mega-panel{display:none!important}}


/* v8 luxury cinematic system */
:root{--lux-radius:36px;--zoom-scale:.94;--zoom-opacity:.72}
body{background:
  radial-gradient(circle at 12% 12%,rgba(120,231,255,.08),transparent 26%),
  radial-gradient(circle at 86% 3%,rgba(215,255,63,.055),transparent 25%),
  linear-gradient(#0a0c0c,#0b0d0d 30%,#090b0b)}
.lux-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:var(--lux-radius);background:#101313;box-shadow:0 45px 120px rgba(0,0,0,.38)}
.lux-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 22%,transparent 70%,rgba(255,255,255,.018));mix-blend-mode:screen}
.lux-media{position:relative;overflow:hidden;background:#101313}
.lux-media img,.lux-media video{width:100%;height:100%;object-fit:cover}
.lux-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,8,.9),rgba(7,9,9,.5) 48%,rgba(7,9,9,.08));pointer-events:none}
.lux-bottom-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,7,.88),transparent 58%);pointer-events:none}
.lux-title{font-weight:800;letter-spacing:-.065em;line-height:.88}
.lux-kicker{font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:#8b9490}
.glow-line{height:1px;background:linear-gradient(90deg,transparent,rgba(215,255,63,.6),rgba(120,231,255,.35),transparent)}
.zoom-scene{--zoom-scale:.94;--zoom-opacity:.72;transform:scale(var(--zoom-scale));opacity:var(--zoom-opacity);transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden}
.zoom-scene[data-zoom-soft]{--zoom-scale:.97}
.zoom-inner{transform:scale(calc(1.04 - (1 - var(--zoom-scale)) * .25));will-change:transform}
.media-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(5,7,7,.45);backdrop-filter:blur(12px);border-radius:999px;padding:8px 12px;font:500 8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;color:#d6dcd9}
.media-badge i{width:6px;height:6px;border-radius:999px;background:#d7ff3f;box-shadow:0 0 12px rgba(215,255,63,.65)}
.lux-product-card{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:#101313;box-shadow:0 30px 70px rgba(0,0,0,.28);transition:transform .45s ease,border-color .45s ease}
.lux-product-card:hover{transform:translateY(-7px);border-color:rgba(215,255,63,.25)}
.lux-product-card .media{aspect-ratio:16/10;overflow:hidden}.lux-product-card img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.lux-product-card:hover img{transform:scale(1.045)}
.product-ui-float{position:absolute;right:4%;bottom:7%;width:min(48%,620px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 80px rgba(0,0,0,.5);transform:rotate(-1.5deg)}
.product-ui-float.left{right:auto;left:4%;transform:rotate(1.2deg)}
.sticky-copy{position:sticky;top:120px;height:max-content}
.download-filter{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800;color:#8f9995;transition:.2s}.download-filter.active,.download-filter:hover{color:#0b0d0d;background:#d7ff3f;border-color:#d7ff3f}
.download-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#111414;border-radius:26px;overflow:hidden;transition:.3s}.download-card:hover{border-color:rgba(120,231,255,.22);transform:translateY(-3px)}
.version-chip{display:inline-flex;border-radius:999px;background:rgba(215,255,63,.08);color:#d7ff3f;padding:6px 9px;font:700 8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.zoom-scene{--zoom-scale:.975!important;--zoom-opacity:.9!important}.product-ui-float,.product-ui-float.left{width:60%;bottom:4%;right:4%;left:auto}.sticky-copy{position:static}}
@media(prefers-reduced-motion:reduce){.zoom-scene{transform:none!important;opacity:1!important}.zoom-inner{transform:none!important}}


/* v9 cart / commerce */
.cart-link{position:relative;display:inline-flex;height:40px;min-width:40px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:999px;padding:0 13px;color:#d6dcda;transition:.2s}.cart-link:hover{border-color:rgba(215,255,63,.28);color:#fff;background:rgba(215,255,63,.045)}
.cart-count{display:flex;min-width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;background:#d7ff3f;color:#0b0d0d;font:800 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:0 5px}
.add-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:#d7ff3f;color:#0a0c0c;padding:11px 16px;font-size:11px;font-weight:900;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.22)}.add-cart-btn:hover{background:#fff;transform:translateY(-1px)}
.price-tag{font-weight:800;color:#f3f5f4;letter-spacing:-.02em}
.cart-toast{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);background:rgba(13,16,16,.97);border-radius:18px;padding:14px 15px;box-shadow:0 24px 60px rgba(0,0,0,.5);backdrop-filter:blur(16px);transition:.25s}.cart-toast-out{opacity:0;transform:translateY(8px)}.cart-toast-dot{width:9px;height:9px;border-radius:50%;background:#d7ff3f;box-shadow:0 0 14px rgba(215,255,63,.55)}
.cart-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}.cart-thumb{display:block;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#111414}.cart-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}.qty-control{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;overflow:hidden;background:#0d1010}.qty-control button{width:34px;height:32px;color:#aeb6b2;font-weight:900}.qty-control button:hover{background:rgba(255,255,255,.06);color:#fff}.qty-control span{min-width:28px;text-align:center;font-size:12px;font-weight:800}
.checkout-step{display:flex;align-items:center;gap:10px;color:#66706b;font-size:11px;font-weight:800}.checkout-step.active{color:#fff}.checkout-step i{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);font-style:normal}.checkout-step.active i{background:#d7ff3f;color:#0b0d0d;border-color:#d7ff3f}
.checkout-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:15px;background:rgba(255,255,255,.02);cursor:pointer}.checkout-choice:has(input:checked){border-color:rgba(215,255,63,.28);background:rgba(215,255,63,.035)}
.order-summary{position:sticky;top:110px;height:max-content}
@media(max-width:700px){.cart-row{grid-template-columns:92px 1fr}.cart-row>div:last-child{grid-column:2;text-align:left}.order-summary{position:static}}


/* v10 full-bleed cinematic layout */
.fullscreen-scene{
  position:relative;
  width:100%;
  min-height:calc(100vh - 80px);
  overflow:hidden;
  background:#080a0a;
  isolation:isolate;
}
.fullscreen-scene>.scene-media,
.fullscreen-scene>.scene-media picture,
.fullscreen-scene>.scene-media video,
.fullscreen-scene>.scene-media img{
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;
}
.scene-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,7,7,.94) 0%,rgba(5,7,7,.68) 42%,rgba(5,7,7,.18) 78%,rgba(5,7,7,.04) 100%)}
.scene-shade.center{background:linear-gradient(to top,rgba(4,6,6,.92) 0%,rgba(4,6,6,.28) 58%,rgba(4,6,6,.14) 100%)}
.scene-shade.soft{background:linear-gradient(90deg,rgba(5,7,7,.82),rgba(5,7,7,.35) 48%,rgba(5,7,7,.12))}
.scene-content{position:relative;z-index:2;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:flex-end}
.scene-inner{width:min(1480px,100%);margin-inline:auto;padding:clamp(28px,5vw,76px)}
.scene-top{position:absolute;z-index:3;top:clamp(28px,4vw,54px);left:clamp(28px,5vw,76px);right:clamp(28px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.full-bleed-zoom{--zoom-scale:.94;--zoom-opacity:.78;transform:scale(var(--zoom-scale));opacity:var(--zoom-opacity);transform-origin:center center;will-change:transform,opacity}
.full-bleed-zoom::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px rgba(0,0,0,.22)}
.product-shot-wrap{width:min(1480px,100%);margin:0 auto;padding:clamp(54px,7vw,110px) clamp(18px,5vw,76px)}
.product-shot-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:clamp(24px,4vw,62px);align-items:center}
.product-shot-card{overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.10);background:#0c0f0f;box-shadow:0 34px 90px rgba(0,0,0,.42)}
.product-shot-card .shot-frame{aspect-ratio:16/10;overflow:hidden;background:#090b0b}
.product-shot-card .shot-frame img{display:block;width:100%;height:100%;object-fit:cover}
.product-shot-card .shot-caption{padding:18px 20px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:14px}
.scene-product-shot{position:absolute;z-index:3;right:clamp(22px,5vw,74px);bottom:clamp(24px,6vw,72px);width:min(40vw,560px);overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:#0b0d0d;box-shadow:0 30px 80px rgba(0,0,0,.52)}
.scene-product-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.scene-product-shot .mini-meta{padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);background:rgba(8,10,10,.96);font:700 8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#909995}
.product-copy-card{border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#101313;padding:clamp(24px,3vw,42px);box-shadow:0 26px 70px rgba(0,0,0,.28)}
.fullscreen-video-copy{position:absolute;z-index:3;inset:auto clamp(24px,5vw,74px) clamp(28px,7vw,90px);max-width:720px}
.edge-note{position:absolute;z-index:3;right:clamp(24px,4vw,56px);top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;font:600 8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.42)}
@media(max-width:900px){
  .fullscreen-scene{min-height:calc(100svh - 80px)}
  .scene-content{min-height:calc(100svh - 80px)}
  .product-shot-grid{grid-template-columns:1fr}
  .scene-product-shot{position:relative;right:auto;bottom:auto;width:calc(100% - 40px);margin:0 20px 24px;border-radius:20px}
  .scene-inner{padding-bottom:28px}
  .edge-note{display:none}
  .full-bleed-zoom{--zoom-scale:.975!important;--zoom-opacity:.92!important}
}
@media(max-width:640px){
  .scene-top{top:22px;left:20px;right:20px}
  .scene-top>.mono{display:none}
  .scene-inner{padding:26px 20px}
  .product-shot-wrap{padding-inline:20px}
  .product-shot-card,.product-copy-card{border-radius:22px}
}
@media(prefers-reduced-motion:reduce){.full-bleed-zoom{transform:none!important;opacity:1!important}}