/* ===== page base ===== */
:root{--ink:#121A4A;--ink-2:#23285C;--mist:#5A6096;--line:#EAE2F8;--pri:#7332DA;--pri-2:#6F2BD9;--pri-3:#7332DA;--soft:#CAB7E9;--lav:#E6DDF9;--cloud:#F7F4FC;--bg:#F9F7FD;--deep:#432C85;--grad:linear-gradient(135deg,#7332DA 0%,#5B2CB5 60%,#432C85 100%);--label:#7332DA;--lav-strong:#9071BE;--violet-hover:#7332DA;--glow:0 14px 30px -12px rgba(115,50,218,.6);--shadow:0 20px 50px -30px rgba(67,44,133,.38);--surface:#fff;--field:#FBFAFE;--glass:rgba(255,255,255,.93);--font:"MontserratArm","Montserrat","Noto Sans Armenian",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-gutter:stable}
html.no-intro #intro{display:none!important}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;transform:translateZ(0);background:radial-gradient(900px 520px at 8% -6%,rgba(173,148,216,.18),transparent 62%),radial-gradient(760px 520px at 100% 22%,rgba(202,183,233,.22),transparent 60%),radial-gradient(900px 620px at -6% 78%,rgba(115,50,218,.1),transparent 60%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:0 0;border:0}
img,svg{max-width:100%;display:block}
ul{list-style:none}
.sn-defs symbol>*{stroke-linecap:round;stroke-linejoin:round}
.sn-defs symbol>:not([fill]){fill:none;stroke:currentColor}
.sn-defs symbol>:not([fill]):not([stroke-width]){stroke-width:2}
svg.i{width:20px;height:20px;flex:none}
.wrap{max-width:1640px;margin:0 auto;padding:0 24px}
.sec{padding:56px 0 0}

/* performance: while a sheet is open everything behind it stops animating */
html.sh-open main *,html.sh-open footer *,html.sh-open .sn-hdr *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* header buttons: white text + icon */
.sn-hdr .sn-btn-pri,.sn-drawer .sn-btn-pri{color:#fff!important}
.sn-hdr .sn-btn-pri svg,.sn-drawer .sn-btn-pri svg{color:#fff;stroke:#fff}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.btn svg{width:20px;height:20px}
.btn-pri{background:var(--grad);color:#fff;box-shadow:var(--glow)}
.btn-pri:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(115,50,218,.75)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 26px -18px rgba(67,44,133,.4)}
.btn-ghost:hover{border-color:var(--soft);transform:translateY(-2px)}
.btn-ghost svg{color:var(--pri)}
.btn-line{background:#fff;color:var(--ink);border:1.5px solid var(--soft)}
.btn-line:hover{background:var(--pri);border-color:var(--pri);color:#fff}
.btn-block{width:100%}

/* ===== HERO ===== */
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:28px;margin-top:22px;align-items:stretch}
.eb{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--lav);color:var(--pri);font-size:13px;font-weight:700}
.eb i{width:8px;height:8px;border-radius:50%;background:var(--pri);box-shadow:0 0 0 4px rgba(115,50,218,.18)}

/* cinema */
.cinema{position:relative;border-radius:34px;padding:30px 30px 26px;overflow:hidden;color:#fff;display:flex;flex-direction:column;min-height:470px;isolation:isolate;background:radial-gradient(600px 380px at 85% 0%,rgba(202,183,233,.45),transparent 60%),radial-gradient(520px 380px at 0% 100%,rgba(144,113,190,.55),transparent 60%),linear-gradient(150deg,#7332DA 0%,#5B2CB5 50%,#5B2CB5 100%);box-shadow:0 30px 60px -30px rgba(91,44,181,.7)}
.cinema::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 75%)}
.cin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.cin-head small{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#E6DDF9;letter-spacing:.02em}
.cin-head small svg{width:16px;height:16px}
.cin-head h2{font-size:clamp(26px,2.4vw,36px);font-weight:800;line-height:1.1;margin-top:6px;display:flex;align-items:center;gap:12px}
.cin-head h2 em{font-style:normal;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,#AD94D8,#6F2BD9);box-shadow:0 8px 20px -8px rgba(173,148,216,.8);letter-spacing:.06em}
.stage-w{position:relative;flex:1;display:flex;flex-direction:column}
.stage{position:relative;flex:1;min-height:300px;margin:18px -30px 0;perspective:1200px;touch-action:pan-y;user-select:none}
.film{position:absolute;left:50%;top:50%;width:min(40%,230px);aspect-ratio:2/3;border-radius:20px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s;cursor:pointer;will-change:transform}
.film .cv{position:absolute;inset:0;border-radius:inherit;overflow:hidden;box-shadow:0 30px 50px -22px rgba(0,0,0,.75);background:#121A4A}
.film .cv::after{content:"";position:absolute;inset:0;background:#0B0F2C;opacity:0;transition:opacity .7s;pointer-events:none;z-index:3}
.film.dim .cv::after{opacity:.42}
.film.on .cv{box-shadow:0 34px 60px -20px rgba(0,0,0,.8),0 0 0 2px rgba(255,255,255,.55),0 0 50px -6px rgba(173,148,216,.7)}
.film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fb{position:absolute;inset:0;padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(120% 70% at 80% 0%,var(--c1),transparent 60%),radial-gradient(120% 80% at 0% 100%,var(--c2),transparent 62%),linear-gradient(170deg,var(--c3),#33276E)}
.fb .rk{position:absolute;top:12px;left:14px;font-size:54px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.75)}
.fb b{position:relative;font-size:clamp(15px,1.3vw,19px);font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:.01em}
.fb small{position:relative;margin-top:6px;font-size:11px;font-weight:600;opacity:.8}
.film .shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);background-size:250% 100%;background-position:120% 0;pointer-events:none;z-index:2}
.film.on .shine{animation:shine 1.4s .35s ease forwards}
@keyframes shine{to{background-position:-60% 0}}
.film .rib{position:absolute;top:10px;right:10px;z-index:4;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.55);font-size:12px;font-weight:800}
.cin-info{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.cin-txt{min-width:0}
.cin-txt b{display:block;font-size:20px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s,transform .35s}
.cin-txt span{font-size:14px;color:#E6DDF9;transition:opacity .35s}
.cin-txt.fade b,.cin-txt.fade span{opacity:0;transform:translateY(6px)}
.cin-watch{flex:none;height:48px;padding:0 20px;font-size:14px;gap:10px;font-weight:800;background:linear-gradient(135deg,#fff,#F7F4FC);color:var(--deep);box-shadow:0 14px 30px -14px rgba(255,255,255,.6)}
.cin-watch:hover{transform:translateY(-2px)}
.cin-watch svg{width:18px;height:18px;color:var(--pri);stroke:var(--pri)}
.cin-watch svg:last-child{transition:transform .2s}
.cin-watch:hover svg:last-child{transform:translateX(3px)}
.dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.dots button{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.3);transition:width .35s,background .35s}
.dots button.on{width:28px;background:#AD94D8}
.sarr{position:absolute;top:50%;z-index:20;width:48px;height:48px;margin-top:-24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 26px -12px rgba(18,26,74,.6);transition:background .2s,transform .2s}
.sarr:hover{background:rgba(255,255,255,.34)}
.sarr:active{transform:scale(.92)}
.sarr svg{width:22px;height:22px;color:#fff;stroke:#fff}
.sl{left:-8px}.sr{right:-8px}

/* ===== JOIN CTA (under the film slider) ===== */
.join{position:relative;overflow:hidden;border-radius:28px;padding:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:12px}
.join::before{content:"";position:absolute;right:-60px;top:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(115,50,218,.14),transparent 70%);pointer-events:none}
.join-hd{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:2px}
.join-ic{flex:none;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--pri);color:#fff;box-shadow:0 10px 22px -12px rgba(115,50,218,.7)}
.join-ic svg{width:22px;height:22px}
.join-hd b{display:block;font-size:18px;font-weight:800;line-height:1.2}
.join-hd small{display:block;font-size:13px;color:var(--mist);margin-top:2px}
.jbtn{position:relative;display:flex;align-items:center;gap:14px;height:62px;padding:0 9px 0 9px;border-radius:999px;font-weight:800;font-size:15.5px;transition:transform .2s,background .2s,border-color .2s}
.jbtn .ji{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.jbtn .jt{flex:1;min-width:0}
.jbtn .ja{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:transform .2s}
.jbtn svg{width:20px;height:20px}
.jbtn-pri{background:linear-gradient(120deg,#9D5BF5,#7332DA 50%,#5B2CB5);color:#fff;box-shadow:0 16px 30px -16px rgba(115,50,218,.85)}
.jbtn-pri .ji{background:rgba(255,255,255,.18)}
.jbtn-pri .ja{background:#fff;color:#7332DA}
.jbtn-sec{background:var(--cloud);color:var(--ink);border:1.5px solid var(--line)}
.jbtn-sec .ji{background:var(--surface);color:var(--pri);box-shadow:0 6px 14px -8px rgba(67,44,133,.45)}
.jbtn-sec .ja{background:#7332DA;color:#fff}
.jbtn:hover{transform:translateY(-2px)}
.jbtn:hover .ja{transform:translateX(3px)}
.jbtn-sec:hover{border-color:var(--soft);background:var(--lav)}

/* ===== shared section head ===== */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.sec-head h2{font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-top:12px}
.sec-head p{color:var(--mist);margin-top:6px}
.all-link{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--pri);box-shadow:0 10px 24px -18px rgba(67,44,133,.5);transition:all .2s;flex:none}
.all-link:hover{background:var(--pri);color:#fff;border-color:var(--pri)}
.all-link svg{width:18px;height:18px;transition:transform .2s}
#plans{display:none!important}

/* ===== INTERCOM + BARRIER ===== */
.dm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dm-card{position:relative;display:flex;flex-direction:column;border-radius:30px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s,box-shadow .25s}
.dm-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(67,44,133,.6)}
.dm-art{position:relative;height:210px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(420px 220px at 85% 0%,rgba(202,183,233,.5),transparent 60%),linear-gradient(140deg,#8B45EE 0%,#6A2FD0 50%,#4F2C9E 100%)}
.dm-bar .dm-art{background:radial-gradient(420px 220px at 15% 0%,rgba(202,183,233,.45),transparent 60%),linear-gradient(140deg,#5B2CB5 0%,#432C85 55%,#2E2470 100%)}
.dm-art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:20px 20px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.dm-art>svg{position:relative;height:170px;width:auto}
.dm-bar .dm-art>svg{height:150px}
.dm-tag{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12.5px;font-weight:800}
.dm-tag svg{width:15px;height:15px}
.dm-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.dm-body h3{font-size:24px;font-weight:800;line-height:1.2}
.dm-body>p{color:var(--mist);margin-top:6px}
.dm-body ul{display:grid;gap:11px;margin:18px 0 22px;flex:1}
.dm-body li{display:flex;align-items:center;gap:11px;font-weight:600;font-size:15px}
.dm-ck{width:24px;height:24px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;flex:none}
.dm-ck svg{width:13px;height:13px;stroke:#fff}
.dm-more{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 7px 0 20px;border-radius:999px;background:var(--cloud);border:1px solid var(--line);color:var(--pri);font-weight:800;font-size:14.5px;transition:background .2s,border-color .2s}
.dm-more i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7332DA;color:#fff;transition:transform .2s}
.dm-more svg{width:17px;height:17px}
.dm-more:hover{background:var(--lav);border-color:var(--soft)}
.dm-more:hover i{transform:translateX(3px)}
.dm-cta{margin-top:22px;display:flex;align-items:center;gap:18px;padding:18px 18px 18px 22px;border-radius:26px;color:#fff;background:linear-gradient(120deg,#7332DA,#5B2CB5 60%,#432C85);box-shadow:0 20px 40px -24px rgba(91,44,181,.8)}
.dm-cta .ic{flex:none;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.dm-cta .ic svg{width:24px;height:24px}
.dm-cta .tx{flex:1;min-width:0}
.dm-cta .tx b{display:block;font-size:18px;font-weight:800;line-height:1.25}
.dm-cta .tx small{display:block;font-size:14px;color:#E6DDF9;margin-top:2px}
.dm-cta .acts{display:flex;gap:10px;flex:none}
.dm-cta .btn{height:50px;padding:0 20px;font-weight:800}
.dm-call{background:#fff;color:#5B2CB5}
.dm-call svg{color:#7332DA}
.dm-call:hover{transform:translateY(-2px)}
.dm-tg{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.35)}
.dm-tg:hover{background:rgba(255,255,255,.26)}

/* ===== PARENTAL CONTROL ===== */
.pc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:center}
.pc>*,.dm-grid>*,.hero>*{min-width:0}
.pc-copy h2{font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-top:14px}
.pc-copy>p{color:var(--mist);margin-top:12px;max-width:520px;font-size:16px}
.pc-pts{display:grid;gap:12px;margin:22px 0 26px}
.pc-pts li{display:flex;align-items:center;gap:12px;font-weight:700}
.pc-pts i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--pri);flex:none}
.pc-pts svg{width:18px;height:18px}
.ap{display:grid;place-items:center;border-radius:50%;color:#fff;flex:none}
.ap svg{width:48%;height:48%}
.ap-yt{background:#FF0000}.ap-tt{background:#000}.ap-ig{background:radial-gradient(circle at 30% 110%,#FFD776 0%,#F58529 25%,#DD2A7B 55%,#8134AF 80%,#515BD4 100%)}.ap-fb{background:#1877F2}

/* ===== COVERAGE + MORE ===== */
.duo{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}
.cov{position:relative;overflow:hidden;border-radius:34px;padding:42px 40px;min-height:400px;display:flex;flex-direction:column;isolation:isolate;color:var(--ink);background:linear-gradient(135deg,#F7F4FC 0%,#E6DDF9 55%,#E6DDF9 100%);border:1px solid var(--line);box-shadow:var(--shadow)}
.cov .map{position:absolute;inset:0;z-index:-1;display:block;cursor:pointer}
.cov .map svg{width:100%;height:100%}
.cov .map svg g[fill]{fill:rgba(115,50,218,.07)}
.cov .map svg g[stroke]{stroke:rgba(115,50,218,.16)}
.cov .map svg path[stroke-dasharray]{stroke:#7332DA}
.cov .map svg g[fill="#fff"] circle{fill:#7332DA}
.cov .eb{align-self:flex-start;background:#fff;color:var(--pri)}
.cov .eb i{background:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.2)}
.cov h2{font-size:clamp(26px,2.4vw,36px);font-weight:800;line-height:1.12;margin:16px 0 10px;max-width:470px}
.cov p{color:var(--mist);max-width:420px}
.pinbox{position:absolute;right:46px;top:56px;display:flex;align-items:center;gap:10px}
.pin{position:relative;width:46px;height:46px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--grad);box-shadow:0 14px 30px -10px rgba(0,0,0,.45);display:grid;place-items:center}
.pin::after{content:"";width:16px;height:16px;border-radius:50%;background:#fff}
.okchip{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.95);color:#121A4A;font-size:13px;font-weight:800;box-shadow:0 16px 30px -16px rgba(0,0,0,.5)}
.okchip i{width:20px;height:20px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center}
.okchip svg{width:12px;height:12px}
.maplink{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--pri);font-weight:700;font-size:14px;transition:background .2s,transform .2s,color .2s}
.maplink:hover{background:var(--pri);color:#fff;transform:translateY(-2px)}
.maplink svg{width:18px;height:18px;color:currentColor;stroke:currentColor}
.addr{margin-top:auto;padding-top:18px;display:flex;gap:10px;max-width:560px}
.addr label{flex:1;display:flex;align-items:center;gap:10px;height:60px;padding:0 18px;background:#fff;border-radius:20px;color:var(--ink);border:1px solid var(--line);box-shadow:0 14px 30px -20px rgba(67,44,133,.5)}
.addr label svg{width:20px;height:20px;color:var(--pri);flex:none}
.addr input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:15px;font-weight:500}
.addr input::placeholder{color:#9A9EC4}
.addr .btn{height:60px;border-radius:20px;color:#fff}
.addr .btn svg{stroke:#fff}
.addr .btn:hover{background:var(--ink)}
.more{border-radius:34px;padding:42px 40px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.more h2{font-size:clamp(26px,2.4vw,36px);font-weight:800;line-height:1.12;margin-top:16px}
.more>p{color:var(--mist);margin-top:8px}
.mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.mg{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;background:linear-gradient(150deg,#F9F7FD,#F7F4FC);border:1px solid var(--line);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.mg:hover{transform:translateY(-4px);border-color:var(--soft);box-shadow:0 22px 40px -26px rgba(67,44,133,.6)}
.mg .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;background:var(--pri);color:#fff;box-shadow:0 10px 22px -12px rgba(115,50,218,.6)}
.mg .ic svg{width:24px;height:24px;stroke:#fff}
.mg b{display:block;font-size:16px;font-weight:800;line-height:1.25}
.mg small{display:block;font-size:13px;color:var(--mist);margin-top:3px}

/* form fields */
.inp label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.inp .er{display:none;font-size:12px;color:#DC2626;margin-top:4px}

/* ===== bottom nav (mobile) ===== */
.bnav{display:none}

/* ===== HERO SLIDER ===== */
.hs{position:relative;border-radius:34px;overflow:hidden;color:#fff;min-height:580px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:40px 46px 28px;isolation:isolate;background:#5B2CB5;box-shadow:0 30px 60px -32px rgba(91,44,181,.7)}
.hs-slides{display:grid}
.hs-slide{grid-area:1/1;visibility:hidden}
.hs-slide.on,.hs-slide.out{visibility:visible}
.hs-bg{position:absolute;inset:0;overflow:hidden;z-index:-1}
.hs-slide .hs-bg{clip-path:circle(0% at 85% 50%);transition:clip-path 1.1s cubic-bezier(.65,0,.35,1)}
.hs-slide.on .hs-bg{clip-path:circle(150% at 85% 50%);z-index:-1}
.hs-slide.out .hs-bg{clip-path:circle(150% at 85% 50%);z-index:-2;transition:none}
.hs-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 6s ease-out}
.hs-slide.on .hs-bg img{transform:scale(1)}
.hs-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(91,44,181,.9) 0%,rgba(115,50,218,.72) 45%,rgba(173,148,216,.22) 100%),linear-gradient(0deg,rgba(67,44,133,.85) 0%,transparent 60%)}
.hs-tx{position:relative;max-width:580px}
.hs-tx>*{opacity:0;transform:translateX(-30px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.hs-slide.on .hs-tx>*{opacity:1;transform:none}
.hs-slide.out .hs-tx>*{opacity:0;transform:translateX(30px);transition:opacity .4s,transform .4s}
.hs-eb{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);font-size:13px;font-weight:700}
.hs-ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#AD94D8,#6F2BD9)}
.hs-ic svg{width:17px;height:17px;color:#fff;stroke:#fff}
.hs h1,.hs h2{font-size:clamp(30px,3.3vw,50px);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:18px 0 14px}
.hs-tx p{font-size:17px;color:#E6DDF9;max-width:470px}
.hs-price{display:inline-flex;align-items:baseline;gap:8px;margin-top:18px;padding:10px 18px;border-radius:18px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 16px 30px -16px rgba(0,0,0,.5)}
.hs-price small{font-size:13px;font-weight:700;color:var(--mist)}
.hs-price b{font-size:24px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-price span{font-size:13px;font-weight:600;color:var(--mist)}
.hs-foot{position:relative}
.hs .actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.btn-glass{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn-glass:hover{background:rgba(255,255,255,.28);transform:translateY(-2px)}
.btn-glass svg{color:#fff;stroke:#fff}
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.benefits div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:700;line-height:1.25;min-width:0}
.benefits span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--grad);flex:none;color:#fff}
.benefits svg{width:18px;height:18px;color:#fff;stroke:#fff}
.benefits b{min-width:0}
.hs-dots{display:flex;gap:8px;margin-top:18px}
.hs-dots button{flex:0 0 46px;height:5px;padding:0;border-radius:5px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.hs-dots button i{position:absolute;inset:0;width:0;background:#fff;border-radius:inherit}
.hs-dots button.hs-done i{width:100%}
.hs-dots button.on i{animation:fill var(--hs-t,6s) linear forwards}
.hs.paused .hs-dots button.on i{animation-play-state:paused}
@keyframes fill{to{width:100%}}
.hs-nav{position:absolute;top:40px;right:40px;display:flex;gap:8px;z-index:3}
.hs-nav button{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);transition:background .2s,transform .2s}
.hs-nav button:hover{background:rgba(255,255,255,.32)}
.hs-nav button:active{transform:scale(.92)}
.hs-nav svg{width:20px;height:20px;color:#fff;stroke:#fff}

/* ===== SHEETS (pay / help)  no backdrop blur: it was the main cause of lag ===== */
.sheet{position:fixed;inset:0;z-index:90;visibility:hidden}
.sheet.open{visibility:visible}
.sheet .shade{position:absolute;inset:0;background:rgba(18,26,74,.58);opacity:0;transition:opacity .22s}
.sheet.open .shade{opacity:1}
.sheet-box{position:absolute;left:0;right:0;bottom:0;background:var(--surface);color:var(--ink);border-radius:28px 28px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.9,.3,1);box-shadow:0 -20px 60px -20px rgba(67,44,133,.45);max-height:85vh;overflow-y:auto;overscroll-behavior:contain;font-family:var(--font);contain:layout paint;will-change:transform}
.sheet.open .sheet-box{transform:none}
.grab{display:block;width:44px;height:5px;border-radius:5px;background:var(--line);margin:4px auto 10px}
.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.sheet-head h3{font-size:20px;font-weight:800;line-height:1.2}
.sheet .x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--cloud);flex:none}
.sheet .x svg{width:18px;height:18px}
.ph-ttl{display:flex;align-items:center;gap:12px;min-width:0}
.si2{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center}
.si2 svg{width:20px;height:20px;color:#fff;stroke:#fff}
.sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sheet-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 8px;border-radius:18px;background:var(--cloud);font-weight:700;font-size:13px;text-align:center;line-height:1.3;min-width:0;transition:background .2s,transform .15s}
.sheet-grid a:hover{background:var(--lav)}
.sheet-grid a:active{transform:scale(.96)}
.sheet-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.sheet-contact .btn{height:50px;padding:0 10px;font-size:15px}
.sheet-hours{color:var(--mist);margin-top:12px;font-size:13px;text-align:center}
.payf .inp label{display:block;font-size:13px;font-weight:700;margin:0 0 8px 4px;padding-left:6px}
.pay-row{display:flex;flex-direction:column;gap:10px}
.pay-row input{width:100%;min-width:0;height:54px;border:1.5px solid var(--line);border-radius:999px;padding:0 22px;background:var(--field);color:var(--ink);font-size:16px;outline:0;transition:border-color .2s}
.pay-row input:focus{border-color:var(--pri)}
.pay-row .btn{width:100%;border-radius:999px}
.payf .er{display:none;font-size:12.5px;color:#DC2626;margin:6px 0 0 4px}
.payf .inp.bad input{border-color:#DC2626}
.payf .inp.bad .er{display:block}
.pay-note{color:var(--mist);font-size:13px;margin:10px 0 4px;line-height:1.45}
.pay-methods{display:block;width:auto;max-width:100%;max-height:44px;margin:16px auto 0;object-fit:contain}
#paySheet .sheet-head{margin-bottom:10px}
#paySheet .x,#cxSheet .x{width:44px;height:44px;border-radius:50%;background:var(--lav);color:#7332DA;display:grid;place-items:center;border:0}
#paySheet .x svg,#cxSheet .x svg{width:20px;height:20px}
@media (min-width:721px){
 .sheet{display:grid;place-items:center;padding:20px}
 .sheet-box{position:relative;left:auto;right:auto;bottom:auto;width:min(600px,calc(100vw - 40px));border-radius:30px;padding:26px 28px 24px;transform:translateY(16px);opacity:0;transition:transform .25s cubic-bezier(.2,.9,.3,1),opacity .18s;max-height:calc(100vh - 40px)}
 .sheet.open .sheet-box{transform:none;opacity:1}
 .sheet .grab{display:none}
 #helpSheet .sheet-box{width:min(620px,calc(100vw - 40px))}
 #paySheet .sheet-box{width:min(640px,calc(100vw - 40px));max-height:calc(100vh - 24px);padding-top:20px;padding-bottom:20px}
}
@media (min-width:721px) and (max-height:820px){#paySheet .pay-note{display:none}}

/* ===== responsive ===== */
@media (max-width:1180px){
 .hero{grid-template-columns:1fr}
 .hs{min-height:560px}
 .cinema{min-height:500px}
 .duo,.pc{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .wrap{padding:0 14px}
 .sec{padding-top:40px}
 .hero{margin-top:14px;gap:16px}
 .hs{display:none}
 .cinema{border-radius:28px;padding:24px 20px 20px;min-height:0}
 .stage{min-height:300px;margin:14px -20px 0}
 .film{width:min(52%,210px)}
 .cin-info{flex-direction:column;align-items:stretch;text-align:center}
 .cin-txt b{font-size:18px}
 .cin-watch{width:100%}
 .sarr{width:40px;height:40px;margin-top:-20px}
 .sl{left:-6px}.sr{right:-6px}
 .sarr svg{width:19px;height:19px}
 .join{padding:16px;border-radius:24px;gap:10px}
 .join-ic{width:42px;height:42px;border-radius:13px}
 .join-hd b{font-size:16.5px}
 .jbtn{height:58px;font-size:15px;gap:12px}
 .jbtn .ji,.jbtn .ja{width:40px;height:40px}
 .sec-head{flex-direction:column;align-items:flex-start;gap:14px}
 .sec-head .all-link{height:42px;font-size:13px}
 .dm-grid{grid-template-columns:1fr;gap:14px}
 .dm-card{border-radius:26px}
 .dm-art{height:170px}
 .dm-art>svg{height:140px}
 .dm-bar .dm-art>svg{height:124px}
 .dm-body{padding:20px 18px 20px}
 .dm-body h3{font-size:21px}
 .dm-body ul{margin:14px 0 18px}
 .dm-body li{font-size:14px}
 .dm-cta{flex-direction:column;align-items:stretch;text-align:center;padding:20px 16px 16px;gap:12px;border-radius:24px}
 .dm-cta .ic{margin:0 auto}
 .dm-cta .acts{display:grid;grid-template-columns:1fr 1fr}
 .dm-cta .btn{padding:0 10px;font-size:14px}
 .pc{gap:18px}
 .pc-copy>p{font-size:15px}
 .pc-pts{margin:16px 0 18px;gap:10px}
 .pc-pts li{font-size:14.5px}
 .pc-copy .btn{width:100%}
 .cov,.more{padding:30px 22px;border-radius:28px}
 .cov{min-height:380px}
 .pinbox{right:22px;top:24px;transform:scale(.8);transform-origin:right top}
 .okchip{display:none}
 .cov h2{padding-right:70px}
 .addr{flex-direction:column}
 .addr .btn{width:100%}
 .addr label{flex:none}
 .more h2{font-size:22px}
 .mgrid{grid-template-columns:1fr 1fr;gap:10px}
 .mg{flex-direction:column;align-items:flex-start;padding:16px;gap:10px}
 .mg .ic{width:44px;height:44px;border-radius:14px}
 .mg b{font-size:14px}
 .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:45;padding:5px;background:rgba(255,255,255,.97);border-radius:22px;box-shadow:0 14px 40px -16px rgba(67,44,133,.45);border:1px solid var(--line);font-family:var(--font);overflow:visible}
 .bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;font-size:11px;font-weight:600;color:var(--mist);border-radius:16px;transition:background .25s,color .25s;text-align:center;line-height:1.2}
 .bnav a.on{color:var(--pri);background:rgba(111,43,217,.12)}
 .bnav svg{width:22px;height:22px}
 .bnav a[data-open-pay]{position:relative;overflow:visible;background:none!important;color:#7332DA!important;font-weight:800;justify-content:flex-end;padding-top:0;padding-bottom:10px}
 .bnav a[data-open-pay] svg{box-sizing:content-box;width:26px;height:26px;padding:16px;margin:-32px 0 2px;border-radius:50%;color:#fff;background:radial-gradient(circle at 30% 25%,#A86CF7 0%,#7332DA 55%,#4F2C9E 100%);border:2px solid var(--surface,#fff);box-shadow:0 14px 24px -10px rgba(91,44,181,.8);transition:transform .2s cubic-bezier(.3,1.4,.5,1)}
 .bnav a[data-open-pay]:active svg{transform:scale(.9) translateY(2px)}
 .bnav a[data-open-pay] span{font-size:10.5px;color:#7332DA}
 .sheet-grid a{padding:12px 6px;font-size:12px}
}
@media (max-width:374px){
 .bnav a{font-size:9.5px;letter-spacing:-.01em}
 .bnav svg{width:20px;height:20px}
 .mgrid{grid-template-columns:1fr}
 .cov h2,.more h2{font-size:23px}
 .dm-cta .acts{grid-template-columns:1fr}
}
@media (max-width:720px) and (max-height:900px){#paySheet .pay-note{display:none}}
@media (max-width:720px){
 #paySheet .sheet-box{max-height:94vh;padding-top:6px}
 #paySheet .pay-row{gap:8px}
 #paySheet .pay-row input,#paySheet .pay-row .btn{height:48px;min-height:48px}
}

/* ===== DARK MODE ===== */
[data-theme=dark]{--ink:#EEF0FB;--ink-2:#D6D9F2;--mist:#A3A8CF;--line:#2A3066;--lav:#252A5E;--cloud:#1C2152;--bg:#0D1133;--surface:#161B45;--field:#11163B;--glass:rgba(22,27,69,.9);--pri:#AD94D8;--soft:#5B2CB5;--shadow:0 20px 50px -30px rgba(0,0,0,.7);color-scheme:dark}
[data-theme=dark] body::before{background:radial-gradient(900px 520px at 8% -6%,rgba(111,43,217,.18),transparent 62%),radial-gradient(760px 520px at 100% 22%,rgba(115,50,218,.12),transparent 60%),radial-gradient(900px 620px at -6% 78%,rgba(91,44,181,.14),transparent 60%)}
[data-theme=dark] .more,[data-theme=dark] .all-link,[data-theme=dark] .btn-line,[data-theme=dark] .btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}
[data-theme=dark] .mg{background:linear-gradient(150deg,#121A4A,#241B55);border-color:var(--line)}
[data-theme=dark] .eb{background:var(--lav);color:#CAB7E9}
[data-theme=dark] .addr label{background:var(--surface);color:var(--ink)}
[data-theme=dark] .hs-price{background:rgba(18,26,74,.95);color:var(--ink)}
[data-theme=dark] .bnav{background:rgba(18,26,74,.97)!important;border-color:var(--line)!important}
[data-theme=dark] .bnav a.on{background:rgba(173,148,216,.16)}
[data-theme=dark] .bnav a[data-open-pay],[data-theme=dark] .bnav a[data-open-pay] span{color:#CAB7E9!important}
[data-theme=dark] .bnav a[data-open-pay] svg{border-color:#161B45}
[data-theme=dark] .pay-methods{background:#fff;border-radius:10px;padding:6px 10px}
[data-theme=dark] .all-link{color:#CAB7E9}
[data-theme=dark] .cov{background:linear-gradient(135deg,#121A4A,#241B55);color:var(--ink)}
[data-theme=dark] .maplink{background:var(--surface);color:#CAB7E9}
[data-theme=dark] .mg .ic,[data-theme=dark] .rp-ic,[data-theme=dark] .sts .si,[data-theme=dark] .si2,[data-theme=dark] .join-ic,[data-theme=dark] .dm-ck{background:#7332DA;color:#fff}
[data-theme=dark] .btn-pri,[data-theme=dark] .sn-btn-pri,[data-theme=dark] .addr .btn{background:#7332DA;color:#fff}
[data-theme=dark] .sn-drawer .sn-mi,[data-theme=dark] .sn-di{color:#CAB7E9}
[data-theme=dark] .pc-pts i{color:#CAB7E9}
[data-theme=dark] .dm-more{color:#CAB7E9}
[data-theme=dark] .jbtn-sec .ji{color:#CAB7E9}
[data-theme=dark] #paySheet .x,[data-theme=dark] #cxSheet .x{background:var(--cloud);color:#CAB7E9}
html{transition:background-color .3s}
body{transition:background-color .3s,color .3s}

/* ===== FOOTER ===== */
footer{margin-top:70px;padding:72px 0 calc(30px + env(safe-area-inset-bottom,0px));border-radius:44px 44px 0 0;color:#E6DDF9;background:linear-gradient(115deg,#7332DA 0%,#5B2CB5 40%,#5B2CB5 100%)}
footer .wrap{max-width:1340px}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:36px}
.ft>*{min-width:0}
.ft p{font-size:15px;margin-top:4px}
.ft h4{color:#fff;font-size:15px;font-weight:800;margin-bottom:16px}
.ft ul{display:grid;gap:10px;font-size:14.5px;list-style:none}
.ft a{transition:color .2s}
.ft a:hover{color:#fff}
.logo-chip{display:inline-flex;color:#fff;margin-bottom:20px}
.logo-chip img{height:48px;width:auto;filter:brightness(0) invert(1)}
.lc-tx{font-size:28px;font-weight:800;letter-spacing:.04em}
.ft .big{display:block;font-weight:800;color:#fff;font-size:24px;margin:4px 0 8px}
.soc{display:flex;gap:10px;margin-top:18px}
.soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.14);color:#fff;transition:.2s}
.soc a:hover{background:#fff;color:var(--pri)}
.soc svg{width:20px;height:20px}
.copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.18);margin-top:48px;padding-top:22px;font-size:13.5px}
@media (max-width:1480px){.ft{grid-template-columns:1.3fr 1fr 1fr}}
@media (max-width:960px){.ft{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
 footer{border-radius:30px 30px 0 0;padding-top:44px;margin-top:44px}
 .ft{grid-template-columns:1fr 1fr;gap:28px 18px}
 .ft>:first-child{grid-column:1/-1}
 .copy{flex-direction:column;margin-top:30px}
}
@media (max-width:340px){.ft{grid-template-columns:1fr}}

/* ===== SPEED TEST / REPORTS ===== */
.stw{display:flex;flex-direction:column;align-items:center;gap:22px;padding:6px 0 4px}
.st-gauge{position:relative;width:min(300px,78vw);aspect-ratio:1}
.st-gauge svg{width:100%;height:100%;overflow:visible}
.st-gauge .trk,.st-gauge .val{fill:none;stroke-width:16;stroke-linecap:round;transform:rotate(135deg);transform-origin:130px 130px}
.st-gauge .trk{stroke:var(--line);stroke-dasharray:75 100}
.st-gauge .val{stroke:url(#stg);transition:stroke .3s}
.st-gauge .val.up{stroke:#7332DA}
.st-gauge text{font-size:12px;font-weight:700;fill:var(--mist);font-family:var(--font)}
.st-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.st-center b{font-size:clamp(44px,12vw,58px);line-height:1;letter-spacing:-.03em;font-weight:800}
.st-center span{color:var(--mist);font-weight:700;font-size:14px;margin-top:4px}
.st-center small{color:var(--pri);font-weight:700;font-size:13px;margin-top:10px;max-width:62%;line-height:1.3}
.stw[data-state=idle] .st-center,.stw[data-state=idle] .st-gauge .val{opacity:0}
.st-go{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--grad);color:#fff;font-size:20px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 20px 40px -14px rgba(115,50,218,.75);transition:transform .2s}
.st-go::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(115,50,218,.45)}
.st-go:hover{transform:translate(-50%,-50%) scale(1.05)}
.stw:not([data-state=idle]) .st-go{display:none}
.st-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}
.sts{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:20px;background:var(--cloud);border:1.5px solid transparent;transition:border-color .3s,background .3s}
.sts.on{background:var(--surface);border-color:var(--pri-3)}
.sts .si{width:34px;height:34px;margin-bottom:6px;border-radius:50%;display:grid;place-items:center;background:var(--pri);color:#fff}
.sts .si svg{width:17px;height:17px;color:#fff;stroke:#fff}
.sts .si.up svg{transform:rotate(180deg)}
.sts small{font-size:12px;color:var(--mist);font-weight:700}
.sts b{font-size:22px;font-weight:800;line-height:1.2}
.sts em{font-style:normal;font-size:11.5px;color:var(--mist);font-weight:600}
.st-err{color:#DC2626;font-size:14px;text-align:center}
.st-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.st-cred{font-size:12px;color:var(--mist)}
.st-ext{display:flex;align-items:center;gap:6px;color:var(--pri);font-weight:700;font-size:13.5px}
.st-ext svg{width:15px;height:15px}
.rp-years{display:flex;gap:6px;padding:5px;border-radius:999px;margin-bottom:16px;overflow-x:auto;background:var(--cloud)}
.rp-years button{flex:1;padding:10px 14px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--mist);white-space:nowrap;transition:.2s}
.rp-years button[aria-selected=true]{background:var(--pri);color:#fff}
.rp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rpc{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:var(--cloud);border:1.5px solid transparent;min-width:0;transition:transform .2s,border-color .2s,background .2s}
a.rpc:hover{transform:translateY(-2px);border-color:var(--soft);background:var(--surface)}
.rp-ic{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pri);color:#fff}
.rp-ic svg{width:21px;height:21px;color:#fff;stroke:#fff}
.rp-tx{flex:1;min-width:0}
.rp-tx b{display:block;font-size:15px}
.rp-tx small{color:var(--mist);font-size:12.5px;font-weight:600}
.rp-dl{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--pri);transition:.2s}
.rp-dl svg{width:16px;height:16px}
a.rpc:hover .rp-dl{background:var(--pri);color:#fff}
.rpc.off{opacity:.5}
.rpc.off .rp-ic{background:var(--line);color:var(--mist)}
@media (min-width:721px){
 #speedSheet .sheet-box{width:min(820px,calc(100vw - 40px))}
 #repSheet .sheet-box{width:min(760px,calc(100vw - 40px))}
 #speedSheet .stw{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:16px 30px}
 #speedSheet .st-gauge{width:260px;grid-row:1/span 3}
 #speedSheet .st-stats{grid-template-columns:repeat(2,1fr)}
 #speedSheet .st-err,#speedSheet .st-again{grid-column:2}
}
@media (max-width:720px){.st-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.rp-grid{grid-template-columns:1fr}}

/* ===== OPENING ANIMATION (first visit only) ===== */
#intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(800px 500px at 50% 40%,#9071BE 0%,#7332DA 40%,#5B2CB5 100%);color:#fff;transition:opacity .45s ease;animation:inKill .01s 2.6s forwards}
#intro.out{opacity:0;pointer-events:none}
.in-box{display:flex;flex-direction:column;align-items:center;gap:22px}
.in-logo{width:200px;height:200px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);box-shadow:0 20px 50px -20px rgba(0,0,0,.5);animation:inPop .6s cubic-bezier(.2,1.4,.4,1) both}
.in-logo img{width:150px;height:auto;filter:brightness(0) invert(1)}
.in-logo b{font-size:32px;font-weight:800;letter-spacing:.06em}
@keyframes inPop{from{transform:scale(.4);opacity:0}}
.in-bar{width:200px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}
.in-bar i{display:block;height:100%;width:0;border-radius:inherit;background:#fff;animation:inBar .9s cubic-bezier(.4,0,.2,1) forwards}
@keyframes inBar{to{width:100%}}
.in-box small{font-size:14px;font-weight:700;letter-spacing:.4em;opacity:.85}
@keyframes inKill{to{opacity:0;visibility:hidden;pointer-events:none}}
html.enter .hero>*{animation:enUp .7s cubic-bezier(.2,.8,.2,1) both}
html.enter .hero>:nth-child(2){animation-delay:.1s}
@keyframes enUp{from{opacity:0;transform:translateY(30px)}}

/* ===== header ===== */
@font-face{font-family:MontserratArm;font-weight:300;font-display:swap;src:url("/static/fonts/Montserratarm-Light.otf") format("opentype")}@font-face{font-family:MontserratArm;font-weight:400;font-display:swap;src:url("/static/fonts/Montserratarm-Regular.otf") format("opentype")}@font-face{font-family:MontserratArm;font-weight:500;font-display:swap;src:url("/static/fonts/Montserratarm-Medium.otf") format("opentype")}@font-face{font-family:MontserratArm;font-weight:600;font-display:swap;src:url("/static/fonts/Montserratarm-SemiBold.otf") format("opentype")}@font-face{font-family:MontserratArm;font-weight:700;font-display:swap;src:url("/static/fonts/Montserratarm-Bold.otf") format("opentype")}@font-face{font-family:MontserratArm;font-weight:800;font-display:swap;src:url("/static/fonts/Montserratarm-ExtraBold.otf") format("opentype")}.sn-scope{--ink:#121A4A;--ink-2:#23285C;--mist:#5A6096;--line:#EAE2F8;--pri:#7332DA;--pri-2:#6F2BD9;--pri-3:#7332DA;--soft:#CAB7E9;--lav:#E6DDF9;--cloud:#F7F4FC;--bg:#F9F7FD;--deep:#432C85;--grad:linear-gradient(135deg,#7332DA 0%,#5B2CB5 60%,#432C85 100%);--label:#7332DA;--lav-strong:#9071BE;--violet-hover:#7332DA;--grad-deep:linear-gradient(140deg,#5B2CB5 0%,#432C85 100%);--glow:0 14px 30px -12px rgba(115,50,218,.6);--shadow:0 20px 50px -30px rgba(67,44,133,.38);--shadow-s:0 10px 30px -22px rgba(67,44,133,.45);--ok:#16A34A;--err:#DC2626;--surface:#fff;--field:#FBFAFE;--glass:rgba(255,255,255,.93);--store:#121A4A;--menu:#33276E;--font:"MontserratArm","Montserrat","Noto Sans Armenian",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--head:"MontserratArm","Montserrat","Noto Sans Armenian",system-ui,sans-serif;--wrap:1480px;--wrap-wide:1640px;box-sizing:border-box;font-family:var(--font);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;text-align:left}[data-theme=dark] .sn-scope{--ink:#F7F4FC;--ink-2:#E6DDF9;--mist:#AD94D8;--line:#241B55;--lav:#241B55;--cloud:#121A4A;--bg:#0A0D26;--surface:#121A4A;--field:#121A4A;--glass:rgba(18,26,74,.9);--store:#241B55;--pri:#AD94D8;--menu:#E6DDF9;--shadow:0 20px 50px -30px rgba(0,0,0,.7);--shadow-s:0 10px 30px -22px rgba(0,0,0,.7);color-scheme:dark}.sn-scope *,.sn-scope ::before,.sn-scope ::after{box-sizing:border-box;margin:0;padding:0}.sn-scope a{color:inherit;text-decoration:none}.sn-scope img,.sn-scope svg{max-width:100%}.sn-scope button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.sn-scope ul{list-style:none}.sn-drop a .sn-di{place-items:center}.sn-lang-menu button{text-align:center}.sn-drawer.sn-open{visibility:visible}.sn-drop,.sn-menu{list-style:none}[data-theme=dark] .sn-drawer .sn-logo img,[data-theme=dark] .sn-hdr .sn-logo img{filter:brightness(0) invert(1)}.sn-btn,.sn-dr-apps a{white-space:nowrap}[data-theme=dark] .sn-btn-line{border-color:#33276E}[data-theme=dark] .sn-lang button[aria-pressed=true]{background:#6F2BD9;color:#fff}[data-theme=dark] .sn-sw{background:#6F2BD9}.sn-btn{font-family:var(--head)}.sn-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.sn-hdr .sn-wrap{max-width:var(--wrap-wide)}.sn-logo{letter-spacing:.04em}.sn-btn,.sn-drop a{font-size:15px}.sn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:999px;padding:14px 26px;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s;border:1.5px solid transparent}.sn-hdr .sn-bar,.sn-logo{align-items:center;display:flex}.sn-logo{font-family:var(--head);font-weight:800}.sn-btn:active{transform:scale(.97)}.sn-btn-pri:hover{transform:translateY(-1px)}.sn-btn svg,.sn-dr-soc svg,.sn-drawer .sn-btns .sn-btn svg,.sn-drop a .sn-di svg,.sn-hbtn svg{width:18px;height:18px}.sn-btn-pri{background:var(--grad);color:#fff;box-shadow:var(--glow)}.sn-btn-pri:hover{box-shadow:0 18px 36px -12px rgba(115,50,218,.8)}.sn-btn-line{border-color:#E6DDF9;color:var(--ink-2);background:var(--surface)}.sn-btn-line:hover{border-color:var(--pri-3);color:var(--pri)}.sn-menu>li.sn-open>button,.sn-menu>li>a:hover,.sn-menu>li>button:hover{background:var(--lav);color:var(--pri)}.sn-btn-sm{padding:10px 20px;font-size:14px}.sn-hdr{position:sticky;top:12px;z-index:50;margin-top:12px}.sn-hdr .sn-bar{gap:14px;height:78px;background:var(--glass);border-radius:26px;padding:0 12px 0 20px;box-shadow:0 16px 44px -26px rgba(67,44,133,.45);border:1px solid rgba(234,226,248,.9)}.sn-logo{font-size:20px;flex-shrink:0}.sn-hdr .sn-logo{margin-right:26px}.sn-logo img{height:44px;width:auto;max-width:190px;object-fit:contain}.sn-menu{display:flex;gap:2px;margin:0 auto;min-width:0}.sn-langdd,.sn-menu>li{position:relative}.sn-menu>li>a,.sn-menu>li>button{white-space:nowrap;display:flex;align-items:center;gap:6px;padding:11px 13px;border-radius:14px;font-weight:600;font-size:15px;color:var(--menu);transition:background .15s,color .15s}.sn-chev{width:10px;height:10px;transition:transform .2s;flex-shrink:0}.sn-drop,.sn-lang-menu{transform:translateY(-6px);transition:.18s;position:absolute;opacity:0;visibility:hidden}.sn-drop a,.sn-hdr-act{align-items:center}.sn-drawer details[open] .sn-chev,.sn-langdd.sn-open .sn-chev,.sn-menu li.sn-open .sn-chev{transform:rotate(180deg)}.sn-drop{top:calc(100% + 12px);left:0;min-width:270px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px;box-shadow:0 28px 60px -28px rgba(67,44,133,.5)}.sn-lang,.sn-lang-btn,.sn-theme-btn{display:flex;border-radius:14px;background:var(--cloud)}.sn-drop::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.sn-langdd.sn-open .sn-lang-menu,.sn-menu li.sn-open .sn-drop{opacity:1;visibility:visible;transform:none}.sn-drop a{display:flex;gap:12px;padding:10px 12px;border-radius:12px;font-weight:600}.sn-drop small,.sn-theme-btn .sn-moon,[data-theme=dark] .sn-theme-btn .sn-sun{display:block}.sn-drop a .sn-di{flex:0 0 36px;height:36px;border-radius:50%;background:var(--cloud);color:var(--pri);display:grid}.sn-drawer details a:hover,.sn-drop a:hover,.sn-lang-menu button:hover{background:var(--cloud);color:var(--pri)}.sn-drop a:hover .sn-di,.sn-lang button[aria-pressed=true]{background:var(--pri);color:#fff}.sn-drop small{color:var(--mist);font-size:12.5px;font-weight:500}.sn-lang button,.sn-lang-btn,.sn-theme-btn{font-weight:800;font-family:var(--head)}.sn-hdr-act{display:flex;gap:10px;flex-shrink:0}.sn-lang{gap:2px;padding:4px}.sn-lang-btn,.sn-theme-btn{align-items:center;gap:6px;height:44px;padding:0 14px;color:var(--pri);font-size:13px}.sn-lang-btn:hover,.sn-langdd.sn-open .sn-lang-btn,.sn-theme-btn:hover{background:var(--lav)}.sn-theme-btn{width:44px;padding:0;justify-content:center}.sn-hdr-act .sn-lang-btn,.sn-hdr-act>.sn-theme-btn[data-theme-toggle]{border-radius:999px}.sn-drawer .sn-mi svg,.sn-theme-btn svg{width:20px;height:20px}.sn-burger,.sn-theme-btn .sn-sun,[data-theme=dark] .sn-theme-btn .sn-moon{display:none}.sn-lang-menu{top:calc(100% + 10px);right:0;flex-direction:column;min-width:96px;padding:6px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 50px -24px rgba(67,44,133,.5);z-index:5}.sn-lang-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.sn-lang-menu button{padding:10px 12px;font-size:13.5px;border-radius:10px}.sn-lang-menu button small{font-weight:600;color:var(--mist);margin-left:6px;font-family:var(--font)}.sn-lang-menu button[aria-pressed=true] small{color:rgba(255,255,255,.8)}.sn-burger,.sn-drawer details[open] summary{color:var(--pri)}.sn-lang button{padding:7px 10px;border-radius:10px;font-size:12px;color:var(--mist)}.sn-hbtn{gap:8px;padding:11px 18px}.sn-burger{width:46px;height:46px;border-radius:14px;background:var(--cloud);align-items:center;justify-content:center}.sn-burger svg{width:22px;height:22px}.sn-drawer{position:fixed;inset:0;z-index:80;visibility:hidden}.sn-drawer .sn-shade{position:absolute;inset:0;background:rgba(18,26,74,.45);opacity:0;transition:.25s}.sn-drawer.sn-open .sn-shade{opacity:1}.sn-drawer .sn-panel{position:absolute;top:0;right:0;bottom:0;width:min(370px,90vw);background:var(--surface);padding:calc(env(safe-area-inset-top,0px) + 18px) 22px 30px;overflow-y:auto;transform:translateX(100%);transition:transform .3s;border-radius:28px 0 0 28px}.sn-drawer.sn-open .sn-panel{transform:none}.sn-drawer .sn-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sn-drawer .sn-lnk,.sn-drawer details{border-bottom:1px solid var(--line)}.sn-drawer .sn-lnk,.sn-drawer summary{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;font-weight:700;font-size:17px;list-style:none;cursor:pointer;font-family:var(--head)}.sn-drawer summary::-webkit-details-marker{display:none}.sn-drawer details a{display:block;color:var(--mist);font-weight:500}.sn-drawer .sn-btns{display:grid;gap:10px;margin-top:22px}.sn-drawer .sn-lang{margin-top:20px;display:inline-flex}.sn-drawer .sn-phones{margin-top:20px;font-size:14px;color:var(--mist)}.sn-drawer .sn-phones a{display:block;color:var(--ink);font-weight:800;font-size:19px;font-family:var(--head)}.sn-x{color:var(--pri)}.sn-x{display:grid;place-items:center}.sn-sw i,.sn-x{position:absolute}.sn-drawer .sn-mi{background:var(--lav)}.sn-x{top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--cloud)}.sn-x svg{width:16px;height:16px}.sn-drawer .sn-mi,.sn-sw i{border-radius:50%}.sn-drawer .sn-mi{color:var(--pri);transition:.2s;place-items:center}.sn-sw{position:relative}.sn-hacc{display:none}.sn-drawer .sn-lnk,.sn-drawer summary{justify-content:flex-start;gap:14px;width:100%;text-align:left}.sn-drawer .sn-lnk .sn-sw,.sn-drawer summary .sn-chev{margin-left:auto}.sn-drawer .sn-mi{flex:0 0 40px;height:40px;display:grid}.sn-drawer details[open] .sn-mi{background:var(--grad);color:#fff}.sn-drawer details a{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;border-radius:12px;margin:0 0 2px 36px}.sn-drawer details[open]{padding-bottom:10px}.sn-drawer .sn-si{width:18px;height:18px;color:var(--pri-3);flex-shrink:0}.sn-sw{width:46px;height:26px;border-radius:999px;background:var(--line);transition:background .2s;flex-shrink:0}.sn-sw i{top:3px;left:3px;width:20px;height:20px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .2s}[data-theme=dark] .sn-sw i{transform:translateX(20px)}.sn-drow-theme{color:inherit}[data-theme=dark] .sn-drop,[data-theme=dark] .sn-hdr .sn-bar,[data-theme=dark] .sn-lang-menu{border-color:rgba(173,148,216,.14)}[data-theme=dark] .sn-hdr .sn-bar{box-shadow:0 0 0 1px rgba(111,43,217,.06),0 10px 40px -12px rgba(111,43,217,.35)}@media (max-width:1280px){.sn-menu>li>a,.sn-menu>li>button{padding:10px;font-size:14.5px}}@media (max-width:1640px){.sn-menu>li>a,.sn-menu>li>button{padding:10px}.sn-hdr .sn-logo{margin-right:18px}}@media (max-width:1480px){.sn-hdr-act .sn-hbtn,.sn-hdr-act .sn-langdd,.sn-hdr-act .sn-theme-btn[data-theme-toggle],.sn-menu{display:none}.sn-burger,.sn-hacc{display:flex}.sn-hdr-act{margin-left:auto}}@media (max-width:720px){.sn-burger,.sn-hacc{border-radius:50%}.sn-wrap{padding:0 14px}.sn-hdr{top:8px;margin-top:8px}.sn-hdr .sn-bar{height:64px;border-radius:22px;padding:0 10px 0 16px}.sn-logo img{height:36px}}@media (max-width:360px){.sn-wrap{padding:0 10px}.sn-hdr .sn-bar{padding:0 8px 0 12px}.sn-logo img{height:30px}}@media (hover:none){.sn-btn-pri:hover{transform:none}}@media (max-width:720px){.sn-drawer details[open]{padding-bottom:12px}.sn-drawer details a{margin:6px 0 0;padding:12px 14px;border-radius:16px;background:var(--cloud);color:var(--ink);font-weight:600;font-size:15px;gap:12px}.sn-drawer details a::after{content:"";margin-left:auto;width:8px;height:8px;border-top:2px solid var(--soft);border-right:2px solid var(--soft);transform:rotate(45deg)}.sn-drawer details a:active{background:var(--lav)}.sn-drawer .sn-si{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--surface);color:var(--pri);box-shadow:0 6px 14px -8px rgba(67,44,133,.45)}}.sn-dr-extra{display:grid;gap:12px;margin-top:18px;padding:14px;border-radius:20px;background:var(--cloud)}.sn-dr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sn-dr-row small{font-size:12.5px;font-weight:700;color:var(--mist)}.sn-dr-soc a{color:#fff;display:grid;place-items:center}.sn-dr-soc{display:flex;gap:8px}.sn-dr-soc a{width:38px;height:38px;border-radius:50%;transition:transform .2s}.sn-dr-apps,.sn-dr-apps a{display:flex;gap:6px}.sn-dr-soc a:active{transform:scale(.92)}.sn-dr-apps a{background:var(--surface)}.sn-dr-apps{flex-wrap:wrap}.sn-dr-apps a{align-items:center;padding:8px 11px;border-radius:999px;font:700 12.5px var(--head);color:var(--ink);box-shadow:0 6px 14px -10px rgba(67,44,133,.5)}.sn-dr-apps svg{width:16px;height:16px;color:var(--pri)}.sn-btn{overflow-wrap:break-word}.sn-dr-soc .sn-fb,.sn-dr-soc .sn-ig,.sn-dr-soc .sn-tg{background:var(--grad);box-shadow:0 8px 16px -8px rgba(115,50,218,.7)}@media (max-width:720px){.sn-btn{text-align:center}.sn-btn{min-height:48px}.sn-btn{white-space:normal;line-height:1.25}}.sn-hdr-act .sn-langdd{display:block!important}@media (max-width:720px){.sn-hdr-act .sn-langdd{display:none!important}}.sn-flag{width:24px!important;height:16px!important;flex:0 0 24px;border-radius:3px;padding:0!important;background:0 0!important;box-shadow:0 0 0 1px rgba(11,16,45,.14);overflow:hidden}#snLangBtn.sn-lang-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px!important;background:var(--cloud);border:1px solid var(--line);color:var(--ink);font-family:var(--head);font-weight:800;font-size:13px;letter-spacing:.04em;transition:background .18s,border-color .18s}#snLangBtn.sn-lang-btn:hover,.sn-langdd.sn-open #snLangBtn.sn-lang-btn{background:var(--lav);border-color:var(--soft)}#snLangCur{display:inline}.sn-lang-menu{min-width:210px!important;padding:6px!important;border-radius:16px!important;gap:2px}.sn-lang-menu button,.sn-lang-list button{display:flex!important;align-items:center;gap:12px;width:100%;padding:11px 12px!important;border-radius:11px!important;font-family:var(--font)!important;font-size:15px!important;font-weight:600!important;color:var(--ink-2)!important;background:0 0!important;text-align:left!important}.sn-lang-menu button:hover,.sn-lang-list button:hover{background:var(--cloud)!important;color:var(--ink)!important}.sn-lang-menu button[aria-pressed=true],.sn-lang-list button[aria-pressed=true]{background:var(--lav)!important;color:var(--ink)!important}.sn-lang-menu .sn-ln,.sn-lang-list .sn-ln{flex:1}.sn-lchk{width:18px;height:18px;flex:0 0 18px;color:var(--pri);opacity:0;background:0 0!important;padding:0!important}button[aria-pressed=true]>.sn-lchk{opacity:1}.sn-lang-list{display:flex!important;flex-direction:column;gap:2px;width:100%;padding:6px!important;border-radius:16px!important;background:var(--surface)!important;border:1px solid var(--line);margin-top:18px}@media (max-width:720px){#snLangBtn.sn-lang-btn{height:44px;padding:0 11px}.sn-hdr-act{gap:8px}}.sn-lang-list{flex-direction:row!important;gap:4px!important;padding:5px!important}.sn-lang-list button{flex:1;justify-content:center;gap:8px!important;padding:10px 6px!important;font-family:var(--head)!important;font-size:13.5px!important;font-weight:800!important;letter-spacing:.03em}.sn-lang-list .sn-ln{flex:0 0 auto!important}.sn-lang-list .sn-lchk{display:none}.sn-lang-list .sn-flag{width:21px!important;height:14px!important;flex-basis:21px}

/* solid violet buttons */
.btn-pri,.sn-btn-pri,.addr .btn,.rp-years button[aria-selected=true]{background:var(--pri);box-shadow:0 16px 32px -14px rgba(115,50,218,.55)}
.btn-pri:hover,.sn-btn-pri:hover,.addr .btn:hover{background:var(--violet-hover)}
.btn-pri svg{stroke:#fff}
.sn-hacc svg,.sn-burger svg,.sn-theme-btn svg{color:#7332DA}
@media (max-width:1100px){.sn-burger{background:var(--cloud)!important;border-radius:50%!important;width:46px;height:46px}}
[data-theme=dark] .sn-hacc svg,[data-theme=dark] .sn-burger svg,[data-theme=dark] .sn-theme-btn svg{color:#CAB7E9}

/* contact button (right side)  no endless pulse */
.cx-fab{position:fixed;right:22px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;width:60px;height:60px;border:0;border-radius:50%;background:#7332DA;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 32px -12px rgba(115,50,218,.7);transition:transform .2s,background .2s}
.cx-fab:hover{transform:scale(1.06);background:#432C85}
.cx-fab svg{width:26px;height:26px;transition:transform .25s}
.cx-fab[aria-expanded=true] svg{transform:rotate(135deg)}
@media (max-width:720px){.cx-fab{right:14px;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:52px;height:52px}.cx-fab svg{width:24px;height:24px}}

/* contact sheet */
@media (min-width:721px){#cxSheet .sheet-box{width:min(600px,calc(100vw - 40px))}}
#cxSheet .si2{background:#7332DA;color:#fff}
.cx-call{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#8B3FE6,#7332DA 50%,#5B2CB5);color:#fff;text-decoration:none;box-shadow:0 18px 34px -18px rgba(115,50,218,.8)}
.cx-call>i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);flex:none}
.cx-call>i svg{width:22px;height:22px}
.cx-call small{display:block;font-size:13px;font-weight:600;opacity:.9}
.cx-call b{display:block;font-size:24px;font-weight:800;letter-spacing:.01em;line-height:1.2}
.cx-soc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.cx-soc a{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border-radius:20px;background:var(--cloud);color:var(--ink);text-decoration:none;font-weight:800;font-size:16px;transition:transform .15s,background .2s}
.cx-soc a:hover{background:var(--lav)}
.cx-soc a:active{transform:scale(.97)}
.cx-soc a i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;margin-bottom:8px}
.cx-soc a i svg{width:20px;height:20px}
.cx-soc small{font-size:13px;font-weight:500;color:var(--mist)}
.cx-tg{background:#229ED9}.cx-fb{background:#1877F2}.cx-ig{background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF)}.cx-ml{background:#7332DA}
.cx-foot{margin:16px 0 0;text-align:center;color:var(--mist);font-size:14px;line-height:1.7}
.cx-foot a{color:var(--mist);text-decoration:none;white-space:nowrap}
.cx-foot a:hover{color:#7332DA}
[data-theme=dark] .cx-soc a{background:var(--lav)}
@media (max-width:720px){.cx-call b{font-size:21px}.cx-soc{gap:10px}.cx-soc a{padding:14px}}

/* ===== personal account card (pay sheet)  static, no endless animations ===== */
.ak{position:relative;margin-top:12px;padding:16px;border-radius:24px;overflow:hidden;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#C24DFF,#7332DA 50%,#E6DDF9) border-box;box-shadow:0 24px 44px -28px rgba(115,50,218,.65)}
.ak::before{content:"";position:absolute;right:-50px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(194,77,255,.14),rgba(194,77,255,0) 70%);pointer-events:none}
.ak-head{position:relative;display:flex;align-items:center;gap:14px}
.ak-av{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(140deg,#B65CFF,#7332DA 55%,#4F2C9E);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(194,77,255,.35)}
.ak-av::after{content:"";position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#22C55E;border:2px solid #fff}
.ak-av svg{width:22px;height:22px}
.ak-ttl{flex:1;min-width:0}
.ak-ttl small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#8B45EE}
.ak-ttl h4{margin:1px 0 0;font-size:19px;font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.01em}
.ak-new{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 15px 8px 11px;border-radius:999px;background:linear-gradient(120deg,#FF5FA8 0%,#C24DFF 45%,#7332DA 100%);color:#fff;font-size:14px;font-weight:900;letter-spacing:.12em;box-shadow:0 10px 20px -8px rgba(194,77,255,.8)}
.ak-new svg{width:16px;height:16px}
.ak-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ak-list li{display:flex;align-items:center;gap:9px;padding:7px 10px 7px 7px;border-radius:16px;min-height:46px;background:#fff;border:1px solid #EFE8FC;box-shadow:0 8px 18px -14px rgba(67,44,133,.55);font-size:12.5px;font-weight:700;line-height:1.25;color:#2B2F66}
.ak-list i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff}
.ak-list i svg{width:15px;height:15px}
.ak-list li:nth-child(1) i{background:linear-gradient(140deg,#B65CFF,#7332DA)}
.ak-list li:nth-child(2) i{background:linear-gradient(140deg,#FF6FB1,#C24DFF)}
.ak-list li:nth-child(3) i{background:linear-gradient(140deg,#7D8CFF,#5B2CB5)}
.ak-list li:nth-child(4) i{background:linear-gradient(140deg,#C24DFF,#5B2CB5)}
.ak-list li:nth-child(5) i{background:linear-gradient(140deg,#FF9A6B,#FF5FA8)}
.ak-list li:nth-child(6) i{background:linear-gradient(140deg,#8C7BFF,#432C85)}
.ak-kids{position:relative;margin-top:10px;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 9px;border-radius:18px;border:1px solid transparent;background:linear-gradient(#FFF6FB,#F6F0FF) padding-box,linear-gradient(120deg,#FF9AC8,#C9A8FF) border-box}
.ak-kids i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#FF5FA8,#C24DFF);color:#fff;box-shadow:0 0 0 3px #fff}
.ak-kids i svg{width:21px;height:21px}
.ak-kids>span:not(.ak-apps){flex:1;min-width:0}
.ak-kids b{display:block;font-size:14px;font-weight:800;color:var(--ink)}
.ak-kids small{display:block;font-size:12px;color:var(--mist);margin-top:1px}
.ak-apps{flex:none;display:flex;align-items:center;margin-left:auto}
.ak-apps em{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-7px;color:#fff}
.ak-apps em:first-child{margin-left:0}
.ak-apps em svg{width:16px;height:16px}
.ak-apps em.ak-tt svg{width:18px;height:18px}
.ak-yt{background:#FF0000}.ak-fb{background:#1877F2}.ak-ig{background:radial-gradient(circle at 30% 110%,#FFD776 0%,#F58529 25%,#DD2A7B 55%,#8134AF 80%,#515BD4 100%)}.ak-tt{background:#000}
.ak-go{position:relative;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;height:54px;padding:0 7px 0 22px;border-radius:999px;background:linear-gradient(120deg,#A35FF7 0%,#7332DA 45%,#5B2CB5 75%,#4A2A9A 100%);color:#fff;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap;box-shadow:0 14px 26px -12px rgba(115,50,218,.8);transition:transform .2s}
.ak-go span{position:relative;display:inline-flex;align-items:center;gap:10px}
.ak-go span::before{content:"";width:8px;height:8px;border-radius:50%;background:#8EF0B5;box-shadow:0 0 0 4px rgba(142,240,181,.25)}
.ak-go i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#7332DA;transition:transform .2s}
.ak-go i svg{width:18px;height:18px}
.ak-go:hover{transform:translateY(-1px)}
.ak-go:hover i{transform:translateX(3px)}
.ak-safe{display:table;margin:10px auto 0;padding:5px 12px;border-radius:999px;background:#ECFDF3;color:#15803D;font-weight:600;font-size:11.5px;text-align:center}
.ak-safe svg{display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-right:4px;color:#16A34A}
[data-theme=dark] .ak{background:linear-gradient(#161B45,#161B45) padding-box,linear-gradient(135deg,#C24DFF,#7332DA 50%,#2A3066) border-box}
[data-theme=dark] .ak-list li{background:rgba(255,255,255,.04);border-color:#2A3066;color:#EEF0FB}
[data-theme=dark] .ak-kids{background:linear-gradient(#22204D,#1C2152) padding-box,linear-gradient(120deg,#FF5FA8,#7332DA) border-box}
[data-theme=dark] .ak-av,[data-theme=dark] .ak-kids i{box-shadow:0 0 0 3px #161B45}
[data-theme=dark] .ak-av::after{border-color:#161B45}
[data-theme=dark] .ak-ttl small{color:#CAB7E9}
[data-theme=dark] .ak-apps em{border-color:#1C2152}
[data-theme=dark] .ak-safe{background:rgba(34,197,94,.12);color:#8EF0B5}
@media (max-width:720px){
 .ak{padding:13px 12px 12px;border-radius:22px}
 .ak-av{width:40px;height:40px}.ak-av::after{width:9px;height:9px}
 .ak-ttl h4{font-size:16.5px}
 .ak-new{font-size:12.5px;padding:7px 12px 7px 9px}.ak-new svg{width:14px;height:14px}
 .ak-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}
 .ak-list li{min-height:40px;border-radius:14px;padding:5px 8px 5px 5px;font-size:11.5px;gap:7px}
 .ak-list i{width:26px;height:26px}.ak-list i svg{width:13px;height:13px}
 .ak-kids{margin-top:8px;padding:7px 8px 7px 7px;gap:9px}.ak-kids i{width:34px;height:34px}.ak-kids b{font-size:13px}.ak-kids small{display:none}
 .ak-apps em{width:26px;height:26px;margin-left:-6px;border-width:1.5px}
 .ak-apps em svg{width:13px;height:13px}.ak-apps em.ak-tt svg{width:15px;height:15px}
 .ak-go{margin-top:10px;height:50px;font-size:14px;padding-left:18px}.ak-go i{width:34px;height:34px}
 .ak-safe{font-size:11px;padding:4px 10px}
}
@media (max-width:720px) and (max-height:760px){.ak-safe{display:none}.ak-list li{min-height:36px}.ak-go{margin-top:8px}}

/* ===== hero: join block only on mobile ===== */
@media (min-width:721px){.hero>.join{display:none}}
@media (max-width:1180px){.hero>.hs{order:1}.hero>.cinema{order:2}.hero>.join{order:3}}

/* ===== parental control  static phone picture ===== */
.pc-art{position:relative;display:grid;place-items:center;padding:46px 20px;min-height:640px;pointer-events:none;user-select:none}
.pc-art::before{content:"";position:absolute;inset:0;border-radius:40px;background:radial-gradient(55% 50% at 50% 45%,rgba(157,91,245,.32),transparent 70%),linear-gradient(160deg,#F2ECFD,#E6DDF9);border:1px solid var(--line)}
.pc-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px dashed rgba(115,50,218,.22);transform:translate(-50%,-50%)}
.pc-ring.r1{width:460px;height:460px}.pc-ring.r2{width:330px;height:330px;border-style:solid;border-color:rgba(115,50,218,.12)}
.ph{position:relative;z-index:1;width:300px;border-radius:48px;padding:11px;background:#14173A;box-shadow:0 46px 80px -34px rgba(67,44,133,.75),inset 0 0 0 2px #2D3270;transform:rotate(-3deg)}
.ph-scr{position:relative;border-radius:38px;background:#F7F4FC;overflow:hidden;padding:12px 13px 14px;color:#121A4A;font-family:var(--font)}
.ph-notch{position:absolute;top:10px;left:50%;width:88px;height:24px;margin-left:-44px;border-radius:20px;background:#14173A}
.ph-bar{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:800}
.ph-sig{display:flex;align-items:flex-end;gap:2px}
.ph-sig i{width:3px;border-radius:1px;background:#121A4A}.ph-sig i:nth-child(1){height:5px}.ph-sig i:nth-child(2){height:7px}.ph-sig i:nth-child(3){height:9px}
.ph-sig em{width:20px;height:10px;margin-left:5px;border:1.5px solid #121A4A;border-radius:3px;padding:1px;background:linear-gradient(90deg,#121A4A 70%,transparent 70%) content-box}
.ph-hd{display:flex;align-items:center;gap:8px;margin:14px 4px 10px}
.ph-hd i{width:5px;height:20px;border-radius:4px;background:linear-gradient(180deg,#A35FF7,#5B2CB5);flex:none}
.ph-hd b{font-size:13.5px;white-space:nowrap;font-weight:800;line-height:1.2}
.ph-card,.ph-list{background:#fff;border-radius:22px;box-shadow:0 14px 30px -22px rgba(67,44,133,.6)}
.ph-card{padding:12px}
.ph-chips{display:flex;gap:6px;overflow:hidden;margin-right:-12px}
.ph-chip{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 4px;border-radius:999px;background:#F7F4FC;border:1.5px solid transparent;font-size:12px;font-weight:800}
.ph-chip.on{background:#fff;border-color:#7332DA;color:#7332DA}
.ph-chip .ap{width:26px;height:26px}
.ph-dot{width:6px;height:6px;border-radius:50%;background:#16A34A;flex:none}.ph-dot.no{background:#DC2626}
.ph-sel{display:flex;align-items:center;gap:12px;margin:14px 2px}
.ph-sel>.ap{width:56px;height:56px;border-radius:16px}
.ph-sel b{display:block;font-size:17px;font-weight:800;line-height:1.2}
.ph-st{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;font-weight:700;color:#16A34A}
.ph-st i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.ph-act{display:grid;grid-template-columns:1.15fr 1fr;gap:7px}
.ph-btn{height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden}
.ph-btn svg{width:14px;height:14px;flex:none}
.ph-pri{background:linear-gradient(120deg,#8B45EE,#6A2FD0 60%,#5B2CB5);color:#fff;box-shadow:0 10px 18px -10px rgba(115,50,218,.9)}
.ph-sec{background:#fff;color:#7332DA;border:1.5px solid #CAB7E9}
.ph-list{margin-top:10px;padding:8px 12px 4px}
.ph-lt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9071BE;padding:2px 0 4px}
.ph-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #F0EAFB}
.ph-row .ap{width:32px;height:32px}
.ph-row b{flex:1;min-width:0;font-size:13px;font-weight:800;line-height:1.2}
.ph-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:600;color:#5A6096;margin-top:1px}
.ph-pill{flex:none;font-size:10px;font-weight:800;padding:5px 9px;border-radius:999px;background:#ECFDF3;color:#15803D}
.ph-pill.no{background:#FEECEC;color:#DC2626}
.ph-home{display:block;width:110px;height:4px;border-radius:4px;background:#121A4A;opacity:.2;margin:12px auto 0}
.pc-fl{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 40px -22px rgba(67,44,133,.65)}
.pc-fl .ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff}
.pc-fl .ic svg{width:19px;height:19px}
.pc-fl .ic.ap-tt svg{width:48%;height:48%}
.ic-clock{background:linear-gradient(140deg,#9D5BF5,#5B2CB5)}
.ic-ok{background:linear-gradient(140deg,#22C55E,#15803D)}
.pc-fl b{display:block;font-size:13.5px;font-weight:800;line-height:1.2;color:#121A4A}
.pc-fl small{display:block;font-size:12px;font-weight:600;color:#5A6096;margin-top:1px}
@media (min-width:721px){
 .pc-art{justify-items:end;padding-right:9%}
 .pc-ring{left:66%}
 .pc-fl.f1{top:20%;left:4%;transform:rotate(-2deg)}
 .pc-fl.f3{top:45%;left:9%}
 .pc-fl.f2{top:68%;left:3%;transform:rotate(2deg)}
}
[data-theme=dark] .pc-art::before{background:radial-gradient(55% 50% at 50% 45%,rgba(123,58,228,.35),transparent 70%),linear-gradient(160deg,#1C2152,#161B45)}
@media (max-width:1180px) and (min-width:721px){.pc-art{min-height:600px}}
@media (max-width:720px){
 .pc-art{min-height:0;padding:44px 0 34px}
 .pc-art::before{border-radius:28px}
 .pc-ring.r1{width:330px;height:330px}.pc-ring.r2{width:240px;height:240px}
 .ph{width:258px;border-radius:42px;padding:9px}
 .ph-scr{border-radius:34px;padding:10px 11px 12px}
 .ph-hd b{font-size:12px}
 .ph-st{white-space:nowrap;font-size:10.5px}
 .ph-btn{font-size:10px;gap:4px;padding:0 4px}
 .ph-btn svg{width:12px;height:12px}
 .ph-sel b{font-size:15px}
 .ph-sel>.ap{width:48px;height:48px;border-radius:14px}
 .pc-fl{padding:7px 10px 7px 7px;gap:8px;border-radius:14px}
 .pc-fl .ic{width:30px;height:30px;border-radius:10px}.pc-fl .ic svg{width:15px;height:15px}
 .pc-fl b{font-size:11.5px}.pc-fl small{font-size:10.5px}
 .pc-fl.f1{top:auto;bottom:10px;left:8px}.pc-fl.f2{top:10px;right:8px}.pc-fl.f3{display:none}
}

/* ===== services row: intercom + parental control (compact) ===== */
.svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.svc-col{min-width:0}
.svc-col>.eb{margin-bottom:14px}
.svc .dm-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.svc .dm-card{flex-direction:row;border-radius:28px}
.svc .dm-art{flex:0 0 40%;height:auto;min-height:250px}
.svc .dm-body{padding:20px 22px}
.svc .dm-body h3{font-size:21px}
.svc .dm-body>p{font-size:14.5px;margin-top:4px}
.svc .dm-body ul{gap:8px;margin:12px 0 16px}
.svc .dm-body li{font-size:14px}
.svc .dm-more{height:42px;font-size:13.5px}
.svc .dm-more i{width:30px;height:30px}
.dm-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.dm-art .dm-tag{z-index:2}
.svc .pc-art{min-height:560px}
.pc-acc{margin-top:14px;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s}
.pc-acc:hover{transform:translateY(-2px)}
.pc-acc .ic{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#B65CFF,#7332DA 55%,#4F2C9E);color:#fff;box-shadow:0 10px 20px -10px rgba(91,44,181,.85)}
.pc-acc .ic svg{width:22px;height:22px}
.pc-acc .tx{flex:1;min-width:0}
.pc-acc .tx b{display:block;font-size:16px;font-weight:800;line-height:1.25}
.pc-acc .tx small{display:block;font-size:13px;color:var(--mist);margin-top:3px;line-height:1.4}
.pc-acc .go{flex:none;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 18px;border-radius:999px;background:#7332DA;color:#fff;font-weight:800;font-size:14px}
.pc-acc .go i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7332DA;transition:transform .2s}
.pc-acc .go svg{width:17px;height:17px}
.pc-acc:hover .go i{transform:translateX(3px)}
@media (max-width:1180px){.svc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
 .svc{gap:30px}
 .svc .dm-grid{gap:12px}
 .svc .dm-card{flex-direction:column;border-radius:24px}
 .svc .dm-art{flex:none;min-height:0;height:150px}
 .svc .dm-body{padding:16px 16px 18px}
 .svc .dm-body h3{font-size:19px}
 .svc .pc-art{min-height:0}
 .pc-acc{flex-wrap:wrap;padding:14px}
 .pc-acc .tx b{font-size:15px}
 .pc-acc .go{width:100%;justify-content:space-between}
}

/* ===== round 3 ===== */
/* 1) desktop theme button: soft visible background like on mobile */
.sn-hdr-act>.sn-theme-btn[data-theme-toggle]{background:var(--lav)!important}
.sn-hdr-act>.sn-theme-btn[data-theme-toggle]:hover{background:#DCD0F7!important}
[data-theme=dark] .sn-hdr-act>.sn-theme-btn[data-theme-toggle]{background:rgba(173,148,216,.16)!important}

/* 4) mobile: no "More than internet" block */
@media (max-width:720px){.duo .more{display:none}}

/* 5) hero slider: arrows on the sides + soft crossfade instead of hard switch */
.hs{padding:40px 78px 28px}
.hs-nav{position:absolute;inset:0;top:0;right:0;display:block;pointer-events:none;z-index:3}
.hs-nav button{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;pointer-events:auto}
#hsPrev{left:16px}#hsNext{right:16px}
.hs-slide .hs-bg,.hs-slide.on .hs-bg,.hs-slide.out .hs-bg{clip-path:none!important}
.hs-slide .hs-bg{opacity:0;transition:opacity 1.4s ease}
.hs-slide.on .hs-bg{opacity:1;z-index:-1}
.hs-slide.out .hs-bg{opacity:0;z-index:-2;transition:opacity 1.4s ease}
.hs-slide.out{visibility:visible}
.hs-bg img{transform:scale(1.08);transition:transform 8s ease-out}
.hs-slide.on .hs-bg img{transform:scale(1)}
.hs-slide.out .hs-bg img{transform:scale(1.02);filter:none;transition:transform 1.4s ease}
.hs-tx>*{transition:opacity .9s ease .25s,transform .9s cubic-bezier(.2,.8,.2,1) .25s}
.hs-slide.out .hs-tx>*{opacity:0;transform:translateX(-16px);transition:opacity .45s ease,transform .45s ease}

/* 6) services row: equal-height, symmetric columns */
@media (min-width:1181px){
 .svc{align-items:stretch}
 .svc-col{display:flex;flex-direction:column}
 .svc .dm-grid{flex:1;display:flex;flex-direction:column;gap:16px}
 .svc .dm-card{flex:1}
 .svc .dm-body{justify-content:center}
 .svc .dm-body ul{flex:0}
 .svc .pc-art{flex:1;min-height:520px;padding:30px 20px}
}
.svc .pc-acc{margin-top:16px}
.svc-col>.eb{align-self:flex-start}

/* ===== round 4 ===== */
/* hero tiles: icon on top, title + subtitle, always inside the tile */
.benefits{gap:10px}
.benefits div{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 12px 13px;border-radius:18px;line-height:1.2;overflow:hidden}
.benefits span{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.2);box-shadow:none}
.benefits b{display:block;font-size:14.5px;font-weight:800;color:#fff;max-width:100%;overflow-wrap:anywhere}
.benefits small{display:block;font-size:12px;font-weight:600;color:#E6DDF9;margin-top:-4px;max-width:100%;overflow-wrap:anywhere}
/* same arrows for hero slider and film slider: size, style and vertical position */
.hs-nav button,.sarr{width:46px;height:46px;margin-top:-23px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.38);box-shadow:0 12px 26px -12px rgba(18,26,74,.6)}
.hs-nav button svg,.sarr svg{width:20px;height:20px}
.hs-nav button:hover,.sarr:hover{background:rgba(255,255,255,.32)}
@media (min-width:721px){
 .stage-w{position:static}
 .sarr{top:50%}
 .sl{left:16px}.sr{right:16px}
}
/* photo panels */

/* ===== round 5 ===== */
/* 3) header: solid, not see-through */
.sn-hdr .sn-bar{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
[data-theme=dark] .sn-hdr .sn-bar{background:#141A47!important}
/* 5) close (X) buttons react on hover / tap */
.sheet .x,.sn-x,#paySheet .x,#cxSheet .x{transition:background .2s,color .2s,transform .3s cubic-bezier(.3,1.4,.5,1)}
.sheet .x:hover,.sn-x:hover,#paySheet .x:hover,#cxSheet .x:hover,.sheet .x:active,.sn-x:active,#paySheet .x:active,#cxSheet .x:active{background:#7332DA!important;color:#fff!important;transform:rotate(90deg)}
.sheet .x:focus-visible,.sn-x:focus-visible{outline:2px solid #AD94D8;outline-offset:2px}
/* back-to-top arrow (left side) */
.to-top{position:fixed;left:22px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7332DA;border:1px solid var(--line);box-shadow:0 16px 32px -14px rgba(67,44,133,.55);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s,transform .25s,visibility .25s,background .2s,color .2s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top svg{width:22px;height:22px;transform:rotate(-90deg)}
.to-top:hover,.to-top:active{background:#7332DA;color:#fff}
[data-theme=dark] .to-top{background:#1C2152;color:#CAB7E9;border-color:#2A3066}
@media (max-width:720px){.to-top{left:14px;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:50px;height:50px}}
/* 2) contact sheet  like the reference */
@media (min-width:721px){#cxSheet .sheet-box{width:min(680px,calc(100vw - 40px));padding:24px 26px 22px}}
#cxSheet .si2{background:linear-gradient(140deg,#A512F5,#7332DA)}
#cxSheet .sheet-head h3{font-size:21px}
.cx-call{display:flex;align-items:center;gap:14px;padding:18px 18px 18px 20px;border-radius:22px;background:linear-gradient(115deg,#A512F5 0%,#8E17F1 45%,#6B2BDA 100%);color:#fff;box-shadow:0 20px 36px -18px rgba(142,23,241,.85)}
.cx-call>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.2);flex:none}
.cx-call>i svg{width:21px;height:21px}
.cx-ct{flex:1;min-width:0}
.cx-ct small{display:block;font-size:13px;font-weight:700;opacity:.95}
.cx-ct b{display:block;font-size:25px;font-weight:800;line-height:1.15;white-space:nowrap;letter-spacing:.01em}
.cx-callbtn{flex:none;display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px;background:#fff;color:#8E17F1;font-weight:800;font-size:14px;box-shadow:0 10px 20px -12px rgba(0,0,0,.35);transition:transform .2s,background .2s}
.cx-callbtn:hover{transform:translateY(-1px);background:#F3EAFE}
.cx-soc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.cx-soc a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:18px;background:#F5F0FD;color:var(--ink);font-weight:800;font-size:16px;transition:transform .15s,background .2s}
.cx-soc a:hover{background:var(--lav);transform:translateY(-2px)}
.cx-soc a i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;margin-bottom:10px}
.cx-soc a i svg{width:18px;height:18px}
.cx-soc small{font-size:12.5px;font-weight:500;color:var(--mist);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.cx-cb{margin-top:12px;width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1.5px solid #D7C6F3;background:var(--surface);color:var(--ink);font-weight:800;font-size:15px;transition:background .2s,border-color .2s}
.cx-cb svg{width:18px;height:18px}
.cx-cb:hover,.cx-cb[aria-expanded=true]{background:#F5F0FD;border-color:#7332DA}
.cx-cbf{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.cx-cbf[hidden]{display:none}
.cx-cbf input{height:50px;min-width:0;border:1.5px solid var(--line);border-radius:999px;padding:0 20px;background:var(--field);color:var(--ink);font-size:15px;outline:0}
.cx-cbf input:focus{border-color:#7332DA}
.cx-cbf input.bad{border-color:#DC2626}
.cx-cbf .btn{height:50px;padding:0 22px}
.cx-cbmsg{grid-column:1/-1;font-size:13px;font-weight:600;margin:2px 0 0 10px}
.cx-cbmsg.er{color:#DC2626}.cx-cbmsg.ok{color:#16A34A}
.cx-foot{margin:14px 0 0;text-align:center;color:var(--mist);font-size:13.5px;line-height:1.7}
[data-theme=dark] .cx-soc a{background:var(--lav)}
@media (max-width:720px){
 .cx-call{padding:14px;gap:12px}
 .cx-call>i{width:42px;height:42px}
 .cx-ct b{font-size:20px}
 .cx-callbtn{height:38px;padding:0 14px;font-size:13px}
 .cx-soc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:374px){.cx-call{flex-wrap:wrap}.cx-callbtn{width:100%;justify-content:center}}
/* 6) mobile: "Details" button full width, centered */
@media (max-width:720px){
 .dm-more,.svc .dm-more{align-self:stretch;justify-content:center;position:relative;height:50px;padding:0 54px;font-size:15px}
 .dm-more i,.svc .dm-more i{position:absolute;right:7px;top:50%;margin-top:-18px;width:36px;height:36px}
}

/* ===== round 6 ===== */
/* action row: main buttons <-> app store badges (TV slide) */
.hs-foot{display:grid}
.hs .actions-main,.hs .actions-app{grid-area:1/1;transition:opacity .5s ease,transform .5s ease,visibility .5s}
.hs .actions-app{opacity:0;visibility:hidden;transform:translateY(8px);align-self:start}
.hs.is-tv .actions-main{opacity:0;visibility:hidden;transform:translateY(-8px)}
.hs.is-tv .actions-app{opacity:1;visibility:visible;transform:none}
.hs-foot .benefits,.hs-foot .hs-dots{grid-column:1}
.appb{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 22px 0 8px;border-radius:999px;background:#fff;color:#121A4A;border:1px solid #EAE2F8;box-shadow:0 14px 30px -16px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s}
.appb:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(0,0,0,.55)}
.appb i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#A512F5,#7332DA);color:#fff}
.appb i svg{width:20px;height:20px}
.appb small{display:block;font-size:11.5px;font-weight:500;color:#5A6096;line-height:1.1}
.appb b{display:block;font-size:17px;font-weight:800;line-height:1.2;color:#121A4A}
/* white tiles under the slider (like the price box) */
.benefits div{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 30px -18px rgba(0,0,0,.45)}
.benefits span{background:linear-gradient(140deg,#A512F5,#7332DA);box-shadow:0 8px 16px -8px rgba(115,50,218,.8)}
.benefits b{color:#121A4A}
.benefits small{color:#5A6096}
[data-theme=dark] .benefits div,[data-theme=dark] .appb{background:rgba(18,26,74,.95);border-color:rgba(173,148,216,.2)}
[data-theme=dark] .benefits b,[data-theme=dark] .appb b{color:#EEF0FB}
[data-theme=dark] .benefits small,[data-theme=dark] .appb small{color:#A3A8CF}

/* ===== round 7 ===== */
/* 3) "Plans" button in the slider: white, clearly visible */
.hs .actions-main .btn-pri{background:#fff;color:#5B2CB5;box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
.hs .actions-main .btn-pri svg{stroke:#7332DA;color:#7332DA}
.hs .actions-main .btn-pri:hover{background:#F3EEFC;color:#432C85}
[data-theme=dark] .hs .actions-main .btn-pri{background:#fff;color:#432C85}
/* 4) personal account section */
.acs{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;padding:34px;border-radius:32px;border:1.5px solid transparent;background:radial-gradient(60% 80% at 0% 0%,#F4ECFF,rgba(244,236,255,0) 60%) padding-box,radial-gradient(50% 70% at 100% 100%,#FFF0F7,rgba(255,240,247,0) 60%) padding-box,linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#C24DFF,#7332DA 50%,#E6DDF9) border-box;box-shadow:0 30px 60px -38px rgba(115,50,218,.65)}
.acs-hd{display:flex;align-items:center;gap:16px}
.acs-av{position:relative;flex:none;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#B65CFF,#7332DA 55%,#4F2C9E);color:#fff;box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(194,77,255,.35),0 14px 24px -12px rgba(91,44,181,.85)}
.acs-av svg{width:28px;height:28px}
.acs-av::after{content:"";position:absolute;right:1px;bottom:2px;width:13px;height:13px;border-radius:50%;background:#22C55E;border:2.5px solid #fff}
.acs-hd small{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;background:linear-gradient(90deg,#C24DFF,#7332DA);-webkit-background-clip:text;background-clip:text;color:transparent}
.acs-hd h2{font-size:clamp(26px,2.4vw,34px);font-weight:800;line-height:1.1;letter-spacing:-.01em}
.acs-new{margin-left:auto;align-self:flex-start;flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 15px 8px 11px;border-radius:999px;background:linear-gradient(120deg,#FF5FA8,#C24DFF 45%,#7332DA);color:#fff;font-size:14px;font-weight:900;letter-spacing:.12em;box-shadow:0 10px 20px -8px rgba(194,77,255,.8)}
.acs-new svg{width:16px;height:16px}
.acs-p{color:var(--mist);font-size:16px;margin:18px 0 24px;max-width:420px}
.acs-go{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:0 8px 0 26px;border-radius:999px;background:linear-gradient(120deg,#A35FF7 0%,#7332DA 45%,#5B2CB5 75%,#4A2A9A 100%);color:#fff;font-weight:800;font-size:16px;box-shadow:0 18px 30px -14px rgba(115,50,218,.8);transition:transform .2s}
.acs-go span{display:inline-flex;align-items:center;gap:10px}
.acs-go span::before{content:"";width:8px;height:8px;border-radius:50%;background:#8EF0B5;box-shadow:0 0 0 4px rgba(142,240,181,.25)}
.acs-go i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7332DA;transition:transform .2s}
.acs-go i svg{width:20px;height:20px}
.acs-go:hover{transform:translateY(-2px)}.acs-go:hover i{transform:translateX(3px)}
.acs-safe{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 13px;border-radius:999px;background:#ECFDF3;color:#15803D;font-size:12.5px;font-weight:600}
.acs-safe svg{width:14px;height:14px;color:#16A34A;flex:none}
.acs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.acs-f{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:20px;background:#fff;border:1px solid #EFE8FC;box-shadow:0 10px 22px -16px rgba(67,44,133,.55);transition:transform .2s,box-shadow .2s}
.acs-f:hover{transform:translateY(-2px);box-shadow:0 16px 28px -16px rgba(67,44,133,.65)}
.acs-f i{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 14px -8px rgba(67,44,133,.7)}
.acs-f i svg{width:18px;height:18px}
.acs-f:nth-child(1) i{background:linear-gradient(140deg,#B65CFF,#7332DA)}
.acs-f:nth-child(2) i{background:linear-gradient(140deg,#FF6FB1,#C24DFF)}
.acs-f:nth-child(3) i{background:linear-gradient(140deg,#7D8CFF,#5B2CB5)}
.acs-f:nth-child(4) i{background:linear-gradient(140deg,#C24DFF,#5B2CB5)}
.acs-f:nth-child(5) i{background:linear-gradient(140deg,#FF9A6B,#FF5FA8)}
.acs-f:nth-child(6) i{background:linear-gradient(140deg,#8C7BFF,#432C85)}
.acs-f b{display:block;font-size:14.5px;font-weight:800;line-height:1.25;color:var(--ink)}
.acs-f small{display:block;font-size:12.5px;color:var(--mist);margin-top:3px;line-height:1.35}
.acs-kids{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:20px;border:1px solid transparent;background:linear-gradient(#FFF6FB,#F6F0FF) padding-box,linear-gradient(120deg,#FF9AC8,#C9A8FF) border-box}
.acs-kids>i{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#FF5FA8,#C24DFF);color:#fff;box-shadow:0 0 0 3px #fff,0 10px 18px -8px rgba(255,95,168,.8)}
.acs-kids>i svg{width:24px;height:24px}
.acs-kt{flex:1;min-width:0}
.acs-kt b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.acs-kt small{display:block;font-size:12.5px;color:var(--mist);margin-top:1px}
.acs-kids .ak-apps em{width:34px;height:34px}
[data-theme=dark] .acs{background:linear-gradient(#161B45,#161B45) padding-box,linear-gradient(135deg,#C24DFF,#7332DA 50%,#2A3066) border-box}
[data-theme=dark] .acs-f{background:rgba(255,255,255,.04);border-color:#2A3066}
[data-theme=dark] .acs-kids{background:linear-gradient(#22204D,#1C2152) padding-box,linear-gradient(120deg,#FF5FA8,#7332DA) border-box}
[data-theme=dark] .acs-av,[data-theme=dark] .acs-kids>i{box-shadow:0 0 0 3px #161B45}
[data-theme=dark] .acs-av::after{border-color:#161B45}
[data-theme=dark] .acs-safe{background:rgba(34,197,94,.12);color:#8EF0B5}
@media (max-width:1180px){.acs{grid-template-columns:minmax(0,1fr)}.acs-p{max-width:none}}
@media (max-width:720px){
 .acs{padding:20px 16px;border-radius:26px;gap:20px}
 .acs-av{width:50px;height:50px}.acs-av svg{width:23px;height:23px}
 .acs-hd{gap:12px}
 .acs-hd h2{font-size:21px}
 .acs-new{font-size:12px;padding:6px 11px 6px 9px}.acs-new svg{width:13px;height:13px}
 .acs-p{font-size:14.5px;margin:12px 0 16px}
 .acs-go{height:54px;font-size:15px;padding-left:20px}.acs-go i{width:40px;height:40px}
 .acs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .acs-f{flex-direction:column;gap:8px;padding:12px}
 .acs-f i{width:34px;height:34px}
 .acs-f b{font-size:13.5px}.acs-f small{font-size:11.5px}
 .acs-kids{flex-wrap:wrap;gap:10px}
 .acs-kt{flex:1 1 calc(100% - 60px)}
 .acs-kids .ak-apps{margin-left:54px}
 .acs-go{font-size:14px;white-space:nowrap}
}

/* icons: always take the colour of their button */
svg [data-ic]{stroke:currentColor}
svg [data-ic] [fill="currentColor"],svg [data-ic] [fill=currentColor]{fill:currentColor}
.sn-btn-pri svg,.btn-pri svg,.si2 svg,.mg .ic svg,.dm-ck svg,.join-ic svg,.acs-av svg,.ak-av svg,.cx-call svg,.jbtn-pri .ji svg,.benefits span svg,.appb i svg,.acs-f i svg,.ak-list i svg,.rp-ic svg,.sts .si svg,.cx-soc a i svg,.sn-dr-soc a svg,.soc a svg{color:#fff}

/* film library: App Store / Google Play badges instead of the single button */
.cin-apps{flex:none;display:flex;gap:10px}
.cin-apps .appb{height:52px;padding:0 18px 0 7px;gap:10px;border-color:rgba(255,255,255,.6)}
.cin-apps .appb i{width:38px;height:38px}
.cin-apps .appb i svg{width:19px;height:19px}
.cin-apps .appb b{font-size:16px}
.cin-apps .appb small{font-size:11px}
@media (min-width:721px) and (max-width:1500px){.cin-apps .appb{padding-right:14px}.cin-apps .appb b{font-size:15px}}
@media (max-width:720px){
 .cin-apps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .cin-apps .appb{height:50px;padding:0 10px 0 6px;gap:8px;justify-content:center}
 .cin-apps .appb i{width:34px;height:34px}
 .cin-apps .appb b{font-size:14px}.cin-apps .appb small{font-size:10px}
}
@media (max-width:360px){.cin-apps{grid-template-columns:1fr}}

/* ===== speed test on phones: fits the screen, X always visible ===== */
@media (max-width:720px){
 .sheet-box{max-height:92vh;max-height:92dvh}
 .sheet-head{position:sticky;top:-10px;z-index:5;background:var(--surface);margin:-10px -18px 10px;padding:12px 18px 10px}
 #speedSheet .sheet-box{padding:6px 16px calc(14px + env(safe-area-inset-bottom,0px))}
 #speedSheet .sheet-head{margin:-6px -16px 6px;padding:10px 16px 8px;top:-6px}
 #speedSheet .sheet-head h3{font-size:18px}
 #speedSheet .si2{flex-basis:36px;width:36px;height:36px}
 #speedSheet .stw{gap:12px;padding:0}
 #speedSheet .st-gauge{width:min(230px,60vw)}
 #speedSheet .st-center b{font-size:clamp(34px,10vw,44px)}
 #speedSheet .st-center span{font-size:12.5px}
 #speedSheet .st-center small{font-size:11.5px;margin-top:6px}
 #speedSheet .st-go{font-size:16px}
 #speedSheet .st-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #speedSheet .sts{padding:8px 3px 7px;border-radius:14px;gap:0}
 #speedSheet .sts .si{width:26px;height:26px;margin-bottom:4px}
 #speedSheet .sts .si svg{width:13px;height:13px}
 #speedSheet .sts small{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 #speedSheet .sts b{font-size:16px}
 #speedSheet .sts em{font-size:10px}
 #speedSheet .st-err{font-size:12.5px}
 #speedSheet .st-again{height:46px;font-size:14px}
 #speedSheet .st-foot{margin-top:10px;padding-top:10px;gap:4px;justify-content:center;text-align:center}
 #speedSheet .st-cred{font-size:11px}
 #speedSheet .st-ext{font-size:12.5px}
}
@media (max-width:720px) and (max-height:700px){
 #speedSheet .st-gauge{width:min(190px,52vw)}
 #speedSheet .stw{gap:10px}
 #speedSheet .grab{margin:2px auto 6px}
}

[hidden]{display:none!important}

.sn-drop,.sn-lang-menu{transition:opacity .12s ease,transform .12s ease,visibility .12s}
.sn-drawer .sn-panel{transition:transform .25s cubic-bezier(.2,.9,.3,1)}

/* ===== performance: menu opens instantly ===== */
/* off-screen parts of the page are not drawn until they are scrolled to */
#intercom,#kids,.svc,#account,#coverage,footer{content-visibility:auto;contain-intrinsic-size:auto 700px}
/* menus / drawer live on their own GPU layer, so opening them doesn't repaint the page */
.sn-drawer .sn-panel{will-change:transform;contain:layout paint;overscroll-behavior:contain}
.sn-drawer .sn-shade{will-change:opacity}
.sn-drawer{contain:strict}
.sn-drop,.sn-lang-menu{will-change:opacity,transform}
.cinema,.hs{contain:layout paint}
/* while the drawer or a sheet is open the page underneath is frozen (no animations) */
html.sh-open .film,html.sh-open .hs-bg img{transition:none!important}

/* slider progress line: transform instead of width (no page relayout on every frame) */
.hs-dots button i{width:100%!important;transform:scaleX(0);transform-origin:left center;will-change:transform}
.hs-dots button.hs-done i{transform:scaleX(1)}
.hs-dots button.on i{animation:fillX var(--hs-t,6s) linear forwards}
@keyframes fillX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* one-time shine on the active film card: also transform-only */
.film .shine{background-position:0 0;background-size:100% 100%;transform:translateX(-120%)}
.film.on .shine{animation:shineX 1.4s .35s ease forwards}
@keyframes shineX{to{transform:translateX(120%)}}

/* ===== footer social icons: visible on hover ===== */
.soc a:hover svg,.soc a:focus-visible svg{color:#7332DA}
.soc a{border:1px solid rgba(255,255,255,.18)}
.soc a:hover{transform:translateY(-2px);box-shadow:0 12px 22px -12px rgba(0,0,0,.45)}
/* ===== "More than internet" block ===== */
.duo{align-items:stretch}
.more{position:relative;overflow:hidden;display:flex;flex-direction:column;border:1.5px solid transparent;background:radial-gradient(70% 60% at 100% 0%,#F1E8FF,rgba(241,232,255,0) 60%) padding-box,radial-gradient(50% 50% at 0% 100%,#FFF2F8,rgba(255,242,248,0) 60%) padding-box,linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#E6DDF9,#C9A8FF 50%,#E6DDF9) border-box;box-shadow:0 26px 50px -34px rgba(115,50,218,.55)}
.more::before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:1.5px dashed rgba(115,50,218,.16);pointer-events:none}
.more>*{position:relative}
.more>p{font-size:15.5px}
.mgrid{flex:1;grid-auto-rows:1fr;gap:14px}
.mg{gap:14px;padding:18px 16px 18px 18px;border-radius:22px;background:#fff;border:1px solid #EFE8FC;box-shadow:0 12px 24px -18px rgba(67,44,133,.55)}
.mg::after{display:none}
.mg>span:not(.ic){flex:1;min-width:0}
.mg:hover{border-color:#D9C8F6;box-shadow:0 20px 36px -20px rgba(67,44,133,.6)}
.mg .ic{width:54px;height:54px;border-radius:18px;box-shadow:0 12px 22px -12px rgba(91,44,181,.75)}
.mgrid .mg:nth-child(1) .ic{background:linear-gradient(140deg,#B65CFF,#7332DA)}
.mgrid .mg:nth-child(2) .ic{background:linear-gradient(140deg,#7D8CFF,#5B2CB5)}
.mgrid .mg:nth-child(3) .ic{background:linear-gradient(140deg,#FF6FB1,#C24DFF)}
.mgrid .mg:nth-child(4) .ic{background:linear-gradient(140deg,#22C55E,#15803D)}
.mg b{font-size:16.5px}
.mg small{font-size:13.5px;margin-top:4px}
.mg-go{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cloud);color:#7332DA;transition:background .2s,color .2s,transform .2s}
.mg-go svg{width:17px;height:17px}
.mg:hover .mg-go{background:#7332DA;color:#fff;transform:translateX(3px)}
[data-theme=dark] .more{background:radial-gradient(70% 60% at 100% 0%,rgba(123,58,228,.25),transparent 60%) padding-box,linear-gradient(#161B45,#161B45) padding-box,linear-gradient(135deg,#2A3066,#5B2CB5 50%,#2A3066) border-box}
[data-theme=dark] .mg{background:rgba(255,255,255,.04);border-color:#2A3066}
[data-theme=dark] .mg-go{background:#252A5E;color:#CAB7E9}
@media (max-width:1180px){.mgrid{grid-auto-rows:auto}}

.more>.eb{align-self:flex-start}

/* ===== phones only: account icon instead of pay, round flag (no background) for language ===== */
.sn-hacct{display:none}
@media (max-width:720px){
 .sn-hdr-act .sn-hacc[data-open-pay]{display:none!important}
 .sn-hdr-act .sn-hacct{display:flex!important;border-radius:50%;width:46px;height:46px;align-items:center;justify-content:center;background:var(--cloud)}
 .sn-hdr-act .sn-hacct svg{color:#7332DA}
 [data-theme=dark] .sn-hdr-act .sn-hacct svg{color:#CAB7E9}
 .sn-hdr-act .sn-langdd{display:block!important}
 .sn-hdr-act #snLangBtn.sn-lang-btn{width:44px;height:44px;padding:0!important;gap:0;justify-content:center;border-radius:50%!important;background:transparent!important;border:0!important;box-shadow:none}
 .sn-hdr-act #snLangCur{display:none}
 .sn-hdr-act #snLangFlag.sn-flag{width:32px!important;height:32px!important;flex:0 0 32px;border-radius:50%;box-shadow:0 0 0 1px rgba(11,16,45,.12)}
 .sn-hdr-act .sn-lang-menu{right:-50px}
}

/* phones: flag, account and menu buttons - equal size */
@media (max-width:720px){
 .sn-hdr-act{gap:10px}
 .sn-hdr-act #snLangBtn.sn-lang-btn,.sn-hdr-act .sn-hacct,.sn-hdr-act .sn-burger{width:36px!important;height:36px!important;min-width:36px;padding:0!important;border-radius:50%!important;flex:none}
 .sn-hdr-act #snLangFlag.sn-flag{width:36px!important;height:36px!important;flex:0 0 36px}
 .sn-hdr-act .sn-hacct svg,.sn-hdr-act .sn-burger svg{width:18px!important;height:18px!important}
}

@media (max-width:720px){.sn-hdr-act #snLangFlag.sn-flag{width:30px!important;height:30px!important;flex:0 0 30px}}

/* ===================== COVERAGE PAGE (built from the home-page design) ===================== */
.cvp{padding-bottom:40px}
.cvp-head{position:relative;overflow:hidden;isolation:isolate;margin-top:18px;padding:44px 40px;border-radius:34px;background:linear-gradient(135deg,#F7F4FC 0%,#E6DDF9 60%,#E6DDF9 100%);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px}
.cvp-head-map{position:absolute;right:0;top:0;width:55%;height:100%;z-index:-1;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.cvp-head-copy{max-width:640px;display:flex;flex-direction:column;align-items:flex-start}
.cvp-head .eb{background:#fff}
.cvp-head .eb i{background:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.2)}
.cvp-head h1{margin:16px 0 10px;font-size:clamp(30px,3.4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.cvp-head p{color:var(--mist);font-size:17px;max-width:560px}
.cvp-chips{display:flex;flex-wrap:wrap;gap:10px}
.cvp-chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--pri);font-weight:700;font-size:14px;box-shadow:0 10px 22px -16px rgba(67,44,133,.45);transition:background .2s,color .2s,transform .2s}
.cvp-chip svg{width:18px;height:18px}
.cvp-chip:hover{background:var(--pri);color:#fff;transform:translateY(-2px)}

/* checker + map */
.cov-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:stretch}
.cov-panel{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:30px 28px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}
.cov-panel>.eb{align-self:flex-start}
.cov-panel h2{font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.15;text-wrap:balance}
.cvp-wide{width:100%}
.cvp-sm{height:46px;font-size:14px}
.cov-or{display:flex;align-items:center;gap:12px;color:var(--mist);font-size:13px;font-weight:600}
.cov-or::before,.cov-or::after{content:"";flex:1;height:1px;background:var(--line)}
.cov-hint{color:var(--mist);font-size:14.5px;margin-top:-4px}
.cov-adv{border-radius:18px;background:var(--cloud);border:1px solid var(--line)}
.cov-adv summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;font-weight:700;font-size:14.5px;color:var(--ink)}
.cov-adv summary::-webkit-details-marker{display:none}
.cov-adv summary svg{width:18px;height:18px;color:var(--pri);transition:transform .2s}
.cov-adv[open] summary svg{transform:rotate(180deg)}
.cov-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}
.cov-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--mist)}
.cov-form .btn{grid-column:1/-1}
.cov-input{height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font-size:15px;font-weight:600;color:var(--ink);outline:0;min-width:0}
.cov-input:focus{border-color:var(--pri);box-shadow:0 0 0 4px rgba(115,50,218,.12)}

/* result notices (coverage.js rewrites class / text) */
.cov-panel .notice{padding:14px 16px;border-radius:18px;background:var(--cloud);border:1px solid var(--line);font-size:14px;color:var(--ink);line-height:1.45}
.cov-panel .notice b{display:block;font-size:15px;font-weight:800;margin-bottom:2px}
.cov-panel .notice p{color:var(--mist)}
.cov-panel .notice a{color:var(--pri);font-weight:700}
.cov-panel .notice[class*="covered"],.cov-panel .notice[class*="success"],.cov-panel .notice[class*="--ok"],.cov-panel .notice[class*="is-ok"],.cov-panel .notice[class*="building"]{background:#ECFDF3;border-color:#A7E9BE}
.cov-panel .notice[class*="covered"] b,.cov-panel .notice[class*="success"] b,.cov-panel .notice[class*="--ok"] b,.cov-panel .notice[class*="is-ok"] b,.cov-panel .notice[class*="building"] b{color:#15803D}
.cov-panel .notice[class*="near"],.cov-panel .notice[class*="warn"]{background:#FFF7EB;border-color:#FCD9A6}
.cov-panel .notice[class*="near"] b,.cov-panel .notice[class*="warn"] b{color:#B45309}
.cov-panel .notice[class*="none"],.cov-panel .notice[class*="error"],.cov-panel .notice[class*="fail"],.cov-panel .notice[class*="--bad"]{background:#FEF1F2;border-color:#F9C5CB}
.cov-panel .notice[class*="none"] b,.cov-panel .notice[class*="error"] b,.cov-panel .notice[class*="fail"] b,.cov-panel .notice[class*="--bad"] b{color:#B91C1C}
.cov-panel .coverage-address{background:#fff}
.cov-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:4px;font-size:13px;font-weight:600;color:var(--mist)}
.cov-legend span{display:inline-flex;align-items:center;gap:8px}
.cov-legend i{width:14px;height:14px;border-radius:50%;flex:none}
.cov-legend i.is-zone{background:rgba(115,50,218,.35);border:2px solid #7332DA}
.cov-legend i.is-near{background:rgba(245,158,11,.25);border:2px dashed #F59E0B}

.cov-mapbox{position:relative;min-width:0;border-radius:30px;padding:8px;background:linear-gradient(135deg,#F7F4FC,#E6DDF9);border:1px solid var(--line);box-shadow:var(--shadow)}
.cov-mapbox .coverage-map{width:100%;height:100%;min-height:560px;border-radius:24px;overflow:hidden;background:#EEE8F8;z-index:0}
.map-fallback{display:grid;place-items:center;height:100%;min-height:200px;padding:24px;text-align:center;color:var(--mist);font-weight:600}
.leaflet-container{font-family:var(--font)!important}

/* service points */
.cvp-nodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.cvp-node{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:#fff;border:1px solid #EFE8FC;box-shadow:0 12px 24px -18px rgba(67,44,133,.55);min-width:0}
.cvp-node .ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(140deg,#B65CFF,#7332DA);color:#fff;box-shadow:0 10px 20px -12px rgba(91,44,181,.75)}
.cvp-node .ic svg{width:22px;height:22px;stroke:#fff}
.cvp-node>span:last-child{min-width:0}
.cvp-node b{display:block;font-size:15.5px;font-weight:800;line-height:1.25}
.cvp-node small{display:block;margin-top:3px;font-size:13px;color:var(--mist)}

/* help + more */
.cvp-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.cvp-help{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:42px 40px;border-radius:34px;background:linear-gradient(135deg,#F7F4FC 0%,#E6DDF9 100%);border:1px solid var(--line);box-shadow:var(--shadow)}
.cvp-help h2{font-size:clamp(24px,2.4vw,34px);font-weight:800;line-height:1.12;margin-top:4px;text-wrap:balance}
.cvp-help>p{color:var(--mist);max-width:480px}
.cvp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.cvp-note{display:flex;gap:10px;align-items:flex-start;margin-top:auto;padding-top:14px;font-size:13.5px;color:var(--mist)}
.cvp-note svg{flex:none;width:18px;height:18px;color:var(--pri);margin-top:2px}
.cvp-more{position:relative;overflow:hidden;display:flex!important;flex-direction:column}

/* dark theme */
[data-theme=dark] .cvp-head,[data-theme=dark] .cvp-help,[data-theme=dark] .cov-mapbox{background:linear-gradient(135deg,#121A4A,#241B55);border-color:#2A3066}
[data-theme=dark] .cov-panel,[data-theme=dark] .cvp-node{background:#161B45;border-color:#2A3066}
[data-theme=dark] .cvp-chip,[data-theme=dark] .cvp-head .eb,[data-theme=dark] .cov-input,[data-theme=dark] .cov-panel .coverage-address{background:#1C2252;border-color:#2A3066;color:#E6DDF9}
[data-theme=dark] .cov-adv,[data-theme=dark] .cov-panel .notice{background:#1C2252;border-color:#2A3066;color:#E6DDF9}
[data-theme=dark] .cov-adv summary{color:#E6DDF9}

/* tablet / phone */
@media (max-width:1100px){.cov-layout{grid-template-columns:minmax(0,1fr)}.cov-mapbox .coverage-map{min-height:440px}}
@media (max-width:900px){.cvp-duo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
 .cvp-head{margin-top:10px;padding:28px 22px;border-radius:28px}
 .cvp-head-map{width:100%;opacity:.45}
 .cvp-head p{font-size:15.5px}
 .cvp-chip{height:40px;padding:0 14px;font-size:13.5px}
 .cov-panel{padding:24px 18px;border-radius:26px}
 .cov-mapbox{padding:6px;border-radius:26px}
 .cov-mapbox .coverage-map{min-height:380px;border-radius:20px}
 .cvp-help{padding:28px 22px;border-radius:28px}
 .cvp-actions .btn{flex:1 1 auto}
 .cov-form{grid-template-columns:1fr}
 .cvp-nodes{grid-template-columns:minmax(0,1fr)}
}
.sn-defs{position:absolute;width:0;height:0;overflow:hidden}
.ft-phones{font-size:14px}

[data-theme=dark] .leaflet-tile-pane{filter:brightness(.75) invert(1) hue-rotate(200deg) saturate(.6) contrast(.9)}
.leaflet-bar{overflow:hidden}
.cres[data-state=in]{background:rgba(22,163,74,.1)}
.cres[data-state=in] .ri{background:#16a34a;color:#fff}
.cres[data-state=near]{background:rgba(163,13,245,.14)}
.cres[data-state=near] .ri{background:var(--pri-3);color:#fff}
.cres[data-state=out]{background:rgba(220,38,38,.08)}
.cres[data-state=out] .ri{background:#dc2626;color:#fff}
.cres[data-state=wait] .ri svg{animation:1s linear infinite spin}
.leaflet-container{font-family:var(--font)!important;background:var(--lav)}
.leaflet-control-zoom a{border-radius:10px!important;color:var(--pri)!important}
.leaflet-bar{border:0!important;box-shadow:var(--shadow-s)!important;border-radius:12px!important}

.cvx{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.cmore{background:var(--surface);border-radius:32px;padding:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.cmore h2{font-weight:800;font-size:clamp(28px,3vw,38px);line-height:1.12}
.cmore>p{color:var(--mist)}
.csrch{display:flex;gap:8px}
.csrch input{flex:1;min-width:0;height:54px;border:1.5px solid var(--line);border-radius:999px;padding:0 20px;background:var(--field);font-size:16px}
.csrch input:focus{outline:0;border-color:var(--pri-3);box-shadow:0 0 0 4px rgba(163,13,245,.18)}
.cgeo{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:var(--pri);font:700 14.5px var(--head)}
.cgeo svg{width:18px;height:18px}
.cres{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:var(--cloud);font-size:14.5px}
.cres .ri{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--pri)}
.cres .ri svg{width:17px;height:17px}
.cres .rt{flex:1;min-width:150px}
.cres b{display:block;font-family:var(--head)}
.cres small{color:var(--mist)}
.clbl{font:700 14px var(--head)}
.czones{display:flex;flex-wrap:wrap;gap:8px}
.czones button{padding:8px 14px;border-radius:999px;background:var(--cloud);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.czones button:hover{background:var(--lav);color:var(--pri)}
.cmap{position:relative;isolation:isolate;z-index:0;min-height:560px;border-radius:32px;overflow:hidden;background:var(--lav);box-shadow:var(--shadow)}
#covMap{position:absolute;inset:0}
.cmap .cerr{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:var(--mist)}
.cleg{position:absolute;left:14px;bottom:14px;z-index:500;display:flex;gap:14px;background:var(--glass);padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:700;box-shadow:var(--shadow-s)}
.cleg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#22C55E;box-shadow:0 0 0 2px #16A34A inset}
.cleg i.u{background:#8E0BE7;box-shadow:0 0 0 3px #fff}
@media (max-width:960px){.cvx{grid-template-columns:1fr}.cmap{min-height:400px}}
@media (max-width:720px){.cmore{padding:24px 18px;border-radius:26px}.cmap{min-height:440px;border-radius:26px}.csrch{flex-direction:column}.cres .btn{width:100%}}
.cres .ra{display:flex;align-items:center;gap:6px;margin:4px 0 2px;font:700 15px var(--head);color:var(--ink)}
.cres .ra svg{width:15px;height:15px;color:var(--pri);flex:none}
.cres .ra.wait{color:var(--mist);font-weight:600;font-size:13.5px}
.leaflet-tooltip.cpin{font:700 12.5px var(--font);color:#2A0866;border:0;border-radius:10px;padding:6px 10px;box-shadow:0 10px 24px -12px rgba(42,8,102,.6)}
.cvx>*{min-width:0}
@media (max-width:720px){.csrch input{flex:none;width:100%}}
.csrch .btn{flex:none}
.cres[data-state=in],.cres[data-state=near],.cres[data-state=out]{display:block;padding:20px;border-radius:24px;position:relative;overflow:hidden}
.cres[data-state=in]{background:linear-gradient(135deg,#ECFDF3 0%,#F4EDFF 100%);box-shadow:0 0 0 1.5px rgba(22,163,74,.28) inset}
.cres[data-state=near]{background:linear-gradient(135deg,#F4EDFF 0%,#EEE0FF 100%);box-shadow:0 0 0 1.5px rgba(142,11,231,.22) inset}
.cres[data-state=out]{background:linear-gradient(135deg,#FFF5F5 0%,#F4EDFF 100%);box-shadow:0 0 0 1.5px rgba(220,38,38,.2) inset}
.cx-hd{display:flex;gap:14px;align-items:flex-start}
.cx-ic{flex:0 0 48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:#16A34A;box-shadow:0 10px 22px -10px rgba(22,163,74,.9);position:relative}
.cx-ic svg{width:22px;height:22px}
.cres[data-state=in] .cx-ic::after{content:"";position:absolute;inset:-6px;border-radius:20px;border:2px solid #16A34A;opacity:0;animation:cxp 1.8s ease-out infinite}
.cres[data-state=near] .cx-ic{background:var(--grad);box-shadow:var(--glow)}
.cres[data-state=out] .cx-ic{background:#DC2626;box-shadow:0 10px 22px -10px rgba(220,38,38,.8)}
.cx-tx{flex:1;min-width:0}
.cx-tx b{display:block;font:800 18px/1.25 var(--head);color:var(--ink);margin-bottom:2px}
.cres[data-state=in] .cx-tx b{color:#15803D}
.cx-tx small{display:block;color:var(--mist);font-size:13.5px;margin-top:2px}
.cx-f{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cx-f li{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;font:700 12.5px var(--head);color:var(--ink);box-shadow:0 6px 16px -12px rgba(42,8,102,.5)}
.cx-f svg{width:15px;height:15px;color:var(--pri)}
.cx-d{display:flex;align-items:baseline;gap:8px;margin:16px 0 0;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:0 8px 20px -16px rgba(42,8,102,.55)}
.cx-n{font:900 38px/1 var(--head);letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cres[data-state=out] .cx-n{background:linear-gradient(135deg,#F87171,#B91C1C);-webkit-background-clip:text;background-clip:text}
.cx-u{font:800 17px var(--head);color:var(--ink)}
.cx-d small{margin-left:auto;text-align:right;color:var(--mist);font-size:12.5px;line-height:1.35}
.cx-d small b{display:inline;font:700 13px var(--head);color:var(--ink)}
.cres .cx-go{width:100%;margin-top:16px;height:56px;font-size:16px;gap:10px;justify-content:center;display:flex;align-items:center}
.cres .cx-go svg{width:18px;height:18px;transition:transform .25s}
.cres .cx-go:hover svg{transform:translateX(4px)}
.cres[data-state=in] .cx-go{animation:cxg 2.4s ease-in-out infinite}
.cfs,.crep{position:absolute;right:14px;top:14px;z-index:800;width:46px;height:46px;border:0;border-radius:14px;background:var(--glass);color:var(--pri);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-s);transition:transform .2s,background .2s}
.cfs:hover,.crep:hover{transform:scale(1.06);background:#fff}
.cfs svg,.crep svg{width:22px;height:22px}
.crep{top:70px}
.crep[hidden]{display:none}
.cmcard{display:none!important}
.cmap.fs{position:fixed!important;inset:0!important;z-index:9500!important;border-radius:0!important;min-height:0!important;margin:0!important;transform:none!important;opacity:1!important}
.cmap.fs .cmcard{display:block!important;position:absolute;left:16px;bottom:56px;z-index:800;width:min(400px,calc(100% - 32px));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 24px 60px -24px rgba(42,8,102,.6)}
.cmap.fs .cmcard[data-state=idle],.cmap.fs .cmcard[data-state=wait]{display:flex!important}
.cmap.fs .cleg{bottom:14px}
html.cfs-lock,html.cfs-lock body{overflow:hidden}
.cai{background:none!important;border:0!important}
.ccnt{position:absolute;transform:translate(-50%,-108px);white-space:nowrap;padding:4px 10px;border-radius:10px;background:#14173A;color:#fff;font:800 12.5px var(--head);box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.ccnt::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#14173A}
.cfin{position:absolute;transform:translate(-50%,26px);white-space:nowrap;display:flex;flex-direction:column;align-items:center;padding:10px 16px;border-radius:16px;background:var(--grad);color:#fff;box-shadow:0 18px 36px -14px rgba(142,11,231,.9);animation:cfin .6s cubic-bezier(.2,1.4,.4,1) both}
.cfin.out{background:linear-gradient(135deg,#F87171,#B91C1C);box-shadow:0 18px 36px -14px rgba(185,28,28,.8)}
.cfin span{font:700 11.5px var(--head);opacity:.9;text-transform:uppercase;letter-spacing:.06em}
.cfin b{font:900 22px/1.1 var(--head)}
.cfin-go{pointer-events:auto;cursor:pointer;margin-top:10px;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 18px 10px 20px;background:#fff;color:#8E0BE7;font:800 14px var(--head);box-shadow:0 10px 22px -10px rgba(0,0,0,.45);animation:cgo 1.6s ease-in-out .6s infinite;transition:transform .2s}
.cfin.out .cfin-go{color:#B91C1C}
.cfin-go svg{width:16px;height:16px;transition:transform .2s}
.cfin-go:hover{transform:scale(1.06)}
.cfin-go:hover svg{transform:translateX(3px)}
.leaflet-marker-icon .cfin{pointer-events:auto}
.cfin::after{content:"";position:absolute;left:50%;top:-7px;margin-left:-7px;border:7px solid transparent;border-top:0;border-bottom-color:#B312FF}
.cfin.out::after{border-bottom-color:#F87171}
.cring{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:3px solid #8E0BE7;animation:crg 1.8s ease-out infinite;pointer-events:none}
.cring.g{border-color:#16A34A}
.cring.d{animation-delay:.9s}
.cvan{filter:drop-shadow(0 6px 8px rgba(20,23,58,.25))}
.cvan .cwh{transform-box:fill-box;transform-origin:center}
.cvan.drive .cwh{animation:cwh .35s linear infinite}
.cvb{position:relative;width:140px;height:63px}
.cvb img{display:block;user-select:none;position:absolute}
.cvb img.cvc{inset:0;width:100%!important;height:100%!important}
.cvb img.fl{transform:scaleX(-1)}
.cvb img.cvl{top:42%;width:28.3%!important;height:auto!important;filter:brightness(0);opacity:.88}
.cvb img.cvq{top:66%;width:7%!important;height:auto!important;filter:brightness(0)}
.cvan.drive .cvb{animation:cvb .28s ease-in-out infinite alternate}
.cvan .cvd{transition:opacity .3s}
.cvan.open .cvd{opacity:1}
.cwk{transform-origin:50% 100%}
.cwk.fl{transform:scaleX(-1)}
.cwk.pop svg{animation:cwp .45s cubic-bezier(.2,1.5,.4,1) both}
.cwk .cl1{transform-origin:21.5px 49px}
.cwk .cl2{transform-origin:26.5px 49px}
.cwk .ca1,.cwk .ca2{transform-origin:18.5px 29px}
.cwk svg{overflow:visible;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18))}
.cwk.walk .ca1{animation:cwa .42s ease-in-out infinite alternate-reverse}
.cwk.walk .ca2{animation:cwa .42s ease-in-out infinite alternate}
.cwk.walk .cl1{animation:cwl .42s ease-in-out infinite alternate}
.cwk.walk .cl2{animation:cwl .42s ease-in-out infinite alternate-reverse}
.cwk.walk .cbd{animation:cwb .21s ease-in-out infinite alternate}
.cwk.done .cbd{animation:cwy .5s ease-in-out 3 alternate}
.cflow{animation:cfl 1s linear infinite}
@media (max-width:720px){.cx-n{font-size:32px}.cmap.fs .cmcard{bottom:50px;left:10px;width:calc(100% - 20px);padding:14px}.cmap.fs .cmcard .cx-f{display:none}}
.cwk.done svg{animation:cwy .5s ease-in-out 3 alternate}
@media (prefers-reduced-motion:reduce){.cvan *,.cwk *,.cring,.cflow,.cx-go{animation:none!important}}
.czn{font-size:12px;padding:4px 9px}
@media (max-width:720px){.cwk{transform:scale(.72);transform-origin:50% 98%}.cvan{transform:scale(.72);transform-origin:50% 94%}.ccnt{transform:translate(-50%,-80px);font-size:11px;padding:3px 8px}.cfin{padding:7px 11px;border-radius:13px;transform:translate(-50%,20px)}.cfin span{font-size:9.5px}.cfin b{font-size:15px}.cfin-go{margin-top:6px;padding:6px 11px 6px 13px;font-size:12px;gap:5px}.cfin-go svg{width:13px;height:13px}.cpin{font-size:11px;padding:4px 8px}.czn{font-size:10.5px;padding:3px 7px}.leaflet-tooltip.cpin:not(.czn){opacity:.92!important}.cmap.fs .cmcard{display:grid!important;grid-template-columns:1fr auto;gap:8px 10px;align-items:center;left:8px;right:8px;bottom:8px;width:auto;padding:10px 12px;border-radius:16px}.cmap.fs .cmcard>*{margin:0!important}.cmap.fs .cmcard .cx-hd{grid-column:1/-1;gap:10px;align-items:center}.cmap.fs .cmcard .cx-ic{flex:0 0 30px;height:30px;border-radius:9px}.cmap.fs .cmcard .cx-ic svg{width:15px;height:15px}.cmap.fs .cmcard .cx-ic::after{display:none}.cmap.fs .cmcard .cx-tx b{font-size:13.5px;margin:0}.cmap.fs .cmcard .cx-tx small,.cmap.fs .cmcard .ra,.cmap.fs .cmcard .cx-f{display:none}.cmap.fs .cmcard .cx-d{padding:6px 10px;border-radius:12px;gap:5px;align-items:center}.cmap.fs .cmcard .cx-n{font-size:20px}.cmap.fs .cmcard .cx-u{font-size:12px}.cmap.fs .cmcard .cx-d small{font-size:10px;line-height:1.2}.cmap.fs .cmcard .cx-d small br,.cmap.fs .cmcard .cx-d small b{display:none}.cmap.fs .cmcard .cx-go{height:40px;width:auto;padding:0 14px;font-size:13px;gap:6px;animation:none}.cmap.fs .cmcard[data-state=in] .cx-go{grid-column:1/-1;width:100%}.cmap.fs .cleg{display:none}.cfs,.crep{width:40px;height:40px;right:10px;top:10px;border-radius:12px}.crep{top:58px}}
@keyframes cfin{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}100%{opacity:1;transform:translate(-50%,26px) scale(1)}}
@keyframes cfl{to{stroke-dashoffset:-20}}
@keyframes cgo{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.7),0 10px 22px -10px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 7px rgba(255,255,255,0),0 10px 22px -10px rgba(0,0,0,.45)}}
@keyframes crg{0%{transform:scale(.3);opacity:.95}100%{transform:scale(1.6);opacity:0}}
@keyframes cvb{to{transform:translateY(-1.2px)}}
@keyframes cwa{0%{transform:rotate(-16deg)}100%{transform:rotate(16deg)}}
@keyframes cwb{to{transform:translateY(-1.4px)}}
@keyframes cwh{to{transform:rotate(360deg)}}
@keyframes cwl{0%{transform:rotate(-17deg)}100%{transform:rotate(17deg)}}
@keyframes cwp{0%{transform:scale(0) translateY(8px)}100%{transform:none}}
@keyframes cwy{to{transform:translateY(-4px)}}
@keyframes cxg{0%,100%{box-shadow:0 14px 30px -12px rgba(142,11,231,.6)}50%{box-shadow:0 14px 38px -8px rgba(161,14,255,.9)}}
@keyframes cxp{0%{opacity:.7;transform:scale(.85)}100%{opacity:0;transform:scale(1.35)}}
@keyframes spin{to{transform:rotate(360deg)}}
/* ===== coverage map (from the map design) ===== */
.cvx-sec{--head:var(--font);--shadow-s:0 10px 30px -22px rgba(90,6,176,.45);--surface:#fff;--field:#FCF9FF;--glass:rgba(255,255,255,.93);padding-top:18px}
.cmore h1{font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1.12;margin-top:12px;text-wrap:balance}
.cmore>div>.eb{align-self:flex-start}
.cvx-cta{display:flex;gap:10px;flex-wrap:wrap}
.btn-sm{height:auto;padding:10px 20px;font-size:14px}
.cvx .btn-line{border-color:#DCC0FF;color:var(--ink-2);background:var(--surface)}
.cvb img.cvl.f{left:50.3%;transform:rotate(-3deg)}
.cvb img.cvl.b{left:21.4%;transform:rotate(3deg)}
.cvb img.cvq.f{left:6.6%}
.cvb img.cvq.b{left:86.4%}
.cvx-sec .cres .btn{height:auto;padding:12px 20px}
[data-theme=dark] .cmore{background:#161B45}

/* ===== address list (availability) ===== */
#availSheet .done{text-align:center}
#availSheet .av-steps{list-style:none}
#availSheet .btn-block{width:100%}
#availSheet .inp.bad .er{display:block}
#availSheet .inp{display:flex}
#availSheet .inp label{color:var(--mist)}
#availSheet .inp label{font-size:13.5px}
#availSheet .inp{flex-direction:column;gap:6px;min-width:0}
#availSheet .inp label{font-weight:700;padding-left:6px}
#availSheet .inp input,#availSheet .inp select{height:54px;border:1.5px solid var(--line);border-radius:999px;padding:0 20px;background:var(--field);font-size:16px;transition:border-color .15s,box-shadow .15s;width:100%}
#availSheet .inp select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%236D28D9' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:12px}
#availSheet .inp input:focus,#availSheet .inp select:focus{outline:0;border-color:var(--pri-3);box-shadow:0 0 0 4px rgba(163,13,245,.18);background:var(--surface)}
#availSheet .inp.bad input{border-color:var(--err)}
#availSheet .inp .er{color:var(--err);font-size:13px;display:none;padding-left:14px}
#availSheet .av-f{display:grid;gap:12px}
#availSheet .done .ck{color:var(--pri)}
#availSheet .done p{color:var(--mist)}
#availSheet .done .ck{display:grid;place-items:center}
#availSheet .done .ck{background:var(--lav)}
#availSheet .done{padding:10px 0}
#availSheet .done .ck{width:78px;height:78px;border-radius:24px;margin:0 auto 18px}
#availSheet .done .ck svg{width:34px;height:34px}
#availSheet .done p{margin:10px 0 24px}
#availSheet .av-f .inp input[hidden],#availSheet .av-f .inp select[hidden]{display:none}
#availSheet .av-steps li{background:var(--surface)}
#availSheet .av-steps::before{position:absolute}
#availSheet .av-steps,#availSheet .av-steps li{position:relative}
#availSheet .av-hint{background:var(--cloud)}
#availSheet .av-steps li{border-radius:50%;display:grid;place-items:center}
#availSheet .av-steps li.on{background:var(--grad);color:#fff}
#availSheet .av-hint{font-size:13.5px;display:flex}
#availSheet .av-steps{display:flex;justify-content:space-between;margin:4px 6px 18px;counter-reset:none}
#availSheet .av-steps::before{content:"";left:14px;right:14px;top:50%;height:3px;margin-top:-1.5px;background:var(--line);border-radius:3px}
#availSheet .av-steps li{width:30px;height:30px;border:2px solid var(--line);color:var(--mist);font:800 13px var(--head);transition:.25s}
#availSheet .av-found b{display:block}
#availSheet .av-steps li.on{border-color:transparent;box-shadow:var(--glow)}
#availSheet .av-steps li.cur{transform:scale(1.12)}
#availSheet .av-f .inp input:disabled,#availSheet .av-f .inp select:disabled{opacity:.55;cursor:not-allowed}
#availSheet .av-hint{gap:10px;align-items:flex-start;color:var(--mist);padding:12px 14px;border-radius:16px}
#availSheet .av-hint svg{flex:0 0 18px;height:18px;color:var(--pri);margin-top:1px}
#availSheet .av-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
#availSheet .av-links .btn{flex:1;min-width:150px}
#availSheet .av-gift{font-weight:600}
#availSheet .av-found{gap:12px;animation:.35s both cardIn}
#availSheet .av-found svg{border-radius:50%}
#availSheet .av-gift{color:var(--pri)}
#availSheet .av-found{display:flex;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(22,163,74,.1)}
#availSheet .av-found svg{flex:0 0 30px;height:30px;padding:7px;background:#16a34a;color:#fff}
#availSheet .av-found b{font-family:var(--head);font-size:14.5px;color:#16a34a}
#availSheet .av-found small{color:var(--mist);font-size:13px}
#availSheet .av-gift{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;text-align:center}
#availSheet .av-gift svg{flex:0 0 16px;height:16px}
@media (max-width:720px){#availSheet .av-links{display:flex;flex-direction:column;align-items:stretch;gap:10px}#availSheet .av-links .btn{width:100%;justify-content:center}}
#availSheet .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#availSheet .row2[hidden]{display:none}
@media (min-width:761px){#availSheet .av-f{grid-template-columns:1fr 1fr}#availSheet .av-f>:not(.inp){grid-column:1/-1}}
@media (max-height:760px) and (min-width:761px){#availSheet .inp input,#availSheet .inp select{height:48px}}
#availSheet .cwk.done .cbd{animation:cwy .5s ease-in-out 3 alternate}
#availSheet .cwk.done svg{animation:cwy .5s ease-in-out 3 alternate}
#availSheet{--head:var(--font);--field:#FCF9FF;--surface:#fff;--err:#DC2626;--pri-3:#7332DA}
#availSheet .sheet-box{max-width:720px}
.clbl-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;color:var(--ink);cursor:pointer}
.clbl-btn svg{width:16px;height:16px;color:var(--pri);transition:transform .2s}
.clbl-btn:hover{color:var(--pri)}.clbl-btn:hover svg{transform:translateX(3px)}
#availSheet .done h3{font-size:22px;font-weight:800;color:#15803D}
#availSheet .done .av-links{margin-top:6px}

/* ===== fonts (site copy as fallback) ===== */
@font-face{font-family:MontserratArm;font-weight:300;font-display:swap;src:url("/static/fonts/Montserratarm-Light.otf") format("opentype"),url("https://skynet.am/fonts/Montserratarm-Light.otf") format("opentype")}
@font-face{font-family:MontserratArm;font-weight:400;font-display:swap;src:url("/static/fonts/Montserratarm-Regular.otf") format("opentype"),url("https://skynet.am/fonts/Montserratarm-Regular.otf") format("opentype")}
@font-face{font-family:MontserratArm;font-weight:500;font-display:swap;src:url("/static/fonts/Montserratarm-Medium.otf") format("opentype"),url("https://skynet.am/fonts/Montserratarm-Medium.otf") format("opentype")}
@font-face{font-family:MontserratArm;font-weight:600;font-display:swap;src:url("/static/fonts/Montserratarm-SemiBold.otf") format("opentype"),url("https://skynet.am/fonts/Montserratarm-SemiBold.otf") format("opentype")}
@font-face{font-family:MontserratArm;font-weight:700;font-display:swap;src:url("/static/fonts/Montserratarm-Bold.otf") format("opentype"),url("https://skynet.am/fonts/Montserratarm-Bold.otf") format("opentype")}
@font-face{font-family:MontserratArm;font-weight:800;font-display:swap;src:url("/static/fonts/Montserratarm-ExtraBold.otf") format("opentype"),url("https://skynet.am/fonts/Montserratarm-ExtraBold.otf") format("opentype")}

/* ===== package picker + request form ===== */
#modal .done{text-align:center}
.modal.open{visibility:visible}
#modal .inp.bad .er{display:block}
.modal.open .shade{opacity:1}
#modal .inp{display:flex}
#modal .inp label{color:var(--mist)}
#modal .inp label{font-size:13.5px}
#modal .inp{flex-direction:column;gap:6px;min-width:0}
#modal .inp label{font-weight:700;padding-left:6px}
#modal .inp input,#modal .inp select{height:54px;border:1.5px solid var(--line);border-radius:999px;padding:0 20px;background:var(--field);font-size:16px;transition:border-color .15s,box-shadow .15s;width:100%}
#modal .inp select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%236D28D9' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:12px}
#modal .inp input:focus,#modal .inp select:focus{outline:0;border-color:var(--pri-3);box-shadow:0 0 0 4px rgba(115,50,218,.18);background:var(--surface)}
#modal .inp.bad input{border-color:var(--err)}
#modal .inp .er{color:var(--err);font-size:13px;display:none;padding-left:14px}
#modal .done .ck{color:var(--pri)}
#modal #mForm>p,#modal .done p{color:var(--mist)}
#modal .done .ck,.modal{display:grid;place-items:center}
.modal{position:fixed;inset:0;z-index:100;padding:20px;visibility:hidden}
.modal .shade{position:absolute;inset:0;background:rgba(30,8,90,.55);opacity:0;transition:.2s}
.modal .box{position:relative;background:var(--surface);border-radius:32px;width:min(520px,100%);max-height:calc(100% - 20px);overflow:auto;padding:40px;transform:translateY(20px) scale(.98);opacity:0;transition:.25s}
#modal .done .ck{background:var(--lav)}
.modal.open .box{transform:none;opacity:1}
.modal h3{font-weight:800;font-size:26px;line-height:1.2}
#modal #mForm>p{margin-top:8px}
.modal form.f{grid-template-columns:1fr}
#modal .done{padding:10px 0}
#modal .done .ck{width:78px;height:78px;border-radius:24px;margin:0 auto 18px}
#modal .done .ck svg{width:34px;height:34px}
#modal .done p{margin:10px 0 24px}
@media (max-width:720px){.modal .box{padding:30px 22px}}
#modal .mplan{margin-top:18px;padding:22px;border-radius:24px;background:var(--grad);color:#fff;box-shadow:0 24px 44px -24px rgba(115,50,218,.75);position:relative;overflow:hidden}
#modal .mplan::before{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 65%)}
#modal .mp-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;opacity:.9}
#modal .mp-badge{font:800 11px var(--head);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.22)}
#modal .mp-nm{font:800 26px var(--head);letter-spacing:.05em;margin-top:6px}
#modal .mp-row{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:12px}
#modal .mp-sp{display:flex;align-items:baseline;gap:6px;font-family:var(--head)}
#modal .mp-sp b{font-size:42px;font-weight:800;line-height:1;letter-spacing:-.03em}
#modal .mp-sp span,#modal .mp-pr span{font-size:13.5px;opacity:.8;font-weight:600}
#modal .mp-pr{text-align:right;font-family:var(--head)}
#modal .mp-pr b{display:block;font-size:24px;font-weight:800;line-height:1.1}
#modal .mp-pr s{display:block;font-size:13px;opacity:.65}
#modal .mp-ft{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}
#modal .mp-ft li{padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12.5px;font-weight:600}
#modal .mp-call{display:flex;align-items:center;gap:12px;margin-top:10px}
#modal .mp-call svg{width:22px;height:22px}
#modal .mp-call b{font:800 22px var(--head)}
#modal .ferr{color:var(--err);font-size:13.5px;text-align:center}
#modal .iw{position:relative}
#modal .iw svg{position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--pri);pointer-events:none}
#modal .iw input{padding-left:46px!important}
#modal .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#modal .mp-chg{font:700 12.5px var(--head);padding:5px 12px;border-radius:999px;background:#fff;color:var(--pri)}
#modal .mp-r{display:flex;gap:6px;align-items:center}
#modal .mp-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;border-radius:16px;background:var(--cloud);margin-top:16px}
#modal .mp-tabs button{flex:0 0 auto;padding:9px 14px;border-radius:12px;font:700 13.5px var(--head);color:var(--mist);white-space:nowrap}
#modal .mp-tabs button[aria-selected=true]{background:var(--pri);color:#fff}
#modal [data-theme=dark] .mp-tabs button[aria-selected=true]{background:var(--pri)}
#modal .mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
#modal .mpc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px;border-radius:20px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}
#modal .mpc:hover{border-color:var(--pri-3);transform:translateY(-2px);box-shadow:var(--shadow-s)}
#modal .mpc .n{font:800 14px var(--head);letter-spacing:.05em;color:var(--pri)}
#modal .mpc .s{font-size:13px;color:var(--mist);font-weight:600}
#modal .mpc .s b{font:800 30px var(--head);color:var(--ink);letter-spacing:-.02em}
#modal .mpc .p{font:800 16px var(--head)}
#modal .mpc .p small{font-weight:600;font-size:12px;color:var(--mist)}
#modal .mpc em{font:800 10.5px var(--head);font-style:normal;padding:3px 9px;border-radius:999px;background:var(--lav);color:var(--pri);margin-top:4px}
#modal .mpc.hit{background:var(--grad);border-color:transparent;color:#fff}
#modal .mpc.hit .n,#modal .mpc.hit .s,#modal .mpc.hit .s b,#modal .mpc.hit .p small{color:#fff}
#modal .mpc.hit em{background:rgba(255,255,255,.22);color:#fff}
#modal #reqForm[hidden],#modal #mPick[hidden],#modal .mplan[hidden]{display:none}
#modal .mp-top{flex-wrap:wrap}
#modal .mp-r{margin-left:auto}
@media (max-width:420px){#modal .mp-r .mp-badge{display:none}}
#modal .mpc em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:420px){#modal .mpc{padding:13px}#modal .mpc .s b{font-size:24px}#modal .mp-grid{gap:8px}}
.modal .box{transition:transform .25s,opacity .25s,width .3s}
.modal .box.wide{width:min(980px,100%)}
#modal .box.wide .mp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:18px}
#modal .box.wide .mpc{padding:18px 16px}
#modal .box.wide .mp-tabs{display:inline-flex;max-width:100%}
#modal .mp-tabs{scrollbar-width:none}
#modal .mp-tabs::-webkit-scrollbar{display:none}
@media (max-width:560px){#modal .box.wide .mp-grid{grid-template-columns:1fr 1fr;gap:8px}#modal .box.wide .mpc{padding:13px}}
#modal .row2[hidden]{display:none}
@media (min-width:761px){.modal .box.two{width:min(900px,100%);padding:34px 38px}#modal .box.two #mForm{display:grid;grid-template-columns:.95fr 1.05fr;gap:4px 30px;align-items:start}#modal .box.two #mForm>h3,#modal .box.two #mForm>p{grid-column:1/-1}#modal .box.two .mplan{margin-top:16px}#modal .box.two form.f{grid-template-columns:1fr 1fr;margin-top:16px;gap:12px}#modal .box.two form.f .fw{grid-column:1/-1}}
@media (max-height:760px) and (min-width:761px){.modal .box,.modal .box.two{padding:24px 32px}.modal h3{font-size:22px}#modal .mplan{padding:18px}#modal .mp-sp b{font-size:34px}#modal .inp input,#modal .inp select{height:48px}}
#modal .mplan{padding:16px 18px;margin-top:14px;border-radius:20px}
#modal .mp-nm{font-size:20px;margin-top:2px}
#modal .mp-row{margin-top:6px}
#modal .mp-sp b{font-size:32px}
#modal .mp-pr b{font-size:20px}
#modal .mp-ft{margin-top:10px;padding-top:10px;gap:5px}
#modal .mp-ft li{font-size:11.5px;padding:4px 9px}
#modal .mp-top{font-size:12px}
@media (min-width:761px){.modal .box.two{width:min(1000px,100%)}#modal .box.two #mForm{grid-template-columns:.9fr 1.1fr;gap:0 34px}#modal .box.two #mForm>h3,#modal .box.two #mForm>p,#modal .box.two .mplan{grid-column:1}#modal .box.two form.f{grid-column:2;grid-row:1/span 3;margin-top:0;align-self:center}#modal .box.two .ferr{grid-column:1/-1}}
@media (max-width:720px){.modal{padding:12px}.modal .box{padding:26px 18px 22px;border-radius:26px;max-height:calc(100% - 10px)}.modal h3{font-size:22px}}
@media (min-width:761px){#modal .box.two form.f{margin-top:30px;align-self:start}}
@media (max-width:760px){#modal .box.two #mForm>p{display:none}#modal .box.two .mp-ft{display:none}#modal .box.two .mplan{margin-top:12px}#modal .box.two form.f{margin-top:16px;gap:10px}#modal .box.two .inp input{height:50px}}
@media (max-width:400px){#modal .box.two .mplan{padding:12px 14px}#modal .box.two .mp-nm{font-size:17px}#modal .box.two .mp-sp b{font-size:26px}#modal .box.two .mp-pr b{font-size:17px}#modal .box.two .inp input{height:46px}#modal .box.two .inp label{font-size:12.5px}#modal .box.two form.f{gap:8px;margin-top:12px}.modal h3{font-size:20px}#modal .mpc .p{font-size:14px}}
@media (max-height:700px) and (max-width:760px){#modal .box.two .mp-top>span:first-child,#modal .box.two .mp-badge{display:none}#modal .box.two .mp-top{position:absolute;right:12px;top:10px}#modal .box.two .mplan{position:relative}#modal .box.two .mp-row{margin-top:2px}.modal .box{padding-top:20px}}
#modal #mForm[hidden],#modal #mDone[hidden]{display:none!important}
.modal .box:has(#mForm[hidden]){width:min(480px,100%)!important}
#modal #mDone:not([hidden]) .ck{animation:ckPop .7s cubic-bezier(.2,1.6,.4,1) both;background:var(--grad);color:#fff;box-shadow:0 18px 40px -16px rgba(115,50,218,.8)}
#modal #mDone:not([hidden]) h3{animation:upIn .6s .15s both}
#modal .gift{display:flex;align-items:center;gap:14px;text-align:left;margin:16px auto 14px;padding:14px 18px;border-radius:20px;background:linear-gradient(120deg,var(--pri),#9071BE 55%,#ec4899);color:#fff;box-shadow:0 20px 40px -20px rgba(190,24,255,.9);position:relative;overflow:hidden;max-width:360px;animation:upIn .6s .3s both}
#modal .gift::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-100%);animation:shine 2.4s 1s infinite}
#modal .gift-ic{font-size:30px;line-height:1;animation:wig 1.6s .8s ease-in-out infinite}
#modal .gift small{display:block;font-size:12px;font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.06em}
#modal .gift b{display:block;font-family:var(--head);font-size:18px;font-weight:800;line-height:1.2}
#modal #mDone:not([hidden]) p{animation:upIn .6s .45s both}
#skyFire{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
body>#skyFire{z-index:2147483000}
@media (prefers-reduced-motion:reduce){#modal #mDone:not([hidden]) .ck{animation:ckPop .7s cubic-bezier(.2,1.6,.4,1) both!important}#modal .gift,#modal #mDone:not([hidden]) h3,#modal #mDone:not([hidden]) p{animation:upIn .6s both!important}}
#modal .ok-nm{background:linear-gradient(90deg,var(--pri),#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
#modal [data-theme=dark] .ok-nm{background:linear-gradient(90deg,var(--soft),#f9a8d4);-webkit-background-clip:text;background-clip:text}
#modal .ok-ph{color:var(--ink);font-weight:800;white-space:nowrap}
.modal .box:has(#mDone:not([hidden])){width:min(620px,100%)!important;overflow-x:hidden}
#modal #mDone{position:relative;isolation:isolate;padding:6px 0 2px}
#modal #mDone::before{content:"";position:absolute;left:50%;top:-60px;width:min(520px,120%);height:260px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(190,24,255,.22),rgba(236,72,153,.10) 55%,transparent);z-index:-1;pointer-events:none}
#modal #mDone .ck{position:relative;width:88px;height:88px;border-radius:28px;margin-bottom:20px}
#modal #mDone .ck svg{width:40px;height:40px}
#modal #mDone .ck::before,#modal #mDone .ck::after{content:"";position:absolute;inset:-2px;border-radius:30px;border:2px solid rgba(115,50,218,.45);animation:okRing 2.4s .6s ease-out infinite;pointer-events:none}
#modal #mDone .ck::after{animation-delay:1.8s}
#modal #mDone h3{font-size:clamp(21px,2.2vw,27px);line-height:1.28;max-width:480px;margin:0 auto;letter-spacing:-.01em}
#modal #mDone .gift{max-width:460px;margin:20px auto 12px}
#modal .ok-call{display:flex;align-items:center;gap:14px;max-width:460px;margin:0 auto 24px;padding:14px 18px;border-radius:20px;background:var(--cloud);border:1px solid var(--line);text-align:left;animation:upIn .6s .45s both}
#modal .ok-ci{flex:0 0 46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--pri);box-shadow:0 8px 20px -10px rgba(115,50,218,.6);position:relative}
#modal .ok-ci svg{width:20px;height:20px;animation:ring 2.2s 1.2s ease-in-out infinite}
#modal .ok-ci::after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px var(--surface)}
#modal #mDone .ok-call p{margin:0;color:var(--mist);animation:none}
#modal .ok-call small{display:block;font-size:13px;font-weight:600;color:var(--mist);margin-bottom:2px}
#modal .ok-call span{font-size:15px;color:var(--ink-2)}
#modal .ok-ph{font-family:var(--head);font-size:19px;letter-spacing:.02em;color:var(--ink)}
#modal #mDone>.btn{min-width:220px;height:52px;font-size:15px;animation:upIn .6s .6s both}
@media (max-width:560px){#modal #mDone h3{font-size:21px}#modal .ok-call{padding:12px 14px;gap:12px}#modal .ok-ci{flex-basis:42px;height:42px}#modal .ok-ph{font-size:17px}#modal #mDone>.btn{width:100%}}
@media (min-width:721px){.modal .box:has(#mDone:not([hidden])){padding:46px 52px 38px!important}}
#modal #mDone>.btn:focus:not(:focus-visible){outline:none;box-shadow:0 14px 30px -14px rgba(115,50,218,.8)}
#modal #mDone>.btn,#modal #mDone>.btn:focus,#modal #mDone>.btn:focus-visible{outline:none!important;border-color:transparent!important}
#modal #mDone>.btn:focus-visible{box-shadow:0 0 0 4px rgba(192,123,255,.35),0 14px 30px -14px rgba(115,50,218,.8)!important}
@keyframes ckPop{0%{transform:scale(.2) rotate(-25deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes upIn{from{transform:translateY(14px);opacity:0}}
@keyframes shine{to{transform:translateX(100%)}}
@keyframes wig{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg) scale(1.1)}40%{transform:rotate(12deg)}60%{transform:rotate(-6deg)}}
@keyframes okRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
@keyframes ring{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
#modal{--head:var(--font);--field:#FCF9FF;--surface:#fff;--err:#DC2626;--pri-3:#7332DA;--shadow-s:0 10px 30px -22px rgba(90,6,176,.45)}
#modal .mp-hours{margin-top:8px}
.cvx-sec .cmore .eb{background:none;padding:0;border-radius:0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pri);margin-bottom:4px}
.cvx-sec .cmore .eb i{display:none}
.cvx-sec,.cvx-sec h1,.cvx-sec h2,.cvx-sec .btn,#modal,#modal h3,#modal .btn,#availSheet{font-family:var(--font)}
#modal form.f{display:grid;margin-top:26px;grid-template-columns:1fr;gap:14px}
#modal .box.two form.f{grid-template-columns:1fr 1fr}
#modal .box.two form.f .fw{grid-column:1/-1}
#modal form.f .btn{width:100%}
#modal .iw{position:relative;display:flex;align-items:center}
@media (max-width:760px){#modal .box.two form.f{grid-template-columns:1fr 1fr}}
#modal.modal{z-index:9000}
#modal .x{position:absolute;top:16px;right:16px;z-index:3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--pri);border:0;cursor:pointer;transition:background .2s,color .2s,transform .3s cubic-bezier(.3,1.4,.5,1)}
#modal .x svg{width:16px;height:16px}
#modal .x:hover{background:var(--pri);color:#fff;transform:rotate(90deg)}
#modal #mForm{padding-right:4px}
#modal .box.wide #mTitle,#modal .box.two #mTitle{padding-right:48px}
#modal .x svg *{stroke-width:2.4}
/* full-screen map on phones */
.cmap.fs{top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:100vh!important;height:100dvh!important;max-width:none!important;transform:none!important}
.cmap.fs #covMap{position:absolute;inset:0}
.cmap.fs .cfs{top:calc(14px + env(safe-area-inset-top,0px))}
.cmap.fs .crep{top:calc(70px + env(safe-area-inset-top,0px))}
.cmap.fs .cleg{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
html.cfs-lock,html.cfs-lock body{overflow:hidden!important;overscroll-behavior:none}
html.cfs-lock .bnav,html.cfs-lock .cx-fab,html.cfs-lock .to-top,html.cfs-lock .sn-hdr{visibility:hidden}
@media (max-width:720px){.cmap.fs .cmcard{bottom:calc(50px + env(safe-area-inset-bottom,0px))!important}}
/* the design hides off-screen sections with content-visibility; that traps the full-screen map */
#coverage{content-visibility:visible!important;contain:none!important}
body>.cmap.fs{position:fixed!important;z-index:9500!important;margin:0!important;border-radius:0!important}