/* Monochrome SellAuth products listing and product detail */
.template-products,.template-product{background:#050505!important}.template-products .envy-site,.template-product .envy-site{background:#050505!important}.lc-products-page,.lc-product-page{width:min(1500px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}.lc-products-page h1,.lc-product-page h1,.lc-product-page h2{color:#fff!important}.lc-products-page hr{border-color:#fff!important}.lc-products-page aside>div,.lc-product-page .bg-card,.lc-product-page .bg-card\/75,.lc-product-page .bg-background\/35{border-color:#303030!important;background:#0d0d0d!important;border-radius:14px}.lc-products-page input,.lc-products-page select,.lc-product-page input,.lc-product-page select{border-color:#353535!important;background:#101010!important;color:#fff!important}.lc-products-page input:focus,.lc-products-page select:focus,.lc-product-page input:focus,.lc-product-page select:focus{border-color:#fff!important;box-shadow:0 0 0 3px #ffffff12!important}.lc-products-page .bg-accent-500,.lc-product-page .bg-accent-500{background:#fff!important;color:#050505!important}.lc-products-page .text-accent-500,.lc-products-page .text-accent-400,.lc-product-page .text-accent-500,.lc-product-page .text-accent-400{color:#fff!important}.lc-products-page button,.lc-products-page a,.lc-product-page button,.lc-product-page a{transition:transform .24s ease,border-color .24s ease,background-color .24s ease,box-shadow .24s ease}.lc-products-page button:hover,.lc-product-page button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0008}.lc-product-page img{border-radius:12px}.lc-product-page .editor{color:#c7c7c7!important;line-height:1.75}.lc-product-page [data-color]{filter:grayscale(1)}@media(max-width:700px){.lc-products-page,.lc-product-page{width:min(100% - 24px,1500px);padding-top:28px}}

/* Featured products flyout */
.zm-toolbar{padding:0 22px}.zm-featured-open{position:absolute;right:22px;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #3b3b3b;border-radius:9px;background:#151515;color:#fff;font-size:13px;font-weight:750;cursor:pointer;transition:.25s ease}.zm-featured-open:hover{transform:translateY(-2px);border-color:#fff;background:#222;box-shadow:0 12px 30px #0009}.zm-featured{position:fixed;inset:0;z-index:1000;visibility:hidden;opacity:0;transition:opacity .28s ease,visibility .28s ease}.zm-featured.is-open{visibility:visible;opacity:1}.zm-featured__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000c;backdrop-filter:blur(9px);cursor:pointer}.zm-featured__panel{position:absolute;left:50%;top:50%;width:min(1420px,calc(100% - 48px));max-height:calc(100vh - 80px);padding:28px;border:1px solid #343434;border-radius:20px;background:#0a0a0a;box-shadow:0 40px 120px #000;overflow:auto;transform:translate(-50%,-46%) scale(.97);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.zm-featured.is-open .zm-featured__panel{transform:translate(-50%,-50%) scale(1)}.zm-featured__panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.zm-featured__panel>header small{display:block;margin-bottom:3px;color:#818181;font-size:10px;font-weight:800;letter-spacing:.16em}.zm-featured__panel>header h2{margin:0;color:#fff;font-size:28px}.zm-featured__panel>header>button{width:39px;height:39px;border:1px solid #3b3b3b;border-radius:50%;background:#151515;color:#fff;cursor:pointer;transition:.2s}.zm-featured__panel>header>button:hover{transform:rotate(90deg);border-color:#fff}.zm-featured__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.zm-product-card{min-width:0;overflow:hidden;border:1px solid #292929;border-radius:14px;background:#111;color:#fff!important;text-decoration:none!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s}.zm-product-card:hover{transform:translateY(-6px);border-color:#656565;box-shadow:0 24px 50px #000b}.zm-product-card__media{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#292929,#0a0a0a)}.zm-product-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zm-product-card__loading{color:#aaa;font-size:22px}.zm-product-card__body{padding:17px}.zm-product-card__body>small{color:#777;font-size:9px;font-weight:800;letter-spacing:.14em}.zm-product-card__body h3{min-height:46px;margin:7px 0 6px;color:#fff;font-size:17px;line-height:1.3}.zm-product-card__body p{height:42px;margin:0 0 15px;color:#8d8d8d;font-size:12px;line-height:1.5;overflow:hidden}.zm-product-card__body>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #292929}.zm-product-card__body strong{color:#fff;font-size:16px}.zm-product-card__body>div span{color:#aaa;font-size:11px;font-weight:700}.zm-product-card.is-empty{cursor:default}.zm-featured-opened{overflow:hidden}@media(max-width:1000px){.zm-featured__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.zm-featured-open{position:static;margin-left:auto}.zm-featured-open span{display:none}.zm-featured__panel{width:calc(100% - 24px);padding:20px}.zm-featured__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.zm-featured__grid{grid-template-columns:1fr}.zm-product-card__body p{height:auto}.zm-featured__panel{max-height:calc(100vh - 24px)}}

/* Interactive hover system for every tab and content box */
.zm-tab,.zm-toplink,.zm-group-title,.zm-discord,.zm-toolbar label,.zm-card,.zm-error,.zm-steps li,.zm-stat-card,.zm-panel pre,.zm-portfolio-showcase,.zm-portfolio-cta,.zm-stat-card select{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,background-color .28s ease,box-shadow .28s ease,color .28s ease,filter .28s ease!important;will-change:transform}.zm-tab:hover{transform:translateX(5px);border-color:#4a4a4a!important;box-shadow:inset 3px 0 0 #fff,0 7px 20px #0007!important}.zm-toplink:hover,.zm-group-title:hover,.zm-discord:hover{transform:translateX(3px);border-color:#5b5b5b!important;box-shadow:0 10px 26px #0008!important}.zm-toolbar label:hover,.zm-toolbar label:focus-within{transform:translateY(-2px);border-color:#666!important;box-shadow:0 12px 30px #0008,0 0 0 1px #ffffff0b!important}.zm-card:hover,.zm-error:hover,.zm-steps li:hover,.zm-stat-card:hover,.zm-panel pre:hover{transform:translateY(-4px);border-color:#565656!important;background:linear-gradient(145deg,#1b1b1b,#0d0d0d)!important;box-shadow:0 18px 38px #0008,0 0 0 1px #ffffff09!important}.zm-card:hover h3,.zm-error:hover h3,.zm-stat-card:hover strong{color:#fff!important}.zm-stat-card:hover .zm-stat-icon{transform:scale(1.08) rotate(-4deg);border-color:#777!important}.zm-stat-icon{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease!important}.zm-stat-card select:hover{transform:translateY(-1px);border-color:#686868!important;background:#151515!important}.zm-portfolio-showcase:hover{transform:translateY(-4px);border-color:#606060!important;box-shadow:0 34px 85px #000d,0 0 0 1px #ffffff0b!important}.zm-portfolio-cta:hover{transform:translateY(-5px) scale(1.005)!important}.zm-panel a:not(.zm-portfolio-cta):hover{filter:brightness(1.25);text-shadow:0 0 12px #ffffff55}.zm-panel input,.zm-panel textarea{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}.zm-panel input:hover,.zm-panel textarea:hover,.zm-panel input:focus,.zm-panel textarea:focus{transform:translateY(-2px);border-color:#666!important;box-shadow:0 12px 28px #0008!important}@media(prefers-reduced-motion:reduce){.zm-docs *{transition:none!important;animation:none!important}.zm-docs *:hover{transform:none!important}}

/* WinRAR/download button contrast fix */
.zm-panel a.zm-button{background:#fff!important;border:1px solid #fff!important;color:#050505!important;box-shadow:0 10px 24px #0006!important}.zm-panel a.zm-button:hover,.zm-panel a.zm-button:focus-visible{background:#111!important;border-color:#fff!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 16px 34px #000a,0 0 0 1px #ffffff18!important}.zm-panel a.zm-button i{color:inherit!important}

/* Borderless interactive menu flyout */
.zm-toolbar-actions{position:absolute;right:22px;display:flex;align-items:center;gap:9px}.zm-toolbar-actions .zm-featured-open{position:static}.zm-menu-open{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:#d8d8d8;font-size:13px;font-weight:750;cursor:pointer;transition:.25s ease}.zm-menu-open:hover{transform:translateY(-2px);background:#191919;color:#fff}.zm-menu-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.zm-menu-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.zm-menu-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000d;backdrop-filter:blur(15px)}.zm-menu-modal__stage{position:relative;width:min(1180px,96vw);height:min(760px,92vh);overflow:hidden;border:0;border-radius:16px;background:transparent;box-shadow:none;transform:translateY(18px) scale(.98);transition:transform .36s cubic-bezier(.2,.8,.2,1)}.zm-menu-modal.is-open .zm-menu-modal__stage{transform:none}.zm-menu-modal iframe{display:block;width:100%;height:100%;border:0;background:transparent}.zm-menu-modal__close{position:absolute;right:11px;top:9px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:#0d0f13;color:#aaa;cursor:pointer;transition:.22s}.zm-menu-modal__close:hover{transform:rotate(90deg);color:#fff;background:#202329}.zm-menu-opened{overflow:hidden}@media(max-width:820px){.zm-toolbar-actions{position:static;margin-left:auto}.zm-menu-open span,.zm-featured-open span{display:none}}@media(max-width:560px){.zm-menu-modal{padding:0}.zm-menu-modal__stage{width:100vw;height:100dvh;border-radius:0}}

/* Embedded interactive menu — no external page request */
.zm-menu-modal .stage{min-height:100%;display:grid;place-items:center;padding:18px;color:#d9dde4;font:12px Inter,ui-sans-serif,system-ui,sans-serif}.zm-menu-modal .menu{width:min(1120px,100%);max-height:100%;overflow:auto;background:#12151a;border:0;border-radius:12px;box-shadow:none}.zm-menu-modal .titlebar{min-height:45px;display:flex;align-items:flex-end;padding:0 10px}.zm-menu-modal .tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.zm-menu-modal .tab{border:0;border-radius:7px 7px 0 0;background:#1d2128;color:#aeb4bd;padding:9px 14px;white-space:nowrap;font:inherit;font-weight:650;cursor:pointer}.zm-menu-modal .tab:hover{color:#fff;background:#252a32}.zm-menu-modal .tab.active{background:#f4f4f4;color:#080808}.zm-menu-modal .close{margin-left:auto;align-self:flex-start;padding:8px;border:0;background:none;color:#858b94;font-size:18px;cursor:pointer}.zm-menu-modal .accent-line{height:1px;margin:0 8px;background:#f4f4f4}.zm-menu-modal .menu-body{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:12px;padding:18px}.zm-menu-modal .panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.zm-menu-modal .column{display:grid;gap:12px}.zm-menu-modal .card{display:block;padding:14px;border:1px solid #222831;border-radius:9px;background:#171b20;color:#d9dde4}.zm-menu-modal .card h2{margin:0 0 5px;color:#fff;font-size:12px}.zm-menu-modal .description{margin:0 0 11px;padding-bottom:9px;border-bottom:1px solid #2b3139;color:#727985;font-size:11px}.zm-menu-modal .control{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:10px;min-height:29px;margin:8px 0}.zm-menu-modal .control-label{color:#c2c7cf;font-size:11px}.zm-menu-modal .field,.zm-menu-modal select,.zm-menu-modal .keybind{width:100%;height:29px;padding:0 10px;border:0;border-radius:6px;background:#20252d;color:#d9dde4;font:inherit}.zm-menu-modal .switch-row{display:flex;align-items:center;gap:8px}.zm-menu-modal .switch{position:relative;width:28px;height:28px;border:0;border-radius:6px;background:#20252d;cursor:pointer}.zm-menu-modal .switch:after{content:'';position:absolute;inset:7px;border-radius:4px;background:#343a43}.zm-menu-modal .switch.on{background:#3b3b3b}.zm-menu-modal .switch.on:after{inset:5px;background:#f4f4f4;box-shadow:0 0 12px #fff6}.zm-menu-modal .range-wrap{display:grid;grid-template-columns:1fr 38px;align-items:center;height:29px;padding:0 8px;border-radius:6px;background:#20252d}.zm-menu-modal input[type=range]{width:100%;height:4px;appearance:none;border-radius:5px;background:linear-gradient(90deg,#f4f4f4 var(--fill,30%),#303640 var(--fill,30%))}.zm-menu-modal .color-control{display:flex;align-items:center;gap:8px}.zm-menu-modal .color-control input{width:29px;height:29px;border:0;background:transparent}.zm-menu-modal .info-rail{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.zm-menu-modal .info-rail span,.zm-menu-modal .info-rail button{padding:8px 9px;border:1px solid #262c35;border-radius:7px;background:#20252d;color:#c7cbd2;font:inherit;white-space:nowrap}.zm-menu-modal .info-rail button{margin-top:auto;cursor:pointer}.zm-menu-modal .status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#54d28b;box-shadow:0 0 8px #54d28b}.zm-menu-modal .hidden{display:none!important}.zm-menu-modal .reopen{padding:12px 20px;border:1px solid #fff;border-radius:8px;background:#12151a;color:#fff;cursor:pointer}@media(max-width:850px){.zm-menu-modal .menu-body{grid-template-columns:1fr}.zm-menu-modal .info-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zm-menu-modal .panel-grid{grid-template-columns:1fr}}@media(max-width:520px){.zm-menu-modal .stage{padding:8px}.zm-menu-modal .control{grid-template-columns:1fr}.zm-menu-modal .menu-body{padding:10px}}

/* Featured product price and direct purchase action */
.zm-product-card__actions{display:flex!important;flex-direction:column;align-items:stretch!important;gap:11px!important;padding-top:13px;border-top:1px solid #292929}.zm-product-card__actions strong{display:block;color:#fff;font-size:18px}.zm-product-card__buy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border:1px solid #fff;border-radius:9px;background:#fff;color:#050505!important;font-size:12px;font-weight:850;letter-spacing:.02em;text-decoration:none!important;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}.zm-product-card__buy:hover,.zm-product-card__buy:focus-visible{transform:translateY(-2px);background:#111;color:#fff!important;box-shadow:0 12px 25px #000b}

/* Full-height desktop documentation rail */
@media(min-width:821px){.zm-docs{display:block!important;min-height:100vh}.zm-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:285px!important;height:100vh!important;height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:100!important}.zm-workspace{width:calc(100% - 285px)!important;min-height:100vh;margin-left:285px!important}.zm-toolbar{left:285px;width:calc(100vw - 285px)}}.zm-sidebar::-webkit-scrollbar{width:7px}.zm-sidebar::-webkit-scrollbar-track{background:#090909}.zm-sidebar::-webkit-scrollbar-thumb{border:2px solid #090909;border-radius:999px;background:#484848}.zm-sidebar::-webkit-scrollbar-thumb:hover{background:#707070}.zm-sidebar{scrollbar-width:thin;scrollbar-color:#484848 #090909}

/* Strict monochrome documentation palette */
.zm-docs{--zm-accent:#e3343d!important;background:#050505!important;color:#f5f5f5!important}.zm-sidebar{border-color:#242424!important;background:#090909!important}.zm-brand--logo{display:block!important;padding:0 7px 22px!important;text-align:center}.zm-brand--logo img{display:block;width:100%;height:118px;object-fit:contain;filter:grayscale(1) contrast(1.08)}.zm-brand--logo small{display:block!important;margin-top:-5px!important;color:#8a8a8a!important;font-size:10px!important;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.zm-toplink:hover,.zm-group-title:hover,.zm-tab:hover,.zm-tab.is-active{background:#171717!important;color:#fff!important}.zm-tab:before{background:#555!important}.zm-tab.is-active:before{background:#e3343d!important;box-shadow:0 0 12px #e3343d!important}.zm-discord{border-color:#393939!important;background:#151515!important}.zm-toolbar{border-color:#222!important;background:#080808ed!important}.zm-toolbar label{border-color:#303030!important;background:#111!important}.zm-toolbar kbd{border-color:#3d3d3d!important}.zm-card,.zm-error,.zm-stat-card{border-color:#292929!important;background:linear-gradient(145deg,#151515,#0c0c0c)!important}.zm-warning,.zm-danger{border-color:#414141!important;background:linear-gradient(145deg,#171717,#0d0d0d)!important}.zm-panel a{color:#ff646b!important;text-decoration-color:#e3343d!important}.zm-panel code{background:#222!important;color:#f0f0f0!important}.zm-panel pre{border-color:#333!important;background:#090909!important}.zm-steps li{border-color:#2c2c2c!important;background:#111!important}.zm-steps li:before{background:#e3343d!important;color:#fff!important}.zm-badges code{border:1px solid #3a3a3a!important;background:#151515!important;color:#fff!important}.zm-credit{border-color:#414141!important;background:#151515!important;color:#fff!important}.zm-portfolio-showcase{border-color:#333!important;background:#080808!important;box-shadow:0 30px 80px #000b,0 0 60px #ffffff0a!important}.zm-stat-icon{border-color:#5a2529!important;background:#211012!important;color:#ff646b!important}.zm-stat-card select{border-color:#393939!important;background:#0b0b0b!important;color:#e8e8e8!important}.zm-stat-card select:focus{border-color:#fff!important;box-shadow:0 0 0 3px #ffffff18!important}.zm-portfolio-cta{border-color:#69282d!important;background:radial-gradient(circle at 15% 0,#e3343d20,transparent 42%),linear-gradient(110deg,#211012,#0f0f0f)!important}.zm-portfolio-cta:hover{border-color:#fff!important;box-shadow:0 22px 60px #0009!important}.zm-portfolio-cta small{color:#bcbcbc!important}.zm-portfolio-cta__arrow{background:#e3343d!important;color:#fff!important}

.zm-brand--logo img{object-fit:cover!important;object-position:center 50%;border:1px solid #222;border-radius:10px}

:root {
  --envy-bg: #07060d;
  --envy-bg-alt: #0b0912;
  --envy-surface: rgba(255,255,255,.045);
  --envy-surface-strong: rgba(255,255,255,.07);
  --envy-border: rgba(255,255,255,.095);
  --envy-text: #f7f5ff;
  --envy-muted: #a9a4b9;
  --envy-accent: #9b6cff;
  --envy-accent-2: #b18bff;
  --envy-shadow: 0 24px 80px rgba(0,0,0,.35);
  --envy-radius: 16px;
  --envy-container: 1160px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--envy-bg);
  color: var(--envy-text);
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  line-height: 1.6;
}
body, button, a { -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.envy-site {
  min-height: 100vh;
  overflow-x: clip;
  background:
    radial-gradient(900px 500px at 50% -10%, rgba(155,108,255,.08), transparent 65%),
    var(--envy-bg);
}

.envy-container {
  width: min(calc(100% - 48px), var(--envy-container));
  margin: 0 auto;
}

.envy-nav {
  position: absolute;
  z-index: 20;
  inset: 0 0 auto;
  height: 74px;
  color: rgba(255,255,255,.8);
}
.envy-nav__inner {
  width: min(calc(100% - 48px), 1160px);
  height: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
}
.envy-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.02em;
}
.envy-brand__mark {
  width: 18px;
  height: 18px;
  display: inline-flex;
  gap: 2px;
  align-items: flex-end;
}
.envy-brand__mark span {
  width: 3px;
  display: block;
  border-radius: 2px;
  background: currentColor;
}
.envy-brand__mark span:nth-child(1) { height: 10px; opacity: .55; }
.envy-brand__mark span:nth-child(2) { height: 15px; opacity: .8; }
.envy-brand__mark span:nth-child(3) { height: 12px; opacity: .65; }
.envy-nav__links {
  display: flex;
  align-items: center;
  gap: 28px;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255,255,255,.45);
}
.envy-nav__links a { transition: color .2s ease; }
.envy-nav__links a:hover { color: #fff; }
.envy-nav__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
}
.envy-icon-btn,
.envy-account-btn {
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.7);
  border-radius: 7px;
  font-size: 9px;
  font-weight: 700;
}
.envy-icon-btn { width: 30px; font-size: 8px; }
.envy-account-btn { padding: 0 13px; }

.envy-hero {
  position: relative;
  min-height: 720px;
  display: grid;
  place-items: center;
  isolation: isolate;
  overflow: hidden;
  background: #08070f;
}
.envy-hero__art {
  position: absolute;
  inset: 0;
  z-index: -4;
  background-image: url('hero-bg.png');
  background-size: cover;
  background-position: center 42%;
  transform: scale(1.02);
  filter: saturate(.72) contrast(1.06);
}
.envy-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    radial-gradient(ellipse at 50% 45%, rgba(24,16,45,.04), rgba(4,3,8,.46) 62%, rgba(3,2,7,.92) 100%),
    linear-gradient(180deg, rgba(4,3,8,.52) 0%, rgba(5,4,10,.08) 34%, rgba(5,4,10,.22) 68%, #07060d 100%);
}
.envy-hero__grid {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .16;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent 0%, black 30%, transparent 90%);
}
.envy-hero__content {
  width: min(820px, calc(100% - 40px));
  text-align: center;
  margin-top: 56px;
}
.envy-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  border: 1px solid rgba(155,108,255,.28);
  border-radius: 999px;
  background: rgba(22,16,39,.52);
  color: #c8b5ff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .01em;
  box-shadow: 0 0 28px rgba(155,108,255,.09);
}
.envy-status__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--envy-accent);
  box-shadow: 0 0 10px rgba(155,108,255,.9);
}
.envy-hero h1 {
  max-width: 760px;
  margin: 17px auto 13px;
  font-family: 'Syne', sans-serif;
  font-size: clamp(48px, 7vw, 82px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 800;
  text-wrap: balance;
}
.envy-hero p {
  width: min(610px, 100%);
  margin: 0 auto;
  color: rgba(239,235,250,.58);
  font-size: 12px;
  line-height: 1.8;
}
.envy-hero__actions {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.envy-btn {
  min-height: 39px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -.01em;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.envy-btn:hover { transform: translateY(-2px); }
.envy-btn--primary {
  color: #fff;
  background: linear-gradient(135deg, #9b6cff, #7650d7);
  box-shadow: 0 10px 34px rgba(155,108,255,.24);
}
.envy-btn--primary:hover { background: linear-gradient(135deg, #aa7cff, #835be8); }
.envy-btn--secondary {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.065);
  color: rgba(255,255,255,.78);
  backdrop-filter: blur(12px);
}
.envy-discord-dot {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,.6);
}
.envy-scroll-cue {
  position: absolute;
  left: 50%;
  bottom: 28px;
  width: 13px;
  height: 22px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 8px;
  transform: translateX(-50%);
}
.envy-scroll-cue span {
  position: absolute;
  top: 5px;
  left: 50%;
  width: 2px;
  height: 5px;
  border-radius: 2px;
  background: rgba(255,255,255,.65);
  transform: translateX(-50%);
  animation: envy-scroll 1.7s ease-in-out infinite;
}

.envy-section {
  position: relative;
  padding: 105px 0;
  background: var(--envy-bg);
}
.envy-section--alt { background: var(--envy-bg-alt); }
.envy-section-head {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: end;
  margin-bottom: 34px;
}
.envy-section-head--center {
  display: block;
  text-align: center;
}
.envy-kicker {
  margin-bottom: 8px;
  color: var(--envy-accent-2);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}
.envy-section h2 {
  margin: 0;
  font-family: 'Syne', sans-serif;
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.envy-section-head p {
  max-width: 380px;
  margin: 0;
  color: var(--envy-muted);
  font-size: 12px;
  line-height: 1.8;
}

.envy-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.envy-product-card {
  border: 1px solid var(--envy-border);
  border-radius: var(--envy-radius);
  overflow: hidden;
  background: rgba(255,255,255,.035);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.envy-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(155,108,255,.35);
  background: rgba(255,255,255,.055);
}
.envy-product-card__media {
  position: relative;
  aspect-ratio: 16 / 10;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 30%, rgba(155,108,255,.2), transparent 55%),
    #100c19;
}
.envy-product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.envy-product-card__fallback {
  font-family: 'Syne', sans-serif;
  font-size: 42px;
  letter-spacing: -.08em;
  opacity: .22;
}
.envy-product-card__arrow {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(0,0,0,.38);
  border: 1px solid rgba(255,255,255,.08);
}
.envy-product-card__body {
  min-height: 100px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
.envy-product-card h3 { margin: 0 0 4px; font-size: 13px; }
.envy-product-card p {
  margin: 0;
  color: var(--envy-muted);
  font-size: 10px;
  line-height: 1.6;
}
.envy-product-card strong {
  white-space: nowrap;
  font-size: 12px;
  color: #fff;
}

.envy-empty {
  padding: 54px 28px;
  text-align: center;
  border: 1px dashed rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.018);
}
.envy-empty__icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 12px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  border: 1px solid rgba(155,108,255,.28);
  color: var(--envy-accent-2);
}
.envy-empty h3 { margin: 0 0 6px; font-size: 16px; }
.envy-empty p { margin: 0 auto; max-width: 480px; color: var(--envy-muted); font-size: 11px; }

.envy-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.envy-feature-card {
  min-height: 250px;
  padding: 24px;
  border: 1px solid var(--envy-border);
  border-radius: var(--envy-radius);
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(8,7,14,.35);
  box-shadow: var(--envy-shadow);
}
.envy-feature-card__number {
  color: rgba(155,108,255,.8);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  margin-bottom: 76px;
}
.envy-feature-card h3 { margin: 0 0 8px; font-size: 16px; }
.envy-feature-card p { margin: 0; color: var(--envy-muted); font-size: 11px; line-height: 1.8; }

.envy-faq__inner { max-width: 900px; }
.envy-faq-list {
  border-top: 1px solid var(--envy-border);
}
.envy-faq-item {
  border-bottom: 1px solid var(--envy-border);
}
.envy-faq-item summary {
  list-style: none;
  cursor: pointer;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 13px;
  font-weight: 700;
}
.envy-faq-item summary::-webkit-details-marker { display: none; }
.envy-faq-item__plus {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--envy-border);
  border-radius: 8px;
  color: var(--envy-accent-2);
  transition: transform .2s ease;
}
.envy-faq-item.is-open .envy-faq-item__plus { transform: rotate(45deg); }
.envy-faq-item__answer {
  max-width: 760px;
  padding: 0 0 22px;
  color: var(--envy-muted);
  font-size: 11px;
  line-height: 1.8;
}

.envy-footer {
  padding: 38px 0 24px;
  border-top: 1px solid var(--envy-border);
  background: #06050a;
}
.envy-footer__inner {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
}
.envy-footer__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
}
.envy-footer__brand > span:last-child { color: var(--envy-muted); }
.envy-footer__links { display: flex; gap: 18px; color: var(--envy-muted); font-size: 10px; }
.envy-footer__links a:hover { color: #fff; }
.envy-footer__bottom {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.06);
  display: flex;
  justify-content: space-between;
  color: rgba(255,255,255,.3);
  font-size: 9px;
}

.envy-motion [data-reveal] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .7s ease var(--envy-delay, 0ms), transform .7s ease var(--envy-delay, 0ms);
}
.envy-motion [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes envy-scroll {
  0%, 100% { transform: translate(-50%, 0); opacity: .35; }
  50% { transform: translate(-50%, 5px); opacity: 1; }
}

@media (max-width: 860px) {
  .envy-nav__inner { grid-template-columns: 1fr auto; }
  .envy-nav__links { display: none; }
  .envy-nav__actions { grid-column: 2; }
  .envy-hero { min-height: 650px; }
  .envy-hero h1 { font-size: clamp(42px, 10vw, 66px); }
  .envy-product-grid,
  .envy-feature-grid { grid-template-columns: 1fr 1fr; }
  .envy-section-head { align-items: start; flex-direction: column; }
}

@media (max-width: 580px) {
  .envy-container,
  .envy-nav__inner { width: min(calc(100% - 30px), var(--envy-container)); }
  .envy-nav { height: 64px; }
  .envy-brand { font-size: 11px; }
  .envy-account-btn { padding: 0 10px; }
  .envy-hero { min-height: 610px; }
  .envy-hero__art { background-position: 50% 40%; }
  .envy-hero__content { margin-top: 42px; }
  .envy-hero h1 { font-size: 43px; }
  .envy-hero p { font-size: 11px; }
  .envy-section { padding: 76px 0; }
  .envy-section h2 { font-size: 34px; }
  .envy-product-grid,
  .envy-feature-grid { grid-template-columns: 1fr; }
  .envy-footer__inner,
  .envy-footer__bottom { flex-direction: column; align-items: flex-start; }
  .envy-footer__links { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* =========================================================
   BETTER-STYLE SELLAUTH HOMEPAGE — custom build
   ========================================================= */
:root{--bc-accent:rgb(var(--cl-accent));--bc-bg:#06080c;--bc-panel:#0b0f15;--bc-panel2:#10151d;--bc-border:rgba(255,255,255,.08);--bc-muted:#8f99a8;--bc-white:#f7f9fc}
html{scroll-behavior:smooth}.envy-site{background:var(--bc-bg);color:var(--bc-white);overflow:hidden}.envy-container{width:min(calc(100% - 48px),1220px);margin-inline:auto}.bc-nav{position:relative;z-index:30;background:rgba(6,8,12,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--bc-border)}.bc-nav__inner{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.bc-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.bc-brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bc-accent);color:#051017;font-family:Syne,sans-serif;font-weight:900;box-shadow:0 0 28px rgba(var(--cl-accent),.22)}.bc-brand strong{font:800 14px/1 Syne,sans-serif;letter-spacing:-.02em}.bc-nav__links{display:flex;align-items:center;gap:28px}.bc-nav__links a{position:relative;color:#aeb6c4;font-size:12px;font-weight:700;text-decoration:none;transition:.2s}.bc-nav__links a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--bc-accent);transition:.2s}.bc-nav__links a:hover{color:#fff}.bc-nav__links a:hover:after{right:0}.bc-nav__actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.bc-cart,.bc-account{width:38px;height:38px;border:1px solid var(--bc-border);border-radius:10px;background:#0d1117;color:#fff;display:grid;place-items:center;text-decoration:none}.bc-account{cursor:pointer}.bc-nav-cta{height:40px;padding:0 18px;display:flex;align-items:center;border-radius:10px;background:var(--bc-accent);color:#071017!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.08em}
.bc-hero{position:relative;min-height:790px;background:radial-gradient(circle at 72% 42%,rgba(var(--cl-accent),.12),transparent 30%),linear-gradient(180deg,#070a0f 0%,#080b10 70%,#06080c 100%);border-bottom:1px solid var(--bc-border);display:flex;align-items:center}.bc-hero__bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.bc-hero__noise{position:absolute;inset:0;opacity:.24;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.07) 0 1px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(90deg,black,transparent 58%)}.bc-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:92px 0 110px}.bc-hero__copy{max-width:670px}.bc-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(var(--cl-accent),.32);background:rgba(var(--cl-accent),.07);border-radius:999px;padding:9px 12px;color:#cfd8e5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.bc-pill span,.bc-dot,.bc-live-dot,.bc-stock i{width:7px;height:7px;border-radius:50%;background:var(--bc-accent);box-shadow:0 0 18px rgba(var(--cl-accent),.85)}.bc-hero h1{max-width:760px;margin:24px 0 18px;font:800 clamp(58px,7.2vw,104px)/.92 Syne,sans-serif;letter-spacing:-.065em;color:#fff}.bc-hero h1::first-line{color:#fff}.bc-hero p{max-width:620px;margin:0;color:#98a4b5;font-size:14px;line-height:1.75}.bc-hero__actions{display:flex;gap:10px;margin-top:30px}.bc-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;border-radius:11px;text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;transition:.2s}.bc-btn:hover{transform:translateY(-2px)}.bc-btn--primary{background:var(--bc-accent);color:#071017!important;box-shadow:0 12px 35px rgba(var(--cl-accent),.18)}.bc-btn--ghost{border:1px solid var(--bc-border);background:rgba(255,255,255,.025);color:#fff!important}.bc-trust-row{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--bc-border);max-width:620px}.bc-trust-row>div{padding:18px 28px 0 0;margin-right:28px;border-right:1px solid var(--bc-border)}.bc-trust-row>div:last-child{border-right:0}.bc-trust-row strong,.bc-trust-row span{display:block}.bc-trust-row strong{font:800 14px Syne,sans-serif}.bc-trust-row span{margin-top:4px;color:#657080;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.bc-hero__visual{position:relative;height:520px;display:flex;align-items:center;justify-content:center}.bc-hero__render{position:absolute;inset:20px -12vw 0 -30px;background:url('./hero-bg.png') center/cover no-repeat;filter:saturate(.88) contrast(1.08);mask-image:linear-gradient(to bottom,black 70%,transparent 98%);opacity:.9}.bc-orbit{position:absolute;border:1px solid rgba(var(--cl-accent),.17);border-radius:50%;z-index:1}.bc-orbit--one{width:420px;height:420px}.bc-orbit--two{width:300px;height:300px;border-style:dashed;animation:bc-spin 24s linear infinite}.bc-panel{position:absolute;z-index:3;background:rgba(8,12,17,.88);border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 60px rgba(0,0,0,.35);backdrop-filter:blur(12px);border-radius:14px}.bc-panel--status{left:20px;bottom:56px;padding:13px 15px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px}.bc-panel--status .bc-dot{grid-row:1/3;margin-top:5px}.bc-panel b{font-size:10px;letter-spacing:.1em}.bc-panel small,.bc-panel span{font-size:9px;color:#7e8998}.bc-panel--price{right:4px;top:62px;padding:16px 18px}.bc-panel--price strong,.bc-panel--price small,.bc-panel--price span{display:block}.bc-panel--price strong{font:800 25px Syne,sans-serif;margin:4px 0}.bc-scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#657080;text-decoration:none;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.14em}.bc-scroll span{width:18px;height:30px;border:1px solid #424b58;border-radius:999px;position:relative}.bc-scroll span:after{content:"";position:absolute;width:2px;height:6px;border-radius:10px;background:var(--bc-accent);left:50%;top:6px;transform:translateX(-50%);animation:bc-scroll 1.6s ease infinite}
.bc-section{padding:110px 0;background:#07090d}.bc-section:nth-of-type(even){background:#080b10}.bc-section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:48px}.bc-section-head>div{max-width:700px}.bc-section-head h2{margin:8px 0 0;font:800 clamp(38px,5vw,64px)/1 Syne,sans-serif;letter-spacing:-.045em}.bc-section-head>p{max-width:440px;margin:0;color:#7f8a99;font-size:12px;line-height:1.7}.bc-section-head--center{text-align:center;display:block}.bc-section-head--center>div,.bc-section-head--center>p{margin-inline:auto}.bc-section-head--center>p{margin-top:14px}.bc-kicker{color:var(--bc-accent);text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:900}.bc-why-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}.bc-why-grid article{border:1px solid var(--bc-border);background:linear-gradient(180deg,#0d1118,#090c11);border-radius:18px;position:relative;overflow:hidden}.bc-card-label{color:#6f7b8a;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.13em}.bc-price-card{grid-row:span 2;padding:26px}.bc-price-score{margin-top:38px}.bc-price-score strong{display:block;font:800 72px/.9 Syne,sans-serif;letter-spacing:-.055em}.bc-price-score span{display:block;color:#7d8795;font-size:11px;margin-top:9px}.bc-price-bars{margin:38px 0 30px}.bc-price-bars div{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:10px;margin:14px 0;color:#8994a4;font-size:10px}.bc-price-bars b{height:8px;border-radius:99px;background:rgba(255,255,255,.08);position:relative}.bc-price-bars b:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:var(--bc-accent)}.bc-price-bars em{font-style:normal;color:#fff;text-align:right}.bc-price-card p,.bc-demo-card p,.bc-review-card p,.bc-feature-card p{color:#7e8998;font-size:11px;line-height:1.65}.bc-demo-card{padding:26px}.bc-window{margin:24px 0 20px;border:1px solid var(--bc-border);background:#05070a;border-radius:12px;overflow:hidden}.bc-window__bar{height:35px;border-bottom:1px solid var(--bc-border);display:flex;align-items:center;gap:5px;padding:0 11px}.bc-window__bar i{width:6px;height:6px;border-radius:50%;background:#3b434f}.bc-terminal{padding:18px;display:grid;gap:9px;font:600 9px/1.4 ui-monospace,monospace;color:#5e6977}.bc-terminal .ok{color:var(--bc-accent)}.bc-demo-card h3,.bc-feature-card h3{font:800 18px Syne,sans-serif}.bc-review-card{padding:26px}.bc-review-user{display:flex;align-items:center;gap:12px;margin:26px 0}.bc-review-user>span{width:42px;height:42px;border-radius:50%;background:rgba(var(--cl-accent),.12);display:grid;place-items:center;color:var(--bc-accent);font-weight:900}.bc-review-user b,.bc-review-user small{display:block}.bc-review-user b{font-size:11px}.bc-review-user small{margin-top:4px;color:var(--bc-accent);letter-spacing:.08em}.bc-review-card>a{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:#fff;text-decoration:none;font-size:10px;font-weight:800}.bc-feature-card{min-height:150px;padding:24px;display:flex;align-items:flex-start;gap:16px}.bc-feature-card>i{width:38px;height:38px;border-radius:11px;background:rgba(var(--cl-accent),.1);color:var(--bc-accent);display:grid;place-items:center}.bc-feature-card h3{font-size:15px;margin:2px 0 7px}
.bc-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bc-product-card{display:block;border:1px solid var(--bc-border);border-radius:18px;overflow:hidden;background:#0b0f14;color:#fff;text-decoration:none;transition:.25s}.bc-product-card:hover{transform:translateY(-4px);border-color:rgba(var(--cl-accent),.45)}.bc-product-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d1219}.bc-product-card__media img{width:100%;height:100%;object-fit:cover;transition:.35s}.bc-product-card:hover img{transform:scale(1.035)}.bc-product-card__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,5,8,.86),transparent 58%)}.bc-stock{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(7,10,14,.82);border:1px solid var(--bc-border);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.bc-stock i{width:5px;height:5px}.bc-product-fallback{height:100%;display:grid;place-items:center;font:800 70px Syne,sans-serif;color:rgba(var(--cl-accent),.35)}.bc-product-card__body{padding:18px}.bc-product-card__body h3{font:800 18px Syne,sans-serif;margin:0}.bc-product-card__body p{margin:7px 0 0;color:#778290;font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bc-product-card__bottom{margin-top:20px;padding-top:14px;border-top:1px solid var(--bc-border);display:flex;align-items:center;justify-content:space-between}.bc-product-card__bottom strong{font-size:12px}.bc-product-card__bottom span{color:var(--bc-accent);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.bc-empty{border:1px dashed rgba(255,255,255,.13);border-radius:18px;padding:64px;text-align:center;background:#0a0d12}.bc-empty i{font-size:26px;color:var(--bc-accent)}.bc-empty h3{font:800 24px Syne,sans-serif;margin:16px 0 8px}.bc-empty p{color:#798493;font-size:11px}
.bc-step-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.bc-steps{display:grid;gap:10px}.bc-step{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--bc-border)}.bc-step>span{font:800 13px Syne,sans-serif;color:var(--bc-accent)}.bc-step h3{margin:0 0 7px;font:800 20px Syne,sans-serif}.bc-step p{margin:0;color:#7c8796;font-size:11px;line-height:1.65}.bc-checkout-demo{border:1px solid var(--bc-border);border-radius:20px;background:#0b0f15;box-shadow:0 30px 90px rgba(0,0,0,.34);overflow:hidden}.bc-demo-top{height:46px;border-bottom:1px solid var(--bc-border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#66717f;font:700 9px ui-monospace,monospace}.bc-demo-top i{width:8px;height:8px;border-radius:50%;background:var(--bc-accent)}.bc-demo-content{padding:24px}.bc-demo-content>small{display:block;color:#697482;font-size:8px;font-weight:900;letter-spacing:.13em;margin:8px 0 10px}.bc-choice{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--bc-border);border-radius:10px;margin:7px 0;color:#98a3b1;font-size:10px}.bc-choice.active{border-color:rgba(var(--cl-accent),.42);background:rgba(var(--cl-accent),.06);color:#fff}.bc-choice b{color:var(--bc-accent);font-size:8px}.bc-duration-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bc-duration-row button,.bc-demo-buy{border:1px solid var(--bc-border);background:#0f141b;color:#8b96a5;border-radius:9px;height:40px;font-size:9px;font-weight:800}.bc-duration-row button.active{border-color:var(--bc-accent);color:#fff}.bc-demo-buy{width:100%;margin-top:16px;background:var(--bc-accent);color:#071017;border:0}.bc-delivered{display:flex;gap:10px;align-items:center;margin-top:14px;padding:13px;border-radius:10px;background:#080b10}.bc-delivered i{color:var(--bc-accent)}.bc-delivered b,.bc-delivered span{display:block}.bc-delivered b{font-size:9px}.bc-delivered span{color:#697482;font-size:8px;margin-top:3px}
.bc-live{padding-top:45px}.bc-live__box{border:1px solid rgba(var(--cl-accent),.22);border-radius:22px;padding:46px;background:radial-gradient(circle at 85% 50%,rgba(var(--cl-accent),.13),transparent 32%),linear-gradient(135deg,#0c1117,#080b10);display:flex;align-items:center;justify-content:space-between;gap:40px}.bc-live__box>div:first-child{max-width:710px}.bc-live__box small{margin-left:8px;color:#768291;font-size:8px;letter-spacing:.14em;font-weight:900}.bc-live__box h2{font:800 clamp(34px,4.4vw,58px)/1 Syne,sans-serif;letter-spacing:-.045em;margin:12px 0}.bc-live__box p{margin:0;color:#818d9b;font-size:11px}.bc-live__actions{display:flex;gap:9px;flex-shrink:0}
.bc-footer{background:#05070a;border-top:1px solid var(--bc-border);padding:64px 0 24px}.bc-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.bc-footer h3{font:800 22px Syne,sans-serif;margin:15px 0 8px}.bc-footer p{max-width:320px;color:#6f7a88;font-size:10px;line-height:1.6}.bc-footer h4{font:800 10px Syne,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.bc-footer a,.bc-footer button{display:block;margin:10px 0;color:#7f8997;background:none;border:0;padding:0;text-decoration:none;font-size:10px;text-align:left}.bc-footer a:hover,.bc-footer button:hover{color:#fff}.bc-footer__bottom{margin-top:46px;padding-top:20px;border-top:1px solid var(--bc-border);display:flex;justify-content:space-between;color:#444d59;font-size:8px}
@keyframes bc-spin{to{transform:rotate(360deg)}}@keyframes bc-scroll{0%,100%{transform:translate(-50%,0);opacity:.3}50%{transform:translate(-50%,8px);opacity:1}}
@media(max-width:980px){.bc-nav__inner{grid-template-columns:1fr auto}.bc-nav__links{display:none}.bc-hero{min-height:auto}.bc-hero__inner{grid-template-columns:1fr;padding-top:75px}.bc-hero__visual{height:430px}.bc-why-grid{grid-template-columns:1fr 1fr}.bc-price-card{grid-row:auto;grid-column:span 2}.bc-product-grid{grid-template-columns:1fr 1fr}.bc-step-layout{grid-template-columns:1fr;gap:35px}.bc-live__box{align-items:flex-start;flex-direction:column}.bc-footer__grid{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:650px){.envy-container{width:min(calc(100% - 28px),1220px)}.bc-nav__inner{height:66px}.bc-nav-cta{display:none}.bc-hero__inner{padding:58px 0 80px}.bc-hero h1{font-size:52px}.bc-hero__visual{height:350px}.bc-hero__render{inset:10px -210px 0 -120px}.bc-panel--price{right:0}.bc-trust-row{flex-wrap:wrap}.bc-trust-row>div{padding-right:16px;margin-right:16px}.bc-section{padding:78px 0}.bc-section-head{display:block}.bc-section-head>p{margin-top:14px}.bc-why-grid{grid-template-columns:1fr}.bc-price-card{grid-column:auto}.bc-product-grid{grid-template-columns:1fr}.bc-live__box{padding:28px}.bc-live__actions{width:100%;flex-direction:column}.bc-footer__grid{grid-template-columns:1fr 1fr;gap:34px}.bc-footer__brand{grid-column:span 2}.bc-footer__bottom{flex-direction:column;gap:8px}.bc-scroll{display:none}}

/* =========================================================
   SOURCE-INSPIRED BETTERCHEATS HERO
   Adapted for SellAuth from the archived page structure.
   ========================================================= */
.bc-source-hero{
  position:relative;
  min-height:calc(100svh - 78px);
  height:760px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#05070a;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.bc-source-hero__bg{
  position:absolute;
  inset:-3%;
  z-index:-4;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.035);
  filter:saturate(.82) contrast(1.08) brightness(.72);
}
.bc-source-hero__bg--fallback{background-image:url('./hero-bg.png')}
.bc-source-hero .hero-overlay{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.78) 30%,rgba(3,5,8,.28) 62%,rgba(3,5,8,.34) 100%),
    linear-gradient(180deg,rgba(4,6,9,.08) 0%,rgba(4,6,9,.1) 57%,rgba(4,6,9,.92) 100%);
}
.bc-source-hero .hero-scroll-fade{
  position:absolute;
  left:0;right:0;bottom:0;
  height:34%;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent 0%,rgba(5,7,10,.28) 45%,#06080c 100%);
}
.bc-source-hero__content{
  position:relative;
  width:min(calc(100% - 48px),1220px);
  margin:0 auto;
  padding:42px 0 88px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:100%;
}
.bc-source-hero .hero-title{
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  font-family:'Syne',Inter,sans-serif;
  font-size:clamp(74px,9vw,142px);
  font-weight:900;
  line-height:.79;
  letter-spacing:-.075em;
  text-transform:none;
  color:#fff;
  text-shadow:0 14px 45px rgba(0,0,0,.32);
}
.bc-source-hero .hero-title-line{display:block}
.bc-source-hero .hero-title-badge{
  display:inline-flex;
  align-items:baseline;
  margin:7px 0 8px;
  padding:.05em .11em .1em .09em;
  border-radius:.12em;
  color:#06101a;
  background:var(--bc-accent);
  box-shadow:0 18px 60px rgba(var(--cl-accent),.18);
  transform:rotate(-1.2deg);
  transform-origin:left center;
}
.bc-source-hero .hero-title-symbols{
  display:inline-block;
  margin:0 .018em;
  font-size:.5em;
  letter-spacing:-.08em;
  vertical-align:.27em;
}
.bc-source-hero .hero-desc{
  max-width:660px;
  margin:34px 0 0;
  color:rgba(235,240,247,.72);
  font-size:13px;
  line-height:1.82;
  text-wrap:pretty;
}
.bc-source-hero .hero-actions{margin-top:34px}
.bc-source-hero .scroll-indicator{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.7);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:9px;
  font-weight:800;
  transition:color .2s ease,transform .2s ease;
}
.bc-source-hero .scroll-indicator:hover{color:#fff;transform:translateY(2px)}
.bc-source-hero .scroll-mouse{width:18px;height:30px;overflow:visible}
.bc-source-hero .scroll-mouse circle{animation:bc-source-wheel 1.55s ease-in-out infinite}
@keyframes bc-source-wheel{
  0%{transform:translateY(0);opacity:.35}
  45%{opacity:1}
  100%{transform:translateY(11px);opacity:0}
}
@media(max-width:900px){
  .bc-source-hero{height:700px;min-height:680px}
  .bc-source-hero__content{padding-top:60px}
  .bc-source-hero .hero-title{font-size:clamp(64px,14vw,105px)}
  .bc-source-hero .hero-desc{max-width:570px}
  .bc-source-hero .hero-overlay{background:linear-gradient(90deg,rgba(3,5,8,.94),rgba(3,5,8,.54)),linear-gradient(180deg,transparent 45%,#06080c 100%)}
}
@media(max-width:600px){
  .bc-source-hero{height:620px;min-height:620px}
  .bc-source-hero__content{width:min(calc(100% - 30px),1220px);padding:36px 0 64px}
  .bc-source-hero .hero-title{font-size:clamp(54px,18vw,78px);line-height:.81}
  .bc-source-hero .hero-title-badge{margin:5px 0 6px}
  .bc-source-hero .hero-desc{margin-top:26px;font-size:11px;line-height:1.7;max-width:92%}
  .bc-source-hero .hero-actions{margin-top:25px}
  .bc-source-hero__bg{background-position:60% center}
}

/* =========================================================
   BETTERCHEATS ANIMATED HERO — layered SellAuth recreation
   ========================================================= */
.bc-animated-hero{
  --bc-gold:#f5c44b;
  position:relative;
  min-height:700px;
  height:calc(100svh - 78px);
  max-height:920px;
  overflow:hidden;
  isolation:isolate;
  background:#030509;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.bc-animated-hero__backdrop{
  position:absolute;inset:-6%;z-index:-8;
  background:
    radial-gradient(circle at 77% 45%,rgba(45,121,163,.20),transparent 33%),
    radial-gradient(circle at 60% 78%,rgba(244,190,66,.075),transparent 29%),
    linear-gradient(90deg,#020306 0%,#05080d 45%,#0a1724 100%);
  animation:bcHeroBackdrop 14s ease-in-out infinite alternate;
}
.bc-animated-hero__particles{
  position:absolute;inset:-12%;z-index:-6;
  background-image:url('./better-particles.png');
  background-size:512px 512px;
  opacity:.48;
  mix-blend-mode:screen;
  animation:bcHeroParticles 24s linear infinite;
}
.bc-animated-hero__vignette{
  position:absolute;inset:0;z-index:5;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,2,4,.98) 0%,rgba(1,2,4,.80) 26%,rgba(1,2,4,.15) 58%,rgba(1,2,4,.08) 100%),
    linear-gradient(180deg,rgba(2,3,6,.05) 0%,rgba(2,3,6,.02) 55%,rgba(2,3,6,.88) 100%);
}
.bc-animated-hero__art{
  position:absolute;
  z-index:1;
  right:-1.5%;bottom:0;
  width:min(66vw,980px);
  aspect-ratio:945/699;
  transform-origin:65% 75%;
  animation:bcHeroBreathing 6.5s ease-in-out infinite;
  will-change:transform;
}
.bc-animated-hero__art-image{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:contain;object-position:right bottom;
  user-select:none;pointer-events:none;
  filter:saturate(.94) contrast(1.04) brightness(.94);
}
.bc-animated-hero__art-image--custom{object-fit:cover;mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 100%)}
.bc-animated-hero__breath{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 34%,rgba(255,202,78,.14),transparent 18%);
  mix-blend-mode:screen;
  animation:bcHeroChestGlow 4.8s ease-in-out infinite;
}
.bc-animated-hero__knife{
  position:absolute;
  z-index:5;
  left:82.5%;top:9.3%;
  width:13.25%;height:37.9%;
  object-fit:contain;
  transform-origin:50% 55%;
  filter:drop-shadow(0 0 8px rgba(74,210,255,.72)) drop-shadow(0 0 24px rgba(49,177,255,.48));
  animation:bcHeroKnifeFloat 3.15s ease-in-out infinite;
}
.bc-animated-hero__arm{
  position:absolute;
  z-index:4;
  left:13.75%;top:63.7%;
  width:24.9%;height:36.35%;
  object-fit:contain;
  transform-origin:70% 12%;
  animation:bcHeroArmMove 5.2s cubic-bezier(.45,.05,.55,.95) infinite;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.15));
}
.bc-animated-hero__energy{
  position:absolute;z-index:3;
  right:1.8%;top:22%;
  width:22%;height:35%;
  pointer-events:none;
  filter:blur(.1px);
}
.bc-animated-hero__energy span{
  position:absolute;left:50%;top:50%;
  width:75%;height:28%;
  border:2px solid rgba(80,218,255,.7);
  border-left-color:transparent;border-right-color:transparent;
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-12deg);
  box-shadow:0 0 18px rgba(52,197,255,.38),inset 0 0 12px rgba(52,197,255,.2);
  animation:bcHeroEnergyRing 2.5s ease-in-out infinite;
}
.bc-animated-hero__energy span:nth-child(2){width:92%;height:35%;animation-delay:-.8s;opacity:.58;transform:translate(-50%,-50%) rotate(12deg)}
.bc-animated-hero__energy span:nth-child(3){width:58%;height:22%;animation-delay:-1.6s;opacity:.4;transform:translate(-50%,-50%) rotate(-28deg)}
.bc-animated-hero__eyes{
  position:absolute;z-index:6;
  left:46.4%;top:15.4%;
  width:8.3%;height:5%;
  pointer-events:none;
  animation:bcHeroBlink 5.8s infinite;
}
.bc-eye{position:absolute;top:42%;width:28%;height:23%;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,#d7edf5,#89bfd2 72%,#0c1b25 73%);box-shadow:0 -1px 0 rgba(0,0,0,.8),0 0 4px rgba(77,203,255,.32);transform:skewX(-8deg)}
.bc-eye b{position:absolute;left:46%;top:13%;width:28%;aspect-ratio:1;border-radius:50%;background:#101d26;box-shadow:0 0 0 1px #69d3ef}
.bc-eye--left{left:7%;transform:skewX(8deg) rotate(2deg)}
.bc-eye--right{right:8%;transform:skewX(-8deg) rotate(-2deg)}
.bc-animated-hero__content{
  position:relative;z-index:10;
  width:min(calc(100% - 32px),1475px);
  height:100%;min-height:inherit;
  margin:0 auto;
  padding:clamp(110px,16vh,175px) 0 65px;
  display:flex;flex-direction:column;align-items:flex-start;
}
.bc-animated-hero__title{
  margin:0;
  display:flex;flex-direction:column;align-items:flex-start;
  font-family:'Arial Black','Inter',sans-serif;
  font-size:clamp(60px,6.5vw,108px);
  font-weight:950;
  line-height:.78;
  letter-spacing:-.072em;
  text-transform:uppercase;
  text-shadow:0 10px 28px rgba(0,0,0,.36);
}
.bc-hero-line{display:block;opacity:0;transform:translateY(34px);animation:bcHeroTitleIn .78s cubic-bezier(.19,1,.22,1) forwards}
.bc-hero-line--one{animation-delay:.08s}
.bc-hero-line--badge{animation-delay:.19s}
.bc-hero-line--three{animation-delay:.3s}
.bc-hero-badge{
  display:inline-flex;align-items:baseline;
  margin:.075em 0 .09em;
  padding:.075em .13em .11em .105em;
  border-radius:.075em;
  color:#030508;
  background:linear-gradient(180deg,#ffd968 0%,var(--bc-gold) 78%,#e2ad36 100%);
  box-shadow:0 0 0 1px rgba(255,223,112,.2),0 0 24px rgba(245,196,75,.55),0 12px 34px rgba(0,0,0,.38);
  animation:bcHeroBadgeGlow 2.8s ease-in-out infinite;
}
.bc-hero-badge em{font-style:normal;font-size:.60em;letter-spacing:-.11em;transform:translateY(-.12em);margin:0 .01em}
.bc-animated-hero__desc{
  max-width:455px;
  margin:27px 0 0;
  color:rgba(229,231,235,.71);
  font-size:13px;line-height:1.75;
  opacity:0;transform:translateY(18px);
  animation:bcHeroDescIn .8s .52s cubic-bezier(.19,1,.22,1) forwards;
}
.bc-animated-hero__scroll{
  display:inline-flex;align-items:center;gap:12px;
  margin-top:auto;
  color:rgba(255,255,255,.62);
  text-decoration:none;text-transform:uppercase;
  letter-spacing:.13em;font-size:9px;
  opacity:0;animation:bcHeroDescIn .7s .75s ease forwards;
}
.bc-animated-hero__scroll strong{font-weight:900}
.bc-animated-hero__mouse{position:relative;width:18px;height:29px;border:1.5px solid currentColor;border-radius:11px}
.bc-animated-hero__mouse i{position:absolute;left:50%;top:6px;width:2px;height:5px;border-radius:2px;background:currentColor;transform:translateX(-50%);animation:bcHeroMouse 1.5s ease-in-out infinite}
.bc-animated-hero__bottom-fade{position:absolute;z-index:9;left:0;right:0;bottom:0;height:16%;pointer-events:none;background:linear-gradient(180deg,transparent,#06080c)}
.bc-animated-hero.is-pointer .bc-animated-hero__art{transition:transform .22s ease-out}

@keyframes bcHeroBackdrop{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.045) translate3d(-1.2%,.8%,0)}}
@keyframes bcHeroParticles{from{transform:translate3d(0,0,0)}to{transform:translate3d(-512px,512px,0)}}
@keyframes bcHeroBreathing{0%,100%{transform:translate3d(0,0,0) scale(1)}48%{transform:translate3d(0,-3px,0) scale(1.006)}54%{transform:translate3d(0,-2px,0) scale(1.008)}}
@keyframes bcHeroChestGlow{0%,100%{opacity:.22;transform:scale(.96)}50%{opacity:.62;transform:scale(1.06)}}
@keyframes bcHeroKnifeFloat{0%,100%{transform:translate3d(0,-6px,0) rotate(-1.2deg)}50%{transform:translate3d(0,10px,0) rotate(1.6deg)}}
@keyframes bcHeroArmMove{0%,100%{transform:rotate(0deg) translate3d(0,0,0)}40%{transform:rotate(-1.8deg) translate3d(-2px,-2px,0)}68%{transform:rotate(1.1deg) translate3d(2px,1px,0)}}
@keyframes bcHeroEnergyRing{0%,100%{opacity:.25;filter:blur(.6px);scale:.92}50%{opacity:.82;filter:blur(0);scale:1.08}}
@keyframes bcHeroBlink{0%,43%,47%,74%,78%,100%{opacity:1;transform:scaleY(1)}44.2%,45.5%,75.2%,76.2%{opacity:0;transform:scaleY(.1)}}
@keyframes bcHeroTitleIn{to{opacity:1;transform:translateY(0)}}
@keyframes bcHeroDescIn{to{opacity:1;transform:translateY(0)}}
@keyframes bcHeroBadgeGlow{0%,100%{filter:brightness(.96);box-shadow:0 0 0 1px rgba(255,223,112,.16),0 0 18px rgba(245,196,75,.42),0 12px 34px rgba(0,0,0,.38)}50%{filter:brightness(1.08);box-shadow:0 0 0 1px rgba(255,223,112,.28),0 0 34px rgba(245,196,75,.68),0 12px 34px rgba(0,0,0,.38)}}
@keyframes bcHeroMouse{0%{transform:translate(-50%,0);opacity:.25}45%{opacity:1}100%{transform:translate(-50%,9px);opacity:0}}

@media(max-width:1050px){
  .bc-animated-hero__art{right:-19%;width:min(82vw,900px);opacity:.9}
  .bc-animated-hero__vignette{background:linear-gradient(90deg,rgba(1,2,4,.98) 0%,rgba(1,2,4,.84) 39%,rgba(1,2,4,.22) 75%,rgba(1,2,4,.1) 100%),linear-gradient(180deg,transparent 45%,rgba(2,3,6,.92) 100%)}
}
@media(max-width:720px){
  .bc-animated-hero{height:720px;min-height:720px}
  .bc-animated-hero__content{padding:80px 0 42px}
  .bc-animated-hero__art{width:1040px;right:-560px;opacity:.60}
  .bc-animated-hero__vignette{background:linear-gradient(90deg,rgba(1,2,4,.97) 0%,rgba(1,2,4,.82) 65%,rgba(1,2,4,.45) 100%),linear-gradient(180deg,transparent 38%,#06080c 100%)}
  .bc-animated-hero__title{font-size:clamp(54px,17vw,78px)}
  .bc-animated-hero__desc{max-width:88%;font-size:11px}
  .bc-animated-hero__arm,.bc-animated-hero__eyes{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bc-animated-hero *, .bc-animated-hero *::before,.bc-animated-hero *::after{animation:none!important;transition:none!important}
  .bc-hero-line,.bc-animated-hero__desc,.bc-animated-hero__scroll{opacity:1;transform:none}
}

/* =========================================================
   CINEMATIC RENDER-ONLY HERO — seamless layered animation
   Source frame stays intact; only natural secondary motion is layered.
   ========================================================= */
.bc-cinematic-hero{
  position:relative;
  height:clamp(620px,74svh,770px);
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#07111d;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.bc-cinematic-hero__stage{
  --bc-px:0px;
  --bc-py:0px;
  position:absolute;
  left:50%;
  top:50%;
  width:max(100vw,1180px);
  aspect-ratio:1839/855;
  transform:translate3d(calc(-50% + var(--bc-px)),calc(-50% + var(--bc-py)),0);
  transform-origin:67% 55%;
  will-change:transform;
  transition:transform .18s ease-out;
}
.bc-cinematic-hero__group{
  position:absolute;
  inset:0;
  animation:bcRenderIdle 6.8s cubic-bezier(.45,.05,.55,.95) infinite;
  transform-origin:65% 72%;
  will-change:transform;
}
.bc-cinematic-hero__base{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:contain;
  display:block;
  user-select:none;pointer-events:none;
}
/* Jett hair highlight: tiny secondary sway over the intact base hair, preventing seams. */
.bc-cinematic-hero__hair{
  position:absolute;
  left:69.39%;top:8.54%;
  width:11.85%;height:17.66%;
  object-fit:contain;
  transform-origin:34% 65%;
  opacity:.92;
  filter:drop-shadow(0 0 3px rgba(129,211,255,.13));
  animation:bcHairSway 4.4s ease-in-out infinite;
  pointer-events:none;
}
/* Canister overlay adds a restrained held-object sway/glow while the actual arm remains continuous. */
.bc-cinematic-hero__slurp{
  position:absolute;
  left:40.78%;top:71.35%;
  width:11.31%;height:27.60%;
  object-fit:contain;
  transform-origin:78% 18%;
  opacity:.42;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 8px rgba(37,200,255,.24));
  animation:bcSlurpHeld 5.4s ease-in-out infinite;
  pointer-events:none;
}
/* Exact dagger + exact blue swirl from the approved frame. The whole effect floats as one object. */
.bc-cinematic-hero__dagger-float{
  position:absolute;
  left:79.88%;top:14.15%;
  width:17.24%;height:40.47%;
  transform-origin:50% 58%;
  animation:bcDaggerFloat 3.25s cubic-bezier(.45,.05,.55,.95) infinite;
  will-change:transform;
  pointer-events:none;
}
.bc-cinematic-hero__dagger{
  width:100%;height:100%;object-fit:contain;display:block;
  filter:drop-shadow(0 0 8px rgba(40,197,255,.24));
  animation:bcDaggerLight 2.6s ease-in-out infinite;
}
/* Eyelids appear only during blink frames; base eyes remain untouched at all other times. */
.bc-blink{position:absolute;z-index:8;display:block;transform-origin:center center;transform:scaleY(0);opacity:0;pointer-events:none}
.bc-blink::after{content:"";position:absolute;left:5%;right:5%;bottom:-1px;height:1px;border-radius:999px;background:rgba(22,10,9,.88)}
.bc-blink--ren-left{left:58.90%;top:17.20%;width:2.25%;height:1.48%;border-radius:52% 50% 46% 48%;background:linear-gradient(180deg,#a65f43 0%,#7a3d2b 72%,#3a1712 100%);transform:rotate(4deg) scaleY(0);animation:bcBlinkRen 6.1s infinite}
.bc-blink--ren-right{left:62.08%;top:16.95%;width:2.35%;height:1.52%;border-radius:50% 52% 46% 48%;background:linear-gradient(180deg,#a96749 0%,#7b402e 72%,#3a1712 100%);transform:rotate(-3deg) scaleY(0);animation:bcBlinkRen 6.1s infinite}
.bc-blink--jett-left{left:75.78%;top:22.20%;width:2.12%;height:1.40%;border-radius:50%;background:linear-gradient(180deg,#e8b5b1 0%,#d18f91 78%,#563037 100%);transform:rotate(8deg) scaleY(0);animation:bcBlinkJett 5.45s .65s infinite}
.bc-blink--jett-right{left:79.05%;top:22.78%;width:1.88%;height:1.35%;border-radius:50%;background:linear-gradient(180deg,#e5b0ae 0%,#ca8b8e 78%,#553039 100%);transform:rotate(-7deg) scaleY(0);animation:bcBlinkJett 5.45s .65s infinite}
.bc-cinematic-hero__bottom-fade{position:absolute;left:0;right:0;bottom:-1px;height:8%;z-index:20;pointer-events:none;background:linear-gradient(180deg,transparent,#06080c)}

@keyframes bcRenderIdle{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  45%{transform:translate3d(0,-2px,0) scale(1.0025)}
  62%{transform:translate3d(0,-1px,0) scale(1.0014)}
}
@keyframes bcHairSway{
  0%,100%{transform:rotate(0deg) translate3d(0,0,0)}
  35%{transform:rotate(-1.25deg) translate3d(-1px,-.5px,0)}
  68%{transform:rotate(.85deg) translate3d(.7px,.4px,0)}
}
@keyframes bcSlurpHeld{
  0%,100%{transform:rotate(0deg) translate3d(0,0,0);opacity:.34}
  42%{transform:rotate(-.7deg) translate3d(-.5px,-1px,0);opacity:.50}
  70%{transform:rotate(.45deg) translate3d(.5px,.5px,0);opacity:.40}
}
@keyframes bcDaggerFloat{
  0%,100%{transform:translate3d(0,-8px,0) rotate(-.45deg)}
  50%{transform:translate3d(0,12px,0) rotate(.65deg)}
}
@keyframes bcDaggerLight{
  0%,100%{filter:drop-shadow(0 0 7px rgba(40,197,255,.20)) brightness(.98)}
  50%{filter:drop-shadow(0 0 14px rgba(40,197,255,.34)) brightness(1.05)}
}
@keyframes bcBlinkRen{
  0%,39%,42.6%,71%,74.2%,100%{opacity:0;transform:scaleY(0)}
  40.0%,41.6%,72.0%,73.1%{opacity:1;transform:scaleY(1)}
}
@keyframes bcBlinkJett{
  0%,49%,52.2%,82%,85.0%,100%{opacity:0;transform:scaleY(0)}
  50.0%,51.25%,83.0%,84.0%{opacity:1;transform:scaleY(1)}
}
@media(max-width:900px){
  .bc-cinematic-hero{height:660px;min-height:660px}
  .bc-cinematic-hero__stage{width:max(1240px,150vw);left:57%}
}
@media(max-width:600px){
  .bc-cinematic-hero{height:610px;min-height:610px}
  .bc-cinematic-hero__stage{width:1320px;left:66%}
}
@media(prefers-reduced-motion:reduce){
  .bc-cinematic-hero *{animation:none!important;transition:none!important}
}

/* =========================================================
   V8 VIDEO HERO — exact approved looping hero preview
   ========================================================= */
.bc-video-hero{
  position:relative;
  width:100%;
  height:clamp(620px,78svh,860px);
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#02060b;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.bc-video-hero__video,
.bc-video-hero__fallback{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.bc-video-hero__video{z-index:2;background:#02060b}
.bc-video-hero__fallback{z-index:1}
.bc-video-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:7%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,6,11,0),#06080c);
}
@media (max-width:900px){
  .bc-video-hero{height:660px;min-height:660px}
  .bc-video-hero__video,.bc-video-hero__fallback{object-position:58% center}
}
@media (max-width:600px){
  .bc-video-hero{height:610px;min-height:610px}
  .bc-video-hero__video,.bc-video-hero__fallback{object-position:64% center}
}

/* =========================================================
   V9 WHY CHOOSE US — reference layout over supplied background
   ========================================================= */
.bc-why-showcase{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:0;
  margin:0;
  min-height:760px;
  background:#050608;
}
.bc-why-showcase__bg{
  position:absolute;inset:0;z-index:0;
  background-image:url('./bc-why-bg.jpg');
  background-size:cover;
  background-position:center center;
  filter:saturate(.58) brightness(.47) contrast(1.07);
  transform:scale(1.015);
}
.bc-why-showcase__shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 7% 24%,rgba(177,118,0,.26),transparent 29%),
    radial-gradient(circle at 92% 72%,rgba(0,73,153,.24),transparent 31%),
    linear-gradient(180deg,rgba(5,6,8,.48) 0%,rgba(5,6,8,.68) 45%,rgba(5,6,8,.88) 100%);
}
.bc-why-showcase__inner{position:relative;z-index:2;padding:28px 0 62px}
.bc-why-showcase__head{max-width:430px;margin-bottom:42px}
.bc-why-showcase__kicker{display:block;margin-bottom:10px;color:#f0bd38;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.bc-why-showcase__head h2{margin:0;color:#f8f8f8;font-size:clamp(31px,3vw,48px);line-height:1.05;letter-spacing:-.045em;font-weight:900;text-shadow:0 5px 20px rgba(0,0,0,.45)}
.bc-why-showcase__grid{display:grid;grid-template-columns:minmax(240px,1.02fr) minmax(440px,1.9fr) minmax(240px,1.02fr);gap:16px;align-items:stretch}
.bc-why-panel{position:relative;overflow:hidden;border:1px solid rgba(221,167,39,.35);border-radius:18px;background:linear-gradient(145deg,rgba(16,16,17,.95),rgba(9,10,12,.94));box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)}
.bc-why-pricing{min-height:500px;padding:28px 24px 23px;background:linear-gradient(155deg,rgba(48,34,12,.90),rgba(8,9,11,.97) 56%)}
.bc-saving-pill{display:inline-flex;align-items:baseline;gap:6px;padding:8px 13px;margin-bottom:18px;border:1px solid rgba(255,195,49,.36);border-radius:999px;background:rgba(176,124,15,.14);box-shadow:0 0 24px rgba(255,186,28,.16);color:#d5a931;font-size:10px;font-weight:800}
.bc-saving-pill strong{font-size:16px;color:#e2b438}
.bc-compare-list{display:flex;flex-direction:column;gap:9px}
.bc-compare-row__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;color:#f0f0f0;font-size:10px;font-weight:800}
.bc-compare-row__top em{font-style:normal;color:#44e790;font-size:9px}
.bc-compare-line{display:grid;grid-template-columns:31px 1fr 34px;gap:7px;align-items:center;color:#aaa;font-size:7px;line-height:1.3}
.bc-compare-line strong{text-align:right;color:#dcdcdc;font-size:7px}
.bc-compare-line i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.bc-compare-line i b{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#e7b334,#ffe8a1)}
.bc-compare-line.is-market i b{background:rgba(171,164,145,.52)}
.bc-why-copy{display:flex;gap:12px;align-items:flex-start;padding:18px 20px}
.bc-why-copy--bottom{position:absolute;left:0;right:0;bottom:0;padding:24px 24px 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.24))}
.bc-why-copy h3{margin:0 0 8px;color:#fff;font-size:20px;line-height:1.05;letter-spacing:-.03em}
.bc-why-copy p{margin:0;color:rgba(233,235,238,.68);font-size:11px;line-height:1.62}
.bc-why-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(232,180,45,.37);border-radius:10px;background:rgba(114,83,11,.22);color:#e6b634;box-shadow:0 0 20px rgba(222,168,30,.08)}
.bc-why-center{display:grid;grid-template-rows:1.12fr .88fr;gap:16px}
.bc-why-demo{min-height:270px;border-color:rgba(40,116,187,.30);background:linear-gradient(135deg,rgba(20,37,51,.96),rgba(6,17,29,.96) 72%)}
.bc-demo-toolbar{position:absolute;left:20px;right:20px;top:18px;z-index:3;display:flex;justify-content:space-between;align-items:center}
.bc-demo-toolbar span,.bc-demo-toolbar button{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:9px 14px;background:rgba(255,255,255,.08);color:#f3f3f3;font-size:9px;font-weight:800}
.bc-demo-toolbar button{border:none;background:linear-gradient(180deg,#ffd26a,#f2b72e);color:#1a1200;box-shadow:0 8px 22px rgba(245,190,53,.22)}
.bc-demo-stage{display:grid;place-items:center;height:160px;padding-top:34px;background:radial-gradient(circle at center,rgba(16,92,160,.25),transparent 55%)}
.bc-demo-window{position:relative;width:145px;height:91px;border-radius:10px;border:1px solid rgba(181,205,223,.3);background:linear-gradient(150deg,#7e8a88,#222d32 58%,#10181f);box-shadow:0 12px 28px rgba(0,0,0,.42);overflow:hidden}
.bc-demo-game{position:absolute;inset:0;background:linear-gradient(15deg,transparent 50%,rgba(255,255,255,.06) 51%),linear-gradient(90deg,rgba(46,87,97,.25),rgba(157,164,150,.15))}
.bc-demo-success{position:absolute;left:12px;right:12px;bottom:5px;padding:5px 8px;border-radius:7px;background:rgba(12,60,41,.88);border:1px solid rgba(53,195,126,.3);color:#4ee391;font-size:7px;text-align:center;font-weight:800}
.bc-why-demo .bc-why-copy{position:absolute;left:0;right:0;bottom:0;padding-bottom:20px;background:linear-gradient(180deg,rgba(6,17,29,0),rgba(6,17,29,.96) 30%)}
.bc-why-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bc-why-mini{min-height:210px;padding:4px 0;background:rgba(13,14,16,.95)}
.bc-why-mini .bc-why-copy{padding:24px 20px 12px}
.bc-status-pill{display:inline-flex;align-items:center;gap:7px;margin:8px 20px 18px;padding:7px 13px;border:1px solid rgba(34,196,116,.31);border-radius:999px;background:rgba(14,94,61,.18);color:#39df8d;font-size:8px;font-weight:800}
.bc-status-pill i{font-size:7px}
.bc-why-quality{overflow:hidden}
.bc-quality-spark{position:absolute;color:#ffd75c;text-shadow:0 0 10px rgba(255,206,61,.65);animation:bcQualitySpark 2.8s ease-in-out infinite}
.bc-quality-spark--one{right:42px;top:27px;font-size:17px}
.bc-quality-spark--two{right:24px;top:43px;font-size:9px;animation-delay:.65s}
.bc-why-reviews{min-height:500px;padding:18px 20px 0;background:rgba(13,13,15,.97);border-color:rgba(221,167,39,.28)}
.bc-review-stack{display:flex;flex-direction:column;gap:18px;max-height:300px;overflow:hidden}
.bc-review-item{display:grid;grid-template-columns:34px 1fr;gap:10px}
.bc-review-item>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(139,102,22,.35);color:#e4b435;font-size:11px;font-weight:900}
.bc-review-item strong{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#fff;font-size:10px}
.bc-review-item strong b{color:#e9ba37;font-size:8px;letter-spacing:.06em;white-space:nowrap}
.bc-review-item small{display:block;margin:2px 0 5px;color:#75787e;font-size:7px}
.bc-review-item p{margin:0;color:#a8a9ad;font-size:9px;line-height:1.55}
.bc-why-copy--reviews{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 24px;background:linear-gradient(180deg,rgba(13,13,15,0),#0d0d0f 28%)}
.bc-why-copy--reviews a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#e8ba3e;font-size:9px;font-weight:800;text-decoration:none}
@keyframes bcQualitySpark{0%,100%{opacity:.25;transform:scale(.75) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(8deg)}}
@media(max-width:1080px){
  .bc-why-showcase__grid{grid-template-columns:1fr 1.5fr}
  .bc-why-reviews{grid-column:1/-1;min-height:360px}
  .bc-review-stack{max-width:64%;max-height:245px}
  .bc-why-copy--reviews{left:auto;width:38%;top:0;bottom:0;background:linear-gradient(90deg,rgba(13,13,15,0),#0d0d0f 24%);align-items:center}
}
@media(max-width:760px){
  .bc-why-showcase__inner{padding:34px 0 48px}
  .bc-why-showcase__head{margin-bottom:28px}
  .bc-why-showcase__grid{display:block}
  .bc-why-panel,.bc-why-center,.bc-why-mini-grid{margin-bottom:14px}
  .bc-why-center{display:block}
  .bc-why-demo,.bc-why-mini{margin-bottom:14px}
  .bc-why-mini-grid{display:block}
  .bc-why-pricing,.bc-why-reviews{min-height:500px}
  .bc-review-stack{max-width:100%;max-height:280px}
  .bc-why-copy--reviews{left:0;width:auto;top:auto;bottom:0;background:linear-gradient(180deg,rgba(13,13,15,0),#0d0d0f 28%)}
}
@media(prefers-reduced-motion:reduce){.bc-quality-spark{animation:none!important}}


/* =========================================================
   V10 HERO / NAVBAR OVERLAP — renders extend into navbar
   ========================================================= */
.template-shop .envy-global-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:60;
  width:100%;
  pointer-events:none;
}
.template-shop .envy-global-header .bc-nav,
.template-shop .envy-global-header .component,
.template-shop .envy-global-header a,
.template-shop .envy-global-header button{
  pointer-events:auto;
}
.template-shop .bc-nav{
  position:relative;
  z-index:65;
  background:linear-gradient(180deg,rgba(5,7,11,.90) 0%,rgba(5,7,11,.72) 58%,rgba(5,7,11,.34) 100%);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.template-shop .bc-video-hero{
  margin-top:0;
  z-index:1;
}
.template-shop .bc-video-hero__video,
.template-shop .bc-video-hero__fallback{
  object-position:center top;
}
/* Keep the character heads/tops visibly running behind the navbar. */
.template-shop .bc-video-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:92px;
  z-index:4;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,5,9,.04),rgba(2,5,9,0));
}
@media(max-width:900px){
  .template-shop .bc-video-hero__video,
  .template-shop .bc-video-hero__fallback{object-position:58% top}
}
@media(max-width:600px){
  .template-shop .bc-video-hero__video,
  .template-shop .bc-video-hero__fallback{object-position:64% top}
}

/* =========================================================
   V11 FULL-SCREEN HERO + SPLIT NAV + RENDER-OVER-NAV LAYER
   ========================================================= */
.template-shop .envy-global-header{
  position:absolute;
  inset:0 0 auto 0;
  z-index:70;
  width:100%;
  pointer-events:none;
}
.template-shop .envy-global-header .bc-nav,
.template-shop .envy-global-header .component,
.template-shop .envy-global-header a,
.template-shop .envy-global-header button{pointer-events:auto}

/* Navbar background is its own layer. Character tops can sit above this layer. */
.template-shop .bc-nav{
  position:relative;
  z-index:70;
  background:transparent;
  border-bottom:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  isolation:isolate;
}
.template-shop .bc-nav::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(4,7,12,.88) 0%,rgba(4,7,12,.68) 62%,rgba(4,7,12,.28) 100%);
  border-bottom:1px solid rgba(255,255,255,.075);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  pointer-events:none;
}
.template-shop .bc-nav__inner{
  position:relative;
  z-index:95;
  width:100%;
  max-width:none;
  height:82px;
  margin:0;
  padding:0 clamp(22px,3vw,54px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.template-shop .bc-nav__left{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(24px,3vw,54px);
}
.template-shop .bc-brand{flex:0 0 auto}
.template-shop .bc-nav__links{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(20px,2vw,34px);
}
.template-shop .bc-nav__actions{
  margin-left:auto;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.template-shop .bc-nav-cta{order:1}
.template-shop .bc-cart{order:2}
.template-shop .bc-account{order:3}

/* At 100% browser zoom the hero occupies exactly one screen. */
.template-shop .bc-video-hero{
  position:relative;
  width:100vw;
  max-width:100%;
  height:100vh;
  height:100svh;
  min-height:100vh;
  min-height:100svh;
  margin:0;
  overflow:hidden;
  z-index:1;
  background:#02060b;
}
.template-shop .bc-video-hero__video,
.template-shop .bc-video-hero__fallback{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.template-shop .bc-video-hero__video{z-index:2}
.template-shop .bc-video-hero__fallback{z-index:1}


/* First downward scroll pulls the next homepage section into the viewport. */
.template-shop .components > .bc-video-hero + .component{
  position:relative;
  z-index:5;
  scroll-margin-top:0;
}

@media(max-width:980px){
  .template-shop .bc-nav__inner{height:72px;padding-inline:20px}
  .template-shop .bc-nav__left{gap:18px}
  .template-shop .bc-nav__links{display:none}
  .template-shop .bc-video-hero__video,
  .template-shop .bc-video-hero__fallback,
}
@media(max-width:650px){
  .template-shop .bc-nav__inner{height:66px;padding-inline:14px}
  .template-shop .bc-brand strong{display:none}
  .template-shop .bc-nav-cta{display:none}
  .template-shop .bc-video-hero__video,
  .template-shop .bc-video-hero__fallback,
}

/* =========================================================
   V14 HERO — sharp original loop + clean navbar overlap + editable hero/nav
   ========================================================= */
.template-shop .envy-global-header{
  position:absolute;inset:0 0 auto 0;z-index:70;width:100%;pointer-events:none;
}
.template-shop .envy-global-header .bc-nav,
.template-shop .envy-global-header .component,
.template-shop .envy-global-header a,
.template-shop .envy-global-header button{pointer-events:auto}

/* Homepage navbar: solid enough behind controls, transparent through the character-head area.
   This avoids duplicating/clipping the video above the bar, which caused the black polygon artifact. */
.template-shop .bc-nav{position:relative;z-index:70;background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:visible!important}
.template-shop .bc-nav::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,
    rgba(4,7,12,.97) 0%,
    rgba(4,7,12,.95) 50%,
    rgba(4,7,12,.72) 56%,
    rgba(4,7,12,.10) 62%,
    rgba(4,7,12,.03) 82%,
    rgba(4,7,12,.68) 89%,
    rgba(4,7,12,.96) 100%);
  box-shadow:0 10px 32px rgba(0,0,0,.16);
}
.template-shop .bc-nav__inner{position:relative;z-index:95;width:100%;max-width:none;height:82px;margin:0;padding:0 clamp(22px,3vw,54px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.template-shop .bc-nav__left{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:clamp(22px,2.7vw,48px)}
.template-shop .bc-brand{position:relative;display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none;transition:transform .24s ease,filter .24s ease}
.template-shop .bc-brand:hover{transform:translateY(-2px);filter:brightness(1.12)}
.template-shop .bc-brand__image{display:block;max-width:190px;max-height:42px;width:auto;height:auto;object-fit:contain}
.template-shop .bc-brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#3b82f6;color:#07111f;font-weight:900;transition:transform .3s cubic-bezier(.2,.75,.25,1.25),box-shadow .3s ease}
.template-shop .bc-brand:hover .bc-brand__mark{transform:rotate(-7deg) scale(1.06);box-shadow:0 8px 24px rgba(59,130,246,.34)}
.template-shop .bc-brand strong{color:#f7f9fc;font-weight:800;letter-spacing:-.02em}
.template-shop .bc-nav__links{display:flex;align-items:center;justify-content:flex-start;gap:clamp(20px,2vw,34px)}
.template-shop .bc-nav-link{position:relative;padding:29px 0 27px;color:rgba(238,242,248,.76);font-weight:700;font-size:13px;text-decoration:none;transition:color .22s ease,transform .22s ease}
.template-shop .bc-nav-link::after{content:"";position:absolute;left:50%;bottom:20px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#69a8ff,#2f7df4);box-shadow:0 0 14px rgba(59,130,246,.55);transform:translateX(-50%);transition:width .26s cubic-bezier(.2,.75,.25,1)}
.template-shop .bc-nav-link:hover{color:#fff;transform:translateY(-2px)}
.template-shop .bc-nav-link:hover::after{width:100%}
.template-shop .bc-nav__actions{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.template-shop .bc-nav-cta{position:relative;isolation:isolate;overflow:hidden;order:1;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 19px;border-radius:11px;background:linear-gradient(135deg,#3d8cff,#2875eb);color:#06101e!important;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.06em;text-decoration:none;box-shadow:0 10px 26px rgba(42,120,239,.22);transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.template-shop .bc-nav-cta::before{content:"";position:absolute;z-index:-1;top:-40%;bottom:-40%;left:-45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transform:skewX(-18deg);transition:left .5s ease}
.template-shop .bc-nav-cta:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 15px 34px rgba(42,120,239,.34);filter:brightness(1.06)}
.template-shop .bc-nav-cta:hover::before{left:115%}
.template-shop .bc-nav-icon{order:2;display:grid!important;place-items:center!important;width:40px;height:40px;border:1px solid rgba(255,255,255,.11)!important;border-radius:11px!important;background:rgba(8,12,18,.54)!important;color:#fff!important;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.template-shop .bc-account{order:3}
.template-shop .bc-nav-icon:hover{transform:translateY(-3px) scale(1.04);border-color:rgba(83,153,255,.58)!important;background:rgba(32,75,137,.35)!important;box-shadow:0 9px 24px rgba(34,102,200,.2)}
.template-shop .bc-nav-icon i{transition:transform .24s cubic-bezier(.2,.75,.25,1.25)}
.template-shop .bc-nav-icon:hover i{transform:scale(1.12)}

/* Full viewport hero. No z-index here: that lets the top render layer escape above navbar background. */
.template-shop .bc-video-hero{position:relative;width:100vw;max-width:100%;height:100vh;height:100svh;min-height:100vh;min-height:100svh;margin:0;overflow:hidden;z-index:auto!important;background:#02060b;isolation:auto!important}
.template-shop .bc-video-hero__media{position:absolute;inset:0;z-index:1;overflow:hidden;background:#02060b}
.template-shop .bc-video-hero__video,.template-shop .bc-video-hero__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.template-shop .bc-video-hero__video{z-index:2;opacity:1;transform:scale(var(--bc-hero-scale,1));filter:blur(var(--bc-hero-blur,0px)) brightness(var(--bc-hero-brightness,1));transform-origin:50% 50%;will-change:transform,filter}
.template-shop .bc-video-hero__fallback{z-index:1}

/* Covers the old baked-in copy from the reference loop so all visible copy is editable. */
.template-shop .bc-video-hero__left-mask{position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(90deg,#02060b 0%,#02060b 29%,rgba(2,6,11,.985) 34%,rgba(2,6,11,.90) 39%,rgba(2,6,11,.50) 44%,rgba(2,6,11,.10) 50%,transparent 55%)}
.template-shop .bc-video-hero__content{position:absolute;inset:0;z-index:20;pointer-events:none}
.template-shop .bc-hero-copy{position:absolute;left:clamp(96px,8.6vw,158px);top:50%;width:min(500px,34vw);transform:translateY(-43%);pointer-events:auto}
.template-shop .bc-hero-title{display:flex;flex-direction:column;align-items:flex-start;color:#fff;text-transform:uppercase;font-family:'Syne',sans-serif;font-weight:900;font-size:clamp(56px,5.8vw,98px);line-height:.82;letter-spacing:-.065em;text-shadow:0 7px 24px rgba(0,0,0,.35)}
.template-shop .bc-hero-title__line{display:block;white-space:nowrap}
.template-shop .bc-hero-title__badge{display:inline-flex;align-items:center;white-space:nowrap;margin:7px 0 9px;padding:5px 13px 9px;border-radius:7px;background:linear-gradient(180deg,#f7ca58,#efb936);color:#07101a;box-shadow:0 0 34px rgba(238,183,48,.42),inset 0 1px 0 rgba(255,255,255,.3);font-size:.82em;line-height:.9;letter-spacing:-.075em}
.template-shop .bc-hero-title__badge b{font:inherit}
.template-shop .bc-hero-description{max-width:460px;margin:27px 0 0;color:rgba(230,234,241,.74);font-size:clamp(13px,1.02vw,16px);line-height:1.65;font-weight:500}
.template-shop .bc-hero-scroll{display:inline-flex;align-items:center;gap:13px;margin-top:34px;color:rgba(235,239,245,.64);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:color .2s ease,transform .2s ease}
.template-shop .bc-hero-scroll:hover{color:#fff;transform:translateX(3px)}
.template-shop .bc-hero-scroll__mouse{position:relative;display:block;width:20px;height:31px;border:2px solid rgba(255,255,255,.62);border-radius:12px}
.template-shop .bc-hero-scroll__mouse i{position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:4px;background:#fff;transform:translateX(-50%);animation:bcHeroWheel 1.55s ease-in-out infinite}
@keyframes bcHeroWheel{0%{opacity:0;transform:translate(-50%,0)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,9px)}}

/* Entrance motion, intentionally subtle. */
@media(prefers-reduced-motion:no-preference){
  .template-shop .bc-nav__inner>*{animation:bcNavIn .58s cubic-bezier(.2,.7,.2,1) both}
  .template-shop .bc-nav__actions{animation-delay:.08s}
  .template-shop .bc-hero-copy{animation:bcHeroCopyIn .7s cubic-bezier(.2,.75,.2,1) .08s both}
}
@keyframes bcNavIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes bcHeroCopyIn{from{opacity:0;transform:translate(22px,-43%)}to{opacity:1;transform:translate(0,-43%)}}

@media(max-width:1100px){
  .template-shop .bc-hero-copy{left:clamp(58px,6.4vw,94px);width:38vw}
  .template-shop .bc-hero-title{font-size:clamp(50px,6.4vw,76px)}
  .template-shop .bc-video-hero__video,.template-shop .bc-video-hero__fallback{object-position:58% top}
  }
@media(max-width:980px){
  .template-shop .bc-nav__inner{height:72px;padding-inline:20px}
  .template-shop .bc-nav__left{gap:18px}.template-shop .bc-nav__links{display:none}
  .template-shop .bc-hero-copy{left:30px;width:min(410px,52vw)}
}
@media(max-width:650px){
  .template-shop .bc-nav__inner{height:66px;padding-inline:14px}.template-shop .bc-brand strong{display:none}.template-shop .bc-nav-cta{display:none}
  .template-shop .bc-brand__image{max-width:120px;max-height:34px}
  .template-shop .bc-video-hero__video,.template-shop .bc-video-hero__fallback{object-position:66% top}
  .template-shop .bc-video-hero__left-mask{background:linear-gradient(90deg,rgba(2,6,11,.98),rgba(2,6,11,.88) 52%,rgba(2,6,11,.24) 76%,transparent)}
  .template-shop .bc-hero-copy{left:20px;top:56%;width:74vw}
  .template-shop .bc-hero-title{font-size:clamp(44px,13vw,68px)}
  .template-shop .bc-hero-description{font-size:12px;max-width:330px}.template-shop .bc-hero-scroll{margin-top:22px}
  }
@media(prefers-reduced-motion:reduce){.template-shop .bc-video-hero__video{transition:none!important}.template-shop .bc-hero-scroll__mouse i{animation:none!important}}


/* V15 exact animation reference supplied by user. Local loop is pre-trimmed to skip the loading frame. */
.template-shop .bc-video-hero__video{animation:none!important;transition:none!important;}

/* ==============================================================
   ThemeDemo Monochrome — screenshot-inspired SellAuth storefront
   ============================================================== */
:root{--td-bg:#050505;--td-card:#0b0b0c;--td-line:rgba(255,255,255,.10);--td-soft:rgba(255,255,255,.62);--td-white:#f6f6f6}
html{scroll-behavior:smooth}
body{background:var(--td-bg)!important;color:var(--td-white);overflow-x:hidden}
.template-shop .envy-site,.template-shop main{background:transparent!important}
.td-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.envy-global-header{position:absolute!important;top:0;left:0;right:0;z-index:80;background:linear-gradient(180deg,rgba(5,5,5,.97),rgba(5,5,5,.88));border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px)}

/* NAV */
.td-nav{height:66px;display:flex;align-items:center;background:rgba(4,4,4,.76)}
.td-nav__inner{height:100%;display:flex;align-items:center;gap:28px}
.td-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;white-space:nowrap}.td-brand img{height:34px;width:auto;max-width:170px}.td-brand__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f0f0f0;color:#111;font-size:13px}.td-brand strong{font-size:18px;font-weight:800;letter-spacing:-.035em}
.td-nav__menu{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1}.td-nav__links{display:flex;align-items:center;gap:8px;margin-left:16px}.td-nav__links a,.td-nav-login{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border:0;border-radius:10px;color:rgba(255,255,255,.78)!important;background:transparent;text-decoration:none;font-size:12px;font-weight:800;transition:.22s ease}.td-nav__links a:hover,.td-nav-login:hover{color:#fff!important;background:rgba(255,255,255,.055);transform:translateY(-1px)}.td-nav__links a:first-child{background:rgba(255,255,255,.055);color:#fff!important}
.td-nav__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.td-currency,.td-cart{height:40px;border:1px solid var(--td-line);border-radius:8px;background:rgba(8,8,8,.8);display:flex;align-items:center;justify-content:center;color:#fff}.td-currency{padding:0 12px;gap:12px;font-size:12px;font-weight:700}.td-currency i{font-size:8px;color:#777}.td-cart{width:40px;text-decoration:none!important}.td-discord{height:40px;padding:0 14px;border-radius:9px;background:#f5f5f5;color:#111!important;display:flex;align-items:center;gap:8px;text-decoration:none!important;font-size:12px;font-weight:900;transition:.22s}.td-discord:hover{transform:translateY(-2px);background:#fff}.td-nav__toggle{display:none;margin-left:auto;border:1px solid var(--td-line);background:#111;color:#fff;width:40px;height:40px;border-radius:9px}

/* HERO */
.td-hero{position:relative;min-height:600px;padding:118px 0 28px;background:#050505;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.06)}
.td-hero__grid{position:absolute;inset:64px 0 0;z-index:-4;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 72%,transparent 100%)}
.td-hero__glow{position:absolute;z-index:-3;width:540px;height:430px;left:36%;top:58px;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,.04) 38%,transparent 72%);filter:blur(4px)}
.td-hero__inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);gap:58px;align-items:center}
.td-hero__copy{position:relative;z-index:3}.td-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;margin-bottom:10px;border-radius:999px;background:#efefef;color:#111;font-size:12px;font-weight:900}.td-hero__eyebrow i{font-size:11px}.td-hero h1{margin:0;color:#fff;font-size:clamp(42px,4.4vw,62px);line-height:.98;letter-spacing:-.055em;font-weight:850}.td-hero h1 span{color:#d3d3d3}
.td-trust-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:15px 0 18px;font-size:11px;color:#b9b9b9}.td-stars{letter-spacing:1px;color:#fff}.td-trust-row strong{color:#fff}.td-trust-row i{display:block;width:1px;height:15px;background:#494949;margin:0 4px}
.td-hero__description{max-width:610px;margin:0 0 12px;color:#c5c5c5;font-size:13px;line-height:1.7}.td-hero__bullets{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;color:#aaa;font-size:12px}.td-hero__bullets li{display:flex;align-items:center}.td-hero__bullets li>span{width:7px;height:7px;border-radius:50%;background:#ededed;margin-right:8px;box-shadow:0 0 0 3px rgba(255,255,255,.05)}.td-hero__bullets b{color:#f7f7f7}
.td-hero__buttons{display:flex;align-items:center;gap:10px}.td-btn{height:42px;padding:0 15px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none!important;font-size:12px;font-weight:900;transition:.2s ease}.td-btn:hover{transform:translateY(-2px)}.td-btn--primary{background:#f4f4f4;color:#111!important}.td-btn--ghost{background:transparent;border:1px solid transparent;color:#eee!important}.td-btn--ghost:hover{border-color:var(--td-line);background:rgba(255,255,255,.04)}
.td-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;max-width:520px}.td-stat-row>div{height:60px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));display:flex;flex-direction:column;align-items:center;justify-content:center}.td-stat-row strong{font-size:16px;color:#fff}.td-stat-row span{font-size:10px;color:#9c9c9c;margin-top:2px}

.td-hero__visual{position:relative;height:430px;perspective:1100px}.td-panel{position:absolute;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,#151515,#090909 75%);box-shadow:0 30px 65px rgba(0,0,0,.55)}.td-panel--main{width:440px;height:340px;right:10px;top:45px;border-radius:18px;transform:rotateY(-8deg) rotateZ(-1.8deg);overflow:hidden}.td-panel--back{width:340px;height:280px;right:130px;top:92px;border-radius:16px;transform:rotateY(-17deg) rotateZ(1deg);opacity:.46}.td-panel--back span{display:block;height:10px;margin:28px;border-radius:8px;background:#1c1c1c}.td-panel__top{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202020;color:#777;font-size:10px}.td-panel__top>div{display:flex;gap:18px}.td-panel__top i{color:#eee}.td-panel__body{display:grid;grid-template-columns:1fr 1.05fr;height:calc(100% - 56px)}.td-panel__nav{padding:16px 12px;border-right:1px solid #1c1c1c;display:grid;align-content:start;gap:7px}.td-panel__nav span{height:20px;border-radius:6px;padding:5px 8px;color:#555;background:#0c0c0c;font-size:8px}.td-panel__nav span.active{color:#aaa;background:#151515}.td-panel__controls{padding:15px;display:grid;align-content:start;gap:8px}.td-panel__controls>div{display:flex;align-items:center;justify-content:space-between;color:#5f5f5f;font-size:8px}.td-panel__controls b{width:24px;height:13px;border-radius:3px;background:linear-gradient(135deg,#686868,#bfbfbf);opacity:.55}.td-hero__visual:after{content:"";position:absolute;width:520px;height:70px;right:-10px;bottom:6px;background:radial-gradient(ellipse,rgba(255,255,255,.1),transparent 65%);filter:blur(10px);z-index:-1}

/* SECTIONS */
.td-section{position:relative;padding:88px 0;background:#050505}.td-section:nth-of-type(even){background:#070707}.td-section-head{max-width:760px;margin:0 auto 36px;text-align:center}.td-section-head>span,.td-kicker{display:inline-block;margin-bottom:9px;color:#929292;font-size:10px;font-weight:900;letter-spacing:.18em}.td-section-head h2,.td-faq__intro h2{margin:0;color:#f5f5f5;font-size:clamp(30px,3.4vw,45px);line-height:1.06;letter-spacing:-.045em;font-weight:820}.td-section-head p,.td-faq__intro p{color:#8f8f8f;font-size:12px;line-height:1.7;margin:12px 0 0}.td-section-head--split{max-width:none;display:flex;align-items:end;justify-content:space-between;text-align:left}.td-section-head--split>div{max-width:720px}.td-section-head--split a{color:#d8d8d8;text-decoration:none;font-size:11px;font-weight:800}

/* WHY */
.td-why{border-bottom:1px solid rgba(255,255,255,.055)}.td-why__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.td-feature-card{min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;overflow:hidden}.td-feature-card--wide{display:grid;grid-template-columns:auto 1fr;column-gap:17px}.td-feature-card h3{font-size:18px;color:#f0f0f0;margin:2px 0 8px;font-weight:800}.td-feature-card p{font-size:11px;line-height:1.65;color:#898989;margin:0;max-width:440px}.td-feature-icon{width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#0d0d0d;display:grid;place-items:center;color:#e8e8e8}.td-speed-visual,.td-meter{grid-column:1/-1;margin-top:28px}.td-speed-visual{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:#777;font-size:10px}.td-speed-visual>div,.td-meter>div{height:7px;border-radius:999px;background:#151515;overflow:hidden}.td-speed-visual b,.td-meter b{display:block;height:100%;width:82%;border-radius:inherit;background:linear-gradient(90deg,#4f4f4f,#e2e2e2)}.td-speed-visual strong{color:#e7e7e7}.td-mini-badges{display:flex;gap:8px;margin-top:35px}.td-mini-badges span{border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:6px 9px;color:#aaa;font-size:9px}.td-support-line{display:flex;align-items:center;gap:8px;margin-top:38px;font-size:10px;color:#bdbdbd}.td-support-line span{width:8px;height:8px;background:#ddd;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.04)}.td-meter>div b{width:var(--p)}.td-meter span{display:block;margin-top:7px;font-size:9px;color:#777}

/* REVIEWS */
.td-reviews{background:#060606}.td-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.td-review-card{padding:22px;border-radius:14px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(155deg,#0d0d0d,#080808);min-height:220px}.td-review-top{display:flex;align-items:center;gap:10px}.td-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#171717;border:1px solid #2a2a2a;font-weight:900;color:#eee}.td-review-top>div{display:grid;gap:1px}.td-review-top strong{font-size:11px}.td-review-top .td-stars{font-size:9px;color:#d5d5d5}.td-review-top>i{margin-left:auto;color:#333;font-size:20px}.td-review-card p{color:#aaa;font-size:11px;line-height:1.72;margin:22px 0}.td-review-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1b1b1b;padding-top:13px;color:#777;font-size:9px}.td-review-bottom b{color:#d9d9d9}.td-review-bottom i{color:#ccc}

/* FAQ */
.td-faq{background:#050505}.td-faq__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.td-faq__intro{padding-top:6px}.td-faq__intro .td-btn{margin-top:20px;padding-left:0}.td-faq-list{display:grid;gap:8px}.td-faq-item{border:1px solid rgba(255,255,255,.085);border-radius:11px;background:#0a0a0a;overflow:hidden}.td-faq-item summary{list-style:none;min-height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:#dcdcdc;font-size:12px;font-weight:800}.td-faq-item summary::-webkit-details-marker{display:none}.td-faq-item summary i{transition:.2s;color:#6f6f6f}.td-faq-item[open] summary i{transform:rotate(45deg);color:#eee}.td-faq-item>div{padding:0 18px 17px;color:#828282;font-size:11px;line-height:1.65}

/* PAYMENT MARQUEE */
.td-payments{position:relative;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#080808;overflow:hidden;padding:0}.td-payments__label{position:absolute;left:0;top:0;bottom:0;width:160px;z-index:3;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#080808 70%,transparent);color:#646464;font-size:9px;font-weight:900;letter-spacing:.18em}.td-marquee{overflow:hidden;margin-left:120px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.td-marquee__track{display:flex;width:max-content;animation:tdMarquee 26s linear infinite}.td-marquee__track span{height:78px;min-width:170px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a8a8a8;font-size:12px;font-weight:800;border-right:1px solid rgba(255,255,255,.04)}.td-marquee__track i{font-size:22px;color:#dedede}@keyframes tdMarquee{to{transform:translateX(-50%)}}

/* reveal */
.envy-motion [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--envy-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--envy-delay,0ms)}.envy-motion [data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1050px){.td-hero__inner{grid-template-columns:1fr .95fr;gap:20px}.td-panel--main{width:390px;right:-20px}.td-panel--back{right:80px}.td-faq__layout{gap:45px}}
@media(max-width:860px){.envy-global-header{position:absolute!important}.td-nav__toggle{display:grid;place-items:center}.td-nav__menu{display:none;position:absolute;top:66px;left:20px;right:20px;padding:14px;border:1px solid var(--td-line);background:#090909;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55)}.td-nav.is-open .td-nav__menu{display:block}.td-nav__links{margin:0;display:grid}.td-nav__links a{justify-content:flex-start}.td-nav__actions{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.td-currency,.td-nav-login,.td-discord,.td-cart{width:100%;justify-content:center}.td-hero{padding-top:104px}.td-hero__inner{grid-template-columns:1fr}.td-hero__visual{height:370px;margin-top:-10px}.td-panel--main{right:50%;transform:translateX(50%) rotateY(-7deg) rotateZ(-1deg)}.td-panel--back{right:50%;transform:translateX(35%) rotateY(-16deg)}.td-why__grid,.td-faq__layout{grid-template-columns:1fr}.td-review-grid{grid-template-columns:1fr}.td-section-head--split{align-items:flex-start;gap:18px;flex-direction:column}.td-faq__layout{gap:28px}}
@media(max-width:560px){.td-shell{width:min(100% - 26px,1160px)}.td-hero{min-height:0;padding-bottom:35px}.td-hero h1{font-size:42px}.td-trust-row{font-size:10px}.td-trust-row i{display:none}.td-hero__buttons{align-items:stretch;flex-direction:column}.td-btn{width:100%}.td-stat-row{grid-template-columns:1fr 1fr 1fr}.td-stat-row>div{height:54px}.td-hero__visual{height:310px}.td-panel--main{width:340px;height:270px;top:20px}.td-panel--back{width:280px;height:230px;top:55px}.td-panel__nav span{font-size:7px}.td-panel__controls>div{font-size:7px}.td-section{padding:68px 0}.td-why__grid{grid-template-columns:1fr}.td-feature-card--wide{grid-template-columns:auto 1fr}.td-payments__label{display:none}.td-marquee{margin-left:0}.td-marquee__track span{min-width:145px;height:68px}.td-faq__intro .td-btn{width:auto}}
@media(prefers-reduced-motion:reduce){.td-marquee__track{animation:none}}

/* GUIDES HUB */
.td-guides{position:relative;padding:92px 0 104px;background:#050505;border-top:1px solid rgba(255,255,255,.055)}
.td-guide-head{max-width:780px;margin:0 auto 46px;text-align:center}.td-guide-head>span,.td-guide-latest__head span,.td-guide-cta__copy>span{display:inline-block;margin-bottom:10px;color:#929292;font-size:10px;font-weight:900;letter-spacing:.18em}.td-guide-head h2,.td-guide-latest__head h2,.td-guide-cta h2{margin:0;color:#f5f5f5;font-size:clamp(30px,3.4vw,46px);line-height:1.06;letter-spacing:-.045em;font-weight:820}.td-guide-head p,.td-guide-latest__head p,.td-guide-cta p{color:#898989;font-size:12px;line-height:1.75;margin:13px 0 0}
.td-guide-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:96px}.td-guide-category{position:relative;min-height:220px;padding:23px 22px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(155deg,#0d0d0d,#080808);color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.td-guide-category:before{content:"";position:absolute;inset:auto -35px -55px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);transition:.25s}.td-guide-category:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18);background:linear-gradient(155deg,#111,#090909)}.td-guide-category:hover:before{transform:scale(1.25)}.td-guide-category__icon{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:#111;border:1px solid rgba(255,255,255,.1);color:#ececec;font-size:16px;margin-bottom:25px}.td-guide-category h3{margin:0 0 9px;color:#f0f0f0;font-size:17px;font-weight:800;letter-spacing:-.02em}.td-guide-category p{margin:0;color:#818181;font-size:10.5px;line-height:1.65;max-width:250px}.td-guide-arrow{position:absolute;right:20px;bottom:18px;color:#5f5f5f;font-size:11px;transition:.2s}.td-guide-category:hover .td-guide-arrow{color:#eee;transform:translateX(3px)}
.td-guide-latest{margin-bottom:72px}.td-guide-latest__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.td-guide-latest__head>div{max-width:720px}.td-guide-latest__head h2{font-size:clamp(28px,3vw,40px)}.td-guide-viewall{white-space:nowrap;color:#d7d7d7;text-decoration:none;font-size:11px;font-weight:800}.td-guide-viewall i{margin-left:7px;font-size:9px;transition:.2s}.td-guide-viewall:hover i{transform:translateX(4px)}
.td-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.td-guide-card{display:block;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:#090909;color:inherit;text-decoration:none;overflow:hidden;transition:transform .22s ease,border-color .22s ease}.td-guide-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18)}.td-guide-card__media{position:relative;aspect-ratio:16/9;background:#0d0d0d;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.td-guide-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02);transition:transform .35s ease,filter .35s ease}.td-guide-card:hover .td-guide-card__media img{transform:scale(1.035);filter:saturate(1) contrast(1.04)}.td-guide-card__media>span{position:absolute;left:14px;top:14px;padding:6px 8px;border-radius:6px;background:rgba(5,5,5,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#d9d9d9;font-size:8px;font-weight:900;letter-spacing:.14em}.td-guide-card__placeholder{height:100%;display:grid;place-items:center;color:#3f3f3f;font-size:38px;background:radial-gradient(circle at 50% 45%,#151515,#090909 62%)}.td-guide-card__body{padding:19px 19px 20px}.td-guide-card__meta{color:#666;font-size:9px;margin-bottom:10px}.td-guide-card__meta i{margin-right:5px}.td-guide-card h3{color:#ededed;font-size:16px;line-height:1.28;margin:0 0 8px;font-weight:800;letter-spacing:-.02em}.td-guide-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7f7f7f;font-size:10.5px;line-height:1.65;margin:0 0 17px;min-height:34px}.td-guide-card strong{color:#cfcfcf;font-size:10px}.td-guide-card strong i{margin-left:6px;font-size:8px;transition:.2s}.td-guide-card:hover strong i{transform:translateX(3px)}
.td-guide-empty{padding:55px 25px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:14px;background:#080808}.td-guide-empty>div{width:50px;height:50px;margin:0 auto 15px;border-radius:12px;display:grid;place-items:center;background:#101010;border:1px solid #202020;color:#8c8c8c}.td-guide-empty h3{margin:0 0 8px;color:#e6e6e6;font-size:18px}.td-guide-empty p{margin:0;color:#777;font-size:11px}
.td-guide-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:27px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(135deg,#0d0d0d,#080808);position:relative;overflow:hidden}.td-guide-cta:after{content:"";position:absolute;width:260px;height:260px;right:-85px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 68%);pointer-events:none}.td-guide-cta__icon{width:56px;height:56px;border-radius:13px;display:grid;place-items:center;background:#121212;border:1px solid rgba(255,255,255,.11);color:#ddd;font-size:20px}.td-guide-cta h2{font-size:24px}.td-guide-cta p{margin-top:8px}.td-guide-cta__actions{display:flex;gap:8px;position:relative;z-index:1}.td-guide-btn{height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.13);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#d7d7d7;text-decoration:none;font-size:10px;font-weight:800;background:#0b0b0b;transition:.2s}.td-guide-btn:hover{background:#131313;border-color:rgba(255,255,255,.2)}.td-guide-btn--primary{background:#ededed;color:#080808;border-color:#ededed}.td-guide-btn--primary:hover{background:#fff;color:#080808}
@media(max-width:950px){.td-guide-categories{grid-template-columns:repeat(2,1fr)}.td-guide-grid{grid-template-columns:repeat(2,1fr)}.td-guide-cta{grid-template-columns:auto 1fr}.td-guide-cta__actions{grid-column:2;justify-content:flex-start}}
@media(max-width:620px){.td-guides{padding:70px 0 82px}.td-guide-categories,.td-guide-grid{grid-template-columns:1fr}.td-guide-categories{margin-bottom:72px}.td-guide-category{min-height:190px}.td-guide-latest__head{align-items:flex-start;flex-direction:column}.td-guide-cta{grid-template-columns:1fr;text-align:left}.td-guide-cta__actions{grid-column:auto;flex-direction:column}.td-guide-btn{width:100%}}

/* AllGuides — black and red knowledge hub */
:root{--lc-bg:#050505;--lc-panel:#0a0a0a;--lc-panel-2:#0e0e0e;--lc-line:rgba(255,255,255,.09);--lc-line-strong:rgba(255,255,255,.18);--lc-text:#f5f5f5;--lc-muted:#8a8a8a;--lc-white:#fff;--lc-black:#050505}
html{scroll-behavior:smooth}
.template-shop .bc-brand__mark,.bc-footer .bc-brand__mark{background:#111!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
.td-brand__mark{background:#111!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.lc-guides{position:relative;background:var(--lc-bg);color:var(--lc-text);padding:96px 0 0;border-top:1px solid rgba(255,255,255,.06);overflow:hidden}
.lc-guides:before{content:"";position:absolute;top:-180px;left:50%;width:720px;height:420px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,255,255,.055),transparent 67%);pointer-events:none}
.lc-guides__head{position:relative;z-index:1;max-width:840px;margin:0 auto 48px;text-align:center}
.lc-guides__head>span,.lc-faq-head>div>span,.lc-official-cta__eyebrow{display:inline-flex;align-items:center;gap:10px;color:#aaa;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.lc-guides__head h2{margin:13px 0 0;font-size:clamp(34px,4.4vw,58px);line-height:.98;letter-spacing:-.055em;font-weight:850;color:#fff}
.lc-guides__head p{max-width:690px;margin:18px auto 0;color:#858585;font-size:12px;line-height:1.85}
.lc-guide-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:96px}
.lc-guide-category{position:relative;min-height:290px;padding:24px 22px 22px;border:1px solid var(--lc-line);border-radius:16px;background:linear-gradient(160deg,#101010 0%,#090909 65%,#070707 100%);color:inherit;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease}
.lc-guide-category:before{content:"";position:absolute;inset:auto -50px -70px auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);z-index:-1;transition:transform .45s ease,opacity .45s ease}
.lc-guide-category:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:scaleX(0);opacity:.75;transition:transform .35s ease}
.lc-guide-category:hover{transform:translateY(-8px);border-color:var(--lc-line-strong);background:linear-gradient(160deg,#141414,#0a0a0a)}
.lc-guide-category:hover:before{transform:scale(1.22)}.lc-guide-category:hover:after{transform:scaleX(1)}
.lc-guide-category__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}
.lc-guide-category__num{font-size:9px;letter-spacing:.18em;color:#555;font-weight:800}
.lc-guide-category__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:15px;transition:transform .35s ease,background .35s ease}
.lc-guide-category:hover .lc-guide-category__icon{transform:rotate(-6deg) scale(1.07);background:#fff;color:#050505}
.lc-guide-category h3{margin:0 0 11px;color:#f4f4f4;font-size:19px;font-weight:820;letter-spacing:-.03em}
.lc-guide-category p{margin:0;color:#777;font-size:10.5px;line-height:1.75}
.lc-guide-category__link{position:absolute;left:22px;bottom:22px;color:#d9d9d9;font-size:10px;font-weight:800;letter-spacing:.01em}.lc-guide-category__link i{margin-left:7px;font-size:8px;transition:transform .25s}.lc-guide-category:hover .lc-guide-category__link i{transform:translateY(4px)}

.lc-faq-section{position:relative;min-height:100vh;padding:108px 0 118px;background:#080808;border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065);overflow:hidden}
.lc-faq-section:before{content:"FAQ";position:absolute;right:-12px;top:52px;color:rgba(255,255,255,.018);font-size:clamp(130px,23vw,360px);font-weight:950;letter-spacing:-.08em;line-height:.72;pointer-events:none}
.lc-faq-orbit{position:absolute;border:1px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}.lc-faq-orbit--one{width:620px;height:620px;left:-340px;top:140px;animation:lcFloat 11s ease-in-out infinite}.lc-faq-orbit--two{width:360px;height:360px;right:-180px;bottom:80px;animation:lcFloat 9s ease-in-out infinite reverse}
@keyframes lcFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(8deg)}}
.lc-faq-shell{position:relative;z-index:2}
.lc-faq-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:50px;margin-bottom:34px}
.lc-faq-head h2{margin:13px 0 0;max-width:760px;color:#fff;font-size:clamp(38px,5.5vw,74px);line-height:.94;letter-spacing:-.06em;font-weight:880}
.lc-faq-head>p{justify-self:end;max-width:420px;margin:0;color:#7d7d7d;font-size:11px;line-height:1.85}
.lc-faq-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}
.lc-faq-search-wrap{height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:0 17px;border:1px solid var(--lc-line);border-radius:13px;background:#0c0c0c;transition:border-color .2s ease,background .2s ease}.lc-faq-search-wrap:focus-within{border-color:rgba(255,255,255,.25);background:#0f0f0f}.lc-faq-search-wrap>i{color:#666;font-size:12px}.lc-faq-search{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#f1f1f1!important;font-size:11px!important;box-shadow:none!important}.lc-faq-search::placeholder{color:#575757}.lc-faq-search-wrap kbd{padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#111;color:#666;font-size:8px;font-family:inherit;letter-spacing:.1em}
.lc-help-open{height:58px;padding:0 20px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#f3f3f3;color:#080808;font-size:10px;font-weight:850;display:flex;align-items:center;gap:9px;transition:transform .2s ease,background .2s ease}.lc-help-open:hover{background:#fff;transform:translateY(-2px)}
.lc-faq-list{border-top:1px solid var(--lc-line)}
.lc-faq-item{border-bottom:1px solid var(--lc-line);background:transparent;transition:background .3s ease}
.lc-faq-item:hover,.lc-faq-item.is-open{background:rgba(255,255,255,.018)}
.lc-faq-question{width:100%;display:grid;grid-template-columns:54px 1fr 48px;align-items:center;gap:16px;padding:27px 9px 27px 4px;border:0;background:transparent;color:#eee;text-align:left}
.lc-faq-index{font-size:9px;color:#505050;font-weight:850;letter-spacing:.12em}.lc-faq-question__text{font-size:clamp(15px,1.6vw,21px);font-weight:760;letter-spacing:-.025em;transition:transform .25s ease,color .25s ease}.lc-faq-item:hover .lc-faq-question__text{color:#fff;transform:translateX(3px)}
.lc-faq-toggle{justify-self:end;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#aaa;font-size:10px;transition:transform .3s ease,background .3s ease,color .3s ease}.lc-faq-item.is-open .lc-faq-toggle{transform:rotate(45deg);background:#fff;color:#050505}
.lc-faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease}.lc-faq-answer__inner{overflow:hidden;display:grid;grid-template-columns:54px 1fr;gap:16px;padding:0 57px 0 4px}.lc-faq-answer__rule{width:1px;height:0;margin:0 auto;background:#2b2b2b;transition:height .35s ease}.lc-faq-answer p{max-width:900px;margin:0;padding:0 0 28px;color:#8b8b8b;font-size:11px;line-height:1.9}.lc-faq-item.is-open .lc-faq-answer{grid-template-rows:1fr;opacity:1}.lc-faq-item.is-open .lc-faq-answer__rule{height:calc(100% - 28px)}
.lc-faq-no-results{text-align:center;padding:80px 20px;color:#777}.lc-faq-no-results i{font-size:26px;margin-bottom:16px}.lc-faq-no-results h3{color:#e6e6e6;font-size:18px;margin:0 0 8px}.lc-faq-no-results p{font-size:10px;margin:0}

.lc-official-cta{position:relative;padding:124px 0 132px;background:#050505;overflow:hidden;text-align:center}.lc-official-cta:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.lc-official-cta__glow{position:absolute;left:50%;top:45%;width:min(900px,90vw);height:390px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.075),transparent 66%);filter:blur(2px);pointer-events:none}.lc-official-cta__inner{position:relative;z-index:1;max-width:930px}.lc-official-cta__eyebrow{justify-content:center}.lc-official-cta__eyebrow span{width:22px;height:1px;background:#666}.lc-official-cta h2{margin:15px auto 0;color:#fff;font-size:clamp(42px,6.2vw,82px);line-height:.93;letter-spacing:-.065em;font-weight:900;max-width:900px}.lc-official-cta p{max-width:660px;margin:22px auto 0;color:#838383;font-size:12px;line-height:1.9}.lc-official-cta__actions{display:flex;justify-content:center;gap:10px;margin-top:31px}.lc-official-btn{min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0b0b0b;color:#e2e2e2;text-decoration:none;font-size:10px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.lc-official-btn:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.25);background:#101010}.lc-official-btn--primary{background:#f5f5f5;color:#070707;border-color:#f5f5f5}.lc-official-btn--primary:hover{background:#fff;color:#050505}.lc-official-cta__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:30px;color:#646464;font-size:9px;font-weight:760;letter-spacing:.03em}.lc-official-cta__trust i{margin-right:6px;color:#8a8a8a}

.lc-help-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility .26s ease}.lc-help-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.lc-help-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(13px)}.lc-help-modal__panel{position:relative;width:min(520px,100%);padding:36px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(150deg,#111,#080808);box-shadow:0 32px 90px rgba(0,0,0,.55);transform:translateY(18px) scale(.975);transition:transform .32s cubic-bezier(.2,.8,.2,1);text-align:center}.lc-help-modal.is-open .lc-help-modal__panel{transform:none}.lc-help-modal__close{position:absolute;right:14px;top:14px;width:35px;height:35px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0b0b0b;color:#aaa}.lc-help-modal__close:hover{color:#fff;border-color:rgba(255,255,255,.18)}.lc-help-modal__icon{width:64px;height:64px;margin:0 auto 18px;border-radius:17px;display:grid;place-items:center;background:#f3f3f3;color:#080808;font-size:24px}.lc-help-modal__kicker{font-size:9px;font-weight:900;letter-spacing:.18em;color:#777}.lc-help-modal h2{margin:10px 0 0;color:#fff;font-size:32px;letter-spacing:-.045em}.lc-help-modal p{margin:14px auto 0;color:#818181;font-size:11px;line-height:1.8}.lc-help-modal__actions{display:flex;justify-content:center;gap:8px;margin-top:24px}.lc-help-modal__actions button{cursor:pointer}
body.lc-modal-open{overflow:hidden}
.lc-footer{background:#070707!important;border-top-color:rgba(255,255,255,.07)!important}

@media(max-width:960px){.lc-guide-categories{grid-template-columns:repeat(2,1fr)}.lc-faq-head{grid-template-columns:1fr;gap:18px}.lc-faq-head>p{justify-self:start}.lc-guide-category{min-height:250px}.lc-guide-category__top{margin-bottom:40px}}
@media(max-width:640px){.lc-guides{padding-top:72px}.lc-guide-categories{grid-template-columns:1fr;padding-bottom:72px}.lc-guide-category{min-height:230px}.lc-faq-section{padding:82px 0 88px}.lc-faq-toolbar{grid-template-columns:1fr}.lc-help-open{justify-content:center}.lc-faq-question{grid-template-columns:38px 1fr 38px;gap:9px;padding:22px 2px}.lc-faq-answer__inner{grid-template-columns:38px 1fr;gap:9px;padding:0 42px 0 2px}.lc-official-cta{padding:94px 0 100px}.lc-official-cta__actions,.lc-help-modal__actions{flex-direction:column}.lc-official-btn{width:100%}.lc-help-modal__panel{padding:34px 20px 24px}.lc-faq-section:before{right:-6px;top:28px}}
@media(prefers-reduced-motion:reduce){.lc-faq-orbit,.lc-guide-category,.lc-guide-category:before,.lc-guide-category:after,.lc-faq-answer,.lc-faq-answer__rule,.lc-help-modal,.lc-help-modal__panel{animation:none!important;transition:none!important}}
/* ZerxMods-style documentation hub */
.zm-docs{--zm-accent:#8b5cf6;display:flex;min-height:100vh;background:#08090d;color:#f5f5f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.zm-sidebar{position:sticky;top:0;width:285px;height:100vh;flex:0 0 285px;display:flex;flex-direction:column;padding:24px 16px;border-right:1px solid #20222a;background:#0c0d12;overflow-y:auto;z-index:40}.zm-brand{display:flex;align-items:center;gap:12px;padding:0 10px 22px}.zm-brandmark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#6d28d9);box-shadow:0 0 28px #7c3aed55}.zm-brand strong,.zm-brand small{display:block}.zm-brand strong{font-size:17px}.zm-brand small{font-size:12px;color:#8b8d99;margin-top:2px}.zm-nav{display:grid;gap:6px}.zm-toplink,.zm-group-title,.zm-tab{width:100%;border:0;background:none;color:#a7a9b3;text-align:left;text-decoration:none;cursor:pointer}.zm-toplink,.zm-group-title{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px}.zm-toplink span,.zm-group-title span{flex:1}.zm-toplink:hover,.zm-group-title:hover{background:#151720;color:#fff}.zm-group-title>i:last-child{font-size:10px;transition:.2s}.zm-group:not(.is-open) .zm-group-title>i:last-child{transform:rotate(-90deg)}.zm-group-items{display:grid;gap:2px;margin:3px 0 8px;padding-left:22px}.zm-group:not(.is-open) .zm-group-items{display:none}.zm-tab{position:relative;padding:8px 10px 8px 18px;border-radius:7px;font-size:13px;line-height:1.3}.zm-tab:before{content:'';position:absolute;left:5px;top:50%;width:4px;height:4px;border-radius:50%;background:#4b4d58;transform:translateY(-50%)}.zm-tab:hover,.zm-tab.is-active{color:#fff;background:#171821}.zm-tab.is-active:before{background:var(--zm-accent);box-shadow:0 0 10px var(--zm-accent)}.zm-discord{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border:1px solid #343640;border-radius:9px;color:#fff;text-decoration:none;background:#15161d}.zm-workspace{min-width:0;flex:1}.zm-toolbar{position:sticky;top:0;height:72px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #20222a;background:#0a0b10e8;backdrop-filter:blur(14px);z-index:30}.zm-toolbar label{width:min(520px,70%);height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #2a2c35;border-radius:9px;background:#111219;color:#71737e}.zm-toolbar input{flex:1;border:0;outline:0;background:none;color:#f7f7f8;font-size:14px}.zm-toolbar kbd{padding:3px 7px;border:1px solid #343640;border-radius:5px;font-size:11px}.zm-mobile-menu{display:none;border:0;background:none;color:#fff;font-size:19px}.zm-content{width:min(900px,calc(100% - 48px));margin:0 auto;padding:62px 0 100px}.zm-panel{display:none;animation:zm-in .24s ease}.zm-panel.is-active{display:block}@keyframes zm-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.zm-panel h1{margin:0 0 12px;font-size:clamp(34px,5vw,52px);line-height:1.07;letter-spacing:-.04em;color:#fff}.zm-panel h2{margin:34px 0 14px;font-size:20px;color:#f4f4f6}.zm-panel h3{margin:0 0 8px;font-size:15px;color:#fff}.zm-panel p,.zm-panel li{color:#a7a9b3;line-height:1.75}.zm-panel a{color:#a78bfa}.zm-lead{font-size:17px;margin:0 0 34px}.zm-card,.zm-error{margin:14px 0;padding:20px 22px;border:1px solid #292b34;border-radius:12px;background:linear-gradient(145deg,#13141b,#0e0f14)}.zm-warning{border-color:#8a6b253f;background:linear-gradient(145deg,#1a1710,#101014)}.zm-danger{border-color:#8a25343f}.zm-panel code{padding:3px 7px;border-radius:5px;background:#20212a;color:#c4b5fd;font-family:'SFMono-Regular',Consolas,monospace;font-size:.9em}.zm-panel pre{margin:14px 0;padding:18px;border:1px solid #302b45;border-radius:10px;background:#0d0c13;overflow:auto}.zm-panel pre code{padding:0;background:none;white-space:pre-wrap;overflow-wrap:anywhere}.zm-steps{counter-reset:steps;display:grid;gap:12px;padding:0;list-style:none}.zm-steps li{position:relative;padding:18px 18px 18px 58px;border:1px solid #292b34;border-radius:11px;background:#111219}.zm-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:16px;top:16px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--zm-accent);color:#fff;font-weight:800;font-size:13px}.zm-badges{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.zm-error code{display:inline-block;margin-bottom:12px}.zm-crumb,.zm-updated{font-size:13px;color:#737580!important}.zm-button{display:inline-flex;padding:10px 15px;border-radius:8px;background:var(--zm-accent);color:#fff!important;text-decoration:none;font-weight:700}.zm-center{text-align:center}.zm-empty{text-align:center;padding:80px 20px;color:#777986}.zm-empty i{font-size:32px;margin-bottom:15px}.zm-docs~*{display:none!important}
@media(max-width:820px){.zm-sidebar{position:fixed;left:-300px;transition:left .25s ease;box-shadow:30px 0 70px #0009}.zm-docs.is-menu-open .zm-sidebar{left:0}.zm-toolbar{justify-content:flex-start;padding:0 16px;gap:14px}.zm-mobile-menu{display:block}.zm-toolbar label{width:min(100%,520px)}.zm-toolbar kbd{display:none}.zm-content{width:min(100% - 32px,900px);padding-top:38px}.zm-panel h1{font-size:34px}}
.zm-credit{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid #3b3452;border-radius:999px;background:#17131f;color:#c4b5fd;font-weight:700;letter-spacing:.04em}.zm-portfolio-head{text-align:center;margin-bottom:30px}.zm-portfolio-showcase{position:relative;margin:0;overflow:hidden;border:1px solid #312b43;border-radius:20px;background:#0b0c12;box-shadow:0 30px 80px #0008,0 0 70px #7c3aed1c}.zm-portfolio-showcase:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#090a10e8 100%)}.zm-portfolio-showcase img{display:block;width:100%;max-height:760px;object-fit:cover;object-position:center 28%;transition:transform .6s ease}.zm-portfolio-showcase:hover img{transform:scale(1.025)}.zm-portfolio-showcase figcaption{position:absolute;left:28px;right:28px;bottom:24px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.zm-portfolio-showcase figcaption span{color:#a7a9b3;font-size:13px;text-transform:uppercase;letter-spacing:.16em}.zm-portfolio-showcase figcaption strong{color:#fff;font-size:20px}.zm-portfolio-panel.is-active{display:block}@media(max-width:600px){.zm-portfolio-showcase{border-radius:14px}.zm-portfolio-showcase figcaption{left:18px;right:18px;bottom:16px}.zm-portfolio-showcase img{max-height:620px}}
.zm-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.zm-stat-card{min-width:0;padding:18px;border:1px solid #292b35;border-radius:14px;background:linear-gradient(145deg,#14151d,#0d0e13);box-shadow:0 16px 34px #0003}.zm-stat-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:17px;border:1px solid #4c3e70;border-radius:9px;background:#231a35;color:#bda5ff}.zm-stat-card small,.zm-stat-card strong,.zm-stat-card p{display:block}.zm-stat-card small{min-height:32px;color:#81838f;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}.zm-stat-card strong{min-height:42px;margin:5px 0;color:#fff;font-size:24px;line-height:1.2;overflow-wrap:anywhere}.zm-stat-card p{margin:8px 0 0;color:#777986;font-size:12px}.zm-stat-card select{width:100%;margin-top:10px;padding:9px 28px 9px 10px;border:1px solid #343642;border-radius:8px;outline:none;background:#0c0d12;color:#d8d8de;font-size:12px;cursor:pointer}.zm-stat-card select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.zm-portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:14px;padding:24px 26px;border:1px solid #7654b8;border-radius:16px;background:radial-gradient(circle at 15% 0,#ae80ff35,transparent 40%),linear-gradient(110deg,#241536,#15101f);color:#fff!important;text-decoration:none;transition:.25s ease}.zm-portfolio-cta:hover{transform:translateY(-3px);border-color:#b695ff;box-shadow:0 22px 60px #6d28d92b}.zm-portfolio-cta small,.zm-portfolio-cta strong{display:block}.zm-portfolio-cta small{margin-bottom:4px;color:#bca4e8;font-size:11px;font-weight:800;letter-spacing:.12em}.zm-portfolio-cta strong{font-size:25px}.zm-portfolio-cta__arrow{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#8b5cf6;font-size:17px;transition:.25s ease}.zm-portfolio-cta:hover .zm-portfolio-cta__arrow{transform:rotate(8deg)}@media(max-width:1000px){.zm-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.zm-stats-row{grid-template-columns:1fr}.zm-stat-card small{min-height:0}.zm-portfolio-cta{padding:20px}.zm-portfolio-cta strong{font-size:20px}}

.zm-brand--logo img{height:72px!important;object-fit:contain!important;filter:none!important}.zm-brand--logo small{margin-top:2px!important;color:#e3343d!important}

.zm-links-card{position:relative;z-index:4}.zm-links-dropdown{position:relative;margin-top:10px}.zm-links-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #393939;border-radius:8px;background:#0b0b0b;color:#e8e8e8;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.zm-links-dropdown summary::-webkit-details-marker{display:none}.zm-links-dropdown[open] summary{border-color:#e3343d}.zm-links-dropdown summary i{color:#e3343d;transition:transform .2s ease}.zm-links-dropdown[open] summary i{transform:rotate(180deg)}.zm-links-menu{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:20;display:grid;gap:3px;padding:6px;border:1px solid #3b2527;border-radius:9px;background:#101010;box-shadow:0 18px 36px #000b}.zm-links-menu a{display:block;padding:9px 10px;border-radius:6px;color:#eee!important;text-decoration:none!important;font-size:12px}.zm-links-menu a:hover{background:#241012;color:#ff646b!important}
@media(min-width:541px){.zm-links-card{grid-column:1/-1;display:grid;grid-template-columns:34px minmax(100px,1fr) minmax(190px,280px);align-items:center;gap:8px 12px;padding:14px 18px}.zm-links-card .zm-stat-icon{margin:0}.zm-links-card>small{min-height:0;margin:0}.zm-links-card .zm-links-dropdown{margin:0}}

.zm-sponsor-wrap{margin:26px 0 18px}.zm-sponsor-tab{display:inline-flex;align-items:center;gap:7px;margin:0 0 -1px 16px;padding:8px 13px;border:1px solid #6a282d;border-bottom:0;border-radius:9px 9px 0 0;background:#1b0d0f;color:#ff7177;font-size:10px;font-weight:900;letter-spacing:.14em}.zm-sponsor-tab i{color:#e3343d}.zm-sponsor-card{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid #5a2529;border-radius:13px;background:linear-gradient(110deg,#1b0d0f,#101010 68%);color:#fff!important;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.zm-sponsor-card:hover{transform:translateY(-2px);border-color:#e3343d;box-shadow:0 16px 38px #0008,0 0 24px #e3343d16}.zm-sponsor-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #6a282d;border-radius:11px;background:#211012;color:#ff646b}.zm-sponsor-copy{display:grid;gap:4px;flex:1}.zm-sponsor-copy small{color:#ff7177;font-size:10px;font-weight:900;letter-spacing:.12em}.zm-sponsor-copy strong{font-size:20px}.zm-sponsor-copy>span{color:#aaa;font-size:13px;line-height:1.5}.zm-sponsor-cta{flex:0 0 auto;padding:10px 13px;border-radius:8px;background:#e3343d;color:#fff;font-size:12px;font-weight:800}.zm-sponsor-card:hover .zm-sponsor-cta{background:#f0444c}@media(max-width:560px){.zm-sponsor-card{align-items:flex-start;flex-wrap:wrap;padding:16px}.zm-sponsor-cta{margin-left:58px}}
