/* The supplied cloud reference is the visual authority for this revision. */
:root{--mint:#bfebdd;--ink:#202723;--muted:#56645d;--lime:#c3fd56;--motion:cubic-bezier(.2,0,0,1)}
html{scroll-padding-top:104px}body{color:var(--ink);font-optical-sizing:auto}.wrap{max-width:1240px}.header.wrap{position:fixed;top:0;left:0;right:0;z-index:30;max-width:none;width:100%;height:80px;padding:0 max(40px,calc((100vw - 1240px)/2));margin:0;background:rgb(191 235 221 / .84);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);transition:background-color 150ms,box-shadow 150ms}.header.is-scrolled{background:rgb(255 255 255 / .9);box-shadow:0 6px 24px #203c3010}.header .brand{font-size:29px;letter-spacing:-1.2px;font-weight:700;gap:5px}.header .brand span{font-size:16px;letter-spacing:0;margin-top:9px}.header nav{color:#344b40;font-size:16px;gap:30px}.header .button{background:#f3fff980;color:#203b2b;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 4px #284c3520;border-radius:12px;padding:11px 18px;min-height:44px}.header .button:hover{background:#ffffffbf}.header .menu{background:#e6faf1;border-radius:14px;width:44px;height:44px;padding:12px;gap:5px;align-items:center;flex-shrink:0}.menu span{width:19px;height:1.5px;background:#263f32;transition:transform 150ms var(--motion),opacity 150ms}.menu[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.hero{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;align-items:center;min-height:0;padding:95px 24px 36px;background:white;border-radius:0;isolation:isolate;overflow:hidden;color:var(--ink)}.hero:before{display:none}.hero-sky{position:absolute;z-index:-1;inset:0 0 auto;height:620px;overflow:hidden;background:var(--mint);pointer-events:none;transform:translateY(var(--sky-depth,0px))}.hero-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 54%,#fff0 66%,#ffffffab 84%,#fff 100%)}.cloudscape{width:100%;height:100%;object-fit:cover;object-position:center 49%;display:block}.hero-art{position:relative;min-height:0;height:390px;width:430px;margin:0;flex-shrink:0;transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--scroll-depth,0px)),0);pointer-events:none;will-change:auto}.mascot{position:relative;top:auto;left:auto;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none;filter:drop-shadow(0 20px 18px #557a5c18);mask-image:linear-gradient(#000 83%,#000a 91%,transparent 100%)}.hero-copy{position:relative;z-index:3;text-align:center;margin:-3px 0 0;max-width:840px}.hero h1{font-size:clamp(48px,5vw,68px);font-weight:600;line-height:1.04;letter-spacing:-.045em;color:#202723;text-wrap:balance}.hero-copy>p{font-size:16px;line-height:1.65;color:#56645d;margin:22px 0 25px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:23px}.hero-actions .button{position:relative;gap:14px;min-height:56px;padding:16px 24px;color:#203220;background:#b7f55b;box-shadow:inset 0 2px 2px #f6ffe9,inset 0 -4px 7px #5a8b2230,0 6px 13px #6d9c3e1a;border-radius:17px;font-size:16px}.hero-actions .button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-actions .button span{font-size:19px;margin-left:12px}.hero-secondary{display:flex;align-items:center;gap:12px;font-size:16px;min-height:44px;color:#455a4d;text-underline-offset:5px}.hero-secondary:hover{text-decoration:underline}.hero-copy>.hero-note{display:block;font-size:16px;line-height:1.6;color:#66736a;margin:16px 0 0}.button{transition:transform 150ms var(--motion),box-shadow 150ms var(--motion),background-color 150ms}.button:active{transform:scale(.96);transition-duration:100ms}.hero .button:hover{transform:translateY(-1px)}.hero .button:active{transform:scale(.96)}.skip{position:fixed;z-index:99}
.platform-strip{padding:30px 0;margin-top:0;border-bottom:0;gap:22px;color:#56645d}.platform-strip>div{font-size:16px;color:#425c4d;gap:35px}.platform-strip a{padding-block:10px}.section{padding-block:90px}h2{font-weight:500;letter-spacing:-.04em;font-size:clamp(34px,3.5vw,47px)}h2 span{color:#68766e}.section-head>p{font-size:16px;color:#56645d}.feature-grid{grid-template-columns:1.3fr 1fr 1fr;gap:36px}.feature{border-radius:0;padding:28px 0 0;min-height:365px;border-top:1px solid #dbe6df;background:white}.f-telegram,.f-friends,.f-terms{background:white}.feature h3{font-size:27px;font-weight:500}.feature p{font-size:16px;color:#56645d;max-width:245px}.f-telegram img{width:190px;bottom:-10px;right:0}.f-telegram .text-link{color:#334e3a}.f-terms img{width:180px;bottom:0;right:-10px}.f-friends img{width:210px;right:-27px;bottom:0}.f-terms .text-link,.f-friends .text-link{left:0;bottom:24px;max-width:130px}.feature .text-link{min-height:44px;font-size:16px}.steps{gap:50px}.steps li>span{background:#e9f7ed;box-shadow:none;color:#2f5b3c}.steps p{color:#56645d}.testing{color:#57645a;background:#f4f7f3;font-size:16px}.installation{background:#f4f7f3}.guide{border-radius:20px}.guide-top p{color:#626d65;font-size:16px}.guide-intro,.guide-steps p{color:#58645c;font-size:16px}.guide-steps h4{font-size:16px}.guide-tip{background:#eff7e8;color:#415635}.guide-source{color:#58645c;font-size:16px}.guide-footer{color:#58645c}#platform-nav a{color:#526359}.guide-sidebar{position:sticky;top:104px}.sidebar-label{font-size:16px}.diagnostics{background:#e3f2ec;border-radius:24px;min-height:330px}.diagnostics p{color:#52695c}.network-art{opacity:.75}.network-art svg{stroke:#466a53}.network-ring{border-color:#84a69340}.r3{background:#f9fffc55}.faq details p{font-size:16px;color:#58645c}.faq summary{font-size:16px;min-height:64px}.final-cta{background:#d6f1e3;border-radius:24px}.final-cta .button{background:#284b37}.footer-top p,.footer-bottom{color:#59665e}.footer-bottom{font-size:16px}.text-link{min-height:32px}section[id]{scroll-margin-top:24px}.download-links a{min-height:36px;align-items:center}.client-tabs button{min-height:40px}
@media(max-width:1100px) and (min-width:761px){.header.wrap{padding-inline:24px}.hero{padding-top:95px}.hero-art{width:410px;height:380px}.hero h1{font-size:59px}.feature-grid{gap:25px}.f-telegram img{width:175px}.f-terms img{right:-30px}.f-friends img{right:-45px}.platform-strip>div{gap:24px}}
@media(max-width:760px){html{scroll-padding-top:88px}.header.wrap{height:64px;padding:0 18px;gap:15px}.header .brand{font-size:25px;letter-spacing:-1px}.header .brand span{font-size:16px;margin-top:7px}.header>.button{display:none}.header .menu{margin-left:auto;display:flex}.header nav{position:fixed;top:72px;left:12px;right:12px;border-radius:20px;padding:14px 22px;background:#fafffc;box-shadow:0 12px 35px #24473521;gap:0}.header nav a{padding:15px 0;min-height:48px;font-size:16px}.hero{padding:64px 20px 26px;min-height:0}.hero-sky{height:430px}.cloudscape{object-position:center 45%;width:100%;height:100%}.hero-sky:after{background:linear-gradient(transparent 52%,#ffffff70 72%,#fff 100%)}.hero-art{width:310px;height:280px;margin:0;max-width:100%}.mascot{width:100%;height:100%;mask-image:linear-gradient(#000 79%,#0009 91%,transparent 100%)}.hero-copy{margin:-6px 0 0;max-width:100%}.hero h1{font-size:38px;line-height:1.06;letter-spacing:-.04em}.hero-copy>p{font-size:16px;line-height:1.65;margin:18px -2px 22px}.hero-actions{flex-direction:column;gap:8px;width:100%}.hero-actions .button{width:100%;max-width:320px;justify-content:center;font-size:16px;min-height:52px;padding:14px 20px;border-radius:16px}.hero-actions .button span{margin-left:10px}.hero-secondary{font-size:16px;min-height:44px}.hero-copy>.hero-note{font-size:16px;margin:7px 0 0}.platform-strip{padding:24px 4px 20px;gap:12px;align-items:center;text-align:center}.platform-strip>span{font-size:16px}.platform-strip>div{gap:0;font-size:16px;justify-content:space-between;width:100%}.platform-strip a{min-height:36px;padding:10px 3px}.section{padding-block:60px}.section-head{gap:16px}.section-head>p{font-size:16px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature{min-height:285px;padding:24px 0 0}.feature h3{font-size:27px}.feature p{max-width:210px;font-size:16px}.f-telegram img{width:190px;right:-25px;bottom:0}.f-terms img{width:180px;right:-15px;bottom:0}.f-friends img{width:210px;right:-25px;bottom:0}.f-terms .text-link,.f-friends .text-link{left:0;bottom:20px;max-width:150px}.how{padding-top:0}.steps{gap:20px}.testing{font-size:16px}.guide-sidebar{position:static}.sidebar-label{display:flex;align-items:center;justify-content:space-between;font-size:16px}.sidebar-label span{display:block;font-size:0}.sidebar-label span:after{content:'Выберите устройство →';font-size:16px;color:#5f6e63}#platform-nav{padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#9aaa96 transparent}#platform-nav a{font-size:16px;min-height:44px;display:flex;align-items:center;background:#e8eee7}#platform-nav a[aria-current=page]{background:#c3fd56}.guide{padding:24px 20px;min-height:0}.guide h3{font-size:25px}.guide-steps h4{font-size:16px}.guide-steps p{font-size:16px}.guide-source{font-size:16px}.guide-footer{font-size:16px;flex-wrap:wrap}.diagnostics{padding:30px 25px;min-height:370px}.diagnostics h2{font-size:31px}.diagnostics p{font-size:16px}.faq summary{font-size:16px}.faq details p{font-size:16px}.final-cta{min-height:250px;padding:28px 25px}.final-cta h2{font-size:30px}.footer-bottom{font-size:16px}.menu{min-width:44px;min-height:44px}.hero-copy{width:100%}}
@media(max-width:359px){.hero-art{width:280px;height:255px}.hero h1{font-size:33px}.hero-copy>p{font-size:16px}.hero{padding-inline:16px}.feature p{max-width:190px}.feature img{opacity:.8;right:-40px}.final-cta img{right:-15px;opacity:.7}.platform-strip>div{font-size:16px}.guide h3{font-size:23px}}
@media(hover:none){.button:hover,.hero .button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-sky{transform:none!important}.button:active,.hero .button:active{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.header.wrap{background:#bfebdd;backdrop-filter:none;-webkit-backdrop-filter:none}.header.is-scrolled{background:#fff}}
@media(prefers-contrast:more){.header.wrap{background:#d1f5e8;backdrop-filter:none}.header.is-scrolled{background:#fff;border-bottom:1px solid #344b40}h2 span{color:#425c4d}.hero-note{color:#344b40}}
.hero h1{letter-spacing:-.04em}.header nav a{min-height:44px;display:flex;align-items:center}
a,button,summary{touch-action:manipulation}h2,h3{text-wrap:balance}.header.wrap{padding-left:max(18px,env(safe-area-inset-left),calc((100vw - 1240px)/2));padding-right:max(18px,env(safe-area-inset-right),calc((100vw - 1240px)/2))}
@media(max-width:760px){.header nav{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}}