/* iRolls — /screens/ page styles (2026-11-01). Built on ir3.css (headshots template); only what that file lacks.
   Classes are sc-*. Bump ?v= on /screens/ when this file changes. */

/* ── atmosphere slots (hero + #atmosphere) ── */
.sc-slot{background:#000;overflow:hidden}
.sc-slot>img,.sc-slot>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-slot>video{opacity:0;transition:opacity .8s ease}
.sc-slot>video.on{opacity:1}
.sc-slot.has-media .sc-amb{display:none}
.sc-amb{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 110%,#15161b 0%,#050506 60%,#000 100%)}
.sc-amb i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;mix-blend-mode:screen;will-change:transform}
.sc-amb i:nth-child(1){width:60vmax;height:38vmax;left:6%;top:30%;background:radial-gradient(closest-side,rgba(150,170,255,.55),transparent);animation:scDrift1 18s ease-in-out infinite alternate}
.sc-amb i:nth-child(2){width:50vmax;height:32vmax;right:4%;top:18%;background:radial-gradient(closest-side,rgba(255,255,255,.42),transparent);animation:scDrift2 22s ease-in-out infinite alternate}
.sc-amb i:nth-child(3){width:42vmax;height:28vmax;left:38%;bottom:6%;background:radial-gradient(closest-side,rgba(255,170,120,.32),transparent);animation:scDrift3 26s ease-in-out infinite alternate}
.sc-amb.b i:nth-child(1){left:auto;right:10%;top:40%}
.sc-amb.b i:nth-child(2){right:auto;left:8%;top:12%}
.sc-amb.paused i{animation-play-state:paused}
@keyframes scDrift1{to{transform:translate3d(14vw,-6vw,0) scale(1.15)}}
@keyframes scDrift2{to{transform:translate3d(-12vw,8vw,0) scale(.9)}}
@keyframes scDrift3{to{transform:translate3d(-8vw,-10vw,0) scale(1.2)}}
.sc-atmo::after{background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 58%,rgba(0,0,0,.55) 100%)}

/* ── two offers ── */
.sc-two{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(32px,5vw,96px);row-gap:clamp(72px,10vw,120px)}
.sc-offer{min-width:0;scroll-margin-top:72px}
.sc-tag{margin:0 0 14px;color:var(--grey)}
.sc-name-box{width:100%;container-type:inline-size}
.sc-name{margin:0;font:800 min(9.4cqi,140px)/.9 var(--f-wide);font-stretch:125%;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}
.sc-deck{margin:18px 0 0;max-width:520px;color:#a9a9ae;font-size:clamp(16px,1.3vw,19px);line-height:1.5}

/* demonstration visuals: screens of real aspect ratios, no frames around text */
.sc-vis{margin:clamp(36px,4vw,56px) 0 clamp(28px,3vw,40px);height:clamp(150px,15vw,220px);display:flex;align-items:flex-end;gap:clamp(10px,1.2vw,18px)}
.scr{position:relative;flex:none;height:100%;border-radius:6px;overflow:hidden;background:#07070a;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 18px 60px -20px rgba(150,170,255,.35)}
.scr.w{aspect-ratio:16/9}
.scr.t{aspect-ratio:9/16}
.scr.u{aspect-ratio:32/9;height:28%}
.sc-ev .scr.w{flex:0 1 auto;height:72%}
.sc-ev{justify-content:flex-start}
.sc-ev .scr i{position:absolute;inset:0;background:linear-gradient(135deg,#101218 0%,#1d2130 55%,#2c3247 100%)}
.sc-ev .scr i::after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);animation:scSweep 4.8s cubic-bezier(.65,0,.35,1) infinite}
.sc-ev .scr b{position:absolute;left:10%;bottom:14%;width:46%;height:9%;min-height:4px;border-radius:2px;background:rgba(255,255,255,.85);box-shadow:0 calc(100% + 6px) 0 -1px rgba(255,255,255,.35);animation:scBar 4.8s cubic-bezier(.65,0,.35,1) infinite}
.sc-ev .scr.t b{width:62%;height:3.5%;bottom:10%}
.sc-ev .scr.u b{width:28%;height:22%;bottom:30%;box-shadow:none}
@keyframes scSweep{0%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
@keyframes scBar{0%,8%{transform:scaleX(0);transform-origin:0 50%}30%,80%{transform:scaleX(1);transform-origin:0 50%}100%{transform:scaleX(0);transform-origin:100% 50%}}

.sc-lv{flex-direction:column;align-items:flex-start;gap:14px}
.sc-lv .scr.w{height:calc(100% - 22px)}
.sc-lv .scr i{position:absolute;inset:0;opacity:0;animation:scShow 9s linear infinite}
.sc-lv .scr .p1{background:linear-gradient(160deg,#121520,#2b3350);animation-delay:0s}
.sc-lv .scr .p2{background:radial-gradient(80% 90% at 70% 40%,#3a3f4d,#0d0e12);animation-delay:3s}
.sc-lv .scr .p3{background:linear-gradient(20deg,#0e0f13 30%,#3b3428);animation-delay:6s}
@keyframes scShow{0%{opacity:0}4%,33%{opacity:1}37%,100%{opacity:0}}
.sc-live{position:absolute;left:10px;top:9px;display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.sc-live em{width:6px;height:6px;border-radius:50%;background:var(--red);animation:introRec 1s steps(2,jump-none) infinite}
.sc-mo{display:flex;gap:4px;height:8px}
.sc-mo i{width:14px;border-radius:999px;background:rgba(255,255,255,.1);animation:scMonth 12s linear infinite}
.sc-mo i:nth-child(1){animation-delay:-11s}.sc-mo i:nth-child(2){animation-delay:-10s}.sc-mo i:nth-child(3){animation-delay:-9s}.sc-mo i:nth-child(4){animation-delay:-8s}.sc-mo i:nth-child(5){animation-delay:-7s}.sc-mo i:nth-child(6){animation-delay:-6s}.sc-mo i:nth-child(7){animation-delay:-5s}.sc-mo i:nth-child(8){animation-delay:-4s}.sc-mo i:nth-child(9){animation-delay:-3s}.sc-mo i:nth-child(10){animation-delay:-2s}.sc-mo i:nth-child(11){animation-delay:-1s}
@keyframes scMonth{0%,6%{background:rgba(255,255,255,.85)}14%,100%{background:rgba(255,255,255,.1)}}

.sc-pts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-d)}
.sc-pts li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line-d)}
.sc-pts svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;grid-row:1/span 2;align-self:start;margin-top:1px}
.sc-pts b{font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.sc-pts span{color:#a9a9ae;font-size:15px;line-height:1.45}

/* ── how it works: Event / Live switch (step 04 swaps; both variants share one cell, nothing moves) ── */
.sc-sw{display:inline-flex;gap:4px}
.sc-sw button{appearance:none;border:0;background:none;padding:0 0 0 14px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--grey-d);cursor:pointer;transition:color .2s}
.sc-sw button[aria-pressed="true"]{color:#fff}
.sc-sw button:hover{color:#fff}
.sc-s4{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.sc-s4>.stg,.sc-s4>b{grid-column:1}
.sc-v4{grid-column:1;grid-row:3;transition:opacity .35s ease}
.steps.stages .sc-v4 h3{margin-top:0}
.sc-v4[hidden]{display:block;visibility:hidden;opacity:0}

/* ── start form ── */
.sc-start{scroll-margin-top:0}
.sc-form,.sc-done{margin-top:clamp(48px,6vw,88px);max-width:1040px}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,48px);row-gap:clamp(22px,2.4vw,30px)}
.sc-form label,.sc-dates{display:block;min-width:0}
.sc-form label>span,.sc-dates>span{display:flex;justify-content:space-between;gap:12px;font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#b9b9bf;margin-bottom:6px}
.sc-form label>span small{font:inherit;color:var(--grey-d)}
.sc-form input,.sc-form textarea{display:block;width:100%;box-sizing:border-box;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.3);border-radius:0;background:transparent;color:#fff;font:400 16px/1.4 var(--f-sans);outline:none;-webkit-appearance:none;appearance:none;min-height:46px}
.sc-form textarea{resize:vertical;min-height:110px}
.sc-form input:focus,.sc-form textarea:focus{border-bottom-color:#fff}
.sc-form input[aria-invalid="true"]{border-bottom-color:#ff8a73}
.sc-form input[type=date]{color-scheme:dark}
.sc-form input[type=date]::-webkit-date-and-time-value{text-align:left}
.sc-form input[type=number]{-moz-appearance:textfield}
.sc-form input[type=number]::-webkit-inner-spin-button,.sc-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sc-msg{grid-column:1/-1}
.sc-dates{position:relative}
.sc-dl{display:grid;gap:6px;padding-right:46px}
.sc-d{display:flex;align-items:center;gap:6px}
.sc-d input{flex:1;min-width:0}
.sc-ix{appearance:none;flex:none;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s}
.sc-ix svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.sc-ix:hover,.sc-ix:focus-visible{background:rgba(255,255,255,.1)}
.sc-rm{color:var(--grey)}
.sc-add{position:absolute;right:0;bottom:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.sc-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-turnstile{margin-top:22px}
.sc-go-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:clamp(28px,3vw,40px)}
.sc-go{border:0;cursor:pointer;font:500 15px/1 var(--f-sans);height:48px;padding:0 28px}
.sc-go[disabled]{opacity:.55;cursor:default}
.sc-err{margin:0;color:#ff8a73;font-size:14px;min-height:1.4em}
.sc-done{outline:none}
.sc-done .sc-tag span{margin-left:14px;color:#fff}
.sc-done-h{margin:0;font:500 clamp(28px,3.3vw,54px)/1.05 var(--f-sans);letter-spacing:-.035em}
.sc-done-p{margin:14px 0 0;color:#a9a9ae;font-size:clamp(16px,1.3vw,19px)}

/* ── what plays: six shows, each a glyph + a tiny moving screen ── */
.sc-show{list-style:none;margin:clamp(48px,6vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(24px,3vw,48px)}
.sc-show p{margin:8px 0 0;color:#a9a9ae;font-size:15px;line-height:1.45;max-width:340px}
.sc-st{display:flex;align-items:center;gap:10px;margin-top:20px}
.sc-st svg{width:18px;height:18px;flex:none;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sc-st b{font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.ms{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:linear-gradient(160deg,#0d0e13,#1a1d27);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 18px 50px -24px rgba(150,170,255,.35)}
.ms-lead .fig{position:absolute;left:50%;bottom:0;width:34%;height:78%;transform:translateX(-50%);background:radial-gradient(28% 22% at 50% 26%,#4a4f5e 98%,transparent 100%),radial-gradient(70% 55% at 50% 100%,#3a3e4b 98%,transparent 100%)}
.ms-lead b{position:absolute;left:8%;bottom:16%;height:7%;width:40%;border-radius:2px;background:#fff;transform-origin:0 50%;animation:msBar 6s cubic-bezier(.65,0,.35,1) infinite}
.ms-lead b.s{bottom:8%;width:26%;height:4.5%;background:rgba(255,255,255,.45);animation-delay:.15s}
@keyframes msBar{0%,10%{transform:scaleX(0)}25%,80%{transform:scaleX(1)}92%,100%{transform:scaleX(0)}}
.ms-stat{display:flex;align-items:flex-end;gap:5%;padding:14% 10% 12%}
.ms-stat i{flex:1;height:30%;border-radius:2px 2px 0 0;background:rgba(255,255,255,.8);animation:msGrow 5s ease-in-out infinite alternate}
.ms-stat i:nth-child(2){height:45%;animation-delay:-1s}.ms-stat i:nth-child(3){height:38%;animation-delay:-2s}.ms-stat i:nth-child(4){height:60%;animation-delay:-3s}.ms-stat i:nth-child(5){height:52%;animation-delay:-4s}.ms-stat i:nth-child(6){height:74%;background:#fff;animation-delay:-.5s}
.ms-stat em{position:absolute;left:10%;top:12%;width:22%;height:9%;border-radius:2px;background:#fff}
@keyframes msGrow{to{transform:scaleY(1.3)}}
.ms-stat i{transform-origin:50% 100%}
.ms-news b{position:absolute;left:8%;top:22%;width:62%;height:9%;border-radius:2px;background:#fff}
.ms-news b.s{top:38%;width:44%;height:6%;background:rgba(255,255,255,.4)}
.ms-news span{position:absolute;left:0;right:0;bottom:0;height:18%;background:rgba(255,255,255,.08);display:flex;align-items:center;gap:6%;padding-left:6%;white-space:nowrap;animation:msTick 7s linear infinite}
.ms-news span i{flex:none;width:18%;height:28%;border-radius:2px;background:rgba(255,255,255,.55)}
@keyframes msTick{to{transform:translateX(-48%)}}
.ms-dept i{position:absolute;width:13%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.ms-dept i:nth-child(1){left:14%;top:40%}.ms-dept i:nth-child(2){left:62%;top:16%}.ms-dept i:nth-child(3){left:62%;top:62%}
.ms-dept em{position:absolute;width:5%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 12px 2px rgba(255,255,255,.6);animation:msHop 4s cubic-bezier(.65,0,.35,1) infinite}
@keyframes msHop{0%,12%{left:18%;top:46%}38%,50%{left:66%;top:22%}76%,88%{left:66%;top:68%}100%{left:18%;top:46%}}
.ms-calm{background:#0a0b10}
.ms-calm i{position:absolute;inset:-30%;border-radius:45%;filter:blur(14px);opacity:.7;background:radial-gradient(40% 30% at 30% 60%,rgba(120,150,230,.6),transparent 70%);animation:msCalm 14s ease-in-out infinite alternate}
.ms-calm i+i{background:radial-gradient(35% 28% at 70% 40%,rgba(255,190,150,.45),transparent 70%);animation-duration:18s;animation-direction:alternate-reverse}
@keyframes msCalm{to{transform:translate(12%,-8%) rotate(18deg)}}
.ms-cafe{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:8%}
.ms-cafe i{border-radius:3px;background:rgba(255,255,255,.14);animation:msTile 6s ease-in-out infinite}
.ms-cafe i:nth-child(2){animation-delay:-1s}.ms-cafe i:nth-child(3){animation-delay:-2s}.ms-cafe i:nth-child(4){animation-delay:-3s}.ms-cafe i:nth-child(5){animation-delay:-4s}.ms-cafe i:nth-child(6){animation-delay:-5s}
@keyframes msTile{0%,70%,100%{background:rgba(255,255,255,.14)}20%,45%{background:rgba(255,255,255,.75)}}

.ms-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#141416}
.sc-hero .sc-slot>img{object-position:62% 35%}
.sc-atmo .sc-slot>img{object-position:30% 30%}
.sc-hero.cover::after{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.8) 100%)}
.sc-atmo.cover::after{background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 45%,rgba(0,0,0,.6) 100%)}

/* scale points: glyph instead of number */
.sc-scale svg{display:block;width:22px;height:22px;margin-bottom:26px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sc-dates>span small{font:inherit;color:var(--grey-d);text-transform:none;letter-spacing:.02em}
.sc-form input::placeholder,.sc-form textarea::placeholder{color:#5c5c61}

@media (max-width:860px){
  .sc-show{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}
  .sc-show p{font-size:14px}
  .sc-st{margin-top:14px}
  .sc-scale{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){
  .ms *,.ms{animation:none!important}
}

/* security points + start CTA + start page */
.points svg.sc-pg{display:block;width:22px;height:22px;margin-bottom:26px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sc-cta .cover-cta{display:inline-flex;margin-top:clamp(28px,3vw,40px)}
.sc-page{padding-top:clamp(112px,12vw,170px);min-height:100svh;box-sizing:border-box}
.sc-page .kick a{color:var(--white)}

/* ── 2026-11-02: tighter rhythm on this page (about a third shorter) ── */
.sc-main .sec{padding:clamp(44px,5vw,80px) 0}
.sc-main .kick{margin-bottom:clamp(24px,3vw,44px)}
.sc-main .sc-show{margin-top:clamp(36px,4.5vw,64px)}
.sc-main .nope{margin-top:0}
.sc-main .yes{margin-top:clamp(28px,4vw,56px)}
.sc-main .points{margin-top:0}
.sc-main .sc-two{row-gap:clamp(56px,7vw,88px)}
.sc-main .sc-vis{margin:clamp(28px,3vw,44px) 0 clamp(22px,2.4vw,32px)}

.sc-main .pull-xl{font-size:clamp(36px,5.4vw,90px)}
.sc-main .nope li{font-size:clamp(28px,4.4vw,72px);padding:clamp(10px,1.1vw,16px) 0}
.sc-main .yes{font-size:clamp(28px,4.4vw,72px)}
.sc-main .pull-sub{margin-top:16px}
.sc-main .sc-show{row-gap:clamp(32px,3.6vw,52px)}
.sc-main .sc-vis{height:clamp(130px,12vw,180px)}
.sc-main .points li{padding:20px 28px 24px 0}
.sc-main .sc-scale svg{margin-bottom:16px}

/* ── Event Screens section ── */
.sc-evm{position:relative;margin:clamp(28px,3vw,44px) 0 clamp(20px,2.4vw,32px);aspect-ratio:21/9;border-radius:8px;overflow:hidden;background:radial-gradient(90% 90% at 50% 100%,#171a24,#08080b 70%)}
.sc-evm>img,.sc-evm>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-evm>video{opacity:0;transition:opacity .8s ease}.sc-evm>video.on{opacity:1}
.sc-evm .sc-evph{position:absolute;inset:0;margin:0;height:auto!important;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,28px);padding:7% 10%}
.sc-evm .sc-evph .scr{height:62%}.sc-evm .sc-evph .scr.w{height:62%}.sc-evm .sc-evph .scr.u{height:20%}
.sc-slot.has-media .sc-evph{display:none}
.sc-evpts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);border-top:0}
.sc-evpts li{border-top:1px solid var(--line-d);border-bottom:0;align-items:start;padding:20px 0 24px}
.sc-pts span a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.sc-pts span a:hover{text-decoration-color:#fff}
.sc-pts li.sc-more{padding:0}
.sc-pts li.sc-more a{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:14px;align-items:center;padding:18px 0;color:#fff}
.sc-pts li.sc-more svg{grid-row:auto;margin:0}
.sc-pts li.sc-more:hover b{text-decoration:underline;text-underline-offset:4px}

/* ── A to Z: six steps on one line, a hairline joining them ── */
.sc-azl{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);counter-reset:az}
.sc-azl li{position:relative;padding-top:26px;border-top:1px solid var(--line-d);counter-increment:az}
.sc-azl li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.6)}
.sc-azl li::after{content:"0" counter(az);position:absolute;right:0;top:12px;font:500 11px var(--f-mono);letter-spacing:.08em;color:var(--grey-d)}
.sc-azl svg{display:block;width:22px;height:22px;margin-bottom:16px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sc-azl b{display:block;font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:8px}
.sc-azl span{display:block;color:#a9a9ae;font-size:15px;line-height:1.45}
@media (max-width:1100px){.sc-azl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}}
@media (max-width:560px){.sc-azl{grid-template-columns:1fr 1fr;row-gap:28px}.sc-azl span{font-size:14px}}

/* ── Security strip (Live Screens) ── */
.sc-secg{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:clamp(32px,5vw,96px);align-items:center}
.sc-sec .nope li{font-size:clamp(26px,3.4vw,56px)}
.sc-secp svg{display:block;width:22px;height:22px;margin-bottom:18px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sc-secp h3{margin:0 0 10px;font:500 clamp(19px,1.5vw,24px)/1.15 var(--f-sans);letter-spacing:-.02em}
.sc-secp p{margin:0;color:#a9a9ae;font-size:15px;line-height:1.5;max-width:460px}

@media (max-width:860px){
  .sc-evpts{grid-template-columns:1fr}
  .sc-evpts li{padding:16px 0}
  .sc-secg{grid-template-columns:1fr;row-gap:32px}
  .sc-evm{aspect-ratio:4/3}
}

/* ── phones ── */
@media (max-width:860px){
  .sc-two{grid-template-columns:1fr}
  .sc-grid{grid-template-columns:1fr}
  .sc-vis{height:clamp(120px,36vw,180px)}
  .sc-sw button{padding-left:12px}
}
@media (max-width:480px){
  .kick:has(.sc-sw){flex-wrap:wrap}
  .sc-sw{width:100%;margin-top:4px}
  .sc-sw button:first-child{padding-left:0}
}

@media (prefers-reduced-motion:reduce){
  .sc-amb i,.sc-ev .scr i::after,.sc-ev .scr b,.sc-lv .scr i,.sc-live em,.sc-mo i{animation:none}
  .sc-lv .scr .p1{opacity:1}
}