@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,500..800&family=Geist:wght@400..700&family=Geist+Mono:wght@500&family=Instrument+Serif:ital@1&display=swap");
:root{color-scheme:dark;--bg:#131219;--card:#1c1b25;--text:#f3f1f2;--muted:#aaa8b3;--accent:#afa9ca;--line:#ffffff1c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0%,#1d1b25 0,transparent 36%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.site-header{background:#16151be8;border-bottom:1px solid #ffffff12;position:relative;z-index:5}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.025em;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#1f1d29;border-radius:11px;width:36px;height:36px;font-size:21px;font-weight:800}.brand-muted{color:#c2bec7;font-weight:500}.site-header nav{display:flex;gap:28px;color:#aaa8b3;font-size:14px;font-weight:600}.site-header nav a:hover,.site-header nav a.active{color:var(--text)}.header-actions{display:flex;align-items:center;gap:20px;font-size:13px;color:#c5c3ce}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--accent);color:#1f1d29;padding:12px 19px;font-size:14px;font-weight:700;white-space:nowrap}.pill-button:hover{background:#c2bcda}.pill-button:disabled:hover{background:var(--accent)}
.discord-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #9385eb66;background:#9385eb18;color:#e6e2fc;border-radius:999px;padding:10px 14px;font-weight:700;white-space:nowrap}.discord-button:hover{background:#9385eb33;border-color:#9c8ef2}.discord-dot{width:8px;height:8px;border-radius:50%;background:#9c8ef2;box-shadow:0 0 12px #9c8ef2}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:#cdc8e4}
.intro{padding:60px 0 56px;display:flex;align-items:end;justify-content:space-between;gap:28px}.intro h1{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.055em;max-width:760px;margin:0;font-weight:760}.intro p{max-width:600px;color:var(--muted);font-size:16px;line-height:1.65;margin:17px 0 0}.status-link{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #3c3a46;border-radius:999px;background:#23212b;color:#dad7e5;font-size:13px;font-weight:600;white-space:nowrap}.status-link:hover{background:#2a2833}.status-light{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.catalog-section{padding:0 0 80px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 20px}.section-heading h2{font-size:25px;letter-spacing:-.025em;margin:0;font-weight:700}.section-heading>span,.section-heading>a{font-size:14px;color:#9995a3}.section-heading>a{color:#beb8d7}.game-grid,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{isolation:isolate;overflow:hidden;position:relative;height:225px;border:1px solid #ffffff18;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s}.game-card:before,.game-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#15141c08,#17161fae);z-index:-1}.game-card:hover,.product-card:hover{transform:translateY(-3px);border-color:#9c96b7}.card-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;z-index:-2}.theme-violet{background:linear-gradient(140deg,#3c374f,#262430 76%)}.theme-orange{background:linear-gradient(140deg,#514036,#2d282e 76%)}.theme-blue{background:linear-gradient(140deg,#383558,#272535 76%)}.theme-green{background:linear-gradient(140deg,#365247,#242e2d 76%)}.theme-red{background:linear-gradient(140deg,#513b47,#292730 76%)}.game-icon,.product-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #ffffff39;border-radius:13px;background:#ffffff18;backdrop-filter:blur(8px);font-size:18px;font-weight:700}.icon-image{width:100%;height:100%;object-fit:contain;padding:5px}.game-meta{display:flex;align-items:end;justify-content:space-between;gap:10px}.game-meta strong{display:block;font-size:27px;line-height:1.05;letter-spacing:-.035em}.game-meta small{display:block;color:#d1ced5;font-size:13px;margin-top:7px}.card-arrow{font-size:23px}.empty{padding:34px;border:1px dashed #3b3a44;border-radius:16px;background:#1c1b23;color:var(--muted)}
.product-card{display:block;overflow:hidden;border:1px solid #ffffff17;border-radius:17px;background:var(--card);transition:transform .2s,border-color .2s}.product-art{height:165px;position:relative;display:grid;place-items:center;overflow:hidden}.product-icon{width:74px;height:74px;border-radius:15px;font-size:30px}.product-copy{padding:20px}.product-copy small,.game-label{color:#b2accb;font-size:13px;font-weight:600}.product-copy h3{font-size:20px;margin:7px 0}.product-copy p{font-size:14px;line-height:1.5;min-height:40px;color:var(--muted);margin:0 0 18px}.product-copy>div{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#aaa8b3;font-size:13px}.product-copy strong{color:var(--text);font-size:17px;margin-left:4px}.product-copy>div>span:last-child{color:#beb8d7;font-size:19px}
.interior{padding-top:32px;padding-bottom:92px;min-height:calc(100vh - 160px)}.back-link{display:inline-flex;margin-bottom:24px;color:var(--muted);font-weight:600;font-size:14px}.back-link:hover{color:#cdc8e2}.game-banner{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:end;gap:25px;min-height:230px;padding:28px;border:1px solid #ffffff23;border-radius:18px;margin-bottom:46px}.game-banner .game-icon{width:72px;height:72px;font-size:26px}.game-banner h1{font-size:clamp(38px,4.5vw,60px);letter-spacing:-.055em;margin:0 0 8px}.game-banner p{margin:0;color:#e0dfe4;line-height:1.5}.detail-layout{display:grid;grid-template-columns:1fr .95fr;gap:56px}.detail-art{height:440px;position:relative;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;display:grid;place-items:center}.detail-art .card-cover{z-index:0;opacity:1}.detail-icon{display:grid;place-items:center;width:150px;height:150px;border:1px solid #ffffff66;border-radius:25px;background:#ffffff19;font-size:72px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.preview-grid img{display:block;width:100%;height:110px;object-fit:cover;border-radius:10px;border:1px solid #ffffff20}.detail-copy h1,.status-page h1,.result-page h1{font-size:clamp(38px,4.5vw,60px);letter-spacing:-.055em;line-height:1.05;margin:12px 0}.lede{color:var(--muted);font-size:17px;line-height:1.65}.status-pill{display:inline-flex;align-items:center;gap:8px;width:max-content;border-radius:999px;padding:7px 11px;background:#1f3228;color:#94efb4;font-size:13px;font-weight:700}.status-pill i{width:7px;height:7px;background:currentColor;border-radius:50%}.status-maintenance{background:#3b311b;color:#edc16b}.status-degraded{background:#3c2d20;color:#ffa777}.status-offline{background:#3a2025;color:#f68b96}.status-note{color:#d2a175;font-size:14px}.detail-block{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.detail-block h2{font-size:19px;margin:0 0 12px}.detail-block>p{color:var(--muted);font-size:15px;line-height:1.7}.tier-list{display:grid;gap:10px}.tier-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #ffffff1b;border-radius:14px;background:#1d1c26;padding:17px}.tier-card p{color:var(--muted);font-size:13px;margin:6px 0 0}.tier-action{display:flex;align-items:center;gap:15px}.tier-action>strong{font-size:19px}
.status-page>.lede{max-width:650px}.overall{display:flex;align-items:center;gap:15px;margin:35px 0 45px;padding:22px 25px;border:1px solid #454250;border-radius:15px;background:#23212b}.overall strong,.overall small{display:block}.overall small{color:var(--muted);font-size:13px;margin-top:5px}.status-group{margin-top:35px}.status-list{overflow:hidden;border:1px solid var(--line);border-radius:15px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#1d1c26;border-bottom:1px solid #ffffff16;padding:18px 20px}.status-row:last-child{border:0}.status-row a{font-weight:700}.status-row p{color:var(--muted);font-size:13px;margin:5px 0 0}.result-page{min-height:calc(100vh - 160px);padding-top:90px}.result-page p{max-width:570px;color:var(--muted);line-height:1.65}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff14;color:#898791;font-size:13px;padding:27px 0 38px}.site-footer span:first-child{color:#c6c4ce;font-weight:700}
.admin-wrap{padding:38px 0 90px;min-height:calc(100vh - 170px)}.admin-wrap h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;margin:0 0 10px}.admin-wrap>p{color:var(--muted);line-height:1.6}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.admin-tabs a{border:1px solid #ffffff20;border-radius:999px;padding:9px 15px;color:#bbb9c4;font-size:14px}.admin-tabs a.active{background:#afa9ca;color:#1f1d29;border-color:#afa9ca;font-weight:700}.admin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:18px}.panel{background:#1c1b25;border:1px solid #ffffff1c;border-radius:17px;padding:24px}.panel h2{font-size:21px;margin:0 0 18px}.panel h3{font-size:16px;margin:20px 0 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;font-size:13px;color:#c3c1cb;margin-bottom:14px}.field.full{grid-column:1/-1}.field input:not([type=checkbox]):not([type=file]),.field textarea,.field select{width:100%;background:#131219;border:1px solid #484752;color:#f3f1f2;border-radius:9px;padding:11px 12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#afa9ca}.field textarea{min-height:95px;resize:vertical}.field input[type=file]{max-width:100%;font-size:12px}.field small{color:#96929e;line-height:1.5}.checkbox-line{display:flex;gap:10px;align-items:center;font-size:14px;margin:5px 0 16px}.admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.quiet-button,.danger-button{display:inline-flex;border:1px solid #5b5864;background:transparent;color:#e8e7ee;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700}.danger-button{border-color:#804f57;color:#f1a3ac}.admin-list{display:grid;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid #ffffff18;border-radius:11px;background:#23222c}.list-item strong{display:block}.list-item small{display:block;color:var(--muted);margin-top:5px}.list-item a{color:#beb8d7;white-space:nowrap}.notice{padding:13px 16px;border-radius:11px;background:#282632;color:#d6d0ec;margin:20px 0}.error{background:#42252a;color:#ffc2c6}.login-card{width:min(440px,100%);margin:64px auto;background:#1c1b25;border:1px solid #ffffff20;border-radius:18px;padding:28px}.login-card h1{font-size:30px;margin-top:0}.admin-photo{max-width:100%;height:110px;object-fit:cover;border-radius:10px;border:1px solid #ffffff20}.preview-admin{display:flex;flex-wrap:wrap;gap:10px}.preview-admin label{font-size:12px;display:grid;gap:4px}.preview-admin img{width:90px;height:70px;object-fit:cover;border-radius:8px}
@media(max-width:900px){.game-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:28px}.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header nav{display:none}.header-inner{height:70px}.brand{font-size:14px}.header-actions{gap:10px}.header-actions>a:first-child:not(.pill-button){display:none}.pill-button{padding:10px 13px;font-size:12px}.intro{display:block;padding:42px 0 43px}.intro h1{font-size:clamp(39px,10vw,54px)}.intro p{font-size:15px}.status-link{margin-top:23px}.catalog-section{padding-bottom:58px}.game-grid,.product-grid{grid-template-columns:1fr}.game-card{height:190px}.detail-layout{grid-template-columns:1fr}.detail-art{height:320px}.game-banner{min-height:210px;padding:20px}.game-banner .game-icon{width:58px;height:58px}.tier-card{align-items:start;flex-direction:column}.tier-action{width:100%;justify-content:space-between}.site-footer{display:grid;gap:9px}.form-grid{grid-template-columns:1fr}}

/* Keep uploaded artwork above the card background and below its labels. */
.game-card:before,.game-banner:before{z-index:1;pointer-events:none}
.card-cover{z-index:0}
.game-card .game-icon,.game-card .game-meta,.game-banner .game-icon,.game-banner>div{position:relative;z-index:2}
.product-art,.detail-art{isolation:isolate}
.product-art .product-icon,.detail-art .detail-icon{position:relative;z-index:2}
.tier-stock{display:block;width:max-content;margin-top:9px;padding:5px 9px;border-radius:999px;background:#203528;color:#9be2b4;font-size:12px;font-weight:700}.tier-stock.out{background:#33282c;color:#d8a0a8}.stock-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.stock-summary span{font-size:12px;color:#aaa8b3}.key-list{display:grid;gap:8px;margin-top:16px}.key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ffffff18;border-radius:10px;padding:11px 12px;background:#23222c}.key-row code{color:#d6d4df}.delivery-badge{font-size:12px;font-weight:700;text-transform:capitalize}.delivery-delivered{color:#9be2b4}.delivery-failed{color:#f1a3ac}.delivery-pending{color:#edc16b}
.nav-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}
/* Admin dashboard */
.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;padding:34px 0 90px;align-items:start}.admin-sidebar{position:sticky;top:24px;border:1px solid #ffffff17;border-radius:18px;background:#191820;padding:14px;min-height:calc(100vh - 48px);display:flex;flex-direction:column}.sidebar-title{display:flex;align-items:center;gap:11px;padding:7px 7px 19px;border-bottom:1px solid #ffffff12}.brand-mark.small{width:32px;height:32px;border-radius:9px;font-size:17px}.sidebar-title strong,.sidebar-title small{display:block}.sidebar-title strong{font-size:14px}.sidebar-title small{font-size:11px;color:var(--muted);margin-top:3px}.admin-sidebar nav{display:grid;gap:4px;padding-top:14px}.admin-sidebar nav a{display:flex;align-items:center;gap:11px;color:#aaa8b3;border-radius:10px;padding:11px 12px;font-size:14px;font-weight:650}.admin-sidebar nav a>span{width:20px;color:#8f8998;text-align:center}.admin-sidebar nav a:hover{background:#22212b;color:#eee}.admin-sidebar nav a.active{background:#282630;color:#eceaf5}.admin-sidebar nav a.active>span{color:#c0b8df}.sidebar-store-link{display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid #ffffff12;padding:18px 10px 5px;color:#aaa8b3;font-size:13px}.admin-main{min-width:0}.admin-page-header{min-height:96px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px}.admin-page-header h1{font-size:clamp(34px,4vw,48px);letter-spacing:-.05em;margin:6px 0 8px}.admin-page-header p{color:var(--muted);margin:0;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:#a19abb}.wide-button{width:100%}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-heading h2{margin:0 0 5px}.panel-heading p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.panel-heading>a{font-size:13px;color:#beb8d7}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{border:1px solid #ffffff17;background:#1c1b24;border-radius:15px;padding:20px;transition:.2s}.metric-card:hover{border-color:#87819f;transform:translateY(-2px)}.metric-card small,.metric-card span,.metric-card strong{display:block}.metric-card small{font-size:12px;color:#aaa8b3}.metric-card strong{font-size:31px;letter-spacing:-.04em;margin:11px 0 8px}.metric-card span{font-size:12px;color:#888591}.metric-card.needs-attention{border-color:#704049;background:#241c21}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.quick-actions{display:grid;gap:9px}.quick-actions>a{display:flex;align-items:center;gap:13px;border:1px solid #ffffff14;background:#22212b;border-radius:12px;padding:14px}.quick-actions>a>span{display:grid;place-items:center;width:34px;height:34px;background:#2d2b38;border-radius:9px;color:#c0b8df}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:14px}.quick-actions small{color:var(--muted);font-size:12px;margin-top:4px}.compact-list .list-item{padding:12px}.empty-copy{color:var(--muted);font-size:14px;line-height:1.6}.clickable{transition:.15s}.clickable:hover{border-color:#777080;background:#292731}.clickable>span{color:#b0a8cf;font-size:13px;white-space:nowrap}.form-section{border-top:1px solid #ffffff14;padding-top:23px;margin-top:24px}.form-section:first-of-type{border-top:0;padding-top:0;margin-top:0}.form-section>h3{font-size:16px;margin:0 0 17px}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.section-title-row h3{font-size:16px;margin:0 0 5px}.section-title-row p{font-size:13px;color:var(--muted);margin:0}.fulfillment-section{border:1px solid #534e66;background:#1e1c25;border-radius:14px;padding:21px;margin-top:24px}.token-help{font-size:12px;line-height:1.6;color:#aaa4b1;background:#17161d;border-radius:9px;padding:10px 12px}.token-help code{color:#cac2eb}.email-preview{background:#f4f3f6;color:#1a1920;border-radius:13px;padding:23px;margin-top:19px}.email-preview>small{color:#746c79;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.email-preview h4{font-size:22px;margin:12px 0 8px}.email-preview p{color:#5f5964;line-height:1.55}.preview-key-label{display:block;font-size:14px;margin-top:18px}.preview-key{display:block;background:#19181d;color:#fff;font-family:monospace;padding:14px;border-radius:9px;margin:8px 0 17px}.preview-loader{display:inline-block;background:#7e769f;color:#fff;border-radius:999px;padding:11px 17px;font-size:13px;font-weight:700}.preview-note{font-size:12px!important;margin-bottom:0}.toggle-row{display:flex;gap:22px}.sticky-save{position:sticky;bottom:12px;background:#1c1b25e8;backdrop-filter:blur(12px);border:1px solid #ffffff1b;border-radius:13px;padding:12px;margin-top:24px;z-index:3}.product-admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.product-list-panel{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}.inventory-summary{display:flex;gap:10px;margin-bottom:18px}.inventory-summary>span{display:flex;align-items:baseline;gap:8px;background:#1c1b25;border:1px solid #ffffff17;border-radius:999px;padding:9px 14px;font-size:12px;color:var(--muted)}.inventory-summary strong{font-size:17px;color:#eee}.small-button{padding:8px 12px;font-size:12px}.orders-table{display:grid}.orders-head,.order-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) 90px minmax(130px,.7fr) 80px;gap:15px;align-items:center}.orders-head{padding:0 14px 11px;color:#817e87;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.order-row{padding:15px 14px;border-top:1px solid #ffffff12;font-size:13px}.order-row strong,.order-row small{display:block}.order-row small{color:var(--muted);margin-top:4px}.order-error{color:#e09ca5!important;max-width:240px}.setup-state{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750}.setup-state.ok{background:#203528;color:#9be2b4}.setup-state.bad{background:#3a2529;color:#f1a3ac}.settings-list{display:grid;margin:0 0 20px}.settings-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #ffffff12}.settings-list dt{color:var(--muted);font-size:13px}.settings-list dd{font-size:13px;text-align:right;word-break:break-all}.danger-panel{border-color:#5a3037}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.orders-head{display:none}.order-row{grid-template-columns:1fr 1fr}.order-row>div:last-child{justify-self:end}.product-admin-grid{grid-template-columns:1fr}.product-list-panel{position:static;max-height:none}}
@media(max-width:820px){.admin-shell{grid-template-columns:1fr;gap:20px;padding-top:20px}.admin-sidebar{position:static;min-height:0}.sidebar-title{border-bottom:0;padding-bottom:10px}.admin-sidebar nav{display:flex;overflow-x:auto;padding:8px 0}.admin-sidebar nav a{white-space:nowrap}.sidebar-store-link{display:none}.dashboard-grid{grid-template-columns:1fr}.admin-page-header{min-height:0}.orders-table .order-row{grid-template-columns:1fr}.order-row>div:last-child{justify-self:start}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:15px}.metric-card strong{font-size:26px}.admin-page-header{display:block}.admin-page-header>.pill-button{margin-top:14px}.fulfillment-section{padding:15px}.inventory-summary{overflow-x:auto}.toggle-row{display:block}}
.script-editor-panel{max-width:100%}.script-code-editor{min-height:560px!important;tab-size:4;white-space:pre;overflow:auto;resize:vertical!important;font-family:Consolas,"Courier New",monospace!important;font-size:13px!important;line-height:1.55!important;color:#e4e1ef!important;background:#111017!important}.script-save-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ffffff14;padding-top:18px}.script-save-row>span{font-size:12px;color:var(--muted)}.script-save-row>span.unsaved{color:#edc16b}.script-editor-panel code{font-family:Consolas,"Courier New",monospace;color:#cac2eb}
.analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.analytics-period{background:#1c1b24;border:1px solid #ffffff17;border-radius:15px;padding:20px}.analytics-period span,.analytics-period small,.analytics-period b{display:block}.analytics-period span{color:#aaa8b3;font-size:12px}.analytics-period strong{display:inline-block;font-size:34px;letter-spacing:-.04em;margin:12px 7px 10px 0}.analytics-period small{display:inline;color:#8f8b96}.analytics-period b{font-size:13px;color:#c2bbdc}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.analytics-chart{height:270px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #ffffff20;padding:12px 2px 28px;margin-top:3px}.chart-column{position:relative;display:flex;align-items:flex-end;height:100%;flex:1;min-width:5px}.chart-bar{width:100%;min-height:2px;border-radius:4px 4px 1px 1px;transition:.18s}.chart-bar.views{background:linear-gradient(180deg,#b9b0df,#6f6597)}.chart-bar.visitors{background:linear-gradient(180deg,#87d6bf,#397c69)}.chart-column:hover .chart-bar{filter:brightness(1.25)}.chart-column>span{position:absolute;left:0;bottom:-23px;width:42px;color:#77737f;font-size:9px;white-space:nowrap;transform:rotate(-35deg);transform-origin:left top}.analytics-note{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 2px 0}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}}
@media(max-width:620px){.analytics-metrics{grid-template-columns:1fr}.analytics-chart{overflow-x:auto}.analytics-period strong{font-size:29px}}
@media(max-width:700px){.header-actions .discord-button{display:inline-flex!important;padding:9px 11px}.header-actions>.pill-button{display:none}.footer-links{display:grid;gap:8px}}
.terms-page{max-width:860px}.terms-heading{padding:25px 0 35px}.terms-heading h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.055em;margin:8px 0 12px}.terms-heading p{color:var(--muted);font-size:17px;margin:0}.terms-card{overflow:hidden;border:1px solid #ffffff1c;border-radius:18px;background:#1c1b25}.terms-card section{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:27px;border-bottom:1px solid #ffffff14}.terms-card section:last-child{border-bottom:0}.terms-card section>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#292732;color:#c3bddd;font-weight:800;font-size:13px}.terms-card h2{font-size:19px;margin:4px 0 10px}.terms-card p{color:#aaa8b3;line-height:1.7;margin:0}

/* Storefront reskin */
:root{--bg:#0d0d0f;--card:#151518;--text:#f6f5f8;--muted:#9d99a4;--accent:#9883ed;--accent-soft:#b5a5f5;--line:#ffffff14}
body{background:radial-gradient(circle at 50% -180px,#1a1334 0,transparent 38%),#0d0d0f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.19;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}
.wrap{width:min(1240px,calc(100% - 56px))}
.site-header{position:sticky;top:0;z-index:50;background:#0d0d0fbd;border-bottom:1px solid #ffffff12;backdrop-filter:blur(20px) saturate(1.5)}
.header-inner{height:68px}.brand{gap:7px;font-size:15px}.brand-mark{width:34px;height:34px;border-radius:10px;color:white;background:linear-gradient(145deg,#a18df2,#8672d4);box-shadow:0 0 24px #9883ed44}.brand-name{font-size:17px;font-weight:850;letter-spacing:-.04em}.brand-muted{font-size:14px;color:#85818a}.site-header nav{padding:4px;border:1px solid #ffffff10;background:#ffffff06;border-radius:999px;gap:2px}.site-header nav a{padding:7px 13px;border-radius:999px;color:#8e8a94;font-size:12px}.site-header nav a:hover,.site-header nav a.active{background:#ffffff0b;color:#fff}.header-actions{gap:9px}.admin-link{color:#a9a4ae;padding:9px}.discord-button{border-color:#ffffff14;background:#ffffff08;color:#d4d2dd;border-radius:9px;padding:9px 13px}.discord-button:hover{background:#ffffff10;border-color:#ffffff24}.pill-button{border-radius:9px;background:linear-gradient(135deg,#9883ed,#8a77d7);color:white;padding:11px 18px;box-shadow:inset 0 1px #ffffff30,0 10px 30px #8d7ad429;transition:transform .18s,filter .18s}.pill-button:hover{background:linear-gradient(135deg,#9e89f0,#8f7bdc);transform:translateY(-1px);filter:brightness(1.05)}
.store-home{overflow:hidden}.store-hero{position:relative;border-bottom:1px solid #ffffff0d}.hero-glow{position:absolute;width:700px;height:600px;right:-160px;top:-200px;background:radial-gradient(circle,#9581e026,transparent 67%);filter:blur(5px);pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.75fr);align-items:center;gap:100px;min-height:650px;padding-top:72px;padding-bottom:88px}.hero-copy{max-width:680px}.hero-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff15;background:#ffffff08;border-radius:999px;padding:7px 12px;color:#c7c2cb;font-size:12px;font-weight:650}.hero-badge span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#907dd733;color:#bfb1f6}.hero-copy h1{font-size:clamp(54px,6.4vw,86px);line-height:.98;letter-spacing:-.068em;margin:25px 0 24px;font-weight:830}.hero-copy h1 em{font-style:normal;background:linear-gradient(115deg,#9d88ec,#c9bcf8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:580px;color:#aaa5af;font-size:17px;line-height:1.7;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.hero-primary{padding:14px 23px}.hero-secondary{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid #ffffff16;background:#ffffff07;border-radius:9px;color:#d5d3dc;font-size:13px;font-weight:700}.hero-secondary:hover{background:#ffffff0d}.hero-secondary .status-light{background:#69dc9e;box-shadow:0 0 12px #69dc9e88}.hero-stats{display:flex;gap:45px;margin-top:48px;padding-top:25px;border-top:1px solid #ffffff12;max-width:560px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:27px;letter-spacing:-.035em}.hero-stats span{color:#77737d;font-size:11px;margin-top:4px}.delivery-demo{position:relative;background:linear-gradient(160deg,#1a191e,#121215);border:1px solid #ffffff18;border-radius:20px;padding:19px;box-shadow:0 35px 90px #0009,0 0 70px #9883ed12}.delivery-demo:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff25,transparent 35%,#9883ed33);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}.demo-head{display:flex;align-items:center;gap:11px;padding:2px 2px 16px;border-bottom:1px solid #ffffff10}.demo-head>div{flex:1}.demo-head strong,.demo-head small{display:block}.demo-head strong{font-size:14px}.demo-head small{font-size:10px;color:#77737d;margin-top:3px}.demo-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#9883ed19;color:#a996f3}.live-chip{display:flex;align-items:center;gap:6px;border-radius:999px;background:#173025;color:#83e4aa;padding:6px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.live-chip i{width:6px;height:6px;border-radius:50%;background:#74e3a3;box-shadow:0 0 8px #74e3a3}.demo-products{display:grid;gap:5px;padding:14px 0}.demo-products>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:9px;border:1px solid transparent;border-radius:10px;transition:.15s}.demo-products>a:hover{background:#ffffff06;border-color:#ffffff10}.demo-product-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;overflow:hidden;background:#0c0c0f;border:1px solid #ffffff16;font-size:16px}.demo-product-icon .icon-image{padding:3px}.demo-products strong,.demo-products small{display:block}.demo-products strong{font-size:12px}.demo-products small{color:#716e77;font-size:10px;margin-top:3px}.demo-products b{font-size:11px;color:#c2c0ca}.demo-empty{padding:50px 10px;text-align:center;color:#77737d;font-size:12px}.delivery-flow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff10;padding:16px 4px 1px;color:#7f7a84;font-size:9px}.delivery-flow span{display:flex;align-items:center;gap:6px}.delivery-flow i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;background:#9883ed19;color:#a996f3;font-weight:800}.delivery-flow b{color:#4d4951}.trust-strip{border-bottom:1px solid #ffffff0d;background:#101013}.trust-strip>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.trust-strip span{display:grid;grid-template-columns:34px 1fr;column-gap:11px;padding:23px 27px;border-right:1px solid #ffffff0d}.trust-strip span:first-child{border-left:1px solid #ffffff0d}.trust-strip i{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#9883ed12;color:#a996ef;font-style:normal;font-size:11px}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:11px}.trust-strip small{font-size:9px;color:#6e6a73;margin-top:3px}.home-catalog{padding-top:95px}.modern-heading{align-items:end;margin-bottom:27px}.modern-heading>div>small,.home-cta small{display:block;color:#9f8be9;font-size:10px;font-weight:850;letter-spacing:.14em;margin-bottom:9px}.modern-heading h2{font-size:35px;letter-spacing:-.045em}.modern-heading p{color:#817d87;font-size:13px;margin:8px 0 0}.catalog-section{padding-bottom:100px}.game-grid,.product-grid{gap:18px}.game-card{height:245px;border-radius:14px;border-color:#ffffff14;padding:19px;box-shadow:0 14px 40px #0003}.game-card:before{background:linear-gradient(180deg,#08080a0a 15%,#09090bdf 100%)}.game-card:hover,.product-card:hover{transform:translateY(-5px);border-color:#a18eea77;box-shadow:0 20px 50px #0007}.game-icon{width:41px;height:41px;border-radius:10px;background:#0d0d0dbd;border-color:#ffffff24}.game-meta strong{font-size:22px}.game-meta small{color:#a9a5ad;font-size:11px}.card-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ffffff0c;font-size:16px}.product-card{border-radius:14px;border-color:#ffffff14;background:#141417;box-shadow:0 14px 40px #0002}.product-art{height:185px;background:#111114}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#141417)}.product-icon{z-index:2;width:68px;height:68px;border-radius:16px;background:#0b0b0dc4}.product-copy{padding:19px}.product-copy small,.game-label{color:#a593e9;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.product-copy h3{font-size:18px;margin:8px 0}.product-copy p{font-size:12px;min-height:37px}.product-copy>div{font-size:11px}.product-copy strong{font-size:15px}.home-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:90px;padding:45px 50px;border:1px solid #ffffff16;border-radius:18px;background:radial-gradient(circle at 85% 10%,#9883ed26,transparent 45%),#151518}.home-cta h2{font-size:36px;letter-spacing:-.045em;margin:0}.home-cta p{color:#8d8992;margin:10px 0 0}.site-footer{align-items:center;padding-top:35px;padding-bottom:40px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#917eda;color:#fff}.footer-brand strong{font-size:12px}.footer-links{font-size:12px}
@media(max-width:980px){.hero-layout{grid-template-columns:1fr;gap:55px;padding-top:70px}.hero-copy{text-align:center;margin:auto}.hero-copy>p,.hero-stats{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.delivery-demo{width:min(520px,100%);margin:auto}.trust-strip>.wrap{grid-template-columns:1fr 1fr}.trust-strip span:nth-child(3){border-left:1px solid #ffffff0d}.home-catalog{padding-top:75px}}
@media(max-width:700px){.wrap{width:calc(100% - 30px)}.site-header nav{display:none}.brand-muted{display:none}.header-actions .admin-link{display:none}.header-actions .discord-button{font-size:0;width:38px;height:38px;padding:0;justify-content:center}.hero-layout{min-height:0;padding-top:62px;padding-bottom:68px}.hero-copy h1{font-size:clamp(44px,13vw,62px)}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions>a{justify-content:center}.hero-stats{gap:20px;justify-content:space-between}.hero-stats strong{font-size:22px}.delivery-demo{padding:14px}.trust-strip>.wrap{grid-template-columns:1fr 1fr}.trust-strip span{padding:18px 12px;grid-template-columns:28px 1fr}.trust-strip i{width:27px;height:27px}.trust-strip strong{font-size:10px}.modern-heading h2{font-size:30px}.modern-heading>span{display:none}.game-card{height:210px}.home-cta{display:block;padding:34px 28px}.home-cta h2{font-size:30px}.home-cta .pill-button{margin-top:25px}.site-footer{align-items:start}}

/* Dimensional hero delivery scene */
.store-hero{background:radial-gradient(ellipse at 70% 35%,#36247a1d 0,transparent 42%),linear-gradient(180deg,#0d0b15 0,#0d0d0f 86%)}
.store-hero:before{display:none}
.hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(420px,.9fr);gap:72px;min-height:720px}.hero-aurora{position:absolute;border-radius:50%;filter:blur(85px);opacity:.25;pointer-events:none;animation:aurora-drift 10s ease-in-out infinite alternate}.aurora-one{width:310px;height:310px;background:#8d77e5;right:10%;top:12%}.aurora-two{width:240px;height:240px;background:#2e1f71;right:31%;bottom:3%;animation-delay:-5s}.hero-copy h1{text-shadow:0 3px 35px #000}.hero-copy h1 em{filter:drop-shadow(0 0 30px #9883ed2e)}
.hero-visual{position:relative;perspective:1100px;padding:65px 8px 72px}.visual-halo{position:absolute;width:115%;aspect-ratio:1;left:-8%;top:-7%;border-radius:50%;background:radial-gradient(circle,#9883ed24 0,#9883ed0b 32%,transparent 68%);filter:blur(12px);animation:halo-pulse 5s ease-in-out infinite}.demo-back-card{position:absolute;inset:78px 28px 83px;border:1px solid #a390ed26;border-radius:24px;background:#14121d99;box-shadow:0 30px 80px #0008}.back-one{transform:rotate(-5deg) translate(-20px,8px)}.back-two{transform:rotate(4deg) translate(22px,-4px);background:#16151b88}.delivery-demo{z-index:3;transform:rotateY(-4deg) rotateX(1deg);padding:21px;border-color:#b6a5f535;background:linear-gradient(145deg,#1b1921f7,#121115f7);box-shadow:0 42px 100px #000c,0 0 0 1px #ffffff08 inset,0 0 85px #9883ed1c;backdrop-filter:blur(22px);animation:demo-float 6s ease-in-out infinite}.delivery-demo:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff09,transparent 28%,transparent 70%,#9883ed0c)}.demo-shine{position:absolute;z-index:5;left:-35%;top:-40%;width:32%;height:180%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#ffffff0e,transparent);animation:card-shine 8s ease-in-out infinite;pointer-events:none}.demo-icon{background:linear-gradient(145deg,#39277b,#1d1638);border:1px solid #b6a5f51f;box-shadow:0 7px 22px #9883ed2e}.demo-products{gap:7px;padding:16px 0}.demo-products>a{position:relative;grid-template-columns:44px 1fr auto;padding:10px 11px;border-color:#ffffff0b;background:linear-gradient(90deg,#ffffff05,transparent);animation:row-enter .55s both;animation-delay:calc(var(--row-delay) * .09s)}.demo-products>a:before{content:"";position:absolute;left:-1px;top:25%;bottom:25%;width:2px;border-radius:2px;background:linear-gradient(#ae9bf4,#8b78d4);opacity:0;transition:.18s}.demo-products>a:hover{transform:translateX(4px);border-color:#a18dec2b;background:#9883ed0a}.demo-products>a:hover:before{opacity:1}.demo-product-icon{width:44px;height:44px;border-color:#ffffff1c;box-shadow:0 8px 20px #0007}.demo-products strong{font-size:13px}.demo-products b{padding:6px 9px;border:1px solid #ffffff0c;border-radius:7px;background:#0a0a0d;color:#d3d1dc}.delivery-flow{position:relative;padding-top:21px;overflow:hidden}.delivery-flow .flow-line{position:absolute;left:12px;right:12px;top:7px;height:2px;background:#ffffff0c}.delivery-flow .flow-line i{display:block;width:54%;height:100%;background:linear-gradient(90deg,#9883ed,#b7a7f5);box-shadow:0 0 12px #9f8aef;animation:flow-progress 3.8s ease-in-out infinite}.delivery-flow span{position:relative}.delivery-flow span.done{color:#aa9ddd}.delivery-flow span.done i{background:#322466;color:#bfb1f6}.delivery-flow span.active{color:#d8d5e2}.delivery-flow span.active i{box-shadow:0 0 0 4px #9883ed12,0 0 16px #9883ed5c}.demo-toast{position:absolute;z-index:8;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;right:-27px;bottom:-56px;width:245px;padding:12px 14px;border:1px solid #86e2aa2b;border-radius:13px;background:#111916e8;box-shadow:0 18px 45px #0009,0 0 30px #44c77814;backdrop-filter:blur(18px);animation:toast-bob 5s ease-in-out infinite}.demo-toast>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#1b472d;color:#7be2a4;font-size:12px}.demo-toast strong,.demo-toast small{display:block}.demo-toast strong{font-size:11px}.demo-toast small{font-size:9px;color:#75817a;margin-top:3px}.demo-toast>b{font-size:10px;color:#7f9487}.float-chip{position:absolute;z-index:7;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #ffffff19;border-radius:13px;background:#15141bd9;box-shadow:0 18px 55px #0009;backdrop-filter:blur(18px);animation:chip-float 6s ease-in-out infinite}.float-chip>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#9883ed17;color:#ae9cf4;font-size:10px}.float-chip strong,.float-chip small{display:block}.float-chip strong{font-size:10px}.float-chip small{font-size:8px;color:#77717d;margin-top:3px}.chip-secure{left:-45px;top:25px}.chip-delivered{right:-28px;top:118px;animation-delay:-3s}.chip-delivered>span{background:#163825;color:#76dfa0}
@keyframes demo-float{0%,100%{transform:rotateY(-4deg) rotateX(1deg) translateY(0)}50%{transform:rotateY(-2deg) rotateX(0) translateY(-8px)}}@keyframes chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes toast-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes halo-pulse{0%,100%{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes aurora-drift{to{transform:translate(28px,22px) scale(1.12)}}@keyframes card-shine{0%,58%{left:-45%}78%,100%{left:135%}}@keyframes row-enter{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes flow-progress{0%,20%{width:16%}65%,100%{width:100%}}
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr;gap:25px}.hero-visual{width:min(540px,100%);margin:auto}.chip-secure{left:-30px}.chip-delivered{right:-22px}}
@media(max-width:620px){.hero-visual{padding:46px 0 62px}.delivery-demo{transform:none;animation:none}.demo-back-card{inset:57px 12px 75px}.float-chip{display:none}.demo-toast{right:8px;bottom:-52px;width:220px}.demo-products>a{grid-template-columns:40px 1fr auto}.demo-product-icon{width:40px;height:40px}.delivery-flow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-aurora,.delivery-demo,.demo-shine,.demo-products>a,.delivery-flow .flow-line i,.demo-toast,.float-chip,.visual-halo{animation:none!important}}
.demo-back-card{display:none!important}
.demo-shine{display:none!important;animation:none!important}

/* Midnight blue colorway */
:root{--bg:#080710;--card:#100e20;--text:#f6f5fb;--muted:#918ea9;--accent:#7e70e6;--accent-soft:#9288ef;--line:#a49af41a}
body{background:radial-gradient(circle at 50% -180px,#120e37 0,transparent 40%),#080710}.site-header{background:#080710cc}.trust-strip{background:#0b0917}
.brand-mark{background:linear-gradient(145deg,#8578ec,#7869e0);box-shadow:0 0 24px #7e70e63d}
.pill-button{background:linear-gradient(135deg,#7e70e6,#7869e0);box-shadow:inset 0 1px #ffffff30,0 10px 30px #7869e033}.pill-button:hover{background:linear-gradient(135deg,#8578ec,#7e70e6)}
.store-hero{background:radial-gradient(ellipse at 70% 35%,#7869e01f 0,transparent 44%),linear-gradient(180deg,#0a0818 0,#080710 86%)}
.hero-glow{background:radial-gradient(circle,#7e70e626,transparent 67%)}.aurora-one{background:#7869e0}.aurora-two{background:#191159}
.hero-copy h1 em{background:linear-gradient(115deg,#8578ec,#a59cf3);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px #7e70e62e)}
.hero-badge span{background:#7869e033;color:#a59cf3}.hero-primary{background:linear-gradient(135deg,#7e70e6,#7869e0)}
.visual-halo{background:radial-gradient(circle,#7e70e624 0,#7e70e60b 32%,transparent 68%)}
.delivery-demo{border-color:#9288ef35;background:linear-gradient(145deg,#141127f7,#0a0915f7);box-shadow:0 42px 100px #000c,0 0 0 1px #ffffff08 inset,0 0 85px #7e70e61c}.delivery-demo:after{background:linear-gradient(115deg,#ffffff09,transparent 28%,transparent 70%,#7e70e60c)}
.demo-icon{background:linear-gradient(145deg,#261c75,#130e3a);border-color:#a59cf31f;box-shadow:0 7px 22px #7e70e62e}.demo-products>a:before{background:linear-gradient(#a59cf3,#7869e0)}.demo-products>a:hover{border-color:#9288ef2b;background:#7e70e60a}.delivery-flow .flow-line i{background:linear-gradient(90deg,#7e70e6,#a59cf3);box-shadow:0 0 12px #8578ec}.delivery-flow span.done{color:#9e95e6}.delivery-flow span.done i{background:#261c75;color:#a59cf3}.delivery-flow span.active i{box-shadow:0 0 0 4px #7e70e612,0 0 16px #7e70e65c}
.float-chip>span{background:#7e70e617;color:#9288ef}.demo-product-icon{background:#080710}.live-chip{background:#102c20}
.trust-strip i{background:#7e70e612;color:#9288ef}.modern-heading>div>small,.home-cta small{color:#9288ef}.game-card:hover,.product-card:hover{border-color:#9288ef77}.product-copy small,.game-label{color:#9288ef}.home-cta{background:radial-gradient(circle at 85% 10%,#7e70e626,transparent 45%),#100e20}.footer-brand b{background:#7869e0}
.demo-products b{background:#080710}.product-art{background:#0d0b19}.product-art:after{background:linear-gradient(180deg,transparent 35%,#100e20)}.product-card{background:#100e20}.game-icon,.product-icon{box-shadow:0 12px 35px #0007}

/* Admin redesign */
.admin-main [hidden]{display:none!important}
.admin-page-header.compact{min-height:0;margin-bottom:22px}
.admin-sidebar nav a>span.nav-count{width:auto;margin-left:auto;background:#3a2529;color:#f1a3ac;border-radius:999px;font-size:11px;font-weight:800;padding:2px 8px}
.metric-card.warn{border-color:#6b5630;background:#231f19}
.list-item-end{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.list-item-end strong{font-size:14px}
.list-item.selected{border-color:#87819f;background:#282630}
.attention-list{display:grid;gap:8px}
.attention-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #ffffff18;border-radius:11px;background:#23222c}
.attention-item>i{flex:none;width:8px;height:8px;border-radius:50%;background:#edc16b}
.attention-item.bad>i{background:#f1a3ac}
.attention-item>div{flex:1;min-width:0}
.attention-item strong,.attention-item small{display:block}
.attention-item strong{font-size:14px}
.attention-item small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.attention-item form,.attention-item>a{flex:none}
.all-good{padding:15px;border-radius:11px;background:#1f3228;color:#94efb4;font-size:14px;font-weight:700}
.search-input{width:100%;box-sizing:border-box;background:#131219;border:1px solid #484752;color:#f3f1f2;border-radius:9px;padding:10px 12px;outline:none;font:inherit;font-size:13px}
.search-input:focus{border-color:#afa9ca}
.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.admin-toolbar .search-input{flex:1 1 240px;max-width:340px}
.chip-row{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid #ffffff20;background:transparent;color:#bbb9c4;border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.chip:hover{border-color:#87819f}
.chip.active{background:#afa9ca;color:#1f1d29;border-color:#afa9ca}
.chip b{margin-left:3px;opacity:.65}
.order-email{overflow-wrap:anywhere}
.product-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}
.product-nav{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:14px}
.nav-group{margin-top:16px}
.nav-group>h4{margin:0 0 5px;padding:0 9px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#817e87}
.product-link{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;color:#d6d4dd;font-size:14px}
.product-link:hover{background:#23222c}
.product-link.active{background:#282630;color:#fff;box-shadow:inset 3px 0 0 #afa9ca}
.product-link>span:not(.stock-tag){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#9be2b4;font-style:normal}
.dot.degraded{background:#edc16b}.dot.maintenance{background:#a59dea}.dot.offline{background:#f1a3ac}.dot.hidden{background:#5b5864}
.stock-tag{display:inline-block;flex:none;font-size:11px;font-weight:800;border-radius:999px;padding:3px 8px;background:#203528;color:#9be2b4;vertical-align:middle;white-space:nowrap}
.stock-tag.low{background:#352c1b;color:#edc16b}
.stock-tag.out{background:#3a2529;color:#f1a3ac}
.stock-tag.muted{background:#27262e;color:#96929e}
.product-workspace{min-width:0}
.workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:14px;padding:20px 22px}
.workspace-head h2{font-size:26px;letter-spacing:-.03em;margin:5px 0 7px}
.workspace-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.workspace-head p a{color:#beb8d7}
.quick-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:460px}
.quick-status select,.quick-status input{background:#131219;border:1px solid #484752;color:#f3f1f2;border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;outline:none}
.quick-status input{flex:1 1 170px;min-width:0}
.seg-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid #ffffff17;border-radius:999px;background:#17161e;margin-bottom:16px;flex-wrap:wrap}
.seg-tabs a,.seg-tabs button{border:0;background:transparent;color:#aaa8b3;border-radius:999px;padding:8px 15px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.seg-tabs a:hover,.seg-tabs button:hover{color:#eee}
.seg-tabs .active{background:#282630;color:#eceaf5}
.js-tabs .form-pane:not(.active){display:none}
.js-tabs .form-section{border-top:0;padding-top:0;margin-top:0}
.js-tabs .form-pane .form-section+.form-section{border-top:1px solid #ffffff14;padding-top:23px;margin-top:24px}
.save-hint{font-size:12px;color:#edc16b}
.optional{color:#817e87;font-weight:400}
.tier-stack{display:grid;gap:12px}
.tier-card-admin{border:1px solid #ffffff1c;border-radius:15px;background:#1c1b25;padding:18px;scroll-margin-top:30px;transition:border-color .4s}
.tier-card-admin.disabled{opacity:.7}
.flash-target{border-color:#afa9ca}
.tier-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.tier-top h3{margin:0;font-size:17px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tier-price{font-size:20px;letter-spacing:-.02em;white-space:nowrap}
.tier-counts{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.tier-counts span{font-size:12px;color:var(--muted);background:#23222c;border-radius:999px;padding:5px 10px}
.tier-counts b{color:var(--text)}
.tier-tools{display:grid;gap:8px;margin-top:15px}
details.drawer{border:1px solid #ffffff14;border-radius:11px;background:#201f29}
details.drawer>summary{cursor:pointer;list-style:none;padding:11px 14px;font-size:13px;font-weight:700;color:#d4d0e3;display:flex;justify-content:space-between;align-items:center}
details.drawer>summary::-webkit-details-marker{display:none}
details.drawer>summary:after{content:"+";color:#8f8998;font-size:17px;line-height:1}
details.drawer[open]>summary:after{content:"–"}
details.drawer>summary:hover{color:#fff}
.drawer-body{padding:4px 14px 14px}
.drawer-body .delete-form{margin-top:12px}
details.new-tier{border-style:dashed;border-color:#ffffff2a;background:#1c1b25;scroll-margin-top:30px}
details.new-tier>summary{padding:15px 18px;font-size:14px}
details.danger-zone{margin-top:16px;border-color:#804f5755;background:transparent}
details.danger-zone>summary{color:#f1a3ac}
.key-list.scroll{max-height:330px;overflow:auto;margin-top:0;padding-right:4px}
.key-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.key-status{font-weight:800}
.key-status.available{color:#9be2b4}.key-status.reserved{color:#edc16b}.key-status.sold{color:#aaa8b3}
@media(max-width:1000px){.product-layout{grid-template-columns:1fr}.product-nav{position:static;max-height:300px}}
@media(max-width:560px){.workspace-head{padding:16px}.quick-status{max-width:none}.tier-top{flex-direction:column;gap:6px}.attention-item{flex-wrap:wrap}.attention-item form,.attention-item>a{margin-left:20px}}

/* FAQ */
.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid #ffffff1c;border-radius:15px;background:#1c1b25;transition:border-color .2s}
.faq-item[open]{border-color:#ffffff33}
.faq-item>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;font-size:16px;font-weight:700}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary:after{content:"+";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#26252e;color:#c0b8df;font-size:17px;line-height:1}
.faq-item[open]>summary:after{content:"–"}
.faq-item>summary:hover{color:#fff}
.faq-answer{padding:0 22px 20px;color:var(--muted);font-size:15px;line-height:1.7}
.faq-answer p{margin:0 0 12px}
.faq-answer p:last-child{margin-bottom:0}
.faq-answer a{color:#beb8d7;text-decoration:underline;text-underline-offset:3px}
.faq-answer strong{color:var(--text)}
.faq-methods{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.faq-methods li{background:#23222c;border:1px solid #ffffff14;border-radius:11px;padding:11px 13px;font-size:13px;line-height:1.45}
.faq-methods strong{display:block;font-size:14px;margin-bottom:2px}
.faq-help{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding:20px 22px;border:1px dashed #ffffff26;border-radius:15px}
.faq-help strong,.faq-help span{display:block}
.faq-help span{color:var(--muted);font-size:14px;margin-top:4px}
@media(max-width:560px){.faq-methods{grid-template-columns:1fr}.faq-item>summary{padding:16px 17px;font-size:15px}.faq-answer{padding:0 17px 17px}}

/* Customer accounts */
.account-button{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:4px 14px 4px 4px;background:#ffffff06;font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;transition:border-color .2s,background .2s}
.account-button:hover,.account-button.active{border-color:#9288ef66;background:#7e70e614}
.account-button img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--card);flex:none}
.signin-note{display:flex;align-items:center;gap:9px;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.account-page{max-width:900px;padding-bottom:40px}
.account-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start;padding:28px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 0% 0%,#7e70e622,transparent 55%),linear-gradient(160deg,#131028,var(--card));overflow:hidden}
.account-id{display:flex;align-items:center;gap:18px;min-width:0}
.account-avatar{flex:none;width:76px;height:76px;border-radius:50%;object-fit:cover;background:var(--card);box-shadow:0 0 0 3px var(--bg),0 0 0 5px #8578ecaa,0 12px 30px #7e70e640}
.account-id>div{min-width:0}
.account-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#9385eb1f;color:#bcb2f6;font-size:11px;font-weight:700;letter-spacing:.02em}
.account-id h1{margin:9px 0 3px;font-size:clamp(26px,4vw,34px);letter-spacing:-.035em;line-height:1.1;overflow-wrap:anywhere}
.account-id p{margin:0;color:var(--muted);font-size:14px}
.account-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.account-stats>div{padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff0f}
.account-stats small{display:block;color:var(--muted);font-size:12px}
.account-stats strong{display:block;margin-top:6px;font-size:20px;letter-spacing:-.02em}
.account-notice{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding:14px 16px;border-radius:14px;border:1px solid #22c55e33;background:#22c55e12;color:#bbf7d0;font-size:14px;line-height:1.5}
.account-notice>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#22c55e26;color:#4ade80;font-weight:800}
.account-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:34px 0 14px}
.account-section-head h2{margin:0;font-size:20px;letter-spacing:-.02em}
.account-section-head span{color:var(--muted);font-size:13px}
.account-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;border:1px dashed #9288ef33;border-radius:20px;background:var(--card)}
.empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:15px;background:#7e70e61f;color:#9288ef;font-size:22px}
.account-empty h3{margin:0 0 8px;font-size:20px}
.account-empty p{max-width:380px;margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.6}
.account-foot{max-width:520px;margin:18px auto 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}
.account-foot a,.purchase-pending a{color:#9288ef;text-decoration:underline;text-underline-offset:3px}
.purchase-list{display:grid;gap:14px}
.purchase-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--card);transition:border-color .2s}
.purchase-card:hover{border-color:#9288ef33}
.purchase-top{display:flex;align-items:center;gap:14px}
.purchase-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:#7e70e61a;color:#a59cf3;font-size:20px;font-weight:800;overflow:hidden}
.purchase-icon .icon-image{width:100%;height:100%;object-fit:cover}
.purchase-title{flex:1;min-width:0}
.purchase-title h2{margin:0;font-size:17px}
.purchase-title p{margin:5px 0 0;color:var(--muted);font-size:13px}
.purchase-key{margin-top:16px}
.purchase-key>small{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.key-box{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:12px;border:1px solid #ffffff14;background:var(--bg)}
.key-value{flex:1;min-width:0;color:var(--text);font-size:14px;overflow-wrap:anywhere;transition:filter .2s}
.key-value.is-hidden{filter:blur(6px);user-select:none}
.purchase-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.purchase-email{margin-left:auto;color:var(--muted);font-size:12px}
.purchase-pending{margin:16px 0 0;padding:13px 15px;border-radius:12px;background:#7e70e614;color:#cac5f8;font-size:14px;line-height:1.5}
.purchase-steps{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.purchase-steps>summary{cursor:pointer;color:#a59cf3;font-size:13px;font-weight:700}
.purchase-steps>div{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.7}
.purchase-steps p{margin:0 0 10px}
@media(max-width:700px){.account-button span{display:none}.account-button{padding:4px}.account-hero{grid-template-columns:1fr;padding:20px}.account-hero>form{order:3}.account-stats{grid-template-columns:1fr 1fr;gap:8px}.account-stats>div{padding:11px 12px}.account-stats strong{font-size:16px}.account-avatar{width:60px;height:60px}.purchase-top{flex-wrap:wrap}.purchase-email{width:100%;margin-left:0}.key-box{flex-wrap:wrap}.key-value{flex-basis:100%}}

/* Affiliates and store credit */
.checkout-error{margin:0 0 14px;padding:12px 15px;border-radius:12px;border:1px solid #f8717144;background:#f871711a;color:#fecaca;font-size:14px}
.checkout-options{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.code-field{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.code-field input{width:150px;padding:9px 12px;border-radius:10px;border:1px solid #ffffff1f;background:var(--bg);color:var(--text);font:inherit;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;outline:none}
.code-field input:focus{border-color:#9288ef}
.code-field input::placeholder{font-weight:400;letter-spacing:0;text-transform:none}
.credit-toggle{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);cursor:pointer}
.credit-toggle strong{color:#86efac}
.credit-toggle input{width:17px;height:17px;accent-color:#7e70e6}
.account-stats .credit-tile strong{color:#86efac}
.affiliate-panel{margin-top:22px;padding:24px;border:1px solid #9288ef33;border-radius:20px;background:radial-gradient(circle at 100% 0%,#7e70e61f,transparent 50%),var(--card)}
.affiliate-head h2{margin:10px 0 6px;font-size:21px;letter-spacing:-.02em}
.affiliate-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.affiliate-head strong{color:var(--text)}
.affiliate-panel .purchase-pending{margin-top:14px}
.share-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:10px;margin:18px 0 12px}
.copy-field>small{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.copy-field .key-value{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.affiliate-stats{margin-bottom:4px}
.affiliate-empty{margin:14px 0 0;color:var(--muted);font-size:13px}
.mini-table{display:grid;margin-top:14px;border-top:1px solid var(--line)}
.mini-table>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line);font-size:13px}
.mini-table span{overflow-wrap:anywhere}
.mini-table small{color:var(--muted);white-space:nowrap}
.mini-table strong{color:#86efac;white-space:nowrap;text-align:right;min-width:70px}
.mini-table strong.minus{color:#fca5a5}
.credit-history{margin-top:26px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.credit-history>summary{cursor:pointer;font-weight:700;font-size:14px}
.credit-history .mini-table{margin-top:12px}
.affiliates-panel{margin-top:18px}
.aff-code{font-family:Consolas,"Courier New",monospace;letter-spacing:.04em}
.row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.affiliates-table .orders-head,.affiliates-table .order-row{grid-template-columns:minmax(110px,.8fr) minmax(150px,1fr) minmax(90px,.6fr) minmax(150px,1fr) 150px}
.order-extras{display:block;margin-top:4px;color:#a59cf3;font-weight:600;font-size:11px}
.credit-holders{margin-top:18px}
@media(max-width:700px){.share-grid{grid-template-columns:1fr}.affiliate-panel{padding:18px}.mini-table>div{grid-template-columns:1fr auto}.mini-table small{display:none}.row-actions{justify-content:flex-start}.code-field input{width:130px}}
.upper-input{text-transform:uppercase;letter-spacing:.04em}.upper-input::placeholder{text-transform:none;letter-spacing:0}

/* Copy feedback */
.key-box{position:relative;transition:border-color .3s,box-shadow .3s}
.key-box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#86efac40 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:150% 0;opacity:0}
.key-box.copied{border-color:#4ade80;animation:copy-pop .45s cubic-bezier(.34,1.56,.64,1),copy-glow 1.8s ease-out}
.key-box.copied::after{animation:copy-shine .8s ease-out}
.key-box.copied .key-value{animation:copy-text 1.2s ease-out}
.key-box .is-copied{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 6px 20px #22c55e55!important;animation:copy-button .4s cubic-bezier(.34,1.56,.64,1)}
.copy-toast{position:absolute;right:14px;top:-6px;padding:4px 10px;border-radius:999px;background:#22c55e;color:#04210f;font-size:12px;font-weight:800;pointer-events:none;box-shadow:0 8px 20px #22c55e55;animation:copy-toast 1.1s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes copy-pop{0%{transform:scale(1)}40%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes copy-glow{0%{box-shadow:0 0 0 0 #4ade8099}35%{box-shadow:0 0 0 6px #4ade8026,0 0 28px #22c55e40}100%{box-shadow:0 0 0 12px #4ade8000}}
@keyframes copy-shine{0%{opacity:1;background-position:150% 0}100%{opacity:1;background-position:-50% 0}}
@keyframes copy-text{0%,40%{color:#86efac}100%{color:var(--text)}}
@keyframes copy-button{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes copy-toast{0%{opacity:0;transform:translateY(6px) scale(.8)}20%{opacity:1;transform:translateY(-14px) scale(1)}75%{opacity:1;transform:translateY(-18px)}100%{opacity:0;transform:translateY(-28px)}}
@media(prefers-reduced-motion:reduce){.key-box.copied,.key-box.copied::after,.key-box.copied .key-value,.key-box .is-copied,.copy-toast{animation:none}.copy-toast{transform:translateY(-16px)}}

/* ---- Hero checkout demo ---- */
.cd{--cd-blue:#8578ec;--cd-blue-2:#a59cf3;--cd-green:#4ade80;position:relative;z-index:3;padding:20px;border:1px solid #9288ef30;border-radius:22px;background:linear-gradient(150deg,#141127f5,#0a0915f5);box-shadow:0 40px 90px #000c,0 0 0 1px #ffffff08 inset,0 0 80px #7e70e61f;backdrop-filter:blur(20px);animation:demo-float 7s ease-in-out infinite;transform:rotateY(-4deg) rotateX(1deg)}
.cd-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #ffffff0d}
.cd-head>div{flex:1;min-width:0}.cd-head strong{display:block;font-size:15px}.cd-head small{display:block;margin-top:3px;font-size:11px;color:#8885a3}
.cd-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#261c75,#130e3a);border:1px solid #a59cf322;color:var(--cd-blue-2);box-shadow:0 7px 22px #7e70e633}
.cd-live{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:#102c20;border:1px solid #4ade8030;color:#86efac;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cd-live i{width:6px;height:6px;border-radius:50%;background:var(--cd-green);box-shadow:0 0 0 0 #4ade8099;animation:cd-ping 1.8s infinite}
.cd-body{position:relative;display:grid;margin:14px 0 6px}
.cd-pane{grid-area:1/1;transition:opacity .45s ease,transform .45s ease,filter .45s ease}
.cd-list{display:grid;gap:8px;align-content:start}
.cd-row,.cd-order{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #ffffff0d;border-radius:13px;background:linear-gradient(90deg,#ffffff06,transparent);color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.3,.8,.3,1),border-color .3s,background .3s,opacity .4s,box-shadow .3s}
.cd-row{animation:row-enter .55s both;animation-delay:calc(var(--i) * .08s)}
.cd-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;overflow:hidden;background:#080710;border:1px solid #ffffff1c;box-shadow:0 8px 20px #0007}
.cd-icon img,.cd-icon svg{width:100%;height:100%;object-fit:cover}
.cd-name{min-width:0}.cd-name strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-name small{display:block;margin-top:3px;font-size:11px;color:#807d98}
.cd-price{padding:6px 10px;border:1px solid #ffffff0f;border-radius:8px;background:#080710;font-size:12px;color:#dedbf3;font-variant-numeric:tabular-nums}
.cd-row:hover{transform:translateX(4px);border-color:#9288ef33;background:#7e70e60d}
.cd[data-stage=choose] .cd-row.dim{opacity:.4}
.cd[data-stage=choose] .cd-row.picked{border-color:#9288efaa;background:#7e70e61c;box-shadow:0 0 0 3px #8578ec22,0 8px 26px #7e70e62e;transform:scale(1.025)}
.cd-pay,.cd-done{opacity:0;pointer-events:none;transform:translateY(14px) scale(.98);align-content:start;display:grid;gap:12px}
.cd:not([data-stage=choose]) .cd-list{opacity:0;transform:translateY(-14px) scale(.98);pointer-events:none;filter:blur(3px)}
.cd[data-stage=pay] .cd-pay,.cd[data-stage=processing] .cd-pay{opacity:1;transform:none}
.cd[data-stage=delivered] .cd-done{opacity:1;transform:none;pointer-events:auto}
.cd-order{border-color:#9288ef44;background:#7e70e614}
.cd-field{padding:11px 13px;border:1px solid #ffffff10;border-radius:11px;background:#080710}
.cd-field small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#706d89}.cd-field span{display:block;margin-top:4px;font-size:13px;color:#dedbf3}
.cd-btn{position:relative;display:grid;place-items:center;height:46px;border-radius:12px;background:linear-gradient(180deg,#8578ec,#7869e0);color:#fff;font-weight:800;font-size:14px;box-shadow:0 10px 26px #7e70e655;overflow:hidden;transition:transform .15s,background .3s,box-shadow .3s}
.cd-btn>span{grid-area:1/1;transition:opacity .25s,transform .25s}.cd-btn em{font-style:normal}
.cd-spin{width:18px;height:18px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;opacity:0;animation:cd-rot .7s linear infinite}
.cd-btn-done{opacity:0;transform:translateY(8px)}
.cd[data-stage=pay].pressed .cd-btn{transform:scale(.96);box-shadow:0 4px 12px #7e70e655}
.cd[data-stage=processing] .cd-btn-label{opacity:0;transform:translateY(-8px)}.cd[data-stage=processing] .cd-spin{opacity:1}
.cd-secure{text-align:center;font-size:10.5px;color:#706d89}
.cd-done{place-items:center;text-align:center;padding:8px 0 0}
.cd-check{width:62px;height:62px}.cd-check circle{fill:#4ade8018;stroke:var(--cd-green);stroke-width:2;stroke-dasharray:145;stroke-dashoffset:145}.cd-check path{fill:none;stroke:var(--cd-green);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}
.cd[data-stage=delivered] .cd-check circle{animation:cd-draw .6s .1s ease forwards}.cd[data-stage=delivered] .cd-check path{animation:cd-draw .4s .55s ease forwards}
.cd-done strong{font-size:16px}.cd-done small{font-size:11.5px;color:#8885a3}.cd-done small span{color:#cdcbe1}
.cd-key{display:flex;align-items:center;gap:10px;width:100%;margin-top:4px;padding:10px 12px;border:1px dashed #4ade8040;border-radius:11px;background:#0b1712;box-sizing:border-box}
.cd-key span{font-size:9px;font-weight:800;letter-spacing:.1em;color:#4ade80}.cd-key code{flex:1;text-align:left;font-size:12.5px;color:#d1fae5;letter-spacing:.06em}.cd-key b{font-size:11px;color:#86efac;font-variant-numeric:tabular-nums}
.cd-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding-top:20px;margin-top:6px;border-top:1px solid #ffffff0d}
.cd-track{position:absolute;left:16.66%;right:16.66%;top:35px;height:2px;border-radius:2px;background:#ffffff12}
.cd-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7e70e6,#a59cf3);box-shadow:0 0 12px #8578ec;transition:width .9s cubic-bezier(.4,0,.2,1)}
.cd[data-step="2"] .cd-track i{width:50%}.cd[data-step="3"] .cd-track i{width:100%}
.cd-steps span{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#6a6685;transition:color .4s}
.cd-steps span i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0f0d20;border:1px solid #ffffff18;font-style:normal;font-size:12px;transition:background .4s,border-color .4s,box-shadow .4s,color .4s}
.cd[data-step="1"] [data-n="1"],.cd[data-step="2"] [data-n="2"],.cd[data-step="3"] [data-n="3"]{color:#eae8fc}
.cd[data-step="1"] [data-n="1"] i,.cd[data-step="2"] [data-n="2"] i,.cd[data-step="3"] [data-n="3"] i{background:#261c75;border-color:#9288ef;color:var(--cd-blue-2);box-shadow:0 0 0 4px #7e70e61c,0 0 16px #7e70e666}
.cd[data-step="2"] [data-n="1"] i,.cd[data-step="3"] [data-n="1"] i,.cd[data-step="3"] [data-n="2"] i{background:#261c75;border-color:#7e70e6;color:var(--cd-blue-2);box-shadow:none}
.cd[data-step="2"] [data-n="1"],.cd[data-step="3"] [data-n="1"],.cd[data-step="3"] [data-n="2"]{color:#a39cde}
.cd[data-step="3"] [data-n="3"] i{background:#14532d;border-color:var(--cd-green);color:#bbf7d0;box-shadow:0 0 0 4px #4ade8020,0 0 16px #4ade8066}
.cd-steps [data-n="1"] i{font-size:0}.cd-steps [data-n="1"] i:before{content:"1";font-size:12px}
.cd:not([data-step="1"]) [data-n="1"] i:before{content:"\2713"}
.cd-steps [data-n="3"] i{font-size:0}.cd-steps [data-n="3"] i:before{content:"3";font-size:12px}.cd[data-step="3"] [data-n="3"] i:before{content:"\2713"}
.cd-chip{position:absolute;z-index:7;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #ffffff19;border-radius:13px;background:#131026e6;box-shadow:0 18px 55px #0009;backdrop-filter:blur(18px);opacity:.5;transform:translateY(6px) scale(.96);transition:opacity .5s,transform .5s,border-color .5s}
.cd-chip>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#7e70e61f;color:#9288ef;font-size:11px}
.cd-chip strong,.cd-chip small{display:block}.cd-chip strong{font-size:11px}.cd-chip small{font-size:9px;color:#807d98;margin-top:3px}
.cd-chip-secure{left:-45px;top:22px}.cd-chip-delivered{right:-28px;top:112px}.cd-chip-delivered>span{background:#163825;color:#76dfa0}
.hero-visual:has([data-stage=pay]) .cd-chip-secure,.hero-visual:has([data-stage=processing]) .cd-chip-secure,.hero-visual:has([data-stage=delivered]) .cd-chip-delivered{opacity:1;transform:none;border-color:#9288ef55}
.hero-visual:has([data-stage=delivered]) .cd-chip-delivered{border-color:#4ade8066}
@keyframes cd-ping{70%{box-shadow:0 0 0 7px #4ade8000}100%{box-shadow:0 0 0 0 #4ade8000}}
@keyframes cd-rot{to{transform:rotate(360deg)}}
@keyframes cd-draw{to{stroke-dashoffset:0}}
@media(max-width:1100px){.cd-chip-secure{left:-30px}.cd-chip-delivered{right:-22px}}
@media(max-width:620px){.cd{transform:none;animation:none;padding:16px}.cd-chip{display:none}.cd-row,.cd-order{grid-template-columns:40px 1fr auto}.cd-icon{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.cd,.cd-row,.cd-live i,.cd-spin{animation:none!important}.cd-pane,.cd-track i{transition:none}}

:root {
  color-scheme: dark;
  --bg: #07060b;
  --card: #100d18;
  --text: #f4f2ff;
  --muted: #a6a2ba;
  --accent: #b4a7ff;
  --accent-soft: #d6cfff;
  --line: #ffffff12;
  --s1: #0d0b14;
  --s2: #13101d;
  --s3: #1a1628;
  --line-2: #c9c0ff2e;
  --dim: #8a85a0;
  --lav: #b4a7ff;
  --lav-2: #8b7bff;
  --ice: #e6e2ff;
  --mint: #7ef0c4;
  --amber: #ffcf85;
  --rose: #ff9db4;
  --ink: #140f2e;
  --chrome: linear-gradient(180deg, #ffffff 0%, #ebe7ff 50%, #c4b9ff 100%);
  --headline: linear-gradient(180deg, #ffffff 35%, #c9c2e8 100%);
  --btn: linear-gradient(180deg, #f7f5ff 0%, #d5cdff 55%, #b0a3ff 100%);
  --rim: linear-gradient(180deg, #d9d2ff40 0%, #ffffff0d 45%, #ffffff05 100%);
  --rim-hot: linear-gradient(180deg, #ddd6ffa6 0%, #a99bff33 50%, #ffffff0d 100%);
  --panel: linear-gradient(180deg, #131020, #0c0a13);
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --f-display: "Bricolage Grotesque", "Geist", ui-sans-serif, system-ui, sans-serif;
  --f-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-serif: "Instrument Serif", "Times New Roman", serif;
  --f-mono: "Geist Mono", ui-monospace, "Cascadia Code", Consolas, monospace;
}

html {
  background:
    radial-gradient(1100px 640px at 50% -260px, #2b2259 0%, #130f27 45%, transparent 75%),
    var(--bg);
  scroll-padding-top: 104px;
  scrollbar-color: #2b2642 var(--bg);
}
body {
  background: transparent;
  color: var(--text);
  font-family: var(--f-body);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 1;
  background-image: radial-gradient(circle, #d9d2ff33 0.9px, transparent 1.4px);
  background-size: 24px 24px;
  background-position: 0 0;
  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 30%, #000 0%, #0009 45%, transparent 100%);
  mask-image: radial-gradient(ellipse 90% 80% at 50% 30%, #000 0%, #0009 45%, transparent 100%);
}
.fx-spotlight {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 600px;
  height: 600px;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(closest-side, #8b7bff3d, transparent 75%);
  transition: opacity 0.6s var(--ease);
  will-change: transform;
}
.fx-spotlight.on {
  opacity: 1;
}
.fx-dots body::before {
  background-image: none;
}
.fx-web {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.fx-intro .hero-copy h1,
.fx-intro .hero-copy > p,
.fx-intro .hero-actions,
.fx-intro .hero-stats,
.fx-intro .hero-visual {
  animation: none !important;
}
::selection {
  background: #b4a7ff55;
  color: #fff;
}
h1,
h2,
h3 {
  font-family: var(--f-display);
  font-optical-sizing: auto;
  letter-spacing: -0.035em;
  text-wrap: balance;
}
p {
  text-wrap: pretty;
}
:focus-visible {
  outline: 2px solid #cfc7ff;
  outline-offset: 3px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 14px 0 0;
  background: transparent;
  border: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
.site-header .header-inner {
  height: 62px;
  padding: 0 10px 0 18px;
  border: 1px solid #ffffff12;
  border-radius: 20px;
  background: linear-gradient(180deg, #17132599, #0b0a1299);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  box-shadow: 0 1px 0 #ffffff12 inset, 0 20px 50px -24px #000c;
  transition: background 0.4s, box-shadow 0.4s, border-color 0.4s;
}
html.fx-scrolled .site-header .header-inner {
  border-color: #ffffff17;
  background: linear-gradient(180deg, #171325eb, #0b0a12eb);
  box-shadow: 0 1px 0 #ffffff14 inset, 0 24px 60px -20px #000;
}
.brand {
  gap: 11px;
  font-family: var(--f-display);
}
.nav-logo {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 0 14px #9d8cff66);
  transition: transform 0.6s var(--ease), filter 0.6s;
}
.brand:hover .nav-logo {
  transform: rotate(-8deg) scale(1.08);
  filter: drop-shadow(0 0 22px #b3a6ffaa);
}
.brand-name {
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.04em;
  background: var(--chrome);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.brand-muted {
  padding: 0;
  border: 0;
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #8f8aa6;
}
.site-header nav {
  gap: 2px;
  padding: 4px;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  background: #ffffff05;
}
.site-header nav a {
  position: relative;
  padding: 8px 15px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
  color: #a9a5bd;
  background: transparent;
  transition: color 0.25s, background 0.25s;
}
.site-header nav a:hover {
  color: #fff;
  background: #ffffff0a;
}
.site-header nav a.active {
  color: #fff;
  background: linear-gradient(180deg, #ffffff17, #ffffff08);
  box-shadow: 0 1px 0 #ffffff1c inset, 0 0 0 1px #ffffff0d;
}
.site-header nav a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 16px;
  height: 2px;
  margin-left: -8px;
  border-radius: 2px;
  background: var(--lav);
  box-shadow: 0 0 10px var(--lav);
}
.header-actions {
  gap: 8px;
}

.pill-button,
.hero-primary {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 14px;
  background: var(--btn);
  color: var(--ink);
  font-family: var(--f-body);
  font-size: 14.5px;
  font-weight: 650;
  letter-spacing: -0.01em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  filter: none;
  box-shadow:
    inset 0 1px 0 #ffffffd9,
    inset 0 -2px 0 #7f6ef04d,
    0 0 0 1px #c3b8ff80,
    0 10px 28px -10px #8b7bffb3;
  transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), filter 0.2s;
}
.pill-button::before,
.hero-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(90px circle at var(--bx, 50%) var(--by, 0%), #ffffffb8, #ffffff33 45%, transparent 75%);
  opacity: 0;
  transition: opacity 0.45s var(--ease);
}
.pill-button::after,
.hero-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #ffffff40, transparent 60%);
  opacity: 0;
  transition: opacity 0.3s var(--ease);
}
.pill-button:hover,
.hero-primary:hover {
  background: var(--btn);
  color: var(--ink);
  filter: none;
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 #ffffff,
    inset 0 -2px 0 #7f6ef04d,
    0 0 0 1px #e4deff,
    0 18px 40px -10px #8b7bffee,
    0 0 56px -6px #b4a7ffcc;
}
.pill-button:hover::before,
.hero-primary:hover::before {
  opacity: 1;
}
.pill-button:hover::after,
.hero-primary:hover::after {
  opacity: 1;
}
.pill-button:active,
.hero-primary:active {
  transform: translateY(0) scale(0.985);
  filter: brightness(0.97);
  box-shadow:
    inset 0 1px 0 #ffffffb3,
    0 0 0 1px #c3b8ff80,
    0 6px 16px -8px #8b7bffb3;
  transition-duration: 0.08s;
}
.pill-button:disabled,
.pill-button:disabled:hover,
.pill-button[aria-disabled="true"] {
  background: var(--btn);
  opacity: 0.5;
  filter: grayscale(0.4);
  transform: none;
  box-shadow: none;
  cursor: not-allowed;
}
.hero-actions .hero-primary > span,
.home-cta .pill-button > span,
.faq-help .pill-button > span[aria-hidden="true"] {
  display: none;
}
.site-header .pill-button {
  height: 40px;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 13.5px;
}
.discord-button,
.hero-secondary,
.quiet-button,
.small-button,
.account-button {
  border: 1px solid #ffffff17;
  background: #ffffff06;
  color: #e2def0;
  box-shadow: none;
  transition: border-color 0.25s, background 0.25s, color 0.25s, transform 0.35s var(--ease);
}
.discord-button:hover,
.hero-secondary:hover,
.quiet-button:hover,
.small-button:hover,
.account-button:hover,
.account-button.active {
  border-color: #c9c0ff4d;
  background: #b4a7ff12;
  color: #fff;
}
.small-button {
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
}
.copy-toast {
  display: none !important;
}
.key-box .is-copied {
  position: relative;
  color: transparent !important;
}
.key-box .is-copied::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
  animation: check-in 0.35s var(--ease);
}
@keyframes check-in {
  from { opacity: 0; transform: scale(0.5); }
  to { opacity: 1; transform: scale(1); }
}
.discord-button {
  height: 40px;
  padding: 0 15px;
  gap: 9px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 600;
}
.discord-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lav);
  box-shadow: 0 0 0 3px #b4a7ff26, 0 0 10px #b4a7ffaa;
}
.discord-button .discord-dot {
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 0;
  background: #cfc7ff;
  box-shadow: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.store-home {
  overflow-x: clip;
  overflow-y: visible;
}
.store-home .store-hero {
  position: relative;
  isolation: isolate;
  overflow: visible;
  margin-top: -76px;
  padding: 150px 0 112px;
  border: 0;
  background: none;
}
.store-home .store-hero::before {
  content: "";
  display: block;
  position: absolute;
  left: -25%;
  right: -25%;
  bottom: -1px;
  height: 56%;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(#b4a7ff1c 1px, transparent 1px),
    linear-gradient(90deg, #b4a7ff1c 1px, transparent 1px);
  background-size: 72px 72px;
  background-position: center bottom;
  transform: perspective(760px) rotateX(64deg);
  transform-origin: 50% 100%;
  -webkit-mask-image: linear-gradient(to top, #000 0%, #0008 30%, transparent 68%);
  mask-image: linear-gradient(to top, #000 0%, #0008 30%, transparent 68%);
}
.store-home .store-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  z-index: -1;
  background: linear-gradient(90deg, transparent, #a99bff55 30%, #d9d2ff 50%, #a99bff55 70%, transparent);
  box-shadow: 0 0 30px 2px #a99bff44;
}
.hero-glow {
  position: absolute;
  inset: auto;
  left: 50%;
  top: -380px;
  width: 1200px;
  height: 760px;
  margin-left: -600px;
  z-index: -2;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(closest-side, #6b55ff4d, #34288c1f 55%, transparent);
  filter: blur(30px);
  opacity: 1;
  animation: none;
}
.hero-aurora {
  display: none;
}
.hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 56px;
  min-height: 0;
  padding: 0;
}
.hero-copy > div:first-child {
  display: none;
}
.hero-copy h1 {
  margin: 0;
  font-size: clamp(54px, 7.2vw, 106px);
  line-height: 0.9;
  font-weight: 800;
  letter-spacing: -0.045em;
  word-spacing: 0.04em;
  font-variation-settings: "wdth" 85;
  color: #fff;
  background: var(--headline);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  animation: rise 1s 0.05s var(--ease) both;
}
.hero-copy h1 em {
  display: inline-block;
  padding: 0 0.06em 0.08em 0;
  font-family: var(--f-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 1.08em;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: transparent;
  background: var(--chrome);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 24px #a99bff40);
}
.hero-copy > p {
  max-width: 500px;
  margin: 28px 0 0;
  font-size: 18px;
  line-height: 1.6;
  color: #aaa6bf;
  animation: rise 1s 0.14s var(--ease) both;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 36px;
  animation: rise 1s 0.22s var(--ease) both;
}
.hero-actions .hero-primary {
  height: 54px;
  padding: 0 28px;
  border-radius: 16px;
  font-size: 15.5px;
}
.hero-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0 22px;
  border-radius: 16px;
  font-size: 15.5px;
  font-weight: 550;
  backdrop-filter: blur(10px);
}
.hero-secondary:hover {
  transform: translateY(-1px);
}
.status-light {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 0 0 #7ef0c499, 0 0 12px var(--mint);
  animation: ping-mint 2.4s infinite;
}
.hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: none;
  margin-top: 40px;
  padding: 0;
  border: 0;
  animation: rise 1s 0.3s var(--ease) both;
}
.hero-stats > div {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1px solid #ffffff12;
  border-radius: 99px;
  background: #ffffff05;
}
.hero-stats > div:nth-child(2)::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 10px var(--mint);
}
.hero-stats strong {
  font-family: var(--f-body);
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  background: none;
  -webkit-text-fill-color: currentColor;
}
.hero-stats span {
  font-family: var(--f-body);
  font-size: 13.5px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
}

.hero-visual {
  position: relative;
  padding: 0;
  perspective: 1400px;
  animation: rise 1.2s 0.18s var(--ease) both;
}
.hero-visual::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -60px;
  height: 80px;
  z-index: 0;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(closest-side, #8b7bff59, transparent);
  filter: blur(12px);
  animation: none;
}
.visual-halo {
  position: absolute;
  inset: 6% -4%;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, #7d6bff40, transparent);
  filter: blur(50px);
  opacity: 1;
  animation: none;
}
.cd {
  --cd-blue: #b4a7ff;
  --cd-blue-2: #d6cfff;
  --cd-green: #7ef0c4;
  padding: 22px;
  border: 1px solid transparent;
  border-radius: 26px;
  background:
    linear-gradient(180deg, #19152cf2, #0c0a13f7) padding-box,
    var(--rim-hot) border-box;
  box-shadow:
    0 1px 0 #ffffff1f inset,
    0 50px 100px -30px #000,
    0 30px 80px -40px #6c55ff99,
    0 0 0 1px #00000066;
  display: flex;
  flex-direction: column;
  transform: none;
  animation: none;
  transition: box-shadow 0.5s var(--ease);
}
.cd.is-tilting {
  box-shadow:
    0 1px 0 #ffffff26 inset,
    0 60px 110px -30px #000,
    0 40px 90px -40px #6c55ffb3,
    0 0 0 1px #00000066;
}
.cd-glare {
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(520px circle at var(--gx, 50%) var(--gy, 50%), #ffffff12, transparent 42%);
  transition: opacity 0.45s var(--ease);
}
.cd.is-tilting .cd-glare {
  opacity: 1;
}
@property --cd-sweep {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.cd::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 5;
  padding: 1.5px;
  border-radius: 27px;
  pointer-events: none;
  background: conic-gradient(from var(--cd-sweep), transparent 0deg 285deg, #b4a7ff40 320deg, #e6e2ff 352deg, #ffffff 357deg, transparent 360deg);
  -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 exclude, linear-gradient(#000 0 0);
  animation: cd-sweep 6s linear infinite;
}
@keyframes cd-sweep {
  to {
    --cd-sweep: 360deg;
  }
}
.cd-head {
  padding-bottom: 0;
  border-bottom: 0;
}
.cd-body {
  order: 2;
  margin: 18px 0 2px;
}
.cd-head strong {
  font-family: var(--f-display);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.cd-head small {
  font-family: var(--f-body);
  font-size: 12.5px;
  color: var(--dim);
}
.cd-logo {
  border: 1px solid #c9c0ff2e;
  border-radius: 12px;
  background:
    url("/images/logo.png") calc(50% - 0.65px) 50% / 64% no-repeat,
    linear-gradient(160deg, #1f1a3d, #0c0a14);
  color: transparent;
  font-size: 0;
  box-shadow: 0 1px 0 #ffffff1f inset, 0 10px 24px -8px #7d6bff80;
}
.cd-live {
  display: none;
}
.cd-row,
.cd-order {
  border-color: #ffffff0c;
  border-radius: 14px;
  background: linear-gradient(90deg, #ffffff07, #ffffff02);
}
.cd-row:hover {
  border-color: #b4a7ff44;
  background: #b4a7ff0e;
}
.cd[data-stage="choose"] .cd-row.dim {
  opacity: 0.32;
  filter: saturate(0.4);
}
.cd[data-stage="choose"] .cd-row.picked {
  border-color: #c9c0ffaa;
  background: linear-gradient(90deg, #a99bff22, #a99bff08);
  box-shadow: 0 0 0 4px #a99bff1c, 0 12px 34px -6px #7d6bff66;
}
.cd-order {
  border-color: #a99bff55;
  background: #a99bff14;
}
.cd-icon {
  border-color: #ffffff1a;
  border-radius: 12px;
  background: #07060b;
}
.cd-name strong {
  font-weight: 600;
}
.cd-name small,
.cd-secure,
.cd-done small {
  color: var(--dim);
}
.cd-pay,
.cd-done {
  align-content: center;
}
.cd-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0;
}
.cd-secure::before {
  content: "";
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10' width='15' height='10.5' rx='2.5'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10' width='15' height='10.5' rx='2.5'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cd-secure::after {
  content: "Encrypted by Stripe";
  content: "Encrypted by Stripe" / "";
  font-size: 11.5px;
}
.cd-price {
  border-color: #ffffff12;
  background: #07060b;
  color: #ece9ff;
  font-family: var(--f-body);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.cd-field {
  border-color: #ffffff10;
  background: #07060b;
}
.cd-field small {
  font-family: var(--f-body);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--dim);
}
.cd-field span {
  color: #e4e0ff;
}
.cd-btn {
  border-radius: 13px;
  background: var(--btn);
  color: var(--ink);
  box-shadow: inset 0 1px 0 #fff, 0 12px 30px -8px #8b7bffaa;
}
.cd-spin {
  border-color: #140f2e33;
  border-top-color: #140f2e;
}
.cd[data-stage="pay"].pressed .cd-btn {
  box-shadow: inset 0 1px 0 #fff, 0 4px 12px #8b7bff88;
}
.cd-done strong {
  font-family: var(--f-display);
  font-size: 18px;
}
.cd-done small span {
  color: #e4e0ff;
}
.cd-check circle {
  fill: #7ef0c418;
}
.cd-key {
  border-color: #7ef0c455;
  background: linear-gradient(90deg, #0d221c, #0a1714);
}
.cd-key span {
  font-family: var(--f-body);
  color: var(--mint);
}
.cd-key code {
  font-family: var(--f-mono);
  color: #dcfff1;
}
.cd-key b {
  font-family: var(--f-body);
  color: #a6f5d6;
}
.cd-steps {
  position: relative;
  order: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 18px;
  padding: 4px;
  border: 1px solid #ffffff12;
  border-radius: 14px;
  background: #07060b;
  box-shadow: inset 0 1px 3px #000a;
}
.cd-track {
  position: absolute;
  inset: 4px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  background: transparent;
}
.cd-track i {
  display: block;
  width: 33.333%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(180deg, #b4a7ff2e, #b4a7ff17);
  box-shadow: inset 0 0 0 1px #d6cfff38, inset 0 1px 0 #ffffff1f, 0 4px 14px -6px #8b7bff99;
  transform: translateX(0);
  transition: transform 0.55s cubic-bezier(0.3, 1.25, 0.4, 1), background 0.45s, box-shadow 0.45s;
}
.cd[data-step="2"] .cd-track i {
  width: 33.333%;
  transform: translateX(100%);
}
.cd[data-step="3"] .cd-track i {
  width: 33.333%;
  transform: translateX(200%);
  background: linear-gradient(180deg, #7ef0c42b, #7ef0c412);
  box-shadow: inset 0 0 0 1px #7ef0c440, inset 0 1px 0 #ffffff1a, 0 4px 14px -6px #7ef0c477;
}
.cd-steps span {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #6f6a86;
  transition: color 0.35s 0.1s;
}
.cd-steps span i {
  transition: background 0.35s 0.1s, border-color 0.35s 0.1s, color 0.35s 0.1s;
  display: grid;
  place-items: center;
  flex: none;
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff1f;
  border-radius: 50%;
  background: #ffffff08;
  font-family: var(--f-body);
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #8a85a0;
  box-shadow: none;
}
.cd-steps [data-n] i::before {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 11px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.cd-steps [data-n="2"] i {
  font-size: 0;
}
.cd-steps [data-n="2"] i::before {
  content: "2";
}
.cd:not([data-step="1"]) [data-n="1"] i::before,
.cd[data-step="3"] [data-n="2"] i::before,
.cd[data-step="3"] [data-n="3"] i::before {
  content: "";
  margin: auto;
  width: 10px;
  height: 10px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 4.5 4.5 10.5-10.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 4.5 4.5 10.5-10.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cd[data-step="1"] [data-n="1"],
.cd[data-step="2"] [data-n="2"] {
  color: #fff;
}
.cd[data-step="1"] [data-n="1"] i,
.cd[data-step="2"] [data-n="2"] i {
  border-color: transparent;
  background: var(--lav);
  color: var(--ink);
  box-shadow: none;
}
.cd[data-step="2"] [data-n="1"],
.cd[data-step="3"] [data-n="1"],
.cd[data-step="3"] [data-n="2"] {
  color: #c4bbf0;
}
.cd[data-step="2"] [data-n="1"] i,
.cd[data-step="3"] [data-n="1"] i,
.cd[data-step="3"] [data-n="2"] i {
  border-color: #b4a7ff55;
  background: #b4a7ff1f;
  color: #d6cfff;
  box-shadow: none;
}
.cd[data-step="3"] [data-n="3"] {
  color: #eafff6;
}
.cd[data-step="3"] [data-n="3"] i {
  border-color: transparent;
  background: var(--mint);
  color: #062018;
  box-shadow: none;
}
.cd-chip {
  display: none;
}
.card-arrow {
  font-size: 0;
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
}
.product-copy > div > span:last-child {
  font-size: 0;
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
}
.product-copy > div > span:last-child::before {
  width: 16px;
  height: 16px;
}

.trust-strip {
  position: relative;
  padding: 0;
  border: 0;
  background: transparent;
}
.trust-strip .wrap {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid #ffffff0d;
}
.trust-strip span {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 14px;
  row-gap: 3px;
  padding: 30px 26px;
  border: 0;
  border-left: 1px solid #ffffff0d;
}
.trust-strip span:first-child {
  border-left: 0;
}
.trust-strip i {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #c9c0ff26;
  border-radius: 12px;
  background: linear-gradient(160deg, #a99bff22, #a99bff06), #0e0c16;
  color: #e4e0ff;
  font-style: normal;
  font-size: 0;
  box-shadow: 0 1px 0 #ffffff1a inset, 0 0 20px -6px #a99bff88;
}
.trust-strip i,
.card-arrow,
.product-copy > div > span:last-child,
.cd-steps span i {
  position: relative;
}
.trust-strip i::before,
.card-arrow::before,
.product-copy > div > span:last-child::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}
.trust-strip span:nth-child(1) i {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22l-4-9-9-4 20-7Z'/%3E%3C/svg%3E");
}
.trust-strip span:nth-child(2) i {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-3.6 8-10V5.2L12 2 4 5.2V12c0 6.4 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.trust-strip span:nth-child(3) i {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E");
}
.trust-strip span:nth-child(4) i {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E");
}
.trust-strip strong {
  font-family: var(--f-display);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #f1eeff;
}
.trust-strip small {
  font-family: var(--f-body);
  font-size: 13px;
  letter-spacing: 0;
  color: var(--dim);
}

.home-catalog {
  padding-top: 40px;
}
.catalog-section {
  padding: 90px 0 0;
}
.section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 34px;
  border: 0;
}
.section-heading h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
.section-heading > span,
.section-heading > a:not(.pill-button) {
  flex: none;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 99px;
  background: #ffffff04;
  font-family: var(--f-body);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--dim);
  transition: color 0.25s, border-color 0.25s;
}
.section-heading > a:not(.pill-button):hover {
  border-color: var(--line-2);
  color: #fff;
}
.modern-heading > div > small,
.home-cta small,
.terms-heading .eyebrow {
  display: none;
}
.modern-heading h2 {
  margin: 0;
  font-size: clamp(38px, 4.6vw, 62px);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.05em;
  background: var(--headline);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modern-heading p {
  margin: 14px 0 0;
  font-size: 16px;
  color: var(--muted);
}

.game-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.game-card {
  --mx: 50%;
  --my: 50%;
  position: relative;
  display: block;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 5;
  padding: 0;
  border: 1px solid #ffffff12;
  border-radius: 24px;
  background: var(--s1);
  box-shadow: 0 30px 60px -30px #000;
  transition: transform 0.6s var(--ease), border-color 0.4s, box-shadow 0.6s var(--ease);
}
.game-card .card-cover {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  filter: saturate(1.05) contrast(1.05);
  transform: scale(1.03);
  transition: transform 1.2s var(--ease), filter 0.6s;
}
.game-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, #07060b00 35%, #07060bcc 74%, #07060b 100%),
    linear-gradient(180deg, #07060b66, transparent 28%);
}
.game-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(500px circle at var(--mx) var(--my), #c9c0ff2a, transparent 45%);
  transition: opacity 0.4s;
}
.game-card:hover {
  transform: translateY(-8px);
  border-color: #c9c0ff59;
  box-shadow: 0 40px 80px -30px #000, 0 30px 70px -40px #7d6bffaa;
}
.game-card:hover::after {
  opacity: 1;
}
.game-card:hover .card-cover {
  transform: scale(1.1);
  filter: saturate(1.15) contrast(1.08);
}
.game-card:focus-visible,
.product-card:focus-visible {
  outline-offset: 4px;
}
.game-card .game-icon {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
  width: 50px;
  height: 50px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ffffff2a;
  border-radius: 14px;
  background: #07060b99;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px #000a;
}
.game-icon .icon-image,
.product-icon .icon-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.game-card .game-meta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 24px;
  background: none;
}
.game-meta strong {
  display: block;
  font-family: var(--f-display);
  font-size: 28px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: -0.045em;
  color: #fff;
}
.game-meta small {
  display: inline-block;
  margin-top: 9px;
  font-family: var(--f-body);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: #cfcae6;
}
.card-arrow {
  display: grid;
  place-items: center;
  flex: none;
  width: 46px;
  height: 46px;
  border: 1px solid #ffffff2a;
  border-radius: 50%;
  background: #ffffff10;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  font-size: 18px;
  transition: transform 0.5s var(--ease), background 0.4s, color 0.4s, border-color 0.4s;
}
.game-card:hover .card-arrow {
  transform: rotate(-45deg);
  border-color: transparent;
  background: var(--btn);
  color: var(--ink);
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}
.product-grid > .product-card {
  grid-column: span 2;
}
.product-grid:has(> .product-card:nth-child(3n + 2):last-child) > .product-card:nth-child(-n + 2),
.product-grid:has(> .product-card:nth-child(3n + 4):last-child) > .product-card:nth-child(-n + 4) {
  grid-column: span 3;
}
.product-grid:has(> .product-card:only-child) > .product-card {
  grid-column: 1 / -1;
}
.product-card {
  --mx: 50%;
  --my: 0%;
  position: relative;
  display: flex;
  flex-direction: column;
  isolation: isolate;
  overflow: visible;
  min-width: 0;
  container-type: inline-size;
  border: 1px solid transparent;
  border-radius: var(--r-lg);
  background:
    linear-gradient(180deg, #120f1c, #0b0912) padding-box,
    var(--rim) border-box;
  box-shadow: 0 30px 60px -36px #000;
  transition: transform 0.6s var(--ease), box-shadow 0.6s var(--ease);
}
.product-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 3;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: var(--rim-hot);
  -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;
  opacity: 0;
  transition: opacity 0.4s;
}
.product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(420px circle at var(--mx) var(--my), #c9c0ff1c, transparent 45%);
  transition: opacity 0.4s;
}
.product-card:hover {
  transform: translateY(-6px);
  border-color: transparent;
  box-shadow: 0 40px 70px -36px #000, 0 30px 60px -40px #7d6bffcc;
}
.product-card:hover::before,
.product-card:hover::after {
  opacity: 1;
}
.product-card .product-art {
  position: relative;
  display: block;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  height: auto;
  min-height: 0;
  margin: 8px 8px 0;
  border: 1px solid #ffffff0f;
  border-radius: 15px;
  background: #07060b;
}
.product-card .product-art .card-cover {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0.92;
  filter: none;
  transition: transform 1s var(--ease), opacity 0.5s;
}
.product-card .product-art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 50%, #07060bc4 100%);
}
.product-card:hover .product-art .card-cover {
  transform: scale(1.05);
  opacity: 1;
}
.product-card .product-art .product-icon {
  position: absolute;
  left: 14px;
  bottom: 14px;
  top: auto;
  z-index: 2;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ffffff33;
  border-radius: 16px;
  background: #07060b;
  backdrop-filter: none;
  box-shadow: 0 10px 30px #000c, 0 0 0 4px #07060b66;
  transform: none;
  transition: transform 0.6s var(--ease);
}
.product-card:hover .product-art .product-icon {
  transform: translateY(-3px);
}
.product-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px 22px 20px;
}
.product-copy small {
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lav);
}
.product-copy h3 {
  margin: 6px 0 0;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: #fff;
}
.product-copy p {
  margin: 6px 0 18px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted);
}
.product-copy > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #ffffff0d;
}
.product-copy > div > span:first-child {
  font-family: var(--f-body);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--dim);
}
.product-copy > div strong {
  margin-left: 6px;
  font-family: var(--f-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  background: var(--chrome);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-copy > div > span:last-child {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #ffffff14;
  border-radius: 11px;
  background: #ffffff06;
  color: #d6cfff;
  transition: transform 0.5s var(--ease), background 0.4s, color 0.4s, border-color 0.4s;
}
.product-card:hover .product-copy > div > span:last-child {
  border-color: transparent;
  background: var(--btn);
  color: var(--ink);
}
.product-copy > div > span:last-child::before {
  transition: transform 0.5s var(--ease);
}
.product-card:hover .product-copy > div > span:last-child::before {
  transform: translate(2px, -2px);
}
.product-grid > .product-card:only-child {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}
.product-grid > .product-card:only-child .product-art {
  aspect-ratio: auto;
  min-height: 320px;
  margin: 8px;
}
.product-grid > .product-card:only-child .product-copy {
  justify-content: center;
  padding: 36px 36px 30px 22px;
}
.product-grid > .product-card:only-child .product-copy h3 {
  font-size: 36px;
}
.product-grid > .product-card:only-child .product-copy p {
  font-size: 16px;
}
.product-grid > .product-card:only-child .product-copy > div {
  margin-top: 8px;
}
@container (min-width: 560px) {
  .product-card .product-art {
    aspect-ratio: 2 / 1;
  }
  .product-copy h3 {
    font-size: 26px;
  }
}

.home-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 120px 0 40px;
  padding: 64px 60px;
  border: 1px solid transparent;
  border-radius: 32px;
  background:
    radial-gradient(70% 130% at 88% 0%, #3a2f7f 0%, #1c1740 38%, transparent 70%) padding-box,
    linear-gradient(180deg, #13101f, #0c0a14) padding-box,
    var(--rim-hot) border-box;
  box-shadow: 0 40px 90px -50px #6c55ff88;
}
.home-cta::before {
  content: "";
  position: absolute;
  right: -60px;
  top: 50%;
  z-index: -1;
  width: 420px;
  height: 420px;
  margin-top: -210px;
  background: url("/images/logo.png") center / contain no-repeat;
  opacity: 0.16;
  transform: rotate(-12deg);
}
.home-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(#ffffff08 1px, transparent 1px),
    linear-gradient(90deg, #ffffff08 1px, transparent 1px);
  background-size: 40px 40px;
  -webkit-mask-image: radial-gradient(70% 90% at 30% 50%, #000, transparent);
  mask-image: radial-gradient(70% 90% at 30% 50%, #000, transparent);
}
.home-cta h2 {
  margin: 0;
  font-size: clamp(34px, 4.4vw, 58px);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.05em;
  background: var(--chrome);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-cta p {
  margin: 14px 0 0;
  font-size: 16px;
  color: #b3aec8;
}
.home-cta .pill-button {
  flex: none;
  height: 56px;
  padding: 0 30px;
  border-radius: 16px;
  font-size: 15.5px;
}

.site-footer {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  margin-top: 60px;
  padding: 36px 0 44px;
  border-top: 1px solid #ffffff0d;
  font-size: 13px;
  color: var(--dim);
}
.site-footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #a99bff55, transparent);
}
.site-footer > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.site-footer > span:first-child b {
  display: block;
  width: 26px;
  height: 26px;
  background: url("/images/logo.png") center / contain no-repeat;
  filter: drop-shadow(0 0 10px #9d8cff66);
}
.site-footer strong {
  font-family: var(--f-display);
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -0.03em;
  color: #fff;
}
.site-footer > span:nth-child(2) {
  text-align: center;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.footer-links a {
  padding: 6px 10px;
  border-radius: 8px;
  color: #a9a5bd;
  transition: color 0.25s, background 0.25s;
}
.footer-links a:hover {
  color: #fff;
  background: #ffffff0a;
}

.interior {
  padding-top: 56px;
  padding-bottom: 40px;
}
main.has-ambient {
  position: relative;
  isolation: isolate;
}
main.has-ambient::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -200px;
  z-index: -1;
  width: min(1400px, 100%);
  height: 760px;
  transform: translateX(-50%);
  pointer-events: none;
  background: var(--ambient) center / cover no-repeat;
  filter: blur(110px) saturate(1.5);
  opacity: 0.2;
  -webkit-mask-image: radial-gradient(closest-side, #000 40%, transparent);
  mask-image: radial-gradient(closest-side, #000 40%, transparent);
}
.back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 99px;
  background: #ffffff05;
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #b8b3cc;
  transition: color 0.25s, border-color 0.25s, transform 0.35s var(--ease);
}
.back-link:hover {
  border-color: var(--line-2);
  color: #fff;
  transform: translateX(-3px);
}
.game-banner {
  --t: clamp(44px, 6vw, 82px);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  gap: 24px;
  min-height: 340px;
  margin: 26px 0 70px;
  padding: 40px;
  border: 1px solid #ffffff14;
  border-radius: var(--r-xl);
  background: var(--s1);
  box-shadow: 0 40px 90px -40px #000, 0 30px 80px -50px #7d6bffaa;
}
.game-banner .card-cover {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  animation: kenburns 30s ease-in-out infinite alternate;
}
.game-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, #07060bee 0%, #07060b99 45%, #07060b22 100%),
    linear-gradient(0deg, #07060b 0%, transparent 60%);
}
.game-banner .game-icon {
  position: relative;
  top: auto;
  left: auto;
  flex: none;
  width: calc(var(--t) * 0.79 + 29px);
  height: calc(var(--t) * 0.79 + 29px);
  margin-bottom: 6px;
  overflow: hidden;
  border: 1px solid #ffffff2a;
  border-radius: 22px;
  background: #07060b99;
  box-shadow: 0 20px 50px #000c;
}
.game-banner h1 {
  margin: 0;
  font-size: var(--t);
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.055em;
  background: var(--headline);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.game-banner p {
  margin: 12px 0 0;
  font-size: 16px;
  color: #c3bed8;
}

.detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  align-items: start;
  gap: 56px;
  margin-top: 28px;
}
.detail-layout > div:first-child {
  position: sticky;
  top: 104px;
}
.detail-art {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 11;
  height: auto;
  min-height: 0;
  border: 1px solid transparent;
  border-radius: 26px;
  background:
    linear-gradient(#0b0912, #0b0912) padding-box,
    var(--rim-hot) border-box;
  box-shadow: 0 50px 100px -40px #000, 0 40px 90px -50px #7d6bffcc;
}
.detail-art .card-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}
.preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.preview-grid a {
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  background: #07060b;
  transition: border-color 0.3s, transform 0.4s var(--ease);
}
.preview-grid a:hover {
  border-color: #c9c0ff77;
  transform: translateY(-3px);
}
.preview-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.game-label {
  display: inline-flex;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--f-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lav);
}
.detail-copy h1 {
  margin: 12px 0 0;
  font-size: clamp(44px, 5.2vw, 72px);
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: -0.055em;
  background: var(--headline);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lede {
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 1.55;
  color: var(--muted);
}
.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid #7ef0c433;
  border-radius: 99px;
  background: #7ef0c40d;
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #a6f5d6;
}
.status-pill i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 10px var(--mint);
}
.status-pill.status-operational i {
  animation: ping-mint 2.4s infinite;
}
.status-pill.status-degraded,
.status-pill.status-maintenance {
  border-color: #ffcf8544;
  background: #ffcf850f;
  color: #ffdfa8;
}
.status-pill.status-degraded i,
.status-pill.status-maintenance i {
  background: var(--amber);
  box-shadow: 0 0 10px var(--amber);
}
.status-pill.status-offline {
  border-color: #ff9db444;
  background: #ff9db40f;
  color: #ffc2d0;
}
.status-pill.status-offline i {
  background: var(--rose);
  box-shadow: 0 0 10px var(--rose);
}
.detail-copy > .status-pill {
  margin-top: 22px;
}
.status-note {
  display: inline-block;
  margin: 0 0 0 10px;
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 500;
  color: #a6f5d6;
}
.detail-block {
  margin-top: 36px;
  padding-top: 32px;
  border-top: 1px solid #ffffff0d;
}
.detail-block h2 {
  margin: 0 0 14px;
  font-family: var(--f-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #fff;
}
.detail-block > p {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.75;
  color: #c3bfd6;
  overflow-wrap: anywhere;
}
.tier-list {
  display: grid;
  gap: 12px;
}
.tier-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 22px 22px 24px;
  border: 1px solid transparent;
  border-radius: 20px;
  background:
    linear-gradient(180deg, #17132a, #0d0b14) padding-box,
    var(--rim-hot) border-box;
  box-shadow: 0 30px 60px -40px #7d6bffaa;
}
.tier-card > div:first-child {
  min-width: 0;
}
.tier-card strong {
  font-family: var(--f-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #fff;
}
.tier-card p {
  margin: 6px 0 0;
  font-size: 13.5px;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.tier-stock {
  display: inline-flex;
  width: max-content;
  margin-top: 12px;
  padding: 4px 10px;
  border: 1px solid #7ef0c433;
  border-radius: 99px;
  background: #7ef0c40d;
  font-family: var(--f-body);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0;
  color: #a6f5d6;
}
.tier-stock.out {
  border-color: #ff9db433;
  background: #ff9db40d;
  color: #ffc2d0;
}
.tier-action {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.tier-action > strong {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums;
  background: var(--chrome);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.detail-block .signin-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 0;
  padding: 14px 16px;
  border: 1px dashed #b4a7ff33;
  border-radius: 14px;
  background: #b4a7ff0a;
  font-size: 13.5px;
  line-height: 1.5;
  color: #b8b3cc;
}
.signin-note .discord-dot {
  flex: none;
}

.status-page > h1,
.terms-heading h1 {
  margin: 0;
  font-size: clamp(48px, 6.4vw, 88px);
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.055em;
  background: var(--headline);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.terms-heading {
  margin: 30px 0 48px;
}
.terms-heading p {
  margin: 16px 0 0;
  font-size: 17px;
  color: var(--muted);
}
.overall {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 40px 0 56px;
  padding: 26px 28px;
  border: 1px solid #7ef0c433;
  border-radius: 22px;
  background:
    radial-gradient(60% 200% at 0% 50%, #7ef0c41f, transparent 60%),
    linear-gradient(180deg, #0f1916, #0a0f0e);
  box-shadow: 0 30px 70px -40px #7ef0c466;
}
.overall .status-light {
  width: 14px;
  height: 14px;
}
.overall strong {
  display: block;
  font-family: var(--f-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #eafff6;
}
.overall small {
  display: block;
  margin-top: 4px;
  font-family: var(--f-body);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: #8cc4ae;
}
.status-group {
  margin-bottom: 40px;
}
.status-group .section-heading {
  margin-bottom: 14px;
}
.status-group .section-heading h2 {
  font-size: 22px;
}
.status-list {
  overflow: hidden;
  border: 1px solid #ffffff10;
  border-radius: 20px;
  background: var(--panel);
}
.status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border: 0;
  background: transparent;
  transition: background 0.3s;
}
.status-list .status-row + .status-row {
  border-top: 1px solid #ffffff0a;
}
.status-row:hover {
  background: #b4a7ff08;
}
.status-row a {
  font-family: var(--f-display);
  font-size: 16.5px;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #fff;
  transition: color 0.25s;
}
.status-row a:hover {
  color: var(--accent-soft);
}
.status-row p {
  margin: 4px 0 0;
  font-family: var(--f-body);
  font-size: 13px;
  color: var(--dim);
}
.status-row .status-pill {
  flex: none;
  margin: 0;
}
.status-row > div:first-child {
  min-width: 0;
  flex: 1;
}
.status-row p {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 0 10px;
  vertical-align: 2px;
  padding: 3px 9px 3px 7px;
  border: 1px solid #7ef0c426;
  border-radius: 8px;
  background: #7ef0c40a;
  font-size: 12px;
  font-weight: 600;
  color: #a6f5d6;
}
.status-row p::before {
  content: "";
  flex: none;
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: var(--shield) center / contain no-repeat;
  mask: var(--shield) center / contain no-repeat;
}
.status-row {
  --shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.st-tiers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.st-tier {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px;
  border: 1px solid #ffffff12;
  border-radius: 8px;
  background: #ffffff06;
  font-family: var(--f-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
  white-space: nowrap;
}
.st-tier::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mint);
}
.st-tier.is-low {
  border-color: #ffcf8530;
  color: #ffdfa8;
}
.st-tier.is-low::before {
  background: var(--amber);
}
.st-tier.is-out {
  color: var(--dim);
  opacity: 0.7;
}
.st-tier.is-out::before {
  background: #5d5873;
}
.st-meta {
  flex: none;
  min-width: 96px;
  font-family: var(--f-body);
  font-size: 13px;
  line-height: 1.35;
  color: var(--dim);
  text-align: right;
}
.st-meta b {
  font-family: var(--f-display);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
}
.st-meta span {
  display: block;
  font-size: 12px;
}
.st-soldout .st-meta b {
  font-size: 14px;
  color: var(--dim);
}
.status-row.st-loading .status-pill {
  opacity: 0.6;
}
.status-row.st-ready .st-tiers,
.status-row.st-ready .st-meta {
  animation: st-in 0.5s var(--ease) both;
}
@keyframes st-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
@media (max-width: 620px) {
  .status-row > div:first-child {
    flex-basis: 100%;
  }
  .st-meta {
    order: 3;
    min-width: 0;
    text-align: left;
  }
  .st-meta span {
    display: inline;
    margin-left: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .status-row.st-ready .st-tiers,
  .status-row.st-ready .st-meta {
    animation: none;
  }
}

.faq-list {
  display: grid;
  gap: 10px;
}
.faq-item {
  overflow: hidden;
  border: 1px solid #ffffff10;
  border-radius: 18px;
  background: var(--panel);
  transition: border-color 0.35s, box-shadow 0.35s;
}
.faq-item[open] {
  border-color: #c9c0ff44;
  box-shadow: 0 30px 60px -40px #7d6bffaa;
}
.faq-item > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 22px 22px 24px;
  list-style: none;
  cursor: pointer;
  font-family: var(--f-display);
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.025em;
  color: #fff;
}
.faq-item > summary::-webkit-details-marker {
  display: none;
}
.faq-item > summary::after {
  content: "";
  display: block;
  flex: none;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6cfff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 14px 14px no-repeat, #ffffff06;
  font-family: var(--f-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #d6cfff;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.faq-item[open] > summary::after {
  content: "";
  border-color: transparent;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23140f2e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center / 14px 14px no-repeat, var(--btn);
  color: var(--ink);
}
.faq-item > summary:hover::after {
  border-color: #c9c0ff4d;
}
.faq-answer {
  padding: 0 24px 22px;
  font-size: 15px;
  line-height: 1.7;
  color: #bcb8cf;
}
.faq-answer p {
  margin: 0 0 12px;
}
.faq-answer a {
  color: var(--accent-soft);
  text-decoration: underline;
  text-decoration-color: #b4a7ff66;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.25s;
}
.faq-answer a:hover {
  text-decoration-color: var(--accent-soft);
}
.faq-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
}
.faq-methods li {
  padding: 14px 16px;
  border: 1px solid #ffffff0f;
  border-radius: 14px;
  background: #07060b;
  font-size: 13.5px;
  color: var(--muted);
}
.faq-methods strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--f-display);
  font-size: 15px;
  color: #fff;
}
.faq-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 28px;
  padding: 26px 28px;
  border: 1px solid transparent;
  border-radius: 22px;
  background:
    radial-gradient(70% 160% at 90% 0%, #2f2668, transparent 65%) padding-box,
    linear-gradient(180deg, #13101f, #0c0a14) padding-box,
    var(--rim-hot) border-box;
}
.faq-help strong {
  display: block;
  font-family: var(--f-display);
  font-size: 20px;
  letter-spacing: -0.03em;
  color: #fff;
}
.faq-help span {
  font-size: 14px;
  color: var(--muted);
}
@supports (interpolate-size: allow-keywords) {
  .faq-item {
    interpolate-size: allow-keywords;
  }
  .faq-item::details-content {
    block-size: 0;
    overflow: clip;
    transition: block-size 0.45s var(--ease), content-visibility 0.45s allow-discrete;
  }
  .faq-item[open]::details-content {
    block-size: auto;
  }
  .faq-item .faq-answer {
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.35s var(--ease), transform 0.45s var(--ease);
  }
  .faq-item[open] .faq-answer {
    opacity: 1;
    transform: none;
  }
}
.terms-card {
  display: grid;
  gap: 12px;
  padding: 0;
  border: 0;
  background: none;
}
.terms-card section {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: start;
  gap: 18px;
  padding: 28px;
  border: 1px solid #ffffff10;
  border-radius: 22px;
  background: var(--panel);
}
.terms-card section > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #c9c0ff2e;
  border-radius: 12px;
  background: #b4a7ff14;
  font-family: var(--f-display);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  color: #e4e0ff;
  box-shadow: none;
}
.terms-card h2 {
  margin: 7px 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}
.terms-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #bcb8cf;
}

.panel,
.login-card,
.metric-card,
.purchase-card {
  border-color: #ffffff12;
  border-radius: 20px;
  background: var(--panel);
}
.key-box {
  border-color: #ffffff17;
  background: #07060b;
}
.key-value,
.key-row code,
.code-field input {
  font-family: var(--f-mono);
  letter-spacing: 0.02em;
}
.field input,
.field select,
.field textarea,
.search-input,
.copy-field,
.code-field input {
  border: 1px solid #ffffff14;
  border-radius: 12px;
  background: #07060b;
  color: var(--text);
  transition: border-color 0.25s, box-shadow 0.25s;
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.code-field input:focus,
.search-input:focus {
  outline: 0;
  border-color: #b4a7ff99;
  box-shadow: 0 0 0 4px #b4a7ff22;
}
body:has(.site-header) .admin-sidebar,
body:has(.site-header) .product-list-panel,
body:has(.site-header) .product-nav {
  top: 100px;
}
body:has(.site-header) .admin-sidebar {
  min-height: calc(100vh - 124px);
}
body:has(.site-header) .product-list-panel,
body:has(.site-header) .product-nav {
  max-height: calc(100vh - 124px);
}

html.fx .fx-reveal:not(.fx-in) {
  opacity: 0;
}
html.fx .fx-reveal.fx-in {
  animation: reveal 0.9s var(--ease) var(--d, 0s) backwards;
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}
@keyframes reveal {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ping-mint {
  0% {
    box-shadow: 0 0 0 0 #7ef0c477, 0 0 12px #7ef0c4;
  }
  70%,
  100% {
    box-shadow: 0 0 0 9px #7ef0c400, 0 0 12px #7ef0c4;
  }
}
@keyframes kenburns {
  from {
    transform: scale(1.04);
  }
  to {
    transform: scale(1.14) translate(-2%, -1%);
  }
}

@media (max-width: 1100px) {
  .hero-layout {
    grid-template-columns: 1fr;
    gap: 72px;
  }
  .hero-visual {
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
  }
  .detail-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .detail-layout > div:first-child {
    position: static;
  }
}
@media (max-width: 900px) {
  .site-header {
    position: relative;
    padding-top: 12px;
  }
  .site-header .header-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "brand actions" "nav nav";
    align-items: center;
    gap: 10px;
    height: auto;
    padding: 10px;
  }
  .site-header .brand {
    grid-area: brand;
    padding-left: 6px;
  }
  .site-header .header-actions {
    grid-area: actions;
  }
  .site-header nav {
    grid-area: nav;
    display: flex;
    justify-content: space-between;
    gap: 4px;
  }
  .site-header nav a {
    flex: 1;
    padding: 9px 6px;
    text-align: center;
  }
  .store-home .store-hero {
    margin-top: 0;
    padding: 64px 0 88px;
  }
  .game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .product-grid > .product-card,
  .product-grid:has(> .product-card:nth-child(3n + 2):last-child) > .product-card:nth-child(-n + 2),
  .product-grid:has(> .product-card:nth-child(3n + 4):last-child) > .product-card:nth-child(-n + 4) {
    grid-column: auto;
  }
  .product-grid:has(> .product-card:only-child) > .product-card {
    grid-column: 1 / -1;
  }
  .trust-strip .wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .trust-strip span:nth-child(3) {
    border-left: 0;
  }
  .trust-strip span:nth-child(n + 3) {
    border-top: 1px solid #ffffff0d;
  }
  .home-cta {
    flex-direction: column;
    align-items: flex-start;
    padding: 44px 32px;
  }
  .site-footer {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .site-footer > span:nth-child(2) {
    text-align: left;
  }
  .footer-links a:first-child {
    padding-left: 0;
  }
}
@media (min-width: 621px) and (max-width: 900px) {
  .game-grid > .game-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    aspect-ratio: 2 / 1;
  }
  .product-grid > .product-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
  .product-grid > .product-card:last-child:nth-child(odd) .product-art {
    aspect-ratio: auto;
    min-height: 260px;
    margin: 8px;
  }
  .product-grid > .product-card:last-child:nth-child(odd) .product-copy {
    justify-content: center;
    padding: 28px 28px 24px 18px;
  }
  .product-grid > .product-card:last-child:nth-child(odd) .product-copy > div {
    margin-top: 8px;
  }
}
@media (max-width: 700px) {
  .header-actions .discord-button {
    display: inline-flex !important;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 0;
  }
  .header-actions > .pill-button {
    display: inline-flex;
  }
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-actions > a {
    justify-content: center;
  }
}
@media (max-width: 620px) {
  .wrap {
    width: calc(100% - 32px);
  }
  .brand-muted {
    display: none;
  }
  .store-home .store-hero {
    padding: 52px 0 72px;
  }
  .hero-layout {
    gap: 56px;
  }
  .hero-copy h1 {
    font-size: clamp(46px, 14vw, 64px);
  }
  .hero-copy > p {
    font-size: 16px;
  }
  .hero-stats {
    gap: 8px;
    margin-top: 32px;
  }
  .hero-stats > div {
    padding: 7px 12px;
  }
  .cd {
    padding: 16px;
    transform: none;
    animation: none;
  }
  .hero-visual::after {
    animation: none;
  }
  .game-grid,
  .product-grid {
    grid-template-columns: 1fr;
  }
  .game-card {
    aspect-ratio: 5 / 4;
  }
  .product-grid > .product-card:only-child {
    display: flex;
  }
  .product-grid > .product-card:only-child .product-art {
    aspect-ratio: 16 / 10;
    min-height: 0;
    margin: 8px 8px 0;
  }
  .product-grid > .product-card:only-child .product-copy {
    padding: 18px 22px 20px;
  }
  .product-grid > .product-card:only-child .product-copy h3 {
    font-size: 24px;
  }
  .trust-strip .wrap {
    grid-template-columns: 1fr;
  }
  .trust-strip span {
    padding: 20px 4px;
    border-left: 0;
  }
  .trust-strip span + span {
    border-top: 1px solid #ffffff0d;
  }
  .catalog-section {
    padding-top: 70px;
  }
  .section-heading {
    flex-wrap: wrap;
  }
  .home-cta {
    margin-top: 80px;
    padding: 36px 24px;
    border-radius: 24px;
  }
  .home-cta .pill-button {
    width: 100%;
  }
  .game-banner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 18px;
    min-height: 300px;
    padding: 26px;
    border-radius: 24px;
  }
  .game-banner .game-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 0;
    border-radius: 16px;
  }
  .tier-card {
    flex-direction: column;
    align-items: stretch;
  }
  .tier-action {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .faq-item > summary {
    padding: 18px 18px 18px 20px;
    font-size: 16.5px;
  }
  .faq-answer {
    padding: 0 20px 20px;
  }
  .faq-methods {
    grid-template-columns: 1fr;
  }
  .faq-help {
    flex-direction: column;
    align-items: flex-start;
  }
  .terms-card section {
    grid-template-columns: 36px 1fr;
    gap: 14px;
    padding: 22px;
  }
  .terms-card section > span {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .terms-card h2 {
    margin-top: 5px;
    font-size: 19px;
  }
  .status-row {
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-copy h1,
  .hero-copy > p,
  .hero-actions,
  .hero-stats,
  .hero-visual,
  .hero-visual::after,
  .cd,
  .game-banner .card-cover,
  .status-light,
  .status-pill i,
  .cd::after {
    animation: none !important;
  }
  html.fx .fx-reveal:not(.fx-in) {
    opacity: 1;
  }
}

.card-arrow,
.product-copy > div > span:last-child:not(:first-child) {
  display: none;
}

.fx-zoomable {
  cursor: zoom-in;
}
.detail-art .card-cover.fx-zoomable {
  transition: transform 0.8s var(--ease);
}
.detail-art:hover .card-cover.fx-zoomable {
  transform: scale(1.02);
}
.detail-art .card-cover:focus-visible {
  outline: 2px solid var(--lav);
  outline-offset: -4px;
}
html.fx-lb-lock {
  overflow: hidden;
}
html.fx-lb-lock body {
  padding-right: var(--sbw, 0px);
}
.fx-lb {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: calc(64px + env(safe-area-inset-top, 0px)) 88px calc(64px + env(safe-area-inset-bottom, 0px));
  background: #07060be6;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  cursor: zoom-out;
  opacity: 0;
  transition: opacity 0.3s var(--ease);
}
.fx-lb[hidden] {
  display: none;
}
.fx-lb.fx-lb-on {
  opacity: 1;
}
.fx-lb-stage {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.fx-lb-img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  background: #0b0912;
  box-shadow: 0 40px 100px -30px #000, 0 30px 80px -50px #7d6bff99;
  cursor: default;
  user-select: none;
  -webkit-user-drag: none;
}
.fx-lb-btn {
  position: absolute;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  background: #15121fcc;
  color: #d6cfff;
  cursor: pointer;
  transition: background 0.25s, border-color 0.25s, color 0.25s;
}
.fx-lb-btn svg {
  width: 20px;
  height: 20px;
}
.fx-lb-btn:hover {
  border-color: #c9c0ff44;
  background: #1f1a2ee6;
  color: #fff;
}
.fx-lb-btn:focus:not(:focus-visible) {
  outline: none;
}
.fx-lb-btn:focus-visible {
  outline: 2px solid var(--lav);
  outline-offset: 2px;
}
.fx-lb-close {
  top: calc(14px + env(safe-area-inset-top, 0px));
  right: 16px;
}
.fx-lb-prev,
.fx-lb-next {
  top: 50%;
  margin-top: -22px;
}
.fx-lb-prev {
  left: 22px;
}
.fx-lb-next {
  right: 22px;
}
.fx-lb-count {
  position: absolute;
  left: 50%;
  bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  font-family: var(--f-body);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: var(--dim);
}
.fx-lb-single .fx-lb-prev,
.fx-lb-single .fx-lb-next,
.fx-lb-single .fx-lb-count {
  display: none;
}
@media (max-width: 700px) {
  .fx-lb {
    padding: calc(70px + env(safe-area-inset-top, 0px)) 12px calc(80px + env(safe-area-inset-bottom, 0px));
  }
  .fx-lb-prev,
  .fx-lb-next {
    top: auto;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    margin-top: 0;
  }
  .fx-lb-prev {
    left: 16px;
  }
  .fx-lb-next {
    right: 16px;
  }
}

body:has(main.terms-page:not(.faq-page)) .site-header nav a[href="/terms"] {
  color: #fff;
  background: linear-gradient(180deg, #ffffff17, #ffffff08);
  box-shadow: 0 1px 0 #ffffff1c inset, 0 0 0 1px #ffffff0d;
}
body:has(main.terms-page:not(.faq-page)) .site-header nav a[href="/terms"]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 16px;
  height: 2px;
  margin-left: -8px;
  border-radius: 2px;
  background: var(--lav);
  box-shadow: 0 0 10px var(--lav);
}
@view-transition {
  navigation: auto;
}
.site-header {
  view-transition-name: site-header;
}
main {
  view-transition-name: page;
}
::view-transition-group(root) {
  animation-duration: 0.3s;
}
::view-transition-group(page) {
  animation: none;
}
::view-transition-old(page) {
  animation: vt-out 0.11s linear both;
}
::view-transition-new(page) {
  animation: vt-in 0.22s cubic-bezier(0.2, 0, 0, 1) 0.08s both;
}
::view-transition-group(site-header) {
  animation-duration: 0.3s;
}
@keyframes vt-out {
  to {
    opacity: 0;
  }
}
@keyframes vt-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}

main:focus {
  outline: none;
}
.fx-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  height: 2px;
  pointer-events: none;
  background: var(--lav);
  box-shadow: 0 0 10px #b4a7ffaa;
  transform: scaleX(0);
  transform-origin: 0 50%;
  opacity: 0;
}
.fx-bar.on {
  opacity: 1;
  transform: scaleX(0.85);
  transition: transform 6s cubic-bezier(0.1, 0.7, 0.2, 1), opacity 0.2s;
}
.fx-bar.on.done {
  opacity: 0;
  transform: scaleX(1);
  transition: transform 0.2s ease-out, opacity 0.3s 0.1s;
}

html.fx-nav .site-header nav {
  position: relative;
}
html.fx-nav .site-header nav a {
  z-index: 1;
}
html.fx-nav .site-header nav a.active,
html.fx-nav body:has(main.terms-page:not(.faq-page)) .site-header nav a[href="/terms"] {
  background: transparent;
  box-shadow: none;
}
html.fx-nav .site-header nav a.active:hover {
  background: transparent;
}
html.fx-nav .site-header nav a.active::after,
html.fx-nav body:has(main.terms-page:not(.faq-page)) .site-header nav a[href="/terms"]::after {
  display: none;
}
.fx-pill {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff17, #ffffff08);
  box-shadow: 0 1px 0 #ffffff1c inset, 0 0 0 1px #ffffff0d;
  pointer-events: none;
  opacity: 0;
  will-change: transform, width;
  transition: transform 0.5s cubic-bezier(0.32, 1.18, 0.42, 1), width 0.5s cubic-bezier(0.32, 1.18, 0.42, 1), height 0.5s cubic-bezier(0.32, 1.18, 0.42, 1);
}
.fx-pill::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 16px;
  height: 2px;
  margin-left: -8px;
  border-radius: 2px;
  background: var(--lav);
  box-shadow: 0 0 10px var(--lav);
}