/* Edmonton Casino — стиль v1 (семейство neon). Классы с префиксом домена (sq5 подставляет build.mjs). */
:root{
  --bg:#0a1a1a; --bg2:#0e1630; --panel:rgba(255,255,255,.045); --panel2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.10); --txt:#e9eefb; --mut:#93a0bd; --acc:#e5437e; --acc2:#7c5cff; --gold:#f6c85a; --acc-ink:#05231b; --btn:#19e3b1; --btn-ink:#05231b;
  --rail:88px; --maxw:1180px; --r:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:
    radial-gradient(1200px 600px at 80% -10%, color-mix(in srgb, var(--acc2) 20%, transparent), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, color-mix(in srgb, var(--acc) 15%, transparent), transparent 55%),
    var(--bg);
  color:var(--txt);font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;
  font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Sora",Georgia,serif;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;margin:0}
h1{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:700}
h2{font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:600}
p{margin:.5rem 0}
img{max-width:100%;display:block}
.sq5-i{flex:none}

/* shell */
.sq5-shell{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}
.sq5-rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px;align-items:stretch;
  padding:14px 8px;background:linear-gradient(180deg,var(--bg2),var(--bg));border-right:1px solid var(--line);backdrop-filter:blur(8px)}
.sq5-r{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:12px;color:var(--mut);
  font-size:10.5px;font-weight:700;letter-spacing:.02em;transition:.15s}
.sq5-r span{text-align:center;line-height:1.1}
.sq5-r:hover{color:var(--txt);background:var(--panel)}
.sq5-r.sq5-on{color:var(--acc-ink);background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 6px 18px rgba(25,227,177,.25)}
.sq5-main{min-width:0;display:flex;flex-direction:column}

/* top bar */
.sq5-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px clamp(14px,3vw,30px);
  background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sq5-logo{display:inline-flex;align-items:center;gap:8px;font-family:"Sora";font-weight:800;font-size:1.15rem;letter-spacing:-.02em}
.sq5-logo b{color:var(--acc);font-weight:800}
.sq5-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--acc-ink);
  background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 4px 14px rgba(124,92,255,.35)}
.sq5-srch{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  background:var(--panel);border:1px solid var(--line);color:var(--mut)}
.sq5-srch input{flex:1;background:none;border:0;outline:none;color:var(--txt);font:inherit}
.sq5-auth{display:flex;gap:8px;margin-left:auto}

/* buttons */
.sq5-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;
  font-family:"Sora";font-weight:700;font-size:.92rem;cursor:pointer;border:1px solid transparent;transition:.15s;white-space:nowrap}
.sq5-acc{color:var(--btn-ink);background:var(--btn);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.sq5-acc:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.sq5-ghost{background:var(--panel);border-color:var(--line);color:var(--txt)}
.sq5-ghost:hover{background:var(--panel2)}
.sq5-sm{padding:7px 14px;font-size:.84rem}

/* content */
.sq5-content{width:100%;max-width:var(--maxw);margin:0 auto;padding:clamp(16px,3vw,30px);flex:1}
.sq5-crumb{color:var(--mut);font-size:.85rem;margin-bottom:14px}
.sq5-cs{opacity:.4;margin:0 7px}
.sq5-cl:hover{color:var(--acc)}
.sq5-ph{margin:4px 0 18px}
.sq5-ph p{color:var(--mut);max-width:70ch}

/* hero */
.sq5-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;
  background:linear-gradient(135deg, color-mix(in srgb, var(--acc2) 14%, transparent), color-mix(in srgb, var(--acc) 8%, transparent));border:1px solid var(--line);
  border-radius:24px;padding:clamp(20px,3.5vw,42px);margin-bottom:26px;overflow:hidden}
.sq5-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--acc);font-weight:700;font-size:.82rem;
  background:color-mix(in srgb,var(--acc) 12%,transparent);border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);padding:6px 12px;border-radius:999px}
.sq5-hero-c h1{margin:14px 0 10px}
.sq5-hero-c>p{color:#c9d3ea;font-size:1.08rem;max-width:52ch}
.sq5-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.sq5-hero-facts{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:18px 0 0;color:var(--mut);font-size:.9rem}
.sq5-hero-facts li{display:flex;align-items:center;gap:6px}
.sq5-hero-facts .sq5-i{color:var(--acc)}
.sq5-hero-art{display:flex;align-items:flex-end;justify-content:center;min-width:0}
.sq5-persona{display:block;height:clamp(300px,40vw,460px);width:auto;max-width:100%;border-radius:18px;filter:drop-shadow(0 20px 50px rgba(0,0,0,.45))}
.sq5-seven{position:absolute;right:16px;top:8px;font-family:"Sora";font-weight:800;font-size:120px;line-height:1;
  color:transparent;-webkit-text-stroke:2px rgba(246,200,90,.5);opacity:.5}
.sq5-has-persona .sq5-seven{display:none}
.sq5-c1,.sq5-c2,.sq5-c3{position:absolute;border-radius:50%;filter:blur(.3px);opacity:.85}
.sq5-c1{width:40px;height:40px;left:24px;bottom:30px;background:radial-gradient(circle at 35% 30%,#fff6,transparent 60%),var(--acc)}
.sq5-c2{width:26px;height:26px;left:70px;bottom:70px;background:radial-gradient(circle at 35% 30%,#fff6,transparent 60%),var(--acc2)}
.sq5-c3{width:18px;height:18px;left:40px;bottom:96px;background:radial-gradient(circle at 35% 30%,#fff6,transparent 60%),var(--gold)}
.sq5-has-persona .sq5-c2,.sq5-has-persona .sq5-c3{display:none}

/* intro + chips */
.sq5-intro{columns:2;column-gap:30px;color:var(--mut);margin:0 0 20px}
.sq5-intro p{margin:0 0 .7rem;break-inside:avoid}
.sq5-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.sq5-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;background:var(--panel);
  border:1px solid var(--line);font-weight:700;font-size:.9rem;transition:.15s}
.sq5-chip:hover{border-color:var(--acc);color:var(--acc)}
.sq5-chip .sq5-i{color:var(--acc)}

/* sections + rows */
.sq5-sec{margin:28px 0}
.sq5-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.sq5-more{color:var(--acc);font-weight:700;font-size:.88rem}
.sq5-more:hover{text-decoration:underline}
.sq5-rail-x{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:14px;overflow-x:auto;padding-bottom:8px;
  scroll-snap-type:x proximity}
.sq5-rail-x::-webkit-scrollbar{height:8px}
.sq5-rail-x::-webkit-scrollbar-thumb{background:var(--panel2);border-radius:8px}
.sq5-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}

/* game card */
.sq5-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;
  flex-direction:column;scroll-snap-align:start;transition:.15s}
.sq5-card:hover{border-color:color-mix(in srgb,var(--acc) 45%,transparent);transform:translateY(-2px)}
.sq5-thumb{position:relative;aspect-ratio:1/1;display:grid;place-items:center;
  background:linear-gradient(150deg,hsl(var(--h) 70% 22%),hsl(calc(var(--h) + 40) 65% 14%))}
.sq5-emb{font-family:"Sora";font-weight:800;font-size:1.8rem;color:#fff;opacity:.92;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sq5-glow{position:absolute;inset:0;background:radial-gradient(70% 60% at 30% 20%,rgba(255,255,255,.18),transparent 60%)}
.sq5-badge{position:absolute;top:8px;left:8px;font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;background:rgba(10,15,30,.7);color:var(--acc);border:1px solid rgba(25,227,177,.3)}
.sq5-card-b{padding:10px 12px 4px;display:flex;flex-direction:column;gap:1px}
.sq5-gt{font-family:"Sora";font-weight:700;font-size:.92rem;line-height:1.2}
.sq5-gt:hover{color:var(--acc)}
.sq5-pv{color:var(--mut);font-size:.78rem}
.sq5-card .sq5-btn{margin:10px 12px 12px}

/* promos */
.sq5-promos{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px}
.sq5-promos-g{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));overflow:visible}
.sq5-promo{position:relative;border-radius:16px;padding:18px;border:1px solid var(--line);overflow:hidden;
  background:linear-gradient(150deg,rgba(124,92,255,.16),rgba(25,227,177,.07))}
.sq5-promo-t{font-family:"Sora";font-weight:700;font-size:1.1rem;margin-bottom:6px}
.sq5-promo p{color:var(--mut);font-size:.9rem;min-height:3em}
.sq5-k-welcome{background:linear-gradient(150deg,rgba(246,200,90,.18),rgba(124,92,255,.1))}
.sq5-k-loyalty{background:linear-gradient(150deg,rgba(25,227,177,.18),rgba(124,92,255,.08))}
.sq5-k-live{background:linear-gradient(150deg,rgba(255,92,140,.16),rgba(124,92,255,.1))}

/* studios + feats */
.sq5-studios{display:flex;flex-wrap:wrap;gap:10px}
.sq5-std{padding:12px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-family:"Sora";font-weight:700;font-size:.92rem;transition:.15s}
.sq5-std:hover{border-color:var(--acc);color:var(--acc)}
.sq5-studios-lg .sq5-std{padding:16px 20px;font-size:1rem}
.sq5-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:30px 0}
.sq5-feat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.sq5-feat .sq5-i{color:var(--acc)}
.sq5-feat h3{font-size:1.1rem;margin:10px 0 6px}
.sq5-feat p{color:var(--mut);font-size:.92rem}

/* responsible strip */
.sq5-rg{display:flex;gap:18px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:22px;margin:26px 0}
.sq5-rg .sq5-i{color:var(--acc)}
.sq5-rg p{color:var(--mut);max-width:70ch}

/* game page */
.sq5-game{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start;margin-bottom:10px}
.sq5-game-art .sq5-thumb{border-radius:18px;aspect-ratio:3/4}
.sq5-game-art .sq5-emb{font-size:2.6rem}
.sq5-game-b .sq5-pv{font-size:.95rem;margin:6px 0 12px}
.sq5-note{color:var(--mut);font-size:.86rem;margin-top:14px}
.sq5-note a{color:var(--acc)}

/* panels, tables, prose, faq */
.sq5-twocol{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.sq5-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.sq5-panel h2{font-size:1.15rem;margin-bottom:8px}
.sq5-panel p{color:var(--mut)}
.sq5-tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.sq5-tbl th,.sq5-tbl td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
.sq5-tbl th{color:var(--mut);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}
.sq5-prose{max-width:74ch}
.sq5-prose p,.sq5-prose li{color:var(--mut)}
.sq5-prose h2{margin:22px 0 8px}
.sq5-prose ul{padding-left:20px}
.sq5-prose li{margin:5px 0}
.sq5-empty{color:var(--mut)}
.sq5-faq{display:flex;flex-direction:column;gap:10px;max-width:80ch}
.sq5-q{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 16px}
.sq5-q summary{cursor:pointer;font-family:"Sora";font-weight:700;padding:12px 0;list-style:none}
.sq5-q summary::-webkit-details-marker{display:none}
.sq5-q summary::after{content:"+";float:right;color:var(--acc);font-weight:800}
.sq5-q[open] summary::after{content:"\2013"}
.sq5-q p{color:var(--mut);margin:0 0 12px}

/* footer */
.sq5-foot{border-top:1px solid var(--line);margin-top:30px;background:var(--bg2)}
.sq5-foot-g{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px;
  padding:34px clamp(16px,3vw,30px)}
.sq5-foot h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin-bottom:12px}
.sq5-fl{display:block;color:var(--mut);padding:4px 0;font-size:.92rem}
.sq5-fl:hover{color:var(--acc)}
.sq5-foot-brand p{color:var(--mut);font-size:.88rem;max-width:40ch}
.sq5-foot-brand .sq5-help{font-size:.82rem;opacity:.85}
.sq5-pays{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;gap:8px;padding:0 clamp(16px,3vw,30px) 18px}
.sq5-pay{font-size:.76rem;color:var(--mut);background:var(--panel);border:1px solid var(--line);padding:5px 11px;border-radius:8px}
.sq5-copy{max-width:var(--maxw);margin:0 auto;padding:16px clamp(16px,3vw,30px) 40px;color:var(--mut);font-size:.82rem;
  border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}
.sq5-age{display:inline-grid;place-items:center;min-width:34px;height:24px;border-radius:6px;border:1px solid var(--acc);
  color:var(--acc);font-weight:800;font-size:.78rem}

/* responsive */
@media(max-width:960px){
  :root{--rail:0px}
  .sq5-shell{grid-template-columns:1fr}
  .sq5-rail{position:fixed;bottom:0;top:auto;left:0;right:0;height:auto;width:100%;flex-direction:row;
    justify-content:space-around;border-right:0;border-top:1px solid var(--line);padding:6px 4px;z-index:50}
  .sq5-rail .sq5-r{flex:1;font-size:9px;padding:6px 2px}
  .sq5-rail .sq5-r span{display:block}
  .sq5-content{padding-bottom:84px}
  .sq5-hero{grid-template-columns:1fr}
  .sq5-hero-art{min-height:220px;order:-1}
  .sq5-intro{columns:1}
  .sq5-game{grid-template-columns:1fr}
  .sq5-game-art{max-width:260px}
  .sq5-foot-g{grid-template-columns:1fr 1fr}
  .sq5-srch{display:none}
}
@media(max-width:560px){
  .sq5-foot-g{grid-template-columns:1fr}
  .sq5-auth .sq5-ghost{display:none}
}

/* бонус-баннер, статы, картинки игр (v1.1) */
.sq5-wbanner{background:linear-gradient(135deg,rgba(246,200,90,.16),rgba(124,92,255,.12));border:1px solid rgba(246,200,90,.3);border-radius:20px;padding:clamp(18px,3vw,30px);margin:0 0 22px}
.sq5-wbanner-c h2{font-size:clamp(1.4rem,3vw,2.1rem);margin:10px 0 8px}
.sq5-wbanner-c>p{color:var(--mut);max-width:72ch}
.sq5-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
.sq5-stats>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}
.sq5-stats b{display:block;font-family:"Sora";font-size:1.5rem;color:var(--acc)}
.sq5-stats span{color:var(--mut);font-size:.82rem}
.sq5-thumb.sq5-has-img{background-size:cover;background-position:center}
.sq5-has-img .sq5-emb{display:none}
@media(max-width:560px){.sq5-stats{grid-template-columns:repeat(2,1fr)}}

/* v1.2: герой со сценой, бонус-карточки с иллюстрациями, ряд платёжек */
.sq5-hero-bg{background-size:cover;background-position:center}
.sq5-hero-bg .sq5-hero-art{box-shadow:0 20px 60px rgba(0,0,0,.4)}
.sq5-bcards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px}
.sq5-bcard{position:relative;min-height:210px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--bg2),var(--panel2));background-size:cover;background-position:center;border:1px solid var(--line);display:flex;align-items:flex-end}
.sq5-bcard-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,24,.05),rgba(8,12,24,.9))}
.sq5-bcard-b{position:relative;padding:18px;width:100%}
.sq5-bcard-b h3{font-size:1.35rem;margin:8px 0 4px}
.sq5-bcard-b p{color:var(--mut);font-size:.9rem;margin:0 0 14px;max-width:32ch}
.sq5-payrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 18px;margin:0 0 22px}
.sq5-payl{color:var(--mut);font-weight:700;font-size:.82rem;letter-spacing:.02em;margin-right:4px}
.sq5-payi{height:30px;width:auto;object-fit:contain}
@media(max-width:600px){.sq5-bcards{grid-auto-columns:minmax(260px,1fr)}}

/* v1.3: баннер страницы, шаги, сетка провайдеров, активный чип */
.sq5-phero{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--bg2),var(--panel2));background-size:cover;background-position:center;border:1px solid var(--line);padding:clamp(22px,4vw,44px);margin:0 0 22px}
.sq5-phero-c h1{margin:0 0 8px}
.sq5-phero-c p{color:var(--mut);max-width:72ch;margin:0}
.sq5-phero-c .sq5-hero-cta{margin-top:16px}
.sq5-chip-on{border-color:var(--acc);color:var(--acc);background:rgba(25,227,177,.1)}
.sq5-bcards-mb{margin:0 0 22px}
.sq5-h2m{margin:6px 0 14px}
.sq5-provgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sq5-std-c{display:flex;align-items:center;justify-content:center;min-height:72px;text-align:center}
.sq5-std-c img{max-height:40px;max-width:82%;object-fit:contain}
.sq5-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 18px}
.sq5-step{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.sq5-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--acc-ink);font-family:"Sora";font-weight:800;margin-bottom:10px}
.sq5-step h3{font-size:1.05rem;margin:0 0 6px}
.sq5-step p{color:var(--mut);font-size:.9rem;margin:0}

/* v1.4: логотип, фавикон, тёмные скроллбары */
.sq5-mk{display:block;flex:none}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--txt) 22%,transparent) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--txt) 18%,transparent);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--txt) 30%,transparent);background-clip:padding-box}
.sq5-rail-x,.sq5-bcards,.sq5-promos{scrollbar-color:rgba(25,227,177,.55) transparent}
.sq5-rail-x::-webkit-scrollbar-thumb,.sq5-bcards::-webkit-scrollbar-thumb,.sq5-promos::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(25,227,177,.65),rgba(124,92,255,.65));border-radius:8px;border:2px solid transparent;background-clip:padding-box}

/* v1.6: цельный герой-кадр (девушка в сцене), текст слева поверх */
.sq5-hero-img{display:block;background-size:cover;background-position:right center;background-origin:border-box;background-repeat:no-repeat;border-color:transparent;min-height:clamp(400px,54vw,620px)}
.sq5-hero-img .sq5-hero-c{max-width:560px}
.sq5-hero-l{background-position:left center}
.sq5-ht-r{margin-left:auto;text-align:right}
.sq5-ht-r .sq5-hero-cta,.sq5-ht-r .sq5-hero-facts{justify-content:flex-end}
.sq5-ht-r .sq5-hero-c>p{margin-left:auto}

/* v1.7: ряд значков RG, реальные лого/иконки */
.sq5-badges-row{display:flex;gap:20px;flex-wrap:wrap;align-items:center;max-width:var(--maxw);margin:0 auto;padding:6px clamp(16px,3vw,30px) 12px}
.sq5-badge-i{height:30px;width:auto;object-fit:contain;opacity:.8}

/* v1.8: шаблон topbar (верхнее меню) + карусель-герой */
.sq5-shell-top{grid-template-columns:1fr}
.sq5-top-bar{flex-wrap:wrap;gap:10px 18px;padding-top:14px;padding-bottom:12px}
.sq5-topnav{order:3;flex:1 1 100%;display:flex;gap:4px;flex-wrap:wrap;align-items:center;overflow-x:auto}
.sq5-tn{padding:9px 15px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--mut);white-space:nowrap;transition:.15s}
.sq5-tn:hover{color:var(--txt);background:var(--panel)}
.sq5-tn.sq5-on{color:var(--acc-ink);background:var(--acc)}
.sq5-chero{margin:0 0 24px}
.sq5-chero-h{margin:0 0 16px}
.sq5-chero-h h1{margin:0 0 8px}
.sq5-chero-h p{color:var(--mut);max-width:70ch;margin:0}
.sq5-bcards-big{grid-auto-columns:minmax(340px,1fr)}
.sq5-bcards-big .sq5-bcard{min-height:280px}
@media(max-width:700px){.sq5-top-bar .sq5-srch{display:none}}

/* v2: тёмный текст поверх картинок через модификатор -img */
.sq5-bcard-img .sq5-bcard-b h3,.sq5-bcard-img .sq5-bcard-b p{color:#eef3ff}
.sq5-phero-img .sq5-phero-c h1,.sq5-phero-img .sq5-phero-c p{color:#fff}

/* v2: светлый текст/кнопки поверх фото-героя (rail) — иначе тёмный заголовок тонет в картинке на светлой теме */
.sq5-hero-img .sq5-hero-c h1{color:#fff}
.sq5-hero-img .sq5-hero-facts{color:#eef3ff}
.sq5-hero-img .sq5-ghost{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38)}
.sq5-hero-img .sq5-ghost:hover{background:rgba(255,255,255,.2)}

/* v3: механики первого экрана без фото (stat / poster / question / split) */
.sq5-shero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--acc2) 16%,transparent),color-mix(in srgb,var(--acc) 9%,transparent));border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3.5vw,44px);margin:0 0 26px}
.sq5-shero-c h1{margin:12px 0 8px}
.sq5-shero-c>p{color:var(--mut);max-width:48ch}
.sq5-shero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sq5-shero-stats>div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}
.sq5-shero-stats b{display:block;font-family:"Sora";font-size:1.9rem;color:var(--acc)}
.sq5-shero-stats span{color:var(--mut);font-size:.84rem}
.sq5-poster{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:clamp(30px,6vw,72px) clamp(22px,4vw,54px);margin:0 0 26px;background:radial-gradient(120% 120% at 100% 0,color-mix(in srgb,var(--acc) 22%,transparent),transparent 60%),radial-gradient(120% 120% at 0 100%,color-mix(in srgb,var(--acc2) 20%,transparent),transparent 60%),var(--bg2)}
.sq5-poster-h{font-size:clamp(2.4rem,7vw,5rem);line-height:1.02;max-width:16ch;margin:14px 0 10px}
.sq5-poster-p{color:var(--mut);font-size:1.15rem;max-width:56ch;margin:0 0 20px}
.sq5-poster-marq{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:26px;color:var(--mut);font-family:"Sora";font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;opacity:.85}
.sq5-poster-marq i{color:var(--acc);font-style:normal}
.sq5-qhero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3.5vw,44px);margin:0 0 26px}
.sq5-qhero-c h1{margin:12px 0 8px}
.sq5-qhero-c>p{color:var(--mut);max-width:48ch}
.sq5-qhero-tiles{display:grid;gap:12px}
.sq5-qtile{background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:14px;padding:16px 18px}
.sq5-qtile h3{font-size:1.05rem;margin:0 0 4px}
.sq5-qtile p{color:var(--mut);font-size:.92rem;margin:0}
.sq5-split{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sq5-splitile{display:flex;flex-direction:column;gap:8px;justify-content:flex-end;min-height:220px;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(160deg,var(--bg2),var(--panel2));transition:.15s}
.sq5-splitile:hover{border-color:var(--acc);transform:translateY(-3px)}
.sq5-splitile .sq5-i{color:var(--acc)}
.sq5-splitile h3{font-size:1.5rem;margin:0}
.sq5-splitile span{color:var(--acc);font-weight:700;font-size:.9rem}
.sq5-ctaband{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 16%,transparent),color-mix(in srgb,var(--acc2) 12%,transparent));border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,34px);margin:26px 0}
.sq5-ctaband h2{margin:0 0 4px}
.sq5-ctaband p{color:var(--mut);margin:0;max-width:52ch}
@media(max-width:820px){.sq5-shero,.sq5-qhero{grid-template-columns:1fr}.sq5-split{grid-template-columns:1fr}}

/* v3: раскладки rail-right и stacked */
.sq5-shell-right{grid-template-columns:1fr var(--rail)}
.sq5-shell-right .sq5-rail{order:2;border-right:0;border-left:1px solid var(--line)}
.sq5-shell-right .sq5-main{order:1}
.sq5-shell-stacked .sq5-content{max-width:1080px}
.sq5-shell-stacked .sq5-top{justify-content:center;text-align:center}
.sq5-shell-stacked .sq5-topnav{justify-content:center;flex:0 1 auto}
.sq5-shell-stacked .sq5-srch{display:none}

/* v3: визуальные приёмы карточек и радиусов */
.sq5-vrad-sharp .sq5-card,.sq5-vrad-sharp .sq5-feat,.sq5-vrad-sharp .sq5-panel,.sq5-vrad-sharp .sq5-step,.sq5-vrad-sharp .sq5-bcard,.sq5-vrad-sharp .sq5-phero,.sq5-vrad-sharp .sq5-hero,.sq5-vrad-sharp .sq5-qtile,.sq5-vrad-sharp .sq5-splitile,.sq5-vrad-sharp .sq5-shero,.sq5-vrad-sharp .sq5-poster,.sq5-vrad-sharp .sq5-qhero,.sq5-vrad-sharp .sq5-ctaband,.sq5-vrad-sharp .sq5-stats>div,.sq5-vrad-sharp .sq5-std,.sq5-vrad-sharp .sq5-chip,.sq5-vrad-sharp .sq5-btn{border-radius:5px}
.sq5-vrad-pill .sq5-card,.sq5-vrad-pill .sq5-feat,.sq5-vrad-pill .sq5-panel,.sq5-vrad-pill .sq5-bcard,.sq5-vrad-pill .sq5-phero,.sq5-vrad-pill .sq5-qtile,.sq5-vrad-pill .sq5-splitile,.sq5-vrad-pill .sq5-shero,.sq5-vrad-pill .sq5-poster,.sq5-vrad-pill .sq5-qhero,.sq5-vrad-pill .sq5-hero{border-radius:28px}
.sq5-vcard-bordered .sq5-card,.sq5-vcard-bordered .sq5-feat,.sq5-vcard-bordered .sq5-panel,.sq5-vcard-bordered .sq5-std,.sq5-vcard-bordered .sq5-step{background:transparent;border-color:color-mix(in srgb,var(--txt) 24%,transparent);border-width:1.5px}
.sq5-vcard-flat .sq5-card,.sq5-vcard-flat .sq5-feat,.sq5-vcard-flat .sq5-panel,.sq5-vcard-flat .sq5-step{background:var(--panel2);border-color:transparent}
.sq5-vcard-ticket .sq5-card,.sq5-vcard-ticket .sq5-feat,.sq5-vcard-ticket .sq5-panel,.sq5-vcard-ticket .sq5-qtile{border-style:dashed;border-color:color-mix(in srgb,var(--txt) 30%,transparent)}
.sq5-vcard-overlay .sq5-card{box-shadow:0 12px 30px rgba(0,0,0,.28)}

/* preset: light neon topbar h157 */
:root{--bg:#f4fbf8;--bg2:#e4f2ec;--panel:hsla(157,35%,22%,.045);--panel2:hsla(157,35%,22%,.08);--line:hsla(157,30%,22%,.14);--txt:#152e24;--mut:#56766a;--acc:#25afc1;--acc2:#335ecc;--gold:#c89319;--acc-ink:#ffffff}
:root{--btn:#73f42a;--btn-ink:#141018}