:root{
  --ink:#0f1b14; --ink-2:#55635b; --ink-3:#8a968f;
  --green:#0e9e5a; --green-2:#0b7f48; --green-soft:#e9f8f0;
  --dark:#04120a; --dark-2:#030d07;
  --line:#e6ede9; --surface:#f4f8f6;
  --radius:18px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:none}
a:hover{color:var(--green-2)}
::selection{background:#bdf0d5}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}

/* ── Шапка ─────────────────────────────────────────────────────────── */
.top{background:var(--dark);color:#fff;position:relative;z-index:5}
.top .wrap{display:flex;align-items:center;gap:28px;height:76px}
.top a{color:rgba(255,255,255,.78)}
.top a:hover{color:#fff}
.brand{display:inline-flex;align-items:center;flex:none}
.brand img{height:30px;width:auto}
.nav{display:flex;gap:26px;font-size:15px;font-weight:600;margin-left:8px}
.nav a.on{color:#fff}
.top-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}
.langs{display:flex;gap:2px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px}
.langs a,.langs span{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 11px;border-radius:999px;color:rgba(255,255,255,.62)}
.langs .cur{background:#fff;color:var(--dark)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:12px 20px;border-radius:12px;border:0;cursor:pointer;transition:.18s}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-2);color:#fff}
.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
/* Кнопка в шапке раздела намеренно тихая. Сюда приходят читать, а не
   регистрироваться, и крупный зелёный блок перетягивал на себя весь экран. */
.btn-soft{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14.5px;font-weight:600;padding:10px 17px;border-radius:11px}
.btn-soft:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);color:#fff}
.top-link{font-size:14.5px;font-weight:600;color:rgba(255,255,255,.7);white-space:nowrap}
.top-link:hover{color:#fff}
.btn-line{background:#fff;border:1px solid var(--line);color:var(--ink)}
.btn-line:hover{border-color:var(--green);color:var(--green)}

/* ── Тёмная шапка раздела ──────────────────────────────────────────── */
/* Отступы считает clamp, а не набор медиазапросов: между 360 и 1440 px ритм
   меняется плавно, и не остаётся ширин, где блок уже разъехался, а правило
   ещё не сработало. */
.hero{position:relative;background:var(--dark);color:#fff;overflow:hidden;padding:clamp(34px,4.5vw,56px) 0 clamp(60px,7vw,96px)}
/* Список и рубрика: под шапкой нет наезжающей обложки, тянуть низ незачем. */
.hero-plain{padding-bottom:clamp(40px,5vw,64px)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% -30%,#1d8f5b 0%,#0b4a2c 36%,#04120a 74%)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(55% 45% at 20% 20%,rgba(45,190,120,.28),transparent 70%)}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-.03em;font-weight:800;margin:0}
.hero p.lead{margin:18px 0 0;max-width:640px;font-size:18px;color:rgba(255,255,255,.72)}
.crumbs{font-size:14px;color:rgba(255,255,255,.55);margin-bottom:22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumbs a{color:rgba(255,255,255,.75)}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:7px 13px;border-radius:999px;background:rgba(61,220,140,.16);color:#7ff0b6;border:1px solid rgba(61,220,140,.28)}
.meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:26px;font-size:14.5px;color:rgba(255,255,255,.62)}
.meta .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.35)}

/* ── Статья ────────────────────────────────────────────────────────── */
.sheet{position:relative;z-index:3;margin-top:clamp(-64px,-4.5vw,-44px);padding-bottom:clamp(56px,7vw,80px)}
.cover{border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 40px 80px -40px rgba(4,18,10,.55);aspect-ratio:16/9}
.cover img{width:100%;height:100%;object-fit:cover}
.article{max-width:740px;margin:0 auto;padding-top:clamp(30px,4vw,48px);font-size:18.5px;line-height:1.72;color:#182a20}
.article>*:first-child{margin-top:0}
.article p{margin:0 0 22px}
.article h2{font-size:29px;line-height:1.22;letter-spacing:-.02em;font-weight:800;margin:46px 0 16px}
.article h3{font-size:22px;line-height:1.3;letter-spacing:-.015em;font-weight:800;margin:36px 0 12px}
.article h4{font-size:19px;font-weight:800;margin:30px 0 10px}
.article ul,.article ol{margin:0 0 22px;padding-left:24px}
.article li{margin:0 0 10px}
.article li>p{margin:0}
.article a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.article blockquote{margin:32px 0;padding:22px 26px;border-left:3px solid var(--green);background:var(--green-soft);border-radius:0 14px 14px 0;font-size:19px}
.article blockquote p:last-child{margin:0}
.article img{border-radius:16px;margin:8px 0}
.article figure{margin:32px 0}
.article figcaption{margin-top:10px;font-size:14.5px;color:var(--ink-3);text-align:center}
.article hr{border:0;border-top:1px solid var(--line);margin:44px 0}
.article code{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.article pre{background:var(--dark);color:#dcecdf;border-radius:14px;padding:20px 22px;overflow-x:auto;margin:0 0 24px;font-size:14.5px;line-height:1.6}
.article pre code{background:none;border:0;padding:0;color:inherit}
.article table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:16px}
.article th,.article td{border:1px solid var(--line);padding:11px 14px;text-align:left}
.article th{background:var(--surface);font-weight:700}
.article span[data-text-color="red"]{color:#d24b3e}
.article span[data-text-color="green"]{color:var(--green-2)}
.article span[data-text-color="blue"]{color:#2f6ff0}
.article span[data-background-color="yellow"]{background:#fdf2c4;padding:0 3px;border-radius:4px}
.article span[data-background-color="green"]{background:var(--green-soft);padding:0 3px;border-radius:4px}

.share{max-width:740px;margin:44px auto 0;padding-top:26px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.share span{font-size:14.5px;color:var(--ink-3);margin-right:2px}
.share a,.share button{font-size:14px;font-weight:700;padding:9px 15px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer;font-family:inherit}
.share a:hover,.share button:hover{border-color:var(--green);color:var(--green)}

/* ── Карточки ──────────────────────────────────────────────────────── */
.section{padding:clamp(44px,6vw,76px) 0}
.section.tight{padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,88px)}
.section h2.title{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.025em;font-weight:800;margin:0 0 clamp(20px,2.4vw,28px)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.9vw,26px)}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s;height:100%}
.card:hover{transform:translateY(-3px);box-shadow:0 26px 44px -28px rgba(4,18,10,.42);border-color:#d6e5dc}
.card .thumb{aspect-ratio:16/9;background:var(--surface);overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.thumb-blank{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 20% 0%,#1d8f5b,#0b4a2c 40%,#04120a 100%)}
.thumb-blank span{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.card .kicker{display:flex;gap:10px;align-items:center;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green)}
.card .kicker .when{color:var(--ink-3);letter-spacing:0;text-transform:none;font-weight:600}
.card h3{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:800;color:var(--ink)}
.card p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.card .foot{margin-top:auto;padding-top:6px;font-size:13.5px;color:var(--ink-3)}
.lead-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0}
.lead-card .thumb{aspect-ratio:auto;height:100%;min-height:300px}
.lead-card .body{padding:34px 36px;gap:14px;justify-content:center}
.lead-card h3{font-size:29px;line-height:1.2}
.lead-card p{font-size:17px}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 clamp(20px,2.6vw,30px)}
.chip{font-size:14px;font-weight:700;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer;font-family:inherit}
.chip.on{background:var(--dark);border-color:var(--dark);color:#fff}
/* Пустой раздел — это тоже страница, а не 300 пикселей воздуха с серой
   строчкой посередине: рамка держит блок, кнопка уводит туда, где что-то есть. */
.empty{display:grid;justify-items:center;gap:10px;padding:clamp(34px,5vw,52px) 24px;text-align:center;border:1px dashed var(--line);border-radius:20px;background:var(--surface);color:var(--ink-2)}
.empty-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.22em;color:var(--green);font-weight:700}
h1.empty-title{margin:0}
.empty-title{font-size:clamp(19px,2.4vw,23px);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.empty p{margin:0;max-width:420px;font-size:15.5px;line-height:1.55;color:var(--ink-3)}
.empty .btn{margin-top:6px}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:clamp(30px,4vw,48px);font-size:15px;font-weight:700;flex-wrap:wrap}
.pager a,.pager span{padding:11px 18px;border-radius:12px;border:1px solid var(--line);color:var(--ink-2)}
.pager .cur{background:var(--dark);border-color:var(--dark);color:#fff}
.pager .off{opacity:.4}

/* ── Призыв и подвал ───────────────────────────────────────────────── */
.cta{background:var(--dark);color:#fff;border-radius:24px;padding:clamp(30px,4vw,52px);display:flex;align-items:center;gap:32px;justify-content:space-between;position:relative;overflow:hidden}
.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 12% 0%,rgba(45,190,120,.32),transparent 65%)}
.cta>*{position:relative;z-index:2}
.cta h2{margin:0 0 10px;font-size:clamp(24px,3vw,32px);letter-spacing:-.025em;font-weight:800}
.cta p{margin:0;color:rgba(255,255,255,.7);max-width:520px}
footer.foot{background:var(--dark-2);color:#fff;padding:clamp(44px,5.5vw,64px) 0 36px;border-top:1px solid rgba(255,255,255,.08)}
footer.foot .cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
footer.foot a{color:rgba(255,255,255,.75)}
footer.foot a:hover{color:#fff}
footer.foot .h{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:16px}
footer.foot .col{display:flex;flex-direction:column;gap:12px;font-size:14.5px}
footer.foot .tagline{font-size:14.5px;color:rgba(255,255,255,.5);margin-top:16px;line-height:1.6;max-width:300px}
footer.foot .bottom{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.42)}

/* Опоры продукта: крупные карточки с раскрытием, а не строчки в сетке —
   каждая несёт один довод и три подтверждения к нему. */
.pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.pillar{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.1vw,26px);display:flex;flex-direction:column;gap:10px}
.pillar h3{margin:0;font-size:clamp(20px,2.2vw,23px);line-height:1.25;letter-spacing:-.022em;font-weight:800}
.pillar>p{margin:0;font-size:16px;line-height:1.62;color:var(--ink-2)}
.pillar ul{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.pillar li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.pillar li:before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:3px;background:var(--green-soft);border:1.5px solid var(--green)}
/* Перечень возможностей: подробности — на лендинге, здесь достаточно списка
   в две колонки. Шесть карточек ради тех же слов занимали пол-экрана. */
.facts{margin:0;padding:0;list-style:none;columns:2;column-gap:clamp(20px,3vw,44px)}
.facts li{break-inside:avoid;position:relative;padding:0 0 12px 24px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.facts li:before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:3px;background:var(--green-soft);border:1.5px solid var(--green)}
@media (max-width:760px){.facts{columns:1}}

@media (max-width:900px){.pillars{grid-template-columns:minmax(0,1fr)}}

/* ── Страницы о компании ───────────────────────────────────────────── */
.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#7ff0b6;margin-bottom:16px}
.section-lead{margin:-8px 0 clamp(22px,2.6vw,32px);max-width:640px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
/* Блок из чётного числа карточек кладём по две: четвёртая, висящая одна во
   втором ряду, читается как недоделанная вёрстка. */
.tiles.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.2vw,26px)}
.tile h3{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:800;color:var(--ink)}
.tile p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.tile .btn{align-self:flex-start;margin-top:6px}
.tile-action{margin-top:auto;padding-top:6px;font-size:14.5px;font-weight:700;color:var(--green)}
.tile-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
a.tile-link{color:inherit;transition:.2s}
a.tile-link:hover{border-color:var(--green);transform:translateY(-2px);color:inherit}
/* Шаги: номер держит колонку, поэтому текст не пляшет при разной длине. */
.steps{display:grid;gap:clamp(14px,1.6vw,18px)}
.step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,1.7vw,20px)}
.step-n{width:38px;height:38px;border-radius:12px;background:var(--dark);color:#7ff0b6;display:grid;place-items:center;font-weight:800;font-size:16px}
.step h3{margin:0 0 6px;font-size:18.5px;letter-spacing:-.015em;font-weight:800}
.step p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.tiles{grid-template-columns:minmax(0,1fr)}.step{grid-template-columns:44px minmax(0,1fr);gap:14px}}

@media (max-width:1000px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lead-card{grid-template-columns:minmax(0,1fr)}
  .lead-card .thumb{aspect-ratio:16/9;min-height:0}
  .lead-card .body{padding:26px 24px 30px}
  .lead-card h3{font-size:25px}
  footer.foot .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .nav{display:none}
  .top .wrap{height:64px;gap:12px}
  /* В шапке телефона остаются логотип и языки: кнопка «начать» всё равно
     повторяется блоком призыва ниже, а втроём они не помещаются в строку. */
  /* «Войти» на телефоне убираем: тем, кто входит, привычнее app.adgo.uz
     напрямую, а место в строке дороже. Кнопка «Консультация» остаётся —
     это единственное действие раздела. */
  .top-link{display:none}
  .btn-soft{padding:9px 14px;font-size:14px}
  .langs a,.langs span{padding:9px 12px;font-size:12.5px}
  .article{font-size:17.5px}
  .article h2{font-size:25px;margin:32px 0 14px}
  .grid{grid-template-columns:minmax(0,1fr)}
  .cta{flex-direction:column;align-items:flex-start;gap:20px}
}