/* The intro page's other stories: How it works (.st-h) and the install tabs (.st-b, .st-a, .st-c, .st-p). Only their
   still look is here; what moves, and when, is stories.js (GSAP). They reuse the demo's TV and phone (demo.css: .dscr,
   .dcln, .dyt, .dfoc, .dfg, .dchap). Where GSAP moves a pseudo-element it moves a variable instead: --p (a bar's fill, 0 to 1) and
   --k (a switch's knob, 0 to 1). */
.story .dcln .ck .t2{display:none}
.story .dyt .pl::after{transform:scaleX(.3)}
@keyframes sspin{to{transform:rotate(1turn)}}
.story .sp{display:inline-block;width:1em;height:1em;border-radius:50%;border:.16em solid rgba(255,255,255,.2);border-top-color:#5b8cff;vertical-align:-.15em;animation:sspin .8s linear infinite}
.story .rad{position:absolute;border-radius:50%;border:1cqw solid #5b8cff;opacity:0}
.story .rad::after{content:"";position:absolute;inset:-1cqw;border-radius:50%;border:1cqw solid #5b8cff;animation:sping 1.6s infinite}
@keyframes sping{0%{transform:scale(.3);opacity:1}100%{transform:scale(1);opacity:0}}
.story .mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.story .ty{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;font-family:"JetBrains Mono",ui-monospace,monospace}
.story .qrx{flex:none;aspect-ratio:1;border-radius:1cqw;border:1.4cqw solid #fff;background:conic-gradient(#000 25%,transparent 0 50%,#000 0 75%,transparent 0) 0 0/18% 18%,conic-gradient(#000 25%,transparent 0 50%,#000 0 75%,transparent 0) 6% 9%/26% 26%,#fff}

/* the TV's own screens (cqw of the TV picture) */
.story .tp{position:absolute;inset:0;padding:5cqw 6cqw;display:flex;flex-direction:column;gap:2.2cqw;font-size:2.9cqw;background:radial-gradient(120% 90% at 85% 0,#16263d,#0b1018 60%);color:#e9edf5;opacity:0}
.story .tp h5{margin:0;font-size:4.2cqw;font-weight:800}
.story .tp small{color:#9aa4b8;font-size:2.4cqw}
.story .tp .tr{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.8cqw 2.6cqw;border-radius:1.2cqw;background:rgba(255,255,255,.06)}
.story .tp .tr.on{box-shadow:0 0 0 .5cqw #fff;background:#34405a}
.story .tg{position:relative;flex:none;width:6.4cqw;height:3.6cqw;border-radius:3cqw;background:#3a4258}
.story .tg::after{content:"";position:absolute;left:.5cqw;top:.5cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#fff;transform:translateX(calc(var(--k,0)*108%))}
.story .tg.is{background:#3ddc84;--k:1}
.story .tb{display:inline-grid;align-self:flex-start;padding:1.3cqw 3.4cqw;border-radius:1cqw;background:#2a3348;font-weight:700}
.story .tb>span{grid-area:1/1}
.story .tbs{display:flex;gap:2cqw}
.story .bar{height:1.2cqw;border-radius:1cqw;background:rgba(255,255,255,.12);overflow:hidden}
.story .bar::after{content:"";display:block;height:100%;background:#5b8cff;transform-origin:left;transform:scaleX(var(--p,0))}
.story .okc{color:#3ddc84;font-weight:800}
.story .tp .ok{opacity:0}
.story .app{display:flex;align-items:center;gap:2.6cqw}
.story .app b{display:block;font-size:3.4cqw}
.story .ico{flex:none;width:8cqw;height:8cqw;border-radius:1.8cqw;display:grid;place-items:center;font-style:normal;font-size:4.4cqw;font-weight:800;color:#fff}
.story .ico.dl{background:#ff7a00}.ico.ts{background:linear-gradient(135deg,#5b8cff,#3d6fe8)}.ico.fo{background:#3d6fe8}
.story .srch{padding:1.6cqw 3cqw;border-radius:9cqw;background:#1a2030;color:#c9d1e0}
.story .or{background:#0b0e15}
.story .ohd{margin:-5cqw -6cqw 0;padding:2.6cqw 6cqw;background:#ff7a00;color:#fff;font-weight:800;font-size:3.6cqw}
.story .inp{padding:1.8cqw 2.4cqw;border-radius:1cqw;border:.35cqw solid #5b8cff;background:#0d1119;font-size:3.8cqw}
.story .car{display:inline-block;width:.1em;height:1em;margin-left:.08em;vertical-align:middle;background:currentColor;animation:sblink 1s steps(1) infinite}
@keyframes sblink{50%{opacity:0}}
.story .tp.ovl{opacity:0}
.story .sto{position:absolute;right:3cqw;top:3cqw;padding:1.6cqw 2.6cqw;border-radius:1.4cqw;background:rgba(22,27,40,.96);border:1px solid rgba(255,255,255,.14);font-size:2.6cqw;font-weight:700;color:#fff;opacity:0;white-space:nowrap}
.story .dlg{position:absolute;left:19cqw;right:19cqw;top:50%;transform:translateY(-50%);padding:3.4cqw;border-radius:1.8cqw;background:#262c3a;box-shadow:0 3cqw 8cqw rgba(0,0,0,.6);display:flex;flex-direction:column;gap:1.6cqw;font-size:2.6cqw;color:#e9edf5;opacity:0}
.story .dlg b{font-size:3.4cqw}
.story .dlg small{color:#9aa4b8;font-size:2.3cqw}
.story .dlg .tbs{justify-content:flex-end}
.story .dlg .tr{padding:1.2cqw 1.8cqw;border-radius:1cqw;background:rgba(255,255,255,.06);justify-content:flex-start;gap:1.6cqw;display:flex;align-items:center}
.story .dlg .tr em{font-style:normal;color:#3ddc84;opacity:0}
.story .mv{position:absolute;inset:0;background:radial-gradient(60% 70% at 70% 40%,#e6a25a,#8a3b2a 45%,#1d1020);opacity:0}
.story .mv::after{content:"";position:absolute;left:5%;right:5%;bottom:6%;height:1.2%;border-radius:9px;background:linear-gradient(90deg,#f00 22%,rgba(255,255,255,.3) 0)}

/* the phone's own screens (cqw of the phone) */
.story .pp{position:absolute;inset:0;background:#0d1119;color:#e9edf5;font-size:4.4cqw;opacity:0}
.story .pp>*{position:absolute}
.story .ph1{left:6cqw;right:6cqw;top:12cqw;font-weight:800;font-size:6cqw;display:flex;align-items:center;gap:2cqw;white-space:nowrap}
.story .ph1 .dot{width:2.4cqw;height:2.4cqw;border-radius:50%;background:#3ddc84}
.story .pm{left:0;right:0;top:70cqw;text-align:center;color:#9aa4b8;font-size:4cqw}
.story .prow{left:5cqw;right:5cqw;top:86cqw;height:16cqw;display:flex;align-items:center;gap:3cqw;padding:0 4cqw;border-radius:4cqw;background:#161c29;border:1px solid #232a3a;font-size:5cqw}
.story .prow b{display:block;font-size:4.4cqw}.prow small{display:block;color:#9aa4b8;font-size:3.4cqw}
.story .cks{left:5cqw;right:5cqw;top:23cqw;display:grid;grid-auto-flow:column;justify-content:start;gap:1.6cqw;font-size:3.1cqw;font-weight:700;white-space:nowrap}
.story .ck.c3,.story .ck.c4{grid-area:1/3}
.story .ck{padding:.8cqw 2.2cqw;border-radius:9cqw;background:#1f2738;color:#9aa4b8}
.story .pmir{left:4cqw;right:4cqw;top:34cqw;aspect-ratio:16/9;border-radius:2cqw;overflow:hidden;background:#000;container-type:inline-size}
.story .moff{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,24,34,.94);color:#ff8a8a;font-size:6cqw;font-weight:700;opacity:0;text-align:center}
.story .pad{left:27cqw;top:112cqw;width:46cqw;height:46cqw;border-radius:50%;background:#161c29;border:1px solid #232a3a}
.story .pad i{position:absolute;width:0;height:0;border:2.2cqw solid transparent}
.story .pad .pu{left:50%;top:5cqw;margin-left:-2.2cqw;border-bottom:3cqw solid #6b7489;border-top:0}
.story .pad .pd{left:50%;bottom:5cqw;margin-left:-2.2cqw;border-top:3cqw solid #6b7489;border-bottom:0}
.story .pad .pl{top:50%;left:5cqw;margin-top:-2.2cqw;border-right:3cqw solid #6b7489;border-left:0}
.story .pad .pr{top:50%;right:5cqw;margin-top:-2.2cqw;border-left:3cqw solid #6b7489;border-right:0}
.story .pad b{position:absolute;left:15cqw;top:15cqw;width:16cqw;height:16cqw;border-radius:50%;background:#5b8cff;color:#06112b;display:grid;place-items:center;font-size:4cqw}
.story .vol{left:80cqw;top:119cqw;display:grid;gap:8cqw}
.story .vol i,.story .nav i{width:12cqw;height:12cqw;border-radius:50%;background:#161c29;border:1px solid #232a3a;display:grid;place-items:center;font-style:normal;color:#9aa4b8;font-size:5cqw}
.story .nav{left:20cqw;right:20cqw;top:172cqw;display:flex;justify-content:space-between}
.story .url{left:5cqw;right:5cqw;top:10cqw;height:9cqw;display:flex;align-items:center;gap:1.6cqw;padding:0 3cqw;border-radius:3cqw;background:#1a2030;font-size:3.5cqw;color:#c9d1e0;white-space:nowrap;overflow:hidden}
.story .pcode{left:0;right:0;top:28cqw;bottom:0;opacity:0}
.story .pcode>*{position:absolute}
.story .pcode b{left:0;right:0;top:2cqw;text-align:center;font-size:4.6cqw}
.story .bx{left:11cqw;top:14cqw;display:flex;gap:2.4cqw}
.story .bx i{width:11cqw;height:14cqw;border-radius:2.4cqw;border:.5cqw solid #2f3850;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:6cqw;color:transparent;font-family:"JetBrains Mono",ui-monospace,monospace}
.story .kp{left:5cqw;right:5cqw;top:52cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw}
.story .kp i{height:16cqw;border-radius:3cqw;background:#1a2030;display:grid;place-items:center;font-style:normal;font-size:6cqw;font-weight:600}
.story .kp i:nth-child(10){background:none}
.story .cam{background:radial-gradient(80% 60% at 50% 40%,#2a3442,#0a0d12)}
.story .cam .qrx{left:30cqw;top:58cqw;width:40cqw}
.story .cam::before{content:"";position:absolute;left:24cqw;top:52cqw;width:52cqw;height:52cqw;border:1cqw solid #ffd23f;border-radius:4cqw;clip-path:polygon(0 0,30% 0,30% 8%,8% 8%,8% 30%,0 30%,0 70%,8% 70%,8% 92%,30% 92%,30% 100%,0 100%,0 0,100% 0,100% 30%,92% 30%,92% 8%,70% 8%,70% 0,100% 0,100% 100%,70% 100%,70% 92%,92% 92%,92% 70%,100% 70%)}
.story .cam .pill{left:12cqw;right:12cqw;top:116cqw;height:16cqw;border-radius:9cqw;background:#ffd23f;color:#1a1400;display:grid;place-items:center;font-weight:800;font-size:4cqw}
.story .sheet{left:0;right:0;bottom:0;padding:7cqw 6cqw 10cqw;border-radius:6cqw 6cqw 0 0;background:#1a2030;display:flex;flex-direction:column;gap:4cqw;opacity:0}
.story .sheet>*{position:static}
.story .pbtn{height:13cqw;border-radius:4cqw;background:#5b8cff;color:#06112b;font-weight:800;display:grid;place-items:center}
.story .pbtn.sec{background:#232b3d;color:#c9d1e0}
.story .pp .bar{height:2cqw}

/* the TV's own remote, until the phone takes over */
.story .rc{position:absolute;right:3%;bottom:0;width:10%;aspect-ratio:1/3.4;border-radius:40px;background:linear-gradient(#2a3145,#171c2a);box-shadow:0 20px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08) inset;container-type:inline-size}
.story .rc .rd{position:absolute;left:12cqw;top:16cqw;width:76cqw;height:76cqw;border-radius:50%;background:#10141f;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}
.story .rc .rk{position:absolute;left:32cqw;top:36cqw;width:36cqw;height:36cqw;border-radius:50%;background:#3a4258}
.story .rc .rb{position:absolute;left:30cqw;width:40cqw;height:12cqw;border-radius:9cqw;background:#10141f}
.story .rc .rb:nth-of-type(3){top:110cqw}.rc .rb:nth-of-type(4){top:132cqw}

/* how it works: the phone, the way between, the TV */
.st-h{margin-top:48px}
.hst{position:relative;aspect-ratio:1000/400}
.hph{position:absolute;left:0;top:0;width:17%;border-radius:22px;padding:5px}
.hsb{position:absolute;left:7cqw;right:7cqw;top:3cqw;display:flex;justify-content:space-between;font-size:3.6cqw;font-weight:600;color:#c9d1e0;z-index:2}
.hsb .nw,.hsb .n4{position:absolute;right:0}
.hs1 .rad{left:33cqw;top:31cqw;width:34cqw;height:34cqw;opacity:1}
.hpath{position:absolute;left:19%;width:20%;top:0;height:76%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:13.5px;font-weight:700;color:var(--muted)}
.hpath .ln{position:relative;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--orange))}
.lane{position:absolute;inset:0;opacity:0}
.lane i{position:absolute;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue);animation:sgo 1s linear infinite}
.lane.dn i{top:3px;width:9px;height:9px;background:var(--orange);box-shadow:0 0 12px var(--orange);animation-name:sback}
.lane i:nth-child(2){animation-delay:.33s}.lane i:nth-child(3){animation-delay:.66s}
@keyframes sgo{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
@keyframes sback{0%{left:calc(100% - 9px);opacity:0}15%,85%{opacity:1}100%{left:0;opacity:0}}
.hpath .proto,.hpath .hub{display:grid;min-height:1.4em}
.hpath .proto>span,.hpath .hub>span{grid-area:1/1;opacity:0;white-space:nowrap}
.hpath .proto{color:var(--text);font-size:15px}
.hpath .cloud{position:relative;opacity:0}
.hpath .cloud>span{display:inline-block;padding:4px 12px;border-radius:999px;border:1px dashed var(--line2);color:var(--dim)}
.hpath .cloud s{text-decoration:line-through 2px transparent}
.hpath .cloud .via{position:absolute;left:50%;top:100%;width:2px;height:34px;margin-left:-1px;background:repeating-linear-gradient(var(--dim) 0 4px,transparent 0 8px);opacity:0}
.htv{position:absolute;right:0;top:0;width:59%;padding:9px}
.htv .z2{left:24.08cqw}
.htv .z3{left:6cqw;top:43.8cqw;width:27.73cqw;height:9cqw}
.htv .side{position:absolute;right:0;top:0;bottom:0;width:40cqw;padding:5cqw 3.6cqw;background:rgba(14,18,28,.97);display:flex;flex-direction:column;gap:2cqw;font-size:2.6cqw;opacity:0}
.htv .side b{font-size:3.2cqw;margin-bottom:1cqw}
.htv .side .tr{display:flex;justify-content:space-between;align-items:center;padding:1.6cqw 2cqw;border-radius:1cqw;background:rgba(255,255,255,.06)}
.htv .side .tr:first-of-type{box-shadow:0 0 0 .4cqw #fff;background:#34405a}
.htv .side small{color:#9aa4b8}
.htv .vbar{position:absolute;right:4cqw;top:4cqw;display:flex;align-items:center;gap:1.6cqw;padding:1.4cqw 2.4cqw;border-radius:9cqw;background:rgba(10,13,20,.9);border:1px solid rgba(255,255,255,.14);font-size:2.6cqw;opacity:0}
.htv .vbar i{width:22cqw;height:1cqw;border-radius:1cqw;background:rgba(255,255,255,.18);overflow:hidden}
.htv .vbar i::after{content:"";display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(var(--p,.4))}
.htv .pair{flex-direction:row;align-items:center;gap:3.4cqw;left:16cqw;right:16cqw}
.htv .pair .qrx{width:15cqw}
.htv .pair .big{font-size:6cqw;font-weight:700;letter-spacing:.08em;color:#fff}
.hcap{position:relative;height:3.2em;margin-top:30px;font-weight:700;font-size:clamp(15px,1.9vw,20px);text-align:center}
.hcap>p{position:absolute;left:0;right:0;top:0;margin:0;opacity:0}
.st-h .dchap{margin-top:6px}
@media (max-width:760px){
  .hst{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center}
  .htv{position:relative;width:100%;order:1}
  .hpath{position:relative;order:2;left:auto;width:100%;height:auto;margin:14px 0 14px;flex-direction:column;gap:6px;font-size:12.5px}
  .hpath .ln{order:-1;width:4px;height:40px;flex:none;background:linear-gradient(var(--orange),var(--blue))}
  .lane i{left:-4px;animation-name:sgov}.lane.dn i{left:-2.5px;animation-name:sbackv}
  .hpath .proto{font-size:13.5px}
  .hpath .cloud{order:3}.hpath .cloud .via{display:none}
  .hph{position:relative;width:44%;order:3}
  .hcap{margin-top:22px;font-size:15px}
}
@keyframes sgov{0%{top:calc(100% - 12px);opacity:0}15%,85%{opacity:1}100%{top:0;opacity:0}}
@keyframes sbackv{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:calc(100% - 9px);opacity:0}}

/* install: the TV with its remote, the phone or the computer in front */
.sst{position:relative;aspect-ratio:16/12.4;margin-bottom:6px}
.sst .stv{position:absolute;left:0;top:0;width:84%;padding:8px}
.prep .sst .stv{width:86%}
.sst .sph{position:absolute;right:0;bottom:0;width:27%;border-radius:20px;padding:4px}
.sst .rc{right:2%}
.stv .dscr{font-size:2.9cqw}
.stv .usb{left:14cqw;right:14cqw}
.stv .usb .tr{display:flex}
.lap{position:absolute;right:0;bottom:0;width:56%}
.lap .lsc{position:relative;aspect-ratio:16/10;border-radius:10px 10px 0 0;border:5px solid #20263a;border-bottom-width:7px;background:#0d1119;overflow:hidden;container-type:inline-size;color:#e9edf5;line-height:1.3}
.lap::after{content:"";display:block;height:9px;margin:0 -6%;border-radius:0 0 12px 12px;background:linear-gradient(#2a3145,#151a28)}
.lw{position:absolute;inset:0;opacity:0;padding-top:7cqw;font-size:3.4cqw}
.lw small{font-size:2.8cqw;color:#9aa4b8}.lw .dli b{font-size:3.8cqw}
.lw::before{content:"";position:absolute;left:0;right:0;top:0;height:6cqw;background:#161b27 radial-gradient(circle,#ff5f57 0 1cqw,transparent 1.2cqw) 2.6cqw 50%/3.2cqw 3.2cqw no-repeat;border-bottom:1px solid #232a3a}
.lw>*{position:absolute}
.lw .ttl{left:0;right:0;top:1cqw;text-align:center;font-size:2.6cqw;color:#9aa4b8}
.lw .dli{left:8%;right:8%;top:22%;display:flex;flex-direction:column;gap:2cqw}
.lw .ok{opacity:0}
.lw .apic{left:43%;top:56%;width:14%;text-align:center;font-size:2.6cqw;opacity:0}
.lw .apic .ico,.lw .drag .ico,.lw .fold{margin:0 auto 1cqw;width:11cqw;height:11cqw;font-size:6cqw}
.lw .drag{left:18%;top:32%;width:14%;text-align:center;font-size:2.6cqw}
.lw .dst2{left:63%;top:32%;width:14%;text-align:center;font-size:2.6cqw}
.lw .dlg{left:16%;right:16%;top:auto;bottom:10%;transform:none;font-size:3cqw}
.lw .dlg b{font-size:3.6cqw}
.lw .dlg .tb{font-size:3cqw}
.ss{background:#0a5cad}
.ss::before{display:none}
.ss b{left:8%;top:12%;font-size:5.4cqw;font-weight:600}
.ss p{left:8%;right:10%;top:34%;margin:0;font-size:3cqw;color:#dbe8f7}
.ss .lnk{left:8%;top:54%;text-decoration:underline;font-size:3cqw}
.ss .btns{left:0;right:0;bottom:0;padding:3cqw 6%;background:#08498b;display:flex;justify-content:flex-end;gap:2cqw}
.ss .btns>span{padding:1.2cqw 3.4cqw;border:1px solid #9cc3ec;font-size:3cqw}
.ss .more{opacity:0;position:static;background:#fff;color:#0a5cad;font-weight:700}
.lw .prow{left:8%;right:8%;top:34%;height:auto;padding:2.4cqw 3cqw;border-radius:2cqw;font-size:3.4cqw;gap:2cqw;opacity:0}
.lw .prow b{font-size:3.4cqw}.lw .prow small{font-size:2.6cqw}
.lw .sp1,.lw .wait{left:0;right:0;top:60%;text-align:center;color:#9aa4b8;opacity:0}
.lw .mirw{left:8%;right:8%;top:16%;aspect-ratio:16/9;border-radius:1.6cqw;overflow:hidden;background:#000;container-type:inline-size;opacity:0}
.story .cur{left:calc(var(--x,0)*1%);top:calc(var(--y,0)*1%)}
.cur{position:absolute;width:5cqw;height:7cqw;margin:-.5cqw 0 0 -.5cqw;background:#fff;clip-path:polygon(0 0,0 85%,24% 66%,40% 100%,54% 94%,40% 62%,72% 62%);filter:drop-shadow(0 0 1px #000);opacity:0;z-index:3;transform-origin:0 0}
.prep .rc .rb{display:block}
.p1 .left{position:absolute;left:6cqw;right:6cqw;bottom:5cqw;display:grid}
.p1 .left>*,.p1 .dev{grid-area:1/1;padding:1.8cqw 2.6cqw;border-radius:1.2cqw;background:rgba(30,36,52,.97);border:1px solid rgba(255,255,255,.12);opacity:0}
.p1 .dev{position:absolute;left:6cqw;right:6cqw;bottom:5cqw;color:#3ddc84;font-weight:800}
.p2 .dlg{left:16cqw;right:16cqw}
.prep .steps{margin-top:18px}
.story .steps li{border-radius:12px;padding:6px 8px;margin:-6px -8px;cursor:pointer}
.story .steps li:hover{background:rgba(255,255,255,.03)}
@media (max-width:980px){.sst{max-width:560px;width:100%;margin:0 auto 6px}}
@media (prefers-reduced-motion:reduce){.story *,.story *::before,.story *::after{animation-play-state:paused !important}.lane i{display:none}}
/* the install stages are half a panel wide: everything on their TV a size up */
.stv .tp{padding:6cqw 7cqw;gap:3cqw;font-size:4.2cqw}
.stv .tp h5{font-size:6cqw}
.stv .tp small,.stv .dlg small{font-size:3.4cqw}
.stv .tp .tr{padding:2.4cqw 3.4cqw}
.stv .app b{font-size:4.8cqw}
.stv .ico{width:11cqw;height:11cqw;font-size:6cqw;border-radius:2.4cqw}
.stv .tg{width:9cqw;height:5cqw}.stv .tg::after{left:.7cqw;top:.7cqw;width:3.6cqw;height:3.6cqw}
.stv .tb{padding:2cqw 4.6cqw;border-radius:1.4cqw}
.stv .bar{height:1.8cqw}
.stv .ohd{margin:-6cqw -7cqw 0;padding:3.4cqw 7cqw;font-size:5cqw}
.stv .inp{font-size:5.4cqw;padding:2.4cqw 3cqw}
.stv .srch{padding:2.2cqw 4cqw}
.stv .dlg{left:10cqw;right:10cqw;font-size:3.8cqw;padding:4.4cqw;gap:2.4cqw}
.stv .dlg b{font-size:4.8cqw}
.stv .sto{font-size:3.8cqw;padding:2.2cqw 3.4cqw}
.stv .p1 .left>*,.stv .p1 .dev{padding:2.4cqw 3.4cqw}