:root{--purple:#8210FA;--purple2:#A62BFF;--deep:#151747;--ink:#11143d;--muted:#66677d;--lav:#f4efff;--line:#e7ddf7;--white:#fff;--shadow:0 14px 34px rgba(75,34,160,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0,#c9a7ff 0,#f4efff 34%,#f7f5fb 72%);font-size:14px}a{text-decoration:none;color:inherit}button,input{font:inherit}.page{width:min(1490px,calc(100% - 58px));margin:10px auto 30px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px rgba(48,27,90,.18)}
header{height:64px;display:flex;align-items:center;padding:0 44px;gap:36px;background:#fff;border-bottom:1px solid #eee8f8;position:relative;z-index:20}.logo{display:flex;align-items:center;gap:10px;min-width:150px}.logo i,.fbrand i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#8B13FB,#C63AFF);color:#fff;font-style:normal;font-size:23px;font-weight:900;transform:rotate(-7deg)}.logo b{font-size:25px;letter-spacing:-1px}.logo+nav{display:flex;align-items:center;gap:31px;flex:1;justify-content:center}.logo+nav a{font-size:14px;font-weight:650}.logo+nav a:hover{color:var(--purple)}.head-actions{display:flex;align-items:center;gap:12px}.head-actions button{border:0;background:transparent;color:var(--ink);font-weight:800}.search{font-size:24px}.lang{padding:9px 12px!important;border-radius:12px!important;background:#f7f3ff!important}.account{background:linear-gradient(135deg,#8D12FB,#7810ED);color:#fff;padding:13px 26px;border-radius:24px;font-weight:750;box-shadow:0 8px 18px rgba(111,30,232,.2)}.burger{display:none;font-size:24px!important;background:#f4efff!important;border-radius:10px!important;width:42px;height:42px}
main{background:#fff}.hero{min-height:510px;display:grid;grid-template-columns:48% 52%;background:linear-gradient(110deg,#f8f5ff 0%,#f3ebff 48%,#8516EF 100%);overflow:hidden}.copy{padding:42px 28px 28px 74px;display:flex;flex-direction:column;justify-content:center}.copy h1{font-size:54px;line-height:.98;letter-spacing:-2.3px;margin:0 0 15px;font-weight:900;max-width:510px}.copy h1 span{color:var(--purple)}.copy>p{font-size:18px;line-height:1.25;margin:0 0 24px;color:#34354d}.actions{display:flex;gap:20px;margin-bottom:26px}.actions a{height:50px;min-width:200px;padding:0 25px;display:flex;align-items:center;justify-content:center;border-radius:28px;font-size:15px;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,#9010FC,#AA27FF);box-shadow:0 12px 23px rgba(111,30,232,.26)}.primary b{font-size:24px;margin-left:15px}.secondary{background:#fff;border:1px solid #ddd3ef;box-shadow:0 8px 18px rgba(54,30,110,.1)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:545px}.benefits div{text-align:center}.benefits i{width:58px;height:58px;margin:0 auto 8px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#fff,#f3e9ff);color:var(--purple);font-style:normal;font-size:33px;box-shadow:0 7px 17px rgba(99,46,181,.09)}.benefits b{font-size:13px;line-height:1.15}.photo{position:relative;min-height:510px;background-image:linear-gradient(90deg,rgba(244,235,255,.2),rgba(83,21,150,.05)),url('/static/img/family_room.webp');background-size:cover;background-position:center;overflow:hidden}.photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,238,255,.35) 0,rgba(122,37,197,.02) 24%,rgba(67,18,116,.10) 100%)}.photo-note{display:none}
.plans{padding:20px 66px 18px;background:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:28px;line-height:1;margin:0 0 5px;letter-spacing:-.8px}.section-head p{margin:0;color:#696b82;font-size:16px}.section-head>a{font-weight:800;color:#7E10F0;font-size:14px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan-grid article{min-height:205px;padding:18px 20px 13px;border:1px solid #ece6f6;border-radius:14px;box-shadow:0 8px 18px rgba(65,35,113,.08);position:relative;background:#fff}.plan-grid article em{position:absolute;right:18px;top:15px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f4ebff;color:#8710F7;font-style:normal;font-size:24px}.plan-grid h3{font-size:17px;margin:0 0 4px}.plan-grid p{margin:0 0 14px;color:#717188}.plan-grid strong,.plan-grid b,.plan-grid small{display:block}.plan-grid strong{font-size:20px;margin-bottom:10px}.plan-grid b{font-size:20px;margin-bottom:1px}.plan-grid small{font-size:12px;color:#6d6e80}.plan-grid button{position:absolute;left:18px;right:18px;bottom:12px;height:35px;border:0;border-radius:9px;background:#e7d4ff;color:#6819d4;font-weight:800}.plan-grid .featured{background:linear-gradient(155deg,#A51BFF,#6010C3);color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(83,25,165,.30)}.featured p,.featured small{color:#eee5ff}.featured em{background:rgba(255,255,255,.16);color:#fff}.featured button{background:linear-gradient(135deg,#AA1FFF,#CE55FF);color:#fff;border:1px solid rgba(255,255,255,.45)}.hit{position:absolute;top:8px;left:18px;background:#BA2BFF;padding:3px 14px;border-radius:12px;font-size:11px}.featured h3{margin-top:17px}.mobile-tv{display:none}
.lower{display:grid;grid-template-columns:1.08fr .92fr;border-top:1px solid #eee7f7;background:#fbf9ff}.coverage,.more{min-height:190px;padding:21px 42px}.coverage{position:relative;overflow:hidden;background:linear-gradient(135deg,#faf8ff,#f3ecff)}.coverage h2,.more h2{font-size:23px;line-height:1.05;margin:0 0 8px;letter-spacing:-.5px}.coverage>p{margin:0 0 12px;color:#696b82}.map{position:absolute;right:0;top:0;width:46%;height:100%;opacity:.92;background-color:#f0e8fc;background-image:linear-gradient(35deg,transparent 47%,#ddd1ef 48%,#ddd1ef 51%,transparent 52%),linear-gradient(145deg,transparent 47%,#e7ddf4 48%,#e7ddf4 51%,transparent 52%);background-size:63px 47px}.map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 42% 50%,rgba(150,92,235,.27),transparent 32%)}.pin{position:absolute;left:42%;top:38%;width:38px;height:38px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#8E10F8;color:#fff;display:grid;place-items:center;font-size:0;z-index:2}.pin:after{content:"";width:10px;height:10px;background:#fff;border-radius:50%}.ok{position:absolute;left:52%;top:31%;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:800;box-shadow:0 5px 14px rgba(58,30,105,.12);z-index:2}.address{width:62%;height:42px;background:#fff;border:1px solid #e6dcf3;border-radius:9px;display:flex;align-items:center;position:absolute;left:42px;bottom:18px;z-index:3;box-shadow:0 7px 16px rgba(68,38,110,.07)}.address span{font-size:20px;color:#8D10F7;margin:0 9px 0 12px}.address input{border:0;outline:0;min-width:0;flex:1;color:#55586d}.address button{height:42px;width:50px;border:0;border-radius:0 9px 9px 0;background:#8B10F8;color:#fff;font-size:20px}.more{background:#fff}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.more-grid div{text-align:center}.more-grid i{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 8px;background:#f1e6ff;border-radius:12px;color:#8910F5;font-size:25px;font-style:normal}.more-grid b,.more-grid small{display:block}.more-grid b{font-size:12px}.more-grid small{font-size:10px;color:#7a7b8f;margin-top:4px}
footer{min-height:64px;padding:10px 36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee8f7;background:#fff}.fbrand{display:flex;align-items:center;gap:8px}.fbrand i{width:31px;height:31px}.fbrand b{font-size:19px}.fbrand span{font-size:11px;margin-left:15px;color:#55586e}.fbrand+nav{display:flex;gap:32px;font-size:12px}.dock{display:none}
@media(max-width:1100px){.page{width:calc(100% - 24px)}header{padding:0 24px;gap:14px}.logo+nav{gap:16px}.hero{grid-template-columns:50% 50%}.copy{padding-left:38px}.copy h1{font-size:46px}.benefits{gap:10px}.plans{padding-left:32px;padding-right:32px}.coverage,.more{padding-left:28px;padding-right:28px}.address{left:28px}.account{padding:12px 18px}}
@media(max-width:820px){body{background:#ece3ff}.page{width:100%;margin:0;border-radius:0;min-height:100vh;box-shadow:none;padding-bottom:67px}header{height:66px;padding:0 16px;gap:8px}.logo{min-width:0;margin-right:auto}.logo i{width:30px;height:30px;font-size:20px}.logo b{font-size:21px}.logo+nav,.search,.account{display:none}.head-actions{gap:7px}.lang{font-size:13px}.burger{display:block}.hero{display:grid;grid-template-columns:1fr;min-height:auto;background:linear-gradient(180deg,#f7f2ff 0,#efe3ff 49%,#fff 78%);padding-bottom:12px}.copy{display:contents}.copy h1{grid-row:1;margin:0;padding:20px 20px 4px;font-size:34px;line-height:.93;letter-spacing:-1.3px;position:relative;z-index:4}.copy>p{grid-row:2;margin:0;padding:2px 20px 8px;font-size:13px;line-height:1.2;position:relative;z-index:4}.photo{grid-row:3;min-height:245px;background-size:cover;background-position:center top;margin-top:-7px}.photo:before{background:linear-gradient(180deg,rgba(248,243,255,.35),rgba(118,31,214,.04))}.actions{grid-row:4;display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:10px 18px 10px;background:#fff}.actions a{height:51px;width:100%;min-width:0;border-radius:26px}.benefits{grid-row:5;max-width:none;width:100%;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 10px 8px;background:#fff}.benefits i{width:43px;height:43px;border-radius:12px;font-size:25px;margin-bottom:5px}.benefits b{font-size:9.5px;line-height:1.05}.plans{padding:0 14px 14px;background:#fff}.section-head,.plan-grid{display:none}.mobile-tv{display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:10px;border-radius:14px;padding:11px 12px;background:linear-gradient(100deg,#f3e5ff,#ead7ff);color:#29264c}.mobile-tv:first-letter{font-size:0}.mobile-tv>b{font-size:14px}.mobile-tv span{grid-column:2;font-size:11px;color:#5d5c75;margin-top:-8px}.mobile-tv strong{grid-column:3;grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#8C10F6;font-size:18px}.lower{display:none}footer{min-height:170px;padding:40px 20px 72px;color:#fff;background:linear-gradient(180deg,#3d147b,#1b164c);position:relative;overflow:hidden}footer:before{content:"SKYNET  Ближе к вам ♡";position:absolute;left:25px;top:35px;font-size:21px;font-style:italic;transform:rotate(-6deg);opacity:.88}.fbrand,footer>nav,footer>div:last-child{display:none}.dock{position:fixed;z-index:50;left:0;right:0;bottom:0;height:66px;background:rgba(255,255,255,.97);border-top:1px solid #e7ddf4;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -6px 20px rgba(46,24,80,.08);padding-bottom:env(safe-area-inset-bottom)}.dock a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:#474567;font-size:18px}.dock a span{font-size:9px;font-weight:700}.dock .active{color:#8910F5}}
@media(max-width:390px){.copy h1{font-size:31px}.photo{min-height:220px}.benefits i{width:40px;height:40px}.benefits b{font-size:8.8px}}


/* Task 92 final reference pass: richer violet + compact mobile composition. */
@media (min-width:821px){
  .hero{background:linear-gradient(108deg,#fbf8ff 0%,#f3e7ff 44%,#8a21ee 100%)}
  .photo{background-position:center center}
  .primary,.account{box-shadow:0 13px 28px rgba(130,16,250,.30)}
  .featured{box-shadow:0 18px 38px rgba(101,18,198,.34)}
}
@media (max-width:820px){
  body{background:#eee4ff}
  .page{padding-bottom:62px}
  header{height:60px;padding:0 14px}
  .logo i{width:29px;height:29px;border-radius:9px}
  .logo b{font-size:20px}
  .lang{padding:8px 10px!important;background:#f2ebff!important}
  .burger{width:40px;height:40px;font-size:22px!important;background:#f1e9ff!important}
  .hero{padding-bottom:5px;background:linear-gradient(180deg,#faf7ff 0,#eee0ff 45%,#fff 76%)}
  .copy h1{padding:15px 18px 2px;font-size:29px;line-height:.96;letter-spacing:-1px}
  .copy>p{padding:3px 18px 7px;font-size:12.5px;line-height:1.15}
  .photo{min-height:205px;margin-top:-3px;background-size:cover;background-position:center 33%}
  .photo:before{background:linear-gradient(180deg,rgba(247,239,255,.12),rgba(114,18,215,.03))}
  .actions{gap:8px;padding:8px 14px 8px}
  .actions a{height:46px;border-radius:24px;font-size:14px}
  .primary{background:linear-gradient(135deg,#8e10fb,#aa27ff);box-shadow:0 11px 24px rgba(130,16,250,.28)}
  .secondary{border-color:#ddd0f3}
  .benefits{gap:3px;padding:3px 8px 7px}
  .benefits i{width:39px;height:39px;border-radius:11px;font-size:23px;margin-bottom:4px;background:linear-gradient(145deg,#fff,#efe2ff)}
  .benefits b{font-size:8.7px;line-height:1.02}
  .plans{padding:0 10px 9px}
  .mobile-tv{min-height:70px;grid-template-columns:46px 1fr 34px;gap:8px;padding:9px 10px;border-radius:13px;background:linear-gradient(100deg,#f1e2ff,#e4cbff)}
  .mobile-tv>b{font-size:13px}
  .mobile-tv span{font-size:10.5px;margin-top:-7px}
  .mobile-tv strong{width:32px;height:32px;color:#8a10f6}
  footer{min-height:120px;padding:28px 18px 66px;background:linear-gradient(180deg,#5510a8,#251457)}
  footer:before{left:20px;top:26px;font-size:19px}
  .dock{height:60px}
  .dock a{font-size:17px}
  .dock a span{font-size:8.5px}
  .dock .active{color:#8710f7}
}
@media (max-width:390px){
  .copy h1{font-size:27px}
  .photo{min-height:190px}
  .actions a{height:44px}
  .benefits i{width:37px;height:37px}
  .benefits b{font-size:8.2px}
}

/* Ara 2026-09-17: overall Home violet +10% — color only, no layout changes */
:root{--purple:#8b0cff;--purple2:#b126ff;--lav:#eee3ff;--line:#dfd0f6}
body{background:radial-gradient(circle at 20% 0,#bd91ff 0,#eee3ff 35%,#f6f1fb 72%)}
.logo i,.fbrand i{background:linear-gradient(135deg,#9510ff,#d12fff)}
.lang{background:#f1e7ff!important}
.account{background:linear-gradient(135deg,#9810ff,#7f0ff4);box-shadow:0 9px 21px rgba(126,20,238,.27)}
.burger{background:#efe4ff!important}
.hero{background:linear-gradient(110deg,#f5efff 0%,#ecddff 48%,#9010f8 100%)}
.primary{background:linear-gradient(135deg,#9b0bff,#b91cff);box-shadow:0 13px 26px rgba(126,20,238,.34)}
.secondary{border-color:#d6c3f1;box-shadow:0 8px 19px rgba(78,35,135,.13)}
.benefits i{background:linear-gradient(145deg,#fff,#ead8ff);box-shadow:0 8px 19px rgba(120,45,210,.13)}
.section-head>a{color:#8b0cff}
.plan-grid article em{background:#eee0ff;color:#920aff}
.plan-grid button{background:#dec4ff;color:#760fdf}
.plan-grid .featured{background:linear-gradient(155deg,#b10fff,#6907ce);box-shadow:0 15px 33px rgba(94,20,190,.37)}
.featured button{background:linear-gradient(135deg,#b80fff,#dc45ff)}
.hit{background:#c51fff}
.coverage{background:linear-gradient(135deg,#faf7ff,#eee0ff)}
.map{background-color:#eadcff}
.map:after{background:radial-gradient(circle at 42% 50%,rgba(160,74,245,.34),transparent 32%)}
.pin{background:#950aff}
.address span{color:#920aff}.address button{background:#930aff}
.more-grid i{background:#ead7ff;color:#920aff}
@media(max-width:820px){
  body{background:#e5d4ff}
  .hero{background:linear-gradient(180deg,#f4ecff 0,#e7d5ff 49%,#fff 78%)}
  .mobile-tv{background:linear-gradient(100deg,#eddcff,#dfc5ff)}
  .mobile-tv strong{color:#910aff}
  .dock{border-top-color:#ddcaf5;box-shadow:0 -7px 22px rgba(80,30,145,.11)}
  .dock .active{color:#900aff}
}

/* Home HY/RU/EN language switch — no layout changes */
.copy h1 .plain{color:var(--ink)}
.lang-wrap{position:relative;display:flex;align-items:center}
.lang-menu{display:none;position:absolute;top:48px;right:0;z-index:80;min-width:76px;padding:6px;background:#fff;border:1px solid #e4d5f6;border-radius:14px;box-shadow:0 14px 32px rgba(55,22,100,.16)}
.lang-menu.open{display:grid;gap:3px}
.lang-menu button{width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}
.lang-menu button:hover,.lang-menu button.active{background:#eee3ff;color:var(--purple)}
@media(max-width:820px){.lang-menu{top:50px;right:0}}

/* SKYNET mobile navigation repair, 2026-09-19 */
.search{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:24px}
@media(max-width:820px){header #home-nav.menu-open{display:flex!important;position:absolute;top:66px;left:10px;right:10px;z-index:100;background:white;border:1px solid #e7ddf7;border-radius:14px;box-shadow:0 16px 35px #39246c30;padding:14px;flex-direction:column;align-items:stretch;gap:0}header #home-nav.menu-open a{display:block;padding:12px;font-size:16px;border-radius:9px}header #home-nav.menu-open a:active{background:#f1e7ff}}

/* 2026-09-25 responsive hardening: small/large phones */
html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}.page{max-width:100%}img,svg,video{max-width:100%;height:auto}
@media(max-width:430px){
  header{padding:0 12px}.logo b{font-size:19px}.lang{padding:7px 9px}.burger{width:42px;height:42px}
  .copy h1{font-size:clamp(30px,10vw,36px);padding-left:16px;padding-right:16px}
  .copy>p{font-size:12.5px;padding-left:16px;padding-right:16px}
  .actions{padding-left:14px;padding-right:14px}.actions a{height:49px;font-size:15px}
  .benefits{gap:4px;padding-left:6px;padding-right:6px}.benefits i{width:40px;height:40px}.benefits b{font-size:8.7px}
  .dock{height:66px}.dock a{font-size:16px}.dock a span{font-size:8px}
}
@media(max-width:360px){
  header{padding:0 8px}.logo i{width:28px;height:28px}.logo b{font-size:17px}.lang{padding:6px 7px;font-size:11px}
  .copy h1{font-size:29px}.copy>p{font-size:12px}.photo{min-height:220px}
  .actions{padding-left:10px;padding-right:10px}.benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.benefits b{font-size:8px}
  .dock{height:64px}.dock a{font-size:15px}.dock a span{font-size:7.5px}
}

/* 2026-09-25: larger balanced bottom navigation */
@media(max-width:820px){
  .dock{height:76px!important;padding:4px 0 calc(4px + env(safe-area-inset-bottom))!important}
  .dock a{font-size:22px!important;gap:5px!important;min-height:68px!important}
  .dock a span{font-size:11.5px!important;font-weight:800!important;line-height:1.05!important}
  .page{padding-bottom:76px!important}
}
@media(max-width:430px){
  .dock{height:74px!important}.dock a{font-size:21px!important;min-height:66px!important}.dock a span{font-size:11px!important}.page{padding-bottom:74px!important}
}
@media(max-width:360px){
  .dock{height:72px!important}.dock a{font-size:20px!important;min-height:64px!important}.dock a span{font-size:10px!important}.page{padding-bottom:72px!important}
}