*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#02070a}
body{margin:0;background:#02070a;color:#fff;font-family:Arial,Helvetica,sans-serif}
.skip-link{position:fixed;left:12px;top:-50px;z-index:1000;background:#25cbd4;color:#001014;padding:10px 14px;border-radius:6px;text-decoration:none}
.skip-link:focus{top:12px}
.screen{position:relative;width:100%;background:#02070a;overflow:hidden}
.screen>img{display:block;width:100%;height:auto;max-width:none}
.hotspots{position:absolute;inset:0;pointer-events:none}
.hotspot{position:absolute;display:block;pointer-events:auto;border-radius:8px}
.hotspot:focus-visible{outline:3px solid #38e6ee;outline-offset:3px;background:rgba(56,230,238,.08)}
/* Approximate clickable areas matching the navigation visible inside the approved screens */
.hero-link{left:2.2%;top:1.2%;width:14%;height:7%}
.about-link{left:20%;top:1.5%;width:10%;height:6%}
.advantages-link{left:30%;top:1.5%;width:12%;height:6%}
.info-link{right:2.5%;top:1.5%;width:16%;height:6%}
.scroll-link{left:47.5%;bottom:1.5%;width:5%;height:7%}
.contact-section{min-height:55vh;display:grid;place-items:center;padding:64px 20px;background:
radial-gradient(circle at 50% 0%,rgba(27,199,210,.18),transparent 45%),
linear-gradient(180deg,#031017,#02070a)}
.contact-card{width:min(760px,100%);padding:44px;border:1px solid rgba(44,211,220,.35);border-radius:18px;background:rgba(5,18,24,.8);box-shadow:0 18px 70px rgba(0,0,0,.4);text-align:center}
.eyebrow{color:#36d7df;letter-spacing:.28em;font-size:13px}
.contact-card h2{font-size:clamp(30px,5vw,54px);margin:10px 0 16px}
.contact-card p{color:#c9d9dd;font-size:18px}
.placeholder{opacity:.72}
.button{display:inline-block;margin-top:18px;padding:14px 24px;border:1px solid #32d4dc;border-radius:8px;color:#38dce4;text-decoration:none}
.button:hover{background:#32d4dc;color:#001014}
@media(max-width:800px){
  .screen>img{width:100%;max-width:100%;transform:none}
  .hotspots{display:none}
  .contact-card{padding:30px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Version 2.2 — До / После with interactive comparison */
.menu-replacement{left:42.1%;top:0;width:17.5%;height:8.2%;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:0;background:#02070a;color:#f4f8f9;text-decoration:none;font-size:clamp(10px,1.05vw,16px);white-space:nowrap}
.menu-replacement:hover,.menu-replacement:focus-visible{color:#35d5df;text-shadow:0 0 18px rgba(53,213,223,.5)}
.before-after{position:relative;padding:110px 5vw 90px;background:radial-gradient(circle at 50% 0,rgba(18,172,184,.14),transparent 34%),#05090c;color:#fff;overflow:hidden}
.before-after:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 46%,rgba(47,211,220,.035) 50%,transparent 54%);pointer-events:none}
.ba-shell{position:relative;width:min(1390px,100%);margin:auto}
.ba-header{text-align:center;max-width:850px;margin:0 auto 46px}
.ba-header .eyebrow{margin:0 0 12px;color:#35d5df;font-size:12px;font-weight:700;letter-spacing:.3em}
.ba-header h2{margin:0 0 15px;font-size:clamp(44px,5vw,76px);line-height:1;text-transform:uppercase}
.ba-header>p:last-child{margin:0;color:#b7c4c8;font-size:clamp(16px,1.5vw,21px)}
.ba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.result-card{min-width:0;border:1px solid rgba(52,215,224,.24);border-radius:18px;background:linear-gradient(180deg,rgba(11,24,29,.96),rgba(5,13,17,.97));overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.36);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.result-card:hover{transform:translateY(-7px);border-color:rgba(52,215,224,.66);box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 36px rgba(35,201,211,.09)}
.case-media{position:relative;height:290px;background:#091217;overflow:hidden}
.case-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.result-card:hover .case-media img{transform:scale(1.025);filter:saturate(1.04) contrast(1.02)}
.split-side img{object-position:center}
.full-image img{object-position:center}
.stack-pair{display:grid;grid-template-rows:1fr 1fr;gap:2px;background:#35d5df}
.stack-pair figure,.pair-grid figure{position:relative;margin:0;min-width:0;min-height:0;overflow:hidden;background:#081015}
.stack-pair img{object-position:center 45%}
.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#35d5df}
.pair-grid img{object-position:center}
.badge{position:absolute;z-index:2;bottom:12px;padding:6px 12px;border-radius:999px;background:#2bc8d2;color:#001116;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 5px 18px rgba(0,0,0,.28)}
.badge.before{left:12px}.badge.after{right:12px}
.stack-pair .badge{bottom:8px}.stack-pair .after{right:10px}.stack-pair .before{left:10px}
.case-body{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:22px 22px 24px}
.case-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#bdeff2;color:#073139;font-weight:800}
.case-body h3{margin:4px 0 10px;font-size:20px;line-height:1.25}
.case-body p{min-height:72px;margin:0;color:#b9c8cc;font-size:15px;line-height:1.55}
.case-open{margin-top:19px;padding:0;border:0;background:none;color:#35d5df;font:700 12px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.case-open span{display:inline-block;margin-left:8px;font-size:18px;transition:transform .25s ease}.case-open:hover span{transform:translateX(5px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
.case-dialog{width:min(980px,92vw);max-height:90vh;padding:0;border:1px solid rgba(52,215,224,.42);border-radius:18px;background:#071015;color:#fff;box-shadow:0 35px 110px rgba(0,0,0,.8);overflow:auto}
.case-dialog::backdrop{background:rgba(0,4,7,.84);backdrop-filter:blur(8px)}
.dialog-close{position:sticky;float:right;top:12px;right:12px;z-index:5;width:42px;height:42px;margin:12px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(3,9,12,.86);color:#fff;font-size:28px;cursor:pointer}
.dialog-image{display:block;width:100%;max-height:65vh;object-fit:contain;background:#02070a}
.dialog-copy{padding:25px 30px 32px}.dialog-kicker{margin:0 0 7px;color:#35d5df;font-size:12px;font-weight:700;letter-spacing:.22em}.dialog-copy h3{margin:0 0 12px;font-size:30px}.dialog-text{margin:0;color:#c0cdd0;font-size:17px;line-height:1.6}
@media(max-width:1050px){.ba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-replacement{display:none}}
@media(max-width:700px){.before-after{padding:78px 16px 64px}.ba-grid{grid-template-columns:1fr}.case-media{height:270px}.case-body p{min-height:0}.case-dialog{width:94vw}.dialog-copy{padding:22px}.dialog-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.result-card,.case-media img,.case-open span{transition:none}}


/* Version 2.2 — интерактивный разделитель До / После */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.compare-slider{--position:50%;isolation:isolate;cursor:ew-resize;touch-action:pan-y}
.compare-slider .compare-before,.compare-slider .compare-after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;filter:none!important;user-select:none;pointer-events:none}
.compare-slider .compare-after{clip-path:inset(0 calc(100% - var(--position)) 0 0);z-index:1}
.compare-slider .badge{z-index:4;pointer-events:none}
.compare-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--position);width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 0 18px rgba(53,213,223,.75);pointer-events:none}
.compare-handle{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:#23c4cf;color:#001014;font-size:21px;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 7px 24px rgba(0,0,0,.4)}
.compare-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare-slider:focus-within{outline:3px solid #38e6ee;outline-offset:-3px}
.compare-slider.is-dragging .compare-handle{transform:translate(-50%,-50%) scale(1.08)}
.compare-slider.is-dragging .compare-line{box-shadow:0 0 0 1px rgba(0,0,0,.3),0 0 28px rgba(53,213,223,.95)}
@media(max-width:700px){.compare-handle{width:42px;height:42px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.compare-handle{transition:none}}


/* Version 2.3 — fixed navigation, simplified Before/After, Science */
:root{--header-h:76px;--accent:#35d5df}
section[id]{scroll-margin-top:calc(var(--header-h) + 16px)}
.site-header{position:fixed;z-index:900;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;gap:28px;padding:0 clamp(22px,3.2vw,54px);background:rgba(2,7,10,.72);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
.site-header.scrolled{background:rgba(0,0,0,.90);border-bottom-color:rgba(255,255,255,.10);box-shadow:0 10px 34px rgba(0,0,0,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.brand{display:flex;flex-direction:column;gap:3px;min-width:188px;color:#fff;text-decoration:none;line-height:1}
.brand-main{font-size:25px;font-weight:800;letter-spacing:.04em}.brand-sub{color:#43dbe2;font-size:8px;letter-spacing:.35em}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.3vw,42px);margin-left:auto}
.site-nav a{position:relative;color:#f3f7f8;text-decoration:none;font-size:14px;white-space:nowrap;transition:color .2s ease}
.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--accent);transition:right .25s ease}
.site-nav a:hover,.site-nav a.active{color:var(--accent)}.site-nav a:hover:after,.site-nav a.active:after{right:0}
.header-cta{margin-left:auto;padding:12px 18px;border:1px solid #35d5df;border-radius:7px;color:#45dce4;text-decoration:none;font-size:13px;white-space:nowrap;transition:.22s ease}
.header-cta:hover{background:#35d5df;color:#001014}.mobile-menu-toggle{display:none}.hotspots .menu-replacement{display:none!important}

.ba-header{margin-bottom:34px}
.ba-instruction{display:inline-flex!important;align-items:center;justify-content:center;margin:21px auto 0!important;padding:9px 15px;border:1px solid rgba(53,213,223,.32);border-radius:999px;background:rgba(53,213,223,.07);color:#72e6eb!important;font-size:14px!important;font-weight:600;letter-spacing:.02em}
.case-body p{min-height:0}.case-open,.case-dialog{display:none!important}

.science-section{position:relative;padding:112px 5vw 105px;color:#f3f8f9;background:radial-gradient(900px 500px at 50% 0%,rgba(30,181,193,.13),transparent 62%),#02070a;border-top:1px solid rgba(255,255,255,.06);overflow:hidden}
.science-wrap{width:min(1240px,100%);margin:auto}.science-hero{max-width:980px;margin-bottom:90px}
.science-eyebrow,.science-kicker{margin:0 0 20px;color:#39d9df;letter-spacing:.18em;text-transform:uppercase;font-size:12px}
.science-hero h2{font-size:clamp(40px,5.3vw,72px);line-height:1.02;margin:0 0 26px;font-weight:500;letter-spacing:-.04em}
.science-lead{font-size:clamp(18px,1.7vw,23px);line-height:1.55;color:#c3d0d4;max-width:940px;margin:0}.science-lead strong{color:#fff;font-weight:500}
.science-subsection{margin-top:86px}.science-heading{font-size:clamp(30px,3.8vw,48px);line-height:1.08;margin:0 0 38px;font-weight:500;letter-spacing:-.03em}
.science-intro{max-width:850px;color:#93a8ae;font-size:17px;line-height:1.6;margin:-20px 0 40px}
.science-evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.science-evidence{min-height:245px;padding:27px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(180deg,rgba(9,27,34,.9),rgba(4,13,17,.95));transition:.28s ease}
.science-evidence:hover{transform:translateY(-5px);border-color:rgba(57,217,223,.38)}.science-num{display:block;color:#39d9df;font-size:13px;margin-bottom:42px}
.science-evidence h4{font-size:21px;font-weight:500;margin:0 0 12px}.science-evidence p{color:#93a8ae;line-height:1.55;margin:0;font-size:15px}
.science-path-block{padding:70px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.science-path{display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.science-step{position:relative;padding:0 16px 10px;text-align:center}
.science-step:not(:last-child):after{content:"";position:absolute;right:-16%;top:33px;width:32%;height:1px;background:linear-gradient(90deg,#39d9df,rgba(57,217,223,.15))}
.science-step>span{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(57,217,223,.45);border-radius:50%;margin:0 auto 20px;color:#39d9df;background:rgba(57,217,223,.05)}
.science-step strong{font-size:15px;line-height:1.35;font-weight:500}
.science-pubs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.science-pub{padding:25px 26px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(6,18,23,.74);display:grid;grid-template-columns:72px 1fr;gap:20px;transition:.25s ease}
.science-pub:hover{border-color:rgba(57,217,223,.35);background:rgba(8,26,32,.92)}.science-pub-cod{border-color:rgba(57,217,223,.32)}
.science-year{font-size:20px;color:#39d9df;padding-top:2px}.science-tag{display:inline-flex;padding:5px 8px;border:1px solid rgba(57,217,223,.28);border-radius:999px;color:#9be8ec;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.science-pub h4{font-size:18px;font-weight:500;line-height:1.35;margin:0 0 8px}.science-pub p{color:#93a8ae;line-height:1.5;font-size:14px;margin:0 0 15px}
.science-pub a{color:#39d9df;text-decoration:none;font-size:13px;border-bottom:1px solid rgba(57,217,223,.35);padding-bottom:2px}
.science-cod-focus{margin-top:18px;padding:34px;border:1px solid rgba(57,217,223,.36);border-radius:20px;background:radial-gradient(700px 200px at 0 0,rgba(57,217,223,.11),transparent 60%),#061117;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.science-cod-focus h3{font-size:30px;line-height:1.1;font-weight:500;margin:0 0 14px}.science-cod-focus>div>p:last-child{color:#a7bac0;line-height:1.6;margin:0}
.science-metrics{display:grid;gap:8px}.science-metrics div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.science-metrics div:last-child{border-bottom:0}.science-metrics b{color:#39d9df;font-weight:500}.science-metrics span{color:#b7c6ca;font-size:14px;line-height:1.4}

@media(max-width:1120px){.site-header{gap:18px;padding:0 22px}.brand{min-width:155px}.brand-main{font-size:21px}.site-nav{gap:18px}.site-nav a{font-size:13px}.header-cta{padding:10px 12px;font-size:12px}}
@media(max-width:900px){
  :root{--header-h:68px}.site-header{height:var(--header-h);background:rgba(0,0,0,.86)}.brand{min-width:0;margin-right:auto}.header-cta{display:none}
  .mobile-menu-toggle{width:44px;height:44px;display:grid;place-content:center;gap:7px;border:1px solid rgba(53,213,223,.35);border-radius:8px;background:rgba(0,0,0,.2);color:#fff}
  .mobile-menu-toggle span{display:block;width:22px;height:1px;background:#fff;transition:.2s}.mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .site-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 18px;background:rgba(0,0,0,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}
  .site-nav.open{display:flex}.site-nav a{padding:13px 3px;font-size:15px}.site-nav a:after{display:none}
  .science-evidence-grid{grid-template-columns:repeat(2,1fr)}.science-path{grid-template-columns:1fr}
  .science-step{display:grid;grid-template-columns:72px 1fr;text-align:left;align-items:center;gap:14px;padding:0 0 18px}.science-step>span{margin:0}
  .science-step:not(:last-child):after{left:33px;right:auto;top:62px;width:1px;height:24px}.science-pubs{grid-template-columns:1fr}.science-cod-focus{grid-template-columns:1fr}
}
@media(max-width:580px){.brand-main{font-size:19px}.brand-sub{font-size:7px}.science-section{padding:82px 16px 76px}.science-hero{margin-bottom:65px}.science-subsection{margin-top:62px}.science-evidence-grid{grid-template-columns:1fr}.science-pub{grid-template-columns:1fr;gap:8px;padding:22px}.science-year{font-size:16px}.science-cod-focus{padding:24px}.science-metrics div{grid-template-columns:92px 1fr}}
@media(prefers-reduced-motion:reduce){.site-header,.site-nav a:after,.mobile-menu-toggle span,.science-evidence,.science-pub{transition:none}}


/* Version 2.5 — Lead form + Contacts */
.contacts-section{
  position:relative;padding:112px 5vw;background:
  radial-gradient(760px 460px at 15% 20%,rgba(53,213,223,.11),transparent 64%),
  linear-gradient(180deg,#02070a,#061116);
  border-top:1px solid rgba(255,255,255,.07);color:#f3f8f9
}
.contacts-wrap{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.contacts-kicker{margin:0 0 18px;color:#39d9df;letter-spacing:.18em;text-transform:uppercase;font-size:12px}
.contacts-copy h2{font-size:clamp(42px,5vw,70px);line-height:1.02;margin:0 0 22px;font-weight:500;letter-spacing:-.04em}
.contacts-lead{max-width:580px;color:#a9bbc0;font-size:19px;line-height:1.58;margin:0 0 34px}
.contacts-primary{
  border:1px solid #39d9df;border-radius:8px;background:#39d9df;color:#001014;
  padding:15px 23px;font:inherit;font-weight:700;cursor:pointer;transition:.22s ease
}
.contacts-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(57,217,223,.12)}
.contacts-panel{padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(7,22,28,.78);backdrop-filter:blur(14px)}
.contacts-label{margin:0 0 17px;color:#d7e2e5;font-size:14px}
.contact-links{display:grid;gap:10px}
.contact-link{
  display:grid;grid-template-columns:48px 1fr 26px;gap:14px;align-items:center;padding:15px 16px;
  border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);
  color:#fff;text-decoration:none;transition:.2s ease
}
.contact-link:hover{border-color:rgba(57,217,223,.35);background:rgba(57,217,223,.06)}
.contact-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(57,217,223,.32);border-radius:50%;color:#6fe6eb;font-size:12px;font-weight:700}
.contact-link b{display:block;font-size:15px;margin-bottom:4px}.contact-link small{display:block;color:#83999f;font-size:12px}.contact-arrow{color:#39d9df}
.contacts-config-note{margin:18px 2px 0;color:#60767c;font-size:11px;line-height:1.5}

.lead-modal{position:fixed;z-index:1200;inset:0;display:none;align-items:center;justify-content:center;padding:18px}
.lead-modal.is-open{display:flex}.lead-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.lead-dialog{
  position:relative;z-index:1;width:min(560px,100%);max-height:min(850px,calc(100vh - 28px));overflow:auto;
  padding:32px;border:1px solid rgba(57,217,223,.26);border-radius:22px;background:
  radial-gradient(600px 240px at 0 0,rgba(57,217,223,.11),transparent 60%),#071219;
  box-shadow:0 32px 90px rgba(0,0,0,.45);color:#f5f9fa
}
.lead-close{position:absolute;right:18px;top:15px;width:40px;height:40px;border:0;background:transparent;color:#b9c7ca;font-size:30px;line-height:1;cursor:pointer}
.lead-kicker{margin:0 0 13px;color:#39d9df;letter-spacing:.18em;font-size:11px}
.lead-dialog h2{margin:0 40px 10px 0;font-size:38px;font-weight:500;letter-spacing:-.03em}
.lead-subtitle{margin:0 0 24px;color:#98abb0;line-height:1.5;font-size:14px}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead-field{display:grid;gap:7px}.lead-field span{font-size:12px;color:#a9b9bd}
.lead-field input,.lead-field select{
  width:100%;height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:rgba(255,255,255,.045);color:#fff;font:inherit;outline:none
}
.lead-field input:focus,.lead-field select:focus{border-color:rgba(57,217,223,.55);box-shadow:0 0 0 3px rgba(57,217,223,.08)}
.lead-field select option{color:#111}
.lead-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;color:#869a9f;font-size:12px;line-height:1.4}
.lead-consent input{margin-top:2px;accent-color:#39d9df}
.lead-submit{
  grid-column:1/-1;height:50px;border:1px solid #39d9df;border-radius:10px;background:#39d9df;color:#001014;
  font:inherit;font-weight:700;cursor:pointer
}
.lead-form-status{grid-column:1/-1;margin:0;min-height:18px;color:#7fe7eb;font-size:12px}
.lead-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#60767c;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.lead-divider:before,.lead-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
.lead-messengers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lead-messenger{
  text-align:center;padding:10px 8px;border:1px solid rgba(255,255,255,.10);border-radius:9px;color:#dbe6e8;text-decoration:none;font-size:12px
}
.lead-messenger:hover{border-color:rgba(57,217,223,.35);color:#6de3e8}
.is-placeholder{cursor:default}
body.modal-open{overflow:hidden}

@media(max-width:820px){
  .contacts-wrap{grid-template-columns:1fr;gap:42px}
  .contacts-section{padding:82px 18px}
  .lead-form{grid-template-columns:1fr}
  .lead-consent,.lead-submit,.lead-form-status{grid-column:auto}
  .lead-messengers{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .lead-dialog{padding:25px 18px}.lead-dialog h2{font-size:31px}.contacts-panel{padding:20px}
}


/* Version 2.6 — hero CTA routes + production security integration */
#hero{position:relative}
.hero-actions{position:absolute;inset:0;z-index:4;pointer-events:none}
.hero-hotspot{
  position:absolute;top:74.1%;height:6.3%;border:0;background:transparent;
  cursor:pointer;pointer-events:auto;border-radius:9px
}
.hero-hotspot:focus-visible{
  outline:3px solid rgba(255,255,255,.95);
  outline-offset:4px;
}
.hero-hotspot-more{left:5.05%;width:13.75%}
.hero-hotspot-info{left:20.0%;width:19.1%}
.domain-security-note{
  margin:-8px 0 18px;padding:12px 14px;border:1px solid rgba(255,150,80,.35);
  border-radius:10px;background:rgba(255,115,50,.08);color:#ffc3a1;font-size:13px;line-height:1.45
}
.lead-form.is-disabled{opacity:.58}
.lead-form.is-disabled input,.lead-form.is-disabled select,.lead-form.is-disabled button{pointer-events:none}
.lead-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:700px){
  /* Percent coordinates remain aligned with the responsive full-image hero. */
  .hero-hotspot{min-height:34px}
}


/* Version 2.7 — mobile refinements, updated title copy, clean advantages image */
html,body{max-width:100%;overflow-x:hidden}
body{overflow-x:hidden}
img{max-width:100%}
main,section,.ba-shell,.science-wrap,.contacts-wrap{max-width:100%}
.site-header{max-width:100vw}
.brand,.site-nav,.header-cta,.mobile-menu-toggle{min-width:0}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:0}
.header-cta .cta-short{display:none}

@media(max-width:900px){
  .site-header{gap:10px;padding-left:14px;padding-right:14px}
  .brand{flex:1 1 auto;min-width:0}
  .brand-main{font-size:17px}
  .brand-sub{font-size:6px;letter-spacing:.28em}
  .header-cta{
    display:inline-flex;margin-left:auto;margin-right:8px;flex:0 0 auto;
    padding:9px 10px;font-size:11px;line-height:1.1;white-space:nowrap;
    max-width:42vw
  }
  .header-cta .cta-full{display:inline}
  .header-cta .cta-short{display:none}
}
@media(max-width:560px){
  .header-cta{
    padding:8px 10px;font-size:11px;max-width:none
  }
  .header-cta .cta-full{display:none}
  .header-cta .cta-short{display:inline}
  .before-after,.science-section,.contacts-section{overflow:hidden}
  .lead-dialog{width:min(100%,560px)}
}


/* Version 3.0 — queued content updates + true mobile fit */
.screen{position:relative;overflow:hidden}
.screen>img{width:100%;max-width:100%;transform:none}
.screen-text-layer{position:absolute;inset:0;z-index:3;pointer-events:none;font-family:Arial,Helvetica,sans-serif;color:#f4f5f5}

/* HERO: replace only the old headline area while preserving artwork and CTAs */
.hero-copy-update:before{content:"";position:absolute;left:4.4%;top:31.2%;width:48.5%;height:24.5%;background:linear-gradient(90deg,#020709 0%,#020709 82%,rgba(2,7,9,.92) 92%,rgba(2,7,9,0) 100%)}
.hero-new-title{position:absolute;left:5.05%;top:35.2%;width:48%;font-size:clamp(12px,3.15vw,52px);line-height:1.3;font-weight:300;letter-spacing:-.025em}
.hero-new-title span{color:#42d7df;font-weight:500}

/* ABOUT: updated main description and four science/technology cards */
.about-main-copy{position:absolute;left:5.5%;top:24.2%;width:35.8%;font-size:clamp(5px,1.15vw,18px);line-height:1.62;font-weight:400}
.about-main-copy:before{content:"";position:absolute;z-index:-1;left:-1.5%;top:-8%;width:104%;height:118%;background:#03090d}
.about-card-copy{position:absolute;width:18.3%;font-size:clamp(4px,1.02vw,16px);line-height:1.45}
.about-card-copy:before{content:"";position:absolute;z-index:-1;left:-2%;top:-8%;width:104%;height:116%;background:#03090d}
.about-card-copy h3{margin:0 0 .9em;font-size:clamp(6px,1.34vw,21px);font-weight:400;line-height:1.15}
.about-card-copy h3:after{content:"";display:block;width:3.2vw;max-width:49px;height:1px;margin-top:.9em;background:#25c9d3}
.about-card-copy p{margin:0}
.about-card-1{left:50.55%;top:34.2%}
.about-card-2{left:74.3%;top:34.2%}
.about-card-3{left:50.55%;top:68.0%;width:18.5%;font-size:clamp(3.7px,.82vw,13px);line-height:1.36}
.about-card-3 h3{font-size:clamp(5.5px,1.25vw,20px)}
.about-card-4{left:74.3%;top:68.0%;width:18.6%;font-size:clamp(4px,.95vw,15px);line-height:1.42}

/* ADVANTAGES: comparison wording, pH rationale and shortened hydration copy */
.advantages-subtitle{position:absolute;left:3.7%;top:17.4%;width:40%;padding:.1em 0 .35em;background:#03090d;font-size:clamp(10px,2.25vw,35px);font-weight:300;line-height:1.2}
.adv-copy{position:absolute;left:64.1%;width:30%;font-size:clamp(4px,1vw,15px);line-height:1.42}
.adv-copy:before{content:"";position:absolute;z-index:-1;left:-1%;top:-8%;width:103%;height:116%;background:#03090d}
.adv-copy h3{margin:0 0 .35em;font-size:clamp(6px,1.45vw,23px);font-weight:400;line-height:1.12}
.adv-copy p{margin:0}.adv-copy strong{font-weight:500}.adv-copy em{font-style:normal;color:#28d4df}
.adv-copy-1{top:12.1%;font-size:clamp(4px,.92vw,14px)}
.adv-copy-4{top:57.9%}

@media(max-width:900px){
  .site-header{gap:8px}
  .brand{order:1;margin-right:auto}
  .header-cta{order:2;margin-left:0;margin-right:0}
  .mobile-menu-toggle{order:3}
  .site-nav{order:4}
  .screen>img{width:100%;max-width:100%;transform:none}
}
@media(max-width:560px){
  .site-header{padding-left:10px;padding-right:10px}
  .brand-main{font-size:16px}.brand-sub{font-size:5.8px}
  .header-cta{padding:8px 9px;font-size:10px}
  .mobile-menu-toggle{width:42px;height:42px}
}


/* === COD-LAGEN 3.0 queued refinements === */

/* Hero: compact 3-line Skin Longevity headline + matching line spacing below */
.hero-copy-update:before{
  left:4.4%;
  top:31.2%;
  width:49.5%;
  height:43%;
  background:linear-gradient(90deg,#020709 0%,#020709 84%,rgba(2,7,9,.94) 93%,rgba(2,7,9,0) 100%);
}
.hero-new-title{
  top:35.0%;
  width:49%;
  font-size:clamp(12px,2.55vw,42px);
  line-height:1.22;
}
.hero-new-subtitle{
  position:absolute;
  left:5.05%;
  top:57.9%;
  width:42%;
  font-size:clamp(6px,1.18vw,19px);
  line-height:1.22;
  font-weight:400;
  color:#cfd3d5;
}

/* Remove the down-chevron marks at the bottom of screens 1 and 2 */
.bottom-chevron-cover{
  position:absolute;
  z-index:5;
  left:48.35%;
  bottom:2.5%;
  width:3.3%;
  height:4.8%;
  background:#020709;
  pointer-events:none;
}

/* "COD-LAGEN" in About copy: first-screen visual character, same inherited size */
.about-main-copy strong{
  color:#42d7df;
  font-size:inherit;
  font-weight:800;
  letter-spacing:.055em;
}

/* About cards: one typographic system across all four cards */
.about-card-copy,
.about-card-3,
.about-card-4{
  font-size:clamp(4px,1.02vw,16px);
  line-height:1.45;
}
.about-card-copy h3,
.about-card-3 h3{
  font-size:clamp(6px,1.34vw,21px);
  line-height:1.15;
  font-weight:400;
}

/* Advantages: changed cards use the same type scale as neighbouring cards */
.adv-copy,
.adv-copy-1,
.adv-copy-4{
  font-size:clamp(4px,1vw,15px);
  line-height:1.42;
}
.adv-copy h3,
.adv-copy-1 h3,
.adv-copy-4 h3{
  font-size:clamp(6px,1.45vw,23px);
  line-height:1.12;
  font-weight:400;
}

@media(max-width:800px){
  .hero-new-title{
    font-size:clamp(12px,2.55vw,42px);
    line-height:1.22;
  }
  .hero-new-subtitle{line-height:1.22}
}


/* === COD-LAGEN 3.0 — unified typography and color system === */
:root{
  --accent:#39d9df;
  --text-primary:#f3f7f8;
  --text-secondary:#a9bbc0;
  --text-muted:#83999f;
  --text-dark:#001014;
}

html,body{
  color:var(--text-primary);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Primary headings */
.brand,
.brand-main,
.site-nav a,
.ba-header h2,
.case-body h3,
.science-hero h2,
.science-heading,
.science-evidence h4,
.science-step strong,
.science-pub h4,
.science-cod-focus h3,
.contacts-copy h2,
.lead-dialog h2,
.contact-link b,
.hero-new-title,
.about-main-copy,
.about-card-copy h3,
.about-card-3 h3,
.about-card-4 h3,
.advantages-subtitle,
.adv-copy h3,
.adv-copy-1 h3,
.adv-copy-4 h3{
  color:var(--text-primary);
}

/* Unified accent */
.eyebrow,
.ba-header .eyebrow,
.dialog-kicker,
.brand-sub,
.site-nav a:hover,
.site-nav a.active,
.header-cta,
.ba-instruction,
.science-eyebrow,
.science-kicker,
.science-num,
.science-year,
.science-pub a,
.science-metrics b,
.contacts-kicker,
.contact-arrow,
.lead-kicker,
.lead-form-status,
.about-main-copy strong,
.hero-new-title span,
.adv-copy em{
  color:var(--accent)!important;
}

/* Secondary body text */
.contact-card p,
.ba-header>p:last-child,
.case-body p,
.dialog-text,
.science-lead,
.science-intro,
.science-evidence p,
.science-pub p,
.science-cod-focus>div>p:last-child,
.science-metrics span,
.contacts-lead,
.contacts-label,
.lead-subtitle,
.lead-field span,
.lead-messenger,
.hero-new-subtitle,
.about-main-copy,
.about-card-copy,
.about-card-3,
.about-card-4,
.adv-copy,
.adv-copy-1,
.adv-copy-4{
  color:var(--text-secondary);
}

/* Muted/supporting text */
.contact-link small,
.contacts-config-note,
.lead-consent,
.lead-divider{
  color:var(--text-muted);
}

/* Interactive accents */
.button,
.case-open,
.contact-icon{
  color:var(--accent);
  border-color:var(--accent);
}
.button:hover,
.header-cta:hover{
  background:var(--accent);
  color:var(--text-dark);
}

/* Card typography: same visual hierarchy site-wide */
.about-card-copy,
.about-card-3,
.about-card-4,
.adv-copy,
.adv-copy-1,
.adv-copy-4,
.science-evidence p,
.case-body p{
  font-size:clamp(12px,1vw,16px);
  line-height:1.5;
  font-weight:400;
}
.about-card-copy h3,
.about-card-3 h3,
.about-card-4 h3,
.adv-copy h3,
.adv-copy-1 h3,
.adv-copy-4 h3,
.science-evidence h4,
.case-body h3{
  font-size:clamp(16px,1.35vw,21px);
  line-height:1.22;
  font-weight:500;
  letter-spacing:0;
}

/* Main body copy: consistent rhythm */
.about-main-copy,
.hero-new-subtitle,
.science-lead,
.science-intro,
.contacts-lead,
.dialog-text{
  line-height:1.5;
  font-weight:400;
}

/* Small labels share one treatment */
.eyebrow,
.ba-header .eyebrow,
.science-eyebrow,
.science-kicker,
.contacts-kicker,
.lead-kicker,
.dialog-kicker{
  font-weight:600;
  letter-spacing:.18em;
}

/* Buttons/navigation share the same text rendering */
.site-nav a,
.header-cta,
.button,
.lead-submit,
.lead-messenger{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:500;
}

/* Keep warning/error semantics distinct, but harmonize typography */
.lead-warning{
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5;
}

/* Remove legacy color variance from changed image-overlay copy */
.screen-text-layer{
  color:var(--text-primary);
}
.screen-text-layer p{
  color:var(--text-secondary);
}


/* === COD-LAGEN 3.1 — dedicated mobile composition === */
.mobile-hero-layout,
.mobile-section{display:none}

@media(max-width:760px){
  :root{--header-h:68px}

  .site-header{
    height:68px;
    padding:0 14px;
    gap:8px;
  }
  .brand{min-width:0}
  .brand-main{font-size:16px}
  .brand-sub{font-size:5.5px;letter-spacing:.27em}
  .header-cta{padding:8px 11px;font-size:11px}
  .mobile-menu-toggle{width:42px;height:42px}

  /* Hero: do not scale the desktop screenshot on phones */
  #hero{
    margin-top:68px;
    min-height:510px;
    background:#02070a;
    overflow:hidden;
  }
  #hero>img,
  #hero>.screen-text-layer,
  #hero>.hero-actions,
  #hero>.bottom-chevron-cover{display:none!important}

  .mobile-hero-layout{
    position:relative;
    display:block;
    min-height:510px;
    padding:34px 18px 32px;
    overflow:hidden;
    background:
      radial-gradient(circle at 78% 42%,rgba(22,185,196,.16),transparent 34%),
      #02070a;
  }
  .mobile-hero-layout:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,#02070a 0%,rgba(2,7,10,.98) 47%,rgba(2,7,10,.60) 63%,rgba(2,7,10,.04) 82%);
  }
  .mobile-hero-model{
    position:absolute;
    z-index:0;
    right:-30px;
    top:0;
    width:63%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .mobile-hero-copy{
    position:relative;
    z-index:2;
    width:65%;
    max-width:380px;
    padding-top:12px;
  }
  .mobile-hero-kicker{
    margin-bottom:20px;
    color:var(--accent);
    font-size:10px;
    font-weight:600;
    letter-spacing:.28em;
  }
  .mobile-hero-copy h1{
    margin:0;
    color:var(--text-primary);
    font-size:clamp(22px,6.1vw,31px);
    line-height:1.20;
    font-weight:400;
    letter-spacing:-.025em;
  }
  .mobile-hero-copy h1 span{color:var(--accent);font-weight:500}
  .mobile-hero-copy p{
    margin:18px 0 0;
    color:var(--text-secondary);
    font-size:13px;
    line-height:1.48;
  }
  .mobile-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:22px;
  }
  .mobile-primary-btn,
  .mobile-secondary-btn{
    min-height:40px;
    padding:10px 15px;
    border-radius:5px;
    font:500 12px/1.15 Arial,Helvetica,sans-serif;
    text-decoration:none;
    cursor:pointer;
  }
  .mobile-primary-btn{
    border:1px solid var(--accent);
    background:var(--accent);
    color:#001014;
  }
  .mobile-secondary-btn{
    border:1px solid rgba(57,217,223,.75);
    background:rgba(2,7,10,.52);
    color:var(--accent);
  }

  /* Dedicated mobile sections */
  #about>img,
  #about>.screen-text-layer,
  #about>.bottom-chevron-cover,
  #advantages>img,
  #advantages>.screen-text-layer{display:none!important}

  #about,#advantages{
    overflow:visible;
    background:#03090d;
  }

  .mobile-section{
    display:block;
    background:
      radial-gradient(circle at 50% 0,rgba(30,191,202,.08),transparent 35%),
      #03090d;
  }
  .mobile-section-inner{
    width:100%;
    padding:46px 18px 52px;
  }
  .mobile-section h2{
    margin:0;
    color:var(--text-primary);
    font-size:29px;
    line-height:1.1;
    font-weight:500;
    letter-spacing:-.025em;
  }
  .mobile-section h2:after{
    content:"";
    display:block;
    width:48px;
    height:2px;
    margin-top:15px;
    background:var(--accent);
  }
  .mobile-about-intro{
    margin:22px 0 24px;
    color:var(--text-secondary);
    font-size:14px;
    line-height:1.55;
  }
  .mobile-about-intro strong{
    color:var(--accent);
    font-weight:800;
    letter-spacing:.04em;
  }
  .mobile-product-art{
    display:block;
    width:100%;
    height:auto;
    margin:8px 0 24px;
    border:1px solid rgba(57,217,223,.13);
    border-radius:14px;
    background:#02070a;
  }
  .mobile-info-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .mobile-info-grid article{
    padding:20px 19px;
    border:1px solid rgba(57,217,223,.18);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(8,24,30,.92),rgba(4,13,17,.96));
  }
  .mobile-info-grid h3,
  .mobile-adv-list h3{
    margin:0 0 10px;
    color:var(--text-primary);
    font-size:19px;
    line-height:1.22;
    font-weight:500;
  }
  .mobile-info-grid h3:after{
    content:"";
    display:block;
    width:32px;
    height:1px;
    margin-top:12px;
    background:var(--accent);
  }
  .mobile-info-grid p,
  .mobile-adv-list p{
    margin:0;
    color:var(--text-secondary);
    font-size:14px;
    line-height:1.52;
  }

  .mobile-section-subtitle{
    margin:12px 0 0;
    color:var(--text-secondary);
    font-size:18px;
    line-height:1.35;
  }
  .mobile-adv-art{margin-top:24px}
  .mobile-adv-list{
    display:grid;
    gap:0;
    border-top:1px solid rgba(57,217,223,.18);
  }
  .mobile-adv-list article{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
    padding:21px 0;
    border-bottom:1px solid rgba(57,217,223,.17);
  }
  .mobile-adv-list article>span{
    color:var(--accent);
    font-size:23px;
    line-height:1;
    font-weight:300;
  }
  .mobile-adv-list strong{color:var(--text-primary);font-weight:500}
  .mobile-adv-list em{color:var(--accent);font-style:normal}
  .mobile-footnote{
    margin:18px 0 0;
    color:var(--text-muted);
    font-size:11px;
    line-height:1.45;
  }
}

@media(max-width:430px){
  .mobile-hero-layout{min-height:500px;padding-left:16px;padding-right:16px}
  .mobile-hero-copy{width:69%}
  .mobile-hero-model{right:-54px;width:68%}
  .mobile-hero-copy h1{font-size:clamp(20px,5.9vw,26px)}
  .mobile-hero-copy p{font-size:12px}
  .mobile-primary-btn,.mobile-secondary-btn{padding:9px 12px;font-size:11px}
}


/* === COD-LAGEN 3.1 — restore original mobile pictograms === */
@media(max-width:760px){
  .mobile-card-icon{
    display:block;
    width:58px;
    height:58px;
    object-fit:cover;
    object-position:center;
    margin:0 0 14px;
    border-radius:0;
    mix-blend-mode:screen;
  }

  .mobile-adv-list article{
    grid-template-columns:74px minmax(0,1fr);
    align-items:start;
  }
  .mobile-adv-mark{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:9px;
  }
  .mobile-adv-mark>span{
    color:var(--accent);
    font-size:23px;
    line-height:1;
    font-weight:300;
  }
  .mobile-adv-mark img{
    display:block;
    width:58px;
    height:58px;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
  }
  .mobile-adv-list article>span{display:none}
}


/* === COD-LAGEN 3.1 — advantages without numbering on mobile === */
@media(max-width:760px){
  .mobile-adv-list article{
    grid-template-columns:62px minmax(0,1fr);
    gap:14px;
  }
  .mobile-adv-mark{
    gap:0;
  }
}


/* === COD-LAGEN 3.2 — routed contact form === */
.lead-dialog-routed{
  width:min(94vw,760px);
  max-height:min(92vh,880px);
  overflow:auto;
}
.lead-scenarios{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:22px 0 4px;
}
.lead-scenario{
  appearance:none;
  min-height:124px;
  padding:18px;
  text-align:left;
  border:1px solid rgba(57,217,223,.22);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,30,37,.95),rgba(4,14,18,.98));
  color:var(--text-primary);
  cursor:pointer;
  transition:border-color .2s ease,transform .2s ease,background .2s ease;
}
.lead-scenario:hover,
.lead-scenario:focus-visible{
  border-color:rgba(57,217,223,.72);
  background:linear-gradient(180deg,rgba(12,40,48,.98),rgba(5,18,22,.99));
  transform:translateY(-1px);
  outline:none;
}
.lead-scenario strong{
  display:block;
  margin:0 0 8px;
  color:var(--text-primary);
  font-size:16px;
  line-height:1.2;
  font-weight:600;
}
.lead-scenario span{
  display:block;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.42;
}
.lead-selected{
  margin:18px 0 14px;
  padding:16px 18px;
  border:1px solid rgba(57,217,223,.18);
  border-radius:12px;
  background:rgba(7,22,28,.75);
}
.lead-back-to-scenarios{
  appearance:none;
  border:0;
  padding:0;
  margin:0 0 12px;
  background:none;
  color:var(--accent);
  font:500 12px/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.lead-route-title{
  margin:0 0 8px;
  color:var(--text-primary);
  font-size:19px;
  line-height:1.25;
  font-weight:500;
}
.lead-route-description{
  margin:0;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.5;
}
.lead-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.lead-fields[hidden]{display:none!important}
.lead-field textarea{
  width:100%;
  resize:vertical;
  min-height:86px;
  box-sizing:border-box;
  font:inherit;
}
.lead-field:has(textarea),
.lead-consent,
.lead-submit,
.lead-form-status{
  grid-column:1/-1;
}
.lead-conditional[hidden]{display:none!important}

@media(max-width:680px){
  .lead-dialog-routed{
    width:min(94vw,560px);
    max-height:92vh;
    padding:26px 18px 22px;
  }
  .lead-scenarios{grid-template-columns:1fr;gap:9px}
  .lead-scenario{min-height:auto;padding:15px 16px}
  .lead-fields{grid-template-columns:1fr}
  .lead-field:has(textarea),
  .lead-consent,
  .lead-submit,
  .lead-form-status{grid-column:auto}
}

.lead-scenarios[hidden]{display:none!important}

/* === COD-LAGEN 3.3 cleanup === */
.mobile-footnote{display:none!important}


/* === COD-LAGEN 3.4 — CTA, contacts layout, vector pictograms === */
@media(min-width:761px){
  .hero-hotspot-info{
    display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(57,217,223,.88);
    background:#02090d;
    color:var(--accent);
    font:500 clamp(11px,1.05vw,16px)/1 Arial,Helvetica,sans-serif;
    letter-spacing:.01em;
  }
  .hero-hotspot-info::after{content:"Оставить заявку";white-space:nowrap}
  .hero-hotspot-info:hover{background:rgba(57,217,223,.08)}
}

.contacts-wrap{
  grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr);
  gap:clamp(46px,6vw,88px);
  align-items:start;
}
.contacts-copy{padding-top:18px}
.contacts-copy h2{max-width:560px}
.contacts-lead{max-width:520px}
.contacts-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:16px;
  min-width:190px;
}
.contacts-primary-arrow{font-size:17px;line-height:1;font-weight:400}
.contacts-panel{
  padding:26px;
  border-color:rgba(57,217,223,.16);
  background:linear-gradient(180deg,rgba(8,27,34,.88),rgba(5,17,22,.9));
  box-shadow:0 20px 70px rgba(0,0,0,.16);
}
.contacts-label{margin-bottom:16px;color:var(--text-primary);font-size:15px;font-weight:500}
.contact-links{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.contact-link{
  min-height:104px;
  grid-template-columns:46px minmax(0,1fr) 20px;
  gap:12px;
  padding:17px 16px;
  align-items:center;
}
.contact-icon{
  width:44px;height:44px;
  border-color:rgba(57,217,223,.28);
  background:rgba(57,217,223,.045);
}
.contact-icon-svg{display:block;width:23px;height:23px;color:var(--accent)}
.contact-link b{font-size:16px;margin-bottom:5px;font-weight:500}
.contact-link small{font-size:12px;line-height:1.35}
.contact-arrow{justify-self:end;font-size:16px}
.contacts-config-note{margin:16px 2px 0;font-size:11px}
.contact-phone{grid-column:1/-1}

@media(max-width:980px){
  .contacts-wrap{grid-template-columns:1fr;gap:36px}
  .contacts-copy{padding-top:0;max-width:700px}
  .contacts-lead{max-width:680px}
  .contacts-panel{max-width:760px;width:100%}
}
@media(max-width:620px){
  .contacts-section{padding:72px 16px 76px}
  .contacts-copy h2{font-size:clamp(38px,11vw,50px);margin-bottom:18px}
  .contacts-lead{font-size:16px;line-height:1.55;margin-bottom:26px}
  .contacts-primary{width:100%;min-height:50px}
  .contacts-panel{padding:18px;border-radius:18px}
  .contact-links{grid-template-columns:1fr;gap:9px}
  .contact-link{min-height:84px;padding:14px;grid-template-columns:44px minmax(0,1fr) 18px}
  .contact-icon{width:40px;height:40px}
  .contact-icon-svg{width:21px;height:21px}
}


/* === COD-LAGEN 3.4 fix — improved lead modal scenarios === */
.lead-dialog-routed{
  width:min(94vw,840px);
  max-height:min(92vh,880px);
  padding:34px;
}
.lead-section-label{
  margin:2px 0 12px;
  color:#d9e7ea;
  font-size:13px;
  line-height:1.35;
  font-weight:500;
}
.lead-scenarios{
  gap:14px;
  margin:0 0 8px;
}
.lead-scenario{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:16px;
  min-height:182px;
  padding:18px 18px 17px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,32,40,.96),rgba(4,16,20,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 14px 36px rgba(0,0,0,.16);
}
.lead-scenario-meta{
  display:grid;
  grid-template-columns:52px 1fr 18px;
  align-items:center;
  gap:12px;
}
.lead-scenario-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  border:1px solid rgba(57,217,223,.26);
  background:radial-gradient(circle at 30% 20%, rgba(57,217,223,.16), rgba(57,217,223,.03) 72%);
  color:#39d9df;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.lead-scenario-icon svg{display:block;width:26px;height:26px}
.lead-scenario-tag{
  color:rgba(189,223,226,.82);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lead-scenario-arrow{
  color:#54dde2;
  font-size:16px;
  line-height:1;
  justify-self:end;
  opacity:.84;
}
.lead-scenario-copy{display:block}
.lead-scenario strong{
  display:block;
  margin:0 0 10px;
  color:#f3f8f9;
  font-size:17px;
  line-height:1.22;
  font-weight:600;
}
.lead-scenario-copy span{
  display:block;
  color:#a8bcc0;
  font-size:13px;
  line-height:1.5;
}
.lead-scenario:hover,
.lead-scenario:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(57,217,223,.68);
  box-shadow:0 18px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}
.lead-selected{
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,24,31,.96),rgba(4,15,19,.98));
}
.lead-route-title{font-size:21px}
.lead-route-description{font-size:13px; line-height:1.55}
@media(max-width:760px){
  .lead-dialog-routed{
    width:min(94vw,560px);
    padding:24px 18px 22px;
  }
  .lead-dialog h2{
    margin-right:32px;
    font-size:34px;
    line-height:1.06;
  }
  .lead-subtitle{
    margin-bottom:18px;
    font-size:13px;
  }
  .lead-scenarios{gap:10px}
  .lead-scenario{
    min-height:auto;
    padding:15px 15px 14px;
    gap:13px;
    border-radius:16px;
  }
  .lead-scenario-meta{grid-template-columns:46px 1fr 16px;gap:10px}
  .lead-scenario-icon{width:46px;height:46px;border-radius:14px}
  .lead-scenario-icon svg{width:24px;height:24px}
  .lead-scenario strong{font-size:16px;margin-bottom:7px}
  .lead-scenario-copy span{font-size:12.5px;line-height:1.45}
}


/* === COD-LAGEN 3.4 mobile scenario alignment === */
@media(max-width:760px){
  .lead-scenario{
    grid-template-columns:46px minmax(0,1fr) 16px;
    grid-template-rows:auto auto;
    column-gap:12px;
    row-gap:5px;
    align-items:start;
  }
  .lead-scenario-meta{display:contents}
  .lead-scenario-icon{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:start;
  }
  .lead-scenario-tag{
    grid-column:2;
    grid-row:1;
    align-self:center;
    margin-top:1px;
  }
  .lead-scenario-arrow{
    grid-column:3;
    grid-row:1;
    align-self:center;
  }
  .lead-scenario-copy{
    grid-column:2 / 4;
    grid-row:2;
    min-width:0;
  }
  .lead-scenario strong{margin-bottom:6px}
}


/* === COD-LAGEN 3.4 final lead-form composition === */
.lead-dialog-routed{
  width:min(92vw,900px);
  max-height:min(92vh,900px);
  padding:34px 42px 30px;
}
.lead-dialog-routed > .lead-kicker{margin-bottom:14px}
.lead-dialog-routed > h2{
  margin:0 48px 28px;
  text-align:center;
  font-size:clamp(34px,3vw,48px);
  line-height:1.08;
  font-weight:400;
}
.lead-form-routed{display:block}
.lead-scenarios{
  width:min(100%,720px);
  margin:0 auto 10px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lead-scenario{
  appearance:none;
  aspect-ratio:1.08/1;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:24px 28px;
  text-align:center;
  border:1px solid rgba(57,217,223,.30);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 10%,rgba(57,217,223,.08),transparent 36%),
    linear-gradient(180deg,rgba(8,28,35,.96),rgba(4,15,19,.99));
  color:var(--text-primary);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 42px rgba(0,0,0,.16);
  cursor:pointer;
  transition:.2s ease;
}
.lead-scenario:hover,.lead-scenario:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(57,217,223,.72);
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 28px rgba(57,217,223,.06);
  outline:none;
}
.lead-scenario-icon{
  flex:0 0 auto;
  width:82px;
  height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#76e6ea;
  border:1px solid rgba(57,217,223,.46);
  border-radius:26px;
  background:radial-gradient(circle at 35% 25%,rgba(57,217,223,.15),rgba(57,217,223,.025) 68%);
  box-shadow:inset 0 0 22px rgba(57,217,223,.035);
}
.lead-scenario-icon svg{display:block;width:50px;height:50px}
.lead-scenario-copy{display:block;max-width:265px}
.lead-scenario strong{
  display:block;
  margin:0 0 16px;
  color:#f5f9fa;
  font-size:20px;
  line-height:1.2;
  font-weight:600;
}
.lead-scenario strong::after{
  content:"";
  display:block;
  width:28px;
  height:2px;
  margin:13px auto 0;
  background:var(--accent);
  border-radius:2px;
}
.lead-scenario-copy > span{
  display:block;
  color:#a9bbc0;
  font-size:14px;
  line-height:1.5;
}
.lead-divider{margin-top:22px}

@media(max-width:760px){
  .lead-dialog-routed{
    width:min(94vw,560px);
    padding:24px 18px 22px;
  }
  .lead-dialog-routed > h2{
    margin:0 36px 20px 0;
    text-align:left;
    font-size:clamp(29px,8vw,38px);
  }
  .lead-scenarios{
    width:100%;
    grid-template-columns:1fr;
    gap:10px;
  }
  .lead-scenario{
    aspect-ratio:auto;
    min-height:118px;
    display:grid;
    grid-template-columns:66px minmax(0,1fr);
    align-items:center;
    justify-items:stretch;
    gap:16px;
    padding:16px;
    text-align:left;
    border-radius:16px;
  }
  .lead-scenario-icon{
    width:64px;
    height:64px;
    border-radius:20px;
  }
  .lead-scenario-icon svg{width:40px;height:40px}
  .lead-scenario-copy{max-width:none}
  .lead-scenario strong{
    margin:0 0 7px;
    font-size:17px;
    line-height:1.2;
  }
  .lead-scenario strong::after{display:none}
  .lead-scenario-copy > span{
    font-size:12.5px;
    line-height:1.43;
  }
}


/* === COD-LAGEN 3.4 fit refinement === */
@media (min-width: 761px) {
  .lead-dialog-routed{
    width:min(90vw,760px);
    max-height:calc(100vh - 48px);
    overflow:hidden;
    padding:28px 28px 24px;
    display:flex;
    flex-direction:column;
  }
  .lead-dialog-routed .lead-kicker{
    margin:0 0 12px;
    font-size:13px;
    letter-spacing:.18em;
  }
  .lead-dialog-routed h2{
    margin:0 44px 18px 0;
    font-size:48px;
    line-height:1.02;
    letter-spacing:-.03em;
  }
  .lead-dialog-routed .lead-scenarios{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    width:min(100%, 560px);
    margin:0 auto;
  }
  .lead-dialog-routed .lead-scenario{
    min-height:190px;
    padding:18px 18px 16px;
    gap:12px;
    border-radius:18px;
  }
  .lead-dialog-routed .lead-scenario-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .lead-dialog-routed .lead-scenario-icon{
    width:50px;
    height:50px;
    border-radius:15px;
  }
  .lead-dialog-routed .lead-scenario-icon svg{
    width:25px;
    height:25px;
  }
  .lead-dialog-routed .lead-scenario-tag{
    font-size:10px;
    line-height:1.15;
    letter-spacing:.16em;
  }
  .lead-dialog-routed .lead-scenario-copy strong{
    margin:0 0 8px;
    font-size:16px;
    line-height:1.18;
  }
  .lead-dialog-routed .lead-scenario-copy span{
    font-size:12px;
    line-height:1.42;
  }
  .lead-dialog-routed .lead-divider,
  .lead-dialog-routed .lead-messengers{
    margin-top:16px;
  }
  .lead-dialog-routed .lead-messenger{
    min-height:38px;
    padding:9px 14px;
    font-size:12px;
  }
  .lead-dialog-routed .lead-selected{
    margin:10px 0 12px;
    padding:14px 16px;
  }
  .lead-dialog-routed .lead-route-title{
    font-size:19px;
  }
  .lead-dialog-routed .lead-route-description{
    font-size:12.5px;
    line-height:1.45;
  }
  .lead-dialog-routed .lead-fields{
    gap:10px;
  }
  .lead-dialog-routed .lead-field span{
    font-size:12px;
  }
  .lead-dialog-routed .lead-field input,
  .lead-dialog-routed .lead-field textarea{
    padding:11px 12px;
    font-size:13px;
  }
  .lead-dialog-routed .lead-field textarea{
    min-height:76px;
  }
  .lead-dialog-routed .lead-consent{
    font-size:12px;
  }
  .lead-dialog-routed .lead-submit{
    min-height:42px;
    font-size:13px;
  }
}

@media (max-width: 760px) {
  .lead-dialog-routed{
    width:min(94vw,560px);
    max-height:calc(100vh - 18px);
    padding:22px 16px 18px;
  }
  .lead-dialog-routed h2{
    margin:0 34px 14px 0;
    font-size:33px;
    line-height:1.04;
  }
  .lead-dialog-routed .lead-scenarios{
    gap:10px;
  }
  .lead-dialog-routed .lead-scenario{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:start;
    gap:12px;
    min-height:auto;
    padding:14px 14px 13px;
  }
  .lead-dialog-routed .lead-scenario-meta{
    display:block;
  }
  .lead-dialog-routed .lead-scenario-icon{
    width:44px;
    height:44px;
    border-radius:14px;
  }
  .lead-dialog-routed .lead-scenario-icon svg{
    width:23px;
    height:23px;
  }
  .lead-dialog-routed .lead-scenario-tag{
    display:none;
  }
  .lead-dialog-routed .lead-scenario-copy strong{
    margin:0 0 6px;
    font-size:16px;
    line-height:1.18;
  }
  .lead-dialog-routed .lead-scenario-copy span{
    font-size:12.5px;
    line-height:1.43;
  }
}


/* === COD-LAGEN 3.4 final modal fit === */
@media (min-width: 761px) {
  .lead-modal{
    padding:24px;
  }
  .lead-dialog-routed{
    width:min(88vw,720px);
    max-height:calc(100vh - 64px);
    padding:24px 26px 30px;
    overflow:hidden;
  }
  .lead-dialog-routed .lead-kicker{
    margin-bottom:8px;
    font-size:11px;
  }
  .lead-dialog-routed h2{
    margin:0 42px 15px 0;
    font-size:42px;
    line-height:1;
  }
  .lead-dialog-routed .lead-scenarios{
    width:min(100%,520px);
    gap:12px;
  }
  .lead-dialog-routed .lead-scenario{
    min-height:164px;
    padding:15px 16px 14px;
    gap:9px;
    border-radius:16px;
  }
  .lead-dialog-routed .lead-scenario-meta{
    gap:7px;
  }
  .lead-dialog-routed .lead-scenario-icon{
    width:44px;
    height:44px;
    border-radius:13px;
  }
  .lead-dialog-routed .lead-scenario-icon svg{
    width:22px;
    height:22px;
  }
  .lead-dialog-routed .lead-scenario-tag{
    font-size:9px;
    letter-spacing:.15em;
  }
  .lead-dialog-routed .lead-scenario-copy strong{
    margin-bottom:6px;
    font-size:15px;
    line-height:1.16;
  }
  .lead-dialog-routed .lead-scenario-copy span{
    font-size:11px;
    line-height:1.38;
  }
  .lead-dialog-routed .lead-divider{
    margin:17px 0 12px;
    font-size:10px;
  }
  .lead-dialog-routed .lead-messengers{
    margin:0;
    gap:7px;
  }
  .lead-dialog-routed .lead-messenger{
    min-height:34px;
    padding:8px 10px;
    font-size:11px;
  }
}

/* Keep enough free space below the scenario cards on shorter desktop screens. */
@media (min-width: 761px) and (max-height: 780px) {
  .lead-dialog-routed{
    width:min(86vw,690px);
    padding:20px 24px 26px;
  }
  .lead-dialog-routed h2{
    font-size:38px;
    margin-bottom:12px;
  }
  .lead-dialog-routed .lead-scenarios{
    width:min(100%,490px);
    gap:10px;
  }
  .lead-dialog-routed .lead-scenario{
    min-height:148px;
    padding:13px 14px 12px;
  }
  .lead-dialog-routed .lead-scenario-icon{
    width:40px;
    height:40px;
  }
  .lead-dialog-routed .lead-scenario-icon svg{
    width:20px;
    height:20px;
  }
  .lead-dialog-routed .lead-scenario-copy strong{
    font-size:14px;
  }
  .lead-dialog-routed .lead-scenario-copy span{
    font-size:10.5px;
    line-height:1.34;
  }
  .lead-dialog-routed .lead-divider{
    margin:14px 0 10px;
  }
}

/* === COD-LAGEN 3.4 mobile text alignment refinement === */
@media (max-width:760px){
  .lead-dialog-routed .lead-scenario{
    grid-template-columns:44px minmax(0,1fr);
    align-items:start;
  }
  .lead-dialog-routed .lead-scenario-meta{
    align-self:start;
  }
  .lead-dialog-routed .lead-scenario-copy{
    align-self:start;
    margin-top:-3px;
    padding-top:0;
  }
  .lead-dialog-routed .lead-scenario-copy strong{
    margin-top:0;
    padding-top:0;
  }
}


/* === COD-LAGEN 3.4 mobile scenario alignment final === */
@media (max-width:760px){
  .lead-dialog-routed .lead-scenario{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    align-items:start !important;
    column-gap:13px !important;
    row-gap:0 !important;
    min-height:0 !important;
    padding:14px 14px !important;
  }
  .lead-dialog-routed .lead-scenario-meta{
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    align-self:start !important;
    margin:0 !important;
    padding:0 !important;
  }
  .lead-dialog-routed .lead-scenario-icon{
    display:flex !important;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
  }
  .lead-dialog-routed .lead-scenario-tag,
  .lead-dialog-routed .lead-scenario-arrow{
    display:none !important;
  }
  .lead-dialog-routed .lead-scenario-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    align-self:start !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }
  .lead-dialog-routed .lead-scenario-copy strong{
    display:block !important;
    margin:0 0 6px !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1.18 !important;
  }
  .lead-dialog-routed .lead-scenario-copy > span{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:12.5px !important;
    line-height:1.42 !important;
  }
}


/* === COD-LAGEN 3.4 contact modal refresh === */
.lead-divider span{
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media (min-width: 761px){
  .lead-modal{ padding:18px; }
  .lead-dialog-routed{
    width:min(88vw,690px);
    max-height:calc(100vh - 36px);
    padding:22px 24px 22px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .lead-dialog-routed .lead-kicker{
    margin:0 0 6px;
    font-size:16px;
    line-height:1.15;
    letter-spacing:.06em;
    color:#f2f8f9;
  }
  .lead-dialog-routed h2{
    margin:0 40px 12px 0;
    font-size:34px;
    line-height:1.02;
    letter-spacing:-.02em;
  }
  .lead-dialog-routed .lead-scenarios{
    width:min(100%, 520px);
    margin:0 auto;
    gap:10px;
  }
  .lead-dialog-routed .lead-scenario{
    min-height:148px;
    padding:13px 14px 12px;
    gap:8px;
    border-radius:16px;
  }
  .lead-dialog-routed .lead-scenario-icon{ width:40px; height:40px; border-radius:12px; }
  .lead-dialog-routed .lead-scenario-icon svg{ width:20px; height:20px; }
  .lead-dialog-routed .lead-scenario-tag{ font-size:9px; line-height:1.1; letter-spacing:.14em; }
  .lead-dialog-routed .lead-scenario-copy strong{ margin:0 0 5px; font-size:14px; line-height:1.16; }
  .lead-dialog-routed .lead-scenario-copy span{ font-size:10.5px; line-height:1.33; }
  .lead-dialog-routed .lead-divider{ margin:12px 0 10px; font-size:10px; }
  .lead-dialog-routed .lead-messengers{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; margin:0; }
  .lead-dialog-routed .lead-messenger{ min-height:46px; padding:8px 12px; display:flex; align-items:center; gap:10px; border-radius:14px; font-size:12px; }
  .lead-dialog-routed .lead-messenger-icon{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid rgba(57,217,223,.24); background:radial-gradient(circle at 30% 20%, rgba(57,217,223,.14), rgba(57,217,223,.03) 72%); color:#42dde2; flex:0 0 28px; }
  .lead-dialog-routed .lead-messenger-icon svg{ width:16px; height:16px; display:block; }
  .lead-dialog-routed .lead-messenger-text{ display:block; font-size:12px; line-height:1.2; color:#f2f8f9; }
  .lead-dialog-routed .lead-close{ top:18px; right:18px; }
}
@media (min-width: 761px) and (max-height: 780px){
  .lead-dialog-routed{ width:min(86vw,660px); max-height:calc(100vh - 28px); padding:18px 22px 18px; }
  .lead-dialog-routed .lead-kicker{ font-size:15px; margin-bottom:4px; }
  .lead-dialog-routed h2{ font-size:30px; margin-bottom:10px; }
  .lead-dialog-routed .lead-scenarios{ width:min(100%,500px); gap:8px; }
  .lead-dialog-routed .lead-scenario{ min-height:136px; padding:12px 13px 11px; }
  .lead-dialog-routed .lead-scenario-icon{ width:36px; height:36px; }
  .lead-dialog-routed .lead-scenario-icon svg{ width:18px; height:18px; }
  .lead-dialog-routed .lead-scenario-copy strong{ font-size:13.5px; }
  .lead-dialog-routed .lead-scenario-copy span{ font-size:10px; }
  .lead-dialog-routed .lead-divider{ margin:10px 0 8px; }
  .lead-dialog-routed .lead-messenger{ min-height:42px; padding:7px 10px; }
}
@media (max-width:760px){
  .lead-dialog-routed{ max-height:calc(100vh - 18px); padding:20px 14px 16px; overflow-y:auto; }
  .lead-dialog-routed .lead-kicker{ margin:0 0 4px; font-size:15px; line-height:1.15; letter-spacing:.04em; color:#f2f8f9; }
  .lead-dialog-routed h2{ margin:0 30px 12px 0; font-size:24px; line-height:1.05; letter-spacing:-.02em; }
  .lead-dialog-routed .lead-scenarios{ gap:8px; }
  .lead-dialog-routed .lead-scenario{ display:grid !important; grid-template-columns:42px minmax(0,1fr) !important; align-items:start !important; min-height:0 !important; padding:12px !important; gap:10px !important; border-radius:15px !important; }
  .lead-dialog-routed .lead-scenario-meta{ grid-column:1; align-self:start; }
  .lead-dialog-routed .lead-scenario-icon{ width:42px !important; height:42px !important; border-radius:12px !important; }
  .lead-dialog-routed .lead-scenario-icon svg{ width:20px !important; height:20px !important; }
  .lead-dialog-routed .lead-scenario-tag{ display:none !important; }
  .lead-dialog-routed .lead-scenario-copy{ grid-column:2; margin:0 !important; align-self:start !important; }
  .lead-dialog-routed .lead-scenario-copy strong{ margin:0 0 4px !important; font-size:15px !important; line-height:1.18 !important; }
  .lead-dialog-routed .lead-scenario-copy > span{ font-size:11.5px !important; line-height:1.33 !important; }
  .lead-dialog-routed .lead-divider{ margin:10px 0 8px; font-size:10px; }
  .lead-dialog-routed .lead-messengers{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
  .lead-dialog-routed .lead-messenger{ min-height:42px; padding:7px 10px; display:flex; align-items:center; gap:8px; border-radius:13px; }
  .lead-dialog-routed .lead-messenger-icon{ width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:#42dde2; flex:0 0 24px; }
  .lead-dialog-routed .lead-messenger-icon svg{ width:16px; height:16px; display:block; }
  .lead-dialog-routed .lead-messenger-text{ display:block; font-size:11.5px; line-height:1.2; color:#f2f8f9; }
}
.lead-dialog-routed.is-route-open{ overflow-y:auto; }