/* ═══════════════════════════════════════════════════════════════════════
   БИОЗАРЯД · страницы сайта в «Формуляре»: доставка, контакты,
   сотрудничество, о компании. Подвал берёт своё оформление из foot.css, здесь —
   шапка, шапка страницы и блоки содержимого.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  --g900:#4A4A4A; --g700:#6E6E6E; --g500:#9C9C9C; --g300:#C4C4C4; --paper:#FFFFFF;
  --line:#DCDCDC; --hair:#EDEDED; --field:#F4F4F4;
  --r:10px; --r-lg:14px; --r-sm:7px;
  --rail:clamp(30px,3.4vw,56px);
  --shadow:0 12px 34px rgba(74,74,74,.09);
  --e:cubic-bezier(.16,1,.3,1);
  --gut:clamp(18px,4.4vw,80px);
  --maxw:1440px; --rail-gap:clamp(20px,2.4vw,44px);
  --pad-l:calc(var(--gut) + var(--rail));
  --acc:#6DA52F; --leaf:#88BF59; --leaf-2:#6DA52F;
  --ink:#357F20; --deep:#2C6E1C; --lite:#9BD26A;
  --tint:#F1F8E8; --leaf-tint:#EDF7E1; --acc-lite:#9BD26A;
  --com:#F28B0C; --tint-2:#FFF1DF;
}
@media (max-width:760px){ :root{--pad-l:var(--gut)} }

*{box-sizing:border-box}
html{scroll-behavior:smooth; accent-color:#4E9B2A}
body{margin:0; background:var(--paper); color:var(--g900);
  font-family:'Evolventa',system-ui,sans-serif; font-size:18.5px; line-height:1.6;
  -webkit-font-smoothing:antialiased}
img,svg{max-width:100%; display:block}
a{color:inherit}
::selection{background:#4E9B2A; color:#FFFFFF}
:focus-visible{outline:2px solid #4E9B2A; outline-offset:3px; border-radius:4px}
h1,h2,h3,h4{margin:0; font-weight:700; letter-spacing:-.022em; line-height:1.08}
p{margin:0}

.num{font-family:'Martian Mono',ui-monospace,monospace; font-weight:500;
  letter-spacing:-.05em; word-spacing:-.34em; font-feature-settings:'tnum' 1}
.lbl{font-family:'Martian Mono',ui-monospace,monospace; font-size:11px; font-weight:600;
  letter-spacing:.11em; text-transform:uppercase; color:var(--g500)}

/* ── Шапка ─────────────────────────────────────────────────────────── */
.top{position:sticky; top:0; z-index:70; display:flex; align-items:center; gap:clamp(14px,2vw,30px);
  height:72px; padding:0 var(--gut); background:#FFFFFF; color:#2E2E2E;
  border-bottom:1px solid var(--line)}
.top .wm{width:126px; flex:none; color:#2E2E2E}
.top nav{display:flex; gap:2px; overflow:visible; margin-right:auto}
.top nav::-webkit-scrollbar{display:none}
.top nav a{font-size:16px; font-weight:700; text-decoration:none; padding:10px 15px;
  border-radius:7px; color:#2E2E2E; white-space:nowrap; transition:background .2s, color .2s}
.top nav a:hover{background:var(--tint)}
.top nav a.on{background:var(--tint); color:var(--ink)}
.top .has-sub{position:relative}
.top .has-sub::after{content:""; position:absolute; left:0; right:0; top:100%; height:12px; display:none}
.top .has-sub:hover::after{display:block}
.top .sub-toggle{display:inline-flex; align-items:center; gap:7px; cursor:pointer}
.top .sub-toggle svg{width:10px; height:6px}
.top .sub{position:absolute; z-index:90; left:0; top:calc(100% + 8px); min-width:262px; background:#FFFFFF;
  border-radius:8px; padding:8px; box-shadow:0 16px 40px rgba(46,46,46,.22); display:none}
.top .has-sub:hover .sub, .top .has-sub:focus-within .sub{display:block}
.top .sub a{display:flex; align-items:center; gap:10px; padding:10px 13px; border-radius:7px;
  font-size:15px; color:var(--g900)}
.top .sub a:hover{background:var(--leaf-tint)}
.top .buy{background:#F28B0C; color:#FFFFFF; text-decoration:none; font-size:15px;
  font-weight:700; padding:12px 22px; border-radius:8px; display:inline-flex; gap:7px;
  align-items:center; transition:.2s; flex:none}
.top .buy:hover{background:#FF9E28}
@media (max-width:1240px){ .top nav{display:none} }

/* ── Полосы ────────────────────────────────────────────────────────── */
section{padding:clamp(46px,5vw,88px) var(--gut); position:relative}
section{padding-left:var(--pad-l)}
.railwrap{position:relative}
.rail{position:absolute; left:0; top:0; bottom:0; width:var(--rail); z-index:3;
  border-right:1px solid currentColor; color:var(--g300);
  display:flex; flex-direction:column; align-items:center;
  padding:clamp(22px,2.6vw,38px) 0; gap:16px}
.rail .t{writing-mode:vertical-rl; text-orientation:mixed; font-family:'Martian Mono',monospace;
  font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  white-space:nowrap; color:var(--g500)}
.rail .bar{flex:1; width:4px; background:currentColor; opacity:.55}
@media (max-width:760px){ .rail{display:none} }

[data-w="boxed"] .top{
  padding-left:max(var(--gut), calc((100% - var(--maxw)) / 2));
  padding-right:max(var(--gut), calc((100% - var(--maxw)) / 2))}
[data-w="boxed"] section{
  padding-left:max(var(--pad-l), calc((100% - var(--maxw)) / 2));
  padding-right:max(var(--gut), calc((100% - var(--maxw)) / 2))}
[data-w="boxed"] .rail{
  left:max(0px, calc((100% - var(--maxw)) / 2 - var(--rail) - var(--rail-gap)))}

/* ── Шапка страницы ────────────────────────────────────────────────── */
.phead{padding-top:clamp(26px,3vw,48px); padding-bottom:clamp(20px,2.4vw,34px)}
/* Без подзаголовка шапке столько воздуха снизу не нужно. */
.phead:not(:has(.lede)){padding-bottom:clamp(6px,1vw,14px)}
.crumbs{display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  font-family:'Martian Mono',monospace; font-size:10.5px; letter-spacing:.07em; color:var(--g500);
  margin-bottom:clamp(16px,2vw,28px)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs__here{color:var(--g700)}
.phead h1{font-size:clamp(32px,4.4vw,62px); line-height:1.02; letter-spacing:-.03em; max-width:18ch}
.lede{font-size:clamp(17px,1.45vw,22px); line-height:1.5; color:var(--g700); max-width:74ch;
  margin-top:clamp(16px,2vw,26px)}
.head{margin-bottom:clamp(22px,2.8vw,42px)}
.head h2{font-size:clamp(27px,3.1vw,44px); max-width:24ch}
.head .lede{margin-top:14px}
.small{font-size:15.5px; line-height:1.5; color:var(--g700)}
.note{font-size:14px; line-height:1.55; color:var(--g500); max-width:88ch}

.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:#F28B0C; color:#FFFFFF; padding:16px 30px; font-size:16.5px; font-weight:700;
  text-decoration:none; border:0; border-radius:8px; cursor:pointer; font-family:inherit;
  box-shadow:0 8px 22px rgba(242,139,12,.38); transition:.2s var(--e)}
.btn:hover{background:#FF9E28; transform:translateY(-2px)}
.btn--ghost{background:#FFFFFF; color:var(--ink); box-shadow:inset 0 0 0 2px var(--leaf); padding:14px 26px}
.btn--ghost:hover{background:var(--leaf); color:#FFFFFF; box-shadow:none; transform:translateY(-2px)}
.cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:clamp(20px,2.4vw,32px)}

.band--tint{background:var(--tint)}
.band--dark{background:var(--deep); color:#FFFFFF;
  --line:rgba(255,255,255,.26); --g700:#DBE3C4; --g500:#AEBE86; --g900:#FFFFFF}
.band--dark .btn--ghost{background:transparent; color:#FFFFFF; box-shadow:inset 0 0 0 2px var(--lite)}
.band--dark .btn--ghost:hover{background:var(--lite); color:#2E2E2E}

/* ── Карточки ──────────────────────────────────────────────────────── */
.cards{display:grid; gap:clamp(16px,1.8vw,26px);
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#FFFFFF; border-radius:var(--r); padding:clamp(20px,2.2vw,30px);
  box-shadow:inset 0 0 0 1px var(--line); display:grid; gap:10px; align-content:start}
.card .k{font-family:'Martian Mono',monospace; font-size:10.5px; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase; color:var(--acc)}
.card h3{font-size:20px; line-height:1.22}
.card p{font-size:15.5px; line-height:1.5; color:var(--g700)}

/* ── Доставка ──────────────────────────────────────────────────────── */
.ways{display:grid; gap:clamp(16px,1.8vw,26px); grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.way{background:#FFFFFF; border-radius:var(--r-lg); padding:clamp(22px,2.4vw,34px);
  box-shadow:inset 0 0 0 1px var(--line); display:grid; gap:16px; align-content:start}
.way h3{font-size:clamp(21px,2vw,26px); line-height:1.18}
.way dl{margin:0; display:grid; gap:0; border-bottom:1px solid var(--hair)}
.way .row{display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:11px 0; border-top:1px solid var(--hair)}
.way .row:first-child{border-top:0}
.way dt{font-size:14.5px; color:var(--g500); margin:0}
.way dd{margin:0; font-size:16px; font-weight:700; text-align:right; color:var(--g900)}
.way dd .num{font-weight:600}
.way .free dd{color:var(--ink)}
.way p{font-size:15.5px; line-height:1.5; color:var(--g700)}

/* Знаки платёжных систем — те же, что в подвале, но на светлой полосе
   плашка не нужна. */
.foot__pay{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.foot__pay img{height:24px; width:auto; display:block}

.ways-sec{padding-top:clamp(18px,2vw,30px)}

/* ── Реквизиты ─────────────────────────────────────────────────────── */
.req{display:grid; gap:clamp(18px,2vw,28px); grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.req__box{background:#FFFFFF; border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line);
  padding:clamp(20px,2.2vw,30px)}
.req__box > .lbl{display:block; margin-bottom:16px}
/* Ключ над значением: номера счетов и корсчёта длинные, в две колонки они
   налезают на подпись, как только боксов становится три. */
.req__row{display:grid; gap:3px; padding:11px 0; border-top:1px solid var(--hair)}
.req__row:first-of-type{border-top:0}
.req__k{font-size:13px; color:var(--g500); line-height:1.35}
.req__v{font-size:15.5px; line-height:1.4; color:var(--g900); overflow-wrap:anywhere}
.req__v.num{font-size:15px}

.contacts{display:grid; gap:clamp(16px,1.8vw,26px);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin-bottom:clamp(26px,3vw,44px)}
.contact{display:grid; gap:8px; align-content:start; background:var(--tint);
  border-radius:var(--r); padding:clamp(20px,2.2vw,28px); text-decoration:none}
.contact .k{font-family:'Martian Mono',monospace; font-size:10.5px; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase; color:var(--g500)}
.contact b{font-size:clamp(19px,1.8vw,23px); letter-spacing:-.015em; color:var(--ink)}
.contact span{font-size:15px; line-height:1.45; color:var(--g700)}
a.contact:hover{background:var(--leaf-tint)}

/* ── Правовые документы ────────────────────────────────────────────── */
/* Текст приходит из WordPress как есть: политики, оферта, согласия.
   Задача стилей — дать длинному юридическому тексту читаемую колонку
   и разбить его на разделы линейками, как в остальном «Формуляре». */
.docsec{padding-top:clamp(20px,2.4vw,34px)}
/* Названия документов длинные — в 18 знаков заголовок рассыпается на строки */
main:has(.docsec) .phead h1{max-width:26ch; font-size:clamp(28px,3.4vw,48px)}
.doc{max-width:80ch}
.doc > :first-child{margin-top:0}
.doc > :last-child{margin-bottom:0}
.doc p{font-size:17px; line-height:1.62; color:var(--g700); margin:0 0 17px}
.doc h2{font-size:clamp(20px,2vw,26px); line-height:1.24; letter-spacing:-.018em;
  color:var(--g900); max-width:38ch; margin:clamp(34px,3.6vw,54px) 0 16px;
  border-top:1px solid var(--hair); padding-top:clamp(22px,2.4vw,34px)}
.doc h2:first-child{border-top:0; padding-top:0; margin-top:0}
/* Заголовки в исходнике завёрнуты в <strong> — двойной жирности не нужно */
.doc h2 strong, .doc h3 strong{font-weight:inherit}
.doc h3{font-size:19px; line-height:1.28; color:var(--g900); margin:clamp(26px,2.6vw,36px) 0 12px}
.doc h4{font-size:17px; color:var(--g900); margin:24px 0 10px}
.doc ul, .doc ol{margin:0 0 17px; padding-left:22px}
.doc li{font-size:17px; line-height:1.62; color:var(--g700); margin-bottom:7px}
.doc li::marker{color:var(--g300)}
.doc strong{font-weight:700; color:var(--g900)}
.doc a{color:var(--ink); text-decoration:underline; text-underline-offset:3px;
  overflow-wrap:anywhere}
.doc a:hover{text-decoration-thickness:2px}
.doc hr{border:0; border-top:1px solid var(--line); margin:clamp(30px,3.2vw,48px) 0}
.doc blockquote{margin:0 0 17px; padding:clamp(18px,2vw,26px); background:var(--field);
  border-radius:var(--r)}
.doc blockquote p:last-child{margin-bottom:0}
.doc table{width:100%; border-collapse:collapse; font-size:16px; line-height:1.45;
  margin:clamp(22px,2.4vw,34px) 0}
.doc th, .doc td{padding:12px 15px; text-align:left; vertical-align:top;
  border:1px solid var(--hair)}
.doc th{background:var(--tint); color:var(--g900)}
.doc img{max-width:100%; height:auto; border-radius:var(--r)}
@media (max-width:620px){
  .doc p, .doc li{font-size:16px}
}

/* ── Сотрудничество ────────────────────────────────────────────────── */
.segs{display:grid; gap:clamp(14px,1.6vw,22px)}
.seg{background:#FFFFFF; border-radius:var(--r-lg); box-shadow:inset 0 0 0 1px var(--line);
  overflow:hidden}
.seg__h{width:100%; display:flex; align-items:center; gap:16px; padding:clamp(18px,2vw,26px);
  background:none; border:0; font:inherit; text-align:left; cursor:pointer; color:var(--g900)}
.seg__n{font-family:'Martian Mono',monospace; font-size:11px; color:var(--g300); flex:none}
.seg__t{font-size:clamp(18px,1.7vw,23px); font-weight:700; line-height:1.24; letter-spacing:-.015em}
.seg__h:hover .seg__t{color:var(--ink)}
.seg__x{margin-left:auto; flex:none; width:28px; height:28px; border-radius:50%; position:relative;
  box-shadow:inset 0 0 0 1px var(--line); color:var(--g500); transition:.2s}
.seg__x::before, .seg__x::after{content:''; position:absolute; left:8px; right:8px; top:50%;
  height:1.6px; background:currentColor; transform:translateY(-50%)}
.seg__x::after{transform:translateY(-50%) rotate(90deg); transition:transform .24s var(--e)}
.seg.on .seg__x{background:var(--tint); box-shadow:inset 0 0 0 1px var(--leaf); color:var(--ink)}
.seg.on .seg__x::after{transform:translateY(-50%) rotate(0)}
.seg__b{display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s var(--e)}
.seg.on .seg__b{grid-template-rows:1fr}
.seg__i{overflow:hidden}
.seg__in{padding:0 clamp(18px,2vw,26px) clamp(20px,2.2vw,28px) clamp(50px,5vw,64px);
  display:grid; gap:16px}
.seg__gain{background:var(--tint); border-radius:var(--r); padding:14px 18px;
  font-size:16px; line-height:1.5; color:var(--g900)}
.seg__gain b{display:block; font-family:'Martian Mono',monospace; font-size:10px; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase; color:var(--acc); margin-bottom:6px}
.seg__list{margin:0; padding:0; list-style:none; display:grid; gap:9px}
.seg__list li{position:relative; padding-left:26px; font-size:15.5px; line-height:1.5;
  color:var(--g700)}
.seg__list li::before{content:''; position:absolute; left:5px; top:.6em; width:7px; height:7px;
  border-radius:2px; background:var(--leaf); transform:rotate(45deg)}
.seg__list li b{color:var(--g900)}

.final{color:var(--g900); overflow:hidden; position:relative;
  background:#CFE3BE url(../img/mol/mol-band.webp) center/cover no-repeat}
.final .netwrap{display:none}
.final__panel{position:relative; z-index:1; background:rgba(255,255,255,.34);
  -webkit-backdrop-filter:blur(16px) saturate(1.15); backdrop-filter:blur(16px) saturate(1.15);
  border:1px solid rgba(255,255,255,.6); border-radius:clamp(20px,2.4vw,32px);
  box-shadow:0 30px 70px rgba(18,48,10,.16); padding:clamp(30px,4vw,58px)}
.final h2{font-size:clamp(27px,3.2vw,46px); max-width:20ch; color:var(--ink)}
.final p{margin-top:16px; font-size:17.5px; line-height:1.5; color:var(--g700); max-width:60ch}
.final .note{margin-top:22px; color:var(--g500)}
/* Блок без текста — только две кнопки, поэтому и полоса ниже. */
.final--slim{padding-top:clamp(28px,3vw,46px); padding-bottom:clamp(28px,3vw,46px)}
.final .btn--ghost{background:rgba(255,255,255,.55); color:var(--ink); box-shadow:inset 0 0 0 2px var(--leaf-2)}
.final .btn--ghost:hover{background:#FFFFFF; color:var(--ink); box-shadow:inset 0 0 0 2px var(--ink)}

/* ── О компании ────────────────────────────────────────────────────── */
.head > .lbl{display:block; margin-bottom:14px}
.about-sec .head{margin-bottom:clamp(26px,3vw,44px)}
.about-lbl{display:block; margin:clamp(30px,3.4vw,52px) 0 16px}
.about-note{margin-top:clamp(16px,1.8vw,24px)}
.about-note a, .about-sub a{color:var(--ink)}

.about-cols{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);
  gap:clamp(28px,4vw,72px); align-items:start}
.about-cols--wide{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}
.about-text p{font-size:17.5px; line-height:1.6; color:var(--g700); margin:0 0 16px; max-width:64ch}
.about-text p:last-child{margin-bottom:0}
.about-text h3{margin:clamp(26px,2.8vw,38px) 0 12px; font-size:clamp(20px,1.9vw,25px); line-height:1.22;
  letter-spacing:-.018em; color:var(--g900); max-width:30ch}
.about-text .defn{padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,28px); background:var(--tint);
  border-radius:var(--r); font-size:clamp(19px,1.7vw,23px); line-height:1.45; font-weight:700;
  letter-spacing:-.012em; color:var(--g900); max-width:none; margin-bottom:20px}

.founder-card{display:grid; gap:0; background:#FFFFFF; border-radius:var(--r-lg); overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--line); position:sticky; top:96px}
.founder-card img{width:100%; height:auto; display:block}
.founder-card__b{padding:18px 20px 20px}
.founder-card__b b{display:block; font-size:20px; letter-spacing:-.018em; line-height:1.15; color:var(--g900)}
.founder-card__b > span{display:block; margin-top:5px; font-size:14px; color:var(--g500)}
.founder-card__b p{margin:14px 0 0; padding-top:12px; border-top:1px solid var(--hair);
  font-size:15.5px; line-height:1.45; color:var(--g700)}

.line{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(12px,1.4vw,18px)}
.line__i{display:grid; align-content:start; gap:8px; padding:18px 18px 16px; background:#FFFFFF;
  border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line)}
.line__i--on{background:var(--tint); box-shadow:inset 0 0 0 1px var(--leaf)}
.line__i b{font-size:16.5px; line-height:1.25; letter-spacing:-.012em; color:var(--g900)}
.line__i p{font-size:14.5px; line-height:1.45; color:var(--g700)}
.line__s{margin-top:auto; padding-top:6px; font-family:'Martian Mono',monospace; font-size:10.5px;
  font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--g500)}
.line__i--on .line__s{color:var(--ink)}

.about-box{padding:clamp(20px,2.2vw,28px); background:#FFFFFF; border-radius:var(--r);
  box-shadow:inset 0 0 0 1px var(--line)}
.about-box > .lbl{display:block; margin-bottom:10px}
.about-box p{margin:0; font-size:16px; line-height:1.55; color:var(--g700)}
.about-box--white{background:#FFFFFF}
.about-two{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,2vw,32px);
  margin-top:clamp(26px,3vw,44px)}
.about-two .about-text h3{margin-top:0}
.about-sub{margin:clamp(30px,3.4vw,52px) 0 18px; max-width:76ch}
.about-sub h3{margin:0 0 12px; font-size:clamp(20px,1.9vw,25px); line-height:1.22; letter-spacing:-.018em}
.about-sub p{font-size:17.5px; line-height:1.6; color:var(--g700)}
.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}

.cycle{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.6vw,22px)}
.cycle li{display:grid; gap:8px; align-content:start; padding:clamp(18px,2vw,26px);
  background:var(--tint); border-radius:var(--r)}
.cycle__n{font-size:11px; color:var(--g500)}
.cycle li b{font-size:19px; line-height:1.22; letter-spacing:-.014em; color:var(--g900)}
.cycle li p{font-size:15px; line-height:1.5; color:var(--g700)}

.groups{margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,1.6vw,22px)}
.group{background:#FFFFFF; border-radius:var(--r); padding:clamp(18px,2vw,26px);
  box-shadow:inset 0 0 0 1px var(--line)}
.group dt{margin:0 0 8px; font-size:18px; font-weight:700; letter-spacing:-.014em; color:var(--g900)}
.group dd{margin:0; font-size:15px; line-height:1.5; color:var(--g700)}

.ttable{background:#FFFFFF; border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line); overflow:hidden}
.ttable__h, .ttable__r{display:grid; grid-template-columns:minmax(130px,.8fr) minmax(90px,.55fr) minmax(0,1.2fr) minmax(0,1.5fr);
  gap:clamp(14px,1.8vw,28px); padding:14px clamp(18px,2vw,26px); align-items:start}
.ttable__h{font-family:'Martian Mono',monospace; font-size:10.5px; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--g500); background:var(--field)}
.ttable__r{border-top:1px solid var(--hair); font-size:15px; line-height:1.5; color:var(--g700)}
.ttable__r b{font-size:16.5px; color:var(--g900); letter-spacing:-.012em}
.ttable__r .num{font-size:14px; color:var(--g900)}
.ttable__res{color:var(--g900)}

.docs{margin:0; display:grid; gap:0; background:#FFFFFF; border-radius:var(--r);
  box-shadow:inset 0 0 0 1px var(--line); padding:4px clamp(18px,2vw,26px)}
.docs__r{display:grid; grid-template-columns:minmax(200px,.9fr) minmax(0,1.4fr); gap:clamp(14px,1.8vw,28px);
  padding:13px 0; border-top:1px solid var(--hair)}
.docs__r:first-child{border-top:0}
.docs__r dt{margin:0; font-size:15.5px; font-weight:700; color:var(--g900); line-height:1.4}
.docs__r dt span{display:block; font-family:'Martian Mono',monospace; font-size:10.5px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:var(--g500); margin-top:3px}
.docs__r dd{margin:0; font-size:15px; line-height:1.5; color:var(--g700); overflow-wrap:anywhere}

.promise{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,1.6vw,22px)}
.promise__i{display:grid; gap:8px; align-content:start; padding:clamp(18px,2vw,26px);
  background:#FFFFFF; border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line)}
.promise__i .k{font-family:'Martian Mono',monospace; font-size:10.5px; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase; color:var(--g500)}
.promise__i--yes{background:var(--tint); box-shadow:inset 0 0 0 1px var(--leaf)}
.promise__i--yes .k{color:var(--ink)}
.promise__i b{font-size:19px; line-height:1.22; letter-spacing:-.014em; color:var(--g900)}
.promise__i p{font-size:15px; line-height:1.5; color:var(--g700)}

.final .lbl, .final > p.lbl{display:block; font-size:11px; line-height:1.4; color:var(--acc); margin:0 0 14px}
.final--about h2{max-width:26ch}
.links{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.4vw,18px);
  margin-top:clamp(22px,2.6vw,36px)}
.link{display:grid; gap:6px; align-content:start; padding:18px 20px; border-radius:var(--r);
  background:rgba(255,255,255,.5); box-shadow:inset 0 0 0 1px rgba(53,127,32,.18); color:var(--g900);
  text-decoration:none; transition:background .2s}
.link:hover{background:#FFFFFF; box-shadow:inset 0 0 0 1px var(--leaf)}
.link .k{font-family:'Martian Mono',monospace; font-size:10.5px; font-weight:600; letter-spacing:.13em;
  text-transform:uppercase; color:var(--acc)}
.link b{font-size:18px; line-height:1.2; letter-spacing:-.014em}
.link > span:last-child{font-size:14px; line-height:1.45; color:var(--g700)}

@media (max-width:1100px){
  .line{grid-template-columns:repeat(3,minmax(0,1fr))}
  .links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .cards--3, .cycle, .groups, .promise{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-cols, .about-cols--wide, .about-two{grid-template-columns:1fr}
  .founder-card{position:static; max-width:380px}
  .ttable__h{display:none}
  .ttable__r{grid-template-columns:1fr; gap:6px}
}
@media (max-width:620px){
  .cards--3, .cycle, .groups, .promise, .line, .links{grid-template-columns:1fr}
  .docs__r{grid-template-columns:1fr; gap:4px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .seg__b{transition:none}
}