:root{--ink:#17333a;--muted:#62777c;--teal:#087c83;--teal-dark:#05636d;--aqua:#11a5a2;--pale:#eaf7f5;--sky:#f3faf9;--warm:#f3a65b;--line:#dbe9e7;--white:#fff;--shadow:0 18px 50px rgba(22,72,77,.10);--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:18px;top:-80px;z-index:999;padding:12px 18px;background:var(--ink);color:#fff;border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(219,233,231,.8);backdrop-filter:blur(14px)}.header-row{min-height:84px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:11px;line-height:1}.logo-mark{width:47px;height:47px;display:grid;place-items:center;background:var(--pale);color:var(--teal);border-radius:14px}.logo-mark svg{width:35px;height:35px;stroke-width:2.6}.logo strong{display:block;color:var(--teal-dark);font-size:24px;letter-spacing:-.7px}.logo small{display:block;margin-top:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.75px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{font-weight:650;font-size:15px}.main-nav a:hover,.main-nav a:focus-visible{color:var(--teal)}.header-phone{text-align:right;font-size:17px;font-weight:750;color:var(--teal-dark)}.header-phone span{display:block;color:var(--muted);font-size:11px;font-weight:500}.menu-button{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#f4fbfa 0%,#edf8f6 58%,#e3f4f2 100%)}.hero:before{content:"";position:absolute;width:480px;height:480px;left:-260px;top:-180px;border:1px solid rgba(17,165,162,.14);border-radius:50%;box-shadow:0 0 0 55px rgba(17,165,162,.035),0 0 0 115px rgba(17,165,162,.025)}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:65px;padding-block:60px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--teal);font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:1.3px}.eyebrow span{width:28px;height:2px;background:var(--aqua)}h1,h2,h3,p{margin-top:0}h1{margin:18px 0 24px;font-size:clamp(48px,5.4vw,74px);line-height:1.04;letter-spacing:-3.3px;font-weight:760}h1 em{font-style:normal;color:var(--teal)}.hero-lead{max-width:650px;color:#46656b;font-size:20px;line-height:1.55}.hero-actions{display:flex;gap:13px;margin:32px 0 26px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 25px;border:0;border-radius:14px;font-weight:750;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button svg{width:20px}.button-primary{color:#fff;background:var(--teal);box-shadow:0 10px 25px rgba(8,124,131,.22)}.button-primary:hover{background:var(--teal-dark);box-shadow:0 14px 30px rgba(8,124,131,.3)}.button-quiet{color:var(--teal-dark);background:#fff;border:1px solid var(--line)}.hero-checks{display:flex;gap:25px;padding:0;margin:0;list-style:none;color:#48656b;font-size:14px}.hero-checks li{display:flex;align-items:center;gap:7px}.hero-checks svg{width:19px;height:19px;padding:3px;color:#fff;background:var(--aqua);border-radius:50%;stroke-width:2.6}
.hero-visual{position:relative;height:530px}.visual-card{position:absolute;inset:0 0 0 24px;overflow:visible;border-radius:48% 48% 30px 30px;background:linear-gradient(145deg,#d6efeb,#bfe5df);box-shadow:var(--shadow)}.visual-card:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.55);border-radius:inherit}.ear-illustration{position:absolute;z-index:1;bottom:0;left:50%;width:88%;height:95%;transform:translateX(-50%);filter:drop-shadow(0 14px 12px rgba(20,80,80,.12))}.sound-rings{position:absolute;right:-35px;top:75px;width:145px;height:145px}.sound-rings i{position:absolute;inset:0;border:2px solid rgba(8,124,131,.15);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(18deg)}.sound-rings i:nth-child(2){inset:24px}.sound-rings i:nth-child(3){inset:48px}.visual-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 16px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 12px 28px rgba(30,80,83,.13);line-height:1.25}.visual-badge strong,.visual-badge small{display:block;white-space:nowrap}.visual-badge strong{font-size:14px}.visual-badge small{margin-top:3px;color:var(--muted);font-size:11px}.badge-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--teal);background:var(--pale);border-radius:11px}.badge-icon svg{width:22px}.badge-icon.warm{color:#d77b28;background:#fff0df}.badge-top{left:-50px;top:52px}.badge-bottom{right:-28px;bottom:36px}
.trust-strip{position:relative;z-index:5;background:var(--teal-dark);color:#fff}.trust-grid{min-height:105px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.trust-grid>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid rgba(255,255,255,.16)}.trust-grid>div:last-child{border:0}.trust-grid strong{font-size:29px;line-height:1}.trust-grid span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.78)}.trust-grid svg{width:31px;color:#69d6ce;stroke-width:2.2}
.section{padding:105px 0}.section-heading{margin-bottom:46px}.section-heading.centered{text-align:center}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.brands h2,.appointment h2{margin:12px 0 13px;font-size:clamp(35px,4vw,48px);line-height:1.14;letter-spacing:-1.8px}.section-heading p{max-width:660px;margin-inline:auto;color:var(--muted);font-size:18px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-card{min-height:265px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .22s,box-shadow .22s}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.benefit-card.featured{background:var(--pale);border-color:#c9e8e4}.feature-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:28px;color:var(--teal);background:var(--pale);border-radius:17px}.featured .feature-icon{background:#fff}.feature-icon svg{width:31px;stroke-width:1.8}.benefit-card h3{margin-bottom:10px;font-size:20px;line-height:1.3}.benefit-card p{margin:0;color:var(--muted);font-size:15px}.ipr-note{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:22px;padding:20px 28px;border-radius:18px;background:#f9fbfb;border:1px dashed #bbd8d5}.ipr-note svg{width:38px;color:var(--teal)}.ipr-note strong,.ipr-note span{display:block}.ipr-note span{color:var(--muted);font-size:14px}
.catalog{background:var(--sky)}.heading-row{display:flex;align-items:end;justify-content:space-between}.heading-row p{max-width:450px;margin:0 0 10px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catalog-card{position:relative;min-height:176px;display:flex;flex-direction:column;justify-content:space-between;padding:23px;border:1px solid #d8e9e7;border-radius:20px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.catalog-card:hover{transform:translateY(-4px);border-color:#9ed0cb;box-shadow:0 14px 35px rgba(20,80,83,.09)}.catalog-card.large{grid-column:span 2;background:linear-gradient(120deg,#086f78,#0d9292);color:#fff;border:0}.catalog-card.accent{background:#fff7ee;border-color:#f2d6b9}.catalog-icon{width:52px;height:52px;display:grid;place-items:center;color:var(--teal);background:var(--pale);border-radius:15px}.catalog-icon svg{width:31px}.large .catalog-icon{color:#fff;background:rgba(255,255,255,.16)}.accent .catalog-icon{color:#d27b2e;background:#ffead3}.catalog-card strong{font-size:19px}.catalog-card small{display:block;margin-top:4px;color:rgba(255,255,255,.75);font-size:13px}.catalog-card .arrow{position:absolute;right:20px;bottom:21px;width:21px;color:#87aaa8}.large .arrow{color:#fff}
.brands{padding:60px 0;background:#fff;border-block:1px solid var(--line)}.brands-inner{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:70px}.brands h2{margin-bottom:0;font-size:32px}.mini-label{color:var(--teal);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:1.2px}.brand-list{display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.brand-list span{padding:16px 12px;text-align:center;border-left:1px solid var(--line);color:#4d696e;font-size:20px;font-weight:750;letter-spacing:-.6px}.brand-list span:nth-child(2){font-style:italic}.brand-list span:nth-child(3){font-weight:500;letter-spacing:1px}.brand-list span:nth-child(4){font-family:Georgia,serif}.brand-list span:nth-child(5){color:var(--teal)}
.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.branch-card{padding:35px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 12px 38px rgba(29,74,78,.07)}.city-head{display:flex;align-items:center;gap:15px;padding-bottom:25px;border-bottom:1px solid var(--line)}.pin{width:53px;height:53px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:16px}.pin svg{width:27px}.city-head span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.city-head h3{margin:1px 0 0;font-size:27px;line-height:1.2}.branch-info{padding:23px 0 12px}.branch-info>div{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px}.branch-info svg,.metro{flex:none;width:26px;height:26px;color:var(--teal)}.metro{display:grid;place-items:center;font-size:13px;font-weight:850;border:2px solid var(--teal);border-radius:50%}.branch-info p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.branch-info strong{color:var(--ink)}.branch-phones{display:flex;flex-wrap:wrap;gap:11px 22px;margin-bottom:22px}.branch-phones a{font-size:18px;font-weight:750;color:var(--teal-dark)}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:14px;font-weight:750}.text-link svg{width:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}
.appointment{position:relative;overflow:hidden;padding:100px 0;background:linear-gradient(125deg,#075f69,#087d83);color:#fff}.appointment:after{content:"";position:absolute;width:480px;height:480px;right:-190px;bottom:-320px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.02)}.appointment-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.eyebrow.light{color:#85e0d8}.appointment h2{margin:15px 0 20px;color:#fff}.appointment-copy>p{color:rgba(255,255,255,.75);font-size:18px}.appointment-contact{display:flex;align-items:center;gap:13px;margin-top:34px}.appointment-contact>span{width:48px;height:48px;display:grid;place-items:center;background:rgba(255,255,255,.12);border-radius:14px}.appointment-contact svg{width:24px}.appointment-contact small,.appointment-contact a{display:block}.appointment-contact small{color:rgba(255,255,255,.65);font-size:12px}.appointment-contact a{font-size:20px;font-weight:750}.appointment-form{padding:34px;background:#fff;color:var(--ink);border-radius:26px;box-shadow:0 24px 60px rgba(0,35,40,.2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.appointment-form label{display:block;margin-bottom:17px;font-size:13px;font-weight:700}.appointment-form input,.appointment-form select{width:100%;height:55px;margin-top:7px;padding:0 15px;color:var(--ink);background:#f7faf9;border:1px solid #d6e4e2;border-radius:11px;outline:none}.appointment-form input:focus,.appointment-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,124,131,.12)}.consent{display:flex!important;align-items:flex-start;gap:10px;color:var(--muted);font-weight:500!important;line-height:1.4}.consent input{flex:none;width:19px;height:19px;margin:1px 0 0;accent-color:var(--teal)}.button-submit{width:100%;color:#fff;background:var(--teal)}.button-submit:hover{background:var(--teal-dark)}.form-status{display:none;margin:16px 0 0;padding:12px;text-align:center;color:#116c60;background:#e8f7f1;border-radius:10px;font-size:14px}.form-status.visible{display:block}
.site-footer{padding-top:54px;background:#102f35;color:#fff}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px;padding-bottom:47px}.footer-logo .logo-mark{background:rgba(255,255,255,.08);color:#67d3ca}.footer-logo strong{color:#fff}.footer-logo small{color:rgba(255,255,255,.55)}.footer-main nav,.footer-contacts{display:flex;flex-direction:column;gap:8px}.footer-main nav a,.footer-contacts a{color:rgba(255,255,255,.7);font-size:14px}.footer-main a:hover{color:#fff}.footer-contacts a:first-child{color:#76d9d1}.footer-bottom{display:flex;justify-content:space-between;padding-block:20px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);font-size:12px}
@media (max-width:1050px){.main-nav{gap:16px}.header-phone{display:none}.hero-grid{gap:25px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-card{min-height:225px}.brand-list{grid-template-columns:repeat(3,1fr)}.brand-list span{border-bottom:1px solid var(--line)}.brands-inner{gap:30px}.appointment-grid{gap:40px}}
@media (max-width:780px){html{scroll-padding-top:74px}.container{width:min(100% - 32px,600px)}body{font-size:16px}.header-row{min-height:72px}.logo-mark{width:41px;height:41px}.logo-mark svg{width:30px}.logo strong{font-size:21px}.logo small{font-size:8px}.menu-button{display:flex;width:46px;height:42px;margin-left:auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ink);background:transparent;border:0;border-radius:8px}.menu-button span{width:23px;height:2px;background:currentColor;border-radius:2px;transition:.2s}.menu-button b{position:absolute;width:1px;height:1px;overflow:hidden}.menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 25px rgba(20,60,65,.08)}.main-nav.open{display:flex}.main-nav a{padding:12px 16px;border-radius:8px}.main-nav a:hover{background:var(--pale)}.hero-grid{display:block;min-height:0;padding:58px 0 45px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-copy h1{font-size:50px;letter-spacing:-2.5px}.hero-lead{font-size:18px}.hero-actions{justify-content:center}.hero-checks{justify-content:center;flex-wrap:wrap}.hero-visual{height:440px;margin:48px 20px 0}.visual-card{left:0}.badge-top{left:-25px}.badge-bottom{right:-18px}.trust-grid{grid-template-columns:1fr 1fr;padding:15px 0}.trust-grid>div{min-height:76px}.trust-grid>div:nth-child(2){border-right:0}.trust-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.section{padding:75px 0}.section-heading{margin-bottom:34px}.section-heading h2,.brands h2,.appointment h2{font-size:37px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:0}.ipr-note{align-items:flex-start}.heading-row{display:block;text-align:center}.heading-row .eyebrow{justify-content:center}.heading-row p{margin:0 auto}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-card.large{grid-column:span 2}.brands-inner{display:block;text-align:center}.brand-list{margin-top:27px}.branch-grid{grid-template-columns:1fr}.appointment-grid{grid-template-columns:1fr}.appointment-copy{text-align:center}.appointment-copy .eyebrow{justify-content:center}.appointment-contact{justify-content:center}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-logo{grid-column:span 2}.footer-bottom{gap:20px}}
@media (max-width:520px){.container{width:calc(100% - 28px)}h1{font-size:42px!important}.hero-actions{flex-direction:column}.button{width:100%}.hero-checks{align-items:flex-start;flex-direction:column;gap:10px;padding-left:10px}.hero-visual{height:350px;margin-inline:6px}.visual-card{border-radius:42% 42% 24px 24px}.badge-top{left:-5px;top:24px}.badge-bottom{right:-5px;bottom:15px}.visual-badge{padding:9px 10px}.visual-badge small{display:none}.trust-grid strong{font-size:24px}.trust-grid span{font-size:11px}.trust-grid>div{gap:8px}.section-heading h2,.brands h2,.appointment h2{font-size:32px;letter-spacing:-1px}.catalog-grid{grid-template-columns:1fr}.catalog-card,.catalog-card.large{grid-column:span 1;min-height:150px}.brand-list{grid-template-columns:1fr 1fr}.brand-list span{font-size:18px}.branch-card{padding:24px}.city-head h3{font-size:23px}.appointment{padding:75px 0}.appointment-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr}.footer-logo{grid-column:auto}.footer-bottom{flex-direction:column}.ipr-note{padding:18px}.ipr-note svg{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}