@charset "UTF-8";
/* KL3 поверх бумажной системы январского эскиза. Только новые блоки и правки под гейты. */
.button{border-radius:12px}
.hero-cta .button,.join-card .button{border-radius:12px}
nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px}
.hero-bottom a,footer a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px}
.people-title>span{color:#6e6a62}
.hero-topics button{min-height:48px}
.text-link{min-height:48px;align-items:flex-end}
.paper-point{min-width:48px;min-height:48px}

.collab{font-size:12px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px;border:1px solid #01030e18;border-radius:20px;padding:7px 12px}
.collab i{font-style:normal;color:#6e6a62}

/* Узнаёшь себя: цитаты */
.quote-grid{list-style:none;padding:0;margin:65px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quote-grid li{border:1px solid #ffffff25;border-radius:24px;padding:28px;background:#ffffff04;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.quote-grid q{font-size:21px;line-height:1.25;letter-spacing:-.025em;quotes:'\00AB' '\00BB'}
.quote-grid span{font-size:11px;letter-spacing:.06em;color:#ac9d94}

/* Если ты… */
.if-block{margin-top:65px}
.if-block h3{font-size:28px;line-height:1.08}
.if-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.if-list li{border-top:1px solid #ffffff25;padding:20px 0;font-size:21px;line-height:1.25;letter-spacing:-.025em}

/* Было → стало */
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.result{border:1px solid #01030e1a;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px;background:#fff}
.result.big{background:#183225;color:#fff;border-color:#183225}
.result.big .tiny-label,.result.big p,.result.big q{color:#ffffffc7}
.result b{font-weight:400;font-size:clamp(40px,3.6vw,58px);line-height:1;letter-spacing:-.05em;margin-top:22px}
.result p{font-size:15px;color:#6e6a62}
.result q{font-size:17px;line-height:1.3;letter-spacing:-.02em;margin-top:auto;padding-top:16px;border-top:1px solid #01030e18;quotes:'\00AB' '\00BB'}
.result.big q{border-color:#ffffff30}

/* Life OS */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compare article{border-radius:24px;padding:28px;background:#f6f6f6}
.compare article.on{background:#01030e;color:#fff}
.compare article.on .tiny-label{color:#ffffffa8}
.compare p{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin-top:18px}
.lifeos-shot{margin:20px 0 0}
.lifeos-shot img{display:block;width:100%;height:auto;border:1px solid #01030e1a}
.lifeos-shot figcaption{font-size:11px;letter-spacing:.06em;color:#6e6a62;margin-top:12px}
.big-quote{font-size:clamp(36px,4.2vw,64px);line-height:1.04;letter-spacing:-.045em;margin:80px 0 0;min-height:0}
.big-quote cite{display:block;font-style:normal;font-size:12px;letter-spacing:.1em;color:#6e6a62;margin-top:20px}

/* Программа */
.support-number{letter-spacing:.06em;font-size:11px}
.mod-list{padding-left:18px;margin:0 0 30px;font-size:15px;line-height:1.5}
.mod-list li+li{margin-top:6px}
.support-grid p{margin-bottom:22px}
.support-grid article{display:flex;flex-direction:column;align-items:flex-start}
.support-grid .pill{margin-top:auto}

/* Работы: четыре карточки, фото без скругления */
.story-grid.four{grid-template-columns:repeat(4,1fr);gap:16px}
.story{border-radius:0}
.story-grid.four blockquote{font-size:17px;min-height:110px}
.story-grid.four .story-body>p{min-height:120px}

/* Стена отзывов */
.review-wall{columns:3;column-gap:20px}
.review{break-inside:avoid;margin:0 0 20px;border:1px solid #01030e1a;border-radius:24px;padding:26px;background:#fff}
.review.cream{background:#fdf2e4;border-color:#fdf2e4}
.review blockquote{font-size:19px;line-height:1.3;min-height:0;margin:0}
.review blockquote:before{content:'\00AB'}
.review blockquote:after{content:'\00BB'}
.review figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}
.review figcaption>span{font-size:12px;color:#6e6a62;display:flex;flex-direction:column;gap:3px}
.review figcaption>span b{font-weight:400;font-size:15px;color:#01030e}
.say{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:12px;border:1px solid #01030e30;background:#fff;font-size:12px;color:#6e6a62;white-space:nowrap;transition:background .2s cubic-bezier(.22,.61,.36,1),color .2s cubic-bezier(.22,.61,.36,1)}
.say b{font-weight:400;color:#01030e}
.say.on{background:#01030e;color:#ffffffb0;border-color:#01030e}
.say.on b{color:#fff}
.returned{margin-top:60px;padding-top:35px;border-top:1px solid #01030e22}
.returned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}
.returned-grid q{font-size:20px;line-height:1.3;letter-spacing:-.02em;quotes:'\00AB' '\00BB'}
.returned-grid span{display:block;font-size:12px;color:#6e6a62;margin-top:14px}

/* Сомнения */
.obj-head,.obj{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:40px}
.obj-head{font-size:10px;letter-spacing:.12em;color:#ac9d94;padding-bottom:14px}
.obj{border-top:1px solid #ffffff25;padding:28px 0}
.obj h3{font-size:28px;line-height:1.08}
.obj q{font-size:17px;line-height:1.35;quotes:'\00AB' '\00BB'}
.obj .before q{color:#ffffffa8}
.obj span{display:block;font-size:11px;color:#ac9d94;margin-top:12px}
.obj .after{border-left:2px solid #eef400;padding-left:20px}

/* Ведущие */
.host .wrap>.eyebrow{display:flex;margin-bottom:50px}
.host-grid.second{margin-top:80px}
.host-mark>span:first-child{font-size:150px}
.host-mark>span:nth-child(2){font-size:40px}

/* Цена */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.plans article{border:1px solid #ffffff28;border-radius:24px;padding:24px}
.plans span{font-size:10px;letter-spacing:.1em;color:#ac9d94}
.plans h3{font-size:24px;line-height:1.1;margin-top:16px}
.plans h3 b{display:block;font-weight:400;color:#eef400;margin-top:6px}
.plans p{font-size:14px;color:#ffffffa8;margin-top:14px}
.join-card h3{font-size:64px;letter-spacing:-.05em}
.join-card>p:not(.micro){color:#ffffffd0}

/* Сообщество и финал */
.alumni h2{margin-top:30px;max-width:1000px}
.alumni .section-lead{max-width:640px}
.final{text-align:center}
.final h2{font-size:clamp(44px,5.4vw,84px);margin:35px 0 45px}
.final .button{min-width:320px;justify-content:center;gap:16px}
.final-steps{list-style:none;padding:0;margin:0 0 45px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}
.final-steps li{border:1px solid #ffffff25;border-radius:24px;padding:24px}
.final-steps span{font-size:10px;letter-spacing:.1em;color:#ac9d94}
.final-steps p{font-size:17px;line-height:1.3;letter-spacing:-.02em;margin-top:16px}

@media(max-width:1100px){
.quote-grid,.result-grid{grid-template-columns:1fr 1fr}
.final-steps{grid-template-columns:1fr 1fr}
.story-grid.four{grid-template-columns:1fr 1fr}
.review-wall{columns:2}
.obj-head,.obj{grid-template-columns:1fr 1fr;gap:24px}
.obj-head span:first-child{display:none}
.obj h3{grid-column:1/-1}
.plans{grid-template-columns:1fr}
}

@media(max-width:760px){
.wrap{padding:60px 16px}
header{padding:0 16px}
.hero{padding:20px 16px 0}
footer{padding:30px 16px}
.hero-top{flex-wrap:wrap;gap:10px}
.logo{height:48px}
header .button.small{min-height:48px}
.people-proof{min-height:48px}
.collab{font-size:11px}
.quote-grid,.result-grid,.compare,.returned-grid,.if-list,.final-steps{grid-template-columns:1fr}
.if-block{margin-top:45px}
.if-list li{font-size:19px;padding:16px 0}
.quote-grid{margin-top:35px;gap:12px}
.quote-grid q{font-size:19px}
.compare p{font-size:18px}
.story-grid.four{display:flex;grid-template-columns:none;margin:0 -16px;padding:0 16px 20px}
.story-grid.four .story{min-width:312px}
.story-grid.four .story-body>p{min-height:0}
.review-wall{columns:1}
.obj-head{display:none}
.obj{grid-template-columns:1fr;gap:16px}
.obj .before:before{content:'В НАЧАЛЕ';display:block;font-size:10px;letter-spacing:.12em;color:#ac9d94;margin-bottom:8px}
.obj .after:before{content:'ПОТОМ';display:block;font-size:10px;letter-spacing:.12em;color:#ac9d94;margin-bottom:8px}
.host-grid.second{margin-top:50px}
.big-quote{margin-top:50px}
.join-card h3{font-size:52px}
.final .button{min-width:0;width:100%}
}

/* 31.10: блоки по структуре лендинга */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why-grid article{background:#fff;border-radius:24px;padding:28px}
.why-grid span{font-size:11px;letter-spacing:.06em;color:#6e6a62}
.why-grid h3{font-size:28px;line-height:1.08;margin-top:40px}
.why-grid p{font-size:15px;color:#6e6a62;margin-top:14px}
.why .method-strip{margin-top:40px}
.outcome-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.outcome-list li{border-top:1px solid #ffffff25;padding:22px 0 30px}
.outcome-list b{display:block;font-weight:400;font-size:21px;line-height:1.25;letter-spacing:-.025em}
.outcome-list p{font-size:15px;color:#ffffffa8;margin-top:10px}
.outcome-quote{font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-.04em;margin:50px 0 0;max-width:900px;min-height:0}
.outcome-quote cite{display:block;font-style:normal;font-size:12px;letter-spacing:.1em;color:#ac9d94;margin-top:18px}
.review-theme{font-size:28px;line-height:1.08;margin:50px 0 22px}
.review-theme:first-of-type{margin-top:0}
.vs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vs-grid article{border:1px solid #ffffff25;border-radius:24px;padding:24px}
.vs-grid article.on{background:#eef400;border-color:#eef400;color:#01030e}
.vs-grid h3{font-size:24px;line-height:1.1}
.vs-grid dl{margin:26px 0 0}
.vs-grid dt{font-size:11px;letter-spacing:.06em;color:#ac9d94;margin-top:16px}
.vs-grid .on dt{color:#01030e99}
.vs-grid dd{margin:6px 0 0;font-size:17px;line-height:1.3;letter-spacing:-.02em}
.prep{background:#fff;border-radius:24px;padding:24px 28px;margin-bottom:20px}
.prep p{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-top:12px;max-width:820px}
.support-grid .exit{font-size:15px;line-height:1.45;margin-bottom:24px}
.support-grid .exit b{font-weight:400;color:#6e6a62}
.not-for{margin-top:50px;padding-top:30px;border-top:1px solid #ffffff25}
.not-for h3{font-size:28px;line-height:1.08}
.not-for ul{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.not-for li{font-size:17px;line-height:1.35;letter-spacing:-.02em;color:#ffffffc7}
@media(max-width:1100px){
.why-grid,.not-for ul{grid-template-columns:1fr}
.not-for li+li{margin-top:16px}
.outcome-list,.vs-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
.outcome-list,.vs-grid{grid-template-columns:1fr}
.why-grid h3{margin-top:24px}
}

/* 02.11: кому это */
.for-whom{margin-top:65px}
.for-whom h3{font-size:28px;line-height:1.08}
.for-whom ul{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.for-whom li{border:1px solid #ffffff25;border-radius:24px;padding:28px;background:#ffffff04}
.for-whom li b{font-weight:400;font-size:24px;line-height:1.1;letter-spacing:-.03em}
.for-whom li p{font-size:15px;line-height:1.4;color:#ffffffa8;margin-top:14px}
.for-level{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin-top:24px}

/* 02.11: что это даёт */
.benefit-grid{list-style:none;padding:0;margin:0 0 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.benefit-grid li{border-top:2px solid #eef400;padding-top:20px}
.benefit-grid span{font-size:11px;letter-spacing:.06em;color:#ac9d94}
.benefit-grid b{display:block;font-weight:400;font-size:24px;line-height:1.1;letter-spacing:-.03em;margin-top:14px}
.benefit-grid p{font-size:15px;line-height:1.4;color:#ffffffa8;margin-top:12px}
.outcome-label{display:block;color:#ac9d94;margin-bottom:20px}

/* 02.11: было в кейсах */
.result p.was{color:#01030e;font-size:15px;line-height:1.4;padding-bottom:14px;border-bottom:1px solid #01030e18}
.result p.was b{font-weight:400;color:#6e6a62;font-size:inherit;line-height:inherit;letter-spacing:0;margin:0}
.result.big p.was{color:#fff;border-color:#ffffff30}
.result.big p.was b{color:#ffffffa8}

/* 02.11: девять встреч */
.meet-list{padding-left:20px;margin:0 0 30px;font-size:15px;line-height:1.45}
.meet-list li+li{margin-top:16px}
.meet-list li b{font-weight:400}
.meet-list .res{display:block;margin-top:6px;color:#6e6a62}
.meet-list .res:before{content:'Результат: ';color:#01030e}
.prep.between{margin:20px 0 0}

@media(max-width:1100px){
  .for-whom ul{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .benefit-grid{grid-template-columns:1fr}
}

/* 02.11: участники кругами, как pav-row в дизайн-системе Life OS */
.people{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.people-count{font-size:29px;line-height:1.05;letter-spacing:-.03em;text-align:right;color:#01030e;text-decoration:none}
.people-count span{display:block;font-size:14px;letter-spacing:0;color:#6e6a62;margin-top:6px}
.pav-row{display:flex;align-items:center;justify-content:flex-end;padding:6px 6px 6px 0;margin-right:-6px}
.pav{width:36px;height:36px;border-radius:50%;padding:0;border:0;background:#01030e;margin-right:-16px;position:relative;flex-shrink:0;cursor:pointer;filter:brightness(.55) saturate(.55);transform:scale(.94);box-shadow:0 0 0 2px #fff;transition:filter .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1),margin .45s cubic-bezier(.22,.61,.36,1)}
.pav:last-child{margin-right:0}
.pav:after{content:'';position:absolute;inset:-4px}
.pav img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.pav.is-active{z-index:3;margin-right:0;margin-left:10px;filter:none;transform:scale(1.2)}
.pav:focus-visible{outline:2px solid #01030e;outline-offset:4px}
.pav-ring{position:absolute;left:-6px;top:-6px;width:48px;height:48px;transform:rotate(-90deg);overflow:visible;opacity:0;transition:opacity .3s}
.pav.is-active .pav-ring{opacity:1}
.pav-ring .track{fill:none;stroke:#01030e18;stroke-width:2}
.pav-ring .bar{fill:none;stroke:#eef400;stroke-width:3;stroke-linecap:round;stroke-dasharray:183;stroke-dashoffset:183}
.pav.is-active .pav-ring .bar{animation:pavFill 5s linear forwards}
.people.paused .pav.is-active .pav-ring .bar{animation:none;stroke-dashoffset:0}
@keyframes pavFill{to{stroke-dashoffset:0}}
.people-quote{margin:0;width:100%;max-width:300px;text-align:right;min-height:150px;transition:opacity .3s cubic-bezier(.22,.61,.36,1)}
.people-quote.swap{opacity:0}
.people-kind{display:block;font-size:10px;letter-spacing:.12em;color:#6e6a62}
.people-quote blockquote{margin:10px 0 0;font-size:17px;line-height:1.3;letter-spacing:-.02em;min-height:0;quotes:'\00AB' '\00BB'}
.people-quote blockquote:before{content:open-quote}
.people-quote blockquote:after{content:close-quote}
.people-quote figcaption{font-size:12px;color:#6e6a62;margin-top:10px}
.people-quote figcaption b{font-weight:400;color:#01030e;margin-right:6px}
.hero-side .hero-cta{margin-top:40px}
@media(max-width:1100px){
  .people{align-items:flex-start;margin-bottom:24px}
  .people-count,.people-quote{text-align:left}
  .pav-row{justify-content:flex-start;padding-left:6px;margin-right:0}
}
@media(max-width:760px){
  .pav{width:34px;height:34px;margin-right:-12px}
  .pav-ring{width:46px;height:46px}
  .pav.is-active{margin-left:12px;margin-right:2px}
  .people-quote{min-height:130px}
}
@media(prefers-reduced-motion:reduce){.pav,.people-quote{transition:none}.pav.is-active .pav-ring .bar{animation:none;stroke-dashoffset:0}}

/* 02.11: первый экран по смыслам лендинга Кати */
.hero-copy>p.hero-more{margin-top:14px;color:#6e6a62;font-size:15px}
.hero-meta{display:block;margin-top:18px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#01030e}
.people-count{font-size:22px;line-height:1.1}
.pav.off{display:none}

/* 02.11: кнопка в шапке как hdr-cta из дизайн-системы Life OS */
.hdr-cta{justify-self:end;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:12px;background:#01030e;color:#fff;font-size:13px;letter-spacing:.01em;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:transform .1s ease-in-out,background .2s ease-in-out,color .2s ease-in-out}
@media(any-hover:hover){.hdr-cta:hover{background:#eef400;color:#01030e}}
.hdr-cta:active{transform:translateY(1px)}
.hdr-cta:focus-visible{outline:2px solid #01030e;outline-offset:3px}
.pav{width:46px;height:46px;margin-right:-10px}
.pav-ring{width:58px;height:58px}
.pav.is-active{margin-left:12px;margin-right:2px;transform:scale(1.15)}
@media(max-width:760px){.pav{width:42px;height:42px}.pav-ring{width:54px;height:54px}}
/* 02.11: ровные интервалы, круги не наезжают и не меняют размер */
.pav-row{gap:12px;padding:6px;margin-right:-6px}
.pav,.pav.is-active,.pav:last-child{width:42px;height:42px;margin:0;transform:none}
.pav-ring{left:-6px;top:-6px;width:54px;height:54px}
@media(max-width:1100px){.pav-row{margin-right:0;margin-left:-6px}}
@media(max-width:760px){.pav,.pav.is-active,.pav:last-child{width:42px;height:42px}.pav-ring{width:54px;height:54px}}
/* 02.11: круги снова внахлёст, нахлёст у всех одинаковый */
.pav-row{gap:0}
.pav,.pav.is-active{margin:0 -10px 0 0}
.pav:last-child{margin-right:0}
.pav.is-active{z-index:3}
.pav,.pav.is-active,.pav:last-child{margin:0 0 0 -10px}
.pav-row{padding-left:16px}
.hero-meta{max-width:320px;line-height:1.5}

/* 02.11: планшет 761–1100. Три колонки там не помещались: правая сжималась до 180 px и круги наезжали на самолёт */
@media(min-width:761px) and (max-width:1100px){
  .hero-layout.minimal-hero{grid-template-columns:1fr 1fr;min-height:0;row-gap:32px}
  .minimal-hero .hero-copy{padding-top:40px}
  .hero-object.paper-object{min-height:520px;height:520px}
  .paper-art{width:min(440px,100%)}
  .hero-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;padding:0 0 32px}
  .hero-side .people{align-items:flex-start}
  .hero-side .people-count,.hero-side .people-quote{text-align:left}
  .hero-side .pav-row{justify-content:flex-start;margin-left:-6px}
  .hero-side .hero-cta{margin:0;min-height:300px}
}
@media(min-width:761px) and (max-width:1100px){
  .hero-layout.minimal-hero{height:auto;max-height:none}
}
@media(min-width:1101px){
  .hero-layout.minimal-hero{height:auto;max-height:none;min-height:max(750px,calc(100svh - 175px))}
  .hero-side .hero-cta{margin-top:28px}
}

/* 02.11: экраны по тексту лендинга Кати */
.doc-benefits{margin:65px 0 0}
.who-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.who-grid li{background:#fff;border-radius:24px;padding:28px;font-size:clamp(24px,2.4vw,34px);line-height:1.05;letter-spacing:-.035em}
.who-tasks{font-size:20px;line-height:1.35;letter-spacing:-.02em;max-width:820px;margin-top:32px}
.easier-grid{grid-template-columns:repeat(3,1fr)}
.easier-grid article h3{font-size:24px}
.between-note{font-size:14px;line-height:1.45;color:#6e6a62;border-top:1px solid #01030e18;padding-top:16px;margin:0 0 24px}
.between-note b{font-weight:400;color:#01030e}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.case{border:1px solid #01030e1a;border-radius:24px;padding:28px;background:#fff;display:flex;flex-direction:column;gap:14px}
.case-role{font-size:15px;color:#6e6a62}
.case-metric{font-weight:400;font-size:clamp(36px,3.2vw,52px);line-height:1;letter-spacing:-.05em}
.case p.was{font-size:15px;line-height:1.45;padding-bottom:14px;border-bottom:1px solid #01030e18}
.case p.was b,.became>b{font-weight:400;color:#6e6a62}
.became{font-size:15px;line-height:1.45}
.became ul{margin:8px 0 0;padding-left:18px}
.became li+li{margin-top:6px}
.case-quotes{margin-top:auto;padding-top:16px;border-top:1px solid #01030e18;display:flex;flex-direction:column;gap:10px}
.case-quotes q{font-size:17px;line-height:1.3;letter-spacing:-.02em;quotes:'\00AB' '\00BB'}
@media(max-width:1100px){.who-grid,.easier-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.who-grid,.easier-grid,.case-grid{grid-template-columns:1fr}.who-tasks{font-size:17px}}
.who-lead{font-size:20px;line-height:1.35;letter-spacing:-.02em;max-width:860px;margin:0 0 32px}
@media(max-width:760px){.who-lead{font-size:17px}}
.who-lead.on-dark{color:#ffffffc7}
.host-logo{display:block;width:min(280px,70%);height:auto;margin:0 0 22px}
.big-quote .scroll-fill{--fill-color:#01030e;color:#01030e33!important}

/* 02.11: ролик в «Как это работает» вместо скриншота */
.lifeos-video{position:relative;margin:20px 0 0}
.lifeos-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:24px;background:#f6f6f6;border:1px solid #01030e14}
.lifeos-video figcaption{font-size:11px;letter-spacing:.06em;color:#6e6a62;margin-top:12px}
.lifeos-sound{position:absolute;right:16px;top:16px;min-height:48px;padding:0 18px;border-radius:12px;border:0;background:#01030ecc;color:#fff;font:inherit;font-size:13px;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease-in-out}
.lifeos-sound[aria-pressed="true"]{background:#eef400;color:#01030e}
@media(any-hover:hover){.lifeos-sound:hover{background:#01030e}}

/* 02.11: программа календарём, по стилю календаря MM OS */
.kcal{--m1:#01030e;--m2:#eef400;--m3:#183225;display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}
.kc-card,.kc-side{background:#fff;border-radius:24px;box-shadow:0 20px 50px #01030e12;padding:24px}
.kc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.kc-head b{font-weight:400;font-size:20px;letter-spacing:-.02em}
.kc-head span{font-size:12px;color:#6e6a62}
.kc-dow,.kc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.kc-dow{margin-bottom:8px}.kc-dow span{font-size:11px;color:#6e6a62;text-transform:uppercase;letter-spacing:.06em}
.kc-day{min-height:96px;border-radius:12px;background:#f6f4ef;padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;font:inherit;color:#01030e;border:1px solid transparent}
.kc-day em{font-style:normal;font-size:14px;color:#6e6a62}
.kc-day.we{background:#faf8f4}
.kc-day.meet{cursor:pointer;background:#fff;border-color:#01030e14;transition:transform .3s cubic-bezier(.22,.61,.36,1),border-color .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s cubic-bezier(.22,.61,.36,1)}
.kc-day.meet em{color:#01030e}
.kc-tag{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.25;letter-spacing:-.01em}
.kc-tag i,.kc-legend i,.kc-when i{flex:none;width:9px;height:9px;border-radius:50%;margin-top:3px;background:var(--m)}
.m1{--m:var(--m1)}.m2{--m:var(--m2)}.m3{--m:var(--m3)}
.kc-day.meet.m2 .kc-tag i,.kc-legend .m2 i,.kc-panel.m2 .kc-when i{box-shadow:inset 0 0 0 1px #01030e40}
.kc-day.meet.on{border-color:#01030e;box-shadow:0 10px 24px #01030e1a}
@media(any-hover:hover){.kc-day.meet:hover{transform:translateY(-3px);border-color:#01030e55}}
.kc-day.meet:focus-visible{outline:2px solid #01030e;outline-offset:2px}
.kc-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.kc-legend span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#6e6a62}
.kc-legend i{margin:0}
.kc-side{position:sticky;top:110px;min-height:420px;display:flex;flex-direction:column}
.kc-panel{display:flex;flex-direction:column;gap:14px;animation:kcIn .35s cubic-bezier(.22,.61,.36,1)}
.kc-panel[hidden]{display:none}
@keyframes kcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kc-when{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6e6a62}
.kc-when i{margin:0}
.kc-panel h3{font-size:30px;line-height:1.08;letter-spacing:-.03em;font-weight:400;margin:0}
.kc-panel p{font-size:15px;line-height:1.5;margin:0;color:#3d3a35}
.kc-res{background:#fdf2e4;border-radius:16px;padding:16px 18px}
.kc-res b{display:block;font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6e6a62;margin-bottom:6px}
.kc-mod{font-size:12px;color:#6e6a62}
.kc-nav{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between}
.kc-nav button{min-width:48px;min-height:48px;border-radius:12px;border:1px solid #01030e20;background:#fff;font:inherit;font-size:18px;cursor:pointer}
@media(any-hover:hover){.kc-nav button:hover{border-color:#01030e}}
.kc-count{font-size:13px;color:#6e6a62;font-variant-numeric:tabular-nums}
.kc-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.kc-notes p{font-size:14px;line-height:1.45;color:#6e6a62;margin:0;border-top:1px solid #01030e18;padding-top:14px}
.kc-notes b{display:block;font-weight:400;color:#01030e;margin-bottom:4px}
@media(max-width:1100px){.kcal{grid-template-columns:1fr}.kc-side{position:static;min-height:0}}
@media(max-width:760px){
  .kc-card,.kc-side{padding:16px}
  .kc-dow,.kc-grid{gap:4px}
  .kc-day{min-height:62px;padding:6px;border-radius:10px}
  .kc-tag{font-size:0;gap:0}.kc-tag i{width:10px;height:10px}
  .kc-head{flex-direction:column;gap:4px}
  .kc-notes{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.kc-panel{animation:none}.kc-day.meet{transition:none}}

/* 02.11: вопросы по образцу: слева заголовок и карточка, справа список с круглой стрелкой у вопроса */
.faq-grid{grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.faq-side{position:sticky;top:120px}
.faq-side h2{margin-top:30px}
.faq-card{margin-top:40px;border:1px solid #01030e14;border-radius:24px;padding:24px;background:#f6f4ef;max-width:440px}
.faq-who{display:flex;align-items:center;gap:14px}
.faq-who img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.faq-who b{display:block;font-weight:400;font-size:17px;letter-spacing:-.02em}
.faq-who span{font-size:13px;color:#6e6a62}
.faq-card p{font-size:16px;line-height:1.45;color:#3d3a35;margin:16px 0 20px}
.faq-card .button{display:inline-flex}
.faq-list details{border-top:1px solid #01030e18}
.faq-list details:last-child{border-bottom:1px solid #01030e18}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;font-size:20px;line-height:1.3;letter-spacing:-.02em;cursor:pointer;min-height:48px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'';flex:none;width:48px;height:48px;border-radius:50%;background:#01030e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;transition:transform .35s cubic-bezier(.22,.61,.36,1),background-color .35s cubic-bezier(.22,.61,.36,1)}
.faq-list details[open] summary:after{transform:rotate(90deg);background-color:#eef400;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301030e' stroke-width='2'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
@media(any-hover:hover){.faq-list summary:hover:after{transform:translateX(4px)}.faq-list details[open] summary:hover:after{transform:rotate(90deg)}}
.faq-list details p{font-size:16px;line-height:1.55;color:#6e6a62;margin:0;padding:0 68px 26px 0;max-width:720px}
.faq-list summary:focus-visible{outline:2px solid #01030e;outline-offset:4px;border-radius:8px}
@media(max-width:1100px){.faq-grid{grid-template-columns:1fr;gap:30px}.faq-side{position:static}}
@media(max-width:760px){.faq-list summary{font-size:17px;padding:20px 0}.faq-list details p{padding-right:0}.faq-card{max-width:none}}
@media(prefers-reduced-motion:reduce){.faq-list summary:after{transition:none}}
/* перебиваем старый «+»: он был абсолютным и с текстом */
.faq .faq-list summary{padding:26px 0;position:static}
.faq .faq-list summary:after,.faq .faq-list details[open] summary:after{content:'';position:static;font-size:0}
.faq .faq-list details{border-bottom:0}
@media(max-width:760px){.faq .faq-list summary{padding:20px 0}}
/* 02.11: кнопка в карточке цены поменьше */
.join-card .button{font-size:16px;padding:14px 18px;min-height:52px}

/* 02.11: огромное «AI-ПЕРЕХОД» внизу, срезанное наполовину, как у MOSHKA */
.mega-word{background:#01030e;overflow:hidden;height:calc(var(--mw-size,18vw) * .58);display:flex;align-items:flex-start;justify-content:center;padding-top:calc(var(--mw-size,18vw) * .08)}
.mega-word span{display:block;font-size:var(--mw-size,18vw);line-height:.8;font-weight:500;letter-spacing:-.06em;color:#eef400;white-space:nowrap;user-select:none}
/* 02.11: финал без скругления, продолжение предыдущего блока */
#join{border-radius:0!important;box-shadow:none!important;margin-top:0!important}
.final-micro{font-size:13px;color:#ffffff80;margin-top:14px;text-align:center}

/* 02.11: свой плеер голосовых отзывов со звуковой волной */
.wave-player{display:flex;align-items:center;gap:14px;margin-top:18px;padding:8px 16px 8px 8px;border-radius:999px;background:#ffffff10;border:1px solid #ffffff1f}
.wp-btn{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:#eef400;cursor:pointer;position:relative;transition:transform .2s ease-in-out}
.wp-btn:before{content:'';position:absolute;left:19px;top:15px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #01030e}
.wave-player.on .wp-btn:before{left:17px;top:16px;width:4px;height:16px;border:0;background:#01030e;box-shadow:9px 0 0 #01030e}
@media(any-hover:hover){.wp-btn:hover{transform:scale(1.06)}}
.wp-wave{flex:1;display:flex;align-items:center;gap:2px;height:34px;cursor:pointer}
.wp-wave i{flex:1;min-width:2px;border-radius:2px;background:#ffffff4d;transition:background .15s linear}
.wp-wave i.done{background:#eef400}
.wave-player.on .wp-wave i.now{animation:wpPulse .5s ease-in-out infinite alternate}
@keyframes wpPulse{to{transform:scaleY(1.35)}}
.wp-time{flex:none;font-size:12px;color:#ffffffa8;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}
@media(prefers-reduced-motion:reduce){.wave-player.on .wp-wave i.now{animation:none}}

/* 02.11: круглая кнопка «наверх» слева внизу, появляется после первого экрана */
.to-top{position:fixed;left:24px;bottom:24px;z-index:50;width:56px;height:56px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301030e' stroke-width='2'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 10px 30px #01030e2e;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s cubic-bezier(.22,.61,.36,1),transform .3s cubic-bezier(.22,.61,.36,1)}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
@media(any-hover:hover){.to-top:hover{transform:translateY(-3px)}}
.to-top:focus-visible{outline:2px solid #01030e;outline-offset:3px}
@media(max-width:760px){.to-top{left:16px;bottom:16px;width:48px;height:48px}}
.wave-player{max-width:100%;min-width:0}
.wp-wave{min-width:0;overflow:hidden;gap:1.5px}
.wp-wave i{min-width:0}

/* 02.11: сомнения с переключателем «В начале / После» и голосами */
.ob-switch{position:relative;display:inline-flex;padding:5px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff24;margin:10px 0 36px}
.ob-switch button{position:relative;z-index:1;min-height:48px;padding:0 26px;border:0;background:none;color:#ffffffa8;font:inherit;font-size:15px;cursor:pointer;transition:color .35s cubic-bezier(.22,.61,.36,1)}
.ob-switch button.on{color:#01030e}
.ob-switch i{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:#ffffffd9;transition:transform .45s cubic-bezier(.22,.61,.36,1),background .45s cubic-bezier(.22,.61,.36,1)}
.objections.after .ob-switch i{transform:translateX(100%);background:#eef400}
.ob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ob-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid #ffffff22;padding:26px;min-height:300px;background:#ffffff06;transition:background .5s cubic-bezier(.22,.61,.36,1),border-color .5s cubic-bezier(.22,.61,.36,1)}
.ob-card h3{font-size:22px;line-height:1.15;margin:0 0 18px;color:#ffffffa8;transition:color .5s}
.ob-face{transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1),filter .45s}
.ob-face q{display:block;font-size:19px;line-height:1.3;letter-spacing:-.02em;quotes:'\00AB' '\00BB'}
.ob-face>span{display:block;font-size:12px;color:#ffffff80;margin-top:12px}
.ob-face .wave-player{margin-top:16px}
.ob-after{position:absolute;left:26px;right:26px;top:66px;opacity:0;transform:translateY(40px) scale(.96);filter:blur(6px);pointer-events:none}
.objections.after .ob-before{opacity:0;transform:translateY(-30px) scale(.96);filter:blur(6px);pointer-events:none}
.objections.after .ob-after{opacity:1;transform:none;filter:none;pointer-events:auto}
.objections.after .ob-card{background:#eef400;border-color:#eef400}
.objections.after .ob-card h3{color:#01030e80;text-decoration:line-through;text-decoration-thickness:1px}
.objections.after .ob-after q,.objections.after .ob-after>span{color:#01030e}
.objections.after .ob-after .wave-player{background:#01030e12;border-color:#01030e22}
.objections.after .ob-after .wp-btn{background:#01030e}.objections.after .ob-after .wp-btn:before{border-left-color:#eef400}
.objections.after .ob-after .wave-player.on .wp-btn:before{background:#eef400;box-shadow:9px 0 0 #eef400}
.objections.after .ob-after .wp-wave i{background:#01030e40}.objections.after .ob-after .wp-wave i.done{background:#01030e}
.objections.after .ob-after .wp-time{color:#01030eaa}
.ob-grid .ob-card:nth-child(2){transition-delay:.05s}.ob-grid .ob-card:nth-child(3){transition-delay:.1s}.ob-grid .ob-card:nth-child(4){transition-delay:.15s}.ob-grid .ob-card:nth-child(5){transition-delay:.2s}.ob-grid .ob-card:nth-child(6){transition-delay:.25s}
.wave-player.sm .wp-btn{width:40px;height:40px}.wave-player.sm .wp-btn:before{left:16px;top:12px;border-width:8px 0 8px 12px}
.wave-player.sm.on .wp-btn:before{left:14px;top:12px;width:4px;height:16px;border:0}
@media(max-width:1100px){.ob-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ob-grid{grid-template-columns:1fr}.ob-card{min-height:250px}.ob-switch{display:flex}.ob-switch button{flex:1}}
@media(prefers-reduced-motion:reduce){.ob-face,.ob-card,.ob-switch i{transition:none}}
.ob-card{display:grid;grid-template-rows:auto 1fr;align-content:start}
.ob-card h3{grid-row:1;grid-column:1}
.ob-face{grid-row:2;grid-column:1}
.ob-after{position:static;left:auto;right:auto;top:auto}
#for{border-radius:0!important;box-shadow:none!important;margin-top:0!important}

/* 02.11: финал. Карточки по очереди выезжают, по верху бежит линия пути, при наведении подсветка */
.final-steps li{position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s cubic-bezier(.22,.61,.36,1),background-color .45s cubic-bezier(.22,.61,.36,1),opacity .6s cubic-bezier(.22,.61,.36,1)}
.final-steps li:before{content:'';position:absolute;left:0;top:0;height:3px;width:100%;background:#eef400;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.final-steps li>span{transition:color .45s}
.final-steps.go li{animation:fsIn .7s cubic-bezier(.22,.61,.36,1) both}
.final-steps.go li:before{transform:scaleX(1)}
.final-steps.go li:nth-child(1),.final-steps.go li:nth-child(1):before{animation-delay:0s;transition-delay:.3s}
.final-steps.go li:nth-child(2),.final-steps.go li:nth-child(2):before{animation-delay:.12s;transition-delay:.95s}
.final-steps.go li:nth-child(3),.final-steps.go li:nth-child(3):before{animation-delay:.24s;transition-delay:1.6s}
.final-steps.go li:nth-child(4),.final-steps.go li:nth-child(4):before{animation-delay:.36s;transition-delay:2.25s}
@keyframes fsIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(any-hover:hover){.final-steps li:hover{transform:translateY(-6px);border-color:#eef40099;background-color:#ffffff0d}.final-steps li:hover>span{color:#eef400}}
@media(prefers-reduced-motion:reduce){.final-steps li,.final-steps.go li{animation:none}.final-steps li:before{transform:scaleX(1);transition:none}}

/* 02.11: подвал по образцу MOSHKA. Тёмный, слитный с огромным словом, буквы жирные и срезаны только снизу */
@font-face{font-family:HovesBlack;src:url('../assets/fonts/TTHoves-Black.woff2') format('woff2');font-weight:900;font-display:swap}
footer.on-dark{background:#01030e;color:#fff;border-top:0;padding-bottom:10px}
footer.on-dark>span,footer.on-dark>a:last-child{color:#ffffffa8}
.mega-word{background:#01030e;padding-top:0;height:calc(var(--mw-size,18vw) * .62);align-items:flex-start}
.mega-word span{font-family:HovesBlack,Hoves,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:.74;margin-top:calc(var(--mw-size,18vw) * -.02)}

/* 02.11: карточки цены живые при наведении: подъём, свечение за курсором, рамка лаймом */
.plans article{position:relative;overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s cubic-bezier(.22,.61,.36,1)}
.plans article:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#eef40026,transparent 70%);transition:opacity .45s cubic-bezier(.22,.61,.36,1)}
.plans article h3{transition:transform .45s cubic-bezier(.22,.61,.36,1)}
@media(any-hover:hover){.plans article:hover{transform:translateY(-6px);border-color:#eef40080;box-shadow:0 22px 40px #0003}.plans article:hover:before{opacity:1}.plans article:hover h3{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.plans article,.plans article h3{transition:none}}
main>section.alumni{border-radius:0!important;box-shadow:none!important;margin-top:0!important}

/* 02.11: сомнения по людям: кружок с лицом (видео, если есть), слова до и после одного человека */
.ob-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.ob-who{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.ob-who>span{font-size:12px;color:#ffffff80;line-height:1.35}
.ob-who b{display:block;font-weight:400;font-size:16px;color:#fff}
.ob-circle{flex:none;position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#ffffff14;box-shadow:0 0 0 2px #ffffff24}
.ob-circle img,.ob-circle video{width:100%;height:100%;object-fit:cover;display:block}
.ob-face:has(.wave-player.on) .ob-circle{animation:obRing 1s ease-in-out infinite}
@keyframes obRing{0%,100%{box-shadow:0 0 0 2px #eef400}50%{box-shadow:0 0 0 6px #eef40066}}
.ob-face .ob-who+q{margin-top:0}
.ob-face>span{display:none}
.objections.after .ob-who b{color:#01030e}.objections.after .ob-who>span{color:#01030e99}
.objections.after .ob-circle{box-shadow:0 0 0 2px #01030e33}
.objections.after .ob-face:has(.wave-player.on) .ob-circle{animation:obRing2 1s ease-in-out infinite}
@keyframes obRing2{0%,100%{box-shadow:0 0 0 2px #01030e}50%{box-shadow:0 0 0 6px #01030e44}}
@media(prefers-reduced-motion:reduce){.ob-circle{animation:none!important}}

/* выпускной KL2 */
.grad{margin-top:60px;padding-top:35px;border-top:1px solid #01030e22}
.grad-title{font-size:clamp(26px,3vw,40px);line-height:1.05;letter-spacing:-.03em;font-weight:400;margin:18px 0 30px;max-width:780px}
.grad-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:20px}
.grad-card{margin:0;border:1px solid #01030e1a;padding:26px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.grad-card.big{grid-row:span 2;background:#01030e;color:#ffffff;border-color:#01030e}
.grad-card blockquote{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.01em}
.grad-card.big blockquote{font-size:clamp(24px,2.4vw,34px);line-height:1.12;letter-spacing:-.03em}
.grad-card blockquote:before{content:'\00AB'}
.grad-card blockquote:after{content:'\00BB'}
.grad-card figcaption{display:flex;align-items:center;gap:12px}
.grad-card figcaption img,.grad-ini{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.grad-ini{display:grid;place-items:center;font-style:normal;background:#fdf2e4;color:#01030e;font-size:18px}
.grad-card figcaption span{font-size:12px;color:#6e6a62;display:flex;flex-direction:column;gap:3px}
.grad-card figcaption b{font-weight:400;font-size:15px;color:#01030e}
.grad-card.big figcaption span{color:#ffffff99}
.grad-card.big figcaption b{color:#ffffff}
.grad-grid .grad-card:nth-child(4){grid-column:2/4}
@media (any-hover:hover){.grad-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px #01030e66}}
@media (max-width:900px){.grad-grid{grid-template-columns:1fr 1fr}.grad-card.big{grid-row:auto;grid-column:1/-1}.grad-grid .grad-card:nth-child(4){grid-column:1/-1}}
@media (max-width:600px){.grad-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.grad-card{transition:none}}
.grad-grid .grad-card:nth-child(4) blockquote{font-size:clamp(20px,1.9vw,26px);line-height:1.18;letter-spacing:-.02em}
.grad-film{margin:0 0 20px}
.grad-film video{display:block;width:100%;aspect-ratio:16/9;background:#01030e;border:1px solid #01030e1a}
.grad-film figcaption{font-size:15px;line-height:1.4;color:#6e6a62;margin-top:14px;max-width:820px}
.grad-film figcaption b{font-weight:400;color:#01030e}
.lifeos-full{position:absolute;left:16px;top:16px;min-height:48px;padding:0 18px;border-radius:12px;border:0;background:#01030ecc;color:#fff;font:inherit;font-size:13px;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease-in-out}
@media(any-hover:hover){.lifeos-full:hover{background:#01030e}}
@media(max-width:600px){.lifeos-sound,.lifeos-full{top:10px;padding:0 14px;font-size:12px}.lifeos-sound{right:10px}.lifeos-full{left:10px}}
/* сомнения: восемь пар, длинные цитаты */
.ob-grid{grid-template-columns:repeat(4,1fr)}
.ob-grid .ob-card:nth-child(7){transition-delay:.3s}.ob-grid .ob-card:nth-child(8){transition-delay:.35s}
.ob-card q{font-size:17px;line-height:1.35}
@media(max-width:1300px){.ob-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ob-grid{grid-template-columns:1fr}}