/* Психотека. Главная страница: обновление структуры и ритма, 26.10.2026.
   Селекторы только для главной, без вмешательства в каталоги и методики. */
.site-landing #siteHome{
  --home-ink:#203d33;
  --home-muted:#60776c;
  --home-border:#d9e4d9;
  --home-bg:#f6f8f3;
  --home-surface:#ffffff;
  --home-forest:#173f35;
  --home-sand:#b7a893;
  background:var(--home-bg);
  color:var(--home-ink);
}
.site-landing #siteHome main{background:var(--home-bg)}
.site-landing #siteHome .site-header{
  padding-inline:clamp(20px,4.5vw,76px)!important;
  background:rgba(250,252,248,.97);
  border-bottom:1px solid #dbe7da;
}
.site-landing #siteHome .site-header nav{gap:clamp(8px,1.6vw,18px)}
.site-landing #siteHome .site-hero{
  background:linear-gradient(113deg,#163d33 8%,#265f4c 73%,#3a7560)!important;
  overflow:hidden;
  position:relative;
}
.site-landing #siteHome .site-hero:before,
.site-landing #siteHome .site-hero:after{display:none!important}
.site-landing #siteHome .psy-hero-inner{
  width:min(100%,1440px);
  max-width:1440px;
  min-height:565px;
  display:grid;
  grid-template-columns:minmax(0,1.07fr) minmax(345px,.93fr);
  align-items:center;
  gap:clamp(38px,6vw,96px);
  padding:clamp(62px,7vw,105px) clamp(24px,6vw,86px)!important;
  margin-inline:auto;
}
.site-landing #siteHome .site-hero .hero-copy{max-width:730px;position:relative;z-index:1}
.site-landing #siteHome .site-hero .site-eyebrow{
  display:inline-block;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.16em;
  color:#d3e8db;
  font-weight:800;
}
.site-landing #siteHome .site-hero .hero-copy h1{
  font-size:clamp(40px,4.5vw,65px)!important;
  font-weight:800;
  line-height:1.095!important;
  letter-spacing:-.047em!important;
  max-width:720px;
  margin:22px 0 21px;
  color:#fff;
}
.site-landing #siteHome .site-hero .hero-copy>p{
  max-width:585px;
  margin:0;
  color:#e0eee7;
  font-size:clamp(16px,1.3vw,19px)!important;
  line-height:1.7!important;
}
.site-landing #siteHome .site-hero .site-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:30px;
}
.site-landing #siteHome .site-hero .site-buttons .site-btn{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  padding:11px 19px;
  font-weight:750;
}
.site-landing #siteHome .site-hero .site-btn.light{
  background:#f7f5ed!important;
  color:#204836!important;
  border-color:#f7f5ed!important;
}
.site-landing #siteHome .site-hero .site-btn.ghost{
  color:#f6faf4!important;
  background:transparent!important;
  border:1px solid #93b7a4!important;
}
.site-landing #siteHome .psy-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:27px;
}
.site-landing #siteHome .psy-hero-tags span{
  border:1px solid #a7c5b344;
  background:#ffffff12;
  color:#e8f2e9;
  border-radius:8px;
  padding:6px 11px;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}
.site-landing #siteHome .psy-library-preview{
  width:100%;
  max-width:490px;
  justify-self:end;
  padding:24px;
  color:#254336;
  background:#fcfdf8;
  border:1px solid #d1ddcf;
  border-radius:20px;
  box-shadow:0 22px 65px #09281b3c;
  box-sizing:border-box;
}
.site-landing #siteHome .psy-preview-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:#698075;
  border-bottom:1px solid #e6ebe1;
  padding-bottom:16px;
  font-size:11px;
  line-height:1.4;
}
.site-landing #siteHome .psy-preview-toolbar strong{
  color:#2a6650;
  font-weight:800;
  font-size:12px;
}
.site-landing #siteHome .psy-library-preview h2{
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.03em;
  color:#1e4233;
  margin:19px 0 15px;
}
.site-landing #siteHome .psy-live-row{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 18px;
  align-items:center;
  gap:12px;
  margin-top:9px;
  text-decoration:none;
  color:#264839;
  background:#f6f9f3;
  border:1px solid #e0e9df;
  border-radius:12px;
  padding:13px 14px;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.site-landing #siteHome .psy-live-row:hover{
  background:#edf5ec;
  border-color:#afcdb8;
  transform:translateY(-2px);
}
.site-landing #siteHome .psy-live-row-index{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e3eee4;
  color:#28644c;
  font-size:11px;
  font-weight:800;
}
.site-landing #siteHome .psy-live-row strong{
  display:block;
  font-size:14px;
  font-weight:800;
}
.site-landing #siteHome .psy-live-row small{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:#697c70;
  line-height:1.4;
}
.site-landing #siteHome .psy-live-row .psy-live-arrow{color:#447d62;font-size:17px}
.site-landing #siteHome .psy-preview-note{
  margin:15px 1px 0;
  color:#778a7b;
  font-size:11px;
  line-height:1.5;
}
.site-landing #siteHome .psy-capabilities{
  padding:0 clamp(22px,5vw,70px);
  margin-top:-26px;
  position:relative;
  z-index:2;
  background:transparent;
}
.site-landing #siteHome .psy-capabilities-inner{
  max-width:1300px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.site-landing #siteHome .psy-capability{
  background:#fff;
  border:1px solid #dbe8dc;
  border-radius:16px;
  padding:23px 24px;
  box-shadow:0 10px 32px #153a2512;
}
.site-landing #siteHome .psy-capability>span{
  color:#987a52;
  font-size:12px;
  font-weight:850;
  letter-spacing:.09em;
}
.site-landing #siteHome .psy-capability h2{
  color:#214a36;
  font-size:19px;
  margin:9px 0 7px;
  line-height:1.3;
}
.site-landing #siteHome .psy-capability p{
  color:#61796a;
  font-size:14px;
  line-height:1.6;
  margin:0;
}
.site-landing #siteHome :is(.site-sections,.site-editorial,.psy-home-journey,.psy-preview-section,.site-pricing){
  max-width:none;
  width:100%;
  box-sizing:border-box;
  padding-inline:clamp(24px,6vw,88px)!important;
}
.site-landing #siteHome :is(.site-sections,.site-editorial,.psy-home-journey,.psy-preview-section,.site-pricing)>:not(.psy-preview-wrap){
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
}
.site-landing #siteHome :is(.site-sections,.site-editorial,.psy-home-journey,.psy-preview-section,.site-pricing) h2{
  letter-spacing:-.035em;
}
.site-landing #siteHome .site-sections{
  background:var(--home-bg)!important;
  padding-top:78px!important;
  padding-bottom:69px!important;
}
.site-landing #siteHome .site-sections .section-head{
  max-width:1300px;
  display:flex;
  gap:24px;
  align-items:end;
  justify-content:space-between;
  margin:0 auto 24px;
}
.site-landing #siteHome .section-head h2{
  font-size:clamp(29px,3vw,40px);
  line-height:1.16;
  color:#234938;
  margin:8px 0;
}
.site-landing #siteHome .site-sections .section-head>p{
  max-width:340px;
  color:#5e786b;
  font-size:14px;
  line-height:1.6;
}
.site-landing #siteHome .section-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:1300px;
  margin-inline:auto;
}
.site-landing #siteHome .section-card{
  min-height:218px;
  border-radius:16px!important;
  padding:22px 23px!important;
  border:1px solid #d8e5dc!important;
  box-shadow:none!important;
  position:relative;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.site-landing #siteHome .section-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px #204d2c15!important;
  border-color:#a9c4b5!important;
}
.site-landing #siteHome .section-card .section-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:21px;
  background:#ffffff80;
  margin-bottom:18px;
}
.site-landing #siteHome .section-card h3{
  font-size:19px;
  letter-spacing:-.015em;
  line-height:1.35;
  margin:0 0 8px;
}
.site-landing #siteHome .section-card p{
  font-size:13px;
  line-height:1.55;
  margin:0 0 18px;
  max-width:320px;
}
.site-landing #siteHome .section-card>span{
  margin-top:auto;
  font-weight:800;
  font-size:13px;
}
.site-landing #siteHome .site-editorial{
  background:#fff!important;
  padding-top:65px!important;
  padding-bottom:65px!important;
}
.site-landing #siteHome .site-editorial .large-text{
  max-width:930px;
  margin-inline:auto;
  font-size:clamp(16px,1.4vw,19px);
  line-height:1.7;
}
.site-landing #siteHome .site-editorial h2{
  max-width:1000px;
  line-height:1.15;
}
.site-landing #siteHome .psy-home-journey{
  background:var(--home-bg)!important;
  padding-top:68px!important;
  padding-bottom:76px!important;
}
.site-landing #siteHome .psy-home-journey .psy-journey-grid{
  max-width:1300px;
  gap:16px;
}
.site-landing #siteHome .psy-home-journey .psy-journey-grid article{
  border-radius:17px;
  border:1px solid #d8e6da;
  background:#fff;
  box-shadow:none;
}
.site-landing #siteHome .psy-preview-section{
  padding-block:74px!important;
  background:#eaf2ea!important;
}
.site-landing #siteHome .psy-preview-wrap{
  max-width:1300px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(26px,5vw,64px);
  align-items:center;
}
.site-landing #siteHome .psy-preview-section .psy-preview-wrap h2{
  font-size:clamp(30px,3vw,41px);
  line-height:1.14;
}
.site-landing #siteHome .psy-preview-section .psy-preview-wrap p{
  color:#577365;
  max-width:560px;
  font-size:16px;
  line-height:1.65;
}
.site-landing #siteHome .psy-real-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.site-landing #siteHome .psy-real-card{
  text-decoration:none;
  min-width:0;
  border:1px solid #cfdfd0;
  border-radius:16px;
  background:#fff;
  padding:23px;
  display:flex;
  flex-direction:column;
  gap:9px;
  min-height:160px;
  color:#244d3a;
  transition:transform .18s ease,border-color .18s ease;
}
.site-landing #siteHome .psy-real-card:hover{
  transform:translateY(-2px);
  border-color:#91b19f;
}
.site-landing #siteHome .psy-real-card>span{
  color:#8f7658;
  letter-spacing:.07em;
  font-weight:850;
  font-size:11px;
}
.site-landing #siteHome .psy-real-card strong{font-size:17px;line-height:1.25}
.site-landing #siteHome .psy-real-card small{
  color:#648071;
  font-size:12px;
  line-height:1.5;
}
.site-landing #siteHome .site-pricing{
  background:var(--home-bg)!important;
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.site-landing #siteHome .site-pricing>p{max-width:800px;color:#587164}
.site-landing #siteHome .pricing-grid{
  gap:16px;
  max-width:1300px;
}
.site-landing #siteHome .pricing-grid article{
  border-radius:17px;
  border:1px solid #d6e4d9;
  background:#fff;
  padding:24px;
  box-shadow:none;
}
.site-landing #siteHome .pricing-grid article.chosen{
  border-color:#c0a176!important;
  background:#fdfaf3;
}
.site-landing #siteHome .site-editorial#ready-kits{
  padding-top:72px!important;
  padding-bottom:72px!important;
  background:#fff!important;
}
.site-landing #siteHome #ready-kits .site-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.site-landing #siteHome #ready-kits .site-columns article{
  border:1px solid #dbe4da!important;
  border-top:1px solid #dbe4da!important;
  border-radius:16px;
  padding:24px;
  background:#fafcf9;
}
.site-landing #siteHome #ready-kits .site-columns h3{font-size:18px}
.site-landing #siteHome #ready-kits .site-columns article p{
  color:#5d7567;
  font-size:14px;
  line-height:1.55;
}
.site-landing #siteHome .site-footer{border-top:1px solid #406753}
html.dark .site-landing #siteHome{
  --home-bg:#12251f;
  --home-ink:#e8f3e8;
  --home-muted:#c3d7c8;
  --home-border:#416354;
  --home-surface:#1b342b;
}
html.dark .site-landing #siteHome main{background:var(--home-bg)!important}
html.dark .site-landing #siteHome .site-header{
  background:#192e27!important;
  border-bottom-color:#436554!important;
}
html.dark .site-landing #siteHome .site-hero{
  background:linear-gradient(110deg,#183a31,#255945 82%)!important;
}
html.dark .site-landing #siteHome .site-sections,
html.dark .site-landing #siteHome .psy-home-journey,
html.dark .site-landing #siteHome .site-pricing{
  background:#12251f!important;
  color:#e9f3eb!important;
}
html.dark .site-landing #siteHome .site-editorial,
html.dark .site-landing #siteHome .site-editorial#ready-kits{
  background:#192f27!important;
  color:#eaf2e8!important;
}
html.dark .site-landing #siteHome .psy-preview-section{
  background:#1b352c!important;
}
html.dark .site-landing #siteHome :is(.psy-capability,.section-card,.psy-home-journey .psy-journey-grid article,
 .psy-real-card,.pricing-grid article,#ready-kits .site-columns article){
  background:#203b31!important;
  color:#edf6ec!important;
  border-color:#496959!important;
}
html.dark .site-landing #siteHome :is(.section-head h2,.psy-capability h2,.section-card h3,
 .psy-preview-section h2,#ready-kits h3){color:#eff7ed!important}
html.dark .site-landing #siteHome :is(.psy-capability p,.section-card p,.section-head>p,
 .psy-preview-section .psy-preview-wrap p,.psy-real-card small,#ready-kits .site-columns article p){
  color:#d1e2d1!important;
}
html.dark .site-landing #siteHome .psy-library-preview{
  background:#213b31!important;
  border-color:#64806d!important;
  color:#edf5e8;
}
html.dark .site-landing #siteHome .psy-library-preview h2,
html.dark .site-landing #siteHome .psy-preview-toolbar strong{
  color:#f2f8ed!important;
}
html.dark .site-landing #siteHome .psy-preview-toolbar{
  color:#c4d8c7;
  border-color:#476454;
}
html.dark .site-landing #siteHome .psy-live-row{
  background:#29493a;
  border-color:#52715c;
  color:#eef6eb;
}
html.dark .site-landing #siteHome .psy-live-row:hover{
  background:#365846;
}
html.dark .site-landing #siteHome .psy-live-row-index{
  background:#395b49;
  color:#f2f7ed;
}
html.dark .site-landing #siteHome .psy-live-row small,
html.dark .site-landing #siteHome .psy-preview-note{
  color:#d1e0d0!important;
}
html.dark .site-landing #siteHome .psy-real-card>span{color:#dbc4a4}
html.dark .site-landing #siteHome .psy-capability>span{color:#d9c09c}
html.dark .site-landing #siteHome .pricing-grid article.chosen{
  background:#304236!important;
  border-color:#c0a176!important;
}
.site-landing #siteHome :is(a,button):focus-visible{
  outline:3px solid #e7bd77;
  outline-offset:3px;
}
@media(max-width:1080px){
  .site-landing #siteHome .psy-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);
    gap:28px;
  }
  .site-landing #siteHome .section-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:790px){
  .site-landing #siteHome .psy-hero-inner{
    grid-template-columns:minmax(0,1fr)!important;
    min-height:unset!important;
    gap:30px!important;
    padding:62px 24px 70px!important;
  }
  .site-landing #siteHome .psy-library-preview{max-width:100%;justify-self:stretch}
  .site-landing #siteHome .psy-capabilities{margin-top:-20px}
  .site-landing #siteHome .psy-capabilities-inner{grid-template-columns:1fr}
  .site-landing #siteHome .psy-preview-wrap{grid-template-columns:1fr}
  .site-landing #siteHome .site-sections .section-head{display:block}
  .site-landing #siteHome #ready-kits .site-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:540px){
  .site-landing #siteHome .site-hero .hero-copy h1{
    font-size:clamp(34px,8.5vw,46px)!important;
    line-height:1.13!important;
    letter-spacing:-.04em!important;
  }
  .site-landing #siteHome .site-hero .site-buttons{flex-direction:column;align-items:stretch}
  .site-landing #siteHome .site-hero .site-buttons .site-btn{width:100%}
  .site-landing #siteHome .psy-library-preview{padding:17px;border-radius:16px}
  .site-landing #siteHome .psy-capabilities{
    padding:0 16px;
  }
  .site-landing #siteHome .section-grid{grid-template-columns:1fr!important}
  .site-landing #siteHome .section-card{min-height:190px}
  .site-landing #siteHome .psy-real-grid,
  .site-landing #siteHome #ready-kits .site-columns{grid-template-columns:1fr}
  .site-landing #siteHome .site-sections{padding-top:64px!important}
}
@media(prefers-reduced-motion:reduce){
  .site-landing #siteHome :is(.psy-live-row,.section-card,.psy-real-card){transition:none!important}
  .site-landing #siteHome :is(.psy-live-row,.section-card,.psy-real-card):hover{transform:none!important}
}