/* ============================================================================
   Внутренние страницы: консультация, коучинг, ДУША, метод, контакты.
   Продолжение brand.css, подключается после него.

   Чего здесь сознательно нет по сравнению с прежним сайтом:
     · второго акцентного цвета у каждой страницы — акцент один, глина;
     · скруглений у плашек — единственная круглая вещь это кнопка и знак;
     · полосок слева у карточек и подъёма при наведении — это украшения,
       которые не несут ни значения, ни любви;
     · плюсов и минусов в вопросах — вместо них круг и кольцо.
   ========================================================================= */

:root{--accent:var(--clay)}

/* ------------------------------------------------------- шапка страницы */
.page-hero{padding:clamp(52px,7vw,96px) 0 clamp(38px,5vw,60px)}
.page-hero h1{max-width:16em}
.page-hero .lead{margin-top:22px}
.sub{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:32em;margin-top:22px;line-height:1.5}
.dark .sub{color:#C3AFA1}

/* --------------------------------------------------------------- метки */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;max-width:52em}
.chip{border:1.5px solid var(--line);border-radius:999px;padding:10px 20px;
      font-size:15px;font-weight:500;background:var(--cream)}
.linen .chip{background:var(--cream)}

/* ----------------------------------------------------------- три шага */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:44px}
.step{background:var(--linen);padding:clamp(24px,2.6vw,32px);border:0;display:block}
.step:last-child{border:0}
.step .n{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--clay);margin-bottom:14px;padding:0}
.step h3{margin-bottom:8px}
.step p{font-size:15.5px;color:var(--muted);max-width:none}
.linen .step{background:var(--cream)}
.dark .step{background:#3C2317}
.dark .step .n{color:var(--clay-light)}

/* ------------------------------------------------------- две колонки */
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:40px}
.panel{padding:clamp(26px,3vw,36px)}
.panel h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:18px}
.panel ul{list-style:none}
.panel li{padding:7px 0;font-size:15.5px;text-indent:0;padding-left:1.3em;margin:0}
.panel li::before{content:"—";margin-right:.7em;margin-left:-1.3em}
.panel-no{background:var(--linen);color:var(--muted)}
.panel-no h3{color:var(--muted)}
.panel-no li::before{color:var(--muted)}
.panel-yes{background:var(--earth);color:var(--cream)}
.panel-yes h3{color:var(--clay-light)}
.panel-yes li::before{content:"—";color:var(--clay-light)}

/* --------------------------------------------------------- разговоры */
.talks{display:grid;gap:2px;margin-top:44px}
.talk{background:var(--linen);padding:clamp(24px,2.8vw,32px)}
.linen .talk{background:var(--cream)}
.talk .n{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
         color:var(--clay);margin-bottom:12px}
.talk h3{line-height:1.3;margin-bottom:10px}
.talk p{font-size:15.5px;color:var(--muted)}
.talk .res{margin-top:14px;font-weight:600;color:var(--earth);font-size:15.5px}
.talk .tag{display:inline-block;margin-left:10px;font-size:11.5px;font-weight:600;
           letter-spacing:.1em;color:var(--clay);border:1.5px solid var(--clay);
           border-radius:999px;padding:3px 12px;vertical-align:middle}

/* ------------------------------------------------- раскрывающиеся блоки */
.progs{display:grid;gap:2px;margin-top:44px}
details.prog{background:var(--linen)}
.linen details.prog{background:var(--cream)}
details.prog summary{list-style:none;cursor:pointer;padding:26px clamp(22px,2.4vw,30px);
                     display:flex;justify-content:space-between;align-items:center;gap:18px}
details.prog summary::-webkit-details-marker{display:none}
details.prog summary .t h3{margin-bottom:5px}
details.prog summary .t p{font-size:14px;color:var(--muted)}
/* Круг вместо плюса: наполняется, когда раскрыли */
details.prog summary .plus{flex:none;width:13px;height:13px;border-radius:50%;
                           background:var(--clay);font-size:0;transition:background .2s ease}
details.prog[open] summary .plus{background:none;border:3px solid var(--clay)}
details.prog .in{padding:0 clamp(22px,2.4vw,30px) 28px;border-top:1.5px solid var(--line)}
details.prog .in ol{list-style:none;counter-reset:c;margin-top:20px}
details.prog .in li{counter-increment:c;padding:10px 0;font-size:15.5px;
                    display:flex;gap:14px;text-indent:0;margin:0}
details.prog .in li::before{content:counter(c);font-weight:800;color:var(--clay);
                            min-width:20px;margin:0}

/* ------------------------------------------------------------ тарифы */
.tariffs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:44px}
.tariff{background:var(--linen);padding:clamp(28px,3vw,36px);display:flex;flex-direction:column}
.linen .tariff{background:var(--cream)}
.tariff h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.tariff .pr{font-size:clamp(28px,3.4vw,34px);font-weight:800;margin:14px 0 2px;letter-spacing:-.02em}
.tariff .term{font-size:13.5px;color:var(--muted);margin-bottom:20px}
.tariff ul{list-style:none;flex-grow:1;margin-bottom:24px}
.tariff li{padding:6px 0;font-size:15.5px;color:var(--muted);text-indent:0;padding-left:0;margin:0}
.tariff li::before{content:none}
.tariff li b{color:var(--earth);font-weight:600}
/* Тот, который выбирают чаще, отмечен цветом, а не рамкой */
.tariff.hot{background:var(--clay);color:var(--cream)}
.tariff.hot h3,.tariff.hot .term{color:#F4DCD0}
.tariff.hot li{color:#F4DCD0}
.tariff.hot li b{color:var(--cream)}
.tariff.hot .btn-clay{background:var(--cream);color:var(--earth)}
.tariff.hot .btn-clay:hover{background:var(--linen)}

/* ---------------------------------------------------------- вопросы */
.faq{margin-top:44px;max-width:52em;border-top:1.5px solid var(--line)}
details.qa{border-bottom:1.5px solid var(--line);padding:0}
details.qa summary{list-style:none;cursor:pointer;font-weight:600;
                   font-size:clamp(17px,1.5vw,19px);padding:24px 40px 24px 0;position:relative}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{content:"";position:absolute;right:4px;top:50%;
                          width:11px;height:11px;margin-top:-5.5px;border-radius:50%;
                          background:var(--clay)}
details.qa[open] summary::after{background:none;border:2.5px solid var(--clay)}
details.qa summary:hover{color:var(--clay)}
details.qa p{margin-top:0;padding-bottom:26px;color:var(--muted);font-size:16px;max-width:44em;line-height:1.65}

/* ------------------------------------------------------- призыв внизу */
.cta-band{background:var(--earth);color:var(--cream);padding:clamp(34px,5vw,56px);
          margin-top:56px;display:flex;justify-content:space-between;align-items:center;
          gap:28px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(21px,2.6vw,30px);max-width:18em}
.cta-band .sub{color:#C3AFA1;font-size:15px;margin-top:10px}
.cta-band .btn-clay{background:var(--clay-light);color:var(--earth)}
.cta-band .btn-clay:hover{background:#E59872}

/* ------------------------------------------------------------ прочее */
.big-say{font-size:clamp(20px,2.5vw,28px);font-weight:600;line-height:1.4;max-width:26em}
.manifest{background:var(--linen);padding:clamp(28px,4vw,44px);margin-top:44px;max-width:44em}
.linen .manifest{background:var(--cream)}
.manifest p{margin-bottom:18px;font-size:16.5px}
.manifest p:last-child{margin-bottom:0}
.manifest .q{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:400;
             font-size:clamp(19px,2.2vw,24px);line-height:1.45;border:0;padding:0}

.method-sign{font-size:12px;letter-spacing:.2em;text-transform:uppercase;
             color:var(--clay);font-weight:600;margin-bottom:20px}
.check-list{display:grid;margin-top:40px;max-width:44em;border-top:1.5px solid var(--line)}
.check-list p{padding:18px 0;border-bottom:1.5px solid var(--line);
              font-size:clamp(17px,1.9vw,20px);font-weight:500;line-height:1.45;margin:0}
.check-list p::before{content:"—";color:var(--clay);margin-right:14px}
.check-close{margin-top:32px;font-size:clamp(17px,1.9vw,20px);font-weight:600;max-width:34em}
.manifesto{max-width:44em}
.manifesto p{font-size:clamp(17px,1.9vw,19px);line-height:1.7;color:var(--muted);margin-bottom:20px}
.manifesto p b{color:var(--earth);font-weight:600}
.quote-line{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:400;
            font-size:clamp(20px,2.4vw,28px);line-height:1.42;max-width:24em;margin:8px 0 28px}
.sostav{display:grid;gap:2px;margin-top:40px;max-width:44em}
.sostav .item{background:var(--linen);padding:24px clamp(22px,2.4vw,28px);font-size:16.5px;line-height:1.55}
.linen .sostav .item{background:var(--cream)}
.sostav .item b{display:block;font-size:18px;font-weight:600;margin-bottom:6px}
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:44px}
.voice{background:var(--linen);padding:clamp(26px,3vw,34px)}
.linen .voice{background:var(--cream)}
.voice p{font-family:'Lora',Georgia,serif;font-style:italic;font-size:17px;line-height:1.55}
.voice .who{margin-top:18px;font-size:13.5px;color:var(--muted);font-family:'Montserrat',sans-serif;font-style:normal}
.price-block{background:var(--earth);color:var(--cream);padding:clamp(36px,6vw,64px);margin-top:20px}
.price-block .pr{font-size:clamp(38px,6vw,62px);font-weight:800;letter-spacing:-.025em;color:var(--clay-light)}
.price-block p{color:#C3AFA1;max-width:34em;margin:20px 0 32px;font-size:16.5px;line-height:1.65}
.about-flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,70px);align-items:center}
.about-flow .photo{overflow:hidden}
.about-flow img{width:100%;display:block}
.about-flow p{color:var(--muted);font-size:16.5px;line-height:1.65;margin-top:18px}
.about-flow p b{color:var(--earth);font-weight:600}

.contact-list{display:grid;gap:2px;margin-top:40px;max-width:44em}
.contact-list a.row{background:var(--linen);padding:24px clamp(22px,2.4vw,30px);
                    display:flex;justify-content:space-between;align-items:center;gap:18px;
                    transition:background .2s ease}
.contact-list a.row:hover{background:var(--clay);color:var(--cream)}
.contact-list a.row:hover p,.contact-list a.row:hover .arr{color:var(--cream)}
.contact-list .row h3{margin-bottom:4px}
.contact-list .row p{font-size:14.5px;color:var(--muted)}
.contact-list .row .arr{color:var(--clay);font-size:20px;flex:none}

@media (max-width:980px){
  .voices,.about-flow{grid-template-columns:1fr}
}
@media (max-width:760px){
  .steps,.twocol,.tariffs{grid-template-columns:1fr}
  .cta-band{flex-direction:column;align-items:flex-start}
  .cta-band .btn{width:auto}
}

/* ============================================================================
   Прежние имена классов. Разметку страниц не трогали — она осталась ровно
   такой, как была, только оделась в новую систему. Эти правила переводят
   старые имена на новый язык: «бумага» стала льном, «чернила» — землёй,
   второй акцент исчез, потому что акцент один.
   ========================================================================= */
.state,.paths,.feed{background:var(--linen)}
.serafima{background:var(--earth);color:var(--cream)}
.serafima .eyebrow{color:var(--clay-light)}
.hero-cta,.sera-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;align-items:center}
.hero-trust,.fact{margin-top:22px;font-size:14px;color:var(--muted);letter-spacing:.01em}
.serafima .fact{color:#C3AFA1}
.btn-primary{background:var(--earth);color:var(--cream)}
.btn-primary:hover{background:#432618}
.btn-light{background:var(--cream);color:var(--earth)}
.btn-light:hover{background:var(--linen)}
.btn-accent{background:var(--clay);color:var(--cream)}
.btn-accent:hover{background:var(--clay-dark)}
.state-lines p{font-size:clamp(20px,2.5vw,29px);font-weight:600;line-height:1.32;max-width:20em}
.state-lines p+p{margin-top:.55em}
.state-turn{margin-top:42px;padding-top:34px;border-top:1.5px solid var(--line);
            font-size:clamp(19px,2.1vw,24px);max-width:24em}
.state-turn strong{color:var(--clay);font-weight:600}
.hero-grid,.about-grid,.sera-grid{display:grid;grid-template-columns:1.1fr .9fr;
                                  gap:clamp(30px,5vw,80px);align-items:center}
.photo-ph{overflow:hidden;aspect-ratio:4/5}
.photo-ph img{width:100%;height:100%;object-fit:cover}
.ph-about{aspect-ratio:4/3}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px}
.card.c-sage{background:var(--cream)}
.card.c-night{background:var(--earth);color:var(--cream)}
.card.c-night p{color:#C3AFA1}
.card.c-night .price,.card.c-night .go{color:var(--clay-light)}
.card.c-clay{background:var(--clay);color:var(--cream)}
.card.c-clay p{color:#F4DCD0}
.card.c-clay .price,.card.c-clay .go{color:var(--cream)}
@media (max-width:980px){
  .hero-grid,.about-grid,.sera-grid,.cards{grid-template-columns:1fr}
  .hero-grid .photo-ph{order:-1;max-width:440px}
}