:root{--paper:#fff;--surface:#f5f7fa;--ink:#18222b;--muted:#65717b;--line:#dce2e7;--blue:#145ac2;--blue-dark:#0d469b;--max:1440px;--gutter:clamp(20px,3.4vw,48px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
button,a{font:inherit}a{color:inherit}button{cursor:pointer}
.wrap,.header-inner{width:min(calc(100% - 2*var(--gutter)),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:1rem;top:0;z-index:50;padding:.8rem 1rem;background:var(--ink);color:#fff;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
[hidden]{display:none!important}
.site-header{background:#fff}.header-inner{min-height:88px;border-bottom:1px solid #e8ecef;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wordmark{width:180px;height:52px;display:grid;place-items:center;overflow:hidden;flex:none}.wordmark img{display:block;width:180px;height:auto}.header-label{color:#46545e;font-size:.9rem}
.hero{padding-block:clamp(2rem,4vw,4rem) clamp(2rem,4vw,3.5rem);border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 1rem;color:#536f84;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:500}
h1{max-width:1050px;margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.04;letter-spacing:-.047em}h1 span{display:block;color:#536f84}
.hero-lead{max-width:760px;margin:1.5rem 0 0;color:var(--muted);font-size:clamp(1.04rem,1.25vw,1.2rem);line-height:1.6}
.hero-hint{max-width:760px;margin:1.15rem 0 0;padding-left:1rem;border-left:2px solid var(--blue);color:#46545e;line-height:1.55}
.hero-actions,.finish-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.panel-lead h2,.after h2,.contact h2,.finish h2{margin:0;font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}
.guide-panel{padding-block:clamp(2rem,4vw,3.5rem)}.panel-lead{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:2rem}.panel-lead p:last-child{margin:1rem 0 0;color:var(--muted);line-height:1.65}
.button{min-height:56px;min-width:206px;padding:1rem 1.15rem;display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;border:0;background:var(--blue);color:#fff;text-decoration:none;font-size:.94rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .18s ease,transform .18s ease}.button:hover{background:var(--blue-dark)}.button:active{transform:translateY(1px)}
.button-secondary{background:#eef3f8;color:var(--blue);border:1px solid #cbd8e5}.button-secondary:hover{background:#e1ebf6}
.chapter-nav{position:sticky;top:0;z-index:20;display:flex;gap:.25rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:.65rem 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-nav a{flex:none;min-height:44px;padding:.7rem .85rem;display:inline-flex;align-items:center;color:#46545e;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap}.chapter-nav a:hover,.chapter-nav a:focus-visible{color:var(--blue);background:var(--surface)}
.guide-chapter,.after{scroll-margin-top:5rem}.guide-chapter{padding-top:clamp(2.5rem,5vw,4rem)}.chapter-heading{max-width:750px;margin-bottom:2rem}.chapter-heading h3{margin:0;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.1;letter-spacing:-.04em}.chapter-heading p:last-child{margin:1rem 0 0;color:var(--muted);line-height:1.6}.chapter-note{max-width:750px;margin:2rem 0 0;padding:1rem 1.2rem;background:var(--surface);border-left:3px solid var(--blue);line-height:1.6}
.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(2.5rem,5vw,5rem) 0;border-bottom:1px solid var(--line)}.step-copy{max-width:570px}.step-number{display:block;margin-bottom:1.5rem;color:#536f84;font-size:.85rem;font-weight:700;letter-spacing:.09em}.step h4{margin:0;font-size:clamp(1.65rem,2.6vw,2.6rem);font-weight:500;letter-spacing:-.035em;line-height:1.13}.step-copy p{margin:1rem 0 0;color:var(--muted);font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.68}
.guide-panel > .guide-chapter:last-child .step:last-child {
  border-bottom: 0;
}
.approval-guide .step:last-child {
  border-bottom: 0;
}
.shot{width:min(100%,270px);margin-inline:auto;padding:0;display:block;border:1px solid var(--line);background:var(--surface);box-shadow:0 16px 48px rgb(24 34 43 / 8%);transition:transform .18s ease,box-shadow .18s ease}.shot:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgb(24 34 43 / 13%)}.shot img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover}.shot:after{content:"Увеличить экран ↗";display:block;padding:.65rem .8rem;border-top:1px solid var(--line);background:#fff;color:var(--blue);font-size:.8rem;font-weight:700;text-align:center}
.conversation-examples{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,270px));gap:2rem;align-items:start;padding:3rem 0;border-bottom:1px solid var(--line)}.conversation-examples h4{margin:0;font-size:1.5rem;font-weight:600}.conversation-examples p{color:var(--muted);line-height:1.65}.conversation-examples figure{margin:0;min-width:0}.conversation-examples .shot img{aspect-ratio:390/520;object-fit:cover;object-position:top}.conversation-examples figcaption{margin-top:1rem;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.5}
.after{display:grid;grid-template-columns: minmax(250px,.85fr) minmax(0,1.6fr);gap:clamp(2rem,5vw,6rem);padding-block:clamp(3.75rem,6vw,6rem);border-top:1px solid var(--line)}.after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.after-grid p{margin:0;padding-top:1.4rem;border-top:1px solid var(--line)}.after-grid strong,.after-grid span{display:block}.after-grid strong{font-size:1.08rem}.after-grid span{margin-top:.8rem;color:var(--muted);line-height:1.65}
.approval-guide{scroll-margin-top:5rem;padding-block:clamp(3.75rem,6vw,6rem);border-top:1px solid var(--line)}.approval-guide .chapter-heading h2{margin:0;font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}
.finish{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-block:clamp(3rem,5vw,5rem);border-top:1px solid var(--line)}.finish>div:first-child{max-width:760px}.finish p:not(.eyebrow){margin:1rem 0 0;color:var(--muted);line-height:1.6}.finish-actions{flex:none;flex-direction:column;margin-top:0}
.contact{width:100%;background:var(--surface)}
.contact-inner{padding-block:clamp(5rem,7.5vw,7.5rem);display:grid;grid-template-columns:minmax(280px,.9fr) minmax(400px,1.05fr);gap:clamp(3.5rem,8vw,8rem)}
.contact-copy{max-width:680px;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.65}
.contact-direct{margin-top:3.25rem;display:grid;justify-items:start;gap:1rem}.contact-direct-title{margin:0 0 .25rem;color:#4f5d67;font-size:.95rem;line-height:1.5}
.contact-method{display:grid;gap:.18rem}.contact-method span{color:var(--muted);font-size:.82rem;line-height:1.45}.contact-method a{min-height:44px;display:inline-flex;align-items:center;color:var(--blue);font-size:1.05rem;font-weight:700;text-underline-offset:.22em}
.contact-form{display:grid;gap:1.45rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.45rem}.contact-form>label:not(.form-consent),.form-row label{display:grid;gap:.9rem}.contact-form>label:not(.form-consent)>span,.form-row label>span{color:#65727c;font-size:.78rem;letter-spacing:.01em}
.contact-form input,.contact-form textarea{width:100%;padding:.85rem 0 1rem;color:#2f3a43;background:transparent;border:0;border-bottom:1px solid rgb(15 23 42 / 14%);border-radius:0;font:inherit;font-size:1rem;line-height:1.5}.contact-form textarea{min-height:130px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:rgb(20 90 194 / 55%);outline:0}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.form-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.form-consent{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:.75rem;color:#65727c;font-size:.72rem;line-height:1.5}.form-consent input{width:18px;height:18px;margin:.1rem 0 0;accent-color:var(--blue)}.form-consent a{color:var(--blue);font-weight:500;text-underline-offset:.2em}.form-consent-copy{display:grid;gap:.16rem}
.contact-captcha{position:relative;z-index:80;width:0;height:0;min-height:0}.contact-captcha:empty{display:none}body>[class*="smart-captcha"]{z-index:1000!important;max-width:100vw}
.form-submit{width:min(100%,270px);margin-top:.55rem}.form-submit:disabled{cursor:wait;opacity:.7}.form-status{min-height:1.5em;margin:-.55rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.form-status[data-state="error"]{color:#9a2f2f}
.contact-success{width:min(100%,540px);align-self:start;align-content:start;display:grid;justify-items:start;gap:.75rem;outline:0}.contact-success-icon{color:#168447;font-size:4.25rem;font-weight:700;line-height:.9}.contact-success h3{margin:0;color:#25313a;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.25}.contact-success p{margin:0;color:#65727c;font-size:1rem;line-height:1.65}
.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:130px;padding-block:2rem;display:flex;align-items:center}.footer-inner img{width:156px;height:auto}
.lightbox{width:min(94vw,500px);max-height:95vh;max-height:95dvh;padding:3rem .5rem .5rem;border:0;background:#fff;box-shadow:0 20px 70px rgb(0 0 0 / 25%);overflow:auto}.lightbox::backdrop{background:rgb(12 20 29 / 82%)}.lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(95vh - 4rem);max-height:calc(95dvh - 4rem);margin:auto;object-fit:contain}.lightbox-close{position:absolute;top:.4rem;right:.5rem;min-height:40px;padding:.35rem .75rem;border:0;background:#fff;color:var(--ink);font-size:.9rem;font-weight:700}
@media(max-width:900px){.step{grid-template-columns:minmax(0,1fr) minmax(200px,270px);gap:2rem}.after{display:block}.after-grid{margin-top:2rem}.finish{display:block}.finish-actions{flex-direction:row;margin-top:1.5rem}.contact-inner{grid-template-columns:1fr;gap:3.5rem}}
@media(max-width:900px){.conversation-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-examples-copy{grid-column:1/-1}}
@media(max-width:680px){:root{--gutter:20px}.header-inner{min-height:76px}.wordmark,.wordmark img{width:156px}.hero{padding-block:2rem 2.25rem}h1{font-size:clamp(2.25rem,8vw,3.25rem)}.hero-lead{margin-top:1.15rem}.hero-actions .button,.finish-actions .button{flex:1;min-width:0;min-height:50px;padding:.8rem;font-size:.84rem;gap:.35rem}.panel-lead{display:block}.chapter-nav{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.step{display:flex;flex-direction:column;align-items:stretch;gap:2rem;padding-block:2.5rem}.step-number{margin-bottom:1rem}.shot{width:min(100%,245px)}.after-grid{grid-template-columns:1fr;gap:1.5rem}.contact-inner{padding-block:4rem;gap:3rem}.contact-direct{margin-top:2rem}.form-row{grid-template-columns:1fr;gap:1.25rem}.contact-form{gap:1.25rem}.contact-form>label:not(.form-consent),.form-row label{gap:.5rem}.contact-form>label:not(.form-consent)>span,.form-row label>span,.form-consent{font-size:.875rem}.contact-form input,.contact-form textarea{min-height:44px}.contact-form textarea{min-height:104px}.form-submit{width:100%;min-height:52px;margin-top:0}.form-status{margin-top:-.5rem;font-size:.875rem}}
@media(max-width:390px){:root{--gutter:16px}.hero-actions,.finish-actions{flex-direction:column}.hero-actions .button,.finish-actions .button{width:100%;flex:auto}.shot{width:min(100%,225px)}}
@media(max-width:680px){.conversation-examples{gap:1rem}.conversation-examples .shot{width:100%}.conversation-examples .shot:after{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
