:root{
  --bg:#031125;
  --bg-soft:#071a35;
  --panel:rgba(8,29,57,.78);
  --panel-solid:#081d39;
  --line:rgba(73,187,255,.25);
  --line-strong:rgba(56,205,255,.62);
  --cyan:#2ad8ff;
  --blue:#2584ff;
  --blue-2:#0d5ee8;
  --white:#f6fbff;
  --text:#d8e9f7;
  --muted:#91abc2;
  --success:#35d39a;
  --warning:#ffb95c;
  --shadow:0 24px 70px rgba(0,7,18,.45);
  --radius:24px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:
  radial-gradient(circle at 50% -15%,rgba(20,127,255,.25),transparent 38%),
  linear-gradient(180deg,#020b18 0%,#04162b 42%,#020c1c 100%);line-height:1.5;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:
  linear-gradient(rgba(41,179,255,.08) 1px,transparent 1px),
  linear-gradient(90deg,rgba(41,179,255,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-2}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.section{padding:92px 0;position:relative}
.section-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem}
.section-kicker::before{content:"";width:30px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
.section-title{margin:0;max-width:760px;color:var(--white);font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.035em}
.section-copy{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:1.05rem}
.glow{box-shadow:0 0 0 1px rgba(48,202,255,.38),0 0 35px rgba(15,132,255,.22),var(--shadow)}
.icon{width:26px;height:26px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(62,179,255,.16);background:rgba(2,10,23,.75);backdrop-filter:blur(16px);transition:.25s}
.header.scrolled{background:rgba(2,10,23,.94);box-shadow:0 10px 35px rgba(0,0,0,.3)}
.nav{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:230px}
.brand-mark{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;color:#fff;font-weight:1000;font-size:2rem;letter-spacing:-.12em;padding-right:4px;background:linear-gradient(145deg,#37dfff,#0872ff 55%,#06224e);border:1px solid rgba(153,239,255,.65);box-shadow:inset 0 0 18px rgba(255,255,255,.18),0 0 24px rgba(20,170,255,.38);text-shadow:0 2px 8px #00112b}
.brand-text strong{display:block;color:#fff;font-size:1rem;line-height:1.05}.brand-text span{display:block;color:var(--muted);font-size:.77rem;margin-top:4px}
.nav-links{display:flex;align-items:center;gap:25px;margin-left:auto}.nav-links a{font-size:.93rem;color:#c8d9e8;transition:.2s}.nav-links a:hover{color:#fff;text-shadow:0 0 16px var(--cyan)}
.nav-phone{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;white-space:nowrap}.nav-phone small{display:block;color:var(--muted);font-weight:500;font-size:.72rem}
.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:13px;font-weight:800;transition:.22s;white-space:nowrap}
.btn-primary{color:#fff;background:linear-gradient(135deg,#20bfff,#116aff 55%,#0a48c8);border:1px solid rgba(133,230,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 0 28px rgba(14,132,255,.36)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 42px rgba(14,162,255,.52)}
.btn-secondary{color:#eafbff;background:rgba(6,31,61,.7);border:1px solid rgba(83,188,255,.46)}.btn-secondary:hover{border-color:var(--cyan);background:rgba(10,53,98,.8)}
.mobile-toggle{display:none;margin-left:auto;width:45px;height:45px;border:1px solid var(--line);border-radius:12px;background:rgba(7,31,61,.8);color:#fff}
.hero{min-height:790px;padding:150px 0 75px;position:relative;overflow:hidden;display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(2,10,22,.98) 0%,rgba(2,10,22,.9) 36%,rgba(2,10,22,.28) 72%,rgba(2,10,22,.78) 100%),
  radial-gradient(circle at 77% 42%,rgba(0,150,255,.23),transparent 30%);z-index:-1}
.hero::after{content:"";position:absolute;width:820px;height:820px;border:1px solid rgba(35,201,255,.13);transform:rotate(45deg);right:-290px;top:-280px;box-shadow:0 0 80px rgba(20,136,255,.12);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px}
.hero h1{margin:0;color:#fff;font-size:clamp(3rem,6.4vw,5.7rem);line-height:.95;letter-spacing:-.055em;text-wrap:balance}
.hero h1 span{display:block;color:transparent;background:linear-gradient(180deg,#fff,#a8c5dd 82%);-webkit-background-clip:text;background-clip:text;text-shadow:0 12px 35px rgba(0,0,0,.45)}
.hero-lead{font-size:1.15rem;color:#b9cfdf;max-width:660px;margin:24px 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-badge{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(54,172,255,.22);border-radius:13px;background:rgba(4,26,52,.6);color:#cce5f7;font-size:.86rem}.hero-badge .icon{width:21px;height:21px;color:var(--cyan)}
.hero-art{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.hero-art::before{content:"";position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(19,161,255,.32),transparent 62%);filter:blur(8px)}
.hero-art img{position:relative;width:min(100%,780px);max-width:none;border-radius:28px;filter:saturate(1.08) contrast(1.06);box-shadow:0 25px 80px rgba(0,0,0,.35),0 0 45px rgba(19,151,255,.2)}
.hero-stat{position:absolute;right:0;bottom:12px;width:235px;padding:18px;border:1px solid rgba(62,204,255,.47);border-radius:18px;background:rgba(2,20,43,.87);backdrop-filter:blur(12px);box-shadow:0 18px 55px rgba(0,0,0,.35),0 0 25px rgba(27,158,255,.25)}
.hero-stat strong{display:block;color:#fff;font-size:1.1rem}.hero-stat span{color:var(--muted);font-size:.83rem}
.trust-strip{margin-top:-35px;position:relative;z-index:5}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(57,189,255,.24);border-radius:20px;background:rgba(5,25,50,.88);backdrop-filter:blur(15px);box-shadow:var(--shadow);overflow:hidden}.trust-item{padding:23px 25px;display:flex;gap:15px;align-items:center}.trust-item+.trust-item{border-left:1px solid rgba(57,189,255,.16)}.trust-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--cyan);background:linear-gradient(145deg,rgba(23,130,255,.24),rgba(0,206,255,.08));border:1px solid rgba(74,209,255,.25)}.trust-item strong{color:#fff;display:block}.trust-item span{color:var(--muted);font-size:.84rem}
.services-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{position:relative;min-height:255px;padding:21px;border:1px solid rgba(55,181,255,.24);border-radius:21px;background:linear-gradient(155deg,rgba(9,39,75,.92),rgba(4,20,42,.9));overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(65,218,255,.7);box-shadow:0 24px 60px rgba(0,5,18,.38),0 0 24px rgba(10,144,255,.18)}.service-card.featured{grid-column:span 2}.service-card .service-photo{position:absolute;right:-12px;bottom:-12px;width:57%;height:72%;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.35));opacity:.94}.service-card.featured .service-photo{width:44%;height:88%;right:0}.service-card::after{content:"";position:absolute;inset:auto -50px -90px auto;width:190px;height:190px;border-radius:50%;background:rgba(24,152,255,.15);filter:blur(12px)}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:34px;color:#ecfbff;background:linear-gradient(145deg,#158aff,#0a3b8f);border:1px solid rgba(132,229,255,.45);box-shadow:0 0 24px rgba(20,152,255,.25)}.service-card h3{position:relative;z-index:2;margin:0 0 8px;color:#fff;font-size:1.13rem}.service-card p{position:relative;z-index:2;margin:0;color:var(--muted);font-size:.89rem;max-width:60%}.service-link{border:0;background:none;padding:0;cursor:pointer;position:absolute;left:21px;bottom:20px;z-index:3;color:var(--cyan);font-size:.84rem;font-weight:800}.services-more{margin-top:22px;display:flex;justify-content:center}
.why{background:linear-gradient(180deg,rgba(2,12,27,.28),rgba(5,29,58,.7),rgba(2,12,27,.28));border-block:1px solid rgba(49,174,255,.1)}
.why-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:50px;align-items:center}.why-art{position:relative;height:610px;border-radius:28px;overflow:hidden;border:1px solid rgba(66,195,255,.35);background:#04152e;box-shadow:var(--shadow)}.why-art img{width:100%;height:100%;object-fit:cover;object-position:center 37%;opacity:.9}.why-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,12,27,.72),transparent 52%),linear-gradient(90deg,rgba(2,12,27,.4),transparent)}.why-badge{position:absolute;z-index:2;left:22px;bottom:22px;right:22px;padding:20px;border:1px solid rgba(67,201,255,.39);border-radius:18px;background:rgba(3,21,44,.84);backdrop-filter:blur(10px)}.why-badge strong{display:block;color:#fff;font-size:1.1rem}.why-badge span{color:var(--muted);font-size:.86rem}
.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:31px}.benefit{padding:20px;border:1px solid rgba(55,181,255,.2);border-radius:17px;background:rgba(6,29,57,.62)}.benefit .icon{color:var(--cyan);margin-bottom:14px}.benefit strong{display:block;color:#fff;margin-bottom:6px}.benefit span{color:var(--muted);font-size:.86rem}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px;counter-reset:step}.step{position:relative;padding:25px 20px;border:1px solid rgba(54,181,255,.18);border-radius:19px;background:rgba(5,27,53,.64);counter-increment:step}.step::before{content:"0" counter(step);display:block;color:var(--cyan);font-size:.8rem;font-weight:900;letter-spacing:.12em;margin-bottom:28px}.step:not(:last-child)::after{content:"";position:absolute;top:40px;right:-15px;width:16px;height:1px;background:var(--line-strong)}.step strong{display:block;color:#fff;margin-bottom:8px}.step span{font-size:.85rem;color:var(--muted)}
.offer{padding:0 0 92px}.offer-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:36px 40px;border-radius:25px;border:1px solid rgba(77,208,255,.55);background:
 linear-gradient(100deg,rgba(9,77,151,.88),rgba(4,28,58,.94)),
 radial-gradient(circle at 85%,rgba(36,199,255,.35),transparent 35%);box-shadow:0 0 50px rgba(14,126,255,.2),var(--shadow)}.offer-card h2{margin:0;color:#fff;font-size:clamp(1.6rem,3vw,2.45rem)}.offer-card p{margin:9px 0 0;color:#b7d0e3}.offer-card .btn{min-width:220px}
.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;margin-top:35px}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid rgba(56,181,255,.2);border-radius:16px;background:rgba(6,29,57,.62);overflow:hidden}.faq-question{width:100%;padding:19px 21px;border:0;background:none;color:#fff;text-align:left;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:15px}.faq-question span:last-child{color:var(--cyan);font-size:1.25rem;transition:.25s}.faq-answer{display:grid;grid-template-rows:0fr;transition:.3s}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 21px 20px;color:var(--muted)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.contacts{background:linear-gradient(180deg,rgba(4,24,49,.62),rgba(2,12,27,.88));border-top:1px solid rgba(54,181,255,.14)}.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;margin-top:35px}.contact-card,.form-card{padding:31px;border:1px solid rgba(59,188,255,.24);border-radius:24px;background:rgba(5,26,52,.78);box-shadow:var(--shadow)}.contact-list{display:grid;gap:18px;margin-top:26px}.contact-row{display:flex;gap:15px;align-items:flex-start}.contact-row .contact-ico{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:var(--cyan);background:rgba(16,105,202,.16);border:1px solid rgba(62,194,255,.22)}.contact-row strong{display:block;color:#fff}.contact-row span,.contact-row a{color:var(--muted)}.map-card{position:relative;margin-top:28px;min-height:245px;border-radius:19px;border:1px solid rgba(63,194,255,.26);overflow:hidden;background:
 linear-gradient(32deg,transparent 48%,rgba(42,188,255,.13) 49%,rgba(42,188,255,.13) 51%,transparent 52%) 0 0/55px 55px,
 linear-gradient(-26deg,transparent 48%,rgba(42,188,255,.1) 49%,rgba(42,188,255,.1) 51%,transparent 52%) 0 0/90px 70px,
 #061b36}.map-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 61% 47%,rgba(26,162,255,.26),transparent 30%)}.map-pin{position:absolute;left:61%;top:44%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg);background:linear-gradient(145deg,var(--cyan),var(--blue));border:3px solid #bdf6ff;box-shadow:0 0 28px rgba(29,194,255,.75)}.map-pin::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#031329;left:50%;top:50%;transform:translate(-50%,-50%)}.map-label{position:absolute;left:61%;top:61%;transform:translateX(-50%);padding:9px 13px;border-radius:10px;background:rgba(2,15,34,.9);color:#fff;border:1px solid rgba(81,209,255,.35);font-size:.82rem;white-space:nowrap}.map-link{position:absolute;inset:0;z-index:3}
.form-card h3{margin:0 0 8px;color:#fff;font-size:1.55rem}.form-card>p{margin:0 0 22px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{color:#bdd2e2;font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(77,188,255,.22);border-radius:12px;background:rgba(2,15,33,.74);color:#fff;padding:13px 14px;outline:none;transition:.2s}.field textarea{min-height:105px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,196,255,.1)}.field select option{background:#071a35}.form-note{font-size:.75rem;color:var(--muted);margin:12px 0 16px}.form-note a{color:var(--cyan)}
.footer{padding:32px 0;border-top:1px solid rgba(57,181,255,.15);background:#020a17}.footer-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.footer-links{display:flex;gap:19px;color:var(--muted);font-size:.83rem}.copyright{margin-top:17px;color:#66839c;font-size:.76rem}
.modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,5,15,.79);backdrop-filter:blur(7px)}.modal-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 30px);overflow:auto;border:1px solid rgba(71,207,255,.55);border-radius:24px;background:#061a35;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 50px rgba(15,151,255,.2)}.modal-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#05142a;color:#fff;cursor:pointer;font-size:1.4rem}.modal h2{margin:0 45px 7px 0;color:#fff}.modal>div>p{color:var(--muted);margin-top:0}.toast{position:fixed;z-index:3000;right:20px;bottom:20px;max-width:390px;padding:15px 18px;border:1px solid rgba(69,213,255,.5);border-radius:14px;background:#05213e;color:#fff;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.back-top{position:fixed;right:20px;bottom:20px;z-index:900;width:48px;height:48px;border-radius:50%;border:1px solid rgba(75,204,255,.45);background:rgba(6,35,67,.9);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:.25s}.back-top.show{opacity:1;pointer-events:auto}.toast.show~.back-top{bottom:90px}
.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-links,.nav-phone,.header .nav>.btn{display:none}.mobile-toggle{display:grid;place-items:center}.nav{height:70px}.header.open .nav-links{display:flex;position:absolute;left:20px;right:20px;top:76px;padding:20px;flex-direction:column;align-items:stretch;background:#061a35;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.header.open .nav-links a{padding:8px}.hero{padding-top:130px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:810px}.hero-art{min-height:380px}.hero-stat{right:7%}.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid,.contact-grid,.faq-grid{grid-template-columns:1fr}.why-art{height:520px}.steps{grid-template-columns:repeat(3,1fr)}.step::after{display:none}}
@media(max-width:700px){.container{width:min(100% - 28px,var(--max))}.section{padding:68px 0}.brand{min-width:auto}.brand-text span{display:none}.hero{min-height:auto;padding:112px 0 60px}.hero h1{font-size:clamp(2.65rem,14vw,4.1rem)}.hero-lead{font-size:1rem}.hero-art{min-height:260px;margin:10px -30px 0}.hero-art img{width:130%}.hero-stat{position:relative;right:auto;bottom:auto;margin:-20px auto 0}.trust-strip{margin-top:0}.trust-grid{grid-template-columns:1fr}.trust-item+.trust-item{border-left:0;border-top:1px solid rgba(57,189,255,.16)}.services-head{align-items:start;flex-direction:column}.service-grid{grid-template-columns:1fr}.service-card.featured{grid-column:auto}.service-card{min-height:230px}.why-art{height:450px}.benefit-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.offer-card{grid-template-columns:1fr;padding:29px 24px}.offer-card .btn{width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-card,.form-card{padding:23px}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.modal-dialog{padding:23px}.nav{gap:12px}.brand-mark{width:43px;height:43px}.brand-text strong{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

/* Responsive layout v2: natural proportions on 16:9 displays and smartphones */
:root{--max:1360px}
body{font-size:16px}
main{display:block}
.hero{min-height:calc(100svh - 78px);padding:132px 0 78px;align-items:center}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:clamp(42px,5vw,82px)}
.hero-copy{min-width:0}
.hero h1{max-width:760px;font-size:clamp(3.35rem,4.45vw,4.65rem);line-height:1.01;letter-spacing:-.045em}
.hero h1 span,.hero h1 strong{display:block}
.hero h1 strong{margin-top:.08em;color:#fff;font-weight:850}
.hero-lead{max-width:720px;font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.65}
.hero-art{min-height:0;width:100%;display:block}
.hero-art::before{width:95%;left:3%;top:1%;height:95%;aspect-ratio:auto}
.hero-art img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:30px;background:transparent}
.hero-stat{right:-18px;bottom:-22px}
.trust-strip{margin-top:-28px}
.section{padding:clamp(84px,7vw,118px) 0}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.service-card{min-height:290px;padding:25px}
.service-card p{max-width:67%;line-height:1.55}
.service-link{left:25px;bottom:23px}
.why-grid{gap:clamp(45px,6vw,85px)}
.why-art{height:auto;aspect-ratio:4/5;max-height:720px}
.steps{gap:18px}
.contact-grid{gap:28px}
.mobile-callbar{display:none}
@media (min-width:1600px){:root{--max:1460px}.nav{height:84px}.hero{min-height:calc(100svh - 84px);padding-top:142px}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(560px,.98fr)}.hero h1{font-size:4.8rem;max-width:790px}.hero-art img{max-height:660px}}
@media (max-width:1250px){:root{--max:1160px}.nav{gap:18px}.nav-links{gap:17px}.brand{min-width:205px}.header .nav>.btn{padding-inline:16px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:36px}.hero h1{font-size:clamp(3rem,4.6vw,4rem)}.hero-stat{right:10px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card.featured{grid-column:span 2}}
@media (max-width:1050px){.hero{min-height:auto;padding:116px 0 78px}.hero-grid{grid-template-columns:1fr;gap:46px}.hero-copy{max-width:850px}.hero h1{max-width:800px;font-size:clamp(3.1rem,7.5vw,4.8rem)}.hero-art{max-width:850px;margin-inline:auto}.hero-stat{right:24px;bottom:-22px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-art{aspect-ratio:16/10;max-height:none}}
@media (max-width:760px){html{scroll-padding-top:78px}body{padding-bottom:76px}.container{width:min(100% - 30px,var(--max))}.header{padding-top:env(safe-area-inset-top)}.nav{height:68px}.brand-mark{width:42px;height:42px;border-radius:11px;font-size:1.7rem}.brand-text strong{font-size:.92rem}.hero{padding:104px 0 62px;min-height:auto}.hero-grid{gap:34px}.section-kicker{font-size:.7rem;letter-spacing:.105em;line-height:1.45}.hero h1{max-width:none;font-size:clamp(2.5rem,11.8vw,3.5rem);line-height:1.02;letter-spacing:-.04em}.hero h1 span,.hero h1 strong{display:block}.hero-lead{margin:20px 0 26px;font-size:1rem;line-height:1.58}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-actions .btn{width:100%;padding-inline:12px}.hero-badges{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}.hero-badge{width:100%;min-height:48px}.hero-art{margin:0;width:100%;min-height:0}.hero-art img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:22px;background:transparent}.hero-stat{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);margin:-28px auto 0;padding:15px 17px}.trust-strip{margin-top:0}.trust-item{padding:20px}.section{padding:76px 0}.section-title{font-size:clamp(2rem,9vw,2.8rem);line-height:1.08}.section-copy{font-size:1rem;line-height:1.6}.services-head{gap:22px}.services-head>.btn{width:100%;white-space:normal;text-align:center}.service-grid{grid-template-columns:1fr;gap:15px}.service-card,.service-card.featured{grid-column:auto;min-height:280px;padding:23px}.service-card p{max-width:68%;font-size:.93rem}.service-card .service-photo,.service-card.featured .service-photo{width:48%;height:70%;right:-8px;bottom:-4px}.service-icon{margin-bottom:30px}.why-art{aspect-ratio:4/5;height:auto;max-height:600px}.why-badge{left:15px;right:15px;bottom:15px;padding:17px}.benefit-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{padding:22px}.offer{padding-bottom:76px}.offer-card{padding:27px 22px}.faq-grid{gap:28px}.contact-grid{gap:18px}.contact-card,.form-card{padding:22px;border-radius:20px}.map-card{min-height:220px}.footer{padding-bottom:28px}.mobile-callbar{position:fixed;z-index:1100;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:8px;border:1px solid rgba(79,203,255,.32);border-radius:18px;background:rgba(2,13,29,.92);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.45)}.mobile-callbar a,.mobile-callbar button{min-height:52px;border-radius:13px;border:1px solid rgba(72,196,255,.35);display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-weight:800;background:rgba(7,40,77,.95)}.mobile-callbar button{border-color:rgba(134,230,255,.65);background:linear-gradient(135deg,#20bfff,#116aff 60%,#0a48c8)}.mobile-callbar .icon{width:22px;height:22px}.back-top{bottom:88px}.toast{left:14px;right:14px;bottom:88px;max-width:none}}
@media (max-width:420px){.container{width:calc(100% - 24px)}.brand-text strong{font-size:.84rem}.hero{padding-top:96px}.hero h1{font-size:clamp(2.35rem,12.4vw,3.15rem)}.hero-actions{grid-template-columns:1fr}.service-card p{max-width:72%}.form-card .btn{width:100%}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
@media (orientation:landscape) and (max-height:600px) and (min-width:700px){.hero{min-height:auto;padding-top:102px}.hero-grid{grid-template-columns:1fr .9fr;gap:30px}.hero h1{font-size:clamp(2.65rem,5.4vw,3.7rem)}.hero-lead{margin-block:16px 20px;font-size:.98rem}.hero-badges{margin-top:18px}.hero-art img{max-height:none}}
@media (max-width:760px){
  .mobile-callbar{opacity:0;transform:translateY(120%);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
  .mobile-callbar.show{opacity:1;transform:none;pointer-events:auto}
}

/* v3: clickable service catalogue and embedded Yandex map */
.service-card{display:block;text-decoration:none;color:inherit;cursor:pointer}
.service-card:focus-visible{outline:3px solid rgba(97,220,255,.92);outline-offset:4px}
.service-link{pointer-events:none}
.yandex-map{background:#061b36}
.yandex-map::before,.yandex-map .map-pin,.yandex-map .map-label,.yandex-map .map-link{display:none}
.yandex-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.82) contrast(1.03)}
.map-external{position:absolute;z-index:4;right:12px;bottom:12px;padding:9px 12px;border-radius:10px;background:rgba(2,15,34,.92);border:1px solid rgba(81,209,255,.42);color:#fff;font-size:.78rem;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.map-external:hover{border-color:rgba(81,209,255,.9);background:#082b55}


/* v6: unobstructed hero and compact service cards */
.hero-stat{display:none!important}
.service-grid{gap:12px}
.service-card,
.service-card.featured{
  min-height:168px;
  padding:14px 15px;
  border-radius:16px;
}
.service-card .service-photo,
.service-card.featured .service-photo{
  width:43%;
  height:82%;
  right:-6px;
  bottom:-5px;
}
.service-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  margin-bottom:12px;
}
.service-icon .icon{width:19px;height:19px}
.service-card h3{margin-bottom:5px;font-size:.98rem;line-height:1.18;max-width:58%}
.service-card p{font-size:.76rem;line-height:1.35;max-width:58%}
.service-link{left:15px;bottom:12px;font-size:.73rem}
.service-card::after{width:120px;height:120px;right:-35px;bottom:-60px}

@media (max-width:760px){
  .service-grid{gap:11px}
  .service-card,
  .service-card.featured{min-height:176px;padding:15px}
  .service-card .service-photo,
  .service-card.featured .service-photo{width:42%;height:78%;right:-5px;bottom:-4px}
  .service-icon{width:34px;height:34px;margin-bottom:12px}
  .service-card h3{font-size:1rem;max-width:59%}
  .service-card p{font-size:.78rem;line-height:1.34;max-width:59%}
  .service-link{left:15px;bottom:12px}
}

@media (max-width:420px){
  .service-card,
  .service-card.featured{min-height:168px}
  .service-card p{max-width:61%;font-size:.75rem}
}


/* v7: informational service cards with average prices */
.service-card{cursor:default}
.service-card:hover{transform:none;border-color:rgba(55,181,255,.24);box-shadow:none}
.service-card:focus-visible{outline:none}
.service-price{position:absolute;left:15px;bottom:11px;z-index:3;max-width:58%;color:#b9cfdf;font-size:.68rem;line-height:1.25}
.service-price strong{display:block;margin-top:2px;color:var(--cyan);font-size:.78rem;font-weight:850}
@media (max-width:760px){
  .service-price{left:15px;bottom:11px;max-width:59%;font-size:.7rem}
  .service-price strong{font-size:.8rem}
}
@media (max-width:420px){
  .service-price{max-width:61%;font-size:.68rem}
  .service-price strong{font-size:.78rem}
}


/* v8: Telegram forms, tighter FAQ spacing, unified average-price typography */
.offer{padding-bottom:46px}
#faq{padding-top:46px}
.service-price{
  position:absolute;
  left:15px;
  bottom:10px;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  max-width:56%;
  color:var(--cyan);
  font-size:.78rem;
  line-height:1.18;
  font-weight:850;
  white-space:normal;
  overflow-wrap:anywhere;
}
.service-price strong{
  display:block;
  margin:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
}
@media (max-width:760px){
  .offer{padding-bottom:38px}
  #faq{padding-top:38px}
  .service-card,.service-card.featured{min-height:184px}
  .service-price{max-width:57%;font-size:.8rem;line-height:1.18}
}
@media (max-width:420px){
  .service-card,.service-card.featured{min-height:180px}
  .service-price{max-width:59%;font-size:.77rem;line-height:1.16}
}

/* v9: roomier service cards, no text collisions */
.service-card,
.service-card.featured{
  min-height:218px;
  padding:17px 16px 72px;
}
.service-card .service-photo,
.service-card.featured .service-photo{
  width:40%;
  height:72%;
  right:-4px;
  bottom:-2px;
}
.service-card h3{
  max-width:57%;
  margin-bottom:7px;
  line-height:1.22;
}
.service-card p{
  max-width:57%;
  font-size:.79rem;
  line-height:1.42;
}
.service-price{
  left:16px;
  bottom:14px;
  max-width:55%;
  gap:3px;
  font-size:.79rem;
  line-height:1.24;
}

@media (max-width:760px){
  .service-card,
  .service-card.featured{
    min-height:228px;
    padding:17px 16px 74px;
  }
  .service-card .service-photo,
  .service-card.featured .service-photo{
    width:39%;
    height:70%;
    right:-3px;
    bottom:-1px;
  }
  .service-card h3,
  .service-card p{max-width:58%}
  .service-price{
    left:16px;
    bottom:14px;
    max-width:57%;
    font-size:.8rem;
    line-height:1.24;
  }
}

@media (max-width:420px){
  .service-card,
  .service-card.featured{
    min-height:236px;
    padding-bottom:78px;
  }
  .service-card p{
    max-width:59%;
    font-size:.78rem;
    line-height:1.4;
  }
  .service-price{
    max-width:58%;
    font-size:.78rem;
    line-height:1.24;
  }
}

/* v9.1: price block participates in normal layout, so text cannot overlap */
.service-card,
.service-card.featured{
  min-height:224px;
  padding:17px 16px 18px;
}
.service-price{
  position:relative;
  left:auto;
  bottom:auto;
  width:55%;
  max-width:55%;
  margin-top:12px;
}
@media (max-width:760px){
  .service-card,
  .service-card.featured{
    min-height:232px;
    padding:17px 16px 19px;
  }
  .service-price{
    width:57%;
    max-width:57%;
    margin-top:12px;
  }
}
@media (max-width:420px){
  .service-card,
  .service-card.featured{
    min-height:238px;
    padding-bottom:20px;
  }
  .service-price{
    width:58%;
    max-width:58%;
  }
}


/* v12: home content SEO block */
.home-seo-section{background:linear-gradient(180deg,#031328,#021024)}
.home-seo-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:30px;align-items:start}.home-seo-copy p{color:var(--muted);line-height:1.75;margin:0 0 14px}.home-service-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-service-links a{padding:13px 15px;border:1px solid rgba(64,190,255,.17);border-radius:13px;background:rgba(5,30,58,.7);color:#d8edfb;text-decoration:none;font-weight:750}.home-service-links a:hover{border-color:rgba(80,212,255,.58);color:#fff}.home-seo-contact{padding:24px;border:1px solid rgba(80,207,255,.27);border-radius:20px;background:rgba(7,39,74,.78)}.home-seo-contact h3{margin:0 0 10px;color:#fff}.home-seo-contact p{margin:0 0 12px;color:#cde6f8;line-height:1.6}.home-seo-contact .btn{width:100%;margin-top:10px}
@media(max-width:900px){.home-seo-grid{grid-template-columns:1fr}}@media(max-width:560px){.home-service-links{grid-template-columns:1fr}}

/* v19: make SEO service links deliberately low-key on the homepage.
   They remain fully visible, readable and crawlable, but no longer look like a primary CTA block. */
.home-seo-section{
  padding:34px 0 38px;
  background:#020b18;
  border-top:1px solid rgba(57,181,255,.08);
}
.home-seo-section .home-seo-grid{
  grid-template-columns:1fr;
  gap:14px;
}
.home-seo-section .home-seo-copy{
  max-width:980px;
}
.home-seo-section .section-kicker{
  margin-bottom:7px;
  color:#66839c;
  font-size:.64rem;
  letter-spacing:.08em;
  opacity:.75;
}
.home-seo-section .section-title{
  margin:0 0 9px;
  color:#8aa4ba;
  font-size:clamp(1.05rem,1.5vw,1.28rem);
  line-height:1.35;
  letter-spacing:-.015em;
  font-weight:720;
}
.home-seo-section .home-seo-copy p{
  margin:0 0 9px;
  color:#6f8ba2;
  font-size:.78rem;
  line-height:1.55;
}
.home-seo-section .home-service-links{
  display:flex;
  flex-wrap:wrap;
  gap:5px 12px;
  margin-top:11px;
}
.home-seo-section .home-service-links a{
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#6f91aa;
  font-size:.72rem;
  line-height:1.45;
  font-weight:560;
  text-decoration:underline;
  text-decoration-color:rgba(111,145,170,.28);
  text-underline-offset:3px;
}
.home-seo-section .home-service-links a:hover{
  border:0;
  color:#a8c8de;
  text-decoration-color:rgba(168,200,222,.55);
}
.home-seo-section .home-seo-contact{
  display:none;
}
@media(max-width:700px){
  .home-seo-section{padding:27px 0 30px}
  .home-seo-section .home-seo-copy p{font-size:.74rem}
  .home-seo-section .home-service-links{gap:5px 10px}
  .home-seo-section .home-service-links a{font-size:.7rem}
}


/* M812 LOGO v33 */
.brand{min-width:240px!important;gap:0!important;align-items:center!important}
.brand-logo-image{display:block!important;width:auto!important;height:120px!important;max-width:190px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 0 10px rgba(25,119,255,.18))!important}
.header.scrolled .brand-logo-image,.site-header.scrolled .brand-logo-image{height:112px!important;max-width:178px!important}
@media(max-width:1100px){.brand{min-width:210px!important}.brand-logo-image{height:96px!important;max-width:152px!important}}
@media(max-width:760px){.brand{min-width:auto!important}.brand-logo-image{height:72px!important;max-width:114px!important}}