/*
Theme Name: Sevenfold Data Solutions
Theme URI: https://sevenfolddata.com
Author: Sevenfold Data Solutions
Description: Theme for sevenfolddata.com. On activation it creates the site pages (Home, Player Acquisition, Data, iGame Studio, Operator Transformation, Mobile Activation, Contact, Terms, Privacy, Cookie Policy), the main menu and the front page setting. Re-run from Appearance > Sevenfold Setup. Fonts, styles and scripts are served from the site itself. Works with the Complianz cookie consent plugin.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: All rights reserved
Text Domain: sevenfold
*/
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/archivo-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/archivo-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/archivo-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/archivo-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/archivo-latin-800-normal.woff2) format('woff2')}
:root{
  --ground:#1E1D4A; --band:#191840; --surf:#262763; --surf-2:#2E2F70; --line:#33377E;
  --teal:#119CA1; --teal-lt:#38BEC8; --teal-fill:#0C7074;
  --indigo:#4B53B8; --purple:#B85DDA; --purple-dk:#8E3FB5;
  --white:#FFFFFF; --muted:#C9CBEA; --pull:#DCDDF3;
  --disp:Archivo,"Helvetica Neue",Arial,sans-serif;
  --sans:Archivo,"Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ground);color:var(--white);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--teal-lt)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--teal-lt);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(20px,4vw,48px)}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-lt);margin:0}
.pull{font-family:var(--sans);font-weight:400;font-size:clamp(19px,2.2vw,25px);line-height:1.45;letter-spacing:-.012em;color:var(--pull);margin:0}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1{font-size:clamp(38px,5.6vw,68px);line-height:1.0}
h2{font-size:clamp(30px,4vw,48px);line-height:1.04}
h3{font-size:20px;font-weight:700;line-height:1.22;letter-spacing:-.015em}
p{margin:0}
.lede{color:var(--muted);font-size:17px;max-width:64ch}
/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(30,29,74,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:80px}
.brand{display:flex;align-items:center;flex:none;text-decoration:none;gap:10px}
.brand b{font-family:var(--disp);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--white)}
.nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;padding:10px 12px;position:relative;white-space:nowrap}
.nav a:hover{color:var(--white)}
.nav a[aria-current=page]{color:var(--white)}
.nav a[aria-current=page]::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--teal-lt)}
.nav .m-cta{display:none}
.tools{display:flex;gap:10px;align-items:center;flex:none}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:none;border-radius:2px;cursor:pointer;align-items:center;justify-content:center}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 26px;border-radius:2px;border:0;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-solid{background:var(--teal-fill);color:#fff}
.btn-ghost{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.hdr .btn{min-height:42px;padding:0 18px;font-size:14px}
/* sections */
.sec{padding-block:clamp(56px,7vw,92px);position:relative}
.sec.alt{background:var(--band)}
.sec-head{display:flex;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:38px}
.sec-head .l{flex:1 1 420px}
.sec-head h2{margin-top:10px}
.sec-head .pull{margin-top:16px;padding-left:18px;border-left:5px solid var(--teal)}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.g5 .card{padding:26px 20px;gap:12px}
.g5 .card h3{font-size:18px}
.g5 .card p{font-size:13.5px}
.card{background:var(--surf);border:1px solid var(--line);border-radius:4px;padding:28px 24px;display:flex;flex-direction:column;gap:14px}
.card .num{font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.18em;color:var(--muted)}
.card p{color:var(--muted);font-size:14.5px;flex-grow:1}
.card .more{font-weight:700;font-size:13px;color:var(--teal-lt);text-decoration:none}
.card.hot{background:linear-gradient(160deg,#3A2A6E,var(--surf));border-color:var(--purple)}
.card.hot .num{color:var(--purple)}
/* governance strip — shared by Data, Privacy, Cookie */
.gov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.gov div{background:var(--surf);padding:24px 22px;display:flex;flex-direction:column;gap:9px}
.gov b{font-family:var(--disp);font-weight:800;font-size:17px;letter-spacing:-.015em;color:var(--teal-lt)}
.gov span{color:var(--muted);font-size:14px;line-height:1.55}
/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(56px,7vw,96px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,64px);align-items:center}
.hero .glow{position:absolute;right:-12%;top:-30%;width:min(680px,70vw);aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--teal);opacity:.22;filter:blur(90px);pointer-events:none}
.hero h1{margin-top:20px}
.hero .accent{color:var(--teal-lt)}
.hero .pull{margin-top:22px;max-width:42ch}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.tag{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:4px 14px;border:1px solid var(--teal);border-radius:2px}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--teal-lt);display:block;flex:none}
/* stat band */
.band .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.band .cell{padding:26px 28px;border-left:1px solid var(--line)}
.band .cell:first-child{border-left:0;padding-left:0}
.band b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(24px,2.6vw,30px);line-height:1.08;color:var(--white)}
.band .cell:nth-child(1) b{color:var(--teal-lt)}
.band .cell:nth-child(4) b{color:var(--purple)}
.band span{display:block;margin-top:9px;color:var(--muted);font-size:13.5px;line-height:1.5}
/* profile card */
.pcard{background:var(--surf);border:1px solid var(--line);border-radius:4px;padding:28px}
.pcard .top{display:flex;align-items:center;gap:14px}
.avatar{width:56px;height:56px;flex:none;border-radius:50%;background:var(--teal-fill);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:18px}
.pcard .who{font-size:13.5px;color:var(--muted)}
.traits{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:13px}
.traits li{display:grid;gap:6px}
.traits .row{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.traits .val{color:var(--teal-lt);font-weight:600;font-variant-numeric:tabular-nums}
.bar{height:4px;background:var(--ground);border-radius:2px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--teal);transition:width .5s ease}
.swap{margin-top:22px;width:100%;height:44px;background:none;border:1px solid var(--line);color:var(--white);font-weight:600;font-size:14px;border-radius:2px;cursor:pointer}
.swap:hover{border-color:var(--teal-lt)}
.pcard .note{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.5}
/* chips + tabs */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 16px;border:1px solid var(--line);background:none;color:var(--white);font-weight:600;font-size:14px;border-radius:2px;cursor:pointer}
.chip:hover{border-color:var(--teal-lt)}
.chip[aria-selected=true],.chip[aria-pressed=true]{background:var(--teal-fill);border-color:var(--teal)}
.panel{margin-top:20px;background:var(--surf);border:1px solid var(--line);border-radius:4px;padding:30px}
.bullets{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bullets li{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:15px;line-height:1.55}
.bullets li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;background:var(--teal);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}
.bullets.purple li::before{background:var(--purple)}
/* stepper */
.stepper{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.stepper button{min-height:70px;border:0;background:var(--surf);color:var(--muted);text-align:left;padding:10px 12px;cursor:pointer;border-bottom:3px solid transparent;display:flex;flex-direction:column;justify-content:center;gap:3px}
.stepper button small{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.stepper button b{font-size:14px;color:var(--white);font-weight:700}
.stepper button[aria-selected=true]{background:var(--teal-fill);border-bottom-color:var(--teal-lt);color:#fff}
.step-panel{display:grid;grid-template-columns:200px minmax(0,1fr);background:var(--surf);border:1px solid var(--line);margin-top:14px}
.step-panel .n{background:var(--teal-fill);display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:26px}
.step-panel .n b{font-family:var(--disp);font-size:72px;line-height:.8;font-weight:800}
.step-panel .t{padding:30px 34px;display:flex;flex-direction:column;gap:14px}
.step-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
/* slot builder */
.builder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}
.controls{background:var(--surf);border:1px solid var(--line);border-radius:4px;padding:26px;display:flex;flex-direction:column;gap:22px}
.specs{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:18px;font-size:13.5px;margin:0}
.specs div{display:flex;justify-content:space-between;gap:12px}
.specs dt{color:var(--muted)}
.specs dd{margin:0;font-weight:600;text-align:right}
.cabinet{border-radius:4px;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:18px;transition:background .4s ease}
.jackpots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.jackpots div{background:rgba(0,0,0,.4);padding:10px 12px}
.jackpots small{display:block;font-size:11px;letter-spacing:.14em;opacity:.85}
.jackpots b{font-family:var(--disp);font-size:16px;font-variant-numeric:tabular-nums}
.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px;background:rgba(0,0,0,.44)}
.sym{aspect-ratio:1;max-width:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-radius:3px;font-family:var(--disp);font-weight:800;font-size:clamp(15px,2.2vw,26px)}
.sym.spin{animation:drop .4s ease}
@keyframes drop{from{transform:translateY(-26%);opacity:.3}to{transform:none;opacity:1}}
.cab-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.spin-btn{height:50px;padding:0 36px;background:#fff;color:var(--ground);border:0;border-radius:2px;font-family:var(--disp);font-weight:800;font-size:16px;letter-spacing:.04em;cursor:pointer}
/* table */
.table-scroll{overflow-x:auto}
table.model{width:100%;border-collapse:collapse;min-width:620px;background:var(--surf)}
table.model th{background:var(--line);text-align:left;padding:13px 18px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
table.model td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted);font-size:14.5px}
table.model td:first-child{font-weight:700;color:var(--white);width:20%}
/* legal pages */
.legal{max-width:76ch}
.legal h2{font-size:24px;margin-top:38px}
.legal p,.legal li{color:var(--muted);font-size:15.5px;line-height:1.75;margin-top:12px}
.legal .lead{color:var(--pull);font-size:17px}
.legal .meta{color:var(--pull);font-size:15px}
.legal table{width:100%;border-collapse:collapse;margin-top:18px;background:var(--surf)}
.legal th,.legal td{border:1px solid var(--line);padding:12px 14px;text-align:left;font-size:14.5px;vertical-align:top}
.legal th{font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.legal td{color:var(--muted)}
.legal .gov{margin-top:26px}
.legal .callout{margin-top:26px;background:var(--surf);border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:4px;padding:22px 24px}
.legal .callout p{margin-top:0;color:var(--pull)}
.legal .xref{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:14.5px}
/* footer */
.foot{background:var(--band);border-top:1px solid var(--line);padding-block:44px 30px;text-align:center;font-size:14px}
.foot .links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;color:var(--line)}
.foot .links a{color:var(--muted);text-decoration:none}
.foot .links a:hover{color:var(--white);text-decoration:underline}
.foot .contact{margin-top:16px;color:var(--muted)}
.foot .copy{margin-top:6px;color:var(--muted);opacity:.85}
.foot .scope{margin-top:14px;color:var(--muted);font-size:12.5px;max-width:70ch;margin-inline:auto;line-height:1.6}
.foot .eighteen{margin-top:18px;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-size:12.5px}
.foot .eighteen i{width:32px;height:32px;flex:none;border-radius:50%;border:1.5px solid var(--muted);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:11px;color:var(--white)}
.tricolor{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:7px;max-width:1200px;margin:34px auto 0}
.tricolor i:nth-child(1){background:var(--teal)}.tricolor i:nth-child(2){background:var(--indigo)}.tricolor i:nth-child(3){background:var(--purple)}
@media (max-width:1240px){ .nav a{padding:10px 9px;font-size:13.5px} }
@media (max-width:1100px){ .g5{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:1040px){
  .stepper{grid-template-columns:repeat(4,minmax(0,1fr))}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  .nav{position:absolute;top:80px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--ground);border-bottom:1px solid var(--line);padding:8px 20px 20px;margin:0}
  .nav a{padding:14px 4px;font-size:16px}
  .nav .m-cta{display:inline-flex;justify-content:center;margin-top:12px}
  .hdr .tools .btn{display:none}
  .hero .wrap,.builder,.g2,.g3,.gov,.step-panel,.band .wrap{grid-template-columns:minmax(0,1fr)}
  .band .cell{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .band .cell:first-child{border-top:0}
  .step-panel .n{flex-direction:row;align-items:center;gap:16px}
  .step-panel .n b{font-size:48px}
}
@media (max-width:560px){
  .g4,.g5,.jackpots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stepper{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.foot .links button.cmplz-show-banner{background:none;border:0;padding:0;color:var(--muted);font:inherit;cursor:pointer}
.foot .links button.cmplz-show-banner:hover{color:var(--white);text-decoration:underline}
/* WordPress: other pages, e.g. documents generated by Complianz */
.wp-doc .legal{max-width:80ch}
.wp-doc .legal h1{font-size:clamp(32px,4vw,52px);margin-top:14px}
.wp-doc .legal h2,.wp-doc .legal h3{margin-top:34px}
.wp-doc .legal ul,.wp-doc .legal ol{padding-left:1.2em}
.wp-doc .legal input,.wp-doc .legal select,.wp-doc .legal button{font:inherit}
/* the admin bar pushes the sticky header down when logged in */
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}
@media (max-width:600px){.admin-bar .hdr{top:0}}