:root{--bg:#05080d;--bg2:#0b121b;--tx:#e8eef5;--mu:#8fa0b3;--ac:#2aa7ee;--ln:#1d2a3a}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:400 17px/1.6 Manrope,system-ui,sans-serif;padding-bottom:64px}
h1,h2,h3,.logo,.stamp{font-family:Unbounded,Manrope,sans-serif}
a{color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 20px}.narrow{max-width:760px}
.top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:rgba(5,8,13,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.logo{text-decoration:none;font-weight:700;font-size:15px}.logo span{color:var(--ac)}
.top nav{display:flex;gap:22px;color:var(--mu);font-size:15px}.top nav a{text-decoration:none}.top nav a:hover{color:var(--tx)}
.btn{display:inline-block;border:0;cursor:pointer;background:var(--ac);color:#031018;font:600 16px Manrope;padding:13px 26px;border-radius:999px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(42,167,238,.55)}
.btn.ghost{background:transparent;color:var(--tx);border:1.5px solid var(--ac)}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:110px 0 50px;overflow:hidden;background:radial-gradient(60% 50% at 70% 40%,#0d2236,transparent)}
#gl{position:absolute;inset:0;width:100%;height:100%}
.hero-in{position:relative;display:grid;grid-template-columns:1fr;align-items:center}.hero-in>div{max-width:600px}
.stamp{display:inline-block;border:2px solid var(--ac);color:var(--ac);padding:6px 14px;font-size:13px;transform:rotate(-3deg);margin-bottom:22px}
h1{font-size:clamp(30px,5vw,56px);line-height:1.1;margin-bottom:18px;text-wrap:balance}
h2{font-size:clamp(24px,3.4vw,38px);margin-bottom:28px;text-wrap:balance}
.lead{color:var(--mu);max-width:560px;margin-bottom:26px}.row{display:flex;gap:12px;flex-wrap:wrap}
.card{background:rgba(11,18,27,.85);border:1px solid var(--ln);border-radius:18px;padding:26px;backdrop-filter:blur(8px);display:grid;gap:14px}
.card h2{font-size:21px;margin:0}.card label{display:grid;gap:6px;font-size:14px;color:var(--mu)}
.card input:not([type=checkbox]){background:#060b11;border:1px solid var(--ln);border-radius:10px;padding:13px;color:var(--tx);font:inherit}
.card input:focus{border-color:var(--ac);outline:0}.chk{display:flex!important;gap:8px;align-items:flex-start;font-size:13px!important}
.hp{position:absolute!important;left:-9999px}.msg{font-size:14px;min-height:20px}.msg.ok{color:#5be39b}.msg.err{color:#ff8a8a}
.sec{padding:88px 0}.alt{background:var(--bg2)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.grid article{border:1px solid var(--ln);border-radius:14px;padding:24px;transition:border-color .2s,transform .2s}
.grid article:hover{border-color:var(--ac);transform:translateY(-4px)}.grid h3{font-size:18px;margin-bottom:10px}.grid p{color:var(--mu)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;border-left:2px solid var(--ac);padding-left:16px;color:var(--mu)}
.steps li:before{content:counter(s);font:700 30px Unbounded;color:var(--ac);display:block}.steps b{display:block;color:var(--tx);font-size:18px}
.cities,.soc{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.soc{margin-top:26px}
.cities a,.soc a{border:1px solid var(--ln);border-radius:999px;padding:9px 18px;text-decoration:none;transition:.2s}.cities a:hover,.soc a:hover{border-color:var(--ac);color:var(--ac)}
details{border-bottom:1px solid var(--ln);padding:16px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--mu);margin-top:10px}
footer{padding:30px 0;color:var(--mu);font-size:14px;border-top:1px solid var(--ln)}
.callbar{display:none;position:fixed;inset:auto 0 0;z-index:30;background:var(--ac);color:#031018;text-align:center;font-weight:700;padding:16px;text-decoration:none}
.rv{opacity:0;transform:translateY(24px);transition:.7s}.rv.in{opacity:1;transform:none}
@media(max-width:860px){.hero-in{padding-top:170px}.carname{top:84px!important;right:auto!important;left:20px;bottom:auto!important}.top nav{display:none}.callbar{display:block}.top .btn{display:none}.sec{padding:60px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}.rv{opacity:1;transform:none}}

.card{grid-template-columns:1fr 1fr;margin-top:28px}.card h2,.card .chk,.card .btn,.card .msg{grid-column:1/-1}
@media(max-width:560px){.card{grid-template-columns:1fr}}
.carname{position:absolute;z-index:2;right:7%;bottom:12%;font:500 14px Unbounded,sans-serif;color:var(--mu)}.carname b{color:var(--ac);font-weight:700}
/* v3 */
.top{padding:20px 36px}.logo{font-size:24px}.top nav{font-size:18px;gap:30px}.top .btn{font-size:19px;padding:14px 30px}
.btn.xl{font-size:22px;padding:20px 44px}.btn.ghost.xl{font-size:18px;padding:18px 28px}
.stamp{display:block;width:max-content;max-width:100%;font:700 clamp(30px,6vw,66px)/1.05 Unbounded,sans-serif;text-transform:uppercase;letter-spacing:.02em;text-align:center;color:#8fd0f4;border:7px solid #8fd0f4;border-radius:8px;padding:.3em .6em;margin:0 0 30px;transform:rotate(-5deg);background:rgba(42,167,238,.1);box-shadow:inset 0 0 0 3px rgba(143,208,244,.3),0 0 40px rgba(42,167,238,.25);text-shadow:0 0 18px rgba(42,167,238,.5);
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='f' color-interpolation-filters='sRGB'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -9 0 0 0 5.7'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='f' color-interpolation-filters='sRGB'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -9 0 0 0 5.7'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>")}
h1{font-size:clamp(28px,4.4vw,50px)}.hphone{font:700 clamp(22px,3.2vw,34px) Unbounded,sans-serif;margin-bottom:16px}.hphone a{color:var(--ac);text-decoration:none}
.hero-in>div{max-width:680px}.hero{padding-top:130px}.note{margin-top:28px;color:var(--mu);max-width:760px}
.soc a{width:56px;height:56px;padding:0;display:grid;place-items:center;border-radius:50%}.soc svg{width:28px;height:28px}
@media(max-width:860px){.top{padding:14px 18px}.logo{font-size:20px}.hero{padding-top:100px}.btn.xl{width:100%;text-align:center}.hero-in{padding-top:150px}.stamp{margin-bottom:22px}}

/* v4: мобильная версия и меню */
.hero{overflow:hidden}.hero-in{grid-template-columns:minmax(0,1fr)}.btn{font-weight:700}
.burger{display:none;width:48px;height:48px;border:1.5px solid var(--ac);border-radius:12px;background:none;place-items:center;align-content:center;gap:5px;cursor:pointer;padding:0}
.burger span{display:block;width:22px;height:2px;background:var(--tx);transition:transform .25s,opacity .25s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-call,.menu-soc{display:none}
@media(max-width:860px){
.top{height:66px;padding:0 18px}.burger{display:grid}
.top nav{display:none;position:fixed;inset:66px 0 0;background:rgba(5,8,13,.98);flex-direction:column;padding:12px 24px 90px;gap:0;overflow:auto}
.top nav.open{display:flex}
.top nav a{font-size:22px;padding:18px 0;border-bottom:1px solid var(--ln);color:var(--tx)}
.top nav a.menu-call{display:block;margin-top:24px;text-align:center;border:0;border-radius:999px;background:var(--ac);color:#031018;font-weight:700;padding:20px}
.top nav .menu-soc{display:flex;justify-content:center;margin-top:28px}
.top nav .menu-soc a{width:56px;height:56px;padding:0;border:1px solid var(--ln);font-size:0}
.hero{display:block;min-height:0;padding:66px 0 36px}
#gl{position:relative;display:block;width:100%;height:270px}
.hero-in{padding-top:0}.hero-in>div{max-width:none}
.stamp{font-size:clamp(24px,7.4vw,40px);border-width:5px;margin:4px 0 24px 4px}
h1{font-size:clamp(26px,7.4vw,38px)}.hphone{font-size:clamp(20px,6vw,28px)}
.btn.xl,.btn.ghost.xl{width:100%;text-align:center;font-size:20px;padding:18px 16px}
.row{flex-direction:column}
.sec{padding:56px 0}}
.btn{font-family:Manrope,system-ui,sans-serif}
@media(max-width:860px){.top{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(5,8,13,.97)}}
@media(max-width:860px){.top nav{background:#05080d}.top nav a.menu-call{font-size:19px;padding:18px 12px}}
/* v5 */
#bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}#gl{z-index:1}.hero-in{z-index:2}
.top{transition:padding .25s,height .25s,background .25s}.logo{transition:font-size .25s}
.top.sm{padding:10px 36px;background:rgba(5,8,13,.94)}.top.sm .logo{font-size:19px}.top.sm nav{font-size:16px}.top.sm .btn{font-size:16px;padding:10px 22px}
.card{min-width:0}.card label{min-width:0}.card input:not([type=checkbox]),.card textarea{width:100%;min-width:0}
.card textarea{background:#060b11;border:1px solid var(--ln);border-radius:10px;padding:13px;color:var(--tx);font:inherit;resize:vertical;min-height:84px}
.card textarea:focus{border-color:var(--ac);outline:0}.card em{font-style:normal;opacity:.7}
.card [aria-invalid=true]{border-color:#ff8a8a!important}
.card .wide,.card .chk-fe{grid-column:1/-1}
.fe{font-size:13px;line-height:1.3;color:#ff8a8a}.fe:empty{display:none}.chk-fe{margin-top:-8px}
.card .chk{display:flex!important;align-items:center;gap:12px;cursor:pointer;position:relative;font-size:14px!important;line-height:1.4}
.chk input{position:absolute;opacity:0;width:26px;height:26px;margin:0;left:0;top:50%;transform:translateY(-50%);cursor:pointer}
.box{flex:none;width:26px;height:26px;border:1.5px solid var(--ac);border-radius:8px;background:#060b11;display:grid;place-items:center;transition:background .2s,border-color .2s}
.box:after{content:"";width:6px;height:12px;border:solid #031018;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);margin-top:-3px;transition:transform .2s}
.chk input:checked+.box{background:var(--ac)}.chk input:checked+.box:after{transform:rotate(45deg) scale(1)}
.chk input:focus-visible+.box{outline:2px solid var(--ac);outline-offset:3px}.chk.bad .box{border-color:#ff8a8a}
.card .chk a{color:var(--ac)}
.callbar{padding:13px 16px;font-size:16px;transition:transform .3s}.callbar.hide{transform:translateY(100%)}body{padding-bottom:0}
@media(max-width:860px){
body{padding-bottom:50px}
.top.sm{height:56px;padding:0 18px}.top.sm .burger{width:42px;height:42px}.top.sm nav{inset:56px 0 0}
.hero{display:flex;flex-direction:column;padding:80px 0 36px}
.hero-in,.hero-in>div{display:contents}
.hero-in>div>*{order:3;position:relative;z-index:2;margin-left:20px;margin-right:20px}
.hero>.stamp{position:relative;order:1;z-index:3;align-self:flex-start;margin:6px 26px 0;font-size:clamp(20px,6.3vw,34px);letter-spacing:0;border-width:5px;padding:.3em .5em;transform:rotate(-4deg)}
#gl{order:2;position:relative;width:100%;height:300px;margin-top:-62px}
.card{grid-template-columns:1fr}.hero-in>div>.card{margin-top:24px}
}
@media(max-width:860px){.hero{align-items:stretch}}

/* v6: ПК (штамп справа у машины) и оптимизация */
.top{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(5,8,13,.93)}.card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(11,18,27,.94)}
@media(min-width:861px){
#gl{top:0;bottom:auto;height:100svh}
.hero>.stamp{position:absolute;z-index:3;margin:0;white-space:nowrap;max-width:none;font-size:clamp(24px,3vw,42px);border-width:5px;padding:.3em .55em;left:clamp(300px,calc(50% + 46svh),calc(100% - 270px));top:calc(46svh - 125px);transform:translateX(-50%) rotate(-5deg)}
}
.hero-in{width:100%}
/* v7: ПК средней ширины, заголовок выше */
.top nav a,.top .btn{white-space:nowrap}
@media(min-width:861px){
.hero{align-items:flex-start;padding-top:118px}
.hero-in>div{max-width:min(680px,50vw)}
h1{font-size:clamp(26px,3.6vw,50px)}.hphone{font-size:clamp(20px,2.4vw,34px)}
}
@media(min-width:861px) and (max-width:1200px){.top{padding:14px 22px}.top nav{gap:18px;font-size:16px}.top .btn{font-size:16px;padding:11px 20px}.logo{font-size:20px}}
/* v8: бейдж 24/7 и «по вашей цене» */
.b247{display:inline-block;width:1.8em;height:1.8em;vertical-align:middle;margin:-.7em .12em -.6em;filter:drop-shadow(0 0 14px rgba(42,167,238,.6))}
.b247 svg{display:block;width:100%;height:100%;overflow:visible}
.b247 .ring{transform-origin:50px 50px;animation:spin247 14s linear infinite}
@keyframes spin247{to{transform:rotate(360deg)}}
h1 .price{display:inline-block;margin-top:.3em;padding:.12em .5em;font-size:1.12em;line-height:1.25;color:#031018;background:linear-gradient(90deg,#2aa7ee,#7fd0f7);border-radius:10px;box-shadow:0 0 32px rgba(42,167,238,.45);transform:skewX(-4deg)}
@media(prefers-reduced-motion:reduce){.b247 .ring{animation:none}}
/* v10: SEO-блоки */
.crumbs{font-size:14px;color:var(--mu);margin-bottom:18px}.crumbs a{color:var(--ac);text-decoration:none}
.local h2{font-size:clamp(22px,3vw,32px);margin-bottom:18px}.local h3{font:600 19px Unbounded,sans-serif;margin:26px 0 10px}
.local p,.local li{color:var(--mu);margin-bottom:12px}.reglist{padding-left:20px}.reglist a{color:var(--ac)}
.rgroup{margin-bottom:22px}.rgroup h3{font:600 17px Unbounded,sans-serif;margin-bottom:10px}.rgroup h3 a{color:var(--ac);text-decoration:none}

/* v11: подсказки городов, юр. пометка */
.card label.cb{position:relative}
.sug{position:absolute;left:0;right:0;top:100%;z-index:30;margin:4px 0 0;padding:6px;list-style:none;background:#0b121b;border:1px solid var(--ln);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.55);max-height:260px;overflow:auto}
.sug li{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;color:var(--tx)}
.sug li small{color:var(--mu);font-size:13px}.sug li.on,.sug li:hover{background:rgba(42,167,238,.18)}
.legal{font-size:12px;line-height:1.4;color:#6f8196;margin-bottom:10px;max-width:760px}