/* GettySoft — стили главной (CONCEPT-02 v3). Только для index.html; токены — из site.css.
   Без анимаций: движение — отдельный этап (manifest «ничего не зациклено», reduced-motion → статика). */

/* Кикер: моноширинный, капслок — форензика бренда */
.eyebrow{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);margin-bottom:.8rem}
.sec--dark .eyebrow{color:var(--green-bright)}

/* Б1. Первый экран */
.hero__explain{color:var(--ink-2);margin-top:.9rem;max-width:60ch}
.hero .actions{margin-top:1.6rem}
.starts__h{font-size:clamp(19px,1.6vw,21px);margin-top:clamp(36px,5vw,56px)}
.starts{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
.starts li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem}
.starts__title{font-family:var(--title);font-weight:600;font-size:1.06rem;line-height:1.3;color:var(--ink);text-decoration:none}
.starts__title:hover{color:var(--green-dark);text-decoration:underline}
.starts p{color:var(--ink-2);font-size:15.5px;margin-top:.45rem}
.starts .starts__more{margin-top:.6rem;font-size:15px}

/* Б2. Опыт → метод → система (мотив «Орбиты») */
.evo{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px)}
.evo li{position:relative;padding-top:.2rem}
.evo__icon{width:52px;height:52px;display:block;margin-bottom:.5rem}
.evo h3{font-size:1.08rem}
.evo p{color:var(--ink-2);font-size:15.5px;margin-top:.3rem;max-width:36ch}
.method__h{margin-top:clamp(32px,4vw,48px);margin-bottom:.4rem}
.steps--six{max-width:none;grid-template-columns:1fr 1fr;column-gap:clamp(24px,4vw,56px)}
.steps--six li:nth-last-child(2){border-bottom:1px solid var(--line)}

/* Тёмные секции: инженерная сетка 32 px (KEEP BUT EVOLVE) */
.sec--grid{background-color:var(--forest);background-image:linear-gradient(rgba(248,249,250,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(248,249,250,.045) 1px,transparent 1px);background-size:32px 32px}

/* Б3. Graviton OS */
.status--proto{color:var(--on-dark);background:rgba(56,201,140,.14);border:1px solid rgba(56,201,140,.45);border-radius:6px;padding:.25rem .65rem;margin:.9rem 0 .2rem;font-size:15px}
.caps{list-style:none;margin:clamp(20px,3vw,32px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
.caps li{border-top:2px solid var(--green-bright);padding-top:.9rem}
.caps p{color:var(--on-dark-2);font-size:15.5px;margin-top:.4rem}
.principle{margin-top:clamp(22px,3vw,32px);padding:1rem 1.2rem;border:1px solid rgba(248,249,250,.28);border-radius:var(--r);max-width:72ch}
.graviton__more{margin-top:1.2rem;color:var(--on-dark-2)}

/* Б5. Демо-квартет */
.legend{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin:0 0 clamp(18px,2.5vw,28px);font-size:14.5px}
.legend div{display:flex;gap:.35rem}
.legend dt{font-weight:600}
.legend dd{margin:0;color:var(--muted)}
.legend dd::before{content:"— "}
.mocks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,28px);align-items:start}
.mock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,2vw,24px);min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.chip{font-size:13px;font-weight:600;line-height:1.35;padding:.2rem .55rem;border-radius:6px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
.chip--svc{color:var(--green-dark);border-color:rgba(29,130,93,.35)}
.chip--plan{color:var(--risk);background:var(--risk-soft);border-color:var(--risk-line)}
.mock h3{font-size:1.06rem}
.mock__sub{color:var(--muted);font-size:14.5px;margin-top:.15rem}
.mock__note{font-size:14px;color:var(--ink-2);margin-top:.7rem}
.mock__total{font-family:var(--mono);font-size:14px;font-weight:600;margin-top:.8rem;font-variant-numeric:tabular-nums}
.mock__caption{font-size:14.5px;color:var(--muted);margin-top:.7rem}
.mock .mini{margin-top:.8rem;width:100%}
@media(max-width:360px){.mock .mini{font-size:13px}.mock .mini th,.mock .mini td{padding-left:.4rem;padding-right:.4rem;overflow-wrap:anywhere}}
.rows{list-style:none;margin:.8rem 0 0;padding:0}
.rows li{display:grid;grid-template-columns:2.4rem 1fr;gap:.6rem;padding:.65rem 0;border-top:1px solid var(--line-soft)}
.rows__n{font-family:var(--mono);font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.1rem}
.rows__t{font-weight:600;font-size:15px}
.rows__m{font-size:14px;color:var(--ink-2)}
.rows__m .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.rows__cite{font-size:14.5px;color:var(--ink-2);font-style:italic}
.rows__q{font-size:14.5px;color:var(--risk);margin-top:.2rem}

/* Демо 1: раскрытие основания (функция) */
.rows__toggle{margin-top:.35rem;padding:.2rem 0;background:none;border:0;font:600 14px var(--body);color:var(--green-dark);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rows__toggle:hover{color:var(--ink)}
.rows li.is-open{background:var(--surface-2);box-shadow:-10px 0 0 var(--surface-2),10px 0 0 var(--surface-2)}
.rows li.is-open .rows__m{margin-top:.25rem}

/* Движение: однократная прорисовка «Орбиты» (только с JS и без reduced-motion) */
.evo--animate .evo__arc{stroke-dasharray:72;stroke-dashoffset:72}
.evo--animate .evo__sat{opacity:0}
.evo--drawn .evo__arc{stroke-dashoffset:0;transition:stroke-dashoffset .9s ease-out}
.evo--drawn li:nth-child(3) .evo__arc{transition-delay:.35s}
.evo--drawn li:nth-child(3) .evo__arc--back{transition-delay:.15s}
.evo--drawn .evo__sat{opacity:1;transition:opacity .45s ease .95s}
@media (prefers-reduced-motion:reduce){
  .evo--animate .evo__arc{stroke-dashoffset:0}
  .evo--animate .evo__sat{opacity:1}
  .evo--drawn .evo__arc,.evo--drawn .evo__sat{transition:none}
}

/* Б6. Полоса доверия */
.trust{border-block:1px solid var(--line);background:var(--surface)}
.trust__in{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 2rem;padding-block:clamp(18px,2.5vw,28px)}
.trust__item{display:flex;align-items:baseline;gap:.6rem}
.trust__value{font-family:var(--title);font-weight:600;font-size:clamp(24px,2.6vw,32px);font-variant-numeric:tabular-nums}
.trust__label{color:var(--ink-2)}
.trust__note{font-size:14.5px;color:var(--muted)}

/* Б7, Б8, Б9 */
.svc .svc__extra{font-size:14.5px;color:var(--muted);margin-top:.4rem}
.svc .svc__extra a{font-family:inherit;font-weight:400;font-size:inherit;color:var(--green-dark);text-decoration:underline}
.svc__after{margin-top:1rem;font-size:15px}
@media (min-width:761px){
  .compare--3{table-layout:fixed}
  .compare--3 thead th:first-child,.compare--3 tbody th{width:16%}
  .compare--3 td,.compare--3 thead th{width:28%}
}
.compare--3 td{font-size:15px}
.industries{margin-top:1rem;font-size:15px}
.industries a{color:var(--green-dark)}

/* Б9а. Роли */
.roles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px)}
.roles h3{margin-bottom:.6rem}

/* Б10. Эксперт с фото */
.expert--photo{grid-template-columns:minmax(220px,.75fr) 1.25fr}
.expert--photo img{border-radius:var(--r);width:100%;height:auto;object-fit:cover}
.expert--photo .prose p+p{margin-top:.8em}
.expert--photo h2{margin-bottom:1rem}
.expert .prose a{color:var(--green-dark)}

/* Шапка главной: семь пунктов меню до перехода в бургер (≤1120 px, site.css) */
@media (min-width:1121px) and (max-width:1360px){
  .hdr__in{gap:.9rem}
  .nav{gap:.8rem;font-size:.86rem}
  .hdr__cta{padding:0 .85rem}
}

/* Адаптив */
@media (max-width:1120px){.nav{max-height:calc(100vh - 67px);max-height:calc(100dvh - 67px);overflow-y:auto;overscroll-behavior:contain}}
@media (max-width:960px){
  .starts,.caps{grid-template-columns:1fr}
  .mocks{grid-template-columns:1fr}
}
@media (max-width:760px){
  .legend{flex-direction:column;gap:.35rem}
  .legend div{display:block}
  .legend dd{display:inline}
  .evo,.roles,.steps--six{grid-template-columns:1fr}
  .steps--six li:nth-last-child(2){border-bottom:0}
  .expert--photo{grid-template-columns:1fr}
  .expert--photo img{max-width:320px}
}