.block{--brand-red:#c21632;--brand-red-ink:#9d1228;--brand-red-soft:rgba(194, 22, 50, 0.08);--brand-gray-blue:#506471;--brand-white:#F4F7EE;--brand-green-soft:rgba(146, 166, 106, 0.10);--brand-green-mid:rgba(146, 166, 106, 0.22);--brand-green-dot:#92a66a;--bg:var(--brand-white);--surface:#ffffff;--surface-soft:var(--brand-green-soft);--text:#1a2530;--text-soft:var(--brand-gray-blue);--muted:rgba(80, 100, 113, 0.72);--border:rgba(80, 100, 113, 0.14);--border-strong:rgba(80, 100, 113, 0.24);--accent:var(--brand-red);--accent-soft:var(--brand-red-soft);--accent-ink:var(--brand-red-ink);--shadow:0 12px 32px -16px rgba(26, 37, 48, 0.18);--shadow-img:0 30px 70px -30px rgba(26, 37, 48, 0.35)}
html[theme=dark] .block{--bg:#1a232b;--surface:#232f37;--surface-soft:rgba(146, 166, 106, 0.08);--text:var(--brand-white);--text-soft:#b8c4ce;--muted:#8a99a3;--border:rgba(244, 247, 238, 0.10);--border-strong:rgba(244, 247, 238, 0.20);--accent:#fb2241;--accent-soft:rgba(232, 57, 82, 0.16);--accent-ink:#ff6178;--shadow:0 12px 32px -16px rgba(0, 0, 0, 0.55);--shadow-img:0 30px 70px -30px rgba(0, 0, 0, 0.7)}
.block{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:44px;padding-bottom:100px}
@media screen and (max-width:1276px){
.block{padding-left:16px;padding-right:16px}
}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
@media screen and (max-width:1024px){
.eyebrow{justify-content:center}
}
.display{text-wrap:balance;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.display .accent{color:var(--accent);font-weight:600}
.num-tag{font-size:11px;color:var(--accent);letter-spacing:.1em;font-weight:500}
.hero{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:21/9;background:var(--surface-soft);isolation:isolate}
.hero-img{position:absolute;inset:0;transition:opacity .6s ease}
.hero-img.is-active{opacity:1}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(190 196 201 / 70%) 20%,rgba(15,24,32,0) 40%,rgba(15,24,32,0) 42%,rgba(15,24,32,.72) 80%);pointer-events:none;z-index:1}
.hero-top{position:absolute;top:24px;left:28px;right:28px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:#fff}
@media screen and (max-width:576px){
.hero{aspect-ratio:16/9}
}
.brand{display:flex;align-items:center;gap:14px}
.brand .logo{display:block;width:150px;height:55px;flex:0 0 auto}
.brand .logo img{max-width:100%;max-height:100%}
@media screen and (max-width:768px){
.brand{gap:4px}
.brand .logo{width:120px;height:42px}
}
@media screen and (max-width:576px){
.brand .logo{width:100px;height:32px}
}
.brand-divider{width:1px;height:28px;background:rgba(255,255,255,.3);flex:0 0 auto}
.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;letter-spacing:-.04em}
.brand-text{display:flex;flex-direction:column}
.brand-name{font-weight:600;font-size:14px;letter-spacing:.06em;line-height:1.1;color:#fff}
.brand-tag{font-size:14px;color:#1a3344;letter-spacing:.1rem;text-transform:uppercase;font-weight:600;text-wrap:balance;line-height:1.5}
@media screen and (max-width:768px){
.brand-tag{font-size:12px}
}
@media screen and (max-width:374px){
.brand-tag{font-size:10px}
}
.btn-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .18s ease}
.btn-icon:hover{background:rgba(255,255,255,.26)}
.btn-icon svg{width:17px;height:17px}
.hero-bottom{position:absolute;bottom:28px;left:32px;right:32px;z-index:2;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.hero-caption .eyebrow{color:rgba(255,255,255,.85);margin-bottom:12px}
.hero-headline{font-weight:600;font-size:clamp(20px,3.4vw,50px);line-height:1.04;letter-spacing:-.02em;max-width:800px;text-wrap:balance}
.hero-headline .accent{color:#fb2241}
[data-theme=dark] .hero-headline .accent{color:var(--accent-ink)}
.hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}
.counter{background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:7px 13px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.nav-pair{display:flex;gap:8px}
@media screen and (max-width:768px){
.hero-bottom,.hero-top{left:22px;right:22px}
.hero-top{top:18px}
.hero-bottom{bottom:18px}
}
@media screen and (max-width:576px){
.hero-bottom,.hero-top{left:16px;right:16px}
.hero-top{top:10px}
.hero-bottom{bottom:10px}
}
.directions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.direction{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;transition:border-color .18s ease}
.direction:hover{border-color:var(--accent)}
.direction-num{font-size:16px;font-weight:600;letter-spacing:.1em;color:var(--accent)}
.direction-title{font-weight:600;font-size:16px;color:var(--text);line-height:1.22;min-height:calc(15px * 1.22 * 2)}
.direction-desc{font-size:14px;line-height:1.52;color:var(--text-soft)}
@media screen and (max-width:1276px){
.direction{padding:14px 10px}
}
@media screen and (max-width:1024px){
.directions-grid{grid-template-columns:repeat(2,1fr);gap:6px}
.direction-title{min-height:auto}
}
@media screen and (max-width:576px){
.directions-grid{grid-template-columns:1fr}
}
.tabs-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:6px;gap:4px;box-shadow:var(--shadow)}
.tab{background:0 0;border:none;color:var(--text-soft);padding:14px 18px;font-family:inherit;cursor:pointer;transition:color .18s ease,background .18s ease;text-align:left;border-radius:11px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.tab:hover{color:var(--text);background:var(--surface-soft)}
.tab.is-active{color:var(--text);background:var(--surface-soft)}
.tab.is-active .num-tag{color:var(--accent)}
.tab-num{font-size:16px;color:var(--muted);letter-spacing:.02rem;font-weight:500}
.tab.is-active .tab-num{color:var(--accent)}
.tab-name{font-weight:600;font-size:15px}
section{display:flex;flex-direction:column;gap:24px}
.section-head{display:grid;align-items:end}
.section-head h2{font-size:clamp(28px,2.6vw,38px);line-height:1.1}
@media screen and (max-width:1024px){
.section-head{justify-content:center}
}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;margin-top:4px}
@media screen and (max-width:1024px){
.about{gap:32px;grid-template-columns:1fr}
.about .about__lead{display:flex;flex-direction:column;align-items:center}
}
.about .eyebrow{margin-bottom:16px}
.about h2{font-size:clamp(28px,2.8vw,40px);line-height:1.08}
.about .intro{font-size:16px;line-height:1.62;color:var(--text-soft)}
.about .intro b{font-weight:600;color:var(--text)}
.about .intro+p{margin-top:14px}
.about .tagline{margin-top:22px;padding:18px 20px;background:var(--surface-soft);border-left:3px solid var(--accent);border-radius:4px 12px 12px 4px;font-size:15px;color:var(--text);font-weight:500;line-height:1.45}
.why{gap:24px}
.advantages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.adv{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;transition:border-color .18s ease,transform .18s ease;position:relative}
.adv:hover{border-color:var(--accent);transform:translateY(-3px)}
.adv-icon{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.adv-icon img{width:26px;height:26px}
.adv-title{font-weight:600;font-size:16px;color:var(--text);line-height:1.22;min-height:calc(16px * 1.22 * 2)}
.adv-desc{font-size:14px;line-height:1.52;color:var(--text-soft);text-wrap:balance}
@media screen and (max-width:1024px){
.advantages{grid-template-columns:repeat(2,1fr)}
.adv-title{min-height:auto}
}
@media screen and (max-width:576px){
.advantages{grid-template-columns:1fr}
}
.approach{background:var(--surface-soft);border-radius:22px;padding:36px 36px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:start}
.approach .lead .eyebrow{margin-bottom:16px}
.approach .lead h2{font-size:clamp(24px,2.2vw,32px);line-height:1.12}
.approach .principles-wrapper p{font-size:14.5px;color:var(--text-soft);line-height:1.55}
.approach .principles-wrapper p:last-of-type{margin-bottom:12px}
.approach .principles{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:end}
@media screen and (max-width:1024px){
.approach{padding:24px 24px 28px;gap:24px;grid-template-columns:1fr}
}
@media screen and (max-width:576px){
.approach .principles{grid-template-columns:1fr}
}
.principle{display:flex;gap:14px;align-items:center;padding:16px 16px 16px 14px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}
.principle-mark{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600;line-height:1}
.principle-text{font-weight:500;font-size:14px;color:var(--text);line-height:1.2;padding-top:4px}
.principle-text span{display:block;color:var(--muted);font-weight:400;font-size:12.5px;margin-top:2px}
.partners{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:56px;align-items:start}
.partners .partners-lead .eyebrow{margin-bottom:16px}
.partners .partners-lead h2{font-size:clamp(26px,2.4vw,36px);line-height:1.1}
.partners .partners-lead p{margin-top:18px;font-size:15px;color:var(--text-soft);line-height:1.55}
.partners ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:end}
.partners li{display:flex;gap:14px;align-items:center;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:14.5px;line-height:1.2;color:var(--text);font-weight:500}
.partners li::before{content:"";flex:0 0 auto;width:8px;height:8px;background:var(--accent);border-radius:50%}
.partners .partners__list p{font-size:14.5px;color:var(--text-soft);line-height:1.55;text-wrap:balance}
.partners .partners__list p:last-of-type{margin-bottom:12px}
@media screen and (max-width:1024px){
.partners{gap:32px;grid-template-columns:1fr}
.partners .partners-lead{display:flex;flex-direction:column;align-items:center}
}
@media screen and (max-width:576px){
.partners ul{grid-template-columns:1fr}
}
.mission{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:56px;padding-top:40px}
.mission .label{font-weight:600;font-size:36px;color:var(--accent);letter-spacing:.1rem;text-transform:uppercase;line-height:1.2}
.mission .label::after{content:"";display:block;width:60px;height:1px;background:var(--accent);margin-top:14px}
.mission p{font-weight:500;font-size:clamp(16px,2vw,28px);line-height:1.28;color:var(--text);letter-spacing:-.01em}
@media screen and (max-width:768px){
.mission{gap:16px}
.mission .label{font-size:26px}
}
@media screen and (max-width:576px){
.mission{grid-template-columns:1fr}
}
.faq details::details-content{block-size:0;transition:block-size .6s,content-visibility .6s;transition-behavior:allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq{interpolate-size:allow-keywords;max-width:1200px;margin:0 auto;padding:64px 0}
@media (max-width:1200px){
.faq{padding:48px 16px}
}
.faq__title{font-size:32px;font-weight:900;text-align:center;margin-bottom:40px}
.faq__list{display:flex;flex-direction:column;gap:0}
.faq__item{margin-bottom:16px;border-radius:16px;overflow:hidden}
.faq__question{cursor:pointer;font-size:16px;font-weight:600;list-style:none;transition:color .2s;padding:20px 24px;background-color:var(--gray-0);display:flex;align-items:center;gap:12px}
.faq__question::before{content:"";display:block;flex-shrink:0;width:20px;height:20px;background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;transition:transform .3s ease}
.faq__item[open] .faq__question::before{transform:rotate(90deg)}
.faq__question::-webkit-details-marker{display:none}
.faq__question::marker{content:""}
.faq__item[open] .faq__question,.faq__question:hover{color:var(--brand-pink)}
.faq__answer{font-size:15px;line-height:1.6;padding:16px 24px;background-color:var(--gray-0)}
.faq__answer ol,.faq__answer ul{padding-left:20px}
А .faq__answer ol li{list-style:decimal}
.faq__answer ul li{list-style:initial}
.faq__answer p+p{margin-top:8px}