@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}