/* THEME-UI (v14): deep navy + blue/violet accents, premium glass cards. Fonts are untouched. Loaded last so it wins over soul.css / prompts.css. */
:root{--bg:#06070e;--blue:#70a6ff;--violet:#9a72ff;--ink:#f4f3ef;--gold:#8db8ff;--em:#70a6ff;--em2:#b6d1ff;
--glass:rgba(255,255,255,.06);--glass-b:rgba(255,255,255,.16);
--glass-bg:linear-gradient(150deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.04) 42%,rgba(112,166,255,.07) 100%);
--glass-sh:0 22px 60px rgba(2,4,16,.55),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),inset 0 0 46px rgba(112,166,255,.05)}
::selection{background:#70a6ff55;color:#fff}
html{background:#06070e}
/* gradient text: blue -> lavender -> violet */
.gtext,.hero h1{background:linear-gradient(100deg,#70a6ff 0%,#a9c8ff 22%,#e2d8ff 46%,#c39bff 64%,#9a72ff 84%,#70a6ff 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* portrait follows the new palette */
/* header: floating glass pill */
header{background:rgba(10,12,28,.58);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 44px rgba(2,4,16,.55),inset 0 1px 0 rgba(255,255,255,.2)}
header nav a:hover,header nav a[aria-current=page]{color:#b6d1ff}
header nav a:after{background:linear-gradient(90deg,#70a6ff,#9a72ff)}
@media(max-width:1100px){header nav{background:rgba(10,12,28,.92);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}
/* buttons: ivory pill with blue glow (primary) + glass (secondary) */
.button,button.button{background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.button:hover{background:rgba(112,166,255,.16);border-color:#8db8ffaa}
.button.primary,.wa{background:linear-gradient(180deg,#ffffff,#e3e8f8);color:#0a0e1c;border:0;box-shadow:0 10px 32px rgba(112,166,255,.35),inset 0 -2px 0 rgba(112,130,230,.25)}
.button.primary:hover,.wa:hover{background:linear-gradient(180deg,#ffffff,#d6e2ff);box-shadow:0 12px 40px rgba(154,114,255,.45)}
.button.primary:after,.wa:after{background:linear-gradient(100deg,transparent 35%,rgba(112,166,255,.35) 50%,transparent 65%)}
.text-link{border-bottom-color:#8db8ff88}.text-link:hover{color:#b6d1ff;border-color:#b6d1ff}
/* ---- glass cards ---- */
.feat,.project,.case-step,.quote-box,.price,.course,.card,.extras,.rv-card,.rv-empty,.rv-form,.offer,.gitem,.svc-card,.shs-card,
.pr-teaser,.pr-card,.pr-pack,.pr-row-item,.pr-libhead,.pr-sheet,.service-list,.about-band,.vplayer,.vembed{
 background:var(--glass-bg);-webkit-backdrop-filter:blur(18px) saturate(1.45);backdrop-filter:blur(18px) saturate(1.45);
 border:1px solid rgba(255,255,255,.15);box-shadow:var(--glass-sh)}
.feat,.project,.case-step,.quote-box,.price,.course,.card,.rv-card,.rv-form,.pr-card,.pr-pack,.pr-teaser,.shs-card,.svc-card,.gitem{border-radius:24px}
.extras,.service-list,.offer,.pr-libhead{border-radius:22px}
.feat,.project,.price,.course,.card,.pr-card,.pr-pack,.gitem,.case-step{transition:border-color .3s,box-shadow .3s,background .3s}
.feat:hover,.project:hover,.price:hover,.course:hover,.card:hover,.pr-card:hover,.pr-pack:hover,.gitem:hover,.case-step:hover{border-color:rgba(141,184,255,.55);box-shadow:0 26px 70px rgba(2,4,16,.6),0 0 0 1px rgba(141,184,255,.12),inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 60px rgba(112,166,255,.09)}
.price.hot{background:linear-gradient(150deg,rgba(154,114,255,.24) 0%,rgba(112,166,255,.10) 48%,rgba(255,255,255,.05) 100%);border-color:rgba(176,150,255,.55);box-shadow:0 26px 70px rgba(60,40,160,.4),inset 0 1px 0 rgba(255,255,255,.3)}
/* inputs, chips, pills */
input,textarea,select{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
input:focus,textarea:focus,select:focus{border-color:#8db8ff;outline:0;box-shadow:0 0 0 3px rgba(112,166,255,.22)}
.chip,.filters button,.tech li,.pr-stats li,.soc,.nav-share,.svc-nav{background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.16)}
.filters button.on,.filters button[aria-pressed=true],.filters button.active{background:#f4f3ef;color:#0a0e1c;border-color:#f4f3ef}
/* floating WhatsApp / consent card keep their own colours but get the glass edge */
@media(max-width:700px){.feat,.project,.case-step,.quote-box,.price,.course,.card,.extras,.rv-card,.rv-form,.pr-card,.pr-pack,.gitem{-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.feat,.project,.case-step,.quote-box,.price,.course,.card,.extras,.rv-card,.rv-form,.pr-card,.pr-pack,.gitem{background:rgba(18,22,44,.92)}}
@media(prefers-reduced-motion:reduce){.feat,.project,.price,.course,.card{transition:none}}

/* ================= COLOUR LAYER: each card gets its own hue (blue / violet / pink / teal / amber / coral) ================= */
:root{--cr:112,166,255}
.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.project,.pr-teaser{--cr:112,166,255}
:is(.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.project):nth-child(6n+2){--cr:176,124,255}
:is(.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.project):nth-child(6n+3){--cr:255,111,177}
:is(.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.project):nth-child(6n+4){--cr:47,212,192}
:is(.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.project):nth-child(6n+5){--cr:255,180,84}
:is(.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.project):nth-child(6n+6){--cr:255,128,96}
.pr-teaser{--cr:255,111,177}
.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.pr-teaser{
 background:radial-gradient(120% 90% at 100% 0%,rgba(var(--cr),.26) 0%,rgba(var(--cr),.06) 45%,transparent 70%),var(--glass-bg);
 border-color:rgba(var(--cr),.38)}
[dir=rtl] :is(.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card){background:radial-gradient(120% 90% at 0% 0%,rgba(var(--cr),.26) 0%,rgba(var(--cr),.06) 45%,transparent 70%),var(--glass-bg)}
.feat:hover,.price:hover,.course:hover,.card:hover,.case-step:hover,.pr-card:hover,.pr-pack:hover,.gitem:hover,.project:hover{border-color:rgba(var(--cr),.85);box-shadow:0 26px 70px rgba(2,4,16,.6),0 0 44px rgba(var(--cr),.28),inset 0 1px 0 rgba(255,255,255,.3)}
.project{border-color:rgba(var(--cr),.45);box-shadow:0 30px 80px rgba(2,4,16,.65),0 0 0 1px rgba(var(--cr),.1),inset 0 1px 0 rgba(255,255,255,.2)}
.project:after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(var(--cr),.22),transparent 60%)}
.project .meta{color:rgb(var(--cr))!important}
.project .tech li{border-color:rgba(var(--cr),.5);background:rgba(var(--cr),.12)}
.fi{background:radial-gradient(circle at 30% 25%,#fff8,rgb(var(--cr)) 48%,rgba(var(--cr),.45));box-shadow:0 0 26px rgba(var(--cr),.55),inset 0 1px 0 #fff7;color:#0a0e1c}
.features li:before{background:linear-gradient(90deg,rgb(var(--cr)),transparent);height:2px}
.price.hot{--cr:255,111,177;background:radial-gradient(120% 90% at 100% 0%,rgba(255,111,177,.34),rgba(255,180,84,.10) 50%,transparent 72%),var(--glass-bg);border-color:rgba(255,140,190,.7);box-shadow:0 26px 70px rgba(255,80,150,.25),inset 0 1px 0 rgba(255,255,255,.3)}
/* colourful type + accents */
.gtext,.hero h1{background-image:linear-gradient(100deg,#70a6ff 0%,#b07cff 24%,#ff6fb1 46%,#ffb454 66%,#2fd4c0 86%,#70a6ff 100%);background-size:260% 100%}
.eyebrow{background:linear-gradient(90deg,#70a6ff,#b07cff 45%,#ff6fb1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.eyebrow:after{background:linear-gradient(90deg,#ff6fb1,transparent)}
header nav a:after{background:linear-gradient(90deg,#70a6ff,#b07cff,#ff6fb1)}
header nav a[aria-current=page]{color:#ffb6d9}
.offer b,.offer .pct{background:linear-gradient(90deg,#ff6fb1,#ffb454);color:#1a0b14}
.button.primary,.wa{box-shadow:0 10px 34px rgba(176,124,255,.38),0 4px 20px rgba(255,111,177,.22),inset 0 -2px 0 rgba(112,130,230,.25)}
.button.primary:hover,.wa:hover{box-shadow:0 12px 42px rgba(255,111,177,.48),0 4px 24px rgba(255,180,84,.3)}
.filters button.on,.filters button[aria-pressed=true],.filters button.active{background:linear-gradient(90deg,#70a6ff,#b07cff,#ff6fb1);color:#0a0e1c;border-color:transparent}
.text-link{border-bottom-color:#ff6fb199}.text-link:hover{color:#ffb6d9;border-color:#ffb6d9}
.soul-light{background:radial-gradient(closest-side,rgba(255,140,200,.16),rgba(112,166,255,.12) 55%,transparent 72%)}
.offer{border-color:rgba(255,140,190,.55)}

/* ================= GLASS 2: Apple-style transparent glass, stronger colour ================= */
.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.pr-teaser,.quote-box,.extras,.offer,.about-band,.service-list{
 background:
  radial-gradient(260px circle at var(--gx,50%) var(--gy,-30%),rgba(255,255,255,.22),transparent 62%),
  linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.03) 38%,rgba(255,255,255,0) 62%,rgba(255,255,255,.06) 100%),
  radial-gradient(130% 100% at 100% 0%,rgba(var(--cr),.42) 0%,rgba(var(--cr),.12) 45%,transparent 75%),
  rgba(10,12,30,.26);
 -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
 border:1px solid rgba(var(--cr),.55);
 box-shadow:0 24px 60px rgba(2,4,16,.5),0 0 38px rgba(var(--cr),.14),
  inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.10),inset 1.5px 0 0 rgba(255,255,255,.14),inset -1.5px 0 0 rgba(255,255,255,.08),
  inset 0 0 60px rgba(var(--cr),.10)}
[dir=rtl] :is(.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card){
 background:
  radial-gradient(260px circle at var(--gx,50%) var(--gy,-30%),rgba(255,255,255,.22),transparent 62%),
  linear-gradient(225deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.03) 38%,rgba(255,255,255,0) 62%,rgba(255,255,255,.06) 100%),
  radial-gradient(130% 100% at 0% 0%,rgba(var(--cr),.42) 0%,rgba(var(--cr),.12) 45%,transparent 75%),
  rgba(10,12,30,.26)}
.feat:hover,.price:hover,.course:hover,.card:hover,.case-step:hover,.pr-card:hover,.pr-pack:hover,.gitem:hover,.rv-card:hover{
 border-color:rgba(var(--cr),.95);
 box-shadow:0 30px 80px rgba(2,4,16,.55),0 0 60px rgba(var(--cr),.42),inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.14),inset 0 0 70px rgba(var(--cr),.16)}
.price.hot{background:
  radial-gradient(260px circle at var(--gx,50%) var(--gy,-30%),rgba(255,255,255,.24),transparent 62%),
  linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03) 45%,rgba(255,255,255,.07)),
  radial-gradient(130% 100% at 100% 0%,rgba(255,90,170,.55),rgba(255,170,70,.18) 50%,transparent 78%),
  rgba(30,10,30,.26);border-color:rgba(255,140,200,.9)}
.project{border-color:rgba(var(--cr),.65);box-shadow:0 30px 80px rgba(2,4,16,.65),0 0 50px rgba(var(--cr),.22),inset 0 1.5px 0 rgba(255,255,255,.35)}
.project:hover{box-shadow:0 34px 90px rgba(2,4,16,.7),0 0 80px rgba(var(--cr),.45),inset 0 1.5px 0 rgba(255,255,255,.5)}
/* stronger, more saturated hues */
.fi{box-shadow:0 0 34px rgba(var(--cr),.8),inset 0 1.5px 0 #fff9}
.chip,.filters button,.tech li,.pr-stats li,.soc,.nav-share,.svc-nav,header{
 -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
header{background:rgba(14,16,40,.34);box-shadow:0 16px 50px rgba(2,4,16,.5),inset 0 1.5px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.08),0 0 40px rgba(176,124,255,.12)}
.button:not(.primary){background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border-color:rgba(255,255,255,.28);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4),0 8px 24px rgba(2,4,16,.35)}
.soul-aurora{opacity:1}
.offer b,.offer .pct{background:linear-gradient(90deg,#ff4fa3,#ffb02e);color:#1a0b14}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card{background:radial-gradient(130% 100% at 100% 0%,rgba(var(--cr),.4),transparent 75%),rgba(18,20,46,.94)}}
@media(max-width:700px){.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card{-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%)}}

/* ================= REVIEW FORM: glass rating tube + smart chips (v14) ================= */
.rv-form{position:relative;overflow:hidden;isolation:isolate;padding:22px 20px 20px;max-width:560px;--lv:#ffd24d;--cr:112,166,255;
 background:radial-gradient(260px circle at var(--gx,50%) var(--gy,-30%),rgba(255,255,255,.2),transparent 62%),linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 40%,rgba(255,255,255,0) 62%,rgba(255,255,255,.06)),radial-gradient(130% 100% at 100% 0%,rgba(var(--cr),.42),rgba(var(--cr),.1) 48%,transparent 78%),rgba(10,12,30,.34);
 -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(var(--cr),.55);
 box-shadow:0 24px 60px rgba(2,4,16,.55),0 0 40px rgba(var(--cr),.16),inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.1),inset 0 0 60px rgba(var(--cr),.1);transition:border-color .4s,box-shadow .4s}
[dir=rtl] .rv-form{background:radial-gradient(260px circle at var(--gx,50%) var(--gy,-30%),rgba(255,255,255,.2),transparent 62%),linear-gradient(225deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 40%,rgba(255,255,255,0) 62%,rgba(255,255,255,.06)),radial-gradient(130% 100% at 0% 0%,rgba(var(--cr),.42),rgba(var(--cr),.1) 48%,transparent 78%),rgba(10,12,30,.34)}
.rv-form[data-r="1"]{--cr:255,93,108}.rv-form[data-r="2"]{--cr:255,154,77}.rv-form[data-r="3"]{--cr:255,210,77}.rv-form[data-r="4"]{--cr:47,212,192}.rv-form[data-r="5"]{--cr:154,114,255}
.rv-form>strong{font-family:var(--f-display);font-size:24px;font-weight:600}
[dir=rtl] .rv-form>strong{font-family:var(--f-ar-display);font-size:21px}
.rv-form input:focus,.rv-form textarea:focus{border-color:rgb(var(--cr));box-shadow:0 0 0 3px rgba(var(--cr),.25);outline:0}
.rv-form .button.primary{box-shadow:0 10px 30px rgba(var(--cr),.45),inset 0 -2px 0 rgba(112,130,230,.25)}
.rv-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.rv-top{display:flex;gap:18px;align-items:center}
.rv-tube{position:relative;flex:none;width:92px;height:300px;border-radius:46px;padding:10px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;touch-action:none;cursor:pointer;overflow:hidden;
 background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 40%,rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 0 30px rgba(0,0,0,.35),0 10px 30px rgba(2,4,16,.5)}
.rv-liq{position:absolute;inset-inline:0;bottom:0;height:0;z-index:0;opacity:.9;background:linear-gradient(180deg,rgba(255,255,255,.55),var(--lv) 14%,color-mix(in srgb,var(--lv) 55%,#1b2a5e));transition:height .55s cubic-bezier(.2,.9,.25,1.15),background .4s}
.rv-liq:before{content:"";position:absolute;inset-inline:-30%;top:-9px;height:18px;border-radius:50%;background:rgba(255,255,255,.55);animation:rvwob 3s ease-in-out infinite}
@keyframes rvwob{50%{transform:translateX(14%) scaleY(.7)}}
.rv-tube .s{position:relative;z-index:1;width:44px;height:44px;flex:none;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:transform .25s}
.rv-tube .s:hover{transform:scale(1.15)}
.rv-tube .s.pop{animation:rvpop .5s}
@keyframes rvpop{40%{transform:scale(1.45) rotate(-12deg)}}
.rv-tube .star{width:100%;height:100%;display:block;overflow:visible}
.rv-tube .star path{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.3);stroke-width:.8;stroke-linejoin:round;transition:fill .25s,filter .25s}
.rv-tube .star.on path{fill:#fff;stroke:#fff;filter:drop-shadow(0 0 8px #fff)}
.rv-tube:focus-visible{outline:2px solid #b6d1ff;outline-offset:4px}
.rv-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.rv-big{font-family:var(--f-display);font-size:60px;line-height:1;font-weight:700}.rv-big small{font-size:20px;color:var(--muted)}
.rv-word{font-family:var(--f-display);font-size:28px;font-weight:600;color:var(--lv);text-shadow:0 0 18px var(--lv);min-height:1.4em;transition:color .3s}
[dir=rtl] .rv-word{font-family:var(--f-ar-display);font-size:25px}
.rv-hint{color:var(--muted);font-size:13px}
.rv-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s}.rv-reveal.open{grid-template-rows:1fr}.rv-reveal>div{overflow:hidden;min-height:0}
.rv-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.rv-chips p{flex-basis:100%;margin:0;font-size:13px;color:var(--muted)}
.rv-chip{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;color:inherit;cursor:pointer;background:rgba(255,255,255,.06);transition:all .2s}
.rv-chip:hover{background:rgba(255,255,255,.14)}
.rv-chip[aria-pressed=true]{background:rgb(var(--cr));color:#0a0e1c;border-color:transparent;font-weight:700;box-shadow:0 0 18px rgba(var(--cr),.6)}
@media(max-width:420px){.rv-tube{width:78px;height:270px}.rv-tube .s{width:38px;height:38px}.rv-big{font-size:50px}}
@media(prefers-reduced-motion:reduce){.rv-liq,.rv-liq:before,.rv-tube .s,.rv-reveal{transition:none;animation:none}}
.rv-form{margin-inline:auto}

/* ---- performance (v14): no per-frame filters, no endless gradient repaint, lighter blur on phones/weak devices ---- */
.gtext{animation:gshift 9s ease-in-out infinite alternate}
/* v14.1 phones keep the full glass look; blur is switched off only for cards far off-screen (glass.js adds .gv-off) and on genuinely weak devices (.lite) */
.gv-off{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.lite .feat,.lite .price,.lite .course,.lite .card,.lite .case-step,.lite .pr-card,.lite .pr-pack,.lite .gitem,.lite .rv-card,.lite .rv-form,.lite .pr-teaser,.lite .quote-box,.lite .extras,.lite .offer,.lite .about-band,.lite .service-list{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(14,16,40,.72)}
@media(max-width:700px){.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.rv-card,.rv-form{-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}}
@media(hover:none){.feat,.price,.course,.card,.case-step,.pr-card,.pr-pack,.gitem,.project,.rv-card{transition:transform .18s ease,border-color .3s,box-shadow .3s}.feat:active,.price:active,.course:active,.card:active,.case-step:active,.pr-card:active,.pr-pack:active,.gitem:active,.project:active{transform:scale(.985);border-color:rgba(var(--cr),.7)}}

/* ---- downloads page (v14.2) ---- */
.dl-main{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:28px;--cr:112,166,255}
.dl-info{max-width:640px;display:flex;flex-direction:column;gap:10px}.dl-info h2{font-size:clamp(24px,2.6vw,32px)}
.dl-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.dl-shot{padding:0;overflow:hidden;cursor:zoom-in;border-radius:18px;aspect-ratio:16/10;display:block;transition:transform .25s,border-color .3s}
.dl-shot img{width:100%;height:100%;object-fit:cover;display:block}
.dl-shot:hover{transform:translateY(-3px)}
.price h2 small{font-size:.5em;font-weight:500;margin-inline-start:6px}
@media(max-width:900px){.dl-shots{grid-template-columns:repeat(2,1fr)}}
.dl-cover{width:min(46%,520px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(2,4,16,.55);height:auto}
@media(max-width:900px){.dl-cover{width:100%}}
/* the cookie card steps aside while the phone menu is open, so no menu link is ever covered */
@media(max-width:1100px){body:has(header nav.open) .bh-cb{display:none!important}}

/* v14.3 level 2 of the speed governor: the big full-screen decorative layers go; content, cards, buttons and normal animations stay */
.lite .soul-gl{display:none}.lite2 .soul-aurora,.lite2 .soul-dust,.lite2 .soul-field,.lite2 .beam,.lite2 .fog{display:none!important}

/* v14.4 scroll speed: tiny glass pieces (chips, tags, small buttons) do not need their own blur layer on touch screens, and decorative loops rest while the page is moving */
@media(max-width:1100px){.button,button.button,.chip,.filters button,.tech li,.pr-stats li,.soc,.nav-share,.svc-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(255,255,255,.12)}}
.is-scrolling *,.is-scrolling *:before,.is-scrolling *:after{animation-play-state:paused!important}