:root {
    --bg: #080808;
    --surface: #111111;
    --surface-2: #161616;
    --surface-3: #1c1c1c;
    --line: #2b2b2b;
    --line-soft: #1d1d1d;
    --text: #f7f7f5;
    --muted: #aaa9a3;
    --quiet: #73726d;
    --accent: #8b5cf6;
    --accent-soft: #b39cff;
    --green: #52d59a;
    --blue: #4db8ff;
    --danger: #ff6877;
    --paper: var(--surface);
    --ink: var(--text);
    --acid: var(--accent);
    --violet: var(--accent);
    --gradient: var(--accent);
    --shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

html { scroll-padding-top: 78px; }
body {
    overflow-x: hidden;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
}

body::before,
.ambient { display: none !important; }

/* Critical inline CSS hides the first homepage paint until the closed doors are mounted. */
html.gv-intro-pending { background:#050710; }
html.gv-intro-pending body > :not(.vault-intro) { visibility:hidden !important; }
html.gv-intro-pending body > .vault-intro { visibility:visible !important; }

main { min-height: 58vh; }
.container { width: min(1280px, calc(100% - 64px)); }
.narrow-wide { max-width: 1080px; }

h1, h2, .hero-home h1, .section-heading h2, .trust-intro h2, .journey-copy h2,
.status-hero h1, .faq-hero h1, .page-heading h1, .detail-section h2 {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 600;
    letter-spacing: -.04em;
}

a { transition: color .2s ease, border-color .2s ease, background-color .2s ease, opacity .2s ease; }
.eyebrow, .hero-kicker {
    color: var(--accent-soft);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.button {
    min-height: 46px;
    padding: 0 21px;
    border: 1px solid #f4f4f0;
    border-radius: 7px;
    background: #f4f4f0;
    box-shadow: none;
    color: #0b0b0b;
    font-size: 12px;
    font-weight: 700;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.button:hover { transform: translateY(-1px); border-color: #fff; background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.22); filter: none; }
.button-small { min-height: 38px; padding-inline: 16px; font-size: 11px; }
.button-ghost { border-color: var(--line); background: transparent; color: var(--text); }
.button-ghost:hover { border-color: #47526a; background: #111620; color: var(--text); }
.button-danger { border-color: rgba(255,104,119,.4); background: rgba(255,104,119,.08); color: #ff8c98; }
.discord-connect-button {
    border-color: #5865f2;
    background: #5865f2;
    color: #fff;
    box-shadow: 0 10px 24px rgba(88, 101, 242, .24);
}
.discord-connect-button:hover {
    border-color: #4752c4;
    background: #4752c4;
    color: #fff;
    box-shadow: 0 13px 30px rgba(88, 101, 242, .32);
}
.discord-connect-button img { filter: brightness(0) invert(1); }
.login-submit-button { position: relative; overflow: hidden; }
.login-submit-button.is-loading,
.login-submit-button.is-success,
.login-submit-button.is-error { color: #fff; transform: none; filter: none; }
.login-submit-button.is-loading { border-color: #5865f2; background: #5865f2; cursor: wait; }
.login-submit-button.is-loading::before {
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 9px;
    border: 2px solid rgba(255,255,255,.38);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-button-spin .7s linear infinite;
}
.login-submit-button.is-success { border-color: #2fbf71; background: #2fbf71; box-shadow: 0 10px 26px rgba(47,191,113,.25); }
.login-submit-button.is-success::before { content: "✓"; margin-right: 8px; font-size: 15px; font-weight: 800; }
.login-submit-button.is-error { border-color: #e05262; background: #e05262; box-shadow: 0 10px 26px rgba(224,82,98,.22); }
.login-submit-button.is-error::before { content: "!"; display: grid; width: 17px; height: 17px; margin-right: 8px; place-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; font-size: 11px; font-weight: 800; }
.login-submit-status { margin: -4px 0 0; color: #ff9aa6; font-size: 11px; line-height: 1.5; }
.login-submit-status.is-success { color: #69d99b; }
.login-submit-status[hidden] { display: none; }
.auth-card input[aria-invalid="true"] { border-color: #e05262; box-shadow: 0 0 0 3px rgba(224,82,98,.12); }
@keyframes login-button-spin { to { transform: rotate(360deg); } }

input, textarea, select {
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #090c12;
    color: var(--text);
}
input:focus, textarea:focus, select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(139,92,246,.12); }

/* Shared header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 76px;
    border-bottom: 1px solid rgba(139,92,246,.2);
    background: linear-gradient(90deg,rgba(20,13,38,.97),rgba(8,8,10,.985) 31%,rgba(8,8,10,.985) 72%,rgba(15,11,29,.97));
    box-shadow: 0 10px 35px rgba(18,8,38,.18), inset 0 -1px rgba(96,165,250,.035);
}
.site-header::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:linear-gradient(90deg,transparent,#8b5cf6 38%,#60a5fa 62%,transparent); opacity:0; transform:translateX(-100%); pointer-events:none; }
html.page-loading .site-header::after { opacity:1; animation:page-loading-track .8s cubic-bezier(.65,0,.35,1) infinite; }
@keyframes page-loading-track { to { transform:translateX(100%); } }
.nav-wrap { height: 100%; gap: 34px; }
.site-header.scrolled { border-bottom-color: rgba(139,92,246,.3); background: linear-gradient(90deg,rgba(18,12,34,.99),rgba(8,8,10,.995) 32%,rgba(8,8,10,.995) 72%,rgba(14,10,27,.99)); }
.brand { width: 235px; gap: 12px; }
.brand img { width: 39px; height: 39px; border-radius: 8px; box-shadow: 0 0 22px rgba(124,58,237,.18); }
.brand > span { color: var(--text); font-size: 17px; letter-spacing: -.035em; }
.brand > span small { margin-top: 5px; color: var(--quiet); font-size:7px; letter-spacing: .16em; }
.main-nav { position:relative; margin-inline:auto; gap:18px; }
.main-nav a, .browse-trigger, .text-link { position:relative; color:var(--muted); font-family:inherit; font-size:13px; font-weight:600; line-height:inherit; letter-spacing:inherit; }
.main-nav > a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -9px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg,#a78bfa,#60a5fa);
    box-shadow: 0 0 10px rgba(139,92,246,.38);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s cubic-bezier(.16,1,.3,1);
}
.browse-trigger::after { content:""; position:absolute; right:0; bottom:-9px; left:0; height:1px; background:linear-gradient(90deg,#a78bfa,#60a5fa); box-shadow:0 0 10px rgba(139,92,246,.38); transform:scaleX(0); transform-origin:right; transition:transform .3s cubic-bezier(.16,1,.3,1); }
.browse-trigger::before { content:""; position:absolute; top:100%; right:-8px; left:-8px; height:18px; }
.main-nav > a:hover, .main-nav > a.active, .text-link:hover { color: #ddd5ff; }
.main-nav > a:hover::after, .main-nav > a.active::after { transform: scaleX(1); transform-origin: left; }
.browse-menu:hover > .browse-trigger::after,.browse-menu:focus-within > .browse-trigger::after,.browse-menu.is-open > .browse-trigger::after { transform:scaleX(1); transform-origin:left; }
.browse-menu { display:contents; }
.site-header .main-nav > a,.site-header .main-nav > .browse-menu > .browse-trigger { display:flex; align-items:center; padding:11px 13px; color:#8e99a9; font-family:inherit; font-size:12px; font-weight:700; line-height:normal; text-decoration:none; }
.browse-menu:hover .browse-trigger,.browse-menu:focus-within .browse-trigger,.browse-menu.is-open .browse-trigger { color:#ddd5ff; }
.browse-dropdown { position:absolute; z-index:80; top:calc(100% + 18px); left:calc(100% - 34px); width:min(280px,calc(100vw - 32px)); max-height:min(430px,calc(100vh - 118px)); overflow-y:auto; display:grid; gap:3px; padding:10px; border:1px solid rgba(139,92,246,.3); border-radius:10px; background:rgba(13,12,22,.985); box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(96,165,250,.04); opacity:0; visibility:hidden; transform:translate(-50%,-8px); scrollbar-width:thin; scrollbar-color:#62508d #12111a; transition:opacity .18s ease,visibility .18s ease,transform .18s ease; }
.browse-dropdown::-webkit-scrollbar { width:8px; }
.browse-dropdown::-webkit-scrollbar-track { background:#12111a; border-radius:0 9px 9px 0; }
.browse-dropdown::-webkit-scrollbar-thumb { border:2px solid #12111a; border-radius:999px; background:#62508d; }
.browse-dropdown::-webkit-scrollbar-thumb:hover { background:#8068b5; }
.browse-menu:hover .browse-dropdown,.browse-menu:focus-within .browse-dropdown,.browse-menu.is-open .browse-dropdown { opacity:1; visibility:visible; transform:translate(-50%,0); }
.browse-dropdown > span { padding:8px 10px 9px; border-bottom:1px solid rgba(139,92,246,.18); color:#8f879f; font-size:9px; font-weight:700; letter-spacing:.08em; text-align:left; text-transform:uppercase; }
.main-nav .browse-dropdown a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 10px; border-radius:6px; color:#bdb7ca; font-size:12px; font-weight:600; }
.main-nav .browse-dropdown a:hover,.main-nav .browse-dropdown a.active { background:rgba(139,92,246,.12); color:#fff; }
.browse-dropdown a i { color:#8b7ec0; font-size:13px; font-style:normal; transition:transform .2s ease; }
.browse-dropdown a:hover i { transform:translateX(3px); }
.products-menu { position: relative; height: 100%; display: flex; align-items: center; }
.products-menu-trigger {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--muted);
    font: 600 13px/1 Inter, ui-sans-serif, system-ui, sans-serif;
    cursor: pointer;
    transition: color .15s ease;
}
.products-menu-trigger::after { content: ""; position: absolute; right: 0; bottom: 17px; left: 0; height: 1px; background: linear-gradient(90deg,#a78bfa,#60a5fa); box-shadow: 0 0 10px rgba(139,92,246,.38); transform: scaleX(0); transition: transform .2s ease; }
.products-menu-trigger > img { width: 13px; height: 13px; opacity: .65; transition: transform .18s ease; }
.products-menu:hover .products-menu-trigger, .products-menu.active .products-menu-trigger, .products-menu.is-open .products-menu-trigger { color: var(--text); }
.products-menu.active .products-menu-trigger::after, .products-menu.is-open .products-menu-trigger::after { transform: scaleX(1); }
.products-menu.is-open .products-menu-trigger > img { transform: rotate(180deg); }
.products-menu-panel {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    width: min(640px, calc(100vw - 40px));
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(17,17,17,.985);
    box-shadow: 0 24px 70px rgba(0,0,0,.46);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px) scale(.985);
    transform-origin: top;
    pointer-events: none;
    transition: opacity .16s ease, transform .2s cubic-bezier(.2,.8,.2,1), visibility 0s linear .2s;
}
.products-menu.is-open .products-menu-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0) scale(1); pointer-events: auto; transition-delay: 0s; }
.products-menu-heading { display: flex; align-items: center; justify-content: space-between; padding: 8px 9px 11px; color: var(--quiet); font-size: 10px; font-weight: 600; }
.products-menu-heading > a { color: var(--muted); font-size: 10px; }
.products-menu-heading > a:hover { color: var(--text); }
.products-menu-list { display: grid; grid-template-columns: 1.05fr .95fr; grid-template-rows: repeat(2,112px); gap: 6px; }
.products-menu-item { position: relative; min-width: 0; overflow: hidden; padding: 8px; border: 1px solid transparent; border-radius: 9px; background: #151515; }
.products-menu-item.menu-style-1 { grid-row: 1/3; display: grid; grid-template-rows: 1fr auto auto; }
.products-menu-item.menu-style-2 { display: grid; grid-template-columns: 118px 1fr auto; align-items: center; background: #141318; }
.products-menu-item.menu-style-3 { display: grid; grid-template-columns: 1fr 120px auto; align-items: center; background: #11151a; }
.products-menu-item:hover { border-color: #3b3b3b; background: #1a1a1a; }
.products-menu-art { overflow: hidden; aspect-ratio: 1200/628; border-radius: 6px; background: #0b0b0b; }
.menu-style-1 .products-menu-art { aspect-ratio: auto; }
.menu-style-2 .products-menu-art { height: 100%; }
.menu-style-3 .products-menu-art { grid-column: 2; grid-row: 1; height: 100%; opacity: .78; }
.products-menu-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.products-menu-item:hover .products-menu-art img { transform: scale(1.025); }
.products-menu-manifesto { display: flex; justify-content: center; flex-direction: column; padding: 10px; background: #f05b2b; color: #281107; }
.products-menu-manifesto b { font: 700 18px/.8 "Barlow Condensed",sans-serif; }
.products-menu-terminal { display: flex; align-items: end; gap: 4px; padding: 12px; border: 1px solid #23505c; border-radius: 0; background: #061319; }
.products-menu-terminal i { width: 7px; height: 18px; background: #22d3ee; }
.products-menu-terminal i:nth-child(2) { height: 30px; }.products-menu-terminal i:nth-child(3) { height: 22px; }.products-menu-terminal i:nth-child(4) { height: 38px; }.products-menu-terminal i:nth-child(5) { height: 27px; }
.products-menu-copy { min-width: 0; display: flex; flex-direction: column; padding: 11px 2px 4px; }
.menu-style-2 .products-menu-copy { padding: 0 10px; }
.menu-style-3 .products-menu-copy { grid-column: 1; grid-row: 1; padding: 0 10px; }
.products-menu-number { margin-bottom: 5px; color: #9d8cff; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.products-menu-copy strong { overflow: hidden; color: var(--text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.products-menu-copy small { overflow: hidden; display: flex; align-items: center; gap: 5px; margin-top: 5px; color: var(--quiet); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.products-menu-arrow { width: 14px; height: 14px; margin: 5px 2px 1px auto; opacity: .45; transition: opacity .15s ease, transform .15s ease; }
.menu-style-2 .products-menu-arrow { align-self: end; margin: 0 3px 5px 0; }
.menu-style-3 .products-menu-arrow { grid-column: 3; grid-row: 1; margin: 0 3px 0 8px; }
.products-menu-item:hover .products-menu-arrow { opacity: .9; transform: translate(1px,-1px); }
.status-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--green); }
.status-dot-updating { background: var(--blue); }
.status-dot-detected { background: var(--danger); }
.products-menu-empty { display: block; padding: 16px; color: var(--muted); }
.nav-actions { margin-left: 0; }
.nav-actions .button { min-height: 38px; border-color: #8b5cf6; background: linear-gradient(115deg,#7447e8,#655cf2 55%,#477df0); box-shadow: 0 9px 25px rgba(108,73,225,.22); color: #fff; }
.nav-actions .button:hover { border-color: #a78bfa; background: linear-gradient(115deg,#8357ef,#756cf6 55%,#588cf5); box-shadow: 0 12px 30px rgba(108,73,225,.32); color:#fff; }
.user-avatar { display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid rgba(150,164,195,.26); border-radius: 50%; background: linear-gradient(135deg,#6d4aff,#327dff); color: #fff; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: .02em; }
.user-avatar > img { width: 100%; height: 100%; object-fit: cover; }
.user-avatar > span { width:100%; height:100%; display:flex; align-items:center; justify-content:center; line-height:1; text-align:center; }
.header-avatar { width: 34px; height: 34px; }
.account-menu { position: relative; }
.account-menu-trigger { display: flex; min-width: 160px; align-items: center; gap: 9px; padding: 4px 7px 4px 4px; border: 1px solid var(--line); border-radius: 999px; background: #0c0f16; color: var(--text); cursor: pointer; transition: border-color .2s ease, background .2s ease; }
.account-menu-trigger:hover, .account-menu.is-open .account-menu-trigger { border-color: #41485a; background: #121621; }
.account-menu-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.account-menu-copy strong { color: #e8ebf2; font-size: 12px; }
.account-menu-copy small { max-width: 82px; overflow: hidden; margin-top: 2px; color: var(--quiet); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-chevron { width: 14px; height: 14px; opacity: .55; transition: transform .22s ease; }
.account-menu.is-open .account-menu-chevron { transform: rotate(180deg); }
.account-menu-dropdown { position: absolute; z-index: 150; top: calc(100% + 9px); right: 0; width: 245px; padding: 7px; border: 1px solid #272c38; border-radius: 10px; background: rgba(12,14,20,.98); box-shadow: 0 20px 55px rgba(0,0,0,.45); opacity: 0; visibility: hidden; transform: translateY(-7px) scale(.98); transform-origin: top right; pointer-events: none; transition: opacity .16s ease, visibility .16s ease, transform .2s cubic-bezier(.16,1,.3,1); }
.account-menu.is-open .account-menu-dropdown { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; }
.account-menu-identity { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; padding: 9px; border-bottom: 1px solid var(--line); }
.menu-avatar { width: 38px; height: 38px; }
.account-menu-identity > span { min-width: 0; display: flex; flex-direction: column; }
.account-menu-identity strong, .account-menu-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-identity strong { color: #eef0f5; font-size: 11px; }
.account-menu-identity small { color: var(--quiet); font-size: 8px; }
.account-menu-dropdown > a, .account-menu-dropdown form button { display: flex; width: 100%; align-items: center; padding: 9px 10px; border: 0; border-radius: 6px; background: transparent; color: #aeb6c5; font-size: 11px; font-weight: 600; text-align: left; cursor: pointer; }
.account-menu-dropdown > a:hover, .account-menu-dropdown form button:hover { background: #181c27; color: #fff; }
.account-menu-dropdown form { display: block; margin: 4px 0 0; padding-top: 4px; border-top: 1px solid var(--line); }
.account-menu-dropdown form button { color: #df8b96; }
.nav-toggle { display: none; width: 42px; height: 42px; padding: 9px; border: 1px solid var(--line); border-radius: 7px; background: #0d1017; }
.nav-toggle img { width: 22px; height: 22px; }
.nav-toggle-close { display: none; }
.nav-toggle[aria-expanded="true"] .nav-toggle-open { display: none; }
.nav-toggle[aria-expanded="true"] .nav-toggle-close { display: block; }

/* Global Discord and cart rail */
.edge-actions {
    position: fixed;
    z-index: 120;
    top: 50%;
    right: 0;
    width: 148px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 0;
    transform: translateY(-50%);
    pointer-events: none;
}
@keyframes edge-rgb-border {
    0% { background-position:0% 0%; filter:drop-shadow(0 0 4px rgba(139,92,246,.72)); }
    33% { filter:drop-shadow(0 0 5px rgba(34,211,238,.72)); }
    66% { filter:drop-shadow(0 0 5px rgba(236,72,153,.68)); }
    100% { background-position:100% 100%; filter:drop-shadow(0 0 4px rgba(139,92,246,.72)); }
}
.edge-action {
    position: relative;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    overflow: hidden;
    border: 1px solid #343b4b;
    border-right: 0;
    border-radius: 0;
    background: #0d1017;
    box-shadow: -10px 14px 26px rgba(0,0,0,.28);
    color: var(--text);
    pointer-events: auto;
    transition: width .45s cubic-bezier(.16,1,.3,1), background-color .25s ease, border-color .25s ease;
    will-change: width;
}
.edge-action::after {
    content:"";
    position:absolute;
    z-index:5;
    inset:0 -1px 0 0;
    padding:1px;
    border-radius:inherit;
    background:linear-gradient(135deg,#8b5cf6,#22d3ee,#ec4899,#6366f1,#8b5cf6);
    background-size:320% 320%;
    filter:drop-shadow(0 0 4px rgba(139,92,246,.72));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
    animation:edge-rgb-border 4s linear infinite;
    pointer-events:none;
}
.edge-action:first-child { border-radius: 9px 0 0 0; }
.edge-action:last-child { border-top: 0; border-radius: 0 0 0 9px; }
.edge-action:only-child { border-top: 1px solid #343b4b; border-radius: 9px 0 0 9px; }
.edge-action-shape {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    background: #111620;
    transition: background-color .25s ease, transform .45s cubic-bezier(.16,1,.3,1);
}
.edge-action-shape img { width: 23px; height: 23px; opacity: .86; transition: opacity .2s ease, transform .35s cubic-bezier(.16,1,.3,1); }
.edge-discord .edge-action-shape img { filter: brightness(0) invert(1); }
.edge-action-label {
    position: absolute;
    top: 0;
    right: 58px;
    width: 90px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 14px;
    color: #d5dae6;
    font-size: 11px;
    font-weight: 700;
    opacity: 0;
    transform: translateX(20px);
    transition: opacity .22s ease .04s, transform .45s cubic-bezier(.16,1,.3,1);
}
.edge-action:hover, .edge-action:focus-visible, .edge-action.is-open { width: 148px; border-color: #4b5366; background: #151b26; }
.edge-action:hover .edge-action-label, .edge-action:focus-visible .edge-action-label, .edge-action.is-open .edge-action-label { opacity: 1; transform: translateX(0); }
.edge-action:hover .edge-action-shape img, .edge-action:focus-visible .edge-action-shape img, .edge-action.is-open .edge-action-shape img { opacity: 1; transform: scale(1.08); }
.edge-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.edge-action-shape b {
    position: absolute;
    top: 7px;
    right: 7px;
    min-width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    padding: 0 4px;
    border: 2px solid #111620;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-size: 8px;
    line-height: 1;
}
.edge-action-shape b.is-updated { animation:cart-count-pop .42s cubic-bezier(.2,1.7,.4,1); }
@keyframes cart-count-pop { 0% { transform:scale(.72); } 55% { transform:scale(1.35); box-shadow:0 0 20px rgba(139,101,255,.8); } 100% { transform:scale(1); } }

/* Three independent landing product styles */
.hero-home { position:relative; display:block; width:100%; min-height:calc(100svh - 126px); overflow:hidden; padding:0; border-bottom:0; background:var(--bg); }
.hero-home::before { display: none; }
.hero-variants { display:grid; width:100%; min-height:calc(100svh - 126px); }
.hero-variant { position:relative; width:100%; grid-area:1/1; min-width:0; overflow:hidden; opacity:0; visibility:hidden; transform:translateY(8px); pointer-events:none; transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s; }
.hero-variant.is-active { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; transition-delay: 0s; }
.hero-variant > .container { min-height: 680px; padding-top: 62px; padding-bottom: 104px; }
.hero-kicker { display: block; margin: 0 0 24px; color: var(--muted); font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.hero-home h1 { margin: 0; font-weight: 600; letter-spacing: -.055em; }
.hero-actions { justify-content: flex-start; align-items: center; gap: 24px; margin-top: 29px; }
.text-action { display: inline-flex; align-items: center; gap: 7px; padding: 7px 0; color: #d9d9d5; font-size: 11px; font-weight: 600; }
.text-action img { width: 14px; height: 14px; transition: transform .15s ease; }
.text-action:hover { color: #fff; }
.text-action:hover img { transform: translateX(3px); }
.hero-note { display: flex; align-items: flex-start; gap: 9px; margin-top: 28px !important; color: var(--quiet) !important; font-size: 12px !important; line-height: 1.6 !important; }
.hero-note img { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 1px; opacity: .68; }
.hero-product-status { display: inline-flex; align-items: center; width: fit-content; gap: 6px; color: var(--green); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.hero-product-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.hero-product-status.status-updating { color: var(--blue); }
.hero-product-status.status-detected { color: var(--danger); }

/* Product 1: editorial split */
.hero-variant-1 { min-height:calc(100svh - 126px); background:#080808; }
.hero-variant-1 > .hero-layout-one { min-height:calc(100svh - 126px); }
.hero-layout-one { position:relative; z-index:3; display:grid; grid-template-columns:minmax(360px,.76fr) minmax(540px,1.24fr); align-items:center; gap:clamp(52px,6vw,90px); }
.hero-one-copy { padding-bottom:12px; transform:translateY(25px); }
.hero-one-copy h1 { font-size: clamp(55px,5.35vw,76px); line-height: .98; }
.hero-title-nowrap { white-space:nowrap; }
.hero-one-copy > p { max-width: 510px; margin: 25px 0 0; color: var(--muted); font-size: 15px; line-height: 1.7; }

/* Style 1 entrance: full-viewport doors reveal the actual page beneath them. */
.vault-intro { position:absolute; z-index:30; inset:0; overflow:hidden; visibility:hidden; background:transparent; pointer-events:none; perspective:1800px; }
.vault-light,.vault-door,.vault-seal { position:absolute; }
.vault-light { z-index:4; top:0; bottom:0; left:50%; width:1px; background:#9c8cff; box-shadow:0 0 16px #7768ff,0 0 56px #5140ff,0 0 150px #3924ff; transform:translateX(-50%) scaleY(0); }
.vault-door { z-index:3; top:-2%; bottom:-2%; width:calc(50% + 2px); background-color:#050710; background-image:linear-gradient(rgba(127,112,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(127,112,255,.06) 1px,transparent 1px),linear-gradient(135deg,transparent 0 48%,rgba(116,95,255,.16) 48.1% 48.35%,transparent 48.45%); background-size:72px 72px,72px 72px,100% 100%; box-shadow:inset 0 0 100px rgba(65,48,170,.12); backface-visibility:hidden; }
.vault-door::before { content:""; position:absolute; inset:22px; border:1px solid rgba(137,123,255,.2); background:linear-gradient(135deg,transparent 0 12%,rgba(105,87,240,.05) 12.1% 12.3%,transparent 12.4% 88%,rgba(105,87,240,.05) 88.1% 88.3%,transparent 88.4%); }
.vault-door::after { content:""; position:absolute; top:8%; bottom:8%; width:42px; border-block:1px solid rgba(135,119,255,.22); background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(127,110,255,.13) 24px); }
.vault-door span { position:absolute; bottom:38px; color:#626a88; font:600 8px/1 "DM Sans",sans-serif; letter-spacing:.2em; }
.vault-door-left { left:0; border-right:1px solid #6655d7; transform-origin:left center; }
.vault-door-left::after { right:0; border-left:1px solid rgba(135,119,255,.2); }.vault-door-left span { left:42px; }
.vault-door-right { right:0; border-left:1px solid #6655d7; transform-origin:right center; background-position:100% 0; }
.vault-door-right::after { left:0; border-right:1px solid rgba(135,119,255,.2); }.vault-door-right span { right:42px; }
.vault-seal { z-index:6; top:50%; left:50%; width:150px; display:flex; align-items:center; flex-direction:column; opacity:1; filter:brightness(1); transform:translate(-50%,-50%) scale(1) rotate(0); backface-visibility:hidden; will-change:transform,opacity; }
.vault-seal img { width:94px; height:94px; display:block; padding:9px; border:1px solid #7867ff; border-radius:50%; background:#070913; object-fit:cover; box-shadow:0 0 0 10px rgba(7,9,19,.94),0 0 0 11px #352c72,0 0 60px rgba(99,77,255,.48); }
.vault-seal span { margin-top:25px; color:#a399ff; font:600 8px/1 "DM Sans",sans-serif; letter-spacing:.18em; white-space:nowrap; }
.hero-variant-1.is-style-entering .vault-intro { visibility:visible; animation:vault-clear 2.2s cubic-bezier(.7,0,.2,1) forwards; }
.hero-variant-1.is-style-entering .vault-light { animation:vault-light 1.35s .3s cubic-bezier(.16,1,.3,1) forwards; }
.hero-variant-1.is-style-entering .vault-door-left { animation:vault-open-left 1.28s .58s cubic-bezier(.22,1,.36,1) forwards; }
.hero-variant-1.is-style-entering .vault-door-right { animation:vault-open-right 1.28s .58s cubic-bezier(.22,1,.36,1) forwards; }
.hero-variant-1.is-style-entering .vault-seal { animation:vault-seal-unlock 1.1s .12s cubic-bezier(.34,1.56,.64,1) forwards; }
@keyframes vault-clear { 0%,91% { visibility:visible; } 100% { visibility:hidden; } }
@keyframes vault-light { 0% { transform:translateX(-50%) scaleY(0); } 34%,75% { transform:translateX(-50%) scaleY(1); } 100% { transform:translateX(-50%) scaleY(1); opacity:0; } }
@keyframes vault-open-left { 0% { transform:translateX(0) rotateY(0); } 16% { transform:translateX(-2%) rotateY(-1deg); } 100% { transform:translateX(-105%) rotateY(-12deg); } }
@keyframes vault-open-right { 0% { transform:translateX(0) rotateY(0); } 16% { transform:translateX(2%) rotateY(1deg); } 100% { transform:translateX(105%) rotateY(12deg); } }
@keyframes vault-seal-unlock { 0%,18% { opacity:1; filter:brightness(1); transform:translate(-50%,-50%) scale(1) rotate(0); } 48% { opacity:1; filter:brightness(1.2); transform:translate(-50%,-50%) scale(1.06) rotate(0); } 72% { opacity:1; filter:brightness(1); transform:translate(-50%,-50%) scale(.9) rotate(10deg); } 100% { opacity:0; filter:brightness(1); transform:translate(-50%,-50%) scale(.15) rotate(70deg); } }

/* Product 2: image-free campaign poster */
.hero-variant-2 { background: #e9dcc8; color: #1b110b; }
.hero-layout-two { display: grid; grid-template-rows: auto 1fr auto; gap: 18px; }
.hero-two-heading { display: grid; grid-template-columns: minmax(0,1fr) 400px; align-items: end; gap: 70px; }
.hero-two-heading .hero-kicker { margin-bottom: 10px; color: #b53a13; }
.hero-two-heading h1 { color: #1b110b; font-size: clamp(54px,6vw,82px); line-height: .86; text-transform: uppercase; }
.hero-two-heading h1 span { display:block; padding-bottom:0; background:none; color:inherit; -webkit-text-fill-color:currentColor; }
.hero-two-heading p { max-width: 400px; margin: 0 0 4px; color: #6b5142; font-size: 12px; line-height: 1.75; }
.hero-two-poster { overflow: hidden; display: grid; grid-template-columns: 66px minmax(0,1fr) 330px; min-height: 285px; border: 1px solid #24140c; background: #f05b2b; }
.poster-rail { display: flex; align-items: center; justify-content: space-around; flex-direction: column; padding-block: 16px; border-right: 1px solid rgba(30,15,8,.35); }
.poster-rail span { color: #38170b; font: 700 8px/1 "DM Sans",sans-serif; letter-spacing: .12em; writing-mode: vertical-rl; transform: rotate(180deg); }
.poster-statement { position: relative; overflow: hidden; display: flex; justify-content: center; flex-direction: column; padding: 24px clamp(26px,4vw,58px); }
.poster-statement::after { content: "02"; position: absolute; right: -18px; bottom: -70px; color: rgba(55,20,8,.1); font: 700 300px/1 "Barlow Condensed",sans-serif; }
.poster-statement span { position: relative; z-index: 1; color: #fff1df; font: 600 clamp(28px,3.2vw,44px)/.85 "Barlow Condensed",sans-serif; letter-spacing: .02em; }
.poster-statement strong { position: relative; z-index: 1; display: block; color: #261107; font: 700 clamp(66px,7vw,102px)/.72 "Barlow Condensed",sans-serif; letter-spacing: -.03em; }
.poster-statement strong i { display: block; font-style: normal; }
.poster-principles { position: relative; z-index: 1; display: flex; justify-content: center; flex-direction: column; padding: 30px; background: #1a100b; color: #f5ead9; }
.poster-principles > small { margin-bottom: 26px; color: #ff8758; font: 600 8px/1 "DM Sans",sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.poster-principles ol { margin: 0; padding: 0; list-style: none; }
.poster-principles li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid #4b3023; }
.poster-principles li:last-child { border-bottom: 1px solid #4b3023; }
.poster-principles b { color: #ff8758; font: 600 10px/1.4 "DM Sans",sans-serif; }
.poster-principles li span { color: #d9c2ad; font: 500 10px/1.4 "DM Sans",sans-serif; }
.hero-two-footer { display: grid; grid-template-columns: 1.4fr .7fr .7fr auto; align-items: end; gap: 30px; }
.hero-two-footer > span { display: flex; flex-direction: column; }
.hero-two-footer small { color: #7c5e4c; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.hero-two-footer strong { overflow: hidden; margin-top: 4px; color: #21130c; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.hero-two-footer .button { min-height: 40px; border-color: #1b110b !important; background: #1b110b !important; color: #f5ead9 !important; }

/* Style 2 entrance: kinetic type arrives like ink, paper and a printing press. */
.hero-variant-2::before { content: ""; position: absolute; z-index: 0; inset: 0; background: #f05b2b; transform:scaleX(0); transform-origin:left; pointer-events:none; }
.hero-variant-2.is-style-entering::before { animation: manifesto-color-wipe 1.05s cubic-bezier(.86,0,.07,1) both; }
.hero-variant-2.is-style-entering .hero-two-heading h1 span { animation: manifesto-heading .72s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .hero-two-heading h1 span:nth-child(2) { animation-delay:.11s; }
.hero-variant-2.is-style-entering .hero-two-heading p { animation: manifesto-copy .7s .24s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .hero-two-poster { animation: manifesto-poster-fold .85s .36s cubic-bezier(.16,1,.3,1) both; transform-origin:50% 0; }
.hero-variant-2.is-style-entering .poster-rail span { animation: manifesto-rail .65s calc(.7s + var(--rail-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .poster-rail span:nth-child(2) { --rail-delay:.09s; }.hero-variant-2.is-style-entering .poster-rail span:nth-child(3) { --rail-delay:.18s; }
.hero-variant-2.is-style-entering .poster-statement > span { animation: manifesto-label .55s .72s steps(6,end) both; }
.hero-variant-2.is-style-entering .poster-statement strong i { animation: manifesto-slam .72s .75s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .poster-statement strong i:nth-child(2) { animation-delay:.88s; }
.hero-variant-2.is-style-entering .poster-principles { animation: manifesto-principles .8s 1s cubic-bezier(.16,1,.3,1) both; transform-origin:right; }
.hero-variant-2.is-style-entering .poster-principles li { animation: manifesto-rule .6s calc(1.2s + var(--rule-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .poster-principles li:nth-child(2) { --rule-delay:.1s; }.hero-variant-2.is-style-entering .poster-principles li:nth-child(3) { --rule-delay:.2s; }
.hero-variant-2.is-style-entering .hero-two-footer { animation: manifesto-footer .65s 1.25s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2:not(.is-style-entering) .poster-statement strong { transform:translate3d(var(--motion-x,0),var(--motion-y,0),0); transition:transform .3s cubic-bezier(.16,1,.3,1); }
@keyframes manifesto-color-wipe { 0% { transform:scaleX(0); transform-origin:left; } 48% { transform:scaleX(1); transform-origin:left; } 49% { transform-origin:right; } 100% { transform:scaleX(0); transform-origin:right; } }
@keyframes manifesto-heading { from { clip-path:inset(0 0 100% 0); transform:translateY(70%) skewY(7deg); } to { clip-path:inset(0); transform:none; } }
@keyframes manifesto-copy { from { transform:translateX(90px); } to { transform:none; } }
@keyframes manifesto-poster-fold { from { clip-path:polygon(0 0,100% 0,94% 0,6% 0); transform:perspective(1000px) rotateX(-68deg) scaleY(.4); } to { clip-path:polygon(0 0,100% 0,100% 100%,0 100%); transform:none; } }
@keyframes manifesto-rail { from { transform:translateY(40px) rotate(7deg); } to { transform:none; } }
@keyframes manifesto-label { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0); } }
@keyframes manifesto-slam { from { transform:translateX(-110%) skewX(-18deg); filter:blur(4px); } 70% { transform:translateX(2%) skewX(1deg); filter:none; } to { transform:none; } }
@keyframes manifesto-principles { from { transform:perspective(900px) rotateY(85deg); } to { transform:none; } }
@keyframes manifesto-rule { from { transform:translateX(60px); clip-path:inset(0 0 0 100%); } to { transform:none; clip-path:inset(0); } }
@keyframes manifesto-footer { from { transform:translateY(35px); clip-path:inset(100% 0 0); } to { transform:none; clip-path:inset(0); } }

.hero-style-switcher { position: absolute; z-index: 50; right: 0; bottom: 20px; left: 0; display: flex; justify-content: center; gap: 6px; pointer-events: none; }
.hero-style-switcher button { min-width: 112px; height: 48px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: 0 13px; border: 1px solid #303030; border-radius: 7px; background: rgba(14,14,14,.92); color: #888782; text-align: left; cursor: pointer; pointer-events: auto; backdrop-filter: blur(12px); transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.hero-style-switcher button:hover { color: #dededa; }
.hero-style-switcher button.is-active { border-color: #6454a8; background: #1a1821; color: #fff; }
.hero-style-switcher button span { font-size: 9px; font-weight: 600; }
.hero-style-switcher button small { margin-top: 3px; color: #6f6e69; font-size: 7px; }
.hero-style-switcher button.is-active small { color: #a897ff; }
.hero-feature-empty { min-height: 540px; display: grid; place-items: center; color: var(--quiet); text-align: center; }

/* Catalog with native-ratio artwork */
.catalog-section { position:relative; scroll-margin-top:76px; overflow:hidden; padding:112px 0 126px; border-bottom:1px solid var(--line); background:#080a0f; }
.catalog-neon-divider { position:absolute; z-index:5; right:0; bottom:0; left:0; width:100%; height:14px; overflow:hidden; margin:0; background:linear-gradient(180deg,transparent,rgba(12,8,25,.26),transparent); pointer-events:none; }
.catalog-neon-divider svg { width:100%; height:100%; display:block; overflow:visible; }
.catalog-neon-wave,.catalog-neon-pulse { fill:none; stroke:url(#catalog-wave-gradient); vector-effect:non-scaling-stroke; }
.catalog-neon-wave-one { stroke-width:1; opacity:.38; filter:drop-shadow(0 0 4px rgba(139,92,246,.55)); }
.catalog-neon-wave-two { stroke-width:.8; opacity:.2; filter:drop-shadow(0 0 3px rgba(96,165,250,.4)); }
.catalog-neon-pulse { stroke:#8b5cf6; stroke-width:1.6; stroke-linecap:round; stroke-dasharray:58 942; opacity:.68; filter:drop-shadow(0 0 5px rgba(139,92,246,.8)) drop-shadow(0 0 10px rgba(96,165,250,.42)); animation:catalog-neon-wave-travel 5.8s linear infinite; }
@keyframes catalog-neon-wave-travel { to { stroke-dashoffset:-1000; } }
.section-heading { align-items: end; margin-bottom: 39px; padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.section-heading h2 { margin: 7px 0 0; font-size: clamp(43px,4.5vw,62px); line-height: 1; }
.section-heading > p { max-width: 470px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.filter-bar { position:relative; overflow:hidden; gap: 0; margin-bottom: 34px; padding: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.search-field { width: 330px; height: 50px; gap: 10px; padding: 0 15px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; }
.search-field img { width: 16px; height: 16px; opacity: .58; }
.search-field input { padding: 0; border: 0; background: transparent; font-size: 11px; }
.filter-pills { padding: 7px; gap: 3px; }
.filter-pills a { align-self: center; padding: 7px 12px; border-radius: 5px; color: var(--muted); font-size: 10px; }
.filter-pills a.active, .filter-pills a:hover { background: #1a2030; color: var(--text); }
.filter-bar .button { min-height: 50px; border-radius: 0 7px 7px 0; }
.filter-bar[data-catalog-filters] .button[type="submit"] { display:none; }
.home-page .filter-bar { justify-content:space-between; }
.home-page .search-field { width:330px; flex:0 1 330px; }
[data-catalog-results] { position:relative; }
[data-catalog-results].is-loading { cursor:progress; }
[data-catalog-results].is-loading .filter-bar::after { content:""; position:absolute; z-index:5; right:0; bottom:0; left:0; height:2px; background:linear-gradient(90deg,transparent 0,#8b5cf6 35%,#60a5fa 65%,transparent 100%); transform:translateX(-100%); animation:catalog-loading-track .85s cubic-bezier(.65,0,.35,1) infinite; pointer-events:none; }
@keyframes catalog-loading-track { to { transform:translateX(100%); } }
.product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.catalog-product-card { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); transition: border-color .25s ease, transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease; }
.catalog-product-card:hover { transform: translateY(-4px); border-color: #485473; box-shadow: 0 24px 50px rgba(0,0,0,.3); }
.catalog-product-art { display: block; overflow: hidden; aspect-ratio: 1200/628; border-bottom: 1px solid var(--line); background: #0b0e15; }
.catalog-product-art img { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; transition: transform .7s cubic-bezier(.16,1,.3,1); }
.catalog-product-card:hover .catalog-product-art img { transform: scale(1.015); }
.catalog-card-copy { padding: 22px 23px 23px; }
.catalog-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--quiet); font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.catalog-status-pill, .detection-badge { display: inline-flex; align-items: center; width: fit-content; gap: 7px; color: var(--green); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.catalog-status-pill i, .detection-badge i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.catalog-status-updating .catalog-status-pill, .detection-updating { color: var(--blue) !important; }
.catalog-status-detected .catalog-status-pill, .detection-detected { color: var(--danger) !important; }
.detection-undetected { color: var(--green) !important; }
.catalog-card-copy h3 { margin: 15px 0 8px; font-size: 22px; letter-spacing: -.035em; }
.catalog-card-copy h3 a:hover { color: var(--accent-soft); }
.catalog-card-copy > p { display: -webkit-box; overflow: hidden; min-height: 43px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.catalog-card-foot { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.catalog-card-price { display: flex; flex-direction: column; }
.catalog-card-price span { color: var(--quiet); font-size: 8px; text-transform: uppercase; }
.catalog-card-price strong { margin-top: 2px; font-size: 15px; }
.catalog-view-options { padding-bottom: 2px; border-bottom: 1px solid #53617c; color: #dce1ec; font-size: 10px; font-weight: 700; }
.catalog-view-options:hover { border-color: var(--accent); color: var(--accent-soft); }
.empty-state { border-color: var(--line); border-radius: 8px; background: var(--surface); }
.pagination { color: var(--quiet); }
.pagination a { color: #cbd2df; }

/* Text-led trust and fulfillment */
.trust-section { padding: 96px 0 102px; border-bottom: 1px solid var(--line); background: var(--bg); }
.trust-section::after { display: none; }
.trust-intro { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); align-items: end; gap: 72px; margin-bottom: 47px; }
.trust-intro h2 { max-width: 690px; margin: 13px 0 0; font-size: clamp(39px,4.2vw,58px); line-height: 1.02; }
.trust-intro > p { max-width: 450px; margin: 0 0 4px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.trust-list { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 12px; }
.trust-card { min-height: 190px; padding: 24px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: #101010; }
.trust-card:nth-child(even) { background: #111111; }
.trust-card:last-child { border-right: 0; }
.trust-card:hover { transform: none; border-color: var(--line); background: #151515; }
.trust-icon { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 40px; border: 1px solid #343434; border-radius: 8px; background: #191919; }
.trust-icon img { width: 16px; height: 16px; opacity: .82; filter: brightness(0) invert(1); }
.trust-card h3 { margin: 0 0 9px; font-size: 14px; letter-spacing: -.02em; }
.trust-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.journey-section { overflow:hidden; padding: 100px 0; background: #0b0b0b; }
.journey-layout { grid-template-columns: minmax(320px,.78fr) minmax(470px,1.22fr); grid-template-rows: auto 1fr; gap: 34px 88px; align-items: start; }
.journey-copy h2 { max-width: 500px; margin: 13px 0 17px; font-size: clamp(40px,4.2vw,57px); line-height: 1.01; }
.journey-copy > p { max-width: 360px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.journey-list { margin: 0; border-top: 1px solid var(--line); }
.journey-list li { grid-template-columns: 34px 1fr; gap: 14px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.journey-list li::after { display: none !important; }
.journey-list > li > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #303030; border-radius: 7px; background: #151515; }
.journey-list > li > span img { width: 14px; height: 14px; opacity: .78; filter: brightness(0) invert(1); }
.journey-list h3 { margin: 0 0 5px; font-size: 13px; }
.journey-list p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.delivery-board { grid-column: 2; grid-row: 1/3; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); box-shadow: none; }
.delivery-board > header, .delivery-board > footer { min-height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; border-bottom: 1px solid var(--line); color: #cbd2df; font-size: 9px; font-weight: 700; }
.delivery-board > header span { display: flex; align-items: center; gap: 8px; }
.delivery-board > header i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.delivery-board > header small { color: var(--quiet); }
.delivery-product { margin: 19px; grid-template-columns: 132px 1fr; gap: 15px; }
.delivery-product img { width: 132px; height: auto; aspect-ratio: 1200/628; border: 1px solid var(--line); border-radius: 5px; object-fit: cover; }
.delivery-product small { color: var(--quiet); }
.delivery-product strong { color: var(--text); font-size: 13px; }
.delivery-product span { color: var(--accent-soft); font-size: 10px; }
.delivery-events { margin: 0 19px 19px; padding: 0 14px; border: 1px solid var(--line); border-radius: 6px; background: #090c12; }
.delivery-event { min-height: 66px; grid-template-columns: 14px 1fr auto; gap: 12px; }
.delivery-event:not(:last-child) { border-color: var(--line-soft); }
.delivery-event > i { width: 7px; height: 7px; border: 0; border-radius: 50%; background: var(--green); box-shadow: none; }
.delivery-event.active > i { width: 7px; height: 7px; border: 0; background: var(--accent); box-shadow: 0 0 0 4px rgba(139,92,246,.12); }
.delivery-event strong { font-size: 10px; }
.delivery-event span, .delivery-event time { color: var(--quiet); font-size: 8px; }
.delivery-board > footer { border-top: 1px solid var(--line); border-bottom: 0; background: #0f131c; }
.delivery-board > footer span { color: #949daf; font: 9px ui-monospace,monospace; letter-spacing: .08em; }
.delivery-board > footer strong { color: var(--green); font-size: 8px; text-transform: uppercase; }

/* Supporting page headers */
.status-page, .faq-page, .product-show, .page-section, .auth-section { background: var(--bg); }
.status-page { min-height: 70vh; padding: 58px 0 90px; }
.status-hero { display:grid; grid-template-columns:1fr; align-items:end; padding:30px; border:1px solid rgba(139,92,246,.25); border-radius:12px; background:radial-gradient(circle at 8% 0,rgba(124,58,237,.17),transparent 38%),linear-gradient(135deg,#12101c,#0c0d13 68%); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.status-hero h1 { margin: 7px 0 0; font-size: clamp(42px,5vw,62px); line-height: .96; }
.status-hero p { max-width: 510px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.status-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.status-overview > div { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; min-height:66px; padding:13px 16px; border:1px solid rgba(139,92,246,.2); border-radius:8px; background:#111119; }
.status-overview > div::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#8b5cf6; }
.status-overview span { color:var(--quiet); font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.status-overview strong { font-size:24px; line-height:1; }
.status-overview-undetected strong { color:var(--green); }
.status-overview-updating strong { color:var(--blue); }
.status-overview-detected strong { color:var(--danger); }
.status-overview-undetected::before { background:var(--green) !important; }
.status-overview-updating::before { background:var(--blue) !important; }
.status-overview-detected::before { background:var(--danger) !important; }
.status-legend { display:flex; align-items:stretch; justify-content:flex-start; gap:8px; padding:14px 0; border-bottom:1px solid var(--line); }
.status-legend > div { min-width:0; display:flex; flex:0 0 auto; align-items:center; gap:8px; padding:8px 10px; border:1px solid rgba(139,92,246,.16); border-radius:7px; background:#101017; }
.status-legend > div:first-child { padding-left:10px; }
.status-legend > div + div { border-left:1px solid rgba(139,92,246,.16); }
.status-legend p { margin:0; color:#c0bbca; font-size:11px; font-weight:500; line-height:1.4; }
.detection-badge { padding: 6px 8px; border: 1px solid currentColor; border-radius: 5px; background: transparent; }
.status-groups { display:grid; gap:12px; margin-top:18px; }
.status-group-card { position:relative; overflow:hidden; border:1px solid rgba(139,92,246,.2); border-radius:10px; background:#101116; transition:border-color .2s ease,transform .2s ease; }
.status-group-card::before { content:""; position:absolute; z-index:2; inset:0 auto 0 0; width:3px; background:#8b5cf6; }
.status-group-card:hover { border-color:rgba(139,92,246,.38); transform:translateY(-1px); }
.status-group-card > header { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 16px 10px 18px; border-bottom:1px solid rgba(139,92,246,.16); background:linear-gradient(110deg,rgba(139,92,246,.08),rgba(16,20,29,.96) 38%); }
.status-group-art { display:flex; align-items:center; gap:15px; min-width:0; flex:1; }
.status-group-art > div { min-width:0; text-align:left; }
.status-group-art img { width:58px; height:58px; padding:4px; object-fit:contain; border:1px solid rgba(139,92,246,.32); border-radius:8px; background:#0a0d14; }
.status-group-art span { display:block; margin-top:5px; color:var(--quiet); font-size:10px; line-height:1.2; text-transform:uppercase; }
.status-group-art h2 { overflow:hidden; margin:0; font-size:20px; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.status-group-summary { display: flex; align-items: center; gap: 7px; color: var(--green); font-size: 11px; font-weight: 700; }
.status-group-summary i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.detection-text-updating { color: var(--blue); }
.detection-text-detected { color: var(--danger); }
.subproduct-statuses article { position:relative; min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:11px 16px 11px 18px; border-bottom:1px solid rgba(139,92,246,.12); transition:background .2s ease; }
.subproduct-statuses article::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--green); opacity:.85; }
.subproduct-statuses article.status-item-updating::before { background:var(--blue); }
.subproduct-statuses article.status-item-detected::before { background:var(--danger); }
.subproduct-statuses article:hover { background:rgba(139,92,246,.035); }
.status-subproduct-link { display:block; color:inherit; outline:0; }
.status-subproduct-link:not(:last-child) { border-bottom:1px solid rgba(139,92,246,.12); }
.status-subproduct-link article { border-bottom:0; transition:background .2s ease,box-shadow .2s ease; }
.status-subproduct-link:hover article,.status-subproduct-link:focus-visible article { background:rgba(139,92,246,.08); box-shadow:inset 3px 0 #8b5cf6; }
.subproduct-statuses article:last-child { border-bottom: 0; }
.subproduct-statuses article > div { min-width: 0; display: flex; flex-direction: column; }
.subproduct-statuses article > .detection-badge { flex: 0 0 auto; }
.subproduct-statuses strong { font-size: 13px; }
.subproduct-statuses .status-updated-inline { color:var(--quiet); font-size:10px; font-weight:500; white-space:nowrap; }
.subproduct-statuses p, .subproduct-statuses small { margin: 3px 0 0; color: var(--quiet); font-size: 10px; }
.status-directory .detection-badge { font-size:10px; }

/* Guides */
.guides-page { background:radial-gradient(circle at 8% 6%,rgba(124,58,237,.09),transparent 27%),radial-gradient(circle at 92% 42%,rgba(37,99,235,.07),transparent 29%),#08090d; }
.guides-page .status-hero { position:relative; overflow:hidden; grid-template-columns:minmax(0,1fr) minmax(300px,440px); align-items:center; gap:48px; padding:34px 38px; border-color:rgba(139,92,246,.3); background:linear-gradient(120deg,rgba(24,17,42,.97),rgba(12,14,23,.96) 48%,rgba(11,16,29,.96)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 22px 55px rgba(24,13,54,.13); }
.guides-page .status-hero::after { content:""; position:absolute; right:-90px; bottom:-150px; width:330px; height:330px; border-radius:50%; background:radial-gradient(circle,rgba(59,130,246,.13),rgba(139,92,246,.045) 45%,transparent 70%); pointer-events:none; }
.guides-page .status-hero h1 { background:linear-gradient(90deg,#f7f4ff 20%,#c4b5fd 62%,#60a5fa); color:transparent; font-weight:800; letter-spacing:-.055em; -webkit-background-clip:text; background-clip:text; }
.guides-page .status-hero p { position:relative; z-index:1; color:#aaa7b8; }
.guide-public-search { display:grid; grid-template-columns:minmax(0,620px) auto 1fr; align-items:center; gap:10px; margin-top:31px; }
.guides-page .guide-public-search { grid-template-columns:minmax(0,1fr) auto auto; padding:8px; border:1px solid rgba(139,92,246,.2); border-radius:10px; background:rgba(14,14,22,.82); box-shadow:0 16px 42px rgba(0,0,0,.15); }
.guide-public-search label { min-height:48px; display:flex; align-items:center; gap:11px; padding:0 14px; border:1px solid #34394a; border-radius:8px; background:rgba(14,16,23,.86); box-shadow:0 15px 40px rgba(0,0,0,.16); transition:border-color .2s ease,box-shadow .2s ease; }
.guides-page .guide-public-search label { border-color:transparent; background:#0d1018; box-shadow:inset 0 0 0 1px rgba(139,92,246,.17); }
.guide-public-search label:focus-within { border-color:#846cff; box-shadow:0 0 0 3px rgba(132,108,255,.11),0 15px 40px rgba(0,0,0,.2); }
.guide-public-search label > img { width:17px; height:17px; opacity:.62; filter:brightness(0) invert(1); }
.guide-public-search .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.guide-public-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--text); font:500 12px/1.2 Manrope,sans-serif; }
.guide-public-search input::placeholder { color:#6f7482; }
.guide-public-search input::-webkit-search-cancel-button { display:none; }
.guide-public-search button { min-height:40px; display:inline-flex; align-items:center; gap:6px; padding:0 12px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--muted); font-size:9px; font-weight:700; cursor:pointer; }
.guide-public-search button:hover { border-color:#6557a4; color:var(--text); }
.guide-public-search button img { width:12px; height:12px; filter:brightness(0) invert(1); opacity:.7; }
.guide-public-search > span { justify-self:end; color:var(--quiet); font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.guides-page .guide-public-search > span { padding:8px 11px; border:1px solid rgba(139,92,246,.2); border-radius:999px; background:rgba(139,92,246,.07); color:#aaa0c7; white-space:nowrap; }
.guide-products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 30px; }
.guide-product[hidden] { display:none; }
.guide-product { position:relative; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(139,92,246,.22); border-radius:12px; background:linear-gradient(145deg,#11111a,#0d0f16); box-shadow:0 18px 42px rgba(0,0,0,.1); transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease; }
.guide-product::before { content:""; position:absolute; z-index:2; top:0; right:16%; left:16%; height:2px; background:linear-gradient(90deg,transparent,#8b5cf6 34%,#3b82f6 70%,transparent); opacity:.75; }
.guide-product:hover { transform:translateY(-4px); border-color:rgba(139,92,246,.48); box-shadow:0 24px 55px rgba(25,15,58,.24); }
.guide-product-image { display: block; overflow: hidden; aspect-ratio: 1200/628; border-bottom: 1px solid var(--line); }
.guide-product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.16,1,.3,1); }
.guide-product:hover .guide-product-image img { transform: scale(1.015); }
.guide-product-copy { flex:1; padding:18px 19px 16px; }
.guide-product-copy small { color:#9685c5; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.guide-product-copy h2 { margin:6px 0 9px; font-size:19px; letter-spacing:-.035em; }
.guide-product-copy p { margin:0; color:#a7a5b2; font-size:10px; line-height:1.7; }
.guide-link { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; color: #d5dae6; font-size: 9px; font-weight: 700; }
.guide-link:hover { border-color: var(--accent); color: var(--accent-soft); }
.guide-link img { width: 13px; height: 13px; margin-left: 7px; opacity: .72; }
.guide-product > .guide-link { align-self:stretch; justify-content:space-between; margin:0 19px 19px; border-color:rgba(139,92,246,.26); background:linear-gradient(110deg,rgba(139,92,246,.1),rgba(59,130,246,.055)); color:#ddd7ee; }
.guide-product > .guide-link:hover { border-color:rgba(139,92,246,.55); background:linear-gradient(110deg,rgba(139,92,246,.18),rgba(59,130,246,.1)); color:#fff; }
.guide-missing { color: var(--quiet); }
.guide-search-empty { margin-top:30px; }
.guide-search-empty[hidden] { display:none; }
@media (max-width:900px) {
    .guides-page .status-hero { grid-template-columns:1fr; gap:16px; padding:27px; }
    .guides-page .guide-public-search { grid-template-columns:minmax(0,1fr) auto; }
    .guides-page .guide-public-search > span { grid-column:1/-1; justify-self:start; }
}
@media (max-width:560px) {
    .guides-page .status-hero { padding:22px; }
    .guides-page .guide-public-search { grid-template-columns:1fr; }
    .guides-page .guide-public-search button { width:100%; justify-content:center; }
}

/* FAQ */
.faq-page { min-height: 72vh; padding: 88px 0 120px; background: var(--bg); }
.faq-shell { width: calc(100% - 64px); max-width: 900px; }
.faq-hero { max-width: 780px; margin: 0 auto 60px; text-align: center; }
.faq-hero h1 { margin: 13px 0 17px; font-size: clamp(51px,6vw,76px); line-height: .96; }
.faq-hero p { max-width: 610px; margin: 0 auto; color: var(--muted); font-size: 13px; line-height: 1.8; }
.faq-list { display: flex; flex-direction: column; gap: 9px; }
.faq-item { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); transition: border-color .25s ease, background-color .25s ease; }
.faq-item.is-open { border-color: #485473; background: #10141d; }
.faq-item h2 { margin: 0; }
.faq-item button { width: 100%; min-height: 76px; display: grid; grid-template-columns: 36px 1fr 20px; align-items: center; gap: 16px; padding: 18px 21px; border: 0; background: transparent; color: var(--text); font: 700 12px/1.5 Inter,ui-sans-serif,system-ui,sans-serif; text-align: left; cursor: pointer; }
.faq-item button:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
.faq-question-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #384158; border-radius: 50%; background: #151b27; }
.faq-question-icon img { width: 17px; height: 17px; filter: brightness(0) saturate(100%) invert(64%) sepia(56%) saturate(1596%) hue-rotate(211deg) brightness(103%); }
.faq-chevron { width: 17px; height: 17px; opacity: .62; filter: brightness(0) invert(1); transition: transform .35s cubic-bezier(.16,1,.3,1); }
.faq-item.is-open .faq-chevron { transform: rotate(180deg); }
.faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .4s cubic-bezier(.16,1,.3,1), opacity .25s ease; }
.faq-item.is-open .faq-answer { grid-template-rows: 1fr; opacity: 1; }
.faq-answer > div { min-height: 0; overflow: hidden; border-top: 1px solid transparent; }
.faq-item.is-open .faq-answer > div { border-color: var(--line); }
.faq-answer p { margin: 0; padding: 21px 28px 24px 73px; color: var(--muted); font-size: 11px; line-height: 1.8; }
.faq-answer a { color: var(--accent-soft); text-decoration: underline; text-underline-offset: 3px; }
.faq-contact { display: flex; align-items: center; justify-content: space-between; gap: 38px; margin-top: 45px; padding: 28px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.faq-contact h2 { margin: 7px 0 5px; font-family: Inter,ui-sans-serif,system-ui,sans-serif; font-size: 25px; font-weight: 600; }
.faq-contact p { max-width: 460px; margin: 0; color: var(--muted); font-size: 10px; }
.faq-contact-actions { flex: none; display: flex; gap: 8px; }

/* Product page */
.product-show { min-height: 80vh; padding: 55px 0 110px; }
.subproduct-show > .container { width:min(1120px,calc(100% - 64px)); }
.back-link { width: fit-content; display: inline-flex; align-items: center; gap: 7px; margin-bottom: 25px; color: var(--muted); font-size: 10px; }
.back-link img { width: 14px; height: 14px; opacity: .72; }
.back-link:hover { color: var(--accent-soft); }
.product-show .product-detail { grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr); gap:20px; align-items:stretch; }
.product-media-gallery { min-width: 0; }
.product-show .detail-image { min-height: 0; display: grid; grid-template-rows: auto auto; margin: 0; border: 1px solid rgba(139,92,246,.25); border-radius: 8px; background: linear-gradient(145deg,#15111e,#0e0d13); box-shadow: 0 18px 48px rgba(39,21,81,.1); }
.product-show .detail-image img { width: 100%; height: auto; aspect-ratio: 1200/628; object-fit: cover; }
.product-show .detail-image figcaption { min-height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-top: 1px solid rgba(139,92,246,.22); background: linear-gradient(90deg,rgba(139,92,246,.09),rgba(30,22,48,.4) 48%,rgba(77,184,255,.04)); color: #9189a2; font-size: 8px; text-transform: uppercase; }
.product-gallery-stage { position: relative; overflow: hidden; background: #090b10; }
.product-gallery-stage > img { transition: opacity .18s ease, transform .32s cubic-bezier(.16,1,.3,1); }
.product-gallery-stage.is-switching > img { opacity: .28; transform: scale(.992); }
.gallery-expand { position: absolute; right: 12px; bottom: 12px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 5px; background: rgba(5,6,9,.82); color: #e5e8ef; font-size: 8px; font-weight: 700; cursor: pointer; backdrop-filter: blur(8px); }
.gallery-expand:hover { border-color: rgba(255,255,255,.42); background: #0a0c11; }
.product-gallery-thumbnails { display: grid; grid-auto-columns: minmax(92px,125px); grid-auto-flow: column; gap: 8px; overflow-x: auto; margin-top: 9px; padding: 2px 1px 7px; scrollbar-width: thin; scrollbar-color: rgba(139,92,246,.55) rgba(14,13,22,.72); }
.product-gallery-thumbnails::-webkit-scrollbar { height:6px; }
.product-gallery-thumbnails::-webkit-scrollbar-track { border:1px solid rgba(139,92,246,.1); border-radius:999px; background:rgba(14,13,22,.72); }
.product-gallery-thumbnails::-webkit-scrollbar-thumb { border-radius:999px; background:linear-gradient(90deg,rgba(124,79,219,.72),rgba(93,142,235,.72)); }
.product-gallery-thumbnails::-webkit-scrollbar-thumb:hover { background:linear-gradient(90deg,rgba(139,92,246,.92),rgba(77,184,255,.9)); }
.product-gallery-thumbnails button { position: relative; overflow: hidden; padding: 0; border: 1px solid var(--line); border-radius: 6px; background: #0b0d12; cursor: pointer; opacity: .62; transition: opacity .18s ease, border-color .18s ease, transform .18s ease; }
.product-gallery-thumbnails button:hover { opacity: .9; transform: translateY(-1px); }
.product-gallery-thumbnails button.is-active { border-color: var(--accent); opacity: 1; box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent); }
.product-gallery-thumbnails img { width: 100%; aspect-ratio: 1200/628; object-fit: cover; }
.media-requirements { scroll-margin-top:92px; margin-top:12px; padding:20px; border:1px solid rgba(139,92,246,.24); border-radius:8px; background:radial-gradient(circle at 4% 0,rgba(139,92,246,.11),transparent 36%),linear-gradient(145deg,#14111b,#0f0e14); box-shadow:inset 0 1px rgba(205,187,255,.035),0 18px 48px rgba(39,21,81,.08); }
.media-requirements h2 { margin:7px 0 13px; font-size:24px; line-height:1.08; letter-spacing:-.04em; }
.media-requirements > p { margin:0 0 15px; color:var(--quiet); font-size:9px; line-height:1.6; }
.media-requirements .requirement-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.media-requirements .requirement-list li { min-height:56px; padding:11px 12px; border-color:rgba(139,92,246,.2); background:linear-gradient(110deg,rgba(139,92,246,.055),rgba(255,255,255,.012)); color:#eef1f8; font-size:11px; font-weight:600; line-height:1.45; }
.product-gallery-dialog { width: min(1180px,calc(100vw - 44px)); max-width: none; padding: 0; border: 1px solid #303644; border-radius: 9px; background: #080a0f; color: var(--text); box-shadow: 0 35px 100px rgba(0,0,0,.7); }
.product-gallery-dialog::backdrop { background: rgba(0,0,0,.86); backdrop-filter: blur(8px); }
.product-gallery-dialog > div { position: relative; display: flex; flex-direction: column; }
.product-gallery-dialog img { width: 100%; max-height: 82vh; object-fit: contain; background: #050609; }
.product-gallery-dialog p { margin: 0; padding: 12px 15px; color: var(--muted); font-size: 10px; }
.gallery-dialog-close { position: absolute; z-index: 2; top: 12px; right: 12px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.22); border-radius: 5px; background: rgba(5,6,9,.88); color: #fff; font-size: 9px; cursor: pointer; }
.product-show .detail-copy { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; padding:25px; border:1px solid rgba(139,92,246,.3); border-radius:8px; background:radial-gradient(circle at 92% 4%,rgba(139,92,246,.17),transparent 35%),linear-gradient(150deg,#17121f 0%,#110f18 48%,#0d0d11 100%); box-shadow:inset 0 1px rgba(211,195,255,.055),0 24px 60px rgba(38,20,78,.13); }
.product-show .detail-copy::before { position:absolute; z-index:-1; top:0; right:22px; left:22px; height:1px; background:linear-gradient(90deg,transparent,rgba(177,145,255,.62),rgba(77,184,255,.3),transparent); content:""; }
.detail-meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.product-show .detail-copy h1 { margin:19px 0 11px; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:clamp(38px,4vw,54px); font-weight:700; line-height:.96; }
.product-show .detail-copy .lead { min-height: 0; margin: 0; color: #b5afbd; font-size: 12px; line-height: 1.75; }
.detail-facts { display: grid; grid-template-columns: repeat(3,1fr); margin: 23px 0; border-block: 1px solid var(--line); }
.detail-facts div { padding: 12px 9px; border-right: 1px solid var(--line); }
.detail-facts div:first-child { padding-left: 0; }
.detail-facts div:last-child { border-right: 0; }
.detail-facts dt { color: var(--quiet); font-size: 7px; text-transform: uppercase; }
.detail-facts dd { overflow: hidden; margin: 4px 0 0; color: #dce1ec; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.license-heading { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 9px; color: #dce1ec; font-size: 10px; font-weight: 700; }
.license-heading small { color: var(--quiet); font-size: 8px; }
.license-options { display: grid; gap: 8px; }
.license-option { position:relative; width:100%; min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; overflow:hidden; padding:12px; border:1px solid #514478; border-radius:7px; background:#151525; cursor:pointer; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease; }
.license-radio { width:16px; height:16px; display:grid; place-items:center; border:1px solid var(--accent); border-radius:50%; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.license-radio i { width:6px; height:6px; border-radius:50%; background:#fff; }
.license-option .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.license-option:has(input:not(:checked)) .license-radio i { opacity: 0; transform: scale(.45); }
.license-option:not(.is-sold-out):not(.is-status-blocked):hover { border-color:#8069cf; background:#1a1930; transform:translateY(-1px); }
.license-option:has(input:checked) { border-color:#987cf2; background:linear-gradient(100deg,rgba(120,80,235,.3),rgba(37,31,70,.94)); box-shadow:inset 3px 0 0 #9a7cff,0 0 0 1px rgba(147,118,241,.2),0 9px 24px rgba(56,34,126,.22); animation:license-option-selected .3s cubic-bezier(.2,.85,.3,1); }
.license-option:has(input:checked) .license-radio { border-color:#b7a4ff; background:#7657dc; box-shadow:0 0 0 4px rgba(132,91,235,.14),0 0 14px rgba(138,98,242,.48); }
.license-option:has(input:checked) strong,
.license-option:has(input:checked) b { color:#fff; }
.license-option:has(input:checked) small { color:#bdb1e4; }
.license-option .license-radio i { transition: opacity .16s ease, transform .16s ease; }
@keyframes license-option-selected { 0% { transform:scale(.985); } 60% { transform:scale(1.006); } 100% { transform:scale(1); } }
.license-option-copy { min-width: 0; display: flex; flex-direction: column; }
.license-option strong { font-size: 11px; }
.license-option small { color: var(--quiet); font-size: 8px; }
.license-option b { font-size: 14px; white-space: nowrap; }
.license-option:not(.is-sold-out):not(.is-status-blocked) > b { background:linear-gradient(90deg,#d7c6ff,#72e5ff); color:transparent; filter:drop-shadow(0 0 8px rgba(95,214,255,.2)); -webkit-background-clip:text; background-clip:text; }
.license-option:has(input:checked):not(.is-sold-out):not(.is-status-blocked) > b { background:linear-gradient(90deg,#fff,#8cecff); color:transparent; filter:drop-shadow(0 0 11px rgba(103,220,255,.38)); -webkit-background-clip:text; background-clip:text; }
.license-option.is-sold-out { border-color: rgba(255,82,111,.42); background: linear-gradient(100deg, rgba(255,60,93,.09), #15131c); cursor: not-allowed; }
.license-option.is-sold-out .license-radio { border-color: rgba(255,98,122,.45); background: rgba(255,75,105,.08); }
.license-option.is-sold-out .license-option-copy strong,
.license-option.is-sold-out > b { color: #a86170; text-decoration: line-through; text-decoration-thickness: 1px; }
.license-option.is-sold-out .license-option-copy small { color: #76515c; }
.license-stock-state { width: fit-content; margin-top: 7px; padding: 4px 7px; border: 1px solid rgba(255,91,116,.28); border-radius: 999px; background: rgba(255,72,103,.1); color: #ff758d; font: 800 8px/1 Inter,sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.purchase-actions .button:disabled { border-color: rgba(255,91,116,.24); background: rgba(255,72,103,.09); color: #b75f70; cursor: not-allowed; box-shadow: none; }
.purchase-status-pause { margin-top: 16px; padding: 14px 16px; border: 1px solid rgba(76,145,255,.28); border-radius: 10px; background: rgba(45,120,255,.08); }
.purchase-status-pause strong { color: #8ab8ff; font-size: 12px; }
.purchase-status-pause p { margin: 5px 0 0; color: #8d98ad; font-size: 10px; line-height: 1.6; }
.purchase-status-pause.status-detected { border-color: rgba(255,82,111,.32); background: rgba(255,60,93,.08); }
.purchase-status-pause.status-detected strong { color: #ff758d; }
.license-option.is-status-blocked { cursor: not-allowed; opacity: .68; }
.license-option.is-status-blocked.status-updating { border-color: rgba(76,145,255,.3); background: rgba(45,120,255,.06); }
.license-option.is-status-blocked.status-detected { border-color: rgba(255,82,111,.34); background: rgba(255,60,93,.07); }
.product-show .buy-form { display: grid; gap: 10px; margin-top: 14px; }
.product-show .buy-form .license-option { width: 100%; }
.purchase-actions { display: grid; grid-template-columns: minmax(105px, .32fr) minmax(180px, 1fr); align-items: end; gap: 10px; }
.purchase-actions label { width: auto; color: var(--muted); font-size: 9px; }
.purchase-actions select { width: 100%; }
.purchase-actions .button { width: 100%; min-height: 48px; white-space: nowrap; }
.purchase-feedback { min-height:14px; margin:0; color:var(--quiet); font-size:9px; line-height:1.45; transition:color .18s ease; }
.purchase-feedback:empty { min-height:0; }
.purchase-feedback.is-success { color:#65dca1; }
.purchase-feedback.is-error { color:#ff8095; }
.payment-methods { padding-top:16px; border-top:1px solid rgba(139,92,246,.2); }
.payment-methods > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:10px; }
.payment-methods > header span { color:#e7e3ef; font-size:10px; font-weight:800; }
.payment-methods > header small { color:var(--quiet); font-size:7px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.payment-method-list { display:grid; gap:8px; }
.payment-method { width:100%; min-height:56px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:11px; padding:10px 12px; border:1px solid var(--line); border-radius:8px; text-align:left; }
.payment-method.is-active { border-color:rgba(87,217,157,.28); background:linear-gradient(100deg,rgba(49,175,118,.08),rgba(9,12,18,.96) 52%); box-shadow:inset 2px 0 0 #50d798; }
.payment-method.is-coming { appearance:none; opacity:1; border-color:rgba(145,111,218,.3); background:linear-gradient(100deg,rgba(116,76,195,.1),rgba(14,12,21,.96) 52%); color:inherit; cursor:not-allowed; }
.payment-method-icon { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; background:#0c0f16; }
.payment-method-icon img { width:16px; height:16px; }
.payment-method.is-active .payment-method-icon { border-color:rgba(87,217,157,.24); background:rgba(53,194,130,.08); }
.payment-method.is-active .payment-method-icon img { filter:brightness(0) saturate(100%) invert(77%) sepia(35%) saturate(836%) hue-rotate(101deg) brightness(94%); }
.payment-method.is-coming .payment-method-icon { border-color:rgba(159,127,221,.24); background:rgba(116,76,195,.09); }
.payment-method.is-coming .payment-method-icon img { filter:brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(992%) hue-rotate(220deg) brightness(90%); opacity:.78; }
.payment-method-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.payment-method-copy strong { color:#f2eff7; font-size:9px; }
.payment-method-copy small { color:#aeb5c5; font-size:8px; line-height:1.45; }
.payment-method.is-coming .payment-method-copy strong { color:#c9c0da; }
.payment-method-status { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid rgba(87,217,157,.22); border-radius:999px; background:rgba(46,190,124,.07); color:#62dda3; font-size:6px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; white-space:nowrap; }
.payment-method-status i { width:5px; height:5px; border-radius:50%; background:#57d99d; box-shadow:0 0 8px rgba(87,217,157,.65); }
.payment-method.is-coming .payment-method-status { border-color:rgba(159,127,221,.25); background:rgba(116,76,195,.08); color:#a994d2; }
.payment-methods > p { display:flex; align-items:center; gap:7px; margin:9px 2px 0; color:#aeb5c5; font-size:8px; line-height:1.45; }
.payment-methods > p img { width:11px; height:11px; opacity:.55; }
@media (min-width:1101px) {
    .product-show .product-media-gallery { display:flex; flex-direction:column; }
    .product-show .detail-copy > .payment-methods { margin-top:auto; }
}
.detail-nav { position:sticky; z-index:30; top:76px; display:flex; gap:6px; overflow-x:auto; margin-top:16px; padding:7px; border:1px solid rgba(139,92,246,.34); border-radius:10px; background:rgba(17,17,25,.96); box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025); backdrop-filter:blur(14px); }
.detail-nav a { position:relative; min-height:38px; display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border:1px solid transparent; border-radius:7px; background:transparent; color:#aaa3ba; font-size:9px; font-weight:700; white-space:nowrap; transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease; }
.detail-nav a img { width:14px; height:14px; filter:brightness(0) invert(1); opacity:.48; transition:opacity .2s ease; }
.detail-nav a:hover { border-color:rgba(139,92,246,.3); background:rgba(139,92,246,.08); color:#eef1f8; transform:translateY(-1px); }
.detail-nav a:hover img,.detail-nav a.active img { opacity:.92; }
.detail-nav a.active { border-color:rgba(139,92,246,.48); background:linear-gradient(135deg,rgba(113,72,205,.34),rgba(74,52,126,.22)); color:#f3efff; box-shadow:inset 0 0 18px rgba(139,92,246,.08); }
.detail-content { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 62px; align-items: start; }
.detail-section { scroll-margin-top: 150px; padding: 58px 0; border-bottom: 1px solid var(--line); }
.detail-section h2 { margin: 9px 0 20px; font-size: clamp(31px,3.4vw,45px); }
.detail-prose { max-width: 760px; color: var(--muted); font-size: 12px; line-height: 1.9; }
.detail-overview { position:relative; margin-top:28px; padding:28px 32px 30px; overflow:hidden; border:1px solid rgba(139,92,246,.22); border-radius:12px; background:linear-gradient(120deg,rgba(19,17,29,.94),rgba(9,10,15,.78)); }
.detail-showcase { scroll-margin-top:150px; margin-top:28px; }
.detail-showcase-frame { position:relative; overflow:hidden; width:100%; aspect-ratio:16/9; border:1px solid rgba(139,92,246,.3); border-radius:12px; background:#08090d; box-shadow:0 20px 55px rgba(20,12,44,.22); }
.detail-showcase-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.detail-showcase + .detail-overview { margin-top:18px; }
.detail-showcase + .detail-features { padding-top:24px; }
.detail-main > .detail-features:first-child { padding-top:28px; }
.detail-features h2 { display:flex; align-items:center; gap:18px; margin:0 0 22px; }
.detail-features h2::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,rgba(139,92,246,.58),rgba(59,130,246,.2),transparent); }
.detail-overview::after { content:""; position:absolute; top:-90px; right:-70px; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle,rgba(89,126,255,.13),rgba(139,92,246,.06) 42%,transparent 70%); pointer-events:none; }
.detail-overview-heading { position:relative; z-index:1; display:flex; align-items:center; gap:16px; }
.detail-section-icon { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(139,92,246,.38); border-radius:11px; background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(69,114,255,.1)); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.detail-section-icon img { width:21px; height:21px; filter:brightness(0) saturate(100%) invert(70%) sepia(34%) saturate(1867%) hue-rotate(207deg) brightness(103%); }
.detail-overview h2 { margin:5px 0 0; line-height:1.08; }
.detail-overview .detail-prose { position:relative; z-index:1; margin-top:22px; padding-left:64px; color:#b8b7c5; }
.detail-overview + .detail-section { padding-top:32px; }
#features > .eyebrow { display:block; margin-bottom:7px; }
#features > h2 { margin:0 0 16px; }
.requirement-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.requirement-list li { min-height: 55px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: #bac2d2; font-size: 10px; }
.feature-tree { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0; border:0; background:transparent; box-shadow:none; }
.feature-group { --feature-accent:#9b7cff; --feature-tint:rgba(139,92,246,.1); position:relative; min-width:0; overflow:hidden; padding:0 20px 20px; border:1px solid rgba(139,92,246,.2); border-radius:10px; background:linear-gradient(135deg,rgba(17,17,25,.98),rgba(10,11,16,.98)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.feature-group::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,var(--feature-accent),color-mix(in srgb,var(--feature-accent) 22%,transparent)); }
.feature-group + .feature-group { margin-top:0; }
.feature-group header { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:11px; margin:0 -20px 16px; padding:15px 20px; border-bottom:1px solid rgba(139,92,246,.14); background:linear-gradient(90deg,var(--feature-tint),transparent 72%); }
.feature-group-icon { width:30px; height:30px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--feature-accent) 42%,transparent); border-radius:8px; background:rgba(7,8,13,.48); }
.feature-group-icon img { width:15px; height:15px; filter:brightness(0) invert(1); opacity:.9; }
.feature-group h3 { margin:0; padding:0; color:#f4f1ff; font-size:15px; font-weight:800; line-height:1.25; letter-spacing:.01em; }
.feature-group h3::before { content:none; }
.feature-group header small { color:#77738a; font-size:9px; font-weight:700; }
.feature-group > p { margin:-7px 0 15px; color:#90899e; font-size:10px; line-height:1.5; }
.feature-group ul { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; list-style:none; }
.feature-group li { position:relative; padding:8px 11px 8px 23px; border:1px solid color-mix(in srgb,var(--feature-accent) 24%,#33343d); border-radius:6px; background:rgba(255,255,255,.025); color:#c9c5d2; font-size:10px; line-height:1.1; }
.feature-group li::before { content:""; position:absolute; left:10px; top:50%; width:5px; height:5px; border-radius:1px; background:var(--feature-accent); box-shadow:0 0 8px color-mix(in srgb,var(--feature-accent) 55%,transparent); transform:translateY(-50%); }
.feature-group li::marker { content:none; }
.feature-group:not(:has(h3)) { grid-column:1/-1; }
.feature-group:not(:has(h3)) ul { margin:0; padding:0; }
.feature-accent-green { --feature-accent:#38d98a; --feature-tint:rgba(24,160,91,.11); }
.feature-accent-blue { --feature-accent:#60a5fa; --feature-tint:rgba(37,99,235,.12); }
.feature-accent-red { --feature-accent:#ff536b; --feature-tint:rgba(190,32,54,.11); }
.feature-accent-amber { --feature-accent:#f4b52e; --feature-tint:rgba(180,116,0,.12); }
.requirement-list { counter-reset: requirement; }
.requirement-list li::before { counter-increment: requirement; content: counter(requirement); width: 20px; height: 20px; flex:none; display: grid; place-items: center; border: 1px solid rgba(139,92,246,.3); border-radius: 50%; background:rgba(139,92,246,.07); color:#afa1d1; font-size: 8px; }
.product-updates article { display: grid; grid-template-columns: 105px 1fr; gap: 22px; padding: 21px 0; border-top: 1px solid var(--line); }
.product-updates time { color: var(--quiet); font-size: 9px; }
.product-updates h3 { margin: 0; font-size: 14px; }
.product-updates p { color: var(--muted); font-size: 10px; }
.product-updates article > div > span { color: var(--accent-soft); font-size: 8px; }
.updates-empty { padding: 20px; border: 1px dashed var(--line); border-radius: 6px; color: var(--quiet); font-size: 10px; }
.detail-sidebar { position:sticky; top:142px; display:flex; flex-direction:column; gap:14px; padding-top:28px; }
.detail-sidebar-about { scroll-margin-top:150px; padding:21px 20px 23px; overflow:hidden; border:1px solid rgba(139,92,246,.22); border-radius:10px; background:linear-gradient(145deg,rgba(19,17,29,.94),rgba(10,10,15,.88)); }
.detail-sidebar-about h2 { margin:8px 0 15px; font-size:25px; line-height:1.08; letter-spacing:-.04em; }
.detail-sidebar-about .detail-prose { color:#aaa8b8; font-size:10px; line-height:1.8; overflow-wrap:anywhere; }
.product-status-card { position:relative; overflow:hidden; padding:22px; border:1px solid rgba(139,92,246,.28); border-radius:12px; background:radial-gradient(circle at 100% 0,rgba(139,92,246,.12),transparent 38%),linear-gradient(145deg,rgba(19,17,29,.98),rgba(10,11,16,.98)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 44px rgba(28,16,58,.12); }
.product-status-card::before { content:""; position:absolute; top:0; right:22px; left:22px; height:1px; background:linear-gradient(90deg,transparent,rgba(158,125,255,.72),rgba(73,148,255,.34),transparent); }
.status-card-head { margin-top: 17px; }
.status-card-head > strong { color:#f4f1ff; font-size:19px; letter-spacing:-.025em; }
.product-status-card > p { color: var(--muted); font-size: 10px; }
.detail-subproduct-statuses { border-top:1px solid rgba(139,92,246,.16); }
.detail-subproduct-statuses > div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 0; border-bottom:1px solid rgba(139,92,246,.16); }
.detail-subproduct-statuses > div > span:first-child { display: flex; flex-direction: column; }
.detail-subproduct-statuses strong { font-size: 9px; }
.detail-subproduct-statuses small { color: var(--quiet); font-size: 8px; }
.product-status-card > a { display:inline-flex; align-items:center; gap:7px; margin-top:18px; color:#a997ff; font-size:9px; font-weight:700; transition:color .2s ease,transform .2s ease; }
.product-status-card > a:hover { color:#d5ccff; transform:translateX(2px); }
.product-status-card > a img { width: 13px; height: 13px; opacity: .72; }
.product-flow-note { margin: 22px 0; padding: 17px 19px; border: 1px solid color-mix(in srgb,var(--accent) 32%,var(--line)); border-radius: 8px; background: color-mix(in srgb,var(--accent) 7%,var(--surface)); }
.product-flow-note strong { color: var(--text); font-size: 12px; }
.product-flow-note p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.subproduct-selection { margin-top: 78px; scroll-margin-top: 100px; }
.product-family-selector .subproduct-selection { margin-top: 0; }
.subproduct-selection .section-heading { margin-bottom: 24px; }
.subproduct-selection .section-heading h1, .subproduct-selection .section-heading h2 { margin: 5px 0; font-size: clamp(27px,4vw,42px); }
.subproduct-selection .section-heading p { margin: 0; color: var(--muted); }
.subproduct-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.subproduct-choice-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(250px,1.15fr) minmax(0,1fr); border:1px solid var(--line); border-radius:11px; background:var(--surface); color:var(--text); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.catalog-card-banner.subproduct-card-banner { right:auto; left:10px; }
.subproduct-choice-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb,var(--accent) 55%,var(--line)); box-shadow: 0 22px 50px rgba(0,0,0,.28); }
.subproduct-choice-card > img { width: 100%; height: auto; min-height: 0; aspect-ratio: 1200/628; align-self: center; object-fit: contain; background: #090b10; }
.subproduct-choice-card > div { min-width: 0; display: flex; flex-direction: column; padding: 22px; }
.subproduct-choice-card h2, .subproduct-choice-card h3 { margin: 15px 0 7px; font-size: 23px; }
.subproduct-choice-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.subproduct-choice-card footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); color: var(--quiet); font-size: 8px; }
.subproduct-choice-card footer strong { color: var(--text); font-size: 11px; }
.product-family-selector { position:relative; min-height:70vh; border-top:1px solid rgba(139,92,246,.16); border-bottom:1px solid rgba(96,165,250,.16); background:radial-gradient(circle at 12% 12%,rgba(124,58,237,.12),transparent 30%),linear-gradient(135deg,#090910,#0b0d17 68%,#0b1020); }
.product-family-selector::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 72%); pointer-events:none; }
.product-family-selector > .container { position:relative; z-index:1; }
.product-family-selector .section-heading { padding-bottom:26px; border-bottom:1px solid rgba(139,92,246,.2); }
.product-family-selector .section-heading .eyebrow { color:#a993ff; }
.product-family-selector .section-heading h1 { width:fit-content; background:linear-gradient(105deg,#fff 12%,#e4dcff 62%,#83baff); color:transparent; -webkit-background-clip:text; background-clip:text; }
.product-family-selector .section-heading p { color:#aaa5b6; font-size:12px; line-height:1.7; }
.product-family-selector .subproduct-choice-grid { gap:16px; }
.product-family-selector .subproduct-choice-card { position:relative; border-color:rgba(139,92,246,.28); background:linear-gradient(120deg,rgba(24,20,39,.98),rgba(14,16,25,.98)); box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 48px rgba(14,10,34,.16); }
.product-family-selector .subproduct-choice-card::before { content:""; position:absolute; z-index:2; top:0; right:16%; left:16%; height:2px; background:linear-gradient(90deg,transparent,#8b5cf6,#60a5fa,transparent); opacity:.65; }
.product-family-selector .subproduct-choice-card:hover,.product-family-selector .subproduct-choice-card:focus-visible { transform:translateY(-3px); border-color:rgba(139,92,246,.6); box-shadow:0 22px 52px rgba(34,25,88,.3),0 0 0 1px rgba(96,165,250,.08); outline:0; }
.product-family-selector .subproduct-choice-card > img { height:100%; aspect-ratio:auto; align-self:stretch; object-fit:cover; border-right:1px solid rgba(139,92,246,.2); background:#090b14; }
.product-family-selector .subproduct-choice-card > div { padding:14px 18px; }
.product-family-selector .subproduct-choice-card .detection-badge { width:fit-content; border-color:rgba(83,228,170,.3); border-radius:999px; background:rgba(46,172,111,.14); }
.product-family-selector .subproduct-choice-card .detection-updating { border-color:rgba(100,201,255,.32); background:rgba(52,139,190,.14); }
.product-family-selector .subproduct-choice-card .detection-detected { border-color:rgba(255,113,130,.32); background:rgba(184,55,75,.14); }
.product-family-selector .subproduct-choice-card h2 { margin:10px 0 5px; font-size:22px; letter-spacing:-.035em; }
.product-family-selector .subproduct-choice-card p { color:#aaa5b6; font-size:11px; line-height:1.65; }
.product-family-selector .subproduct-choice-card footer { padding-top:8px; border-top-color:rgba(139,92,246,.18); font-size:9px; }
.product-family-selector .subproduct-choice-card footer > span { color:#b9b3c6; font-size:11px; font-weight:600; }
.product-family-selector .subproduct-choice-card footer strong { background:linear-gradient(90deg,#b49aff,#70b7ff); color:transparent; font-size:13px; font-weight:800; -webkit-background-clip:text; background-clip:text; }
@media (max-width:680px) { .product-family-selector .subproduct-choice-card > img { border-right:0; border-bottom:1px solid rgba(139,92,246,.2); } }
@media (min-width:681px) {
    .product-family-selector .subproduct-choice-grid { grid-auto-rows:176px; align-items:stretch; }
    .product-family-selector .subproduct-choice-card { height:176px; }
    .product-family-selector .subproduct-choice-card > img { width:100%; height:176px; }
}
.product-family-content { margin-top: 70px; }
.subproduct-status-note { margin: 12px 0 0; padding: 10px 12px; border-left: 2px solid var(--accent); background: rgba(255,255,255,.025); color: var(--muted); font-size: 10px; }

/* Cart, account, authentication */
.product-page, .page-section { padding: 75px 0 110px; }
.page-heading { margin-bottom: 34px; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.page-heading h1 { margin: 7px 0; font-size: clamp(43px,5vw,62px); }
.page-heading p { color: var(--muted); }
.cart-layout { grid-template-columns: 1fr 340px; gap: 22px; }
.cart-item, .order-summary, .customer-order, .auth-card { border: 1px solid var(--line); border-radius: 8px; background: var(--surface); box-shadow: none; }
.cart-item { grid-template-columns: 130px 1fr auto auto; gap: 17px; padding: 13px; }
.cart-item > img { width: 130px; height: auto; aspect-ratio: 1200/628; border-radius: 5px; object-fit: cover; }
.cart-info span { color: var(--quiet); }
.cart-info h3 { font-size: 14px; }
.cart-info strong { font-size: 11px; }
.cart-item label { color: var(--muted); }
.remove-button, .link-button { color: var(--muted); }
.order-summary { top: 96px; padding: 23px; }
.order-summary h2 { font-family: Inter,ui-sans-serif,system-ui,sans-serif; font-size: 22px; font-weight: 600; }
.order-summary > div { color: var(--muted); }
.summary-note { color: var(--quiet); }
.summary-note.is-error { color: #ff758d; }
.auth-section { min-height: 720px; padding: 75px 20px 110px; }
.auth-card { padding: 35px; }
.auth-card h1 { font-family: Inter,ui-sans-serif,system-ui,sans-serif; font-size: 36px; font-weight: 600; }
.auth-card > p { color: var(--muted); }
.auth-card label { color: #bac2d2; }
.password-feedback { margin: -6px 0 1px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 7px; background: #0b0e15; transition: border-color .25s ease, background .25s ease; }
.password-strength { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.password-strength i { position: relative; height: 3px; overflow: hidden; border-radius: 99px; background: #242936; }
.password-strength i::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: #f45b69; transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.16,1,.3,1), background .25s ease; }
.password-strength i.is-active::after { transform: scaleX(1); }
.password-feedback[data-strength="2"] .password-strength i::after { background: #f4ad5b; }
.password-feedback[data-strength="3"] .password-strength i::after { background: #758cff; }
.password-feedback[data-strength="4"] { border-color: rgba(90,210,154,.2); background: rgba(27,81,61,.08); }
.password-feedback[data-strength="4"] .password-strength i::after { background: #5ad29a; }
.password-feedback-heading { display: flex; justify-content: space-between; gap: 15px; margin-top: 9px; color: var(--quiet); font-size: 10px; }
.password-feedback-heading strong { color: #c7cedb; font-size: 10px; transition: color .2s ease; }
.password-feedback[data-strength="1"] .password-feedback-heading strong { color: #ff7b87; }
.password-feedback[data-strength="2"] .password-feedback-heading strong { color: #f4bd76; }
.password-feedback[data-strength="3"] .password-feedback-heading strong { color: #9cafff; }
.password-feedback[data-strength="4"] .password-feedback-heading strong { color: #71dcaa; }
.password-rules { display: flex; flex-wrap: wrap; gap: 8px 15px; margin-top: 11px; }
.password-rule { display: inline-flex; align-items: center; gap: 6px; color: #7f8795; font-size: 10px; transition: color .2s ease; }
.password-rule-icon { position: relative; display: grid; place-items: center; width: 15px; height: 15px; border: 1px solid #373d4b; border-radius: 50%; transition: border-color .25s ease, background .25s ease, transform .25s cubic-bezier(.16,1,.3,1); }
.password-rule-icon::after { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #687181; }
.password-rule-icon img { position: absolute; width: 9px; height: 9px; opacity: 0; transform: scale(.35) rotate(-25deg); transition: opacity .18s ease, transform .28s cubic-bezier(.16,1,.3,1); }
.password-rule.is-valid { color: #86dcb2; }
.password-rule.is-valid .password-rule-icon { border-color: rgba(90,210,154,.45); background: rgba(90,210,154,.14); transform: scale(1.06); animation:password-rule-pop .34s cubic-bezier(.16,1,.3,1); }
.password-rule.is-valid .password-rule-icon::after, .password-rule.is-invalid .password-rule-icon::after { opacity: 0; }
.password-rule.is-valid .rule-check { opacity: 1; transform: scale(1) rotate(0); filter: invert(76%) sepia(31%) saturate(664%) hue-rotate(102deg); }
.password-rule.is-invalid { color: #d98a94; }
.password-rule.is-invalid .password-rule-icon { border-color: rgba(244,91,105,.38); background: rgba(244,91,105,.1); }
.password-rule.is-invalid .rule-x { opacity: 1; transform: scale(1) rotate(0); filter: invert(55%) sepia(43%) saturate(1684%) hue-rotate(313deg); }
@keyframes password-rule-pop { 0% { transform:scale(.65) rotate(-12deg); } 65% { transform:scale(1.16) rotate(3deg); } 100% { transform:scale(1.06) rotate(0); } }
.auth-card input.is-valid { border-color: rgba(90,210,154,.42); box-shadow: 0 0 0 3px rgba(90,210,154,.06); }
.auth-card input.is-invalid { border-color: rgba(244,91,105,.42); box-shadow: 0 0 0 3px rgba(244,91,105,.06); }
.form-row a, .auth-switch a { color: var(--accent-soft); }
.auth-switch { color: var(--quiet); border-color: var(--line); }
.mail-icon { border: 1px solid var(--line); border-radius: 50%; background: var(--surface-2); }
.mail-icon img { width: 21px; height: 21px; }
.customer-order > header { border-color: var(--line); background: #10141d; }
.customer-order header small { color: var(--quiet); }
.customer-order-item p, .muted { color: var(--muted); }
.license-list code, .delivered-keys code { border-color: var(--line); background: #090c12; color: #c7baff; }
.license-list a { color: var(--accent-soft); }
.license-list a, .external-text-link { display: inline-flex; align-items: center; gap: 6px; }
.license-list a img, .external-text-link img { width: 12px; height: 12px; opacity: .7; }

/* Admin inherits the same dark material system */
.admin-section { background: var(--bg); }
.admin-nav, .panel, .form-panel, .stat-card, .balance-card { border-color: var(--line); border-radius: 8px; background: var(--surface); box-shadow: none; }
.admin-nav a { color: var(--muted); }
.admin-nav a.active, .admin-nav a:hover { background: #171b2a; color: var(--text); }
.admin-heading h1 { font-family: Inter,ui-sans-serif,system-ui,sans-serif; font-weight: 600; }

/* Footer */
.site-footer { position:relative; overflow:hidden; padding:70px 0 25px; border-top:1px solid rgba(139,92,246,.23); background:radial-gradient(circle at 8% 25%,rgba(109,40,217,.13),transparent 28%),radial-gradient(circle at 91% 78%,rgba(37,99,235,.1),transparent 25%),#050509; }
.site-footer::before { content:""; position:absolute; top:-1px; right:0; left:0; height:2px; background:linear-gradient(90deg,transparent 8%,#8b5cf6 38%,#60a5fa 62%,transparent 92%); opacity:.68; pointer-events:none; }
.footer-grid { position:relative; z-index:1; gap:60px; }
.footer-brand .brand img { box-shadow:0 0 30px rgba(124,58,237,.24); }
.footer-grid p { color:#868092; line-height:1.75; }
.footer-grid h4 { display:flex; align-items:center; gap:8px; color:#f0edf7; }
.footer-grid h4::before { content:""; width:15px; height:2px; border-radius:2px; background:linear-gradient(90deg,#a78bfa,#60a5fa); box-shadow:0 0 10px rgba(139,92,246,.35); }
.footer-grid a { color:#9b95a8; transition:color .2s ease,transform .25s cubic-bezier(.16,1,.3,1); }
.footer-grid a:hover { color:#d8ceff; transform:translateX(3px); }
.footer-status { width:fit-content; display:inline-flex; align-items:center; gap:8px; margin-top:7px; padding:7px 10px; border:1px solid rgba(139,92,246,.2); border-radius:7px; background:rgba(139,92,246,.06); color:#c0b9cf !important; }
.footer-status:hover { border-color:rgba(139,92,246,.42); background:rgba(139,92,246,.11); transform:translateY(-2px) !important; }
.footer-status i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(74,222,128,.48); }
.footer-bottom { position:relative; z-index:1; margin-top:52px; padding:19px 12px 0; border-color:rgba(139,92,246,.15); color:#716a80; }
.footer-bottom span:last-child { color:#91899f; }

/* Complete landing systems */
.style-copy { display: none !important; }
html[data-landing-style="1"] .style-copy-1,
html[data-landing-style="2"] .style-copy-2,
html[data-landing-style="3"] .style-copy-3 { display: revert !important; }
.footer-variant { display: none; }
.footer-variant-1 { display: block; }
.home-page .footer-variant { display: none; }
html[data-landing-style="1"] .home-page .footer-variant-1,
html[data-landing-style="2"] .home-page .footer-variant-2,
html[data-landing-style="3"] .home-page .footer-variant-3 { display: block; }

/* The dataset is set in the document head, so the requested hero is correct
   on the first painted frame as well as after an in-page style change. */
html[data-landing-style="1"] .hero-variant,
html[data-landing-style="2"] .hero-variant,
html[data-landing-style="3"] .hero-variant { opacity: 0; visibility: hidden; transform: translateY(8px); pointer-events: none; }
html[data-landing-style="1"] .hero-variant-1,
html[data-landing-style="2"] .hero-variant-2,
html[data-landing-style="3"] .hero-variant-3 { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.catalog-card-index { display: none; }
.trust-variant, .journey-variant { display: none; }
html[data-landing-style="1"] .trust-variant-1 { display: block; }
html[data-landing-style="1"] .journey-variant-1 { display: grid; }
html[data-landing-style="2"] .trust-variant-2,
html[data-landing-style="2"] .journey-variant-2,
html[data-landing-style="3"] .trust-variant-3,
html[data-landing-style="3"] .journey-variant-3 { display: block; }

/* Style 2: warm cinematic */
html[data-landing-style="2"] body.home-page {
    --bg: #120e0b;
    --surface: #1c1510;
    --surface-2: #241a14;
    --surface-3: #2c1f17;
    --line: #3d2d23;
    --line-soft: #271c16;
    --text: #f5ead9;
    --muted: #bba48f;
    --quiet: #7f6857;
    --accent: #ff6b35;
    --accent-soft: #ff9b70;
    --green: #a4df78;
    --blue: #6ebbf0;
    background: var(--bg);
    font-family: "DM Sans", ui-sans-serif, sans-serif;
}
html[data-landing-style="2"] .home-page h1,
html[data-landing-style="2"] .home-page h2,
html[data-landing-style="2"] .home-page h3,
html[data-landing-style="2"] .home-page .section-heading h2,
html[data-landing-style="2"] .home-page .trust-intro h2,
html[data-landing-style="2"] .home-page .journey-copy h2 { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; letter-spacing: -.025em; }
html[data-landing-style="2"] .home-page .site-header { border-color: #38271e; background: rgba(18,14,11,.94); }
html[data-landing-style="2"] .home-page .site-header.scrolled { background: rgba(18,14,11,.99); }
html[data-landing-style="2"] .home-page .brand > span { color: #f5ead9; font-family: "DM Sans",sans-serif; }
html[data-landing-style="2"] .home-page .main-nav > a::after,
html[data-landing-style="2"] .home-page .products-menu-trigger::after { height: 2px; background: #ff6b35; }
html[data-landing-style="2"] .home-page .nav-actions .button,
html[data-landing-style="2"] .home-page .button { border-color: #ff6b35; background: #ff6b35; color: #1b0e08; }
html[data-landing-style="2"] .home-page .button:hover { border-color: #ff8558; background: #ff8558; }
html[data-landing-style="2"] .home-page .products-menu-panel { border-color: #4c3326; background: rgba(28,20,15,.985); }
html[data-landing-style="2"] .home-page .products-menu-number,
html[data-landing-style="2"] .home-page .hero-two-heading .hero-kicker { color: #b53a13; }
html[data-landing-style="2"] .home-page .hero-style-switcher button { border-color: #50372a; background: rgba(29,20,15,.94); font-family: "DM Sans",sans-serif; }
html[data-landing-style="2"] .home-page .hero-style-switcher button.is-active { border-color: #ff6b35; background: #351d12; }
html[data-landing-style="2"] .home-page .hero-style-switcher button.is-active small { color: #ff9b70; }
html[data-landing-style="2"] .home-page .edge-action { border-color: #51392b; background: #1d1510; }
html[data-landing-style="2"] .home-page .edge-action-shape { background: #281c15; }
html[data-landing-style="2"] .home-page .edge-action:hover,
html[data-landing-style="2"] .home-page .edge-action.is-open { border-color: #ff6b35; background: #392116; }

html[data-landing-style="2"] .home-page .catalog-section { padding-block: 118px 132px; border-color: #3b291f; background: #17100c; }
html[data-landing-style="2"] .home-page .section-heading { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); align-items: end; border: 0; }
html[data-landing-style="2"] .home-page .section-heading .eyebrow { color: #ff7a45; font-family: "DM Sans",sans-serif; letter-spacing: .08em; }
html[data-landing-style="2"] .home-page .section-heading h2 { margin-top: 10px; color: #f5ead9; font-size: clamp(62px,6.4vw,88px); line-height: .86; text-transform: uppercase; }
html[data-landing-style="2"] .home-page .section-heading > p { margin-bottom: 4px; color: #a88d77; }
html[data-landing-style="2"] .home-page .filter-bar { margin-bottom: 42px; border-color: #493226; border-radius: 999px; background: #211711; }
html[data-landing-style="2"] .home-page .search-field { border-color: #493226; }
html[data-landing-style="2"] .home-page .filter-pills a { border-radius: 999px; color: #9e806b; font-family: "DM Sans",sans-serif; }
html[data-landing-style="2"] .home-page .filter-pills a.active,
html[data-landing-style="2"] .home-page .filter-pills a:hover { background: #ff6b35; color: #1b0e08; }
html[data-landing-style="2"] .home-page .filter-bar .button { border-radius: 0 999px 999px 0; }
html[data-landing-style="2"] .home-page .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 18px; }
html[data-landing-style="2"] .home-page .catalog-product-card { position: relative; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-landing-style="2"] .home-page .catalog-product-card:hover { transform: translateY(-7px); box-shadow: none; }
html[data-landing-style="2"] .home-page .catalog-card-index { position: absolute; z-index: 3; top: 14px; left: 14px; display: block; color: rgba(255,255,255,.8); font: 600 10px/1 "DM Sans",sans-serif; }
html[data-landing-style="2"] .home-page .catalog-product-art { aspect-ratio: 4/3; border: 1px solid #4a3327; border-radius: 4px; }
html[data-landing-style="2"] .home-page .catalog-product-art img { filter: saturate(.86) sepia(.08); transition-duration: .35s; }
html[data-landing-style="2"] .home-page .catalog-product-card:hover .catalog-product-art img { transform: scale(1.025); filter: saturate(1); }
html[data-landing-style="2"] .home-page .catalog-card-copy { padding: 18px 2px 0; }
html[data-landing-style="2"] .home-page .catalog-card-copy h3 { margin-top: 12px; font-size: 26px; font-weight: 600; text-transform: uppercase; }
html[data-landing-style="2"] .home-page .catalog-card-copy > p { color: #9e8470; }
html[data-landing-style="2"] .home-page .catalog-card-foot { border-color: #3d2b22; }
html[data-landing-style="2"] .home-page .catalog-view-options { border: 0; color: #ff8a58; text-transform: uppercase; letter-spacing: .06em; }

html[data-landing-style="2"] .home-page .trust-section { position:relative; overflow:hidden; padding-block:120px; border:0; background:#eadcc8; color:#1b120d; }
html[data-landing-style="2"] .home-page .trust-section::before { content:"PROTECTED"; position:absolute; top:50%; left:50%; color:transparent; font:700 clamp(170px,24vw,390px)/.8 "Barlow Condensed",sans-serif; letter-spacing:-.05em; -webkit-text-stroke:1px rgba(54,31,19,.035); transform:translate(-50%,-50%); pointer-events:none; }
.arena-promise-head { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); align-items:end; gap:70px; margin-bottom:54px; }
.arena-promise-head .eyebrow { grid-column:1/-1; color:#b83c13; font-family:"DM Sans",sans-serif; }
.arena-promise-head h2 { max-width:770px; margin:0; color:#1b120d; font:600 clamp(54px,5.4vw,78px)/.95 "DM Sans",sans-serif; letter-spacing:-.055em; }
.arena-promise-head p { max-width:470px; margin:0 0 5px; color:#665044; font-size:15px; line-height:1.75; }
.arena-promises { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.arena-promises article { min-height:530px; display:flex; flex-direction:column; padding:24px; border:1px solid rgba(58,34,21,.24); border-radius:2px; background:rgba(248,237,220,.64); box-shadow:none; transition:border-color .25s ease,transform .25s ease,background-color .25s ease; }
.arena-promises article:hover { border-color:rgba(184,60,19,.5); background:#f3e5d1; transform:translateY(-3px); }
.guarantee-card-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.guarantee-label { min-height:32px; display:inline-flex; align-items:center; gap:8px; padding:0 13px; border:1px solid rgba(184,60,19,.32); border-radius:999px; background:rgba(184,60,19,.06); color:#704f3e; font:600 10px/1 "DM Sans",sans-serif; }
.guarantee-label img { width:14px; height:14px; filter:brightness(0) saturate(100%) invert(29%) sepia(79%) saturate(1500%) hue-rotate(354deg) brightness(88%) contrast(94%); }
.guarantee-number { color:#a58d7c; font:600 10px/1 "DM Sans",sans-serif; letter-spacing:.12em; }
.guarantee-card-copy { margin-top:28px; }
.arena-promises .guarantee-card-copy h3 { margin:0; color:#1b120d; font:650 clamp(25px,2vw,31px)/1.16 "DM Sans",sans-serif; letter-spacing:-.04em; text-transform:none; }
.arena-promises .guarantee-card-copy p { max-width:360px; margin:18px 0 0; color:#6c5548; font:400 14px/1.65 "DM Sans",sans-serif; }
.guarantee-steps { position:relative; display:grid; gap:12px; margin:25px 0 30px; padding:0; list-style:none; }
.guarantee-steps li { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:12px; color:#3d2b21; font:500 13px/1.4 "DM Sans",sans-serif; }
.guarantee-steps li:not(:last-child)::after { content:""; position:absolute; z-index:0; top:30px; bottom:-16px; left:16px; width:1px; background:rgba(184,60,19,.18); }
.guarantee-steps li > span { position:relative; z-index:1; width:34px; height:34px; display:grid; place-items:center; background:#e5d0b8; }
.guarantee-steps img { width:15px; height:15px; filter:brightness(0) saturate(100%) invert(29%) sepia(79%) saturate(1500%) hue-rotate(354deg) brightness(88%) contrast(94%); }
.guarantee-steps b { font:inherit; }
.guarantee-action { min-height:44px; width:max-content; max-width:100%; display:inline-flex; align-items:center; justify-content:center; gap:10px; margin-top:auto; padding:0 20px; border:1px solid rgba(58,34,21,.28); border-radius:999px; background:rgba(255,248,237,.52); color:#684c3d; font:600 11px/1 "DM Sans",sans-serif; transition:border-color .2s ease,color .2s ease,background-color .2s ease; }
.guarantee-action img { width:15px; height:15px; filter:brightness(0) saturate(100%) invert(29%) sepia(18%) saturate(833%) hue-rotate(335deg) brightness(90%) contrast(88%); transition:transform .2s ease; }
.guarantee-action:hover { border-color:#8f6049; color:#2b1a12; background:#f8ecda; }
.guarantee-action:hover img { transform:translateX(3px); }
.guarantee-action-primary { border-color:#d94b24; background:#d94b24; color:#fff; }
.guarantee-action-primary:hover { border-color:#eb5b31; background:#eb5b31; color:#fff; }
.guarantee-action-primary img { filter:brightness(0) invert(1); }

html[data-landing-style="2"] .home-page .journey-section { padding-block: 118px; background: #1a110c; }
.cinema-delivery-head { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 70px; margin-bottom: 56px; }
.cinema-delivery-head .eyebrow { grid-column: 1/-1; color: #ff7a45; }
.cinema-delivery-head h2 { max-width: 790px; margin: 0; font: 600 clamp(58px,6vw,86px)/.88 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.cinema-delivery-head p { max-width: 420px; margin: 0 0 4px; color: #ad927d; line-height: 1.8; }
.cinema-delivery-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 65px; align-items: stretch; }
.cinema-steps { margin: 0; padding: 0; border-top: 1px solid #493126; list-style: none; }
.cinema-steps li { display: grid; grid-template-columns: 45px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid #493126; }
.cinema-steps b { color: #ff7a45; font: 600 17px/1 "Barlow Condensed",sans-serif; }
.cinema-steps h3 { margin: 0 0 7px; color: #f5ead9; font-size: 23px; text-transform: uppercase; }
.cinema-steps p { margin: 0; color: #a88d77; font-size: 11px; line-height: 1.7; }
.match-ticket { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.1fr .9fr; grid-template-rows: 1fr auto; min-height: 355px; border: 1px solid #51372a; border-radius: 3px; background: #211610; }
.match-ticket > img { width: 100%; height: 100%; grid-row: 1/3; object-fit: cover; filter: saturate(.82) sepia(.1); }
.match-ticket > div { display: flex; flex-direction: column; justify-content: center; padding: 34px; }
.match-ticket small { color: #ff8758; text-transform: uppercase; letter-spacing: .1em; }
.match-ticket h3 { margin: 8px 0; font-size: 36px; text-transform: uppercase; }
.match-ticket p { color: #a88d77; }
.match-ticket-label { position: absolute; top: 14px; left: 14px; padding: 6px 8px; background: rgba(18,10,6,.78); color: #fff; font-size: 8px; }
.match-ticket footer { display: flex; justify-content: space-between; padding: 18px 34px; border-top: 1px solid #51372a; color: #8e725e; font-size: 9px; letter-spacing: .1em; }
.match-ticket footer strong { color: #a4df78; }

html[data-landing-style="2"] .home-page .site-footer { border-color: #3d2b22; background: #120c08; }
.cinema-footer { padding-block: 88px 24px; }
.cinema-footer-lead { display: grid; grid-template-columns: .55fr 1.45fr; align-items: end; gap: 70px; padding-bottom: 70px; border-bottom: 1px solid #3d2b22; }
.cinema-footer-lead h2 { max-width: 760px; margin: 0; color: #f5ead9; font: 600 clamp(52px,5.5vw,78px)/.88 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.cinema-footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 60px; padding: 52px 0 64px 33%; }
.cinema-footer-links div { display: flex; flex-direction: column; gap: 11px; }
.cinema-footer-links small { margin-bottom: 8px; color: #ff7a45; font: 600 10px/1 "DM Sans",sans-serif; letter-spacing: .1em; }
.cinema-footer-links a { width: fit-content; color: #a88d77; font: 500 12px/1.25 "DM Sans",sans-serif; }
.cinema-footer-links a:hover { color: #f5ead9; }
.cinema-footer-base { display: flex; justify-content: space-between; padding-top: 20px; border-top: 1px solid #332219; color: #806856; font: 600 9px/1 "DM Sans",sans-serif; letter-spacing: .08em; }

/* Page entrance motion */
.motion-ready .reveal-item { opacity: 0; transform: translateY(12px); transition: opacity .38s ease var(--reveal-delay,0ms), transform .45s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms); }
.motion-ready .reveal-item.is-visible { opacity: 1; transform: translateY(0); }

/* Style 1 uses transform-only reveals to avoid large clip-path repaints. */
.home-page.motion-ready .reveal-item { opacity:0; transform:translateY(18px); transition:opacity .45s ease var(--reveal-delay,0ms),transform .55s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
.home-page.motion-ready .reveal-item.is-visible { opacity:1; transform:none; }

html[data-landing-style="2"] .home-page.motion-ready .section-heading.reveal-item,
html[data-landing-style="2"] .home-page.motion-ready .arena-promise-head.reveal-item,
html[data-landing-style="2"] .home-page.motion-ready .cinema-delivery-head.reveal-item { clip-path:inset(0 98% 0 0); transform:skewX(-7deg); transition:clip-path .95s cubic-bezier(.86,0,.07,1) var(--reveal-delay,0ms),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="2"] .home-page.motion-ready .section-heading.is-visible,
html[data-landing-style="2"] .home-page.motion-ready .arena-promise-head.is-visible,
html[data-landing-style="2"] .home-page.motion-ready .cinema-delivery-head.is-visible { clip-path:inset(0); transform:none; }
html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card.reveal-item { clip-path:inset(0 98% 0 0); transform:translateX(-75px) rotate(-2.5deg); transition:clip-path .72s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .72s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card:nth-child(even).reveal-item { clip-path:inset(0 0 0 98%); transform:translateX(75px) rotate(2.5deg); }
html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card.is-visible { clip-path:inset(0); transform:none; }
html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card:nth-child(even).is-visible { clip-path:inset(0); transform:none; }
html[data-landing-style="2"] .home-page.motion-ready .arena-promises article.reveal-item,
html[data-landing-style="2"] .home-page.motion-ready .cinema-steps li.reveal-item { transform:perspective(700px) rotateX(-78deg); transform-origin:top; transition:transform .68s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="2"] .home-page.motion-ready .arena-promises article.is-visible,
html[data-landing-style="2"] .home-page.motion-ready .cinema-steps li.is-visible { transform:none; }
html[data-landing-style="2"] .home-page.motion-ready .match-ticket.reveal-item { clip-path:polygon(0 0,100% 10%,100% 90%,0 100%); transform:perspective(1000px) rotateY(48deg); transform-origin:right; transition:clip-path .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="2"] .home-page.motion-ready .match-ticket.is-visible { clip-path:polygon(0 0,100% 0,100% 100%,0 100%); transform:none; }

@media (max-width: 1100px) {
    .container { width: min(100% - 42px,1280px); }
    .main-nav { gap: 18px; }
    .hero-layout-one { grid-template-columns: minmax(320px,.8fr) minmax(420px,1.2fr); gap: 40px; }
    .hero-two-heading { grid-template-columns: minmax(0,1fr) 330px; gap: 40px; }
    .hero-two-poster { grid-template-columns: 56px minmax(0,1fr) 290px; }
    .trust-intro { gap: 40px; }
    .journey-layout { grid-template-columns: minmax(280px,.72fr) minmax(430px,1.28fr); gap: 30px 48px; }
    html[data-landing-style="2"] .home-page .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    html[data-landing-style="3"] .home-page .catalog-product-card { grid-template-columns: 46px 240px minmax(0,1fr); }
    .arena-promise-head,.cinema-delivery-head { gap: 42px; }
    .cinema-footer-lead { grid-template-columns: .4fr 1.6fr; gap: 40px; }
    .cinema-footer-links { padding-left: 24%; }
    .guide-products { grid-template-columns: repeat(2,1fr); }
    .product-show .product-detail { grid-template-columns: 1fr; }
    .detail-content { grid-template-columns: minmax(0,1fr) 280px; gap: 38px; }
}

@media (max-width: 900px) {
    .subproduct-choice-grid { grid-template-columns: 1fr; }
    .site-header { height: 70px; }
    .brand { width: auto; margin-right: auto; }
    .nav-toggle { order: 4; display: grid; place-items: center; margin-left: 0; }
    .main-nav { position: fixed; top: 70px; right: 0; left: 0; display: none; max-height: calc(100vh - 70px); overflow-y: auto; align-items: stretch; flex-direction: column; gap: 3px; padding: 20px 24px 26px; border-bottom: 1px solid var(--line); background: rgba(8,8,8,.99); box-shadow: 0 25px 45px rgba(0,0,0,.42); }
    .main-nav.open { display: flex; }
    .main-nav > a { width: 100%; padding: 10px 0; font-size: 15px; }
    .main-nav > a::after,.browse-trigger::after { display:none; }
    .browse-menu { width:100%; display:block; align-self:stretch; }
    .site-header .main-nav > .browse-menu > .browse-trigger { width:100%; justify-content:space-between; padding:10px 0; font-size:15px; }
    .browse-dropdown { position:static; width:100%; max-height:none; display:none; margin:2px 0 8px; padding:7px; opacity:1; visibility:visible; transform:none; box-shadow:none; }
    .browse-menu.is-open .browse-dropdown { display:grid; transform:none; }
    .main-nav .browse-dropdown a { padding:10px; font-size:13px; }
    .products-menu { width: 100%; height: auto; display: block; }
    .products-menu-trigger { width: 100%; justify-content: space-between; padding: 10px 0; font-size: 15px; }
    .products-menu-trigger::after { display: none; }
    .products-menu-panel { position: static; width: 100%; display: none; margin: 4px 0 10px; padding: 8px; opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
    .products-menu.is-open .products-menu-panel { display: block; transform: none; }
    .mobile-nav-auth { width: 100%; display: flex; align-items: center; gap: 18px; margin-top: 8px; padding-top: 18px; border-top: 1px solid var(--line); }
    .nav-actions .text-link, .nav-actions .button { display: none; }
    .nav-actions .account-menu { display: none; }
    .mobile-nav-auth .account-menu { width: 100%; }
    .mobile-nav-auth .account-menu-trigger { width: 100%; }
    .mobile-nav-auth .account-menu-dropdown { position: static; width: 100%; display: none; margin-top: 7px; opacity: 1; visibility: visible; transform: none; }
    .mobile-nav-auth .account-menu.is-open .account-menu-dropdown { display: block; }
    .hero-variant > .container { min-height: 0; padding-top: 54px; padding-bottom: 112px; }
    .hero-layout-one { grid-template-columns: 1fr; }
    .hero-one-copy { max-width: 680px; }
    .hero-one-media { max-width: 760px; }
    .hero-two-heading { grid-template-columns: 1fr; gap: 18px; }
    .hero-two-heading p { max-width: 560px; }
    .hero-two-poster { grid-template-columns: 52px minmax(0,1fr) 260px; }
    .poster-principles { padding: 24px; }
    .product-grid { grid-template-columns: 1fr; }
    .trust-intro { grid-template-columns: 1fr; }
    .trust-list { grid-template-columns: repeat(2,1fr); }
    .trust-card:nth-child(2) { border-right: 0; }
    .trust-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .journey-layout { grid-template-columns: 1fr; grid-template-rows: auto; }
    .delivery-board { grid-column: 1; grid-row: auto; }
    html[data-landing-style="2"] .home-page .section-heading,
    html[data-landing-style="3"] .home-page .section-heading,
    .arena-promise-head,.cinema-delivery-head { grid-template-columns: 1fr; gap: 20px; }
    .arena-promise-head .eyebrow,.cinema-delivery-head .eyebrow { grid-column: auto; }
    .arena-promise-head p,.cinema-delivery-head p { max-width: 620px; }
    .arena-promises { grid-template-columns:1fr; }
    .arena-promises article { min-height:210px; }
    .cinema-delivery-grid { grid-template-columns: 1fr; gap: 42px; }
    .cinema-footer-lead { grid-template-columns: 1fr; }
    .cinema-footer-links { padding-left: 0; }
    .status-hero { grid-template-columns: 1fr; gap: 20px; }
    .status-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .status-legend { justify-content:flex-start; }
    .detail-nav { top: 70px; }
    .detail-content { grid-template-columns: 1fr; }
    .detail-sidebar { position: static; padding-top: 0; }
    .cart-layout { grid-template-columns: 1fr; }
    .order-summary { position: static; }
}

@media (max-width: 680px) {
    .subproduct-show > .container { width:min(100% - 28px,1120px); }
    .media-requirements .requirement-list { grid-template-columns:1fr; }
    .subproduct-choice-card { grid-template-columns: 1fr; }
    .subproduct-choice-card > img { min-height: 0; aspect-ratio: 1200/628; }
    .container { width: min(100% - 28px,1280px); }
    .header-brand > span small { display: none; }
    .brand img { width: 37px; height: 37px; }
    .products-menu-list { display: flex; flex-direction: column; }
    .products-menu-item.menu-style-1 { min-height: 80px; display: grid; grid-template-columns: 104px 1fr auto; grid-template-rows: auto; align-items: center; }
    .products-menu-item.menu-style-2 { min-height: 80px; grid-template-columns: 1fr 104px auto; }
    .products-menu-item.menu-style-3 { min-height: 74px; grid-template-columns: 1fr 88px auto; }
    .menu-style-1 .products-menu-art, .menu-style-2 .products-menu-art, .menu-style-3 .products-menu-art { grid-column: auto; grid-row: auto; height: 64px; aspect-ratio: 1200/628; opacity: 1; }
    .menu-style-1 .products-menu-copy, .menu-style-2 .products-menu-copy, .menu-style-3 .products-menu-copy { grid-column: auto; grid-row: auto; padding: 0 10px; }
    .menu-style-1 .products-menu-arrow, .menu-style-2 .products-menu-arrow, .menu-style-3 .products-menu-arrow { grid-column: auto; grid-row: auto; align-self: center; margin: 0 4px 0 0; }
    .edge-actions { top: auto; bottom: 16px; width: 140px; transform: none; }
    .edge-action { width: 54px; height: 54px; flex-basis: 54px; }
    .edge-action-shape { width: 54px; height: 54px; }
    .edge-action-label { right: 54px; height: 54px; }
    .edge-action:last-child:not(:only-child)::before { right: 54px; }
    .edge-action:hover, .edge-action:focus-visible, .edge-action.is-open { width: 140px; }
    .hero-variant > .container { padding-top: 40px; padding-bottom: 118px; }
    .vault-door span { display:none; }
    .vault-door i { width:64px; height:64px; }
    .vault-door-left i { right:-32px; }.vault-door-right i { left:-32px; }
    .vault-seal { width:100px; }
    .vault-seal img { width:84px; height:84px; }
    .hero-one-copy h1, .hero-two-heading h1 { font-size: clamp(42px,13vw,56px); }
    .hero-one-copy > p { font-size: 13px; }
    .hero-actions { align-items: flex-start; flex-direction: column; gap: 13px; }
    .hero-one-media { grid-template-rows: auto auto; }
    .hero-one-caption { grid-template-columns: 1fr auto; gap: 9px 14px; }
    .hero-one-caption .hero-product-status { grid-column: 1; grid-row: 2; }
    .hero-one-caption > span:last-child { grid-column: 2; grid-row: 1/3; }
    .hero-two-heading { gap: 13px; }
    .hero-two-poster { grid-template-columns: 1fr; }
    .poster-rail { min-height: 42px; flex-direction: row; padding: 0 14px; border-right: 0; border-bottom: 1px solid rgba(30,15,8,.35); }
    .poster-rail span { font-size: 7px; writing-mode: horizontal-tb; transform: none; }
    .poster-statement { min-height: 225px; padding: 26px; }
    .poster-statement::after { right: -7px; bottom: -33px; font-size: 210px; }
    .poster-statement span { font-size: 30px; }
    .poster-statement strong { font-size: clamp(67px,22vw,88px); }
    .poster-principles { min-height: 230px; }
    .hero-two-footer { grid-template-columns: 1fr 1fr; gap: 17px; }
    .hero-two-footer > span:first-child { grid-column: 1/-1; }
    .hero-two-footer .button { grid-column: 1/-1; width: 100%; }
    .hero-style-switcher { bottom: 17px; gap: 4px; }
    .hero-style-switcher button { min-width: 0; width: 31%; height: 47px; padding-inline: 9px; }
    .catalog-section, .trust-section, .journey-section { padding-block: 78px; }
    html[data-landing-style="2"] .home-page .catalog-section,
    html[data-landing-style="2"] .home-page .trust-section,
    html[data-landing-style="2"] .home-page .journey-section,
    html[data-landing-style="3"] .home-page .catalog-section,
    html[data-landing-style="3"] .home-page .trust-section,
    html[data-landing-style="3"] .home-page .journey-section { padding-block: 76px; }
    .section-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
    .section-heading h2 { font-size: 45px; }
    .filter-bar { flex-wrap: wrap; }
    .search-field { width: 100%; border-right: 0; border-bottom: 1px solid var(--line); }
    .filter-pills { order: 3; width: 100%; }
    .filter-bar .button { width: 100%; border-radius: 0 0 7px 7px; }
    html[data-landing-style="2"] .home-page .filter-bar,
    html[data-landing-style="3"] .home-page .filter-bar { border-radius: 0; }
    html[data-landing-style="2"] .home-page .filter-bar .button,
    html[data-landing-style="3"] .home-page .filter-bar .button { border-radius: 0; }
    html[data-landing-style="2"] .home-page .product-grid { grid-template-columns: 1fr; gap: 38px; }
    html[data-landing-style="2"] .home-page .section-heading h2,
    .arena-promise-head h2,.cinema-delivery-head h2 { font-size: 52px; }
    .arena-promise-head { margin-bottom: 40px; }
    .arena-promises article { min-height:0; gap:34px; padding:24px; }
    .match-ticket { grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
    .match-ticket > img { grid-row: auto; aspect-ratio: 1200/628; }
    .match-ticket > div { padding: 26px; }
    .match-ticket footer { padding-inline: 26px; }
    html[data-landing-style="3"] .home-page .section-heading h2,
    html[data-landing-style="3"] .home-page .catalog-product-card { grid-template-columns: 38px minmax(0,1fr); }
    html[data-landing-style="3"] .home-page .catalog-card-index { grid-column: 1; grid-row: 1/3; }
    html[data-landing-style="3"] .home-page .catalog-product-art { grid-column: 2; grid-row: 1; aspect-ratio: 1200/628; border-bottom: 1px solid #284954; }
    html[data-landing-style="3"] .home-page .catalog-card-copy { grid-column: 2; grid-row: 2; padding: 18px; }
    .cinema-footer { padding-top: 68px; }
    .cinema-footer-lead { padding-bottom: 46px; }
    .cinema-footer-lead h2 { font-size: 50px; }
    .cinema-footer-links { grid-template-columns: 1fr 1fr; gap: 42px 28px; padding-block: 42px; }
    .cinema-footer-links div:last-child { grid-column: 1/-1; }
    .catalog-card-copy { padding: 18px; }
    .trust-intro h2, .journey-copy h2 { font-size: 47px; }
    .trust-list { grid-template-columns: 1fr; }
    .trust-card { min-height: 180px; border-right: 0; border-bottom: 1px solid var(--line); }
    .trust-card:last-child { border-bottom: 0; }
    .trust-icon { margin-bottom: 34px; }
    .journey-layout { grid-template-columns: 1fr; gap: 42px; }
    .journey-copy { grid-column: auto; display: block; }
    .journey-copy > p { margin-top: 18px; }
    .status-page, .faq-page { padding: 58px 0 82px; }
    .status-hero { padding:22px; }
    .status-hero h1, .faq-hero h1 { font-size: 48px; }
    .status-group-card > header { align-items: center; flex-direction: row; gap: 10px; }
    .status-group-summary { flex: 0 0 auto; white-space: nowrap; }
    .subproduct-statuses article { align-items: center; flex-direction: row; }
    .guide-products { grid-template-columns: 1fr; }
    .guide-public-search { grid-template-columns:minmax(0,1fr) auto; }
    .guide-public-search > span { grid-column:1/-1; justify-self:start; }
    .faq-shell { width: calc(100% - 28px); }
    .faq-hero { margin-bottom: 38px; }
    .faq-item button { grid-template-columns: 34px 1fr 18px; gap: 12px; padding: 15px; }
    .faq-question-icon { width: 34px; height: 34px; }
    .faq-answer p { padding: 18px 17px 21px 61px; }
    .faq-contact { align-items: flex-start; flex-direction: column; }
    .faq-contact-actions { width: 100%; flex-direction: column; }
    .faq-contact-actions .button { width: 100%; }
    .product-show { padding-top: 32px; }
    .product-show .detail-copy { padding: 20px; }
    .detail-overview { margin-top:20px; padding:22px 20px 24px; }
    .detail-section-icon { width:42px; height:42px; }
    .detail-overview .detail-prose { margin-top:18px; padding-left:0; }
    .detail-overview + .detail-section { padding-top:28px; }
    #features > h2 { margin-bottom:14px; }
    .detail-facts { grid-template-columns: 1fr 1fr; }
    .detail-facts div:nth-child(2) { border-right: 0; }
    .detail-facts div:nth-child(3) { grid-column: 1/-1; border-top: 1px solid var(--line); }
    .license-heading { align-items: flex-start; flex-direction: column; }
    .license-option { grid-template-columns: auto 1fr; }
    .license-option b { grid-column: 2; }
    .purchase-actions { grid-template-columns: 1fr; }
    .requirement-list { grid-template-columns: 1fr; }
    .feature-tree { grid-template-columns:1fr; padding:0; }
    .product-updates article { grid-template-columns: 1fr; gap: 8px; }
    .cart-item { grid-template-columns: 95px 1fr auto; }
    .cart-item > img { width: 95px; }
    .cart-item > form:last-child { grid-column: 2/-1; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px; }
    .footer-grid > div:first-child { grid-column: 1/-1; }
}

@media (max-width: 420px) {
    .status-overview { grid-template-columns:1fr; }
    .header-brand > span { font-size: 14px; }
    .hero-one-copy h1, .hero-two-heading h1 { font-size: 43px; }
    .catalog-card-foot { align-items: flex-start; flex-direction: column; }
    .status-legend { gap:0; overflow-x:auto; }
    .status-legend > div { display:block; padding:0 8px; }
    .status-legend p { display: none; }
    .status-legend .detection-badge { padding: 5px 6px; font-size: 9px; }
    .status-group-card > header { padding-inline: 9px; }
    .status-group-art { gap: 9px; }
    .status-group-art img { width: 48px; height:48px; }
    .status-group-art h2 { font-size: 18px; }
    .status-group-summary { font-size: 10px; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > div:first-child { grid-column: auto; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 7px; }
    .cinema-footer-links { grid-template-columns: 1fr; }
    .cinema-footer-links div:last-child { grid-column: auto; }
    .cinema-footer-base { align-items: flex-start; flex-direction: column; gap: 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .motion-ready .reveal-item { opacity: 1; transform: none; transition: none; }
    .license-option { animation:none !important; transition:none; }
    .edge-action-shape b.is-updated { animation:none; }
    .hero-variant img, .catalog-product-art img, .guide-product-image img { transition-duration: .01ms; }
    /* Keep a short state transition so the global quick-action labels remain discoverable. */
    .edge-actions, .edge-action, .edge-action-label, .edge-action-shape img, .hero-variant, .products-menu-panel { transition-duration: .18s; }
    .edge-action::after { animation:none; }
    .catalog-neon-pulse { display:none; }
    .vault-intro { display:none; }
    .hero-variant.is-style-entering::before,.hero-variant.is-style-entering * { animation:none !important; }
}

/* ==========================================================================
   Direction 2: full-screen competitive arsenal
   ========================================================================== */
html[data-landing-style="2"] .home-page .header-brand { display:none; }
html[data-landing-style="2"] .home-page .nav-wrap { justify-content:center; }
html[data-landing-style="2"] .home-page .main-nav { margin-left:0; }
html[data-landing-style="2"] .home-page .nav-actions { margin-left:auto; }
html[data-landing-style="2"] .home-page .hero-variant-2 { background:#eee1ca; }
html[data-landing-style="2"] .home-page .hero-variant-2 > .hero-layout-two { width:100%; max-width:none; min-height:calc(100svh - 76px); display:grid; grid-template-rows:minmax(0,1fr) 58px; gap:0; padding:0; }
.hero-two-sales { min-height:0; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(470px,.95fr); }
.sales-pitch { position:relative; overflow:hidden; display:flex; justify-content:center; flex-direction:column; padding:clamp(54px,7vw,112px); background:#eee1ca; color:#1b100b; }
.sales-pitch::before { content:none; }
.sales-pitch > * { position:relative; z-index:1; }
.sales-pitch .hero-kicker { margin:0 0 22px; color:#d54417; font-family:"DM Sans",sans-serif; }
.sales-pitch h1 { max-width:790px; color:#1b100b; font:700 clamp(74px,8.2vw,132px)/.76 "Barlow Condensed",sans-serif; letter-spacing:-.035em; text-transform:uppercase; }
.sales-pitch h1 span { display:block; padding:0; background:none; color:inherit; -webkit-text-fill-color:currentColor; }
.sales-pitch > p { max-width:650px; margin:36px 0 0; color:#644c3d; font:500 clamp(14px,1.15vw,18px)/1.75 "DM Sans",sans-serif; }
.sales-pitch .hero-actions { gap:17px; margin-top:38px; }
.sales-pitch .button { min-height:54px; padding-inline:28px; border-color:#1b100b !important; border-radius:0; background:#1b100b !important; color:#fff5e8 !important; font-family:"DM Sans",sans-serif; }
.sales-discord { min-height:54px; display:inline-flex; align-items:center; gap:10px; padding:0 22px; border:1px solid #9d806e; color:#2d1b12; font:700 11px/1 "DM Sans",sans-serif; }
.sales-discord:hover { border-color:#1b100b; color:#1b100b; }
.sales-discord img { width:17px; height:17px; filter:brightness(0) saturate(100%) invert(8%) sepia(24%) saturate(1453%) hue-rotate(334deg); }
.sales-proof { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:42px; color:#725b4c; font:500 10px/1 "DM Sans",sans-serif; text-transform:uppercase; letter-spacing:.06em; }
.sales-proof span { display:inline-flex; align-items:center; gap:6px; }
.sales-proof span::before { content:""; width:5px; height:5px; border-radius:50%; background:#d54417; }
.sales-proof b { color:#1b100b; }
.sales-arsenal { position:relative; overflow:hidden; min-height:560px; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; padding:clamp(38px,5vw,78px); background:#170e0a; color:#f5e8d8; }
.sales-arsenal::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent 0 48%,rgba(242,80,34,.12) 48.1% 48.4%,transparent 48.5%),radial-gradient(circle at 50% 50%,rgba(242,80,34,.22),transparent 32%); }
.sales-arsenal-label { position:absolute; top:34px; right:34px; color:#f15a2b; font:700 8px/1 "DM Sans",sans-serif; letter-spacing:.18em; writing-mode:vertical-rl; }
.sales-scope { position:absolute; top:50%; left:50%; width:min(45vw,470px); aspect-ratio:1; border:1px solid rgba(241,90,43,.35); border-radius:50%; transform:translate(-50%,-50%); }
.sales-scope::before,.sales-scope::after { content:""; position:absolute; background:rgba(241,90,43,.45); }
.sales-scope::before { top:50%; right:-18%; left:-18%; height:1px; }.sales-scope::after { top:-18%; bottom:-18%; left:50%; width:1px; }
.sales-scope i { position:absolute; inset:14%; border:1px solid rgba(241,90,43,.22); border-radius:50%; }
.sales-scope i:nth-child(2) { inset:34%; }
.sales-scope b { position:absolute; top:50%; left:50%; width:9px; height:9px; border:1px solid #f15a2b; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 30px #f15a2b; }
.sales-feature { position:relative; z-index:2; align-self:end; max-width:220px; padding:20px; border-left:1px solid rgba(245,232,216,.24); background:rgba(23,14,10,.72); backdrop-filter:blur(8px); }
.sales-feature small { display:block; margin-bottom:22px; color:#f15a2b; font:700 9px/1 "DM Sans",sans-serif; }
.sales-feature strong { display:block; font:600 28px/.95 "Barlow Condensed",sans-serif; text-transform:uppercase; }
.sales-feature span { display:block; margin-top:8px; color:#9e8372; font:500 10px/1.5 "DM Sans",sans-serif; }
.sales-feature-one { align-self:start; }.sales-feature-two { grid-column:2; grid-row:2; justify-self:end; }.sales-feature-three { grid-column:1; grid-row:2; }
.sales-marquee { overflow:hidden; display:flex; align-items:center; border-top:1px solid #40271c; background:#f15a2b; color:#241008; }
.sales-marquee > div { min-width:max-content; display:flex; align-items:center; gap:25px; padding-inline:25px; animation:sales-marquee 22s linear infinite; }
.sales-marquee span { font:700 13px/1 "Barlow Condensed",sans-serif; letter-spacing:.1em; }
.sales-marquee i { width:6px; height:6px; border:1px solid currentColor; border-radius:50%; }
@keyframes sales-marquee { to { transform:translateX(-50%); } }
.hero-variant-2.is-style-entering .sales-pitch::after { content:""; position:absolute; z-index:8; inset:0; background:#f15a2b; animation:sales-full-wipe 1.05s cubic-bezier(.86,0,.07,1) both; }
.hero-variant-2.is-style-entering .sales-pitch h1 span { animation:sales-line-in .85s calc(.48s + var(--line-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .sales-pitch h1 span:nth-child(2) { --line-delay:.12s; }
.hero-variant-2.is-style-entering .sales-pitch .hero-kicker,.hero-variant-2.is-style-entering .sales-pitch > p,.hero-variant-2.is-style-entering .sales-pitch .hero-actions,.hero-variant-2.is-style-entering .sales-proof { animation:sales-copy-in .7s calc(.75s + var(--copy-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .sales-pitch > p { --copy-delay:.12s; }.hero-variant-2.is-style-entering .sales-pitch .hero-actions { --copy-delay:.22s; }.hero-variant-2.is-style-entering .sales-proof { --copy-delay:.32s; }
.hero-variant-2.is-style-entering .sales-arsenal { animation:sales-arsenal-in 1.05s .3s cubic-bezier(.16,1,.3,1) both; transform-origin:right; }
.hero-variant-2.is-style-entering .sales-scope { animation:sales-scope-in 1.2s .7s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .sales-feature { animation:sales-card-in .72s calc(.9s + var(--feature-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .sales-feature-two { --feature-delay:.12s; }.hero-variant-2.is-style-entering .sales-feature-three { --feature-delay:.24s; }
@keyframes sales-full-wipe { 0% { transform:scaleY(1); transform-origin:top; } 48% { transform:scaleY(1); transform-origin:bottom; } 100% { transform:scaleY(0); transform-origin:bottom; } }
@keyframes sales-line-in { from { clip-path:inset(0 100% 0 0); transform:translateX(-70px) skewX(-9deg); } to { clip-path:inset(0); transform:none; } }
@keyframes sales-copy-in { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
@keyframes sales-arsenal-in { from { clip-path:inset(0 0 0 100%); transform:scaleX(.7); } to { clip-path:inset(0); transform:none; } }
@keyframes sales-scope-in { from { opacity:0; transform:translate(-50%,-50%) scale(.2) rotate(-90deg); } to { opacity:1; transform:translate(-50%,-50%) scale(1) rotate(0); } }
@keyframes sales-card-in { from { opacity:0; transform:translateY(70px) rotate(3deg); } to { opacity:1; transform:none; } }

/* Style 2 dark spectrum: derived from the blue and violet GameVantage mark. */
html[data-landing-style="2"] body.home-page { --bg:#050610; --surface:#0b0d1a; --surface-2:#101326; --surface-3:#151a31; --line:#252b50; --line-soft:#15182e; --text:#f5f7ff; --muted:#a3a9c7; --quiet:#676e93; --accent:#7558ff; --accent-soft:#55a8ff; --green:#65e6ad; --blue:#4ba7ff; background:#050610; }
html[data-landing-style="2"] .home-page .site-header { border-color:#1c213d; background:rgba(5,6,16,.92); backdrop-filter:blur(18px); }
html[data-landing-style="2"] .home-page .site-header.scrolled { background:rgba(5,6,16,.985); }
html[data-landing-style="2"] .home-page .header-brand { display:flex; }
html[data-landing-style="2"] .home-page .nav-wrap { justify-content:flex-start; }
html[data-landing-style="2"] .home-page .main-nav { margin-left:auto; }
html[data-landing-style="2"] .home-page .brand > span { color:#f5f7ff; }
html[data-landing-style="2"] .home-page .brand > span small { color:#6673a4; }
html[data-landing-style="2"] .home-page .main-nav > a::after,html[data-landing-style="2"] .home-page .products-menu-trigger::after { background:linear-gradient(90deg,#39a8ff,#7a39ff); }
html[data-landing-style="2"] .home-page .nav-actions .button,html[data-landing-style="2"] .home-page .button { border-color:#7957ff; background:linear-gradient(110deg,#407cff,#7a42ff); color:#fff; box-shadow:0 10px 35px rgba(100,68,255,.18); }
html[data-landing-style="2"] .home-page .button:hover { border-color:#8d71ff; background:linear-gradient(110deg,#5290ff,#8a58ff); color:#fff; }
html[data-landing-style="2"] .home-page .products-menu-panel { border-color:#292f55; background:rgba(8,10,23,.985); }
html[data-landing-style="2"] .home-page .products-menu-number { color:#699dff; }
html[data-landing-style="2"] .home-page .hero-style-switcher button { border-color:#292f52; background:rgba(7,9,20,.94); }
html[data-landing-style="2"] .home-page .hero-style-switcher button.is-active { border-color:#7957ff; background:#15112c; }
html[data-landing-style="2"] .home-page .hero-style-switcher button.is-active small { color:#77a7ff; }
html[data-landing-style="2"] .home-page .edge-action { border-color:#2b3158; background:#0a0d1c; }
html[data-landing-style="2"] .home-page .edge-action-shape { background:#11162b; }
html[data-landing-style="2"] .home-page .edge-action:hover,html[data-landing-style="2"] .home-page .edge-action.is-open { border-color:#7358ff; background:#171333; }

html[data-landing-style="2"] .home-page .hero-variant-2 { background:#050610; }
.sales-pitch { background:radial-gradient(circle at 88% 82%,rgba(86,61,211,.16),transparent 30%),linear-gradient(145deg,#070814,#050610); color:#f5f7ff; }
.sales-pitch .hero-kicker { color:#66a5ff; }
.sales-pitch h1 { color:#f7f8ff; text-shadow:0 12px 50px rgba(35,44,112,.32); }
.sales-pitch h1 span:last-child { width:fit-content; background:linear-gradient(90deg,#4ba8ff 0%,#8756ff 85%); color:transparent; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.sales-pitch > p { color:#aab0cf; }
.sales-pitch .button { border-color:#7658ff !important; background:linear-gradient(110deg,#3f87ff,#793fff) !important; color:#fff !important; }
.sales-discord { border-color:#343b66; color:#dfe3f8; background:rgba(13,16,32,.6); }
.sales-discord:hover { border-color:#6f67c5; color:#fff; background:#10152a; }
.sales-discord img { filter:brightness(0) invert(1); }
.sales-proof { color:#767eaa; }
.sales-proof span::before { background:#5f8dff; box-shadow:0 0 12px rgba(84,126,255,.7); }
.sales-proof b { color:#e9ebff; }
.sales-arsenal { min-height:560px; display:flex; justify-content:center; flex-direction:column; padding:clamp(54px,5.4vw,86px); background:radial-gradient(circle at 85% 14%,rgba(102,63,255,.22),transparent 28%),radial-gradient(circle at 12% 88%,rgba(35,142,255,.13),transparent 34%),#080a16; color:#f4f6ff; }
.sales-arsenal::before { content:"GV"; position:absolute; right:-.04em; bottom:-.2em; color:transparent; background:none; -webkit-text-stroke:1px rgba(104,91,230,.08); font:700 clamp(260px,31vw,500px)/.8 "Barlow Condensed",sans-serif; letter-spacing:-.09em; }
.sales-arsenal::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(104,111,190,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(104,111,190,.04) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black,transparent 88%); pointer-events:none; }
.sales-arsenal-label { z-index:2; top:32px; right:auto; left:clamp(54px,5.4vw,86px); color:#7085d1; writing-mode:horizontal-tb; }
.arsenal-head { position:relative; z-index:2; max-width:650px; padding-top:18px; }
.arsenal-head > small { color:#719eff; font:700 10px/1 "DM Sans",sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.arsenal-head h2 { margin:18px 0 0; color:#f7f7ff; font:600 clamp(48px,5.2vw,76px)/.82 "Barlow Condensed",sans-serif; letter-spacing:-.025em; text-transform:uppercase; }
.arsenal-head p { max-width:590px; margin:23px 0 0; color:#969dbc; font:500 12px/1.75 "DM Sans",sans-serif; }
.arsenal-stack { position:relative; z-index:2; margin-top:36px; border-top:1px solid #29305a; }
.arsenal-item { min-height:84px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:18px; border-bottom:1px solid #252b50; transition:padding .35s cubic-bezier(.16,1,.3,1),background-color .25s ease,border-color .25s ease; }
.arsenal-item:hover { padding-inline:14px; border-color:#48559a; background:linear-gradient(90deg,rgba(55,112,255,.1),rgba(119,67,255,.06)); }
.arsenal-item > b { color:#52618f; font:700 10px/1 "DM Sans",sans-serif; }
.arsenal-item > span { min-width:0; display:flex; flex-direction:column; }
.arsenal-item strong { color:#f3f4ff; font:600 24px/1 "Barlow Condensed",sans-serif; letter-spacing:.01em; text-transform:uppercase; }
.arsenal-item small { overflow:hidden; margin-top:6px; color:#858cad; font:500 10px/1.35 "DM Sans",sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.arsenal-item em { color:#6779be; font:700 8px/1 "DM Sans",sans-serif; font-style:normal; letter-spacing:.13em; }
.arsenal-foot { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:16px 28px; margin-top:26px; color:#687197; font:600 8px/1 "DM Sans",sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.arsenal-foot span { display:inline-flex; align-items:center; gap:7px; }.arsenal-foot i { width:5px; height:5px; border-radius:50%; background:#63e6ad; box-shadow:0 0 10px #63e6ad; }
.sales-marquee { border-color:#2c3360; background:linear-gradient(90deg,#226bd4,#6239e8 55%,#7b30dc); color:#f7f7ff; }
.hero-variant-2.is-style-entering .sales-pitch::after { background:linear-gradient(180deg,#377fff,#773eff); }
.hero-variant-2.is-style-entering .arsenal-head { animation:sales-copy-in .75s .75s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .arsenal-item { animation:arsenal-row-in .65s calc(.92s + var(--arsenal-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .arsenal-item:nth-child(2) { --arsenal-delay:.1s; }.hero-variant-2.is-style-entering .arsenal-item:nth-child(3) { --arsenal-delay:.2s; }
.hero-variant-2.is-style-entering .arsenal-foot { animation:sales-copy-in .65s 1.3s cubic-bezier(.16,1,.3,1) both; }
@keyframes arsenal-row-in { from { opacity:0; clip-path:inset(0 100% 0 0); transform:translateX(35px); } to { opacity:1; clip-path:inset(0); transform:none; } }

/* Style 2 warm return: one coherent orange campaign palette, with concise feature copy. */
html[data-landing-style="2"] body.home-page { --bg:#120e0b; --surface:#1c1510; --surface-2:#241a14; --surface-3:#2c1f17; --line:#3d2d23; --line-soft:#271c16; --text:#f5ead9; --muted:#bba48f; --quiet:#7f6857; --accent:#f15a2b; --accent-soft:#ff9b70; --green:#a4df78; --blue:#6ebbf0; background:#120e0b; }
html[data-landing-style="2"] .home-page .site-header { border-color:#38271e; background:rgba(18,14,11,.94); }
html[data-landing-style="2"] .home-page .site-header.scrolled { background:rgba(18,14,11,.99); }
html[data-landing-style="2"] .home-page .brand > span { color:#f5ead9; }
html[data-landing-style="2"] .home-page .brand > span small { color:#806856; }
html[data-landing-style="2"] .home-page .main-nav > a::after,html[data-landing-style="2"] .home-page .products-menu-trigger::after { background:#f15a2b; }
html[data-landing-style="2"] .home-page .nav-actions .button,html[data-landing-style="2"] .home-page .button { border-color:#f15a2b; background:#f15a2b; color:#1b0e08; box-shadow:none; }
html[data-landing-style="2"] .home-page .button:hover { border-color:#ff774c; background:#ff774c; color:#1b0e08; }
html[data-landing-style="2"] .home-page .products-menu-panel { border-color:#4c3326; background:rgba(28,20,15,.985); }
html[data-landing-style="2"] .home-page .products-menu-number { color:#f15a2b; }
html[data-landing-style="2"] .home-page .hero-style-switcher button { border-color:#50372a; background:rgba(29,20,15,.94); }
html[data-landing-style="2"] .home-page .hero-style-switcher button.is-active { border-color:#f15a2b; background:#351d12; }
html[data-landing-style="2"] .home-page .hero-style-switcher button.is-active small { color:#ff9b70; }
html[data-landing-style="2"] .home-page .edge-action { border-color:#51392b; background:#1d1510; }
html[data-landing-style="2"] .home-page .edge-action-shape { background:#281c15; }
html[data-landing-style="2"] .home-page .edge-action:hover,html[data-landing-style="2"] .home-page .edge-action.is-open { border-color:#f15a2b; background:#392116; }

html[data-landing-style="2"] .home-page .hero-variant-2 { background:#eee1ca; }
.hero-variant-2::before { display:none; }
.sales-pitch { background:#eee1ca; color:#1b100b; }
.sales-pitch .hero-kicker { color:#d54417; }
.sales-pitch h1 { color:#1b100b; text-shadow:none; }
.sales-pitch h1 span:last-child { background:none; color:#1b100b; -webkit-background-clip:initial; background-clip:initial; -webkit-text-fill-color:currentColor; }
.sales-pitch > p { color:#644c3d; }
.sales-pitch .button { border-color:#1b100b !important; background:#1b100b !important; color:#fff5e8 !important; }
.sales-discord { border-color:#9d806e; color:#2d1b12; background:transparent; }
.sales-discord:hover { border-color:#1b100b; color:#1b100b; background:transparent; }
.sales-discord img { filter:brightness(0) saturate(100%) invert(8%) sepia(24%) saturate(1453%) hue-rotate(334deg); }
.sales-proof { color:#725b4c; }.sales-proof span::before { background:#d54417; box-shadow:none; }.sales-proof b { color:#1b100b; }
.sales-arsenal { min-height:560px; display:flex; justify-content:center; flex-direction:column; padding:clamp(54px,5.4vw,86px); background:radial-gradient(circle at 82% 18%,rgba(241,90,43,.13),transparent 28%),#170e0a; color:#f5e8d8; }
.sales-arsenal::before { content:""; position:absolute; inset:0; right:auto; bottom:auto; color:initial; background:linear-gradient(135deg,transparent 0 48%,rgba(242,80,34,.1) 48.1% 48.35%,transparent 48.45%); -webkit-text-stroke:0; font:inherit; letter-spacing:normal; }
.sales-arsenal::after { background-image:linear-gradient(rgba(255,160,110,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,160,110,.03) 1px,transparent 1px); background-size:56px 56px; }
.sales-arsenal-label { color:#f15a2b; }
.arsenal-head { max-width:560px; padding-top:28px; }
.arsenal-head h2 { margin:0; color:#f5e8d8; font-size:clamp(66px,7vw,105px); line-height:.76; }
.arsenal-stack { max-width:640px; margin-top:48px; border-color:#4b3023; }
.arsenal-item { min-height:92px; grid-template-columns:48px minmax(0,1fr); gap:18px; border-color:#4b3023; }
.arsenal-item:hover { padding-inline:14px; border-color:#9f4b2c; background:linear-gradient(90deg,rgba(241,90,43,.11),transparent); }
.arsenal-item > b { color:#f15a2b; }
.arsenal-item > strong { color:#f5e8d8; font:600 31px/1 "Barlow Condensed",sans-serif; text-transform:uppercase; }
.arsenal-foot { margin-top:28px; color:#a68a77; }.arsenal-foot i { background:#a4df78; box-shadow:0 0 10px rgba(164,223,120,.55); }
.sales-marquee { border-color:#40271c; background:#f15a2b; color:#241008; }
.hero-variant-2.is-style-entering .sales-pitch::after { right:0; width:auto; background:#f15a2b; animation:sales-full-wipe 1.05s cubic-bezier(.86,0,.07,1) both; }
.hero-variant-2.is-style-entering .sales-arsenal { animation:sales-arsenal-in 1.05s .3s cubic-bezier(.16,1,.3,1) both; transform-origin:right; }
.hero-variant-2.is-style-entering .arsenal-head { animation:sales-copy-in .65s .18s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .arsenal-item { animation:arsenal-row-in .6s calc(.38s + var(--arsenal-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .arsenal-foot { animation:sales-copy-in .55s .72s cubic-bezier(.16,1,.3,1) both; }
@keyframes sales-accent-sweep { from { transform:translateX(-110%) skewX(-8deg); } 70% { opacity:1; } to { transform:translateX(670%) skewX(-8deg); opacity:0; } }

html[data-landing-style="2"] .home-page .catalog-section { border-color:#3b291f; background:#17100c; }
html[data-landing-style="2"] .home-page .section-heading .eyebrow { color:#ff7a45; }
html[data-landing-style="2"] .home-page .section-heading h2 { color:#f5ead9; }
html[data-landing-style="2"] .home-page .section-heading > p { color:#a88d77; }
html[data-landing-style="2"] .home-page .filter-bar { border-color:#493226; background:#211711; }
html[data-landing-style="2"] .home-page .search-field { border-color:#493226; }
html[data-landing-style="2"] .home-page .filter-pills a { color:#9e806b; }
html[data-landing-style="2"] .home-page .filter-pills a.active,html[data-landing-style="2"] .home-page .filter-pills a:hover { background:#f15a2b; color:#1b0e08; }
html[data-landing-style="2"] .home-page .catalog-product-art { border-color:#4a3327; background:#0b0908; }
html[data-landing-style="2"] .home-page .catalog-card-copy h3 { color:#f5ead9; }
html[data-landing-style="2"] .home-page .catalog-card-copy > p { color:#9e8470; }
html[data-landing-style="2"] .home-page .catalog-card-foot { border-color:#3d2b22; }
html[data-landing-style="2"] .home-page .catalog-view-options { color:#ff8a58; }
html[data-landing-style="2"] .home-page .trust-section { border:0; background:#eadcc8; color:#1b120d; }
.arena-promise-head .eyebrow { color:#b83c13; }.arena-promise-head h2 { color:#1b120d; }.arena-promise-head p { color:#665044; }
html[data-landing-style="2"] .home-page .journey-section { background:#1a110c; }
.cinema-delivery-head .eyebrow { color:#ff7a45; }.cinema-delivery-head h2 { color:#f5ead9; }.cinema-delivery-head p { color:#ad927d; }
.cinema-steps { border-color:#493126; }.cinema-steps li { border-color:#493126; }.cinema-steps b { color:#ff7a45; }.cinema-steps h3 { color:#f5ead9; }.cinema-steps p { color:#a88d77; }
.match-ticket { border-color:#51372a; background:#211610; }.match-ticket small { color:#ff8758; }.match-ticket p { color:#a88d77; }.match-ticket footer { border-color:#51372a; color:#8e725e; }.match-ticket-label { background:rgba(18,10,6,.78); }
html[data-landing-style="2"] .home-page .site-footer { border-color:#3d2b22; background:#120c08; }
.cinema-footer-lead,.cinema-footer-base { border-color:#3d2b22; }.cinema-footer-lead h2 { color:#f5ead9; }.cinema-footer-links small { color:#ff7a45; }.cinema-footer-links a { color:#a88d77; }.cinema-footer-links a:hover { color:#f5ead9; }.cinema-footer-base { color:#806856; }

/* Hero art stays a quiet, right-edge atmosphere rather than a centered poster. */
.sales-arsenal { justify-content:space-between; padding-top:clamp(42px,4.5vw,72px); padding-bottom:clamp(34px,3.5vw,54px); }
.r6-visual { position:absolute; z-index:2; inset:0; overflow:hidden; opacity:1; clip-path:inset(0 0 0 42%); -webkit-mask-image:linear-gradient(90deg,transparent 34%,rgba(0,0,0,.28) 48%,#000 70%); mask-image:linear-gradient(90deg,transparent 34%,rgba(0,0,0,.28) 48%,#000 70%); pointer-events:none; }
.r6-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#170e0a 0,transparent 58%),linear-gradient(180deg,rgba(23,14,10,.35),transparent 38%,rgba(23,14,10,.48)); }
.r6-visual-image { width:100%; height:100%; display:block; object-fit:cover; object-position:88% center; filter:grayscale(.22) sepia(.18) saturate(.58) contrast(1.12); transform:scale(1.035); animation:r6-ambient-drift 16s 2s ease-in-out infinite alternate; user-select:none; }
.style-one-r6::after { background:linear-gradient(90deg,#080808 0 20%,rgba(8,8,8,.98) 30%,rgba(8,8,8,.86) 40%,rgba(8,8,8,.38) 55%,transparent 70%),linear-gradient(180deg,rgba(8,8,8,.22),transparent 40%,rgba(8,8,8,.5)); }
.style-one-r6 { inset:0; width:100%; clip-path:none; background:#080808; -webkit-mask-image:none; mask-image:none; }
.style-one-r6 .r6-visual-image { position:absolute; top:0; right:calc(-1.5% + 90px); bottom:0; left:auto; width:auto; min-width:0; max-width:none; height:100%; aspect-ratio:auto; object-fit:contain; object-position:right center; filter:none; transform:none; animation:none; }
.hero-variant-1.is-style-entering .style-one-r6,
.hero-variant-2.is-style-entering .r6-visual { animation:r6-edge-reveal 1.15s .55s cubic-bezier(.16,1,.3,1) both; }
@keyframes r6-edge-reveal { from { opacity:0; transform:translateX(8%) scale(1.04); } to { opacity:.5; transform:none; } }
@keyframes r6-ambient-drift { from { transform:scale(1.035) translateX(0); } to { transform:scale(1.07) translateX(-1.2%); } }
html[data-landing-style="2"] .home-page .header-brand { width:auto; display:flex !important; }
html[data-landing-style="2"] .home-page .header-brand > img,html[data-landing-style="2"] .home-page .header-brand small { display:none; }
html[data-landing-style="2"] .home-page .header-brand > span { color:#f0ddc8; font:700 12px/1 "DM Sans",sans-serif; letter-spacing:.04em; }
html[data-landing-style="2"] .home-page .nav-wrap { justify-content:flex-start; }
.arsenal-statement { position:relative; z-index:3; align-self:center; width:min(100%,650px); margin:auto 0; }
.arsenal-statement > span { display:block; margin-bottom:24px; color:#f15a2b; font:700 9px/1 "DM Sans",sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.arsenal-statement h2 { margin:0; color:#f5e8d8; font:600 clamp(74px,7.4vw,118px)/.72 "Barlow Condensed",sans-serif; letter-spacing:-.035em; text-transform:uppercase; }
.arsenal-statement h2 b { display:block; font-weight:inherit; }
.arsenal-statement h2 b:nth-child(2) { color:transparent; -webkit-text-stroke:1px rgba(245,232,216,.72); }
.arsenal-statement h2 b:nth-child(3) { width:fit-content; margin-top:.08em; color:#f15a2b; }
.arsenal-signal { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; }
.arsenal-signal::before { content:""; position:absolute; top:13%; right:9%; width:260px; aspect-ratio:1; border:1px solid rgba(241,90,43,.16); border-radius:50%; box-shadow:0 0 0 55px rgba(241,90,43,.025),0 0 0 110px rgba(241,90,43,.02); }
.arsenal-signal i { position:absolute; left:-15%; width:130%; height:1px; background:linear-gradient(90deg,transparent,rgba(241,90,43,.04) 18%,rgba(241,90,43,.2) 54%,transparent 82%); transform:rotate(-12deg); transform-origin:center; }
.arsenal-signal i:nth-child(1) { top:18%; }.arsenal-signal i:nth-child(2) { top:34%; }.arsenal-signal i:nth-child(3) { top:50%; }.arsenal-signal i:nth-child(4) { top:66%; }.arsenal-signal i:nth-child(5) { top:82%; }
.arsenal-stamp { position:absolute; z-index:2; top:50%; right:clamp(22px,3vw,48px); width:92px; height:92px; display:grid; place-items:center; border:1px solid rgba(241,90,43,.28); border-radius:50%; transform:translateY(-50%) rotate(8deg); }
.arsenal-stamp::before { content:""; position:absolute; inset:7px; border:1px solid rgba(241,90,43,.16); border-radius:50%; }
.arsenal-stamp span { color:rgba(241,90,43,.5); font:700 23px/1 "DM Sans",sans-serif; letter-spacing:-.08em; }
.arsenal-stamp i { position:absolute; right:-18px; left:-18px; height:1px; background:rgba(241,90,43,.25); }
.arsenal-stamp small { position:absolute; bottom:-22px; color:#76503e; font:700 6px/1 "DM Sans",sans-serif; letter-spacing:.15em; white-space:nowrap; }
.arsenal-foot { z-index:3; width:100%; justify-content:space-between; margin-top:0; padding-top:22px; border-top:1px solid #4b3023; }
.arsenal-foot a { display:inline-flex; align-items:center; gap:8px; color:#d8beaa; }
.arsenal-foot a:hover { color:#fff1e4; }
.arsenal-foot a img { width:13px; height:13px; filter:brightness(0) saturate(100%) invert(82%) sepia(17%) saturate(430%) hue-rotate(336deg); }
.hero-variant-2.is-style-entering .arsenal-statement > span { animation:sales-copy-in .55s .18s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .arsenal-statement h2 b { animation:arsenal-statement-in .72s calc(.28s + var(--statement-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .arsenal-statement h2 b:nth-child(2) { --statement-delay:.1s; }.hero-variant-2.is-style-entering .arsenal-statement h2 b:nth-child(3) { --statement-delay:.2s; }
.hero-variant-2.is-style-entering .arsenal-signal i { animation:arsenal-signal-in .9s calc(.15s + var(--signal-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-2.is-style-entering .arsenal-signal i:nth-child(2) { --signal-delay:.05s; }.hero-variant-2.is-style-entering .arsenal-signal i:nth-child(3) { --signal-delay:.1s; }.hero-variant-2.is-style-entering .arsenal-signal i:nth-child(4) { --signal-delay:.15s; }.hero-variant-2.is-style-entering .arsenal-signal i:nth-child(5) { --signal-delay:.2s; }
.hero-variant-2.is-style-entering .arsenal-stamp { animation:arsenal-stamp-in .8s .55s cubic-bezier(.34,1.56,.64,1) both; }
@keyframes arsenal-statement-in { from { opacity:0; clip-path:inset(0 100% 0 0); transform:translateX(55px) skewX(-6deg); } to { opacity:1; clip-path:inset(0); transform:none; } }
@keyframes arsenal-signal-in { from { opacity:0; transform:translateX(45%) rotate(-12deg); } to { opacity:1; transform:translateX(0) rotate(-12deg); } }
@keyframes arsenal-stamp-in { from { opacity:0; transform:translateY(-50%) scale(.35) rotate(-50deg); } to { opacity:1; transform:translateY(-50%) scale(1) rotate(8deg); } }

/* ==========================================================================
   Direction 3: Nocturne private collection
   ========================================================================== */
html[data-landing-style="3"] body.home-page { --bg:#171119; --surface:#221824; --surface-2:#2c1d2e; --surface-3:#38253a; --line:#49354b; --line-soft:#2b202d; --text:#fbf3f4; --muted:#c3adb8; --quiet:#856f7c; --accent:#d9a6b7; --accent-soft:#f0ccd7; --green:#84d8a3; --blue:#91bfe7; background:#171119; font-family:"Manrope",sans-serif; }
html[data-landing-style="3"] .home-page h1,html[data-landing-style="3"] .home-page h2,html[data-landing-style="3"] .home-page h3,html[data-landing-style="3"] .home-page .section-heading h2 { font-family:"Instrument Serif",serif; font-weight:400; letter-spacing:-.035em; }
html[data-landing-style="3"] .home-page .eyebrow,html[data-landing-style="3"] .home-page small,html[data-landing-style="3"] .home-page .main-nav a,html[data-landing-style="3"] .home-page .products-menu-trigger { font-family:"Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .site-header { border-color:#342637; background:rgba(23,17,25,.9); backdrop-filter:blur(18px); }
html[data-landing-style="3"] .home-page .site-header::after { width:100%; background:linear-gradient(90deg,transparent,#bb849c,transparent); opacity:.42; }
html[data-landing-style="3"] .home-page .brand > span { color:#f8edf1; font-family:"Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .main-nav > a::after,html[data-landing-style="3"] .home-page .products-menu-trigger::after { background:#c792a8; }
html[data-landing-style="3"] .home-page .nav-actions .button,html[data-landing-style="3"] .home-page .button { border-color:#f4e5e9; border-radius:999px; background:#f4e5e9; color:#251720; font-family:"Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .button:hover { background:#fff7f8; color:#251720; }
html[data-landing-style="3"] .home-page .products-menu-panel { border-color:#4c384d; border-radius:16px; background:rgba(30,22,32,.98); }
.products-menu-nocturne { position:relative; display:block; overflow:hidden; border-radius:7px; background:radial-gradient(circle at 50% 25%,#81556d,transparent 48%),#241725; }
.products-menu-nocturne i { position:absolute; top:26%; left:50%; width:54px; height:68px; border:1px solid #d1a1b5; border-radius:7px; background:#39263b; box-shadow:0 10px 24px rgba(0,0,0,.3); }
.products-menu-nocturne i:nth-child(1) { transform:translateX(-80%) rotate(-11deg); }.products-menu-nocturne i:nth-child(2) { z-index:2; transform:translateX(-50%); }.products-menu-nocturne i:nth-child(3) { transform:translateX(-20%) rotate(11deg); }
html[data-landing-style="3"] .home-page .edge-action { border-color:#5b4057; border-radius:999px 0 0 999px; background:#2a1c2c; }
html[data-landing-style="3"] .home-page .edge-action-shape { border-radius:50% 0 0 50%; background:#352238; }
html[data-landing-style="3"] .home-page .edge-action:hover,html[data-landing-style="3"] .home-page .edge-action.is-open { border-color:#bd869e; background:#4b2d43; }
html[data-landing-style="3"] .home-page .hero-variant-3 { background:radial-gradient(circle at 73% 42%,rgba(151,91,124,.3),transparent 28%),radial-gradient(circle at 20% 90%,rgba(101,61,91,.22),transparent 30%),#171119; }
html[data-landing-style="3"] .home-page .hero-variant-3::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.nocturne-hero { position:relative; min-height:calc(100svh - 76px); display:grid; grid-template-columns:minmax(410px,.8fr) minmax(560px,1.2fr); grid-template-rows:1fr auto; align-items:center; gap:25px 60px; padding-top:55px !important; padding-bottom:92px !important; }
.nocturne-copy { position:relative; z-index:5; }
.nocturne-copy .hero-kicker { margin-bottom:22px; color:#d6a0b7; font-family:"Manrope",sans-serif; }
.nocturne-copy h1 { color:#fbf0f2; font:400 clamp(72px,7vw,112px)/.78 "Instrument Serif",serif; }
.nocturne-copy h1 span { display:block; padding:0; background:none; color:inherit; -webkit-text-fill-color:currentColor; }
.nocturne-copy h1 span:last-child { margin-left:clamp(18px,4vw,70px); font-style:italic; color:#d4a0b6; }
.nocturne-copy > p { max-width:610px; margin:34px 0 0; color:#baa4af; font:500 14px/1.85 "Manrope",sans-serif; }
.nocturne-copy .hero-actions { margin-top:34px; }
.nocturne-copy .text-action { color:#ead9df; font-family:"Manrope",sans-serif; }
.nocturne-signature { display:flex; align-items:center; gap:15px; margin-top:42px; color:#826c79; font:500 9px/1.7 "Manrope",sans-serif; text-transform:uppercase; letter-spacing:.1em; }
.nocturne-signature i { width:40px; height:1px; background:#aa758f; }
.nocturne-deck { position:relative; min-height:610px; perspective:1200px; }
.nocturne-orbit { position:absolute; top:50%; left:50%; width:min(43vw,590px); aspect-ratio:1; border:1px solid rgba(210,158,180,.3); border-radius:50%; transform:translate(-50%,-50%); }
.nocturne-orbit::before,.nocturne-orbit::after { content:""; position:absolute; inset:12%; border:1px solid rgba(210,158,180,.15); border-radius:50%; }.nocturne-orbit::after { inset:31%; background:radial-gradient(circle,rgba(211,156,180,.2),transparent 70%); }
.nocturne-card { position:absolute; top:50%; left:50%; width:min(31vw,420px); overflow:hidden; display:grid; grid-template-columns:1fr auto; grid-template-rows:1fr auto auto; padding:9px 9px 17px; border:1px solid #61465c; border-radius:20px; background:#271a29; box-shadow:0 34px 80px rgba(0,0,0,.42); transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .4s ease; }
.nocturne-card > img { width:100%; height:auto; aspect-ratio:1200/628; grid-column:1/-1; grid-row:1; border-radius:13px; object-fit:contain; image-rendering:auto; filter:none; }
.nocturne-card .hero-product-status { z-index:2; grid-column:2; grid-row:1; align-self:start; justify-self:end; margin:12px; padding:7px 9px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(26,15,25,.72); backdrop-filter:blur(9px); }
.nocturne-card strong { grid-column:1/-1; margin:17px 7px 4px; color:#faedf2; font:400 25px/1 "Instrument Serif",serif; }
.nocturne-card small { grid-column:1/-1; margin:0 7px; color:#8d7481; font:500 9px/1 "Manrope",sans-serif; text-transform:uppercase; letter-spacing:.07em; }
.nocturne-card-1 { z-index:3; transform:translate(-50%,-50%) translate3d(var(--motion-x,0px),var(--motion-y,0px),65px); }
.nocturne-card-2 { z-index:2; transform:translate(-90%,-47%) rotate(-12deg) translate3d(calc(var(--motion-x,0px) * -.35),calc(var(--motion-y,0px) * -.35),0); }
.nocturne-card-3 { z-index:1; transform:translate(-10%,-47%) rotate(12deg) translate3d(calc(var(--motion-x,0px) * .25),calc(var(--motion-y,0px) * .25),0); }
.nocturne-deck:hover .nocturne-card-1 { transform:translate(-50%,-51%) translate3d(var(--motion-x,0px),var(--motion-y,0px),95px); box-shadow:0 45px 100px rgba(0,0,0,.52); }
.nocturne-deck:hover .nocturne-card-2 { transform:translate(-100%,-45%) rotate(-17deg); }.nocturne-deck:hover .nocturne-card-3 { transform:translate(0,-45%) rotate(17deg); }
.nocturne-drag { position:absolute; right:2%; bottom:9%; color:#8a7180; font:500 8px/1 "Manrope",sans-serif; text-transform:uppercase; letter-spacing:.15em; }
.nocturne-ribbon { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0 0; border-top:1px solid #49354b; color:#a98a99; font:600 8px/1 "Manrope",sans-serif; letter-spacing:.16em; }
.nocturne-ribbon i { width:5px; height:5px; border-radius:50%; background:#b67f98; }
.hero-variant-3.is-style-entering .nocturne-copy .hero-kicker,.hero-variant-3.is-style-entering .nocturne-copy > p,.hero-variant-3.is-style-entering .nocturne-copy .hero-actions,.hero-variant-3.is-style-entering .nocturne-signature { animation:nocturne-copy-in .75s calc(.25s + var(--nocturne-delay,0s)) cubic-bezier(.16,1,.3,1) both; }
.hero-variant-3.is-style-entering .nocturne-copy > p { --nocturne-delay:.18s; }.hero-variant-3.is-style-entering .nocturne-copy .hero-actions { --nocturne-delay:.3s; }.hero-variant-3.is-style-entering .nocturne-signature { --nocturne-delay:.42s; }
.hero-variant-3.is-style-entering .nocturne-copy h1 span { animation:nocturne-title-in .95s calc(.25s + var(--title-delay,0s)) cubic-bezier(.16,1,.3,1) both; }.hero-variant-3.is-style-entering .nocturne-copy h1 span:nth-child(2) { --title-delay:.13s; }
.hero-variant-3.is-style-entering .nocturne-orbit { animation:nocturne-orbit-in 1.3s .2s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-3.is-style-entering .nocturne-card { animation:nocturne-card-one 1.05s .42s cubic-bezier(.16,1,.3,1) both; }
.hero-variant-3.is-style-entering .nocturne-card-2 { animation-name:nocturne-card-two; animation-delay:.54s; }.hero-variant-3.is-style-entering .nocturne-card-3 { animation-name:nocturne-card-three; animation-delay:.66s; }
.hero-variant-3.is-style-entering .nocturne-ribbon { animation:nocturne-ribbon-in .85s .9s cubic-bezier(.16,1,.3,1) both; }
@keyframes nocturne-copy-in { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:none; } }
@keyframes nocturne-title-in { from { clip-path:inset(0 0 100% 0); transform:translateY(60px) rotate(2deg); } to { clip-path:inset(0); transform:none; } }
@keyframes nocturne-orbit-in { from { opacity:0; transform:translate(-50%,-50%) scale(.45); } to { opacity:1; transform:translate(-50%,-50%) scale(1); } }
@keyframes nocturne-card-one { from { opacity:0; transform:translate(-50%,-38%) scale(.8); } to { opacity:1; transform:translate(-50%,-50%); } }
@keyframes nocturne-card-two { from { opacity:0; transform:translate(-50%,-42%) scale(.8); } to { opacity:1; transform:translate(-90%,-47%) rotate(-12deg); } }
@keyframes nocturne-card-three { from { opacity:0; transform:translate(-50%,-42%) scale(.8); } to { opacity:1; transform:translate(-10%,-47%) rotate(12deg); } }
@keyframes nocturne-ribbon-in { from { clip-path:inset(0 50% 0 50%); } to { clip-path:inset(0); } }

html[data-landing-style="3"] .home-page .catalog-section { padding-block:122px 138px; border-color:#d6c5c5; background:#efe7e1; color:#2a1c25; background-image:none; }
html[data-landing-style="3"] .home-page .section-heading { grid-template-columns:1.1fr .7fr; padding-bottom:28px; border-color:#cdbdbd; }
html[data-landing-style="3"] .home-page .section-heading .eyebrow { color:#9c637d; font:600 9px/1 "Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .section-heading h2 { color:#2b1d26; font-size:clamp(62px,6vw,90px); font-weight:400; }
html[data-landing-style="3"] .home-page .section-heading > p { color:#735e69; font:500 11px/1.8 "Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .filter-bar { margin-bottom:38px; border-color:#cbb8bb; border-radius:999px; background:#e4d9d5; }
html[data-landing-style="3"] .home-page .search-field { border-color:#cbb8bb; }
html[data-landing-style="3"] .home-page .search-field input,html[data-landing-style="3"] .home-page .filter-pills a { color:#6c5763; font-family:"Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .filter-pills a { border:0; border-radius:999px; }
html[data-landing-style="3"] .home-page .filter-pills a.active,html[data-landing-style="3"] .home-page .filter-pills a:hover { border:0; background:#31202c; color:#fff0f5; }
html[data-landing-style="3"] .home-page .filter-bar .button { border-radius:999px; background:#31202c; color:#fff0f5; }
html[data-landing-style="3"] .home-page .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
html[data-landing-style="3"] .home-page .catalog-product-card { display:block; min-height:0; overflow:hidden; border:1px solid #d1bfc1; border-radius:26px; background:#f7f0eb; box-shadow:0 20px 45px rgba(63,38,52,.08); }
html[data-landing-style="3"] .home-page .catalog-product-card:hover { transform:translateY(-8px); border-color:#b6889d; box-shadow:0 30px 60px rgba(63,38,52,.15); }
html[data-landing-style="3"] .home-page .catalog-card-index { display:none; }
html[data-landing-style="3"] .home-page .catalog-product-art { display:block; aspect-ratio:16/9; border:0; border-bottom:1px solid #d1bfc1; }
html[data-landing-style="3"] .home-page .catalog-product-art img { width:100%; height:100%; object-fit:cover; filter:saturate(.82); }
html[data-landing-style="3"] .home-page .catalog-card-copy { padding:25px 27px 28px; }
html[data-landing-style="3"] .home-page .catalog-card-meta { color:#8c7280; font-family:"Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .catalog-status-pill { color:#34875f; }
html[data-landing-style="3"] .home-page .catalog-card-copy h3 { color:#2c1d26; font:400 31px/1 "Instrument Serif",serif; }
html[data-landing-style="3"] .home-page .catalog-card-copy h3 a { color:inherit; }
html[data-landing-style="3"] .home-page .catalog-card-copy > p { min-height:38px; color:#78636e; font:500 10px/1.7 "Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .catalog-card-foot { border-color:#d7c8c7; }
html[data-landing-style="3"] .home-page .catalog-card-price,html[data-landing-style="3"] .home-page .catalog-view-options { color:#3a2732; font-family:"Manrope",sans-serif; }
html[data-landing-style="3"] .home-page .catalog-view-options { color:#985e79; }
html[data-landing-style="3"] .home-page.motion-ready .catalog-product-card.reveal-item { clip-path:inset(0); opacity:0; transform:translateY(55px) rotate(.8deg); filter:none; transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="3"] .home-page.motion-ready .catalog-product-card:nth-child(even).reveal-item { transform:translateY(75px) rotate(-.8deg); }
html[data-landing-style="3"] .home-page.motion-ready .catalog-product-card.is-visible { opacity:1; transform:none; }

html[data-landing-style="3"] .home-page .trust-section { padding-block:125px; border-color:#3c2a3d; background:#211624; color:#f5eaee; }
.nocturne-standard-head { display:grid; grid-template-columns:1.15fr .7fr; align-items:end; gap:28px 70px; margin-bottom:70px; }
.nocturne-standard-head .eyebrow { grid-column:1/-1; color:#cf96ae; }
.nocturne-standard-head h2 { max-width:800px; margin:0; color:#fbf0f3; font:400 clamp(64px,6vw,92px)/.88 "Instrument Serif",serif; }
.nocturne-standard-head p { max-width:430px; margin:0 0 8px; color:#b29ba7; font:500 12px/1.85 "Manrope",sans-serif; }
.nocturne-benefits { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #523952; }
.nocturne-benefits article { min-height:255px; padding:30px 30px 35px 0; border-right:1px solid #523952; border-bottom:1px solid #523952; }
.nocturne-benefits article:nth-child(2),.nocturne-benefits article:nth-child(3) { padding-left:30px; }
.nocturne-benefits article:nth-child(3) { border-right:0; }
.nocturne-benefits article > span { color:#bf849e; font:600 9px/1 "Manrope",sans-serif; }
.nocturne-benefits h3 { margin:70px 0 12px; color:#f8edf1; font:400 31px/1 "Instrument Serif",serif; }
.nocturne-benefits article p { max-width:310px; margin:0; color:#9f8794; font:500 10px/1.8 "Manrope",sans-serif; }
.nocturne-benefits blockquote { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; align-items:end; gap:40px; margin:0; padding:55px 0 0; }
.nocturne-benefits blockquote p { max-width:850px; margin:0; color:#d7b7c4; font:italic 400 clamp(38px,4.2vw,62px)/1 "Instrument Serif",serif; }
.nocturne-benefits blockquote footer { color:#7d6673; font:600 8px/1 "Manrope",sans-serif; text-transform:uppercase; letter-spacing:.14em; }

html[data-landing-style="3"] .home-page .journey-section { padding-block:120px; background:#efe7e1; color:#2d1f28; }
.nocturne-journey-copy { display:grid; grid-template-columns:1.1fr .7fr; align-items:end; gap:25px 70px; margin-bottom:65px; }
.nocturne-journey-copy .eyebrow { grid-column:1/-1; color:#9c637d; }
.nocturne-journey-copy h2 { margin:0; font:400 clamp(62px,6vw,92px)/.85 "Instrument Serif",serif; }
.nocturne-journey-copy p { max-width:420px; margin:0 0 7px; color:#765f6b; font:500 12px/1.85 "Manrope",sans-serif; }
.nocturne-journey-steps { display:grid; grid-template-columns:repeat(3,1fr); margin:0 0 45px; padding:0; border-block:1px solid #cfbdbe; list-style:none; }
.nocturne-journey-steps li { min-height:190px; display:grid; grid-template-columns:auto 1fr; gap:20px; padding:28px 30px 32px 0; border-right:1px solid #cfbdbe; }
.nocturne-journey-steps li:nth-child(2),.nocturne-journey-steps li:nth-child(3) { padding-left:30px; }.nocturne-journey-steps li:last-child { border-right:0; }
.nocturne-journey-steps > li > span { color:#a66d87; font:italic 400 18px/1 "Instrument Serif",serif; }
.nocturne-journey-steps h3 { margin:0 0 11px; font:400 27px/1 "Instrument Serif",serif; }
.nocturne-journey-steps p { margin:0; color:#78626d; font:500 10px/1.75 "Manrope",sans-serif; }
.nocturne-journey-art { overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 1fr auto; align-items:center; border:1px solid #cbb9bb; border-radius:26px; background:#e3d5d1; }
.nocturne-journey-art > img:first-child { width:100%; height:260px; object-fit:cover; filter:saturate(.72); }
.nocturne-journey-art > span { display:flex; flex-direction:column; padding:35px; }
.nocturne-journey-art small { color:#9e6c83; text-transform:uppercase; letter-spacing:.12em; }
.nocturne-journey-art strong { margin-top:12px; color:#2e1d27; font:400 38px/1 "Instrument Serif",serif; }
.nocturne-journey-art > img:last-child { width:21px; height:21px; margin-right:35px; filter:brightness(0) saturate(100%) invert(15%) sepia(9%) saturate(1616%) hue-rotate(283deg); }
html[data-landing-style="3"] .home-page .site-footer { border-color:#422d42; background:#160f18; }
.nocturne-footer { padding:90px 0 25px; }
.nocturne-footer-lead { display:grid; grid-template-columns:.6fr 1.2fr .8fr; align-items:end; gap:45px; padding-bottom:70px; border-bottom:1px solid #422d42; }
.nocturne-footer-lead > span { color:#9f7589; font:600 8px/1 "Manrope",sans-serif; text-transform:uppercase; letter-spacing:.15em; }
.nocturne-footer-lead h2 { margin:0; color:#f7ebf0; font:italic 400 clamp(70px,7vw,105px)/.75 "Instrument Serif",serif; }
.nocturne-footer-lead p { max-width:330px; margin:0 0 7px; color:#947d89; font:500 10px/1.8 "Manrope",sans-serif; }
.nocturne-footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; padding:55px 0 65px 34%; }
.nocturne-footer-links div { display:flex; flex-direction:column; gap:11px; }
.nocturne-footer-links small { margin-bottom:8px; color:#c28ca4; text-transform:uppercase; letter-spacing:.12em; }
.nocturne-footer-links a { width:fit-content; color:#9b8590; font:500 10px/1.3 "Manrope",sans-serif; }.nocturne-footer-links a:hover { color:#f1dce5; }
.nocturne-footer > footer { display:flex; justify-content:space-between; padding-top:18px; border-top:1px solid #342435; color:#715f69; font:500 8px/1 "Manrope",sans-serif; }

@media (max-width:1000px) {
    .hero-two-sales { grid-template-columns:1fr; }
    .sales-pitch { min-height:680px; }
    .sales-arsenal { min-height:700px; }
    html[data-landing-style="2"] .home-page .hero-variant-2 > .hero-layout-two { min-height:0; }
    .nocturne-hero { grid-template-columns:1fr; padding-top:85px !important; }
    .nocturne-copy { max-width:760px; }
    .nocturne-deck { min-height:630px; }
    .nocturne-card { width:min(48vw,380px); }
}

@media (max-width:680px) {
    html[data-landing-style="2"] .home-page .header-brand { display:flex !important; }
    html[data-landing-style="2"] .home-page .nav-toggle { position:absolute !important; z-index:102; top:14px; right:20px; width:42px; height:42px; display:grid !important; place-items:center; margin:0 !important; border-color:#6f3a28; background:#24130d; opacity:1 !important; visibility:visible !important; transform:none !important; }
    .sales-pitch { min-height:calc(100svh - 70px); padding:62px 20px 54px; }
    .sales-pitch h1 { font-size:clamp(67px,21vw,88px); }
    .sales-pitch > p { margin-top:28px; font-size:13px; }
    .sales-pitch .hero-actions { align-items:stretch; }
    .sales-pitch .button,.sales-discord { width:100%; justify-content:center; }
    .sales-proof { gap:13px; flex-direction:column; }
    .sales-arsenal { min-height:720px; display:flex; padding:72px 20px 42px; }
    .r6-visual { clip-path:inset(0 0 0 34%); opacity:1; -webkit-mask-image:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.25) 48%,#000 75%); mask-image:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.25) 48%,#000 75%); }
    .r6-visual-image { object-position:82% center; }
    .sales-arsenal-label { top:34px; left:20px; }
    .arsenal-statement { align-self:stretch; width:100%; }
    .arsenal-statement > span { margin-bottom:20px; font-size:8px; }
    .arsenal-statement h2 { font-size:clamp(72px,21vw,86px); }
    .arsenal-stamp { top:auto; right:28px; bottom:112px; width:74px; height:74px; }
    .arsenal-foot { gap:12px; align-items:flex-start; flex-direction:column; }
    .arsenal-head h2 { font-size:52px; }
    .arsenal-head p { font-size:11px; }
    .arsenal-item { grid-template-columns:30px minmax(0,1fr); gap:12px; }
    .arsenal-item em { display:none; }
    .arsenal-item small { white-space:normal; }
    .arsenal-foot { line-height:1.45; }
    .sales-marquee { height:52px; }
    .nocturne-hero { min-height:0; padding-top:58px !important; padding-bottom:110px !important; }
    .nocturne-copy h1 { font-size:clamp(63px,19vw,83px); }
    .nocturne-copy h1 span:last-child { margin-left:18px; }
    .nocturne-copy > p { margin-top:26px; font-size:12px; }
    .nocturne-deck { min-height:490px; margin-top:20px; }
    .nocturne-card { width:245px; border-radius:16px; }
    .nocturne-card strong { font-size:20px; }
    .nocturne-card-2 { transform:translate(-88%,-47%) rotate(-11deg); }.nocturne-card-3 { transform:translate(-12%,-47%) rotate(11deg); }
    .nocturne-orbit { width:380px; }
    .nocturne-ribbon { overflow:hidden; justify-content:flex-start; white-space:nowrap; }
    html[data-landing-style="3"] .home-page .section-heading h2 { font-size:52px; }
    html[data-landing-style="3"] .home-page .product-grid { grid-template-columns:1fr; }
    html[data-landing-style="3"] .home-page .filter-bar { border-radius:18px; }
    .nocturne-standard-head,.nocturne-journey-copy { grid-template-columns:1fr; gap:18px; }
    .nocturne-standard-head .eyebrow,.nocturne-journey-copy .eyebrow { grid-column:auto; }
    .nocturne-standard-head h2,.nocturne-journey-copy h2 { font-size:55px; }
    .nocturne-benefits,.nocturne-journey-steps { grid-template-columns:1fr; }
    .nocturne-benefits article,.nocturne-benefits article:nth-child(2),.nocturne-benefits article:nth-child(3) { min-height:0; padding:27px 0; border-right:0; }
    .nocturne-benefits h3 { margin-top:34px; }
    .nocturne-benefits blockquote { grid-template-columns:1fr; }
    .nocturne-benefits blockquote p { font-size:40px; }
    .nocturne-journey-steps li,.nocturne-journey-steps li:nth-child(2),.nocturne-journey-steps li:nth-child(3) { min-height:0; padding:26px 0; border-right:0; border-bottom:1px solid #cfbdbe; }
    .nocturne-journey-art { grid-template-columns:1fr auto; }
    .nocturne-journey-art > img:first-child { grid-column:1/-1; height:auto; aspect-ratio:16/9; }
    .nocturne-journey-art > span { padding:25px; }.nocturne-journey-art strong { font-size:29px; }.nocturne-journey-art > img:last-child { margin-right:22px; }
    .nocturne-footer-lead { grid-template-columns:1fr; gap:25px; }.nocturne-footer-lead h2 { font-size:78px; }
    .nocturne-footer-links { grid-template-columns:1fr 1fr; padding-left:0; }.nocturne-footer-links div:last-child { grid-column:1/-1; }
}

@media (prefers-reduced-motion:reduce) {
    .sales-marquee > div { animation:none; }
    .r6-visual-image { animation:none; }
    .hero-variant-2.is-style-entering *,.hero-variant-3.is-style-entering * { animation:none !important; }
}

/* The Style 1 vault is a site-level opening, not a hero-contained effect. */
body.site-opening { overflow:hidden; }
html[data-landing-style="1"] .hero-variant-1 { transform:none; }
html[data-landing-style="1"] .hero-variant-1 .vault-intro { position:fixed; z-index:500; inset:0; width:100vw; height:100svh; }
body > .vault-intro.is-site-vault { position:fixed; z-index:1000; inset:0; width:100vw; height:100svh; }
body.site-opening > .vault-intro.is-site-vault { visibility:visible; animation:vault-clear 2.2s cubic-bezier(.7,0,.2,1) forwards; }
body.site-opening > .vault-intro .vault-light { animation:vault-light 1.35s .3s cubic-bezier(.16,1,.3,1) forwards; }
body.site-opening > .vault-intro .vault-door-left { animation:vault-open-left 1.28s .58s cubic-bezier(.22,1,.36,1) forwards; }
body.site-opening > .vault-intro .vault-door-right { animation:vault-open-right 1.28s .58s cubic-bezier(.22,1,.36,1) forwards; }
body.site-opening > .vault-intro .vault-seal { animation:vault-seal-unlock 1.1s .12s cubic-bezier(.34,1.56,.64,1) forwards; }
.hero-variant:not(.is-active) { height:0; min-height:0; }
.hero-variant:not(.is-active) * { animation-play-state:paused !important; }
.nocturne-hero { box-sizing:border-box; }

/* Nocturne uses soft physical motion throughout, never terminal stepping. */
html[data-landing-style="3"] .home-page.motion-ready .section-heading.reveal-item,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-standard-head.reveal-item,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-journey-copy.reveal-item { opacity:0; clip-path:inset(0); filter:none; letter-spacing:normal; transform:translateY(48px); transition:opacity .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="3"] .home-page.motion-ready .section-heading.is-visible,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-standard-head.is-visible,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-journey-copy.is-visible { opacity:1; transform:none; }
html[data-landing-style="3"] .home-page.motion-ready .nocturne-benefits article.reveal-item,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-benefits blockquote.reveal-item,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-journey-steps li.reveal-item,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-journey-art.reveal-item { opacity:0; transform:translateY(42px); transition:opacity .78s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .78s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="3"] .home-page.motion-ready .nocturne-benefits article.is-visible,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-benefits blockquote.is-visible,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-journey-steps li.is-visible,
html[data-landing-style="3"] .home-page.motion-ready .nocturne-journey-art.is-visible { opacity:1; transform:none; }

@media (min-width:1001px) {
    .nocturne-hero { height:calc(100svh - 76px); min-height:760px; }
}

@media (max-width:680px) {
    html[data-landing-style="2"] .home-page .header-brand { display:flex !important; }
    html[data-landing-style="2"] .home-page .nav-wrap::before { content:none; }
    html[data-landing-style="2"] .home-page.motion-ready .section-heading.reveal-item,
    html[data-landing-style="2"] .home-page.motion-ready .arena-promise-head.reveal-item,
    html[data-landing-style="2"] .home-page.motion-ready .cinema-delivery-head.reveal-item,
    html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card.reveal-item,
    html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card:nth-child(even).reveal-item,
    html[data-landing-style="2"] .home-page.motion-ready .arena-promises article.reveal-item,
    html[data-landing-style="2"] .home-page.motion-ready .cinema-steps li.reveal-item,
    html[data-landing-style="2"] .home-page.motion-ready .match-ticket.reveal-item { opacity:0; clip-path:none; transform:translateY(28px); filter:none; transition:opacity .55s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .55s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
    html[data-landing-style="2"] .home-page.motion-ready .section-heading.is-visible,
    html[data-landing-style="2"] .home-page.motion-ready .arena-promise-head.is-visible,
    html[data-landing-style="2"] .home-page.motion-ready .cinema-delivery-head.is-visible,
    html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card.is-visible,
    html[data-landing-style="2"] .home-page.motion-ready .catalog-product-card:nth-child(even).is-visible,
    html[data-landing-style="2"] .home-page.motion-ready .arena-promises article.is-visible,
    html[data-landing-style="2"] .home-page.motion-ready .cinema-steps li.is-visible,
    html[data-landing-style="2"] .home-page.motion-ready .match-ticket.is-visible { opacity:1; clip-path:none; transform:none; }
}

/* Dense four-column catalog with equal-width product cards. */
html[data-landing-style] .home-page .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; align-items:stretch; gap:14px; }
html[data-landing-style] .home-page .catalog-product-card { position:relative; min-width:0; height:100%; display:grid; grid-template-rows:auto 1fr; overflow:hidden; border-radius:14px; }
html[data-landing-style] .home-page .catalog-product-card::after { content:""; position:absolute; z-index:5; top:0; right:18%; left:18%; height:2px; background:linear-gradient(90deg,transparent,#8b5cf6 35%,#3b82f6 70%,transparent); opacity:0; transform:scaleX(.45); transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1); pointer-events:none; }
html[data-landing-style] .home-page .catalog-product-card:hover { border-color:#6657a8; box-shadow:0 18px 42px rgba(43,38,110,.22),0 0 0 1px rgba(59,130,246,.08); }
html[data-landing-style] .home-page .catalog-product-card:hover::after { opacity:1; transform:scaleX(1); }
html[data-landing-style] .home-page .catalog-card-index { display:none; }
html[data-landing-style] .home-page .catalog-product-featured { grid-column:auto; }
.catalog-card-banner { position:absolute; z-index:4; top:10px; right:10px; max-width:calc(100% - 20px); overflow:hidden; padding:5px 9px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#fff; font-size:9px; font-weight:900; letter-spacing:.06em; line-height:1; text-overflow:ellipsis; text-shadow:0 1px 2px rgba(0,0,0,.4); text-transform:uppercase; white-space:nowrap; }
.catalog-card-banner-sale { background:linear-gradient(110deg,#dc2626,#f97316); box-shadow:0 8px 22px rgba(220,38,38,.28); }
.catalog-card-banner-featured { background:linear-gradient(110deg,#7c3aed,#2563eb); box-shadow:0 8px 22px rgba(91,67,201,.32); }
.catalog-card-banner-popular { background:linear-gradient(110deg,#db2777,#9333ea); box-shadow:0 8px 22px rgba(190,24,93,.27); }
.catalog-card-banner-new { background:linear-gradient(110deg,#059669,#0891b2); box-shadow:0 8px 22px rgba(5,150,105,.25); }
.catalog-card-banner-best-seller { background:linear-gradient(110deg,#d97706,#ca8a04); box-shadow:0 8px 22px rgba(217,119,6,.27); }
.catalog-card-banner-limited { background:linear-gradient(110deg,#be123c,#7f1d1d); box-shadow:0 8px 22px rgba(159,18,57,.3); }
html[data-landing-style] .home-page .catalog-product-art { height:auto; aspect-ratio:1200/628; }
html[data-landing-style] .home-page .catalog-product-art img { width:100%; height:100%; object-fit:cover; }
html[data-landing-style] .home-page .catalog-card-copy { padding:13px 14px 14px; }
html[data-landing-style] .home-page .catalog-card-primary { display:flex; align-items:center; justify-content:space-between; gap:15px; }
html[data-landing-style] .home-page .catalog-card-title { min-width:0; display:flex; flex-direction:column; gap:5px; }
html[data-landing-style] .home-page .catalog-card-primary h3 { overflow:hidden; min-width:0; margin:0; font-size:17px; font-weight:800; line-height:1.2; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }
html[data-landing-style] .home-page .catalog-card-primary h3 a:hover { color:#a997ff; }
html[data-landing-style] .home-page .catalog-price-range { width:fit-content; flex:0 0 auto; align-self:flex-start; margin-right:auto; background:linear-gradient(90deg,#a78bfa,#60a5fa); color:transparent; font-size:14px; font-weight:850; line-height:1.2; letter-spacing:-.015em; text-align:left; white-space:nowrap; -webkit-background-clip:text; background-clip:text; }
html[data-landing-style] .home-page .catalog-status-pill { flex:0 0 auto; padding:5px 7px; border:1px solid currentColor; border-radius:999px; background:transparent; font-size:9px; }
html[data-landing-style] .home-page .catalog-status-pill i { display:none; }
html[data-landing-style] .home-page .catalog-card-foot { align-items:center; justify-content:space-between; margin-top:11px; padding-top:10px; }
html[data-landing-style] .home-page .catalog-view-options { display:inline-flex; align-items:center; flex:0 0 auto; gap:5px; padding:0; border:0; background:none; color:#585875; font-size:10px; font-weight:900; }
html[data-landing-style] .home-page .catalog-view-options img { width:13px; height:13px; transition:transform .2s ease; }
html[data-landing-style] .home-page .catalog-view-options:hover img { transform:translateX(3px); }
html[data-landing-style="1"] .home-page .catalog-view-options img,
html[data-landing-style="2"] .home-page .catalog-view-options img { filter:brightness(0) saturate(100%) invert(58%) sepia(89%) saturate(1974%) hue-rotate(199deg) brightness(103%) contrast(101%); }
html[data-landing-style="2"] .home-page .catalog-product-card { border:1px solid #3a3558; background:#171622; }
html[data-landing-style="2"] .home-page .catalog-card-copy h3 { color:#f5f2ff; font-size:17px; font-weight:800; text-transform:none; }
html[data-landing-style="3"] .home-page .catalog-product-card { border-radius:18px; }
html[data-landing-style="3"] .home-page .catalog-card-copy h3 { font-size:18px; font-weight:800; }
html[data-landing-style] .home-page .section-heading h2 { font-weight:800; }
html[data-landing-style] .home-page .filter-bar:focus-within { border-color:#6256a5; box-shadow:0 0 0 3px rgba(91,84,190,.12); }
html[data-landing-style] .home-page .filter-pills a.active,
html[data-landing-style] .home-page .filter-pills a:hover { background:linear-gradient(110deg,rgba(139,92,246,.2),rgba(59,130,246,.18)); color:#f4f1ff; }
html[data-landing-style="1"] .home-page .search-field img { opacity:.72; }
html[data-landing-style="1"] .home-page .search-field input { color:#ddd9e7; font-size:12px; font-weight:500; }
html[data-landing-style="1"] .home-page .search-field input::placeholder { color:#918ca0; opacity:1; }
html[data-landing-style="1"] .home-page .filter-pills a { color:#aaa4b8; font-size:11px; font-weight:600; }

@media (max-width:1100px) {
    html[data-landing-style] .home-page .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:800px) {
    html[data-landing-style] .home-page .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
}

@media (max-width:560px) {
    html[data-landing-style] .home-page .product-grid { grid-template-columns:1fr; }
    html[data-landing-style] .home-page .catalog-product-featured { grid-column:auto; }
    html[data-landing-style] .home-page .catalog-product-art { height:auto; aspect-ratio:1200/628; }
    html[data-landing-style] .home-page .catalog-card-foot { align-items:center; flex-direction:row; }
}

@media (max-width:900px) {
    .hero-home,.hero-variants,
    .hero-variant-1,
    .hero-variant-1 > .hero-layout-one { min-height:calc(100svh - 120px); }
    .hero-title-nowrap { white-space:normal; }
}

/* Style 1 account journey and customer dashboard preview. */
html[data-landing-style="1"] .home-page .journey-section { padding:118px 0 110px; border-top:1px solid #25232c; background:#08080a; }
html[data-landing-style="1"] .home-page .gv-dashboard-showcase { grid-template-columns:1fr; gap:0; }
.gv-dashboard-intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); align-items:end; gap:30px 80px; margin-bottom:52px; }
.gv-dashboard-intro .eyebrow { grid-column:1/-1; margin:0; color:#9d8bff; }
.gv-dashboard-intro h2 { max-width:780px; margin:0; padding-bottom:.08em; overflow-wrap:anywhere; font-size:clamp(48px,5.7vw,74px); font-weight:800; line-height:1.06; letter-spacing:-.055em; transform:translateY(-10px); }
.gv-dashboard-intro > p { max-width:470px; margin:0 0 4px; color:#aaa7b2; font-size:13px; line-height:1.8; }
.gv-dashboard-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin:0 0 54px; padding:0; list-style:none; }
.gv-dashboard-steps li { position:relative; min-width:0; padding:22px 2px 0; border-top:2px solid #34313c; }
.gv-dashboard-steps li::before { content:""; position:absolute; top:-2px; left:0; width:54px; height:2px; background:linear-gradient(90deg,#9c6cff,#4d8cff); }
.gv-dashboard-steps li > span { width:29px; height:29px; display:grid; place-items:center; margin-bottom:17px; border:1px solid #7967d7; border-radius:7px; background:#8b5cf6; box-shadow:0 7px 22px rgba(99,74,205,.25); color:#fff; font-size:9px; font-weight:900; }
.gv-dashboard-steps li > span img { width:16px; height:16px; filter:brightness(0) invert(1); }
.gv-dashboard-steps h3 { margin:0 0 9px; color:#f7f5fb; font-size:18px; font-weight:800; letter-spacing:-.025em; }
.gv-dashboard-steps p { max-width:260px; margin:0; color:#817e89; font-size:12px; line-height:1.7; }
.gv-dashboard-browser { grid-column:auto; grid-row:auto; overflow:hidden; border:1px solid #3c3947; border-radius:16px; background:#0d0d12; box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.05); }
.gv-browser-bar { height:47px; display:grid; grid-template-columns:100px 1fr 100px; align-items:center; padding:0 18px; border-bottom:1px solid #292731; background:#15141b; }
.gv-browser-dots { display:flex; gap:7px; }
.gv-browser-dots i { width:9px; height:9px; border-radius:50%; background:#403d49; }
.gv-browser-address { justify-self:center; min-width:280px; padding:7px 13px; border:1px solid #34313d; border-radius:6px; background:#101015; color:#716d7c; font:500 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace; text-align:center; }
.gv-browser-secure { justify-self:end; display:flex; align-items:center; gap:6px; color:#76717f; font-size:8px; }
.gv-browser-secure img { width:12px; height:12px; filter:brightness(0) saturate(100%) invert(57%) sepia(73%) saturate(3902%) hue-rotate(228deg) brightness(101%); }
.gv-dashboard-screen { min-height:520px; display:grid; grid-template-columns:210px minmax(0,1fr); background:#0b0b10; }
.gv-dashboard-sidebar { display:flex; flex-direction:column; padding:25px 17px 18px; border-right:1px solid #282630; background:#0e0e13; }
.gv-dashboard-brand { display:grid; grid-template-columns:29px minmax(0,1fr) auto; align-items:center; gap:9px; margin:0 6px 33px; }
.gv-dashboard-brand > img { width:29px; height:29px; border-radius:7px; object-fit:cover; }
.gv-dashboard-brand strong { overflow:hidden; color:#f5f3f9; font-size:9px; font-weight:900; letter-spacing:-.03em; text-overflow:ellipsis; }
.gv-dashboard-brand > span { padding:4px 6px; border:1px solid #644fc0; border-radius:999px; background:rgba(139,92,246,.13); color:#b7a8ff; font-size:6px; font-weight:800; text-transform:uppercase; }
.gv-dashboard-sidebar nav { display:flex; flex-direction:column; gap:5px; }
.gv-dashboard-sidebar nav span { min-height:38px; display:flex; align-items:center; gap:10px; padding:0 11px; border-radius:7px; color:#777380; font-size:9px; font-weight:600; }
.gv-dashboard-sidebar nav span.active { background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(59,130,246,.08)); color:#d9d1ff; }
.gv-dashboard-sidebar nav img { width:14px; height:14px; opacity:.65; filter:brightness(0) invert(1); }
.gv-dashboard-sidebar nav .active img { opacity:1; filter:brightness(0) saturate(100%) invert(68%) sepia(48%) saturate(4146%) hue-rotate(214deg) brightness(102%); }
.gv-dashboard-sidebar > small { margin:auto 10px 0; padding-top:18px; border-top:1px solid #292731; color:#585560; font-size:7px; text-transform:uppercase; letter-spacing:.1em; }
.gv-dashboard-main { min-width:0; padding:27px 29px 31px; }
.gv-dashboard-main > header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.gv-dashboard-main > header small { color:#6f6b78; font-size:7px; text-transform:uppercase; letter-spacing:.12em; }
.gv-dashboard-main > header h3 { margin:5px 0 0; color:#f6f4f9; font-size:22px; font-weight:800; letter-spacing:-.045em; }
.gv-dashboard-user { width:33px; height:33px; display:grid; place-items:center; border:1px solid #7763d4; border-radius:50%; background:linear-gradient(135deg,#9b6cff,#3b82f6); color:#fff; font-size:8px; font-weight:900; }
.gv-dashboard-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-bottom:21px; }
.gv-dashboard-stats article { min-height:84px; display:flex; flex-direction:column; justify-content:center; padding:15px 17px; border:1px solid #302d38; border-radius:10px; background:#131219; }
.gv-dashboard-stats span,.gv-dashboard-stats small { color:#74707d; font-size:7px; }
.gv-dashboard-stats strong { margin:5px 0 3px; color:#fff; font-size:21px; font-weight:800; letter-spacing:-.04em; }
.gv-dashboard-orders { overflow:hidden; border:1px solid #302d38; border-radius:10px; background:#101015; }
.gv-dashboard-orders > header { min-height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 17px; border-bottom:1px solid #292731; }
.gv-dashboard-orders > header div { display:flex; align-items:center; gap:10px; }
.gv-dashboard-orders > header strong { color:#e9e6ee; font-size:10px; }
.gv-dashboard-orders > header div span,.gv-dashboard-orders > header > span { color:#65616d; font-size:7px; }
.gv-dashboard-orders > header > span { color:#a997ff; font-weight:700; }
.gv-dashboard-table-head,.gv-dashboard-row { display:grid; grid-template-columns:minmax(180px,1.3fr) minmax(100px,.8fr) 95px 82px; align-items:center; gap:14px; padding-inline:17px; }
.gv-dashboard-table-head { min-height:36px; border-bottom:1px solid #25232c; color:#57535e; font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.gv-dashboard-row { min-height:61px; border-bottom:1px solid #25232c; color:#8c8794; font-size:8px; }
.gv-dashboard-row:last-child { border-bottom:0; }
.gv-dashboard-product { min-width:0; display:flex; align-items:center; gap:10px; }
.gv-dashboard-product img { width:46px; height:28px; flex:0 0 46px; border:1px solid #34313c; border-radius:4px; object-fit:cover; }
.gv-dashboard-product strong { overflow:hidden; color:#dedbe4; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.gv-dashboard-row code { color:#716d79; font:500 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.gv-dashboard-status { display:inline-flex; align-items:center; width:fit-content; gap:6px; color:var(--green); font-size:7px; font-weight:800; text-transform:uppercase; }
.gv-dashboard-status i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.gv-dashboard-status.status-updating { color:var(--blue); }.gv-dashboard-status.status-detected { color:var(--danger); }
.gv-dashboard-guide { display:inline-flex; align-items:center; gap:5px; color:#aa9bfa; font-size:7px; font-weight:700; }
.gv-dashboard-guide img { width:10px; height:10px; filter:brightness(0) saturate(100%) invert(67%) sepia(48%) saturate(1120%) hue-rotate(210deg) brightness(101%); }
.gv-dashboard-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:24px 2px 0; }
.gv-dashboard-footer p { margin:0; color:#7f7b86; font-size:10px; }.gv-dashboard-footer p strong { color:#f0edf4; }
.gv-dashboard-footer a { display:inline-flex; align-items:center; flex:0 0 auto; gap:8px; padding-bottom:5px; border-bottom:1px solid #8b5cf6; color:#f5f1ff; font-size:10px; font-weight:800; }
.gv-dashboard-footer a img { width:13px; height:13px; filter:brightness(0) invert(1); transition:transform .2s ease; }.gv-dashboard-footer a:hover img { transform:translateX(3px); }

html[data-landing-style="1"] .home-page.motion-ready .gv-dashboard-steps li.reveal-item { opacity:0; transform:translateY(28px); transition:opacity .65s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .65s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="1"] .home-page.motion-ready .gv-dashboard-steps li.is-visible { opacity:1; transform:none; }
html[data-landing-style="1"] .home-page.motion-ready .gv-dashboard-footer.reveal-item { opacity:0; transform:translateY(16px); transition:opacity .55s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .55s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
html[data-landing-style="1"] .home-page.motion-ready .gv-dashboard-footer.is-visible { opacity:1; transform:none; }

@media (max-width:1000px) {
    .gv-dashboard-intro { grid-template-columns:1fr; gap:18px; margin-bottom:52px; }
    .gv-dashboard-intro .eyebrow { grid-column:auto; }
    .gv-dashboard-steps { grid-template-columns:repeat(2,1fr); }
    .gv-dashboard-screen { grid-template-columns:170px minmax(0,1fr); }
    .gv-dashboard-main { padding-inline:20px; }
    .gv-dashboard-table-head,.gv-dashboard-row { grid-template-columns:minmax(150px,1.2fr) minmax(90px,.8fr) 85px; }
    .gv-dashboard-table-head span:last-child,.gv-dashboard-row > span:last-child { display:none; }
}

@media (max-width:720px) {
    html[data-landing-style="1"] .home-page .journey-section { padding-block:80px; }
    .gv-dashboard-steps { grid-template-columns:1fr; gap:24px; }
    .gv-dashboard-steps p { max-width:520px; }
    .gv-browser-bar { grid-template-columns:70px 1fr; }.gv-browser-secure { display:none; }.gv-browser-address { min-width:0; width:100%; }
    .gv-dashboard-screen { grid-template-columns:1fr; min-height:0; }
    .gv-dashboard-sidebar { display:none; }
    .gv-dashboard-main { padding:22px 15px; }
    .gv-dashboard-stats { grid-template-columns:1fr 1fr; }.gv-dashboard-stats article:last-child { display:none; }
    .gv-dashboard-table-head,.gv-dashboard-row { grid-template-columns:minmax(125px,1fr) 78px; gap:10px; padding-inline:12px; }
    .gv-dashboard-table-head span:nth-child(2),.gv-dashboard-row code { display:none; }
    .gv-dashboard-product img { width:38px; flex-basis:38px; }
    .gv-dashboard-footer { align-items:flex-start; flex-direction:column; }
}

/* Account and administrator security */
.mfa-card { max-width:520px; }
.mfa-card > form + form { margin-top:18px; text-align:center; }
.mfa-qr { display:grid; place-items:center; width:292px; max-width:100%; margin:24px auto; padding:6px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.mfa-qr img { display:block; width:100%; height:auto; }
.mfa-manual { margin:0 0 22px; padding:14px 16px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); }
.mfa-manual summary { cursor:pointer; color:var(--muted); }
.mfa-manual code { display:block; margin-top:12px; overflow-wrap:anywhere; color:var(--accent-soft); letter-spacing:.12em; }
.recovery-card { text-align:left; }
.recovery-codes { width:100%; margin:18px 0 12px; resize:none; color:var(--accent-soft); font:600 14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; }
.recovery-card .button + .button { margin-top:10px; }

.security-panel { margin-bottom:18px; padding:24px; }
.security-panel > header { margin:-24px -24px 22px; padding:18px 24px; }
.security-panel h2 { margin:0 0 8px; font-size:18px; }
.security-panel p { color:var(--muted); }
.security-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.security-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.danger-panel { border-color:rgba(255,104,119,.32); }
.session-list { display:grid; }
.session-list article { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 0; border-top:1px solid var(--line-soft); }
.session-list article:first-child { border-top:0; }
.session-list article > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.session-list article small { flex-basis:100%; color:var(--muted); }

.license-key-value { display:flex; align-items:stretch; gap:8px; margin-top:10px; }
.license-key-value code { flex:1; min-width:0; overflow-wrap:anywhere; }
.copy-key-button { flex:0 0 auto; padding:8px 11px; border:1px solid var(--line); border-radius:7px; background:var(--surface-2); color:var(--text); font:700 11px/1 Inter,sans-serif; cursor:pointer; }
.copy-key-button:hover,.copy-key-button.is-copied { border-color:var(--accent); color:var(--accent-soft); }
.customer-order-actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding:14px 20px; border-top:1px solid var(--line-soft); }
.customer-order-actions small { color:var(--muted); }

.admin-user-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin:17px 0 30px; }
.admin-user-controls .form-panel { margin:0; }
.admin-user-controls h2 { margin:0 0 8px; font-size:18px; }
.admin-user-controls p { color:var(--muted); }
.settings-form { display:grid; gap:0; max-width:900px; }
.settings-form section { display:grid; gap:16px; padding:26px 0; border-bottom:1px solid var(--line); }
.settings-form section:first-of-type { padding-top:0; }
.settings-form h2 { margin:0; font-size:20px; }
.setting-toggle { display:flex !important; align-items:flex-start; flex-direction:row !important; gap:14px; padding:16px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); cursor:pointer; }
.setting-toggle input { width:18px; height:18px; margin-top:2px; accent-color:var(--accent); }
.setting-toggle span { display:grid; gap:5px; }
.setting-toggle small { color:var(--muted); font-weight:400; line-height:1.5; }
.announcement-settings { margin-top:8px; padding:27px !important; border:1px solid #37284f !important; border-radius:13px; background:linear-gradient(145deg,rgba(25,20,37,.72),rgba(13,13,18,.55)); }
.announcement-settings-heading { display:grid; gap:7px; }
.announcement-settings-heading .eyebrow { color:#a986ff; }
.announcement-settings-heading p { max-width:680px; margin:0; line-height:1.6; }
.announcement-toggle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.announcement-toggle-grid .setting-toggle { height:100%; padding:18px; }
.announcement-field-grid { gap:18px 16px; padding-top:3px; }
.announcement-field-grid .field-label { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:18px; }
.announcement-field-grid .field-label small { padding:3px 7px; border:1px solid #3b3049; border-radius:999px; color:#8d829e; font-size:8px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.announcement-field-grid textarea { min-height:114px; resize:vertical; }
.store-settings-form > .button { justify-self:start; min-width:180px; margin-top:20px; }
.maintenance-section { display:grid; place-items:center; min-height:70vh; padding:120px 0 80px; }
.maintenance-card { max-width:680px; padding:48px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,var(--surface-2),var(--surface)); box-shadow:var(--shadow); text-align:center; }
.maintenance-card h1 { margin:14px 0; font-size:clamp(34px,6vw,64px); }
.maintenance-card p { margin:0 auto 26px; max-width:540px; color:var(--muted); font-size:16px; line-height:1.7; }
.admin-low-stock-panel { margin-top:17px; }
.reveal-delay-1 { --reveal-delay:45ms; }
.reveal-delay-2 { --reveal-delay:90ms; }
.reveal-delay-3 { --reveal-delay:135ms; }
.clipboard-fallback { position:fixed; inset:0 auto auto 0; width:1px; height:1px; opacity:0; pointer-events:none; }

@media (max-width:800px) {
    .security-form-grid,.security-action-grid,.admin-user-controls,.announcement-toggle-grid { grid-template-columns:1fr; }
    .customer-order-actions { align-items:flex-start; flex-direction:column; }
}

/* Checkout confirmation and receipt */
.checkout-page { background:#07070b; }
.checkout-experience { position:relative; min-height:calc(100svh - 78px); overflow:hidden; padding:132px 0 90px; isolation:isolate; }
.checkout-experience::before { content:""; position:absolute; z-index:-3; inset:0; background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 76%); }
.checkout-glow { position:absolute; z-index:-2; width:620px; height:620px; border-radius:50%; filter:blur(3px); opacity:.48; pointer-events:none; }
.checkout-glow-one { top:-330px; left:-180px; background:radial-gradient(circle,rgba(120,82,255,.34),transparent 68%); }
.checkout-glow-two { right:-280px; bottom:-390px; background:radial-gradient(circle,rgba(56,112,255,.26),transparent 68%); }
.checkout-glow-success { top:15%; right:-310px; background:radial-gradient(circle,rgba(54,211,147,.2),transparent 67%); }
.checkout-experience-shell,.checkout-success-shell { width:min(1120px,calc(100% - 40px)); }
.checkout-trust-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; color:#8e8999; font-size:11px; }
.checkout-trust-bar > span { display:flex; align-items:center; gap:8px; color:#b9b3c7; font-weight:700; letter-spacing:.02em; }
.checkout-trust-bar img { width:15px; height:15px; filter:brightness(0) saturate(100%) invert(70%) sepia(37%) saturate(1877%) hue-rotate(206deg) brightness(102%); }
.checkout-trust-bar small { color:#666270; }
.checkout-experience-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr); gap:16px; align-items:stretch; }
.checkout-state-card,.checkout-progress-card,.success-receipt-card,.success-delivery-card { border:1px solid #292731; background:linear-gradient(145deg,rgba(18,17,24,.97),rgba(11,11,16,.98)); box-shadow:0 34px 90px rgba(0,0,0,.32); }
.checkout-state-card { position:relative; min-height:490px; display:grid; grid-template-columns:230px minmax(0,1fr); align-items:center; gap:28px; overflow:hidden; padding:54px 50px; border-radius:22px; }
.checkout-state-card::after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(120deg,rgba(144,111,255,.08),transparent 35%); pointer-events:none; }
.checkout-state-visual { position:relative; z-index:1; display:grid; place-items:center; width:210px; height:210px; }
.checkout-orbit { position:relative; width:174px; height:174px; display:grid; place-items:center; border:1px solid rgba(145,116,255,.2); border-radius:50%; background:radial-gradient(circle,rgba(122,84,255,.12),transparent 66%); }
.checkout-orbit::before,.checkout-orbit::after { content:""; position:absolute; border-radius:50%; }
.checkout-orbit::before { inset:-15px; border:1px dashed rgba(151,125,255,.32); animation:checkout-orbit-spin 12s linear infinite; }
.checkout-orbit::after { inset:17px; border:1px solid rgba(138,108,255,.2); animation:checkout-orbit-breathe 2.4s ease-in-out infinite; }
.checkout-orbit > span { position:relative; z-index:2; width:74px; height:74px; display:grid; place-items:center; border:1px solid rgba(156,132,255,.4); border-radius:22px; background:linear-gradient(145deg,#28213f,#171523); box-shadow:0 18px 46px rgba(82,54,190,.32),inset 0 1px rgba(255,255,255,.1); transform:rotate(-5deg); }
.checkout-orbit > span img { width:30px; height:30px; filter:brightness(0) invert(1); opacity:.9; }
.checkout-orbit > i { position:absolute; z-index:3; width:8px; height:8px; border:2px solid #0e0d14; border-radius:50%; background:#987cff; box-shadow:0 0 18px #8061ff; }
.checkout-orbit > i:nth-child(1) { top:-19px; left:79px; }.checkout-orbit > i:nth-child(2) { right:-9px; bottom:27px; animation:checkout-dot-float 2.2s ease-in-out infinite; }.checkout-orbit > i:nth-child(3) { bottom:2px; left:4px; animation:checkout-dot-float 2.2s .8s ease-in-out infinite; }
.checkout-success-seal { position:absolute; z-index:5; width:112px; height:112px; display:grid; place-items:center; border:1px solid rgba(75,220,155,.42); border-radius:36px; background:linear-gradient(145deg,#173329,#0e1c18); box-shadow:0 24px 60px rgba(38,187,122,.25); opacity:0; transform:scale(.55) rotate(-12deg); }
.checkout-success-seal img { width:45px; height:45px; filter:brightness(0) saturate(100%) invert(76%) sepia(45%) saturate(699%) hue-rotate(94deg) brightness(96%); }
.checkout-state-copy { position:relative; z-index:2; }
.checkout-kicker { display:block; color:#9f8cff; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.checkout-state-copy h1 { max-width:520px; margin:13px 0 14px; color:#faf9fc; font:700 clamp(35px,4.5vw,59px)/.98 Manrope,sans-serif; letter-spacing:-.062em; }
.checkout-state-copy > p { max-width:500px; margin:0; color:#928c9e; font-size:14px; line-height:1.72; }
.checkout-live-state,.checkout-confirmed-state { width:fit-content; display:flex; align-items:center; gap:10px; margin-top:27px; padding:9px 12px; border:1px solid rgba(144,114,255,.18); border-radius:999px; background:rgba(122,87,255,.08); color:#b5a6ff; font-size:10px; font-weight:750; }
.checkout-live-state > i { width:7px; height:7px; border-radius:50%; background:#9e85ff; box-shadow:0 0 0 0 rgba(158,133,255,.5); animation:checkout-live-ping 1.8s ease-out infinite; }
.checkout-confirmed-state { border-color:rgba(75,220,155,.2); background:rgba(52,196,130,.08); color:#75dfa9; }
.checkout-confirmed-state img { width:15px; height:15px; filter:brightness(0) saturate(100%) invert(76%) sepia(45%) saturate(699%) hue-rotate(94deg) brightness(96%); }
.checkout-confirmed-state[hidden],.checkout-actions [hidden] { display:none; }
.checkout-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:30px; }
.checkout-actions .button { min-width:170px; }
.checkout-text-link { display:flex; align-items:center; gap:7px; color:#85808e; font-size:11px; font-weight:700; }
.checkout-text-link:hover { color:#c3bacf; }.checkout-text-link img { width:14px; height:14px; filter:brightness(0) invert(1); opacity:.6; }
.checkout-progress-card { padding:34px 30px; border-radius:22px; }
.checkout-progress-card h2 { max-width:280px; margin:10px 0 30px; color:#ece9f0; font:650 25px/1.1 Manrope,sans-serif; letter-spacing:-.045em; }
.checkout-steps { position:relative; display:grid; gap:0; margin:0; padding:0; list-style:none; }
.checkout-steps::before { content:""; position:absolute; top:22px; bottom:22px; left:17px; width:1px; background:#2f2c38; }
.checkout-steps li { position:relative; z-index:1; display:grid; grid-template-columns:35px minmax(0,1fr); gap:14px; min-height:88px; }
.checkout-steps li > span { width:35px; height:35px; display:grid; place-items:center; border:1px solid #35313e; border-radius:11px; background:#131219; color:#66616e; font:800 9px/1 Inter,sans-serif; }
.checkout-steps li > span img { width:14px; height:14px; filter:brightness(0) invert(1); }
.checkout-steps li > div { padding-top:2px; }.checkout-steps strong { display:block; color:#88828f; font-size:12px; }.checkout-steps small { display:block; margin-top:5px; color:#5f5a66; font-size:9px; line-height:1.5; }
.checkout-steps li.is-active > span { border-color:#7d63ef; background:#221b39; color:#b5a6ff; box-shadow:0 0 24px rgba(105,75,230,.22); }.checkout-steps li.is-active strong { color:#d4cceb; }.checkout-steps li.is-active small { color:#81798c; }
.checkout-steps li.is-complete > span { border-color:rgba(73,207,146,.34); background:#14271f; color:#76dda8; }.checkout-steps li.is-complete strong { color:#b7cabe; }
.checkout-security-note { display:flex; align-items:flex-start; gap:11px; margin-top:10px; padding:15px; border:1px solid #292631; border-radius:13px; background:rgba(255,255,255,.015); }
.checkout-security-note > img { width:17px; height:17px; filter:brightness(0) invert(1); opacity:.55; }.checkout-security-note p { display:grid; gap:4px; margin:0; }.checkout-security-note strong { color:#aaa4b1; font-size:10px; }.checkout-security-note small { color:#635e6a; font-size:8px; line-height:1.5; }
.checkout-state-card.is-paid .checkout-orbit { opacity:0; transform:scale(.72); transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1); }
.checkout-state-card.is-paid .checkout-success-seal { opacity:1; transform:scale(1) rotate(0); transition:opacity .25s ease,transform .65s cubic-bezier(.16,1,.3,1); }
.checkout-state-card.is-paid::after { background:radial-gradient(circle at 25% 50%,rgba(53,204,136,.11),transparent 42%); }

.checkout-success-page { padding-top:120px; }
.checkout-success-hero { max-width:820px; margin:0 auto 34px; text-align:center; }
.success-seal { position:relative; width:108px; height:108px; display:grid; place-items:center; margin:0 auto 26px; }
.success-seal > span { position:relative; z-index:2; width:78px; height:78px; display:grid; place-items:center; border:1px solid rgba(74,220,155,.5); border-radius:27px; background:linear-gradient(145deg,#193a2d,#101f1a); box-shadow:0 22px 58px rgba(37,185,119,.24),inset 0 1px rgba(255,255,255,.08); animation:success-seal-in .7s cubic-bezier(.16,1,.3,1) both; }
.success-seal > span img { width:36px; height:36px; filter:brightness(0) saturate(100%) invert(78%) sepia(26%) saturate(1019%) hue-rotate(95deg) brightness(95%); }
.success-seal > i { position:absolute; width:6px; height:6px; border-radius:50%; background:#65dca0; box-shadow:0 0 14px rgba(101,220,160,.7); animation:success-particle 1.1s cubic-bezier(.16,1,.3,1) both; }.success-seal > i:nth-of-type(1) { top:4px; left:22px; --particle-x:-10px; --particle-y:-14px; }.success-seal > i:nth-of-type(2) { top:18px; right:3px; --particle-x:14px; --particle-y:-8px; animation-delay:.08s; }.success-seal > i:nth-of-type(3) { bottom:8px; right:19px; --particle-x:10px; --particle-y:15px; animation-delay:.14s; }.success-seal > i:nth-of-type(4) { bottom:14px; left:5px; --particle-x:-15px; --particle-y:8px; animation-delay:.2s; }
.checkout-success-hero h1 { margin:11px 0 12px; color:#fbfafc; font:700 clamp(48px,7vw,82px)/.95 Manrope,sans-serif; letter-spacing:-.072em; }
.checkout-success-hero > p { max-width:650px; margin:0 auto; color:#928c9c; font-size:15px; line-height:1.7; }.checkout-success-hero > p strong { color:#cfc9d5; }
.success-hero-meta { width:fit-content; display:flex; justify-content:center; margin:28px auto 0; overflow:hidden; border:1px solid #2c2933; border-radius:13px; background:rgba(16,15,21,.78); }
.success-hero-meta > span { min-width:145px; display:grid; gap:5px; padding:12px 19px; border-left:1px solid #2c2933; }.success-hero-meta > span:first-child { border-left:0; }.success-hero-meta small { color:#69636f; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }.success-hero-meta strong { color:#d7d2dc; font-size:11px; }
.checkout-success-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:16px; }
.success-receipt-card,.success-delivery-card { border-radius:20px; }
.success-receipt-card > header { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 24px; border-bottom:1px solid #292631; }.success-receipt-card h2 { margin:5px 0 0; color:#ebe8ef; font-size:18px; }.success-receipt-card .status { text-transform:capitalize; }
.success-product-list { display:grid; padding:0 24px; }
.success-product-list > article { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:15px; padding:18px 0; border-bottom:1px solid #25232b; }.success-product-list > article:last-child { border-bottom:0; }.success-product-list > article > img { width:64px; height:42px; object-fit:cover; border:1px solid #34303c; border-radius:7px; }.success-product-list > article > div { min-width:0; display:grid; gap:5px; }.success-product-list > article > div strong { overflow:hidden; color:#ded9e4; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.success-product-list > article > div small { color:#746e7b; font-size:9px; }.success-product-list > article > span { display:grid; gap:4px; text-align:right; }.success-product-list > article > span small { color:#706a76; font-size:8px; }.success-product-list > article > span strong { color:#cac4d1; font-size:11px; }
.success-product-list > .muted { padding:28px 0; }
.success-receipt-card > footer { display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border-top:1px solid #292631; color:#89838f; font-size:11px; }.success-receipt-card > footer strong { color:#fff; font-size:18px; }
.success-delivery-card { display:flex; flex-direction:column; align-items:flex-start; padding:31px; }
.success-delivery-icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:25px; border:1px solid rgba(126,96,237,.35); border-radius:16px; background:rgba(106,76,222,.11); }.success-delivery-icon img { width:22px; height:22px; filter:brightness(0) saturate(100%) invert(71%) sepia(24%) saturate(2995%) hue-rotate(208deg) brightness(101%); }
.success-delivery-card h2 { margin:9px 0 10px; color:#eeeaf1; font:650 24px/1.08 Manrope,sans-serif; letter-spacing:-.045em; }.success-delivery-card > p { margin:0; color:#837d89; font-size:11px; line-height:1.65; }
.success-delivery-status { display:flex; align-items:center; gap:9px; margin-top:23px; padding:9px 11px; border:1px solid rgba(67,208,142,.18); border-radius:999px; background:rgba(56,190,126,.07); color:#77d9a7; font-size:9px; font-weight:750; text-transform:capitalize; }.success-delivery-status i { width:6px; height:6px; border-radius:50%; background:#5bd596; box-shadow:0 0 11px rgba(91,213,150,.8); }
.success-actions { width:100%; display:grid; gap:9px; margin-top:auto; padding-top:28px; }

@keyframes checkout-orbit-spin { to { transform:rotate(360deg); } }
@keyframes checkout-orbit-breathe { 50% { opacity:.45; transform:scale(.93); } }
@keyframes checkout-dot-float { 50% { transform:translateY(-5px); opacity:.55; } }
@keyframes checkout-live-ping { 70%,100% { box-shadow:0 0 0 8px rgba(158,133,255,0); } }
@keyframes success-seal-in { from { opacity:0; transform:scale(.55) rotate(-12deg); } }
@keyframes success-particle { from { opacity:0; transform:translate(0,0) scale(.2); } 45% { opacity:1; } to { opacity:0; transform:translate(var(--particle-x),var(--particle-y)) scale(1); } }

@media (max-width:900px) {
    .checkout-experience { padding-top:112px; }
    .checkout-experience-grid,.checkout-success-grid { grid-template-columns:1fr; }
    .checkout-state-card { min-height:440px; }
    .checkout-progress-card { display:grid; grid-template-columns:minmax(190px,.55fr) 1fr; gap:30px; }.checkout-progress-card > .eyebrow,.checkout-progress-card > h2 { grid-column:1; }.checkout-progress-card h2 { margin-bottom:0; }.checkout-steps { grid-column:2; grid-row:1 / span 3; }.checkout-security-note { grid-column:1; }
}
@media (max-width:680px) {
    .checkout-experience { padding:96px 0 64px; }
    .checkout-experience-shell,.checkout-success-shell { width:min(1120px,calc(100% - 24px)); }
    .checkout-trust-bar { align-items:flex-start; flex-direction:column; gap:6px; }
    .checkout-state-card { min-height:0; grid-template-columns:1fr; gap:15px; padding:35px 23px; text-align:center; }.checkout-state-visual { width:150px; height:150px; margin:auto; transform:scale(.75); }.checkout-state-copy h1 { font-size:39px; }.checkout-state-copy > p { font-size:12px; }.checkout-live-state,.checkout-confirmed-state { margin-inline:auto; }.checkout-actions { justify-content:center; flex-direction:column; }.checkout-actions .button { width:100%; }
    .checkout-progress-card { display:block; padding:28px 22px; }.checkout-progress-card h2 { margin-bottom:26px; }.checkout-steps { margin-bottom:14px; }
    .checkout-success-hero h1 { font-size:53px; }.checkout-success-hero > p { font-size:13px; }.success-hero-meta { width:100%; display:grid; grid-template-columns:1fr 1fr; }.success-hero-meta > span { min-width:0; border-bottom:1px solid #2c2933; }.success-hero-meta > span:nth-child(3) { grid-column:1 / -1; border-bottom:0; border-left:0; }
    .success-product-list { padding-inline:16px; }.success-product-list > article { grid-template-columns:51px minmax(0,1fr); }.success-product-list > article > img { width:51px; height:36px; }.success-product-list > article > span { grid-column:2; text-align:left; }.success-receipt-card > header,.success-receipt-card > footer { padding-inline:17px; }.success-delivery-card { padding:26px 22px; }
}
html.gv-intro-pending{overflow:hidden!important;background:#050710}
html.gv-intro-pending body{overflow:hidden!important}
html.gv-intro-pending body>:not(.vault-intro){visibility:hidden!important}
html.gv-intro-pending body>.vault-intro{position:fixed!important;z-index:1000!important;inset:0!important;width:100vw!important;height:100svh!important;visibility:visible!important}
html:not(.gv-intro-pending) body:not(.site-opening)>.vault-intro{display:none!important}

/* Product guide CMS */
.admin-guide-directory { display:grid; gap:10px; }
.admin-guide-directory > article { display:grid; grid-template-columns:68px minmax(0,1fr) 130px auto; align-items:center; gap:16px; min-height:78px; padding:11px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.admin-guide-thumb { width:68px; height:46px; overflow:hidden; border:1px solid var(--line); border-radius:6px; background:#09090d; }
.admin-guide-thumb img { display:block; width:100%; max-width:68px; height:100%; max-height:46px; object-fit:cover; }
.admin-guide-product,.admin-guide-state { min-width:0; display:grid; gap:5px; }
.admin-guide-product > span { color:var(--quiet); font-size:8px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.admin-guide-product > strong { overflow:hidden; color:var(--text); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.admin-guide-product > small,.admin-guide-state > small { color:var(--muted); font-size:9px; }
.admin-guide-state { justify-items:start; }
.admin-guide-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.admin-guide-directory > article.is-archived { border-color:rgba(218,82,92,.24); background:rgba(87,28,35,.12); }

.guide-editor-heading { align-items:flex-end; }
.guide-settings-panel,.guide-add-section { margin-bottom:24px; }
.guide-current-image { display:flex; align-items:center; gap:18px; padding:12px; border:1px solid var(--line-soft); border-radius:9px; background:var(--surface-2); }
.guide-current-image > img { width:160px; height:92px; border-radius:7px; object-fit:cover; }
.guide-current-image .check { display:flex; align-items:center; flex-direction:row; gap:9px; margin:0; }
.guide-current-image .check input { width:16px; height:16px; accent-color:var(--accent); }
.guide-editor-title { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:35px 0 16px; }
.guide-editor-title h2 { margin:5px 0; color:var(--text); font-size:25px; }
.guide-editor-title p { margin:0; color:var(--muted); font-size:11px; }
.guide-editor-title > span { color:var(--quiet); font-size:10px; }
.guide-section-editor-list { display:grid; gap:15px; }
.guide-section-editor { position:relative; padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.guide-section-editor > header { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:-22px -22px 22px; padding:15px 22px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.012); }
.guide-section-editor > header > div { display:grid; gap:4px; }
.guide-section-editor > header span { color:var(--quiet); font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.guide-section-editor > header strong { color:var(--text); font-size:13px; }
.guide-section-style { padding:6px 8px; border:1px solid var(--line); border-radius:6px; background:var(--surface-2); }
.guide-section-editor > form:last-child { position:absolute; right:22px; bottom:25px; }
.guide-editor-empty { margin-bottom:18px; padding:23px; border:1px dashed var(--line); border-radius:10px; color:var(--muted); text-align:center; }
.guide-editor-empty p { margin:0; }

.product-guide-page { min-height:80vh; background:#08080c; }
.product-guide-hero { position:relative; overflow:hidden; padding:144px 0 72px; border-bottom:1px solid #292632; background:radial-gradient(circle at 82% 20%,rgba(112,76,220,.16),transparent 34%),linear-gradient(180deg,#0d0c13,#09090d); }
.product-guide-hero::before { content:""; position:absolute; inset:0; opacity:.24; 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:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 92%); pointer-events:none; }
.product-guide-hero .container { position:relative; z-index:1; }
.product-guide-hero .back-link { display:inline-flex; align-items:center; gap:7px; margin-bottom:35px; color:#8d8797; font-size:10px; font-weight:700; }
.product-guide-hero .back-link img { width:13px; height:13px; filter:brightness(0) invert(1); opacity:.6; }
.product-guide-hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.72fr); align-items:center; gap:70px; }
.product-guide-hero-grid h1 { max-width:780px; margin:11px 0 18px; color:#faf9fc; font:700 clamp(43px,6vw,76px)/.96 Manrope,sans-serif; letter-spacing:-.065em; }
.product-guide-summary { max-width:680px; color:#9993a2; font-size:14px; line-height:1.75; }
.product-guide-summary > :first-child,.product-guide-copy > :first-child { margin-top:0; }
.product-guide-summary > :last-child,.product-guide-copy > :last-child { margin-bottom:0; }
.product-guide-summary p { margin:0 0 12px; }
.product-guide-summary strong,.product-guide-copy strong { color:#eeeaf7; font-weight:700; }
.product-guide-summary em,.product-guide-copy em { color:#c0b7d0; font-style:italic; }
.product-guide-hero-grid figure { overflow:hidden; margin:0; aspect-ratio:16/10; border:1px solid #3a3547; border-radius:16px; background:#111018; box-shadow:0 30px 70px rgba(0,0,0,.38); transform:rotate(1.5deg); }
.product-guide-hero-grid figure img { width:100%; height:100%; object-fit:cover; }
.product-guide-meta { display:flex; flex-wrap:wrap; gap:9px 22px; margin-top:27px; color:#716b79; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.product-guide-meta span + span { position:relative; }
.product-guide-meta span + span::before { content:""; position:absolute; top:50%; left:-12px; width:3px; height:3px; border-radius:50%; background:#655a74; }
.product-guide-layout { width:min(1480px,calc(100% - 80px)); display:grid; grid-template-columns:220px minmax(0,1fr); align-items:start; gap:52px; padding-top:66px; padding-bottom:110px; }
.product-guide-toc { position:sticky; top:102px; display:grid; gap:5px; padding:18px; border:1px solid #392a62; border-radius:12px; background:linear-gradient(145deg,rgba(25,20,40,.98),rgba(12,12,20,.98)); box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(157,124,255,.08); }
.product-guide-toc > span { margin:0 0 7px; padding:0 5px 13px; border-bottom:1px solid #302442; color:#a78bfa; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.product-guide-toc a { position:relative; display:flex; align-items:center; min-height:38px; padding:9px 28px 9px 11px; border:1px solid transparent; border-radius:8px; color:#aaa4b3; font-size:10px; font-weight:650; line-height:1.4; transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease; }
.product-guide-toc a::after { content:"\2192"; position:absolute; right:11px; color:#7f68d9; opacity:0; transform:translateX(-4px); transition:opacity .18s ease,transform .18s ease; }
.product-guide-toc a:hover,.product-guide-toc a:focus-visible { border-color:#49356f; background:rgba(121,87,205,.12); color:#f2effa; transform:translateX(2px); }
.product-guide-toc a:hover::after,.product-guide-toc a:focus-visible::after { opacity:1; transform:translateX(0); }
.product-guide-toc a:last-child { margin-top:7px; border-color:#49356f; background:linear-gradient(100deg,rgba(105,70,198,.2),rgba(59,111,226,.1)); color:#d8ceff; }
.product-guide-toc a:last-child::after { opacity:1; transform:none; }

.store-announcement { width:min(530px,calc(100% - 30px)); padding:0; border:0; border-radius:18px; color:#f7f4ff; background:transparent; overflow:visible; }
.store-announcement::backdrop { background:rgba(2,3,8,.78); backdrop-filter:blur(8px); }
.store-announcement-card { position:relative; overflow:hidden; padding:38px; border:1px solid #6847a5; border-radius:18px; background:radial-gradient(circle at 90% 0,rgba(74,135,255,.2),transparent 35%),radial-gradient(circle at 0 100%,rgba(137,72,255,.2),transparent 42%),linear-gradient(145deg,#171225,#0d0d15 68%); box-shadow:0 30px 90px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08); }
.store-announcement-card::before { content:""; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,#9d55ff,#4b9cff,#c467ff); }
.store-announcement-close { position:absolute; top:17px; right:17px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid #413553; border-radius:50%; background:#15121e; cursor:pointer; }
.store-announcement-close img { width:15px; filter:brightness(0) invert(1); opacity:.72; }
.store-announcement-eyebrow { display:block; margin-bottom:14px; color:#ad8cff; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.store-announcement h2 { max-width:420px; margin:0 0 14px; color:#fff; font:700 clamp(29px,5vw,42px)/1.02 Manrope,sans-serif; letter-spacing:-.055em; }
.store-announcement p { margin:0; color:#b7b0c3; font-size:13px; line-height:1.75; }
.store-announcement-code { width:100%; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; margin-top:25px; padding:14px 16px; border:1px dashed #7455a5; border-radius:10px; color:#a9a1b7; background:rgba(112,72,184,.12); cursor:pointer; text-align:left; }
.store-announcement-code strong { color:#fff; font:700 17px/1 Manrope,sans-serif; letter-spacing:.08em; text-align:center; }
.store-announcement-code small { color:#8e80a5; }
.store-announcement-actions { display:flex; align-items:center; gap:18px; margin-top:25px; }
.store-announcement-dismiss { border:0; color:#aaa2b5; background:none; cursor:pointer; font-size:11px; font-weight:650; }
@media (max-width:560px) { .store-announcement-card { padding:32px 23px 25px; }.store-announcement-actions { align-items:stretch; flex-direction:column; gap:12px; }.store-announcement-actions .button { justify-content:center; }.store-announcement-code { grid-template-columns:1fr auto; }.store-announcement-code span { display:none; } }
.product-guide-sections { min-width:0; display:grid; gap:22px; }
.product-guide-section { scroll-margin-top:110px; padding:34px 36px; border:1px solid #2c2933; border-radius:14px; background:#101015; }
.product-guide-section h2 { margin:0 0 16px; color:#f0edf3; font:650 clamp(24px,3vw,34px)/1.08 Manrope,sans-serif; letter-spacing:-.045em; }
.product-guide-copy { color:#a39daa; font-size:13px; line-height:1.85; }
.product-guide-copy p { margin:0 0 15px; }
.product-guide-copy h1,.product-guide-copy h2,.product-guide-copy h3,.product-guide-copy h4 { margin:28px 0 12px; color:#f0edf3; font-family:Manrope,sans-serif; line-height:1.15; letter-spacing:-.025em; }
.product-guide-copy h1 { font-size:27px; }.product-guide-copy h2 { font-size:23px; }.product-guide-copy h3 { font-size:19px; }.product-guide-copy h4 { font-size:16px; }
.product-guide-copy ul,.product-guide-copy ol,.product-guide-summary ul,.product-guide-summary ol { display:grid; gap:7px; margin:13px 0 18px; padding-left:23px; }
.product-guide-copy li::marker,.product-guide-summary li::marker { color:#9c83ff; }
.product-guide-copy a,.product-guide-summary a { color:#b7a6ff; text-decoration:underline; text-decoration-color:rgba(183,166,255,.45); text-underline-offset:3px; }
.product-guide-copy blockquote,.product-guide-summary blockquote { margin:17px 0; padding:8px 0 8px 17px; border-left:2px solid #8068df; color:#bbb3c5; }
.product-guide-copy code,.product-guide-summary code { padding:2px 5px; border:1px solid #383241; border-radius:4px; background:#09090d; color:#d3c9ff; font:500 .9em/1.5 Consolas,monospace; }
.product-guide-copy pre { overflow:auto; margin:18px 0; padding:16px; border:1px solid #302b38; border-radius:8px; background:#09090d; }
.product-guide-copy pre code { padding:0; border:0; background:none; }
.guide-table-wrap { width:100%; overflow-x:auto; margin:20px 0; border:1px solid #393343; border-radius:10px; background:#0b0b10; box-shadow:0 10px 28px rgba(0,0,0,.16); }
.guide-table-wrap table { width:100%; min-width:460px; border-collapse:collapse; color:#aaa3b2; font-size:12px; line-height:1.55; }
.guide-table-wrap th,.guide-table-wrap td { padding:13px 16px; border-right:1px solid #312c39; border-bottom:1px solid #312c39; text-align:left; vertical-align:top; }
.guide-table-wrap th:last-child,.guide-table-wrap td:last-child { border-right:0; }
.guide-table-wrap tbody tr:last-child td { border-bottom:0; }
.guide-table-wrap th { background:linear-gradient(180deg,#1b1725,#15131d); color:#eee9f7; font-size:10px; font-weight:750; letter-spacing:.045em; text-transform:uppercase; }
.guide-table-wrap tbody tr { transition:background-color .16s ease; }
.guide-table-wrap tbody tr:hover { background:rgba(122,91,235,.07); }
.guide-table-wrap td:first-child { color:#d8d1e1; font-weight:650; }
.product-guide-section figure { overflow:hidden; margin:28px 0 0; border:1px solid #383440; border-radius:11px; background:#09090d; }
.product-guide-section figure img { display:block; width:100%; height:auto; max-height:650px; object-fit:contain; }
.product-guide-section figcaption { padding:10px 13px; border-top:1px solid #302d37; color:#716b78; font-size:9px; }
.guide-resource-link { min-height:42px; display:inline-flex; align-items:center; gap:9px; margin-top:25px; border:1px solid rgba(146,112,255,.72); border-radius:8px; background:linear-gradient(115deg,#7447df,#615cf0 56%,#3f7de8); box-shadow:0 10px 28px rgba(91,64,202,.25); color:#fff; }
.guide-resource-link:hover { border-color:#b9a3ff; background:linear-gradient(115deg,#8355e8,#706bf5 56%,#508bf0); box-shadow:0 14px 34px rgba(91,64,202,.36); color:#fff; }
.guide-resource-link img { width:13px; height:13px; opacity:.82; filter:brightness(0) invert(1); }
.product-guide-section.guide-style-notice,.product-guide-section.guide-style-success,.product-guide-section.guide-style-warning,.product-guide-section.guide-style-error { border-left-width:3px; }
.product-guide-section.guide-style-notice { border-color:#405181;border-left:4px solid #7894ff;background:#151a2a;box-shadow:inset 0 1px 0 rgba(143,164,255,.1),0 14px 34px rgba(0,0,0,.2); }
.product-guide-section.guide-style-success { border-color:#285c45;border-left:4px solid #48d597;background:#10251d;box-shadow:inset 0 1px 0 rgba(92,226,164,.1),0 14px 34px rgba(0,0,0,.2); }
.product-guide-section.guide-style-warning { border-color:#6a4d28;border-left:4px solid #ffb454;background:#2a2013;box-shadow:inset 0 1px 0 rgba(255,191,105,.1),0 14px 34px rgba(0,0,0,.2); }
.product-guide-section.guide-style-error { border-color:#6c3240;border-left:4px solid #ff647f;background:#2b151b;box-shadow:inset 0 1px 0 rgba(255,116,139,.1),0 14px 34px rgba(0,0,0,.2); }
.guide-inline-hint { margin:20px 0; padding:18px 20px; border:1px solid #405181; border-left:4px solid #7894ff; border-radius:11px; background:#151a2a; box-shadow:inset 0 1px 0 rgba(143,164,255,.1),0 12px 28px rgba(0,0,0,.22); }
.guide-inline-hint-body > :first-child { margin-top:0; }
.guide-inline-hint-body > :last-child { margin-bottom:0; }
.guide-inline-hint-success { border-color:#285c45;border-left-color:#48d597;background:#10251d;box-shadow:inset 0 1px 0 rgba(92,226,164,.1),0 12px 28px rgba(0,0,0,.22); }
.guide-inline-hint-warning { border-color:#6a4d28;border-left-color:#ffb454;background:#2a2013;box-shadow:inset 0 1px 0 rgba(255,191,105,.1),0 12px 28px rgba(0,0,0,.22); }
.guide-inline-hint-error { border-color:#6c3240;border-left-color:#ff647f;background:#2b151b;box-shadow:inset 0 1px 0 rgba(255,116,139,.1),0 12px 28px rgba(0,0,0,.22); }
.guide-section-style-notice { color:#9eb0f8; border-color:rgba(113,140,241,.35); }
.guide-section-style-success { color:#70dba6; border-color:rgba(69,200,138,.35); }
.guide-section-style-warning { color:#efb267; border-color:rgba(230,161,79,.35); }
.guide-section-style-error { color:#ef8193; border-color:rgba(228,95,118,.35); }
.direct-upload-status { display:block; margin-top:8px; color:#72d7a4; font-size:9px; font-weight:700; line-height:1.45; }
.direct-upload-status.is-error { color:#ef8193; }

@media (max-width:900px) {
    .admin-guide-directory > article { grid-template-columns:62px minmax(0,1fr) auto; }
    .admin-guide-thumb { width:62px; height:43px; }.admin-guide-thumb img { max-width:62px; max-height:43px; }
    .admin-guide-state { display:none; }
    .product-guide-hero-grid { grid-template-columns:1fr; gap:38px; }
    .product-guide-hero-grid figure { max-width:620px; transform:none; }
    .product-guide-layout { width:min(100% - 42px,1120px); grid-template-columns:1fr; gap:30px; }
    .product-guide-toc { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .product-guide-toc > span { grid-column:1/-1; }
}
@media (max-width:680px) {
    .admin-guide-directory > article { grid-template-columns:54px minmax(0,1fr); gap:10px; }
    .admin-guide-thumb { width:54px; height:38px; }.admin-guide-thumb img { max-width:54px; max-height:38px; }
    .admin-guide-actions { grid-column:1/-1; justify-content:flex-start; padding-left:71px; }
    .guide-section-editor,.guide-settings-panel,.guide-add-section { padding:17px; }
    .guide-section-editor > header { margin:-17px -17px 18px; padding:14px 17px; }
    .guide-section-editor > form:last-child { position:static; margin-top:15px; }
    .guide-current-image { align-items:flex-start; flex-direction:column; }.guide-current-image > img { width:100%; height:auto; max-height:230px; }
    .product-guide-hero { padding:108px 0 52px; }
    .product-guide-hero-grid { gap:28px; }
    .product-guide-hero-grid h1 { font-size:43px; }
    .product-guide-summary { font-size:12px; }
    .product-guide-layout { width:min(100% - 28px,1120px); padding-top:38px; padding-bottom:75px; }
    .product-guide-toc { grid-template-columns:1fr; }
    .product-guide-section { padding:25px 21px; }
}

/* Managed header links */
.header-link-create { margin-bottom:22px; }
.header-link-create form { display:grid; grid-template-columns:minmax(150px,.55fr) minmax(280px,1.45fr) auto; align-items:end; gap:13px; }
.header-link-create form > label { min-width:0; }
.header-link-create .button { min-height:42px; }
.header-link-edit { max-width:760px; display:grid; gap:17px; }
.header-link-edit .button { justify-self:start; }
.header-link-list { overflow:hidden; border:1px solid var(--line); border-radius:11px; background:var(--surface); }
.header-link-list-head,.header-link-list > article { display:grid; grid-template-columns:minmax(110px,.65fr) minmax(220px,1.4fr) 80px 80px 190px; align-items:center; gap:14px; padding-inline:16px; }
.header-link-list-head { min-height:42px; border-bottom:1px solid var(--line); color:var(--quiet); font-size:8px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.header-link-list > article { min-height:68px; border-bottom:1px solid var(--line-soft); color:var(--muted); font-size:10px; }
.header-link-list > article:last-child { border-bottom:0; }
.header-link-list > article > strong { color:var(--text); font-size:12px; }
.header-link-list > article > a { overflow:hidden; color:#a89afa; text-overflow:ellipsis; white-space:nowrap; }
.header-link-list > article > div { display:flex; justify-content:flex-end; gap:7px; }
.header-link-list > article > div form { margin:0; }
.header-link-status { width:fit-content; padding:5px 7px; border:1px solid rgba(67,208,142,.2); border-radius:999px; background:rgba(56,190,126,.07); color:#72d9a5; font-size:8px; font-weight:800; text-transform:uppercase; }
.header-link-list > article.is-archived { border-color:rgba(255,91,112,.18); background:rgba(173,42,59,.08); }
.header-link-list > article.is-archived > strong,.header-link-list > article.is-archived > a { color:#ff8796; }
.header-link-list > article.is-archived .header-link-status { border-color:rgba(255,91,112,.25); background:rgba(203,52,72,.1); color:#ff7183; }

/* Customer guide actions */
.account-page .account-guide-button,.account-guide-open { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:fit-content; border:1px solid rgba(61,213,143,.3); border-radius:7px; background:rgba(48,190,123,.1); color:#71dfa9 !important; font-size:10px; font-weight:800; line-height:1; }
.account-page .account-guide-button { padding:8px 11px; }
.account-guide-open { flex:0 0 auto; padding:11px 14px; }
.account-guide-open:hover,.account-page .account-guide-button:hover { border-color:rgba(83,231,163,.55); background:rgba(54,204,137,.17); color:#9af0c4 !important; }
.account-guide-open img,.account-guide-button img { width:14px; height:14px; filter:brightness(0) saturate(100%) invert(79%) sepia(26%) saturate(818%) hue-rotate(101deg) brightness(95%); }
.account-guide-card .account-product-name { flex:1; }
.account-guide-card .account-product-name small { max-width:650px; margin-top:4px; line-height:1.5; white-space:normal; }

@media (max-width:900px) {
    .header-link-create form { grid-template-columns:1fr 1.5fr; }.header-link-create .button { grid-column:1/-1; justify-self:start; }
    .header-link-list-head { display:none; }
    .header-link-list > article { grid-template-columns:minmax(110px,.7fr) minmax(200px,1.3fr) 80px 160px; }
    .header-link-list > article > span:nth-of-type(1) { display:none; }
}
@media (max-width:680px) {
    .header-link-create form { grid-template-columns:1fr; }.header-link-create .button { grid-column:auto; }
    .header-link-list > article { grid-template-columns:1fr auto; gap:8px; padding-block:13px; }
    .header-link-list > article > a { grid-column:1/-1; }
    .header-link-list > article > span:nth-of-type(2) { grid-column:2; grid-row:1; }
    .header-link-list > article > div { grid-column:1/-1; justify-content:flex-start; margin-top:5px; }
}

/* Style 1 trust section: brighter brand stage. */
html[data-landing-style="1"] .home-page .trust-section { position:relative; isolation:isolate; overflow:hidden; padding:116px 0 122px; border-block:1px solid rgba(139,92,246,.22); background:radial-gradient(circle at 12% 18%,rgba(124,58,237,.26),transparent 30%),radial-gradient(circle at 86% 72%,rgba(37,99,235,.23),transparent 31%),linear-gradient(145deg,#100c22 0%,#0b1022 52%,#100b1c 100%); }
html[data-landing-style="1"] .home-page .trust-section::before { content:""; position:absolute; z-index:-2; inset:-35% -12%; background:conic-gradient(from 210deg at 48% 50%,transparent 0 22%,rgba(139,92,246,.12) 28%,transparent 36% 60%,rgba(59,130,246,.1) 68%,transparent 77%); filter:blur(12px); animation:trust-ambient-shift 14s ease-in-out infinite alternate; pointer-events:none; }
html[data-landing-style="1"] .home-page .trust-section::after { content:""; position:absolute; z-index:-1; inset:0; display:block; width:auto; height:auto; border:0; border-radius:0; box-shadow:none; 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:52px 52px; mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.75) 18%,rgba(0,0,0,.75) 82%,transparent); opacity:.55; pointer-events:none; }
html[data-landing-style="1"] .home-page .trust-variant-1 { position:relative; z-index:1; }
html[data-landing-style="1"] .home-page .trust-intro { align-items:center; margin-bottom:54px; }
html[data-landing-style="1"] .home-page .trust-intro .eyebrow { width:fit-content; display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid rgba(167,139,250,.33); border-radius:999px; background:rgba(139,92,246,.1); color:#c4b5fd; box-shadow:0 8px 30px rgba(73,46,160,.16); }
html[data-landing-style="1"] .home-page .trust-intro .eyebrow::before { content:""; width:6px; height:6px; border-radius:50%; background:#8b5cf6; box-shadow:0 0 14px #8b5cf6; }
html[data-landing-style="1"] .home-page .trust-intro h2 { max-width:760px; margin-top:16px; background:linear-gradient(118deg,#fff 18%,#f5f3ff 47%,#c4b5fd 72%,#7dd3fc); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 18px 65px rgba(96,72,190,.18); }
html[data-landing-style="1"] .home-page .trust-intro > p { position:relative; max-width:490px; margin:0; padding:17px 19px 17px 21px; border:1px solid rgba(148,163,184,.15); border-radius:12px; background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:0 18px 45px rgba(2,4,12,.18); color:#c0bdd0; }
html[data-landing-style="1"] .home-page .trust-intro > p::before { content:""; position:absolute; top:14px; bottom:14px; left:-1px; width:2px; border-radius:2px; background:linear-gradient(#a78bfa,#60a5fa); box-shadow:0 0 14px rgba(129,112,255,.65); }
html[data-landing-style="1"] .home-page .trust-list { counter-reset:trust-card; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; overflow:visible; border:0; border-radius:0; }
html[data-landing-style="1"] .home-page .trust-card { --trust-accent:#a78bfa; --trust-rgb:167,139,250; counter-increment:trust-card; position:relative; min-height:230px; overflow:hidden; padding:25px 24px 24px; border:1px solid rgba(var(--trust-rgb),.3); border-radius:15px; background:linear-gradient(150deg,rgba(var(--trust-rgb),.16),rgba(16,15,31,.94) 48%,rgba(9,12,25,.98)); box-shadow:0 22px 50px rgba(2,3,12,.28),inset 0 1px rgba(255,255,255,.055); transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .4s ease; }
html[data-landing-style="1"] .home-page .trust-card:nth-child(2) { --trust-accent:#60a5fa; --trust-rgb:96,165,250; }
html[data-landing-style="1"] .home-page .trust-card:nth-child(3) { --trust-accent:#22d3ee; --trust-rgb:34,211,238; }
html[data-landing-style="1"] .home-page .trust-card:nth-child(4) { --trust-accent:#c084fc; --trust-rgb:192,132,252; }
html[data-landing-style="1"] .home-page .trust-card::before { content:""; position:absolute; top:0; right:16px; left:16px; height:2px; border-radius:0 0 3px 3px; background:linear-gradient(90deg,transparent,var(--trust-accent),transparent); box-shadow:0 0 18px rgba(var(--trust-rgb),.72); opacity:.85; }
html[data-landing-style="1"] .home-page .trust-card::after { content:"0" counter(trust-card); position:absolute; top:20px; right:21px; color:rgba(var(--trust-rgb),.5); font:800 9px/1 Inter,sans-serif; letter-spacing:.1em; }
html[data-landing-style="1"] .home-page .trust-card:nth-child(even) { background:linear-gradient(150deg,rgba(var(--trust-rgb),.16),rgba(16,15,31,.94) 48%,rgba(9,12,25,.98)); }
html[data-landing-style="1"] .home-page .trust-card:hover { z-index:2; border-color:rgba(var(--trust-rgb),.62); background:linear-gradient(150deg,rgba(var(--trust-rgb),.23),rgba(19,18,38,.97) 48%,rgba(10,13,29,.99)); box-shadow:0 30px 65px rgba(2,3,12,.42),0 0 35px rgba(var(--trust-rgb),.13),inset 0 1px rgba(255,255,255,.08); transform:translateY(-8px); }
html[data-landing-style="1"] .home-page .trust-icon { width:46px; height:46px; margin-bottom:43px; border:1px solid rgba(var(--trust-rgb),.42); border-radius:12px; background:linear-gradient(145deg,rgba(var(--trust-rgb),.26),rgba(var(--trust-rgb),.08)); box-shadow:0 14px 28px rgba(var(--trust-rgb),.13),inset 0 1px rgba(255,255,255,.09); transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .3s ease; }
html[data-landing-style="1"] .home-page .trust-card:hover .trust-icon { box-shadow:0 17px 35px rgba(var(--trust-rgb),.22),0 0 22px rgba(var(--trust-rgb),.16); transform:translateY(-3px) rotate(-4deg); }
html[data-landing-style="1"] .home-page .trust-icon img { width:20px; height:20px; opacity:1; filter:brightness(0) invert(1); }
html[data-landing-style="1"] .home-page .trust-card h3 { margin-bottom:10px; color:#fbfaff; font-size:16px; font-weight:750; }
html[data-landing-style="1"] .home-page .trust-card p { color:#aaa7bb; font-size:11px; line-height:1.75; }

@keyframes trust-ambient-shift { from { transform:translate3d(-2%,0,0) rotate(-3deg) scale(1); } to { transform:translate3d(3%,2%,0) rotate(3deg) scale(1.05); } }

@media (max-width:1000px) {
    html[data-landing-style="1"] .home-page .trust-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-landing-style="1"] .home-page .trust-card { border:1px solid rgba(var(--trust-rgb),.3); }
}
@media (max-width:680px) {
    html[data-landing-style="1"] .home-page .trust-section { padding-block:82px; }
    html[data-landing-style="1"] .home-page .trust-intro { gap:25px; }
    html[data-landing-style="1"] .home-page .trust-intro > p { padding:15px 17px; }
    html[data-landing-style="1"] .home-page .trust-list { grid-template-columns:1fr; }
    html[data-landing-style="1"] .home-page .trust-card { min-height:205px; }
}

/* Style 1 palette pass: carry the violet/blue identity through the landing page. */
html[data-landing-style="1"] .home-page .hero-variant-1 {
    background:
        radial-gradient(ellipse at 7% 28%,rgba(109,40,217,.17),transparent 34%),
        radial-gradient(ellipse at 72% 82%,rgba(37,99,235,.13),transparent 32%),
        linear-gradient(145deg,#09070f 0%,#08090f 50%,#070a13 100%);
}
html[data-landing-style="1"] .home-page .hero-variant-1::after {
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:
        linear-gradient(115deg,rgba(139,92,246,.06),transparent 24% 72%,rgba(59,130,246,.055)),
        radial-gradient(circle at 24% 52%,rgba(139,92,246,.11),transparent 24%);
    pointer-events:none;
}
html[data-landing-style="1"] .home-page .hero-kicker {
    width:fit-content;
    padding:7px 10px;
    border:1px solid rgba(167,139,250,.25);
    border-radius:999px;
    background:rgba(139,92,246,.075);
    color:#b9aaf9;
    box-shadow:0 8px 30px rgba(78,48,166,.12);
}
html[data-landing-style="1"] .home-page .hero-title-nowrap {
    background:linear-gradient(100deg,#fff 10%,#d8ccff 52%,#79b9ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
html[data-landing-style="1"] .home-page .hero-actions .button {
    border-color:#7c5ce5;
    background:linear-gradient(115deg,#7547df,#615cf0 55%,#3f7de8);
    color:#fff;
    font-size:13.2px;
    box-shadow:0 14px 35px rgba(94,65,205,.24),0 0 24px rgba(76,106,232,.08);
}
html[data-landing-style="1"] .home-page .hero-actions .button:hover {
    border-color:#a58bf5;
    background:linear-gradient(115deg,#8558e8,#716cf5 55%,#508df1);
    box-shadow:0 17px 42px rgba(94,65,205,.34),0 0 30px rgba(76,106,232,.13);
}
html[data-landing-style="1"] .home-page .hero-actions .text-action { color:#eeeaf7; font-size:13px; font-weight:700; letter-spacing:-.01em; }
html[data-landing-style="1"] .home-page .hero-actions .text-action img { width:15px; height:15px; opacity:.9; }

html[data-landing-style="1"] .home-page .catalog-section {
    isolation:isolate;
    padding-top:54px;
    border-bottom-color:rgba(139,92,246,.2);
    background:
        radial-gradient(ellipse at 8% 8%,rgba(109,40,217,.18),transparent 29%),
        radial-gradient(ellipse at 93% 72%,rgba(37,99,235,.15),transparent 29%),
        linear-gradient(155deg,#090812 0%,#090b15 48%,#080a12 100%);
}
html[data-landing-style="1"] .home-page .catalog-section::before {
    content:"";
    position:absolute;
    z-index:-2;
    inset:0;
    background-image:
        linear-gradient(rgba(139,92,246,.024) 1px,transparent 1px),
        linear-gradient(90deg,rgba(96,165,250,.022) 1px,transparent 1px);
    background-size:58px 58px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 80%);
    pointer-events:none;
}
html[data-landing-style="1"] .home-page .catalog-section::after {
    content:"";
    position:absolute;
    z-index:-1;
    right:-12%;
    bottom:5%;
    width:45vw;
    height:45vw;
    border-radius:50%;
    background:radial-gradient(circle,rgba(59,130,246,.1),rgba(124,58,237,.045) 42%,transparent 70%);
    pointer-events:none;
}
html[data-landing-style="1"] .home-page .section-heading {
    border-bottom-color:rgba(139,92,246,.2);
}
html[data-landing-style="1"] .home-page .section-heading .eyebrow {
    width:fit-content;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#aa98fa;
}
html[data-landing-style="1"] .home-page .section-heading .eyebrow::before {
    content:"";
    width:17px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,#8b5cf6,#60a5fa);
    box-shadow:0 0 10px rgba(139,92,246,.5);
}
html[data-landing-style="1"] .home-page .section-heading h2 {
    background:linear-gradient(105deg,#fff 15%,#eee9ff 58%,#9bc9ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
html[data-landing-style="1"] .home-page .filter-bar {
    border-color:rgba(139,92,246,.22);
    background:linear-gradient(110deg,rgba(24,19,43,.94),rgba(12,16,29,.96));
    box-shadow:0 16px 40px rgba(2,3,12,.18),inset 0 1px rgba(255,255,255,.025);
}
html[data-landing-style="1"] .home-page .catalog-product-card {
    border-color:rgba(139,92,246,.22);
    background:linear-gradient(150deg,rgba(36,25,62,.88),rgba(17,17,30,.96) 45%,rgba(12,17,30,.98));
    box-shadow:0 18px 45px rgba(2,3,12,.22),inset 0 1px rgba(255,255,255,.035);
}
html[data-landing-style="1"] .home-page .catalog-product-card:nth-child(even) {
    border-color:rgba(96,165,250,.2);
    background:linear-gradient(150deg,rgba(24,34,66,.88),rgba(17,18,31,.96) 45%,rgba(15,13,28,.98));
}
html[data-landing-style="1"] .home-page .catalog-product-card:hover {
    border-color:rgba(139,92,246,.62);
    box-shadow:0 24px 54px rgba(16,8,46,.38),0 0 34px rgba(87,75,220,.13),inset 0 1px rgba(255,255,255,.055);
}
html[data-landing-style="1"] .home-page .catalog-product-art {
    border-bottom-color:rgba(139,92,246,.16);
}
html[data-landing-style="1"] .home-page .catalog-card-foot {
    border-top-color:rgba(139,92,246,.15);
}

html[data-landing-style="1"] .home-page .journey-section {
    position:relative;
    isolation:isolate;
    border-top:1px solid rgba(96,165,250,.16);
    background:
        radial-gradient(ellipse at 2% 18%,rgba(37,99,235,.18),transparent 31%),
        radial-gradient(ellipse at 91% 72%,rgba(124,58,237,.2),transparent 30%),
        linear-gradient(145deg,#070b15,#0b0917 52%,#0b0714);
}
html[data-landing-style="1"] .home-page .journey-section::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.019) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.019) 1px,transparent 1px);
    background-size:62px 62px;
    mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.65) 18%,rgba(0,0,0,.65) 82%,transparent);
    pointer-events:none;
}
html[data-landing-style="1"] .home-page .gv-dashboard-showcase { position:relative; z-index:1; }
html[data-landing-style="1"] .home-page .gv-dashboard-intro h2 {
    background:linear-gradient(110deg,#fff 15%,#e6ddff 60%,#80baff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
html[data-landing-style="1"] .home-page .gv-dashboard-steps li {
    border-top-color:rgba(139,92,246,.25);
}
html[data-landing-style="1"] .home-page .gv-dashboard-browser {
    border-color:rgba(139,92,246,.38);
    box-shadow:0 38px 100px rgba(0,0,0,.52),0 0 55px rgba(99,72,210,.12),0 0 0 1px rgba(96,165,250,.045);
}

@media (max-width:680px) {
    html[data-landing-style="1"] .home-page .catalog-section::after { width:90vw; height:90vw; }
    html[data-landing-style="1"] .home-page .hero-title-nowrap { white-space:normal; }
}

/* Checkout entry: account, Discord, and payment are one readable flow. */
.checkout-page { background:radial-gradient(circle at 72% 18%,rgba(102,75,225,.12),transparent 30%),#08090d; }
.checkout-entry { min-height:760px; padding:112px 0 105px; }
.checkout-entry-shell { max-width:1180px; }
.checkout-entry-header { display:flex; align-items:flex-end; justify-content:space-between; gap:38px; margin-bottom:42px; }
.checkout-entry-header h1 { margin:10px 0 10px; color:#fbfaff; font:700 clamp(42px,5vw,66px)/.98 Manrope,sans-serif; letter-spacing:-.065em; }
.checkout-entry-header p { max-width:590px; margin:0; color:#8f8b99; font-size:13px; line-height:1.7; }
.checkout-back-link { display:inline-flex; align-items:center; flex:0 0 auto; gap:8px; padding-bottom:5px; border-bottom:1px solid #393641; color:#918c9b; font-size:10px; font-weight:750; }
.checkout-back-link:hover { border-color:#9b87ff; color:#d4caff; }
.checkout-back-link img { width:14px; height:14px; filter:brightness(0) invert(1); opacity:.65; }
.checkout-empty-state { border:1px solid #282631; border-radius:16px; background:#101015; }

.checkout-entry-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 0 25px; padding:0; list-style:none; }
.checkout-entry-steps li { position:relative; display:flex; align-items:center; gap:10px; color:#625f69; font-size:10px; }
.checkout-entry-steps li:not(:last-child)::after { content:""; height:1px; flex:1; margin:0 14px; background:#292731; }
.checkout-entry-steps li > span { width:25px; height:25px; display:grid; flex:0 0 25px; place-items:center; border:1px solid #34313b; border-radius:50%; background:#111116; color:#716d79; font-size:9px; font-weight:800; }
.checkout-entry-steps li strong { white-space:nowrap; }
.checkout-entry-steps li.is-active { color:#eeeaf5; }
.checkout-entry-steps li.is-active > span { border-color:#8369ef; background:linear-gradient(135deg,#825cf0,#557df1); box-shadow:0 0 24px rgba(118,83,235,.25); color:#fff; }

.checkout-entry-grid { display:grid; grid-template-columns:minmax(340px,.82fr) minmax(480px,1.18fr); align-items:start; gap:18px; }
.checkout-order-card,.checkout-information-card,.checkout-payment-card { border:1px solid #292731; background:linear-gradient(145deg,rgba(19,18,25,.98),rgba(13,14,19,.98)); box-shadow:0 25px 70px rgba(0,0,0,.24); }
.checkout-order-card { position:sticky; top:96px; overflow:hidden; border-radius:16px; }
.checkout-order-heading { padding:27px 27px 24px; border-bottom:1px solid #292731; background:radial-gradient(circle at 80% 0,rgba(126,88,239,.14),transparent 47%); }
.checkout-order-heading > span { display:block; color:#77727f; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.checkout-order-heading > strong { display:block; margin-top:7px; color:#fff; font:700 32px/1 Manrope,sans-serif; letter-spacing:-.045em; }
.checkout-order-heading > small { display:block; margin-top:8px; color:#6e6976; font-size:9px; }
.checkout-order-items { padding:5px 20px; }
.checkout-order-item { display:grid; grid-template-columns:72px minmax(0,1fr) auto; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid #25232c; }
.checkout-order-item:last-child { border-bottom:0; }
.checkout-order-item > img { width:72px; height:52px; object-fit:cover; border:1px solid #35313f; border-radius:8px; background:#090a0e; }
.checkout-order-item > div:nth-child(2) { min-width:0; }
.checkout-order-item h2 { overflow:hidden; margin:0; color:#e9e5ee; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.checkout-order-item > div:nth-child(2) > span { overflow:hidden; display:block; margin:4px 0 5px; color:#77717e; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.checkout-order-item > div:nth-child(2) > strong { color:#cfc8d7; font-size:10px; }
.checkout-item-actions { display:flex; align-items:center; gap:7px; }
.checkout-item-actions form { margin:0; }
.checkout-item-actions label { display:flex; align-items:center; gap:5px; color:#66616d; font-size:8px; }
.checkout-item-actions select { width:48px; min-height:30px; padding:0 6px; border-color:#35313e; border-radius:6px; background:#111117; font-size:9px; }
.checkout-item-actions .remove-button { padding:5px 0; color:#706b77; font-size:8px; }
.checkout-item-actions .remove-button:hover { color:#ff7889; }
.checkout-totals { display:grid; gap:11px; margin:0; padding:21px 27px 25px; border-top:1px solid #292731; background:rgba(255,255,255,.012); }
.checkout-totals > div { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#807b87; font-size:10px; }
.checkout-totals dt,.checkout-totals dd { margin:0; }
.checkout-totals dd { color:#aaa4b1; font-weight:700; }
.checkout-totals > div:last-child { margin-top:5px; padding-top:16px; border-top:1px solid #292731; color:#ded9e5; font-size:13px; font-weight:800; }
.checkout-totals > div:last-child dd { color:#fff; font-size:16px; }

.checkout-information { display:grid; gap:14px; }
.checkout-information-card,.checkout-payment-card { border-radius:16px; }
.checkout-information-card { padding:27px; }
.checkout-information-card > header { margin-bottom:19px; }
.checkout-information-card > header > span { color:#a895ff; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.checkout-information-card > header h2 { margin:6px 0 0; color:#f1edf5; font:650 22px/1.15 Manrope,sans-serif; letter-spacing:-.035em; }
.checkout-contact-field,.checkout-requirement { min-height:65px; display:flex; align-items:center; gap:13px; padding:13px 14px; border:1px solid #2e2b35; border-radius:11px; background:#101016; }
.checkout-contact-field { margin-bottom:10px; }
.checkout-contact-field > img { width:17px; height:17px; filter:brightness(0) invert(1); opacity:.48; }
.checkout-contact-field > div,.checkout-requirement > div { min-width:0; display:flex; flex:1; flex-direction:column; }
.checkout-contact-field span,.checkout-requirement > div > small { color:#77727f; font-size:8px; line-height:1.5; }
.checkout-contact-field strong { overflow:hidden; margin-top:3px; color:#c8c2ce; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.checkout-verified-pill,.checkout-connected-pill { display:inline-flex; align-items:center; flex:0 0 auto; gap:5px; padding:5px 8px; border:1px solid rgba(73,207,146,.22); border-radius:999px; background:rgba(57,184,125,.08); color:#71d9a5; font-size:8px; font-weight:800; }
.checkout-connected-pill img { width:11px; height:11px; filter:brightness(0) saturate(100%) invert(75%) sepia(38%) saturate(675%) hue-rotate(101deg); }
.checkout-requirement { position:relative; }
.checkout-requirement + .checkout-requirement { margin-top:10px; }
.checkout-requirement.is-required { border-color:rgba(132,99,244,.42); background:linear-gradient(105deg,rgba(115,75,232,.1),rgba(17,16,24,.98) 42%); }
.checkout-requirement.is-complete { border-color:rgba(73,207,146,.25); background:linear-gradient(105deg,rgba(47,174,115,.075),rgba(17,16,24,.98) 42%); }
.checkout-requirement.is-locked { opacity:.55; }
.checkout-requirement-icon { width:35px; height:35px; display:grid; flex:0 0 35px; place-items:center; border:1px solid #35313e; border-radius:9px; background:#17171e; }
.checkout-requirement-icon img { width:16px; height:16px; filter:brightness(0) invert(1); opacity:.65; }
.checkout-requirement-icon.is-discord { border-color:rgba(88,101,242,.3); background:rgba(88,101,242,.14); }
.checkout-requirement-icon.is-discord img { opacity:1; filter:brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(1928%) hue-rotate(214deg) brightness(100%); }
.checkout-requirement > div > strong { color:#ddd8e4; font-size:10px; }
.checkout-requirement sup { color:#a992ff; font-size:9px; }
.checkout-requirement .button { flex:0 0 auto; min-height:34px; padding-inline:13px; }
.checkout-requirement .discord-connect-button img { filter:brightness(0) invert(1); }

.checkout-payment-card { padding:19px 27px 23px; }
.checkout-payment-copy { display:flex; align-items:center; gap:13px; padding-bottom:17px; }
.checkout-payment-copy > div { display:flex; min-width:0; flex-direction:column; }
.checkout-payment-copy > div > span { color:#8f7fe3; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.checkout-payment-copy strong { margin-top:2px; color:#ded9e5; font-size:11px; }
.checkout-payment-copy small { margin-top:3px; color:#716c78; font-size:8px; line-height:1.45; }
.checkout-payment-button { min-height:49px; border:1px solid #866ef1; background:linear-gradient(115deg,#7348df,#625cf0 58%,#477fec); box-shadow:0 13px 30px rgba(89,57,201,.24); }
.checkout-payment-button img { width:15px; height:15px; filter:brightness(0) invert(1); }
.checkout-payment-button:disabled { border-color:#2d2b34; background:#17171d; box-shadow:none; color:#66616c; cursor:not-allowed; }
.checkout-payment-button:disabled:hover { transform:none; border-color:#2d2b34; background:#17171d; color:#66616c; }
.checkout-payment-card .summary-note { display:flex; align-items:center; justify-content:center; gap:7px; margin:12px 0 0; color:#696471; font-size:8px; }
.checkout-payment-card .summary-note img { width:12px; height:12px; filter:brightness(0) invert(1); opacity:.4; }
.checkout-payment-card .summary-note.is-error { color:#ff7889; }

@media (max-width:980px) {
    .checkout-entry-grid { grid-template-columns:1fr; }
    .checkout-order-card { position:static; }
    .checkout-order-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
}
@media (max-width:680px) {
    .checkout-entry { padding:92px 0 72px; }
    .checkout-entry-shell { width:min(100% - 24px,1180px); }
    .checkout-entry-header { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:30px; }
    .checkout-entry-header h1 { font-size:43px; }
    .checkout-entry-steps li { align-items:flex-start; }
    .checkout-entry-steps li:not(:last-child)::after { margin:12px 7px 0; }
    .checkout-entry-steps li strong { max-width:75px; white-space:normal; }
    .checkout-order-items { display:block; padding-inline:15px; }
    .checkout-order-heading,.checkout-totals { padding-inline:20px; }
    .checkout-order-item { grid-template-columns:62px minmax(0,1fr); }
    .checkout-order-item > img { width:62px; height:48px; }
    .checkout-item-actions { grid-column:2; justify-content:space-between; }
    .checkout-information-card,.checkout-payment-card { padding:20px 16px; }
    .checkout-contact-field,.checkout-requirement { align-items:flex-start; flex-wrap:wrap; }
    .checkout-contact-field > .checkout-verified-pill,.checkout-requirement > .checkout-connected-pill,.checkout-requirement > .button { margin-left:48px; }
    .checkout-requirement > .button { width:calc(100% - 48px); }
}

/* Taller storefront cards inspired by the framed catalog reference. */
html[data-landing-style="1"] .home-page .catalog-product-card {
    min-height:0;
    display:flex;
    flex-direction:column;
    border-radius:18px;
}
html[data-landing-style="1"] .home-page .catalog-product-art { flex:0 0 auto; }
html[data-landing-style="1"] .home-page .catalog-card-copy {
    position:relative;
    min-height:158px;
    display:flex;
    flex:1;
    flex-direction:column;
    padding:26px 18px 19px;
}
html[data-landing-style="1"] .home-page .catalog-card-primary { width:100%; min-height:62px; display:flex; align-items:flex-start; justify-content:flex-start; flex-flow:row nowrap; padding-right:98px; }
html[data-landing-style="1"] .home-page .catalog-card-title { min-width:0; max-width:100%; min-height:62px; display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:7px; }
html[data-landing-style="1"] .home-page .catalog-card-primary h3 {
    display:block;
    min-height:0;
    margin:0;
    font-family:"Manrope",Inter,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:-.025em;
    white-space:normal;
}
html[data-landing-style="1"] .home-page .catalog-card-primary h3 a { display:-webkit-box; overflow:hidden; text-align:left; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
html[data-landing-style="1"] .home-page .catalog-subproduct-count { display:inline-flex; align-items:center; gap:7px; color:#77758d; font-size:10px; font-weight:700; line-height:1; }
html[data-landing-style="1"] .home-page .catalog-subproduct-count i { width:5px; height:5px; border-radius:50%; background:#8d72ff; box-shadow:0 0 8px rgba(141,114,255,.55); }
html[data-landing-style="1"] .home-page .catalog-status-pill {
    position:absolute;
    top:35px;
    right:18px;
    flex:0 0 auto;
    min-height:28px;
    gap:7px;
    margin:0;
    padding:5px 10px;
    border:1px solid rgba(83,228,170,.16);
    border-radius:999px;
    background:rgba(46,172,111,.18);
    color:#59e3a3;
    font-size:10px;
    font-weight:700;
    letter-spacing:0;
    line-height:1;
    text-transform:none;
}
html[data-landing-style="1"] .home-page .catalog-status-pill.catalog-status-partial { font-size:9px; }
html[data-landing-style="1"] .home-page .catalog-status-pill i {
    position:relative;
    width:11px;
    height:11px;
    display:block;
    border:1px solid currentColor;
    border-radius:50%;
    background:transparent;
    box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent);
}
html[data-landing-style="1"] .home-page .catalog-status-pill i::after {
    content:"";
    position:absolute;
    inset:3px;
    border-radius:50%;
    background:currentColor;
}
html[data-landing-style="1"] .home-page .catalog-status-updating .catalog-status-pill {
    border-color:rgba(100,201,255,.18);
    background:rgba(52,139,190,.18);
}
html[data-landing-style="1"] .home-page .catalog-status-detected .catalog-status-pill {
    border-color:rgba(255,113,130,.18);
    background:rgba(184,55,75,.18);
}
html[data-landing-style="1"] .home-page .catalog-card-foot {
    align-items:center;
    margin-top:auto;
    padding-top:18px;
    gap:18px;
}
html[data-landing-style="1"] .home-page .catalog-price-range {
    min-width:0;
    font-size:18px;
    font-weight:900;
    line-height:1.25;
    white-space:normal;
}
html[data-landing-style="1"] .home-page .catalog-view-stack {
    display:flex;
    flex:0 0 auto;
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
}
html[data-landing-style="1"] .home-page .catalog-view-options {
    gap:8px;
    font-size:11px;
    line-height:15px;
}
html[data-landing-style="1"] .home-page .catalog-view-options img { display:block; width:15px; height:15px; }
@media (max-width:800px) {
    html[data-landing-style="1"] .home-page .catalog-product-card { min-height:0; }
    html[data-landing-style="1"] .home-page .catalog-card-copy { min-height:146px; }
}

@media (max-width:560px) {
    html[data-landing-style="1"] .home-page .catalog-product-card { min-height:0; }
    html[data-landing-style="1"] .home-page .catalog-card-copy { min-height:160px; padding:21px 19px 20px; }
    html[data-landing-style="1"] .home-page .catalog-card-primary h3 { font-size:20px; }
    html[data-landing-style="1"] .home-page .catalog-price-range { font-size:19px; }
}