.hero{position:relative;min-height:780px;display:flex;align-items:center;padding:82px 0 78px;overflow:hidden;background:#eef8ff}.hero__pic{position:absolute;inset:0;z-index:0}.hero__pic:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,253,255,.98) 0%,rgba(248,253,255,.88) 38%,rgba(248,253,255,.38) 72%,rgba(248,253,255,.1) 100%)}.hero__pic img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(45,134,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(45,134,237,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 70%);opacity:.75}.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,650px) 380px;gap:38px;align-items:end}.hero__card{padding:34px;border-radius:34px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.lead{font-size:19px;color:#3e5a73}.checks{display:grid;gap:12px;margin:24px 0}.checks div,.mini__item{display:flex;gap:14px;align-items:center;padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(45,134,237,.1);box-shadow:0 10px 26px rgba(47,93,136,.08);font-weight:800;color:#34516b}.checks i{color:var(--green);background:#eaf9f0;border-radius:14px;padding:7px;width:40px;height:40px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.auto-panel{align-self:end;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(240,249,255,.94));border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);backdrop-filter:blur(10px);overflow:hidden}.pulse{display:block;width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(53,185,109,.45);animation:pulse 1.8s infinite;margin-bottom:14px}@keyframes pulse{70%{box-shadow:0 0 0 14px rgba(53,185,109,0)}}.signal__phone{display:inline-flex;margin-top:8px;font-size:28px;font-weight:900;color:var(--blue2)}.auto-scene{height:190px;margin:-4px -4px 22px;position:relative;border-radius:22px;background:linear-gradient(180deg,#eaf7ff,#fff);overflow:hidden;border:1px solid rgba(45,134,237,.12)}.auto-scene:before{content:'';position:absolute;inset:auto -10% 0;height:72px;background:linear-gradient(180deg,#b8d6ea,#7899af);transform:skewY(-4deg);transform-origin:left bottom}.road-line{position:absolute;left:-20%;right:-20%;bottom:38px;height:3px;background:repeating-linear-gradient(90deg,#fff 0 44px,transparent 44px 76px);opacity:.9;animation:road 2.8s linear infinite}.road-line--2{bottom:19px;animation-duration:3.6s;opacity:.5}@keyframes road{to{transform:translateX(76px)}}.car-shape{position:absolute;left:76px;bottom:48px;width:170px;height:48px;border-radius:24px 36px 20px 20px;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 18px 24px rgba(23,103,201,.22);animation:carFloat 3.4s ease-in-out infinite}.car-top{position:absolute;left:42px;top:-28px;width:84px;height:42px;border-radius:42px 42px 5px 5px;background:linear-gradient(135deg,#6db4ff,#236fc9)}.wheel{position:absolute;bottom:-11px;width:28px;height:28px;border-radius:50%;background:#173049;border:6px solid #d7eaf8}.wheel--1{left:28px}.wheel--2{right:28px}@keyframes carFloat{50%{transform:translateY(-4px)}}.pin{position:absolute;width:44px;height:44px;border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(28,78,123,.14);display:grid;place-items:center;color:var(--blue2);animation:pin 2.6s ease-in-out infinite}.pin [data-ico]{width:25px;height:25px}.pin--1{right:32px;top:26px}.pin--2{left:28px;top:26px;animation-delay:.4s;color:var(--green2)}.pin--3{right:92px;bottom:70px;animation-delay:.8s;color:var(--orange)}@keyframes pin{50%{transform:translateY(-6px)}}.mini{position:relative;z-index:2;margin-top:-32px;background:#fff}.mini__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini__item{min-height:86px}.mini__item:first-child{background:linear-gradient(135deg,#fff,#edf8ff);border-color:rgba(45,134,237,.18)}.mini__item i{color:var(--blue2);background:#eaf5ff;border-radius:14px;padding:7px;width:42px;height:42px}.split,.contact{display:grid;grid-template-columns:1fr .92fr;gap:40px;align-items:center}.copy p{max-width:730px}.note{display:flex;align-items:flex-start;gap:14px;margin-top:22px;padding:18px;background:linear-gradient(135deg,#f2fbf6,#eef8ff);border:1px solid rgba(53,185,109,.18);border-radius:22px;color:#214b68;line-height:1.55}.note i{color:var(--green);width:42px;height:42px;background:#e9f9ef;border-radius:14px;padding:8px}.photo{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:8px solid #fff;background:#fff}.photo img{width:100%;height:auto;object-fit:contain}.photo--contain{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#eef8ff);padding:0}.photo--contain img{width:100%;height:auto;max-height:560px;object-fit:contain}.frame-photo{position:relative}.frame-photo:before{content:'';position:absolute;inset:12px;border:1px solid rgba(45,134,237,.18);border-radius:26px;pointer-events:none;z-index:2}.head{max-width:760px;margin-bottom:30px}.adv{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:26px;min-height:270px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.card i{width:64px;height:64px;padding:16px;border-radius:20px;margin-bottom:18px;background:linear-gradient(135deg,#e9f5ff,#e9fbf1);color:var(--blue2)}.card:nth-child(2) i{color:#7a5cf0}.card:nth-child(3) i{color:#e69418}.card:nth-child(4) i{color:var(--green2)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.step{position:relative;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.step:not(:last-child):after{content:'';position:absolute;right:-14px;top:42px;width:24px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:.45}.step b{display:inline-flex;padding:7px 10px;border-radius:999px;color:var(--blue2);background:#eaf5ff;font-size:13px;margin-bottom:14px}.compare{background:radial-gradient(circle at 80% 0,rgba(53,185,109,.12),transparent 28%),linear-gradient(180deg,#eff8ff,#f7fcff)}.compare__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.compare__card{position:relative;overflow:hidden;padding:28px;border-radius:32px;box-shadow:var(--shadow)}.compare__card:before{content:'';position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;opacity:.18}.good{background:linear-gradient(145deg,#fff 0%,#edfdf5 100%);border:2px solid rgba(53,185,109,.38)}.good:before{background:var(--green)}.bad{background:linear-gradient(145deg,#fff 0%,#fff3f3 100%);border:2px solid rgba(239,91,91,.24);filter:saturate(.92)}.bad:before{background:var(--red)}.compare__card h3{display:flex;align-items:flex-start;gap:14px}.compare__card h3 i{width:58px;height:58px;border-radius:18px;padding:14px;flex-basis:58px}.good h3 i{background:#e7faef;color:var(--green2)}.bad h3 i{background:#fff0f0;color:var(--red)}.compare__card ul{position:relative;list-style:none;padding:0;margin:0}.compare__card li{position:relative;padding:12px 0 12px 32px;margin:0;border-top:1px solid rgba(29,79,124,.08);color:#36536c}.compare__card li:before{position:absolute;left:0;top:13px;font-weight:900}.good li:before{content:'✓';color:var(--green2)}.bad li:before{content:'×';color:var(--red)}.compare__call{display:inline-flex;justify-content:center;width:100%;margin-top:22px;padding:16px 20px;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green2));font-weight:900;box-shadow:0 16px 34px rgba(53,185,109,.25)}.faq-section{background:linear-gradient(180deg,#fff,#f8fdff)}.faq-list{max-width:920px;display:grid;gap:14px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow2);overflow:hidden}.faq-item button{width:100%;border:0;background:transparent;text-align:left;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:var(--text);font-size:18px;font-weight:900}.faq-item button i{color:var(--blue2);transition:.25s}.faq-item.active button i{transform:rotate(45deg)}.faq-body{max-height:0;overflow:hidden;transition:max-height .32s ease}.faq-body p{padding:0 24px 22px;margin:0}.faq-body a{font-weight:900;color:var(--blue2)}.cta{background:linear-gradient(180deg,#f8fdff,#eff8ff)}.cta__box{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:34px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,248,255,.94)),url('/assets/img/hero.jpg') center/cover;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.75)}.contact{align-items:center}.contact__card{padding:32px;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.address{font-size:18px;color:#2b4d69}.bigphone{display:inline-block;font-size:clamp(34px,4.4vw,48px);line-height:1.05;font-weight:900;color:var(--blue2);margin:4px 0 20px}.actions--contact{margin-bottom:24px}.offices{padding-top:18px;border-top:1px solid var(--line)}.offices ul{columns:2;padding-left:18px}.bottom{display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:999px;background:#edf9f2;color:var(--green2)}.contact__photo img{max-height:580px}.map{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.frame-card,.frame-glow,.frame-strong{position:relative}.frame-card:before,.frame-glow:before,.frame-strong:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(45,134,237,.38),rgba(53,185,109,.28),rgba(255,255,255,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.frame-glow:after,.frame-strong:after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,rgba(45,134,237,.32),rgba(53,185,109,.18),rgba(45,134,237,.26));filter:blur(18px);z-index:-1;opacity:.7;animation:borderGlow 4s ease-in-out infinite}.frame-strong:after{opacity:.95}@keyframes borderGlow{50%{opacity:.35;transform:scale(1.01)}}

/* ITERATION 5: tighter block transitions and FAQ fix */
.hero{min-height:720px;padding:64px 0 58px}
.mini{margin-top:-22px}
.head{margin-bottom:24px}
.adv{gap:16px}
.steps{gap:14px}
.compare__grid{gap:18px}
.map{margin-top:22px}

.faq-list{gap:12px}
.faq-item{position:relative}
.faq-item button{position:relative;z-index:2}
.faq-body{
    display:block;
    max-height:0;
    overflow:hidden;
    transition:max-height .32s ease;
}
.faq-item.active .faq-body{
    max-height:320px;
}
.faq-body p{
    color:var(--muted);
    line-height:1.7;
}

.frame-card:after{
    content:'';
    position:absolute;
    left:var(--mx,50%);
    top:var(--my,50%);
    width:180px;
    height:180px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,rgba(45,134,237,.10),transparent 62%);
    opacity:0;
    transition:opacity .25s;
    pointer-events:none;
}
.frame-card:hover:after{opacity:1}


/* ITERATION 5.1: FAQ switched to native details/summary, works without JS */
.faq-item{
    display:block;
}
.faq-item summary{
    list-style:none;
    width:100%;
    border:0;
    background:transparent;
    text-align:left;
    padding:22px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    color:var(--text);
    font-size:18px;
    font-weight:900;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{
    color:var(--blue2);
    transition:transform .25s ease;
}
.faq-item[open] summary i{
    transform:rotate(45deg);
}
.faq-item .faq-body{
    display:block !important;
    max-height:none !important;
    overflow:visible !important;
}
.faq-item:not([open]) .faq-body{
    display:none !important;
}
.faq-item .faq-body p{
    padding:0 24px 22px;
    margin:0;
}


/* ITERATION 6: larger numbers in process block */
.step b{
    font-size:34px !important;
    line-height:1 !important;
    letter-spacing:-.04em;
    padding:0 !important;
    margin-bottom:18px !important;
    color:var(--blue2) !important;
    background:transparent !important;
    display:block !important;
}
.step b:after{
    content:'';
    display:block;
    width:42px;
    height:4px;
    border-radius:999px;
    margin-top:10px;
    background:linear-gradient(90deg,var(--blue),var(--green));
}