/* ═══ Публічна сторінка — за затвердженим макетом (06.09.2026) ═══════════════
   Дорослий B2B SaaS: porcelain-тло, графітові смуги, теракота лише для дій
   і станів, шавлія — тільки для «прийнято». Жодних градієнтів, синього,
   карт і стокових фото: головний візуальний об'єкт — інтерфейс платформи.
   Кабінетів ці стилі не торкаються — усе під .rl. */

@font-face{font-family:'Onest';src:url(/fonts/Onest-Bold-cyr.woff2) format('woff2');font-weight:700;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:'Onest';src:url(/fonts/Onest-Bold-lat.woff2) format('woff2');font-weight:700;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:'Onest';src:url(/fonts/Onest-SemiBold-cyr.woff2) format('woff2');font-weight:600;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:'Onest';src:url(/fonts/Onest-SemiBold-lat.woff2) format('woff2');font-weight:600;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:'Golos Text';src:url(/fonts/GolosText-Regular-cyr.woff2) format('woff2');font-weight:400;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:'Golos Text';src:url(/fonts/GolosText-Regular-lat.woff2) format('woff2');font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:'Golos Text';src:url(/fonts/GolosText-Medium-cyr.woff2) format('woff2');font-weight:500;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:'Golos Text';src:url(/fonts/GolosText-Medium-lat.woff2) format('woff2');font-weight:500;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:'Golos Text';src:url(/fonts/GolosText-SemiBold-cyr.woff2) format('woff2');font-weight:600;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:'Golos Text';src:url(/fonts/GolosText-SemiBold-lat.woff2) format('woff2');font-weight:600;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/IBMPlexMono-Regular-cyr.woff2) format('woff2');font-weight:400;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/IBMPlexMono-Regular-lat.woff2) format('woff2');font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/IBMPlexMono-Medium-cyr.woff2) format('woff2');font-weight:500;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/IBMPlexMono-Medium-lat.woff2) format('woff2');font-weight:500;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;font-display:swap}

.rl{
  --ink:#181916;--graphite:#242522;--porcelain:#F8F7F2;--mineral:#EFEEE8;--orange:#D95E27;--rust:#A74724;
  --sage:#DCE8DB;--sage-ink:#2F5D42;--olive:#74766C;--border:#D8D4CA;--white:#FFFDF9;--muted:#A5A39A;
  --ink-line:#3A3B37;--ink-dim:#B4B2A9;--ink-soft:#2E2F2B;
  --font-head:'Onest','Golos Text','Segoe UI',sans-serif;--font-body:'Golos Text','Inter','Segoe UI',sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --h1:clamp(40px,3.1vw,46px);--h2:clamp(34px,3.6vw,52px);--h3:clamp(23px,2vw,28px);--lead:clamp(16px,1.2vw,17px);
  --wrap:1280px;--pad:clamp(20px,3.4vw,48px);--gap:clamp(20px,2.2vw,32px);--section:clamp(72px,9vw,128px);--r:10px;
  background:var(--porcelain);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;
}
.rl *{box-sizing:border-box}
.rl h1,.rl h2,.rl h3,.rl h4{font-family:var(--font-head);font-weight:700;margin:0;color:inherit;text-wrap:balance}
.rl h1{font-size:var(--h1);line-height:1.0;letter-spacing:-.045em}
.rl h1 em{font-style:normal;color:var(--orange)}
.rl h2{font-size:var(--h2);line-height:1.08;letter-spacing:-.03em;max-width:22ch}
.rl h3{font-size:var(--h3);line-height:1.2;letter-spacing:-.02em}
.rl h4{font-size:20px;letter-spacing:-.015em}
.rl p{margin:0}
.rl a{color:inherit}
.rl .rl-mono{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}
.rl .rl-muted{color:var(--olive)}
.rl .rl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rl-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.rl-eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.rl-eyebrow-light{color:#F0956A}
.rl-eyebrow-dark{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}
.rl-eyebrow-dark em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:400;color:var(--muted)}
.rl-lead{font-size:var(--lead);line-height:1.55;color:var(--olive);max-width:58ch}
.rl-sub{font-size:17px;line-height:1.55;color:var(--olive);max-width:64ch;margin-top:14px}
.rl-band .rl-sub{color:var(--ink-dim)}
.rl-ic{display:inline-grid;place-items:center;width:22px;height:22px;flex:none}
.rl-ic svg{width:100%;height:100%}
.rl-ic-lg{width:34px;height:34px;color:var(--orange)}

/* ── Кнопки ── */
.rl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r);padding:11px 18px;font:600 15px/1 var(--font-body);
  cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,transform .1s;white-space:nowrap}
.rl-btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.rl-btn:active{transform:translateY(1px)}
.rl-btn-primary{background:var(--orange);color:#fff}
.rl-btn-primary:hover{background:var(--rust)}
.rl-btn-outline{background:var(--white);color:var(--ink);border-color:var(--border)}
.rl-btn-outline:hover{border-color:var(--ink)}
.rl-btn-ghost{background:transparent;color:#F1EFE9;border-color:#4A4B46}
.rl-btn-ghost:hover{border-color:#F1EFE9}
.rl-btn-lg{padding:15px 26px;font-size:16px}
.rl-btn-sm{padding:8px 14px;font-size:13px}
.rl-actions{display:flex;flex-wrap:wrap;gap:12px}
.rl-actions-col{flex-direction:column;align-items:stretch;min-width:260px}

/* ── Header ── */
.rl-top{position:sticky;top:0;z-index:40;background:var(--ink);color:#F1EFE9;height:76px;border-bottom:1px solid var(--ink-line)}
.rl-top-in{height:100%;display:flex;align-items:center;gap:32px}
.rl-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;margin-right:auto}
.rl-mark{position:relative;width:44px;height:44px;border-radius:9px;background:var(--graphite);border:1px solid #3F403B;display:grid;place-items:center;flex:none;overflow:hidden}
.rl-mark i{position:absolute;left:0;top:0;width:14px;height:14px;background:var(--orange);border-radius:0 0 8px 0}
.rl-mark b{font:700 17px/1 var(--font-head);letter-spacing:-.04em;color:#F1EFE9;position:relative}
.rl-brand-text{display:flex;flex-direction:column;line-height:1.1}
.rl-brand-name{font:700 15px/1 var(--font-head);letter-spacing:.06em}
.rl-brand-name em{font-style:normal;color:var(--orange);font-size:11px;letter-spacing:.1em;margin-left:4px}
.rl-brand-sub{font-size:9.5px;letter-spacing:.14em;color:var(--muted);margin-top:4px}
.rl-nav{display:flex;gap:26px}
.rl-nav a{font-size:15px;color:#D8D6CF;text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.rl-nav a:hover,.rl-nav a:focus-visible{color:#fff;border-bottom-color:var(--orange);outline:none}
.rl-top-actions{display:flex;gap:10px}
.rl-menu-btn{display:none;width:44px;height:44px;border-radius:9px;border:1px solid #4A4B46;background:transparent;color:#F1EFE9;cursor:pointer;padding:9px}
.rl-menu-btn svg{width:100%;height:100%}
.rl-menu{position:absolute;left:0;right:0;top:76px;background:var(--graphite);border-bottom:1px solid var(--ink-line);padding:12px var(--pad) 18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.rl-menu[hidden]{display:none}
.rl-menu a{color:#F1EFE9;text-decoration:none;padding:12px 8px;font-size:16px;border-bottom:1px solid var(--ink-line)}
.rl-menu .rl-btn{margin-top:8px}

/* ── Hero ── */
.rl-hero{padding:clamp(48px,6vw,88px) 0 clamp(56px,7vw,104px);min-height:720px;display:flex;align-items:center}
.rl-hero-in{display:grid;grid-template-columns:minmax(0,21fr) minmax(0,27fr);gap:var(--gap);align-items:start;width:100%}
.rl-hero-text{padding-top:24px}
.rl-hero-text h1{margin:0 0 22px}
.rl-hero-text .rl-lead{margin-bottom:28px}
.rl-demo-note{display:flex;align-items:flex-start;gap:12px;margin-top:22px;font-size:14px;color:var(--olive);max-width:56ch}
.rl-demo-note b{flex:none;background:var(--sage);color:var(--sage-ink);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:1px}
.rl-hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:16px;align-items:start}
.rl-models{background:var(--mineral);border:1px solid var(--border);border-radius:var(--r);padding:14px 12px;display:flex;flex-direction:column;gap:10px;margin-top:64px}
.rl-models b{font:600 15px/1.25 var(--font-head);letter-spacing:-.01em;margin-bottom:4px}
.rl-models span{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.25;color:var(--ink)}
.rl-ic-check{width:16px;height:16px;color:var(--sage-ink);flex:none}
.rl-ic-check svg{width:100%;height:100%}

/* операційна панель */
.rl-panel{min-width:0;background:var(--ink);color:#F1EFE9;border-radius:14px;padding:20px 20px 16px;box-shadow:0 30px 70px rgba(24,25,22,.22);border:1px solid var(--ink-line)}
.rl-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.rl-panel-head b{font-size:12px;letter-spacing:.06em;color:#F1EFE9}
.rl-panel-sub{margin:6px 0 16px;font-size:13.5px;color:var(--ink-dim)}
.rl-panel-sub em,.rl-stop-meta em{font-style:normal;color:#5A5B56;margin:0 8px}
.rl-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:9px;padding:5px;margin-bottom:14px}
.rl-mode{border:0;background:transparent;color:var(--ink-dim);font:600 11px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:10px 6px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s}
.rl-mode:hover{color:#F1EFE9}
.rl-mode.is-on{background:var(--orange);color:#fff}
.rl-mode:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.rl-chain{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;overflow:hidden;background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:9px;padding:10px 12px}
.rl-chain-node{display:flex;align-items:center;gap:6px;flex:none;white-space:nowrap}
.rl-chain-node .rl-ic{width:26px;height:26px;border-radius:7px;background:var(--orange);color:#fff;padding:5px}
.rl-chain-node span{display:flex;flex-direction:column;line-height:1.2}
.rl-chain-node b{font-size:11.5px}
.rl-chain-node small{font-size:10.5px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;max-width:134px}
.rl-chain-arrow{color:var(--orange);font-size:14px;line-height:1;flex:none}
.rl-chain-note{margin:10px 2px 6px;font-size:12px;color:var(--ink-dim);line-height:1.4}
.rl-stops{list-style:none;margin:0;padding:0}
.rl-stop{display:grid;grid-template-columns:40px 16px 1fr auto;gap:10px;align-items:start;padding:9px 0;position:relative;border-top:1px solid var(--ink-line)}
.rl-stop:first-child{border-top:0}
.rl-stop time{color:var(--ink-dim);padding-top:3px}
.rl-dot{width:12px;height:12px;border-radius:50%;border:2px solid #5A5B56;background:var(--ink);margin-top:4px;justify-self:center;position:relative;z-index:1}
.rl-stop.is-done .rl-dot{background:#4E9B6E;border-color:#4E9B6E}
.rl-stop.is-now .rl-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 4px rgba(217,94,39,.28)}
.rl-stop:not(:last-child):before{content:"";position:absolute;left:46px;top:30px;bottom:-4px;border-left:2px solid var(--ink-line)}
.rl-stop-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.rl-stop-body b{font-size:14px}
.rl-stop-body>span{font-size:12px;color:var(--ink-dim)}
.rl-stop-meta{font-family:var(--font-mono);font-size:10.5px;white-space:nowrap;color:#C9C7BE!important}
.rl-stop-detail{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.rl-stop-detail span{font-size:10.5px;background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:6px;padding:4px 8px;color:#DEDCD4}
.rl-status{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;white-space:nowrap;margin-top:2px}
.rl-status-done{background:var(--sage);color:var(--sage-ink)}
.rl-status-now{background:var(--orange);color:#fff}
.rl-status-next{background:var(--ink-soft);color:#F1EFE9;border:1px solid var(--ink-line)}
.rl-status-plan{background:transparent;color:var(--ink-dim);border:1px solid var(--ink-line)}
.rl-panel-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;padding-top:14px;border-top:1px solid var(--ink-line);font-size:12.5px;color:var(--ink-dim)}
.rl-panel-foot b{color:#F0956A;font-weight:600}

/* ── Секції ── */
.rl-section{padding:var(--section) 0}
.rl-section .rl-wrap>h2{margin-top:2px}
.rl-band{background:var(--graphite);color:#F1EFE9}
.rl-band .rl-two h2{font-size:clamp(30px,2.9vw,42px)}
.rl-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:start}
.rl-points{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:pt}
.rl-points li{counter-increment:pt;background:var(--ink);border:1px solid var(--ink-line);border-radius:12px;padding:18px 20px 18px 64px;position:relative;color:var(--ink-dim);line-height:1.5;font-size:15px}
.rl-points li b{display:block;color:#F1EFE9;font:600 17px/1.25 var(--font-head);margin-bottom:5px;letter-spacing:-.01em}
.rl-points li:before{content:counter(pt);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:9px;background:var(--orange);color:#fff;display:grid;place-items:center;font:700 13px/1 var(--font-head)}

/* ── Dashboard preview ── */
.rl-dash{margin:36px 0 0;border-radius:14px;overflow:hidden;background:var(--white);border:1px solid var(--border);box-shadow:0 34px 90px rgba(24,25,22,.16)}
.rl-dash-bar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--graphite);color:var(--ink-dim)}
.rl-dash-bar i{width:10px;height:10px;border-radius:50%;background:#4A4B46}
.rl-dash-bar span{margin-left:10px;letter-spacing:.04em}
.rl-dash-in{display:grid;grid-template-columns:184px 1fr;position:relative;min-height:560px}
.rl-dash-side{background:var(--ink);color:#DEDCD4;padding:18px 12px;display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.rl-dash-logo{display:flex;align-items:center;gap:9px;margin:2px 4px 18px}
.rl-dash-logo .rl-mark{width:36px;height:36px}.rl-dash-logo .rl-mark b{font-size:14px}
.rl-dash-logo>span{display:flex;flex-direction:column;line-height:1.1}
.rl-dash-logo>span b{font:700 11px/1 var(--font-head);letter-spacing:.06em;color:#F1EFE9}.rl-dash-logo>span b em{font-style:normal;color:var(--orange);font-size:9px;margin-left:3px}
.rl-dash-logo>span small{font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:3px}
.rl-dash-group{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 8px 4px}
.rl-dash-link{display:block;padding:7px 9px;border-radius:7px;color:#DEDCD4}
.rl-dash-link.is-on{background:var(--orange);color:#fff;font-weight:600}
.rl-dash-main{padding:16px 18px 20px;min-width:0;background:var(--porcelain)}
.rl-dash-head{display:flex;flex-direction:column;margin-bottom:12px}
.rl-dash-head .rl-eyebrow{margin-bottom:2px;font-size:9.5px}
.rl-dash-head b{font:700 16px/1.2 var(--font-head);letter-spacing:-.02em}
.rl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.rl-metric{background:var(--white);border:1px solid var(--border);border-radius:9px;padding:10px 13px;display:flex;align-items:baseline;gap:10px}
.rl-metric b{font:700 26px/1 var(--font-head);color:var(--orange);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rl-metric span{display:flex;flex-direction:column;font-size:12.5px;font-weight:600;line-height:1.2}
.rl-metric small{font-weight:400;color:var(--olive);font-size:10.5px;margin-top:2px}
.rl-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.rl-tabs span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--white);border-radius:8px;padding:6px 11px;font-size:12px;font-weight:600}
.rl-tabs span.is-on{background:var(--orange);border-color:var(--orange);color:#fff}
.rl-tabs span b{font-size:10.5px;background:rgba(255,255,255,.22);border-radius:999px;padding:1px 6px}
.rl-tabs span:not(.is-on) b{background:var(--mineral);color:var(--ink)}
.rl-filters{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;background:var(--white);border:1px solid var(--border);border-radius:9px;padding:8px 10px;margin-bottom:10px}
.rl-filters label{display:flex;flex-direction:column;gap:3px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--olive);font-weight:600;flex:1 1 110px;min-width:0}
.rl-filters label span{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12px;text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink);background:var(--porcelain)}
.rl-filter-search{flex:2 1 200px!important}
.rl-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:9px;background:var(--white)}
.rl-table{border-collapse:collapse;width:100%;font-size:12px;min-width:820px}
.rl-table th{text-align:left;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--olive);background:var(--mineral);padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.rl-table td{padding:8px 9px;border-bottom:1px solid #ECEAE3;vertical-align:top;white-space:nowrap}
.rl-table td b{font-weight:600}.rl-table td small{color:var(--olive);font-size:11px}
.rl-table tbody tr{cursor:pointer;transition:background .12s}
.rl-table tbody tr:hover{background:var(--porcelain)}
.rl-table tbody tr:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.rl-table tbody tr.is-selected{background:#FBEDE4}
.rl-table tbody tr.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--orange)}
.rl-pill{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.04em;border-radius:999px;padding:4px 9px;line-height:1.2}
.rl-pill-warm{background:#F5E6D6;color:#8A4A20}.rl-pill-orange{background:var(--orange);color:#fff}.rl-pill-muted{background:var(--mineral);color:var(--olive)}.rl-pill-sage{background:var(--sage);color:var(--sage-ink)}
.rl-pill-sm{font-size:10px;padding:3px 8px}
.rl-next{display:block;font-size:11px;color:var(--rust);margin-top:3px;font-weight:600}
.rl-docs span{display:inline-block;font-family:var(--font-mono);font-size:10.5px;border:1px solid var(--border);border-radius:5px;padding:2px 6px;margin-right:4px;background:var(--porcelain)}
.rl-drawer{position:absolute;right:14px;top:14px;bottom:14px;width:252px;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:44px 18px 18px;box-shadow:0 20px 50px rgba(24,25,22,.16);display:flex;flex-direction:column;gap:10px;overflow:auto}
.rl-drawer-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:var(--white);color:var(--ink);cursor:pointer;padding:6px}
.rl-drawer-close svg{width:100%;height:100%}
.rl-drawer h4{font-size:18px;margin-bottom:4px}
.rl-drawer dl{margin:0;display:grid;gap:9px}
.rl-drawer dl div{display:flex;flex-direction:column;gap:1px}
.rl-drawer dt{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--olive);font-weight:600}
.rl-drawer dd{margin:0;font-size:13.5px;font-weight:500}
.rl-doc-chips{display:flex;gap:6px}
.rl-doc-chips span{font-family:var(--font-mono);font-size:11px;border:1px solid var(--border);border-radius:6px;padding:4px 8px;background:var(--porcelain)}
.rl-drawer .rl-btn{margin-top:auto}
.rl-more{background:none;border:0;color:var(--rust);font:600 13px/1 var(--font-body);cursor:pointer;text-align:left;padding:4px 0}

/* ── Учасники ── */
.rl-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:40px}
.rl-part{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:22px 22px 24px;display:grid;grid-template-columns:36px 1fr;column-gap:16px;row-gap:10px;align-content:start}
.rl-part-no{grid-row:1/4;width:36px;height:36px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font:600 11px/1 var(--font-mono)}
.rl-part .rl-ic,.rl-part h3,.rl-part p{grid-column:2}
.rl-part h3{max-width:18ch;font-size:clamp(20px,1.6vw,24px)}
.rl-part p{color:var(--olive);font-size:15px;line-height:1.55;max-width:34ch}

/* ── Водій ── */
.rl-driver{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap);align-items:center}
.rl-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;counter-reset:st}
.rl-steps li{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px 14px 14px 16px;display:flex;flex-direction:column;gap:4px;position:relative}
.rl-steps li b{font:700 24px/1 var(--font-head);color:var(--orange);letter-spacing:-.03em}
.rl-steps li span{font-size:13.5px;font-weight:500;line-height:1.3}
.rl-steps li:not(:last-child):after{content:"";position:absolute;right:-9px;top:50%;width:14px;height:14px;transform:translateY(-50%) rotate(45deg);background:var(--white);border-top:1px solid var(--border);border-right:1px solid var(--border);z-index:1}
.rl-phone{margin:0;justify-self:center;width:min(300px,100%);border-radius:36px;padding:12px;background:var(--ink);box-shadow:0 34px 80px rgba(24,25,22,.3);border:1px solid var(--ink-line)}
.rl-phone-in{background:var(--porcelain);border-radius:26px;padding:18px 16px 20px;color:var(--ink);display:flex;flex-direction:column;gap:6px;min-height:470px}
.rl-phone-top{display:flex;justify-content:space-between;color:var(--olive);margin-bottom:6px}
.rl-phone-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);font-weight:600}
.rl-phone-in .rl-pill{align-self:flex-start;margin:2px 0 4px}
.rl-phone-in h4{font-size:21px;line-height:1.15}
.rl-phone-in p{font-size:13.5px;color:var(--olive)}
.rl-phone-window{color:var(--rust)!important;font-weight:600}
.rl-phone-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.rl-phone-btn{display:grid;place-items:center;height:56px;border-radius:12px;border:1px solid var(--border);background:var(--white);font:600 15px/1 var(--font-body)}
.rl-phone-btn.is-go{background:var(--sage-ink);color:#fff;border-color:var(--sage-ink)}
.rl-phone-ctl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.rl-phone-ctl span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10.5px;color:var(--olive);background:var(--white);border:1px solid var(--border);border-radius:10px;padding:9px 4px}
.rl-phone-ctl i{width:20px;height:20px;color:var(--ink)}.rl-phone-ctl i svg{width:100%;height:100%}

/* ── Документи ── */
.rl-docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.rl-doc-card{margin:0;background:var(--ink);border:1px solid var(--ink-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.rl-doc-img{aspect-ratio:1/1.05;background:#fff;overflow:hidden;position:relative}
.rl-doc-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.rl-doc-img:after{content:"";position:absolute;inset:auto 0 0 0;height:36%;background:linear-gradient(transparent,rgba(24,25,22,.92))}
.rl-doc-card figcaption{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px}
.rl-doc-card b{font:600 16px/1.2 var(--font-head)}
.rl-doc-card span{font-size:12.5px;color:var(--ink-dim);line-height:1.4}
.rl-doc-chain{display:flex;align-items:center;gap:10px;margin-top:22px;padding:12px 16px;border-radius:10px;background:var(--sage);font-size:13.5px;color:var(--sage-ink)}
.rl-doc-chain .rl-ic{color:var(--sage-ink)}
.rl-doc-chain b{color:var(--ink);font-weight:600}

/* ── CTA + footer ── */
.rl-cta{padding:var(--section) 0}
.rl-cta-in{display:grid;grid-template-columns:1fr auto;gap:var(--gap);align-items:center;background:var(--mineral);border:1px solid var(--border);border-radius:16px;padding:clamp(28px,4vw,48px)}
.rl-foot{background:var(--ink);color:#DEDCD4;padding:36px 0}
.rl-foot-in{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.rl-foot-nav{display:flex;gap:22px;flex-wrap:wrap}
.rl-foot-nav a{font-size:14px;color:#D8D6CF;text-decoration:none}
.rl-foot-nav a:hover{color:#fff}
.rl-foot-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;text-align:right}
.rl-foot-right small{color:var(--muted);font-size:12px}
.rl-lang{border:1px solid #4A4B46;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;letter-spacing:.06em}

/* ── Responsive ── */
@media(max-width:1280px){.rl-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.rl-hero-panel{grid-template-columns:minmax(0,1fr)}.rl-models{margin-top:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}.rl-models b{width:100%}}
@media(max-width:1024px){.rl-nav{display:none}.rl-hero-in,.rl-two,.rl-driver{grid-template-columns:minmax(0,1fr)}.rl-hero{min-height:0}.rl-parts{grid-template-columns:1fr 1fr}.rl-docs-grid{grid-template-columns:repeat(2,1fr)}.rl-dash-in{grid-template-columns:1fr}.rl-dash-side{flex-direction:row;flex-wrap:wrap;gap:4px;padding:10px}.rl-dash-side .rl-dash-logo{width:100%}.rl-dash-group{display:none}.rl-drawer{position:static;width:auto;margin:0 14px 14px;padding-top:44px}.rl-cta-in{grid-template-columns:1fr}.rl-actions-col{min-width:0}}
@media(max-width:768px){.rl-top-actions .rl-btn-ghost{display:none}.rl-menu-btn{display:inline-grid}.rl-brand-sub{display:none}.rl-steps{grid-template-columns:1fr 1fr}.rl-parts{grid-template-columns:1fr}.rl-metrics{grid-template-columns:1fr 1fr}.rl-docs-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:6px;scroll-snap-type:x mandatory}.rl-doc-card{flex:0 0 72%;scroll-snap-align:start}.rl-foot-right{align-items:flex-start;margin-left:0;text-align:left}.rl-phone{margin-top:24px}}
@media(max-width:480px){.rl h1{font-size:38px}.rl h2{font-size:34px}.rl h3{font-size:23px}.rl-actions .rl-btn{width:100%}.rl-steps{grid-template-columns:1fr}.rl-steps li:not(:last-child):after{display:none}.rl-stop{grid-template-columns:40px 14px 1fr}.rl-status{grid-column:3;justify-self:start}.rl-stop:not(:last-child):before{left:46px}.rl-modes{grid-template-columns:1fr}.rl-mode{padding:9px}.rl-panel{padding:16px}.rl-chain{flex-wrap:wrap}.rl-stop-meta{white-space:normal}.rl-mark{width:38px;height:38px}.rl-mark b{font-size:15px}.rl-brand-name{white-space:nowrap}.rl-top-in{gap:10px}.rl-top-actions .rl-btn-primary{padding:9px 13px;font-size:14px}.rl-brand-name{font-size:13px}.rl-demo-note{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.rl *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
html:has(.rl){scroll-behavior:smooth}
.rl-foot-legal{display:flex;gap:8px;font-size:12px}.rl-foot-legal a{color:var(--muted);text-decoration:none}.rl-foot-legal a:hover{color:#fff}
.rl-foot-credit{color:var(--muted)}.rl-foot-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.rl-foot-credit a:hover{color:#fff}

/* ── База адрес: мережі плитками ── */
.rl-cov-note{max-width:70ch}
.rl-nets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:28px}
.rl-net{border:1px solid var(--border);border-radius:12px;padding:14px 14px 12px;background:var(--white);
  display:flex;flex-direction:column;gap:2px;min-width:0}
.rl-net b{font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-net-logo{display:block;width:38px;height:38px;object-fit:contain;object-position:left center;margin-bottom:8px;border-radius:8px}
.rl-net-mono{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:8px;
  border-radius:9px;background:var(--ink);color:var(--porcelain);font-family:var(--font-head);font-size:15px;
  font-weight:700;letter-spacing:.02em}
.rl-net-n{font-family:var(--font-head);font-size:26px;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rl-net small{font-size:11.5px;color:var(--olive);line-height:1.25}

.rl-cov-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:18px 0 0;
  border-top:1px solid var(--border)}
.rl-cov-sum div{display:flex;flex-direction:column;gap:2px;min-width:0}
.rl-cov-sum dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--olive);font-weight:650}
.rl-cov-sum dd{margin:0;font-family:var(--font-head);font-size:28px;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.rl-nets{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.rl-nets{grid-template-columns:repeat(3,minmax(0,1fr))}.rl-cov-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rl-nets{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-net-n{font-size:22px}.rl-cov-sum dd{font-size:24px}}