/* White Label uses the existing product-section language with its own brand composition. */
.white-label-page .wl-hero h1 { font-size:clamp(42px,4vw,58px); line-height:1.08; letter-spacing:-.055em; }
.white-label-page .wl-hero { padding-block:80px; }
.white-label-page .wl-hero .demetra-intro { margin-block:26px 18px; }
.wl-hero-more { max-width:540px; margin:0 0 30px; color:#6d5b77; font-size:15px; line-height:1.8; }
.wl-visual { position:relative; min-width:0; min-height:540px; isolation:isolate; }
.wl-visual::before { content:''; position:absolute; z-index:-1; inset:-35px -20px; border-radius:50%; background:radial-gradient(ellipse,#b76cec30,transparent 65%); }
.wl-foundation { position:absolute; inset-inline:32px 0; top:160px; padding:24px; border:1px solid #49315c; border-radius:24px; background:linear-gradient(145deg,#271038,#100a1a); color:#fff; box-shadow:0 25px 50px #1e0b3326; transform:rotate(4deg); }
.wl-foundation-head { display:flex; align-items:center; gap:12px; padding:16px 0 24px; font:11px var(--mono); letter-spacing:.1em; }
.wl-foundation-head svg { width:30px; height:30px; fill:none; stroke:#d071f0; stroke-width:1.5; }
.wl-foundation-content { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-top:175px; }
.wl-foundation-content>div { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:84px; padding:12px 8px; border:1px solid #ffffff20; border-radius:12px; background:#ffffff05; text-align:center; }
.wl-foundation-content svg { width:25px; height:25px; fill:none; stroke:#d071f0; stroke-width:1.5; }
.wl-foundation-content strong { font-size:11px; font-weight:600; overflow-wrap:anywhere; }
.wl-storefront { position:absolute; inset-inline:0 30px; top:24px; overflow:hidden; border:1px solid #d2bce2; border-radius:22px; background:#fff; box-shadow:0 25px 50px #36144920; transform:rotate(-4deg); }
.wl-browser-bar { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; border-bottom:1px solid #e7dbef; background:#f6f0fa; color:#725083; font:10px var(--mono); }
.wl-browser-bar span { display:flex; gap:5px; }
.wl-browser-bar i { width:5px; height:5px; border-radius:50%; background:#ad91bd; }
.wl-storefront-body { padding:22px; }
.wl-storefront-top { display:flex; align-items:center; gap:12px; color:#2b113d; }
.wl-storefront-top strong { font-size:18px; }
.wl-brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,#7023bd,#cf4ae1); color:#fff; font-size:20px; font-weight:800; }
.wl-brand-banner { position:relative; display:flex; align-items:center; min-height:120px; margin-top:20px; padding:20px; overflow:hidden; border-radius:13px; background:linear-gradient(125deg,#52218a,#a334c9 65%,#d773e9); color:#fff; }
.wl-brand-banner strong { position:relative; z-index:1; max-width:68%; font-size:22px; line-height:1.35; }
.wl-brand-banner svg { position:absolute; inset-inline-end:-5px; top:5px; width:110px; height:110px; fill:#d480eb32; stroke:#efb8ff; stroke-width:1; }
.wl-products { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.wl-products span { padding:7px 12px; border:1px solid #e3d1ed; border-radius:8px; background:#f2eafa; font-size:10px; font-weight:800; color:#60268a; }
.wl-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; }
.wl-game-grid i { display:block; height:70px; border-radius:10px; background:radial-gradient(circle at 50% 20%,#aa70d1,#663781); }
.wl-game-grid i:nth-child(2) { background:radial-gradient(circle at 50% 20%,#a397d1,#595681); }
.wl-game-grid i:nth-child(3) { background:radial-gradient(circle at 50% 20%,#cf99ca,#864b7b); }
.wl-brand-palette { position:absolute; inset-inline-end:-8px; bottom:56px; display:flex; align-items:center; gap:16px; max-width:75%; padding:17px 20px; border:1px solid #d9c5e5; border-radius:14px; background:#fff; box-shadow:0 15px 35px #36144915; color:#482257; font-size:12px; font-weight:800; }
.wl-brand-palette>div { display:flex; }
.wl-brand-palette i { width:23px; height:23px; margin-inline-start:-4px; border:2px solid #fff; border-radius:50%; background:#592494; }
.wl-brand-palette i:nth-child(2) { background:#a741cc; }
.wl-brand-palette i:nth-child(3) { background:#ddb4f1; }
.wl-visual-caption { position:absolute; inset-inline:0; bottom:0; margin:0; text-align:center; color:#786283; font:10px var(--mono); }
.wl-about { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); align-items:center; gap:80px; }
.wl-body-text { margin:22px 0 0; color:#6b5776; font-size:16px; line-height:1.85; }
.wl-about-visual { min-width:0; }
.wl-brand-plate { display:flex; align-items:center; flex-direction:column; gap:16px; padding:32px 20px; border:1px solid #d7bae7; border-radius:22px; background:linear-gradient(145deg,#fff,#eadcf6); text-align:center; }
.wl-brand-plate>svg { width:48px; height:48px; fill:none; stroke:#8d2abf; stroke-width:1.5; }
.wl-brand-plate strong { font-size:26px; color:#43205b; }
.wl-brand-plate span { font-size:13px; color:#80678c; }
.wl-connection { display:block; width:100%; height:70px; fill:none; stroke:#ba85d0; stroke-width:1; }
.wl-connection circle { fill:#ad54d3; }
.wl-core-plates { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.wl-core-plates>div { display:flex; align-items:center; flex-direction:column; gap:16px; padding:22px 12px; border:1px solid #e0cfe9; border-radius:16px; background:#fff; color:#5e3771; font-size:12px; text-align:center; }
.wl-core-plates svg { width:30px; height:30px; fill:none; stroke:#9a49bd; stroke-width:1.5; }
.white-label-page .wl-feature-grid { row-gap:24px; }
.wl-feature-grid li { overflow-wrap:anywhere; }
.white-label-page .wl-comparison h2 { max-width:1040px; }
.wl-comparison-copy { max-width:900px; }
.wl-comparison-grid a { position:relative; min-width:0; padding:30px; border:1px solid #dfd2e8; border-radius:20px; background:#fff; text-decoration:none; transition:background .2s,border-color .2s; }
.wl-comparison-grid a:hover { border-color:#ab67c6; background:#f2e6fa; }
.wl-comparison-grid a.wl-selected { border-color:#b75adc; background:linear-gradient(140deg,#f1e0fc,#f8f1fc); }
.wl-comparison-grid svg { width:34px; height:34px; margin-bottom:24px; fill:none; stroke:#9d40c8; stroke-width:1.5; }
.wl-comparison-grid a>span { position:absolute; top:30px; inset-inline-end:24px; color:#9d40c8; }
.wl-comparison-grid p { margin:0; color:#785f85; font-size:14px; line-height:1.7; }
.white-label-page .wl-audience h2 { max-width:1000px; }
.wl-audience .demetra-audience article:last-child { grid-column:1/-1; }
.white-label-page .wl-launch>div { max-width:760px; }
.wl-related a p { margin:16px 0 0; color:#786283; font-size:14px; line-height:1.7; }
[dir="rtl"] .white-label-page .wl-hero h1 { letter-spacing:0; line-height:1.45; }
@media(max-width:1000px) {
 .wl-visual { min-height:490px; }
 .wl-storefront { inset-inline:0 12px; }
 .wl-storefront-body { padding:16px; }
 .wl-brand-banner { min-height:110px; padding:16px; }
 .wl-brand-banner strong { font-size:18px; }
 .wl-foundation { inset-inline:16px 0; padding:16px; }
 .wl-foundation-content { gap:8px; padding-top:155px; }
 .wl-foundation-content strong { font-size:10px; }
 .wl-brand-palette { bottom:35px; inset-inline-end:0; padding:14px; }
 .wl-about { gap:40px; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
}
@media(max-width:800px) {
 .white-label-page .wl-hero { padding-block:56px; }
 .white-label-page .wl-hero h1 { max-width:690px; font-size:clamp(40px,6.4vw,52px); }
 .wl-hero-more { max-width:650px; }
 .wl-visual { width:min(100%,530px); min-height:520px; margin-inline:auto; }
 .wl-foundation-content { padding-top:165px; }
 .wl-about { grid-template-columns:1fr; gap:40px; }
 .wl-about-visual { width:min(100%,440px); margin-inline:auto; }
 .wl-comparison-grid a { padding:24px; }
}
@media(max-width:600px) {
 .white-label-page .wl-hero h1 { font-size:40px; }
 .wl-hero-more { font-size:15px; }
 .wl-visual { min-height:460px; }
 .wl-storefront { inset-inline:0 6px; top:12px; }
 .wl-foundation { top:140px; padding:12px; border-radius:20px; }
 .wl-foundation-head { padding:16px 0; }
 .wl-foundation-content { padding-top:160px; gap:6px; }
 .wl-foundation-content>div { padding:10px 4px; min-height:76px; }
 .wl-storefront-top strong { font-size:16px; }
 .wl-brand-banner strong { font-size:17px; }
 .wl-brand-banner svg { width:92px; height:92px; top:10px; }
 .wl-game-grid i { height:52px; }
 .wl-brand-palette { bottom:25px; }
 .wl-brand-palette i { width:20px; height:20px; }
 .wl-body-text { font-size:16px; line-height:1.8; }
 .wl-comparison-grid a { padding:28px; }
 .wl-comparison-grid a h3 { font-size:23px; }
 .wl-related a p { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .wl-comparison-grid a { transition:none; } }