/* SpinCity99 Casino app shell (.sc-*). The operator's phone layout widened to desktop:
   one centred column, horizontal rails, sticky action bar. Violet + gold. Hand-written. */
:root{
  --ink:#0d0617;--ink2:#160c26;--card:#1d1133;--card2:#2a1a49;--edge:rgba(255,208,90,.18);--edge2:rgba(255,208,90,.44);
  --au:#ffd05a;--au2:#f0b429;--au3:#ffeab0;--vi:#7b3ff2;--vi2:#b06bff;--mg:#ff4fa3;
  --fg:#f1e9ff;--dim:#a898c6;--ok:#2ed573;--no:#ff5470;
  --gold:linear-gradient(180deg,#ffeeb4 0%,#ffd05a 38%,#e0a21c 72%,#a9700d 100%);
  --grad:linear-gradient(135deg,#7b3ff2 0%,#b06bff 52%,#ff4fa3 100%);
  --rad:14px;--bar:64px
}
*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--fg);font:15px/1.6 "Helvetica Neue",Arial,sans-serif;
  padding-bottom:calc(var(--bar) + 12px);
  background-image:radial-gradient(900px 520px at 85% -8%,rgba(123,63,242,.34),transparent 62%),
  radial-gradient(760px 480px at -10% 22%,rgba(255,79,163,.17),transparent 60%)}
a{color:var(--au)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{line-height:1.22;margin:0 0 10px;letter-spacing:-.01em}
.sc-wrap{max-width:1040px;margin:0 auto;padding:0 14px}
.sc-au{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}

/* header */
.sc-bar{position:sticky;top:0;z-index:50;background:rgba(13,6,23,.93);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,208,90,.14)}
.sc-bar .in{max-width:1040px;margin:0 auto;height:60px;padding:0 14px;display:flex;align-items:center;gap:12px}
.sc-mark{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.sc-mark svg{width:36px;height:36px;flex:none}
/* line box matched to the 36px icon so the mark is one visual row, not an icon with a dropped word */
.sc-mark b{font:800 21px/36px "Helvetica Neue",Arial;letter-spacing:-.02em;background:var(--gold);
  -webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
/* the kicker sits beside the wordmark, not under it: a stacked brand mark reads as a broken logo */
.sc-id{display:flex;align-items:center;gap:10px;flex:none}
.sc-kick{font:600 9px/1.2 Arial;font-style:normal;color:var(--dim);letter-spacing:.18em;text-transform:uppercase;border-left:1px solid rgba(255,255,255,.18);padding-left:10px;white-space:nowrap}
.sc-menu{margin-left:auto;display:flex;align-items:center;gap:6px}
.sc-menu nav{display:flex;gap:2px}
.sc-menu nav a{font:600 13px/1 Arial;color:var(--dim);text-decoration:none;padding:12px 10px;border-radius:8px;white-space:nowrap}
.sc-menu nav a.on,.sc-menu nav a:hover{color:var(--au);background:rgba(123,63,242,.22)}
.sc-lg{display:flex;gap:3px}
.sc-lg a{display:inline-flex;align-items:center;min-height:44px;padding:0 9px;font:700 11px/1 Arial;color:var(--dim);
  text-decoration:none;border-radius:8px;white-space:nowrap}
.sc-lg a.on{color:#1b0f30;background:var(--gold)}
.sc-burger{width:44px;height:44px;display:none;place-items:center;background:none;border:0;cursor:pointer;padding:0}
.sc-burger span,.sc-burger span:before,.sc-burger span:after{display:block;width:26px;height:3px;border-radius:3px;background:var(--au);position:relative;content:""}
.sc-burger span:before{position:absolute;top:-8px}.sc-burger span:after{position:absolute;top:8px}
.sc-sheet{position:fixed;inset:0;z-index:80;background:rgba(5,2,10,.74);display:none}
html.sc-open .sc-sheet{display:block}
.sc-sheet div{position:absolute;left:0;right:0;bottom:0;background:var(--ink2);border-top:2px solid var(--edge2);
  border-radius:18px 18px 0 0;padding:16px 14px calc(var(--bar) + 18px);max-height:84vh;overflow:auto}
.sc-sheet a{display:block;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--fg);
  text-decoration:none;font-weight:600}
.sc-sheet a.on{color:var(--au)}

/* home stage: lit panel on the left, phone mock carrying the jackpot and real tiles on the right */
.sc-stage{position:relative;overflow:hidden;border-radius:22px;margin:16px 0;border:1px solid var(--edge2);
  background:radial-gradient(1100px 560px at 76% 8%,rgba(176,107,255,.5),transparent 60%),
  radial-gradient(760px 460px at 4% 94%,rgba(255,79,163,.26),transparent 58%),
  linear-gradient(158deg,#1d1137 0%,#130b26 54%,#0d0617 100%)}
.sc-stage .bg{position:absolute;inset:0;opacity:.68;mix-blend-mode:screen}
.sc-stage .bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.sc-stage .sh{position:absolute;inset:0;background:linear-gradient(94deg,rgba(13,6,23,.93) 0%,rgba(13,6,23,.66) 42%,rgba(13,6,23,0) 92%)}
.sc-stage:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,rgba(255,208,90,.65),transparent)}
.sc-stage .in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) 286px;gap:28px;
  align-items:center;padding:34px 36px}
.sc-cp{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.sc-tag{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:9px 17px;font:800 12px/1 Arial;
  letter-spacing:.07em;text-transform:uppercase;color:#2a1a02;background:var(--gold);
  box-shadow:0 8px 24px rgba(255,185,40,.32)}
.sc-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:#2a1a02}
.sc-stage h1{font:900 clamp(32px,4.8vw,54px)/1.02 "Helvetica Neue",Arial;margin:0;letter-spacing:-.025em}
.sc-stage h1 em{display:block;margin-top:12px;font:700 clamp(15px,1.7vw,20px)/1.35 "Helvetica Neue",Arial;
  font-style:normal;letter-spacing:0;color:#efe5ff;-webkit-text-fill-color:#efe5ff}
.sc-stage p{margin:0;max-width:48ch;color:#e3d6fb;font-size:clamp(14px,1.3vw,16px)}
.sc-stage .go{display:flex;gap:10px;flex-wrap:wrap}
.sc-ticks{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none}
.sc-ticks li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid var(--edge);
  border-radius:999px;padding:9px 15px;font:700 12px/1 Arial;color:#efe6ff}
.sc-ticks li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--au);box-shadow:0 0 10px var(--au)}
.sc-phone{justify-self:center;width:286px;max-width:100%;border-radius:36px;padding:11px;
  background:linear-gradient(162deg,#56358c,#1c1032);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 28px 64px rgba(0,0,0,.62),0 0 48px rgba(176,107,255,.34)}
.sc-phone .scr{border-radius:27px;background:linear-gradient(180deg,#1a1030,#0d0617);padding:13px 12px 15px;
  border:1px solid rgba(255,255,255,.07)}
.sc-phone .nt{width:82px;height:5px;border-radius:999px;background:rgba(255,255,255,.22);margin:1px auto 13px}
.sc-phone .jk{text-align:center;margin-bottom:13px}
.sc-phone .jk small{display:block;font:700 8.5px/1.5 Arial;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.sc-phone .jk b{display:block;font:900 21px/1.2 "Helvetica Neue",Arial;background:var(--gold);
  -webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em}
.sc-phone .gr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.sc-phone .gr img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.sc-phone .pl{display:flex;align-items:center;justify-content:center;height:38px;margin-top:13px;border-radius:999px;
  background:var(--gold);color:#2a1a02;font:900 12px/1 Arial;letter-spacing:.07em;text-decoration:none;
  box-shadow:0 6px 18px rgba(255,185,40,.3)}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;
  font:700 15px/1 Arial;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.sc-btn.g{background:var(--gold);color:#241406;box-shadow:0 6px 18px rgba(255,185,40,.26)}
.sc-btn.v{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(123,63,242,.4)}
.sc-btn.o{background:rgba(255,255,255,.07);color:var(--fg);border:1px solid var(--edge2)}
.sc-btn.sm{min-height:36px;padding:0 15px;font-size:13px}

/* quick actions + balance strip */
.sc-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.sc-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:88px;
  border-radius:var(--rad);background:linear-gradient(180deg,var(--card),var(--ink2));border:1px solid var(--edge);
  color:var(--fg);text-decoration:none;font:700 12px/1.2 Arial;text-align:center;padding:8px}
.sc-quick svg{width:28px;height:28px;stroke:var(--au);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sc-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(123,63,242,.34),rgba(255,79,163,.18));
  border:1px solid var(--edge);border-radius:var(--rad);padding:13px 16px;margin:14px 0}
.sc-strip b{font:800 19px/1 Arial;color:var(--au3)}
.sc-strip span{color:var(--dim);font-size:13px}
.sc-strip .sp{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

/* section head */
.sc-h{display:flex;align-items:center;gap:12px;margin:26px 0 12px}
.sc-h h2{font:800 20px/1.2 "Helvetica Neue",Arial;margin:0}
.sc-h h2:before{content:"";display:inline-block;width:5px;height:19px;border-radius:3px;background:var(--grad);
  margin-right:9px;vertical-align:-3px}
.sc-h a{margin-left:auto;font:700 12px/1 Arial;color:var(--au);text-decoration:none;background:rgba(255,208,90,.12);
  padding:9px 13px;border-radius:999px;white-space:nowrap}

/* rails */
.sc-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#4b2d7a transparent}
.sc-rail::-webkit-scrollbar{height:6px}
.sc-rail::-webkit-scrollbar-thumb{background:#4b2d7a;border-radius:4px}
.sc-tile{flex:0 0 150px;border-radius:var(--rad);overflow:hidden;background:var(--card);border:1px solid var(--edge);
  text-decoration:none;color:var(--fg);position:relative}
.sc-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;height:auto}
.sc-tile .nm{padding:9px 10px 11px;font:700 13px/1.25 Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-tile .nm small{display:block;color:var(--dim);font:400 11px/1.3 Arial;margin-top:3px}
.sc-flag{position:absolute;top:9px;left:9px;font:800 9px/16px Arial;letter-spacing:.06em;padding:0 7px;border-radius:999px;color:#fff}
.sc-flag.hot{background:var(--mg)}.sc-flag.new{background:var(--ok);color:#06240f}
.sc-rtp{position:absolute;top:9px;right:9px;font:700 10px/16px Arial;padding:0 6px;border-radius:4px;
  background:rgba(13,6,23,.78);color:var(--au3)}
.sc-card{flex:0 0 200px;border-radius:var(--rad);overflow:hidden;border:1px solid var(--edge);background:var(--card);
  text-decoration:none;color:var(--fg)}
.sc-card .im{position:relative;display:block}
.sc-card img{width:100%;aspect-ratio:286/400;object-fit:cover;height:auto}
/* the studio's own logo over our dealer photo: the art is ours, the branding is theirs */
.sc-card .lg{position:absolute;left:9px;right:9px;bottom:9px;display:flex;align-items:center;justify-content:center;
  min-height:32px;padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.95)}
.sc-card .lg img{max-height:20px;width:auto;aspect-ratio:auto}
.sc-card .lg.dk{background:rgba(22,12,38,.92);border:1px solid rgba(255,208,90,.42)}
.sc-card .lg.t{background:var(--gold);color:#2a1a02;font:900 12px/1 Arial;letter-spacing:.03em}
.sc-card div{padding:10px 11px 12px;font:700 14px/1.25 Arial}
.sc-card small{display:block;color:var(--dim);font:400 12px/1.35 Arial;margin-top:4px}

/* category grid */
.sc-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sc-cats a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:var(--rad);
  background:linear-gradient(180deg,var(--card2),var(--ink2));border:1px solid var(--edge);color:var(--fg);
  text-decoration:none;font:700 12px/1.2 Arial;text-align:center}
.sc-cats svg{width:32px;height:32px;stroke:var(--au);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sc-cats a:hover{border-color:var(--edge2)}

/* promo banners: regenerated art, live HTML offer text */
.sc-pb{position:relative;display:block;aspect-ratio:2/1;overflow:hidden;border-radius:var(--rad);background:#140b24;
  text-decoration:none;container-type:inline-size;border:1px solid var(--edge)}
.sc-pb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.sc-pb:after{content:"";position:absolute;inset:0;background:linear-gradient(93deg,rgba(13,6,23,.95) 0%,rgba(13,6,23,.8) 40%,rgba(13,6,23,.06) 72%)}
.sc-pb .t{position:absolute;left:6%;top:50%;transform:translateY(-50%);z-index:1;width:64%;display:flex;flex-direction:column;gap:1.3cqw}
.sc-pb .k{font:800 2.8cqw/1 Arial;color:var(--vi2);letter-spacing:.12em;text-transform:uppercase}
.sc-pb .n{font:800 10cqw/.95 "Helvetica Neue",Arial;background:var(--gold);-webkit-background-clip:text;background-clip:text;
  color:transparent;white-space:nowrap}
.sc-pb .n.md{font-size:7.6cqw}.sc-pb .n.sm{font-size:6cqw}
.sc-pb .l{font:800 3.5cqw/1.1 Arial;color:var(--au3);text-transform:uppercase}
.sc-pb .d{font:600 2.7cqw/1.3 Arial;color:#e0d2f6}
.sc-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sc-promos.one{grid-template-columns:minmax(0,1fr)}

/* jackpot ticker */
.sc-jack{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;text-align:center;
  background:linear-gradient(135deg,#2a1a49,#140b24);border:1px solid var(--edge2);border-radius:18px;padding:18px}
.sc-jack .amt{font:800 clamp(26px,4.4vw,46px)/1 "Helvetica Neue",Arial;background:var(--gold);
  -webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}
.sc-jack small{display:block;color:var(--dim);font:600 11px/1.4 Arial;letter-spacing:.14em;text-transform:uppercase}

/* winners rail */
.sc-win{flex:0 0 190px;border-radius:var(--rad);border:1px solid var(--edge);background:var(--card);padding:12px}
.sc-win b{display:block;font:700 14px/1.2 Arial;color:var(--au3)}
.sc-win span{display:block;color:var(--dim);font-size:12px;margin:3px 0 8px}
.sc-win em{font:800 17px/1 Arial;font-style:normal;color:var(--ok)}

/* match list */
.sc-mt{display:grid;gap:10px}
.sc-mt a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--card);
  border:1px solid var(--edge);border-radius:var(--rad);padding:12px 14px;text-decoration:none;color:var(--fg)}
.sc-mt b{font:700 14px/1.3 Arial;display:block}
.sc-mt small{color:var(--dim);font-size:12px}
.sc-mt .od{display:flex;gap:7px}
.sc-mt .od span{min-width:52px;text-align:center;background:rgba(123,63,242,.26);border:1px solid var(--edge);
  border-radius:9px;padding:7px 8px;font:700 13px/1 Arial;color:var(--au3)}

/* steps */
.sc-steps{counter-reset:k;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.sc-steps li{counter-increment:k;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;
  background:var(--card);border:1px solid var(--edge);border-radius:var(--rad);padding:14px}
.sc-steps li:before{content:counter(k);grid-column:1;grid-row:1/span 2;width:40px;height:40px;border-radius:12px;
  background:var(--grad);color:#fff;font:800 17px/40px Arial;text-align:center}
.sc-steps li>b{grid-column:2;grid-row:1;color:var(--au3);font-size:15px}
.sc-steps li>span{grid-column:2;grid-row:2;color:#ded0f5;font-size:13.5px}

/* app band */
.sc-app{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:center;
  background:linear-gradient(120deg,rgba(123,63,242,.3),rgba(255,79,163,.14));border:1px solid var(--edge);
  border-radius:18px;padding:20px;overflow:hidden}
.sc-app h2{margin:0 0 8px}
.sc-app p{margin:0 0 14px;color:#e0d2f6;font-size:14px}
.sc-app img{border-radius:var(--rad);width:100%;aspect-ratio:16/10;object-fit:cover;height:auto}
.sc-app .go{display:flex;gap:10px;flex-wrap:wrap}

/* trust + tables + faq + article */
.sc-trust{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;
  background:var(--ink2);border:1px solid var(--edge);border-radius:var(--rad);padding:14px}
.sc-trust img{height:24px;width:auto}
.sc-trust img.chip{background:#fff;border-radius:5px;padding:3px 7px}
.sc-pay{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.sc-pay img{height:26px;width:auto;background:#fff;border-radius:6px;padding:3px 7px}
.sc-tw{overflow-x:auto}
.sc-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:440px}
.sc-tbl th{background:var(--card2);color:var(--au3);text-align:left;padding:10px;font-weight:700;white-space:nowrap}
.sc-tbl td{border-bottom:1px solid rgba(255,255,255,.08);padding:10px;vertical-align:top}
.sc-tbl tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.sc-faq details{background:var(--card);border:1px solid var(--edge);border-radius:var(--rad);margin-bottom:10px}
.sc-faq summary{list-style:none;cursor:pointer;padding:15px 44px 15px 16px;font:700 15px/1.35 Arial;position:relative;color:var(--au3)}
.sc-faq summary::-webkit-details-marker{display:none}
.sc-faq summary:after{content:"+";position:absolute;right:18px;top:12px;font:700 22px/1 Arial;color:var(--vi2)}
.sc-faq details[open] summary:after{content:"\2212"}
.sc-faq p{margin:0;padding:0 16px 15px;color:#ded0f5;font-size:14px}
.sc-art{background:var(--ink2);border:1px solid var(--edge);border-radius:18px;padding:22px}
.sc-art h2{font:800 21px/1.3 "Helvetica Neue",Arial;color:var(--au3);margin:24px 0 10px}
.sc-art h2:first-child{margin-top:0}
.sc-art h3{font:700 17px/1.3 Arial;color:var(--vi2);margin:18px 0 8px}
.sc-art p{margin:0 0 13px;color:#e6dcf7;font-size:15px;line-height:1.75}
.sc-art ul{margin:0 0 13px;padding-left:20px}
.sc-art li{margin-bottom:7px;color:#e6dcf7}
.sc-lead{font-size:16px;color:#efe5ff}

/* page head (inner) */
.sc-ph{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:center;background:var(--ink2);
  border:1px solid var(--edge);border-radius:18px;padding:20px;margin:14px 0}
.sc-ph .eb{display:inline-block;font:800 11px/1 Arial;letter-spacing:.14em;text-transform:uppercase;color:var(--vi2);
  margin-bottom:10px}
.sc-ph h1{font:800 clamp(24px,3.2vw,34px)/1.15 "Helvetica Neue",Arial;margin:0 0 10px}
.sc-ph img{border-radius:var(--rad);width:100%;aspect-ratio:16/10;object-fit:cover;height:auto}
.sc-ph .go{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sc-crumb{color:var(--dim);font-size:12.5px;margin:12px 0 0}
/* 44px tap box on the crumb link, without changing how tall the line looks */
.sc-crumb a{color:var(--dim);display:inline-flex;align-items:center;min-height:44px;margin:-15px 0}
.sc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.sc-facts div{background:var(--card);border:1px solid var(--edge);border-radius:var(--rad);padding:13px;text-align:center}
.sc-facts b{display:block;font:800 20px/1.2 Arial;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-facts span{font-size:11.5px;color:var(--dim)}

/* footer + sticky bar */
.sc-foot{margin-top:30px;border-top:1px solid rgba(255,208,90,.14);background:rgba(10,4,18,.7);padding:26px 0 18px}
.sc-fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sc-fcols h4{font:700 12px/1.2 Arial;letter-spacing:.14em;text-transform:uppercase;color:var(--au);margin:0 0 12px}
.sc-fcols a{display:block;color:var(--dim);text-decoration:none;font-size:13.5px;padding:6px 0}
.sc-fcols p{margin:0;color:var(--dim);font-size:13px}
.sc-soc{display:flex;gap:9px;margin-top:12px}
.sc-soc a{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font:700 15px/1 Arial;text-decoration:none}
.sc-legal{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.07);margin-top:22px;padding-top:16px;color:var(--dim);font-size:12.5px}
.sc-age{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--no);
  color:var(--no);font:800 11px/1 Arial;margin-right:9px}
.sc-fix{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(13,6,23,.96);backdrop-filter:blur(10px);
  border-top:1px solid var(--edge2);height:var(--bar);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}
.sc-fix a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--dim);font:700 10px/1 Arial;
  text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.sc-fix svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sc-fix a.on{color:var(--au)}
.sc-fix a.key{color:#1b0f30}
.sc-fix a.key span{display:flex;align-items:center;justify-content:center;background:var(--gold);border-radius:999px;
  padding:9px 16px;font:800 12px/1 Arial;box-shadow:0 4px 14px rgba(255,185,40,.3)}

@media (max-width:1040px){
  .sc-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sc-fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .sc-menu nav{display:none}
  .sc-burger{display:grid}
  .sc-stage .in{grid-template-columns:minmax(0,1fr);padding:22px 18px 26px;gap:22px}
  .sc-stage .sh{background:linear-gradient(176deg,rgba(13,6,23,.74) 0%,rgba(13,6,23,.93) 58%)}
  .sc-stage .bg img{object-position:62% 30%}
  .sc-phone{width:252px}
  .sc-ph{grid-template-columns:minmax(0,1fr)}
  .sc-app{grid-template-columns:minmax(0,1fr)}
  .sc-promos{grid-template-columns:minmax(0,1fr)}
  .sc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .sc-quick a{min-height:80px;font-size:11px}
}
@media (max-width:520px){
  .sc-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sc-kick{display:none}
  .sc-lg a{padding:0 7px}
  .sc-tile{flex-basis:134px}
  .sc-card{flex-basis:168px}
  .sc-fix a{font-size:9px}
}
/* Small phones. The bar row is the lockup plus three language pills plus the burger, all of them
   nowrap, so at 320 it measured 326px and dragged the document sideways. Trim the lockup and the
   pill padding until the row fits the bar's own 14px gutter. */
@media (max-width:400px){
  .sc-bar .in{gap:8px}
  .sc-mark{gap:6px}
  .sc-mark svg{width:32px;height:32px}
  .sc-mark b{font-size:18.5px}
  .sc-lg a{padding:0 5px}
}
@media (prefers-reduced-motion:no-preference){
  .sc-jack .amt{animation:scp 2.6s ease-in-out infinite}
  @keyframes scp{50%{filter:brightness(1.18)}}
}

/* === image focal points === */
/* The part of the picture that must survive the crop is pinned to the same
   point of the box. */
img[src$="/assets/img/dealers/dealer-1.jpg"]{object-position:50.8% 31.6%}
img[src$="/assets/img/dealers/dealer-2.jpg"]{object-position:50.1% 34.0%}
img[src$="/assets/img/dealers/dealer-3.jpg"]{object-position:49.3% 36.6%}
img[src$="/assets/img/dealers/dealer-5.jpg"]{object-position:50.0% 41.5%}
img[src$="/assets/img/dealers/dealer-7.jpg"]{object-position:50.4% 28.2%}
img[src$="/assets/img/dealers/dealer-8.jpg"]{object-position:47.8% 33.1%}
img[src$="/assets/img/live-studio.jpg"]{object-position:51.2% 24.8%}
img[src$="/assets/img/pb-share.jpg"]{object-position:73.7% 31.6%}
img[src$="/assets/img/pb-welcome.jpg"]{object-position:75.3% 24.5%}
/* === end image focal points === */
.sc-app + .sc-art{margin-top:18px}