@font-face{font-family:Circe;src:url('/assets/fonts/circe-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}

@font-face{font-family:Circe;src:url('/assets/fonts/circe-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

@font-face{font-family:Subdex;src:url('/assets/fonts/subdex-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}


/* Палитра брендбука (/home/Бренд-бук/телемика.pdf, с. 5): #58FFA3, #5CE5A7, #C259FF, #7600FF, #000, #FFF.
   Градиенты бренда: мята → #7600FF и мята → #C259FF. Остальное — только нейтральные оттенки чёрного. */
:root{--black:#000;--white:#fff;--mint:#58ffa3;--mint-soft:#5ce5a7;--purple:#c259ff;--purple-deep:#7600ff;--ink:#151515;--muted:#626262;--line:#dcdcdc;--soft:#f2f2f2;--line-dark:#2a2a2a;--page:1440px;--gutter:clamp(20px,4vw,64px)}

*{box-sizing:border-box}

html{scroll-behavior:smooth;background:var(--black)}

body{margin:0;background:var(--white);color:var(--ink);font-family:Circe,Arial,sans-serif;font-size:18px;line-height:1.45;text-rendering:optimizeLegibility}

img{display:block;max-width:100%;height:auto}

a{color:inherit;text-decoration:none}

a:focus-visible,summary:focus-visible{outline:3px solid var(--purple-deep);outline-offset:4px}
/* на чёрном фоне фиолетовый #7600FF почти не виден — фокус мятный */
:is(.site-header,.site-footer,.breadcrumbs,.hero,.page-hero,.role,.prelaunch,.support,.cta-band,.lead-header) :is(a,summary):focus-visible{outline-color:var(--mint)}
.start :is(a,summary):focus-visible,.scenario--purple:focus-visible{outline-color:var(--black)}

.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-180%);padding:10px 14px;background:var(--mint);color:var(--black);font-weight:700}
.skip-link:focus{transform:translateY(0)}

/* Шапка всегда чёрная: брендбук — «основное использование логотипа на тёмных чёрных фонах (только на однотонном фоне)» */
.site-header{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:94px;padding:14px var(--gutter);background:var(--black);color:var(--white);border-bottom:1px solid var(--line-dark)}

.brand{display:inline-flex;width:max-content}
.brand-crop{display:block;width:200px}
.brand-crop img{width:100%}

.brand--full{align-items:center}
/* охранное поле по брендбуку — не меньше буквы «Т» знака (≈16 px при этой ширине) */
.brand-full-logo{width:clamp(176px,13.5vw,204px);height:auto}

nav{display:flex;align-items:center;gap:26px;font-size:15px}
nav a{position:relative;padding:8px 0}
nav a::after{position:absolute;right:0;bottom:1px;left:0;height:1px;background:var(--purple);content:"";transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
nav a:hover::after{transform:scaleX(1)}
.site-header nav a::after{background:var(--mint)}
.site-header nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-header nav a[aria-current="page"]{color:var(--mint)}

.header-action{justify-self:end;padding:10px 0;border-bottom:1px solid var(--mint);font-size:15px;font-weight:700;white-space:nowrap}
.header-action:hover{border-color:var(--white)}

.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(34px,5vw,78px);min-height:650px;overflow:hidden;padding:clamp(46px,6vw,78px) var(--gutter) 54px;background:var(--black);color:var(--white)}

.hero--landing{background:var(--black);color:var(--white)}
.hero--landing .eyebrow--mint{color:var(--mint)}
.hero--landing .hero-note,.hero--landing .hero-photo figcaption{color:#bdbdbd}
.hero--landing h1{max-width:650px;font-size:clamp(54px,5.65vw,90px)}

.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:calc((100vw - 2 * var(--gutter))/6) calc((100vw - 2 * var(--gutter))/6);mask-image:linear-gradient(90deg,black,transparent 78%);opacity:.34}
.hero-copy{position:relative;z-index:1;max-width:750px}
.eyebrow{margin:0 0 19px;color:var(--purple-deep);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.eyebrow--mint{color:var(--mint)}

h1,h2,h3{margin:0;font-family:Subdex,Arial,sans-serif;font-weight:700;line-height:.94;letter-spacing:-.035em}
h1{max-width:740px;font-size:clamp(54px,7.05vw,111px)}
h2{font-size:clamp(40px,4.4vw,70px)}
h3{font-size:clamp(25px,2.05vw,34px)}

.hero-lead{max-width:600px;margin:22px 0 0;font-size:clamp(19px,1.45vw,23px);line-height:1.35}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:15px 21px;border:0;font-family:Circe,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1;text-align:center;transition:transform .2s ease,background-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button--mint{background:var(--mint);color:var(--black)}
.button--mint:hover{background:var(--mint-soft)}
.button--black{background:var(--black);color:var(--white)}
.text-link{font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}
.text-link--light{color:var(--white)}
.hero-note{max-width:560px;margin:22px 0 0;color:#c9c9c9;font-size:13px;line-height:1.4}

.hero-visual{position:relative;z-index:1;display:flex;min-height:420px;align-items:flex-end;justify-content:flex-end}
.hero-mark{width:min(31vw,370px);margin:0 0 12px}
.hero-mark img{width:100%}

.section{padding:clamp(72px,11vw,155px) var(--gutter)}
.intro{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1.65fr);gap:40px;max-width:var(--page);margin:auto}
.section-label{padding-top:8px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.intro-copy{max-width:900px}
.intro-copy h2{max-width:690px}
.intro-copy p:last-child{max-width:720px;margin:32px 0 0;font-size:clamp(20px,2vw,27px);line-height:1.35}

.section--soft{background:var(--soft)}
.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;max-width:var(--page);margin:0 auto 62px}
.section-heading h2{max-width:780px}
.section-heading>p{max-width:480px;margin:50px 0 0;color:#3f3f3f;font-size:18px}
.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--page);margin:auto;border-top:1px solid rgba(0,0,0,.24);border-left:1px solid rgba(0,0,0,.24)}
.scenario{display:flex;min-height:315px;flex-direction:column;justify-content:space-between;padding:24px;border-right:1px solid rgba(0,0,0,.24);border-bottom:1px solid rgba(0,0,0,.24)}
.scenario-code{font-family:Subdex,Arial,sans-serif;font-size:26px}
.scenario p{margin:22px 0 0;font-size:16px;line-height:1.35}
.scenario--black{background:var(--black);color:var(--white)}
.scenario--mint{background:var(--mint);color:var(--black)}
.scenario--purple{background:var(--purple);color:var(--black)}
.scenario--white{background:var(--white)}

.process{max-width:var(--page);margin:auto}
.section-heading--process{margin-bottom:68px}
.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.process-list li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:30px;padding:36px 0;border-bottom:1px solid var(--line)}
.step-number{color:var(--purple-deep);font-family:Subdex,Arial,sans-serif;font-size:28px}
.process-list h3{max-width:700px;font-size:clamp(28px,3vw,47px)}
.process-list p{max-width:630px;margin:17px 0 0;color:#444}

.role{background:var(--black);color:var(--white);padding:clamp(72px,10vw,145px) var(--gutter)}
.role-inner{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(44px,8vw,136px);max-width:var(--page);margin:auto}
.role h2{max-width:560px}
.role-grid{border-top:1px solid #4b4b4b}
.role-grid article{display:grid;grid-template-columns:84px 1fr;column-gap:18px;padding:29px 0;border-bottom:1px solid #4b4b4b}
.role-grid span{grid-row:span 2;color:var(--mint);font-family:Subdex,Arial,sans-serif;font-size:26px}
.role-grid h3{font-size:28px}
.role-grid p{margin:13px 0 0;color:#cfcfcf;font-size:16px}

.prelaunch{background:var(--black);color:var(--white)}
.prelaunch .section-heading>p{color:#cfcfcf}
.prelaunch-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--page);margin:auto;border-top:1px solid #4a4a4a;border-left:1px solid #4a4a4a}
.prelaunch-grid article{display:flex;min-height:295px;flex-direction:column;padding:30px;border-right:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a}
.prelaunch-number{color:var(--mint);font-family:Subdex,Arial,sans-serif;font-size:28px}
.prelaunch-grid h3{max-width:340px;margin-top:46px;font-size:clamp(28px,2.5vw,39px)}
.prelaunch-grid>article>p:not(.prelaunch-result){max-width:345px;margin:17px 0 0;color:#d2d2d2;font-size:17px;line-height:1.4}
.prelaunch-result{display:grid;gap:5px;margin:auto 0 0!important;padding-top:23px;border-top:1px solid #4a4a4a;color:var(--white);font-size:16px;line-height:1.35}
.prelaunch-result span{color:var(--mint);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}

.doc-preview{max-width:var(--page);margin:0 auto 35px;border-top:1px solid var(--line)}
.doc-preview p{display:grid;grid-template-columns:185px 1fr;gap:22px;margin:0;padding:17px 0;border-bottom:1px solid var(--line)}
.doc-preview span{font-weight:700}
.documents-teaser .button{margin-left:max(0px,calc((100% - var(--page))/2))}

.faq{max-width:var(--page);margin:auto}
.faq .section-heading{grid-template-columns:1fr;margin-bottom:45px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 38px 27px 0;cursor:pointer;font-family:Subdex,Arial,sans-serif;font-size:clamp(24px,2.3vw,36px);line-height:1.03;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{flex:0 0 auto;content:"+";color:var(--purple-deep);font-family:Circe,Arial,sans-serif;font-size:38px;font-weight:400}
details[open] summary::after{content:"−"}
.faq-list div p{max-width:780px;margin:0;padding:0 60px 30px 0;color:#464646}

.start{display:grid;grid-template-columns:1fr .74fr;min-height:490px;overflow:hidden;background:var(--purple);padding-left:var(--gutter);color:var(--black)}
.start-content{position:relative;z-index:1;padding:clamp(64px,8vw,105px) 0}
.start h2{max-width:660px}
.start .eyebrow{color:var(--black)}
.start p:not(.eyebrow){max-width:570px;margin:28px 0;color:var(--black);font-size:18px;line-height:1.4}
.start-brand{display:flex;min-height:360px;align-items:center;justify-content:center;padding:28px}
.start-brand img{width:min(310px,100%)}

.site-footer{display:grid;grid-template-columns:1fr auto;gap:10px 30px;padding:39px var(--gutter);background:var(--black);color:var(--white);font-size:14px}
.footer-brand{display:block;width:clamp(170px,14vw,210px)}
.footer-brand img{width:100%}
.site-footer p{margin:0;color:#bdbdbd}
.site-footer>a{justify-self:end;color:var(--mint);font-weight:700}
.footer-note{grid-column:1/-1;margin-top:32px!important;font-size:12px}

.hero--documents{display:block;min-height:575px}
.hero--documents .hero-copy{max-width:920px}
.document-section{max-width:var(--page);margin:auto}
.registry{overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:800px;text-align:left}
th{padding:16px 18px;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
td{padding:25px 18px;vertical-align:top;border-top:1px solid var(--line);font-size:15px;line-height:1.35}
td strong{display:block;font-size:17px;line-height:1.25}
td span{display:block;margin-top:8px;color:var(--muted)}
td a{display:inline-block;color:var(--purple-deep);font-weight:700;border-bottom:1px solid currentColor}
.registry:focus-visible{outline:3px solid var(--purple-deep);outline-offset:5px}

@media (max-width:900px){.site-header{grid-template-columns:1fr auto;gap:12px;min-height:0}
nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px;overflow-x:auto;padding-bottom:4px;font-size:14px}
.header-action{font-size:13px}
.hero{grid-template-columns:1fr;min-height:0;padding-top:72px}
.hero-visual{min-height:330px;justify-content:center}
.hero-mark{width:280px;margin-bottom:0}
.intro,.section-heading,.role-inner{grid-template-columns:1fr}
.section-label{padding:0}
.section-heading>p{margin:0}
.scenario-grid{grid-template-columns:repeat(2,1fr)}
.process-list li{grid-template-columns:75px 1fr}
.check-grid{grid-template-columns:1fr}
.check-grid>div{min-height:0}
.role-grid article{grid-template-columns:64px 1fr}
.start{grid-template-columns:1fr;min-height:0}
.start-brand{display:none}
.site-footer{grid-template-columns:1fr}
.site-footer>a{justify-self:start;margin-top:18px}
.footer-note{margin-top:24px!important}
}

@media (max-width:520px){body{font-size:17px}
.site-header{padding-top:16px;padding-bottom:12px}
.brand-crop{width:158px}
.header-action{display:none}
nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px 13px;overflow:visible;font-size:13px;line-height:1.2}
nav a{padding:4px 0}
.hero{padding-top:56px;padding-bottom:30px}
.hero-actions{align-items:flex-start;gap:22px;flex-direction:column;margin-top:32px}
.hero-note{margin-top:35px}
.hero-visual{min-height:250px}
.hero-mark{width:220px}
.section-heading{margin-bottom:40px}
.scenario-grid{grid-template-columns:1fr}
.scenario{min-height:235px}
.process-list li{grid-template-columns:1fr;gap:12px}
.step-number{font-size:24px}
.role-grid article{grid-template-columns:45px 1fr}
.role-grid h3{font-size:25px}
.doc-preview p{grid-template-columns:1fr;gap:4px;font-size:16px}
.faq-list div p{padding-right:0}
summary{padding:23px 28px 23px 0}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* Documentary illustrations: they support the decision path, never replace it. */
body{font-size:19px;line-height:1.5}

.hero-photo{position:relative;z-index:1;align-self:center;max-width:700px;margin:0;padding:11px 0 0 11px}
.hero-photo::before{position:absolute;z-index:-1;top:0;right:12%;bottom:12%;left:0;border:1px solid var(--mint);content:""}
.hero-photo picture,.hero-photo img{display:block;width:100%}
.hero-photo img{aspect-ratio:16/9;object-fit:cover}
.hero-photo figcaption,.control-photo figcaption,.scene-photo figcaption,.feature-photo figcaption{margin-top:8px;color:var(--mint);font-size:17px;font-weight:700;line-height:1}
.hero-route-lines{position:absolute;z-index:2;right:-18px;bottom:44px;display:grid;gap:7px;width:40%;pointer-events:none;transform:rotate(-30deg);transform-origin:right}
.hero-route-lines i{display:block;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--mint),var(--purple))}
.hero-route-lines i:nth-child(2){width:74%;margin-left:20%}
.hero-route-lines i:nth-child(3){width:48%;margin-left:40%}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 25px;max-width:590px;margin:25px 0 0;padding:0;list-style:none;color:#d7d7d7;font-size:14px;line-height:1.3}
.hero-points li{position:relative;padding-left:21px}
.hero-points li::before{position:absolute;top:.42em;left:0;width:8px;height:8px;border-radius:50%;background:var(--mint);content:""}

.launch{max-width:var(--page);margin:auto}
.launch-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.launch-grid article{min-height:260px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.launch-grid span{color:var(--purple-deep);font-family:Subdex,Arial,sans-serif;font-size:28px}
.launch-grid h3{margin-top:46px;font-size:clamp(27px,2.3vw,38px)}
.launch-grid p{max-width:360px;margin:18px 0 0;color:#464646;font-size:17px;line-height:1.4}

.control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(40px,8vw,132px);max-width:var(--page);margin:auto}
.control-photo{margin:0}
.control-photo picture,.control-photo img{display:block;width:100%}
.control-photo img{aspect-ratio:3/2;object-fit:cover}
.control-photo figcaption{color:var(--muted)}
.control-copy{max-width:600px}
.control-copy h2{margin-top:17px}
.control-copy p:not(.eyebrow){margin:26px 0 0;color:#3f3f3f;font-size:19px;line-height:1.45}
.control-copy .text-link{display:inline-block;margin-top:31px;color:var(--purple-deep)}

@media (max-width:900px){.hero-photo{max-width:none;margin-top:22px}
.control-grid{grid-template-columns:1fr}
.launch-grid{grid-template-columns:1fr}
.launch-grid article{min-height:0}
.launch-grid h3{margin-top:26px}
.control-copy{margin-top:18px}
}

@media (max-width:520px){body{font-size:18px}
.brand-roundel{width:64px;height:64px}
.brand-roundel img{width:57px}
.hero-points{font-size:14px}
.hero-route-lines{right:-8px;bottom:35px;width:45%}
.control-copy p:not(.eyebrow){font-size:18px}
.hero-photo figcaption,.control-photo figcaption{font-size:12px}
}

.scene-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(40px,8vw,132px);max-width:var(--page);margin:auto}
.scene-photo{margin:0}
.scene-photo picture,.scene-photo img{display:block;width:100%}
.scene-photo img{aspect-ratio:3/2;object-fit:cover}
.scene-grid>div{max-width:570px}
.scene-grid>div p:not(.eyebrow){margin:28px 0 0;color:#3f3f3f;font-size:19px;line-height:1.45}
@media (max-width:900px){.scene-grid{grid-template-columns:1fr}
.scene-grid>div{margin-top:18px}
}
@media (max-width:520px){.scene-grid>div p:not(.eyebrow){font-size:18px}
}

.basics{max-width:var(--page);margin:auto}
.basics-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.basics-grid article{min-height:280px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.basics-grid svg{display:block;width:112px;height:88px;margin-bottom:42px}
.author-mark{overflow:visible}
.basics-grid h3{font-size:clamp(26px,2.2vw,36px)}
.basics-grid p{max-width:340px;margin:17px 0 0;color:#464646;font-size:17px;line-height:1.4}
.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(40px,8vw,132px);max-width:var(--page);margin:auto}
.feature-grid--reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1fr)}
.feature-photo{margin:0}
.feature-photo picture,.feature-photo img{display:block;width:100%}
.feature-photo img{aspect-ratio:3/2;object-fit:cover}
.feature-copy{max-width:590px}
.feature-copy h2{margin-top:17px}
.feature-copy p:not(.eyebrow){margin:28px 0 0;color:#3f3f3f;font-size:19px;line-height:1.45}
.support{padding:clamp(72px,10vw,130px) var(--gutter);background:var(--black);color:var(--white)}
.support-inner{max-width:var(--page);margin:auto}
.support-inner>div:first-child{max-width:760px}
.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:0;margin-top:58px;border-top:1px solid #505050;border-left:1px solid #505050}
.support-grid article{display:flex;min-height:180px;align-items:flex-end;padding:29px;border-right:1px solid #505050;border-bottom:1px solid #505050}
.support-grid p{max-width:570px;margin:0;font-size:clamp(21px,2.05vw,31px);line-height:1.15}
.support-note{max-width:780px;margin:29px 0 0;color:#bdbdbd;font-size:13px;line-height:1.4}

@media (max-width:900px){.basics-grid,.feature-grid,.feature-grid--reverse,.support-grid{grid-template-columns:1fr}
.basics-grid article{min-height:0}
.basics-grid svg{margin-bottom:28px}
.feature-grid--reverse .feature-copy{grid-row:2}
.feature-copy{margin-top:18px}
.support-grid{margin-top:38px}
.support-grid article{min-height:0}
}

@media (max-width:520px){.basics-grid p,.feature-copy p:not(.eyebrow){font-size:18px}
.feature-photo figcaption{font-size:12px}
.support-grid p{font-size:24px}
}

.lead-page{min-height:100vh;background:var(--soft);color:var(--black)}
.lead-header{display:flex;min-height:92px;align-items:center;justify-content:space-between;padding:15px var(--gutter);background:var(--black);color:var(--white)}
.lead-header .brand-full-logo{width:clamp(175px,15vw,220px)}
.lead-header .text-link{color:var(--white)}
.lead-form-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);gap:clamp(42px,8vw,128px);width:min(100% - 80px,1240px);margin:0 auto;padding:clamp(62px,9vw,132px) 0}
.lead-intro h1,.lead-form-wrap>h1{max-width:540px;margin-top:14px;font-size:clamp(48px,5.8vw,82px)}
.lead-intro>p:not(.eyebrow),.lead-form-wrap>p:not(.eyebrow){max-width:500px;margin:25px 0 0;font-size:20px;line-height:1.4}
.lead-aside{max-width:460px;margin:33px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:16px;line-height:1.4}
.lead-form-wrap form{display:grid;gap:19px;padding:clamp(26px,4vw,48px);background:var(--white);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.lead-result-card{display:flex;align-items:flex-start;padding:clamp(26px,4vw,48px);background:var(--white);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.lead-form-wrap label{display:grid;gap:8px;font-size:16px;font-weight:700}
.lead-form-wrap input,.lead-form-wrap textarea{width:100%;min-height:50px;border:1px solid #909090;border-radius:0;background:#fff;color:#111;padding:11px 12px;font:400 18px/1.35 Circe,Arial,sans-serif}
.lead-form-wrap textarea{resize:vertical;min-height:110px}
.lead-form-wrap .button{justify-self:start;margin-top:8px;border-radius:999px;padding-right:28px;padding-left:28px}
.lead-consent{margin:0!important;color:#555;font-size:13px!important;line-height:1.35!important}
.lead-hp{position:absolute!important;left:-10000px!important;opacity:0!important}
.lead-form-wrap .notice{padding:14px 16px;background:var(--mint);font-weight:700}
@media (max-width:900px){.prelaunch-grid,.lead-form-wrap{grid-template-columns:1fr}
.prelaunch-grid article{min-height:0}
.lead-form-wrap{width:min(100% - 40px,680px);gap:36px}
}
@media (max-width:520px){.lead-header{min-height:76px;padding:12px 20px}
.lead-header .brand-full-logo{width:156px}
.lead-header .text-link{font-size:14px}
.lead-form-wrap{width:min(100% - 32px,680px);padding:42px 0}
.lead-intro>p:not(.eyebrow),.lead-form-wrap>p:not(.eyebrow){font-size:18px}
.lead-form-wrap form{padding:20px}
.lead-form-wrap input,.lead-form-wrap textarea{font-size:17px}
}

/* ===== Многостраничный сайт (2026-09): страницы, статьи, карточки ===== */
.site-footer .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:34px;max-width:var(--page);width:100%;margin:0 auto 26px}
.site-footer .footer-col{display:flex;flex-direction:column;gap:8px}
.site-footer .footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:15px;overflow:visible}
.site-footer .footer-nav a{padding:0;color:var(--white)}
.site-footer .footer-nav a:hover{color:var(--mint)}
.site-footer a{color:var(--mint)}
.site-footer .footer-fund p{font-size:13px}
.fund-logo{display:block;width:170px;margin-bottom:6px}
.site-footer .footer-note{max-width:var(--page);width:100%;margin:6px auto 0}

.page-hero{padding:clamp(46px,6vw,86px) var(--gutter) clamp(40px,5vw,70px);background:var(--black);color:var(--white)}
.page-hero>*{max-width:980px}
.page-hero h1{font-size:clamp(40px,5vw,76px)}
.page-lead{margin:26px 0 0;max-width:760px;color:#d6d6d6;font-size:clamp(18px,1.6vw,22px);line-height:1.45}
.page-hero .hero-actions{margin-top:30px}

.breadcrumbs{padding:14px var(--gutter);background:var(--black);color:#9d9d9d;font-size:14px;border-bottom:1px solid #222}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.breadcrumbs li+li::before{content:"/";margin-right:6px;color:#555}
.breadcrumbs a:hover{color:var(--mint)}
.breadcrumbs nav,.breadcrumbs{overflow:visible}

.prose{max-width:780px;margin:0 auto;padding:clamp(40px,6vw,80px) var(--gutter)}
.page-body.prose{padding-left:var(--gutter);padding-right:var(--gutter)}
.prose>*+*{margin-top:1.1em}
.prose h2{max-width:none;margin-top:1.8em;font-size:clamp(28px,3vw,40px);line-height:1.05}
.prose h3{margin-top:1.5em;font-size:clamp(22px,2.2vw,28px);line-height:1.1;letter-spacing:-.02em}
.prose p,.prose li{font-size:19px;line-height:1.6}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.45em}
.prose a{color:var(--purple-deep);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--black)}
.prose strong{font-weight:700}
.prose blockquote,.prose .note{margin-left:0;padding:18px 22px;border-left:4px solid var(--mint);background:var(--soft)}
.prose .warn{padding:18px 22px;border-left:4px solid var(--purple);background:var(--soft)}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--soft);font-weight:700}

.article-head{max-width:900px;margin:0 auto;padding:clamp(40px,6vw,76px) var(--gutter) 24px}
.article-head h1{font-size:clamp(36px,4.6vw,64px);line-height:1}
.article-head .page-lead{color:var(--muted)}
.article-meta{margin:22px 0 0;color:var(--muted);font-size:15px}
.article .illustration{max-width:900px;margin:10px auto 0;padding:0 var(--gutter)}
.illustration figcaption{margin-top:8px;color:var(--muted);font-size:13px}
.prose .illustration{padding:0;margin-top:1.6em}
.toc{max-width:780px;margin:34px auto 0;padding:22px var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.toc-title{margin:0 0 10px;font-weight:700}
.toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:40px;font-size:16px}
.toc a:hover{color:var(--purple-deep)}
.article-faq,.sources{max-width:780px;margin:0 auto;padding:0 var(--gutter) 40px}
.article-faq h2,.sources h2{margin-bottom:18px;font-size:clamp(26px,2.6vw,34px)}
.article-faq details{border-top:1px solid var(--line);padding:16px 0}
.article-faq summary{cursor:pointer;font-weight:700;font-size:18px}
.article-faq details p{margin:12px 0 0;line-height:1.55}
.sources ol{padding-left:1.2em;font-size:15px;line-height:1.5}
.sources a{color:var(--purple-deep);text-decoration:underline;word-break:break-word}
.sources-note{margin-top:14px;color:var(--muted);font-size:14px}

.cta-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;max-width:var(--page);margin:clamp(30px,5vw,60px) auto;padding:clamp(28px,4vw,52px);background:var(--black);color:var(--white)}
.page .cta-band{margin-left:var(--gutter);margin-right:var(--gutter)}
@media (min-width:1568px){.page .cta-band{margin-left:auto;margin-right:auto}}
.cta-title{margin:0 0 12px;font-family:Subdex,Arial,sans-serif;font-size:clamp(26px,2.8vw,40px);line-height:1;letter-spacing:-.03em}
.cta-band p:not(.cta-title):not(.eyebrow){margin:0;color:#cfcfcf}
.cta-band .eyebrow{margin-bottom:12px}

.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:var(--page);margin:0 auto;padding:clamp(34px,5vw,64px) var(--gutter)}
.related{padding-bottom:30px}
.related h2{max-width:var(--page);margin:0 auto;padding:0 var(--gutter);font-size:clamp(28px,3vw,40px)}
.card{display:flex;flex-direction:column;gap:10px;min-height:170px;padding:24px;border:1px solid var(--line);background:var(--white);transition:border-color .2s ease,transform .2s ease}
.card:hover{border-color:var(--black);transform:translateY(-2px)}
.card-kicker{color:var(--purple-deep);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.card-title{font-family:Subdex,Arial,sans-serif;font-size:24px;line-height:1.02;letter-spacing:-.02em}
.card-text{color:var(--muted);font-size:16px;line-height:1.45}

@media (max-width:900px){
.site-footer .footer-grid{grid-template-columns:1fr 1fr}
.site-footer .footer-fund{grid-column:1/-1}
.card-grid{grid-template-columns:1fr 1fr}
.cta-band{grid-template-columns:1fr}
.toc ol{columns:1}
}
@media (max-width:520px){
.site-footer .footer-grid{grid-template-columns:1fr}
.card-grid{grid-template-columns:1fr}
.prose p,.prose li{font-size:17px}
.cta-band .button{width:100%}
}
/* Предупреждение по ч. 7 ст. 24 ФЗ «О рекламе» — крупно, на всю ширину */
.med-warning{margin:0;padding:clamp(18px,2.4vw,30px) var(--gutter);background:var(--soft);color:#3a3a3a;border-top:1px solid var(--line);font-family:Subdex,Arial,sans-serif;font-size:clamp(20px,2.6vw,38px);line-height:1.05;letter-spacing:-.02em;text-align:center;text-transform:uppercase}
.support-block{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;padding:24px;border:1px solid var(--line)}
.support-block p{margin:0 0 10px}
.support-note{color:var(--muted);font-size:15px!important}
.legal-list{list-style:none;padding:0!important}
@media (max-width:520px){.support-block{grid-template-columns:1fr}}
.page-illustration{max-width:900px;margin:clamp(30px,4vw,50px) auto 0;padding:0 var(--gutter)}
.card-grid--flush{padding:0;max-width:var(--page)}
.home-links .section-heading a{white-space:nowrap}
a.scenario:hover{transform:translateY(-3px)}
nav.toc{display:block}
.toc ol{display:block}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose .table-wrap table{display:table;min-width:560px;width:100%}
.prose td:first-child{min-width:210px}
@media (max-width:520px){.breadcrumbs li:last-child{display:none}.prose td:first-child{min-width:160px}}
.hero-photo--gen .illustration{margin:0}
.hero-photo--gen figcaption{color:#9d9d9d}
/* ===== Фирменные знаки и карточки с превью ===== */
.marks-sprite{position:absolute;width:0;height:0;overflow:hidden}
.mark{display:inline-block;flex:none;width:56px;height:44px;vertical-align:middle}
.mark--sm{width:30px;height:24px;margin:-4px 8px -4px 0}
.eyebrow--mark{display:flex;align-items:center}
.page-hero--marked{position:relative;overflow:hidden}
.mark--hero{position:absolute;right:clamp(16px,6vw,110px);top:50%;width:clamp(150px,22vw,320px);height:auto;aspect-ratio:112/88;transform:translateY(-50%);opacity:.95}
.page-hero--marked>*:not(.mark){position:relative;z-index:1}
.cta-band{position:relative;overflow:hidden}
.mark--cta{position:absolute;right:-10px;bottom:-14px;width:220px;height:auto;aspect-ratio:112/88;opacity:.35;pointer-events:none}
.cta-band>*:not(.mark){position:relative;z-index:1}
.card--img{padding:0;overflow:hidden}
.card-media{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--soft)}
.card-media picture,.card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.card:hover .card-media img{transform:scale(1.04)}
.card-body{display:flex;flex-direction:column;gap:10px}
.card--img .card-body{padding:20px 22px 24px}
.card-kicker{display:flex;align-items:center}
@media (max-width:900px){.mark--hero{opacity:.22;right:-20px}}
@media (prefers-reduced-motion:reduce){.card-media img{transition:none}}