@charset "UTF-8";
/* ai-perehod.com поверх бумажной системы KL3. Только новые блоки сайта перехода. */

/* Первый экран */
.hero-copy>p .hero-strong{font-weight:400;color:#01030e}
.hero-copy>p{color:#6e6a62}
.now-card{display:flex;flex-direction:column;gap:10px;border-top:2px solid #eef400;padding-top:18px;text-decoration:none;color:#01030e;min-height:48px}
.now-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;color:#6e6a62}
.now-label i,.lab-status i,.eco-tag i,.labs-note i{width:7px;height:7px;border-radius:50%;background:#183225;box-shadow:0 0 0 3px #18322533;animation:pulse-dot 2.4s ease-in-out infinite}
.lab-card.live .lab-status i,.eco-tag i{background:#fff;box-shadow:0 0 0 3px #ffffff33;animation-name:pulse-dot-light}
.now-card b{font-weight:400;font-size:21px;line-height:1.15;letter-spacing:-.025em}
.now-meta{font-size:12px;color:#6e6a62}
.now-link{font-size:12px;border-bottom:1px solid #01030e55;align-self:flex-start;padding-bottom:4px;margin-top:4px}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 3px #18322533}50%{box-shadow:0 0 0 7px #18322500}}
@keyframes pulse-dot-light{0%,100%{box-shadow:0 0 0 3px #ffffff33}50%{box-shadow:0 0 0 7px #ffffff00}}

/* Что такое переход */
.about-lead{max-width:760px;margin-left:auto;margin-right:auto}

/* Ценности */
.values-grid{grid-template-columns:repeat(4,1fr)}
.values-grid h3{margin-top:90px}
.values-grid article{display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.values-grid article:first-child{background:#183225;color:#fff}
.values-grid article:first-child span,.values-grid article:first-child p{color:#ffffffb8}

/* Миссия: тёмно-зелёное полотно */
.green-section{background:#183225;color:#fff}
.mission .wrap{padding-top:120px;padding-bottom:120px}
.mission .eyebrow{color:#ffffffa8}
.mission-text{font-size:clamp(34px,4.4vw,70px);line-height:1.06;letter-spacing:-.045em;margin:40px 0 0;max-width:1180px}
.mission .fill-letter{--fill-color:#fff}
.mission .fill-letter.is-accent{--fill-color:#eef400}
.mission-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:70px;padding-top:24px;border-top:1px solid #ffffff2a}
.mission-foot p{font-size:17px;line-height:1.4;color:#ffffffb8;max-width:520px}
.mission-foot .tiny-label{color:#ffffff8c}

/* Экосистема */
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.eco-card{border:1px solid #ffffff25;border-radius:24px;padding:28px;display:flex;flex-direction:column;background:#ffffff05;min-height:470px}
.eco-card.on{background:#183225;border-color:#ffffff40}
.eco-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;color:#ac9d94}
.eco-card.on .eco-tag{color:#fff}
.eco-card h3{font-size:clamp(28px,2.4vw,38px);line-height:1.04;letter-spacing:-.035em;margin-top:70px}
.eco-card p{font-size:15px;line-height:1.45;color:#ffffffa8;margin-top:16px}
.eco-list{list-style:none;padding:0;margin:24px 0 32px;display:flex;flex-direction:column}
.eco-list li{font-size:14px;padding:11px 0;border-top:1px solid #ffffff1c;color:#ffffffd0}
.eco-card .button{margin-top:auto;justify-content:space-between}
.eco-seal{text-align:center;font-size:clamp(26px,2.6vw,40px);letter-spacing:-.035em;margin-top:70px;color:#ffffffd8}

/* Контент-лаборатории */
.labs .who-lead{max-width:860px;font-size:21px;line-height:1.35;letter-spacing:-.015em}
.learn-row{list-style:none;padding:0;margin:45px 0 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.learn-row li{border-top:2px solid #01030e;padding-top:16px;font-size:17px;line-height:1.3;letter-spacing:-.015em}
.learn-row span{display:block;font-size:11px;letter-spacing:.06em;color:#6e6a62;margin-bottom:12px}
.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lab-card{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;min-height:430px;position:relative}
.lab-card.live{background:#01030e;color:#fff}
.lab-top{display:flex;justify-content:space-between;align-items:center}
.lab-num{font-size:44px;letter-spacing:-.05em;line-height:1}
.lab-status{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;border:1px solid #01030e22;border-radius:20px;padding:7px 11px;color:#6e6a62}
.lab-card.live .lab-status{border-color:#ffffff55;color:#fff}
.lab-card h3{font-size:26px;line-height:1.08;letter-spacing:-.03em;margin-top:60px}
.lab-dates{font-size:13px;color:#6e6a62;margin-top:8px}
.lab-card p{font-size:15px;line-height:1.45;color:#6e6a62;margin-top:18px}
.lab-card.live .lab-dates,.lab-card.live p{color:#ffffffa8}
.lab-facts{font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-top:auto;padding-top:22px;border-top:1px solid #01030e15}
.lab-card.live .lab-facts{border-color:#ffffff22}
.lab-link{display:inline-flex;align-items:center;min-height:48px;font-size:14px;margin-top:10px;border-bottom:1px solid #01030e55;align-self:flex-start}
.lab-card .button{margin-top:18px;justify-content:space-between}
.labs-note{display:flex;align-items:center;gap:12px;font-size:15px;margin-top:34px;color:#01030e}

/* Календарь */
.cal-tabs{display:inline-flex;gap:6px;padding:5px;border-radius:14px;background:#f6f6f6;margin-bottom:24px}
.cal-tabs button{border:0;background:transparent;font:inherit;font-size:14px;padding:0 18px;min-height:48px;border-radius:10px;cursor:pointer;color:#6e6a62}
.cal-tabs button[aria-selected="true"]{background:#01030e;color:#fff}
.cal-list{list-style:none;padding:0;margin:0;border-top:1px solid #01030e20}
.cal-row{display:grid;grid-template-columns:150px 150px 1fr auto;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #01030e20;transition:background .3s ease-in-out}
.cal-row[hidden]{display:none}
.cal-date{display:flex;align-items:baseline;gap:8px}
.cal-date b{font-weight:400;font-size:30px;letter-spacing:-.04em}
.cal-date span{font-size:13px;color:#6e6a62}
.cal-kind{font-size:10px;letter-spacing:.12em;color:#6e6a62}
.cal-what h3{font-size:22px;line-height:1.15;letter-spacing:-.025em}
.cal-what p{font-size:14px;color:#6e6a62;margin-top:6px}
.cal-go{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-height:48px;min-width:150px;font-size:13px}
.cal-state{font-size:10px;letter-spacing:.12em;border:1px solid #01030e22;border-radius:20px;padding:7px 11px;color:#6e6a62;white-space:nowrap}
.cal-row.is-soon,.cal-row.is-now{background:linear-gradient(90deg,#fdf2e4,#fdf2e400 75%)}
.cal-row.is-soon .cal-state,.cal-row.is-now .cal-state{background:#183225;border-color:#183225;color:#fff}
.cal-row.is-past .cal-date b,.cal-row.is-past .cal-what h3{color:#01030ec4}
.cal-empty{font-size:16px;color:#6e6a62;padding:30px 0}
.cal-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:20px}
.cal-foot p{font-size:14px;color:#6e6a62}

/* Кто мы */
.founders{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.founder{background:#fff;display:grid;grid-template-columns:.85fr 1fr}
.founder img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.founder-body{padding:28px;display:flex;flex-direction:column}
.founder h3{font-size:clamp(26px,2.2vw,34px);line-height:1.05;letter-spacing:-.035em;margin-top:14px}
.founder .host-facts{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}
.founder .host-facts li{font-size:14px;line-height:1.45;color:#6e6a62;padding-left:16px;position:relative}
.founder .host-facts li:before{content:'';position:absolute;left:0;top:.62em;width:6px;height:2px;background:#183225}
.founder .host-area{font-size:15px;line-height:1.4;margin-top:auto;padding-top:22px;border-top:1px solid #01030e15}
.founder .text-link{margin-top:16px;align-self:flex-start}
.team-shot{margin-top:40px}
.team-shot img{border:0}

/* Финал */
.final-steps.three{grid-template-columns:repeat(3,1fr);max-width:980px;margin-left:auto;margin-right:auto}
.final-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.final-actions .button.outline{min-width:0}

@media(any-hover:hover){
 .now-card:hover .now-link,.lab-link:hover,a.cal-go:hover .cal-state{border-color:#01030e}
 .values-grid article:hover,.lab-card:hover{transform:translateY(-6px)}
 .eco-card{transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s ease-in-out}
 .eco-card:hover{transform:translateY(-6px);border-color:#ffffff55}
 .lab-card{transition:transform .45s cubic-bezier(.22,.61,.36,1)}
 .cal-row:hover{background:#f6f6f680}
}

@media(max-width:1100px){
 .values-grid,.learn-row{grid-template-columns:1fr 1fr}
 .eco-grid,.lab-grid{grid-template-columns:1fr}
 .eco-card,.lab-card{min-height:0}
 .eco-card h3,.lab-card h3{margin-top:40px}
 .founders{grid-template-columns:1fr}
 .cal-row{grid-template-columns:120px 1fr auto;gap:16px}
 .cal-kind{display:none}
}
@media(max-width:760px){
 .now-card b{font-size:19px}
 .values-grid,.learn-row,.final-steps.three{grid-template-columns:1fr}
 .values-grid h3{margin-top:40px}
 .mission .wrap{padding-top:70px;padding-bottom:70px}
 .mission-foot{flex-direction:column;align-items:flex-start;gap:16px;margin-top:45px}
 .labs .who-lead{font-size:18px}
 .founder{grid-template-columns:1fr}
 .founder img{aspect-ratio:4/4;object-position:50% 20%}
 .cal-tabs{display:flex;width:100%}
 .cal-tabs button{flex:1;padding:0 8px}
 .cal-row{grid-template-columns:1fr auto;grid-template-areas:"date go" "what what";gap:8px 12px;padding:18px 0}
 .cal-date{grid-area:date}.cal-what{grid-area:what}.cal-go{grid-area:go;min-width:0}
 .cal-what h3{font-size:19px}
 .cal-foot{flex-direction:column;align-items:flex-start}
 .final-actions{flex-direction:column}
 .final-actions .button{width:100%}
 .eco-seal{margin-top:45px}
}
@media(prefers-reduced-motion:reduce){
 .now-label i,.lab-status i,.eco-tag i,.labs-note i{animation:none}
}

/* 04.11: в первом экране вместо карточки входа набор в KL3, наверху колонки */
.hero-side{justify-content:flex-start}
@media(max-width:1100px){.hero-side .now-card{grid-column:1/-1}}

/* 04.11: под смыслом этапа, где на нём помогает экосистема */
.paper-where{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:9px;letter-spacing:.1em;color:#183225;transition:opacity .25s cubic-bezier(.22,.61,.36,1)}
.paper-where:before{content:'';width:5px;height:5px;border-radius:50%;background:#183225}
.paper-caption.changing .paper-where{opacity:0}
@media(max-width:760px){.paper-where{font-size:8px}}
@media(max-width:760px){
 /* подпись этапа стала в три строки: на телефоне отодвигаем её от бумаги */
 .hero .paper-object{height:620px;min-height:620px}
 .hero .paper-art{top:215px}
}

/* 04.11: у полотен ровные верхние углы, без скругления (просьба Артёма) */
.rounded,.layer-panel{border-radius:0!important}

/* 04.11: под миссией что для нас свобода и счастье */
.mission-defs{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:70px 0 0;padding-top:24px;border-top:1px solid #ffffff2a}
.mission-defs dt{font-size:11px;letter-spacing:.13em;color:#ffffffa8}
.mission-defs dd{margin:14px 0 0;font-size:clamp(19px,1.6vw,24px);line-height:1.35;letter-spacing:-.02em;color:#ffffffd8;max-width:520px}
@media(max-width:760px){.mission-defs{grid-template-columns:1fr;gap:28px;margin-top:45px}}
/* скругление остаётся только у полотна, которое наезжает на первый экран */
#about.rounded{border-radius:40px 40px 0 0!important}
@media(max-width:760px){#about.rounded{border-radius:24px 24px 0 0!important}}