:root {
--brand-primary:#0365b5;--brand-primary-hover:#02589e;--brand-primary-active:#024b87;--brand-primary-light:#eaf4fb;--brand-primary-pale:#f4f9fc;
--brand-accent:#f13152;--brand-accent-hover:#d92142;--brand-accent-light:#fff0f3;--text-primary:#123451;--text-secondary:#61768a;--border-color:#d8e5ef;--online-green:#67b444;--white:#ffffff;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--text-primary);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
img{display:block;max-width:100%}h1,h2,h3,p{margin:0}a{color:inherit}
.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.header{display:flex;flex-direction:column;gap:12px;padding-block:17px 15px;border-bottom:1px solid var(--border-color)}
.identity{display:flex;align-items:center;gap:11px}.identity img{flex:0 0 38px;width:38px;height:43px}.identity p{font-size:14px;font-weight:650;line-height:1.4}
.header-note{max-width:340px;color:var(--text-secondary);font-size:12px;line-height:1.5}
.hero{display:grid;grid-template-areas:"copy" "cta" "photo";gap:24px;padding-block:27px 36px}.hero-copy{grid-area:copy;min-width:0}
.hero__title{max-width:780px;font-size:clamp(28px,7.2vw,32px);line-height:1.13;letter-spacing:-.035em;font-weight:750}

@media (max-width: 575px) {
    .hero__title .hero__title-line--accent {font-size:27px;}
}

.hero__title-line{display:inline}.hero__title-line--accent{color:var(--brand-accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;text-decoration-skip-ink:auto}
.hero-description{margin-top:22px;font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:640px}.hero-description br{display:block}.hero-description strong{color:var(--brand-primary);font-weight:650}
.hero-channels{grid-area:cta}.channel-group{display:grid;gap:12px;min-width:0}
.channel{min-width:0;background:var(--white);border:1px solid var(--border-color);border-radius:18px;padding:12px;display:flex;flex-direction:column}
.availability{display:flex;align-items:center;gap:7px;padding:3px 6px;margin-bottom:9px;border-radius:6px;color:#4f6577;background:var(--brand-primary-pale);font-size:12px;line-height:1.5;white-space:nowrap}
.availability [data-availability]{transition:opacity 200ms ease}.availability .is-changing{opacity:0}
.availability.is-unavailable{color:var(--brand-accent-hover);background:var(--brand-accent-light)}
.availability.is-unavailable .online-dot{background:var(--brand-accent)}
.availability.is-unavailable .online-dot::after{border-color:var(--brand-accent)}
.online-dot{width:8px;height:8px;margin-inline:2px;flex:0 0 8px;border-radius:50%;background:var(--online-green);position:relative}
.online-dot::after{content:"";position:absolute;inset:-3px;border:1px solid var(--online-green);border-radius:50%;animation:online-pulse 2.4s ease-out infinite}
.channel-link{width:100%;min-height:66px;flex:1;display:flex;gap:10px;align-items:center;padding:10px 12px;border:1.5px solid var(--brand-primary);border-radius:13px;background:var(--brand-primary);color:var(--white);text-decoration:none;font-size:16px;font-weight:600;line-height:1.35;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,transform 160ms ease}
.channel-link>img{width:24px;height:24px;object-fit:contain;flex:0 0 24px}.channel-label{flex:1}.channel-label--desktop{display:none}.channel-label--mobile{display:block}
.channel-link>.link-arrow{width:18px;height:18px;flex-basis:18px;margin-left:auto}
.channel-link[data-channel="max"]>img{filter:brightness(0) invert(1)}
.channel-link[data-channel="vk"]{color:var(--brand-primary);background:var(--white)}
.channel-link:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}
.channel-link[data-channel="vk"]:hover{background:var(--brand-primary-light)}
.channel-link:active{background:var(--brand-primary-active);transform:translateY(1px)}
.channel-link[data-channel="vk"]:active{background:#dceef9}a:focus-visible{outline:3px solid var(--brand-accent);outline-offset:4px}
.hero-photo{grid-area:photo;position:relative;isolation:isolate;width:100%;min-width:0;border-radius:28px;background:transparent;display:flex;align-items:flex-end;justify-content:center;padding:12px 10px 0}
.hero-photo::before,.hero-photo::after{display:none}
.hero-photo img{width:min(100%,390px);height:auto;aspect-ratio:1122 / 1402;object-fit:contain;object-position:bottom}
.consultation{background:var(--brand-primary-pale);border-block:1px solid #e7f0f6;padding-block:36px}
h2{font-size:25px;font-weight:700;line-height:1.28;letter-spacing:-.025em;text-wrap:pretty}
.consultation h2{max-width:780px}.consultation h2 br{display:none}
@media (min-width: 576px) {
.topics{display:grid;grid-auto-rows:1fr;gap:14px;margin-top:25px}
}
@media (max-width: 575px) {
.topics{display:grid;gap:14px;margin-top:25px}
}
.topic{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:22px;background:var(--white);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 3px 12px #12345104}
.topic-icon{background:var(--brand-primary-light);width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:0 0 48px}.topic-icon img{width:26px;height:26px}
.topic h3{font-size:19px;line-height:1.35;font-weight:650;margin-bottom:9px}.topic p{color:var(--text-secondary);font-size:16px;line-height:1.65;max-width:470px}
.results{margin-block:36px;padding:23px 18px;background:var(--brand-primary-pale);border:1px solid var(--border-color);border-radius:24px;display:grid;gap:26px}
.results h2::before{content:"";display:block;width:34px;height:4px;background:var(--brand-accent);border-radius:4px;margin-bottom:17px}
.results ul{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:17px}
.results li{position:relative;padding-left:35px;font-size:16px;line-height:1.6;color:var(--text-secondary)}
.results li::before{content:"";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--brand-primary-light)}
.results li::after{content:"";position:absolute;left:7px;top:9px;width:10px;height:6px;border-left:1.8px solid var(--brand-primary);border-bottom:1.8px solid var(--brand-primary);transform:rotate(-45deg)}
.footer{background:var(--white);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:26px 0 calc(24px + env(safe-area-inset-bottom))}
.footer-grid{display:grid;gap:23px}.footer-identity{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.5}.footer-identity img{flex:0 0 34px}
.legal{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.legal p+p{margin-top:7px}.text-underline{text-decoration:underline;text-underline-offset:3px}.author{color:var(--text-secondary)}
.phone{font-size:13px}.phone a{color:var(--text-primary);font-size:22px;font-weight:650;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
@keyframes online-pulse{0%{transform:scale(.8);opacity:.4}80%,100%{transform:scale(1.4);opacity:0}}
@media(min-width:600px){
.header{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;min-height:72px;padding-block:13px}.header-note{max-width:280px}
.hero{padding-block:35px 40px}.hero__title{font-size:36px}.hero-photo{max-width:480px;margin-inline:auto}.hero-photo img{width:min(100%,430px);height:auto}
.hero-channels{grid-template-columns:1fr 1fr}.results{padding:30px}.results-channels{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(min-width:960px){
.header{height:72px}.identity p{font-size:15px}.header-note{max-width:350px;font-size:12px}
.hero{grid-template-columns:minmax(0,1fr) clamp(340px,31vw,390px);grid-template-rows:auto auto;grid-template-areas:"copy photo" "cta photo";column-gap:30px;row-gap:27px;padding-block:38px 44px}
.hero-copy{align-self:end;padding-top:10px}.hero__title{font-size:clamp(32px,2.82vw,41px);line-height:1.12;letter-spacing:-.035em}.hero__title-line{display:block;white-space:nowrap}
.hero__title-line--accent{margin-top:9px;text-underline-offset:9px}.hero-description{margin-top:26px;font-size:20px;line-height:1.5;max-width:690px}.hero-description br{display:block}.hero-channels{align-self:start}
.hero-photo{max-width:none;margin:0;min-height:440px;align-self:stretch;padding-inline:0;padding-top:12px;background:var(--brand-primary-light)}.hero-photo::before{content:"";display:block;position:absolute;z-index:-1;inset:18% 9% 7% 15%;background:#d6eaf8;border-radius:45% 55% 38% 62%;transform:rotate(-10deg)}.hero-photo::after{content:"";display:block;width:34px;height:8px;position:absolute;top:26px;right:24px;background:var(--brand-accent);border-radius:8px;transform:rotate(-25deg);z-index:-1}.hero-photo img{width:100%;height:auto;max-height:510px}
.channel{padding:10px}.channel-link{min-height:58px;font-size:14.5px;gap:8px;padding:8px 10px;white-space:nowrap}.channel-label--desktop{display:block}.channel-label--mobile{display:none}.availability{font-size:12px;padding-inline:4px;gap:6px;margin-bottom:7px}
.consultation{padding-block:44px}h2{font-size:32px}.topics{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.topic{flex-direction:row;gap:20px;padding:24px}.topic h3{font-size:20px}
.results{grid-template-columns:minmax(0,1fr) 355px;gap:45px;align-items:center;margin-block:44px;padding:36px}
.results-channels{grid-template-columns:1fr;gap:14px}
.footer-grid{grid-template-columns:1fr 1.15fr .8fr;gap:25px;align-items:start}.legal{text-align:center}.phone{text-align:right}
}
@media(max-width:374px){
.container{width:calc(100% - 32px)}.hero__title{font-size:28px}.channel-link{gap:8px;padding-inline:9px}
.channel-link>img{width:22px;height:22px;flex-basis:22px}.channel-link>.link-arrow{width:15px;height:15px;flex-basis:15px}
.results-channels .channel{padding:0;border:0;background:transparent}.topic{padding:20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
