/* relocation.css - сторінка /relokatsiya/ («Релокація бізнесу під ключ»).
   Перенесено з окремого лендингу 2026-10-09. Усі класи з префіксом rl-,
   щоб не перетинатися з site.css; кольори - лише токени --deck-*.
   Теми: data-theme="dark|light" на кожній секції (.rl-band), як на
   /pro-kompaniyu/; фіксовані темні елементи на фото - --deck-dark-*. */

.rl {
  --rl-ease: cubic-bezier(.22, .8, .2, 1);
  --rl-header-h: 73px;
  --rl-fx-text-3: color-mix(in srgb, var(--deck-dark-text) 75%, var(--deck-dark-text-2));
  font-size: 16px;
  line-height: 1.6;
}
/* Похідні від --deck-text рахуються там, де оголошені, тому - на кожній
   тематизованій обгортці, а не лише на .rl. */
.rl, .rl [data-theme] {
  --rl-shell: color-mix(in srgb, var(--deck-text) 6%, transparent);
  --rl-hair: color-mix(in srgb, var(--deck-text) 12%, transparent);
}
.rl :where(h1, h2, h3, p, ul, ol, dl, dd, figure, fieldset, legend) { margin: 0; padding: 0; }
.rl :where(ul, ol) { list-style: none; }
.rl-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.rl-nw { white-space: nowrap; }
.rl-hero-note svg { display: inline-block; }

.rl > .rl-band:nth-of-type(3){--rl-glow-x:18%;--rl-glow-y:90%}
.rl > .rl-band:nth-of-type(5){--rl-glow-x:85%;--rl-glow-y:30%}
.rl > .rl-band:nth-of-type(7){--rl-glow-x:12%;--rl-glow-y:20%}
.rl > .rl-band:nth-of-type(9){--rl-glow-x:70%;--rl-glow-y:85%}
.rl-band[data-theme="dark"]{--rl-glow-x:78%;--rl-glow-y:12%;background:
  radial-gradient(900px 520px at var(--rl-glow-x) var(--rl-glow-y),rgba(239,168,63,.13),transparent 65%),
  radial-gradient(1100px 700px at calc(100% - var(--rl-glow-x)) 100%,rgba(120,150,190,.10),transparent 70%),
  var(--deck-bg)}
.rl-band{position:relative;background:var(--deck-bg);color:var(--deck-text);overflow:hidden;border-bottom:1px solid var(--rl-hair)}
.rl-pad{padding:var(--deck-s-9) 0}
@media (max-width:680px){.rl-pad{padding:var(--deck-s-8) 0}}

/* kicker / headings */
.rl-kicker{display:block;font-family:var(--deck-font-mono);font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--deck-text-2)}
.rl-kicker .rl-num{color:var(--deck-amber)}
.rl-section-head{margin-bottom:var(--deck-s-7);max-width:760px}
.rl-section-head .rl-kicker{margin-bottom:var(--deck-s-3)}
.rl-section-head h2{font-weight:600;font-size:clamp(28px,3.6vw,46px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.rl-section-head p.rl-lead{margin-top:var(--deck-s-4);max-width:640px;color:var(--deck-text-2);font-size:17px;text-wrap:pretty}
.rl-hl{color:var(--deck-amber)}
.rl-ghost{position:absolute;top:-.12em;right:var(--deck-s-6);font-weight:800;font-size:clamp(150px,19vw,300px);line-height:1;color:var(--deck-text);opacity:.045;pointer-events:none;user-select:none;z-index:0;letter-spacing:-.04em}
.rl-band > .wrap{position:relative;z-index:1}

/* buttons */
.rl-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--deck-font-display);font-size:15px;font-weight:600;padding:13px 24px;border-radius:var(--deck-r-pill);border:1px solid transparent;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}
.rl-btn--primary{background:var(--deck-amber);color:var(--deck-on-amber)}
.rl-btn--primary:hover{background:var(--deck-amber-bright);color:var(--deck-on-amber);transform:translateY(-1px)}
.rl-btn--secondary{background:transparent;color:var(--deck-text);border-color:var(--deck-line-strong)}
.rl-btn--secondary:hover{border-color:var(--deck-amber);color:var(--deck-amber)}
.rl-btn svg{width:16px;height:16px}

.rl-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--deck-font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--deck-text-2);background:var(--rl-shell);border:1px solid var(--rl-hair);border-radius:var(--deck-r-pill);padding:5px 12px;white-space:nowrap}
.rl-pill .rl-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.rl-pill--live{color:var(--deck-lime);border-color:var(--deck-lime-line);background:var(--deck-lime-wash)}
.rl-pill--muted{color:var(--deck-text-2);border-color:var(--deck-line-strong);background:transparent}
.rl-obj__tags .rl-pill--muted{color:var(--rl-fx-text-3);border-color:rgba(201,210,220,.45)}
.rl-pill--amber{color:var(--deck-amber);border-color:var(--deck-amber-line);background:var(--deck-amber-wash)}

/* reveal */
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}*{animation:none!important;transition:none!important}}
/* ============ 1. HERO (dark) ============ */
.rl-hero{height:calc(100svh - var(--rl-header-h));max-height:calc(100svh - var(--rl-header-h));display:flex;align-items:center;padding:clamp(8px,1.4vh,24px) 0;overflow:hidden}
.rl-hero-bg{position:absolute;inset:0;z-index:0;background:var(--deck-dark-bg-deep) url("/assets/photo/relokatsiya/hero-logistics.jpg") center 60%/cover no-repeat;transform:scale(1.06);filter:saturate(.6) brightness(.9);animation:heroZoom 14s var(--rl-ease) forwards}
@keyframes heroZoom{to{transform:scale(1.0)}}
.rl-hero-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(to top,var(--deck-bg) 4%,color-mix(in srgb,var(--deck-bg) 54%,transparent) 42%,color-mix(in srgb,var(--deck-bg) 10%,transparent) 100%),
  linear-gradient(to right,color-mix(in srgb,var(--deck-bg-deep) 85%,transparent) 0%,transparent 62%),
  radial-gradient(60% 50% at 85% 20%,rgba(239,168,63,.14),transparent 70%)}
.rl-hero .rl-ghost-dc{position:absolute;right:var(--deck-s-5);bottom:-.08em;font-weight:800;font-size:clamp(180px,22vw,360px);line-height:1;color:var(--deck-text);opacity:.12;z-index:1;letter-spacing:-.04em;pointer-events:none}
.rl-hero-inner{position:relative;z-index:2;width:100%}
.rl-hero h1{font-weight:800;font-size:clamp(24px,min(5.2vw,7vh),68px);line-height:1.03;letter-spacing:-.032em;margin:clamp(10px,2.4vh,28px) 0 clamp(16px,4vh,44px);max-width:24ch;text-wrap:balance}
.rl-hero-lead{font-size:clamp(15px,min(1.35vw,2.3vh),19px);max-width:56ch;color:var(--deck-text-2);text-wrap:pretty}
.rl-hero-actions{display:flex;flex-wrap:wrap;gap:var(--deck-s-3);margin-top:clamp(20px,5vh,56px)}
.rl-hero-note{margin-top:var(--deck-s-3);font-family:var(--deck-font-mono);font-size:12px;color:var(--deck-text-3);letter-spacing:.04em}
.rl-hero-meta{display:grid;grid-template-columns:auto auto auto;justify-content:start;margin-top:clamp(24px,7vh,80px);max-width:100%;border:1px solid var(--rl-hair);border-radius:var(--deck-r-md);background:color-mix(in srgb,var(--deck-bg) 55%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}
@media (max-height:640px),(max-width:680px){.rl-hero-meta{display:none}}
@media (max-width:1100px){.rl-hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.rl-hero-meta__item{white-space:normal;padding:clamp(8px,1.6vh,14px) var(--deck-s-4)}}
.rl-hero-meta__item{display:flex;flex-direction:column;gap:6px;white-space:nowrap;padding:clamp(10px,2vh,16px) var(--deck-s-5)}
.rl-hero-meta__item{border-left:2px solid var(--deck-amber)}
.rl-hero-meta__item+.rl-hero-meta__item{border-left:2px solid var(--deck-amber)}
.hero-meta__num{display:none}
.rl-hero-meta__k{font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--deck-amber)}
.rl-hero-meta__v{font-size:14.5px;color:var(--deck-text)}
.rl-hero-meta__v .rl-arr{color:var(--deck-amber);padding:0 2px}
.rl-stagger > *{opacity:0;transform:translate3d(0,18px,0);animation:rise .9s var(--rl-ease) forwards}
.rl-stagger > *:nth-child(1){animation-delay:.10s}.rl-stagger > *:nth-child(2){animation-delay:.22s}
.rl-stagger > *:nth-child(3){animation-delay:.34s}.rl-stagger > *:nth-child(4){animation-delay:.46s}
.rl-stagger > *:nth-child(5){animation-delay:.58s}.rl-stagger > *:nth-child(6){animation-delay:.70s}
@keyframes rise{to{opacity:1;transform:none}}

/* ============ 2. SITUATION (light) — statement + questions ============ */
.rl-statement__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--deck-s-8);align-items:start}
.rl-statement__lead .rl-big{font-size:clamp(26px,2.9vw,42px);line-height:1.16;letter-spacing:-.02em;font-weight:600;text-wrap:pretty;margin-top:var(--deck-s-4)}
.rl-statement__lead p.rl-sub{margin-top:var(--deck-s-5);color:var(--deck-text-2);font-size:16.5px;line-height:1.7;max-width:52ch}
.rl-qlist{list-style:none;border-top:1px solid var(--rl-hair)}
.rl-qrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--deck-s-4);padding:var(--deck-s-5) 0;border-bottom:1px solid var(--rl-hair)}
.rl-qrow__n{font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.1em;color:var(--deck-amber);padding-top:4px}
.rl-qrow h3{font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:-.01em;line-height:1.3}
.rl-qrow p{margin-top:6px;color:var(--deck-text-2);font-size:15px}
.rl-qrow p .rl-src{font-family:var(--deck-font-mono);font-size:12px;color:var(--deck-text-3);letter-spacing:.04em}
@media (max-width:900px){.rl-statement__grid{grid-template-columns:1fr;gap:var(--deck-s-6)}}

/* ============ 3. SOLUTION (dark) ============ */
.rl-solution-bg{position:absolute;inset:0;z-index:0;background:center 55%/cover no-repeat;filter:saturate(.45) brightness(.55);opacity:.55}
.rl-solution-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--deck-bg) 0%,color-mix(in srgb,var(--deck-bg) 70%,transparent) 45%,var(--deck-bg) 100%)}
.rl-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--deck-s-4)}
.rl-pillar{position:relative;background:color-mix(in srgb,var(--deck-surface) 88%,transparent);border:1px solid var(--deck-line-strong);border-radius:var(--deck-r-lg);padding:var(--deck-s-6) var(--deck-s-5) var(--deck-s-5);overflow:hidden;backdrop-filter:blur(6px);transition:border-color .5s var(--rl-ease),transform .5s var(--rl-ease)}
.rl-pillar:hover{border-color:var(--deck-amber-line);transform:translateY(-3px)}
.rl-pillar__ghost{position:absolute;top:var(--deck-s-3);right:var(--deck-s-4);font-weight:800;font-size:84px;line-height:1;color:var(--deck-text);opacity:.07}
.rl-pillar{display:grid;grid-template-columns:auto 1fr;column-gap:var(--deck-s-3);align-items:center;align-content:start}
.rl-pillar__icon{display:grid;place-items:center;color:var(--deck-amber)}
.rl-pillar__icon svg{width:26px;height:26px}
.rl-pillar h3{font-size:22px;font-weight:700;letter-spacing:-.01em}
.rl-pillar p{grid-column:1/-1}
.rl-pillar p{margin-top:var(--deck-s-4);color:var(--deck-text-2);font-size:15.5px;line-height:1.65}
.rl-side-note{margin-top:var(--deck-s-6);display:flex;flex-wrap:wrap;gap:var(--deck-s-3);align-items:center;color:var(--deck-text-2);font-size:15px}
@media (max-width:900px){.rl-pillars{grid-template-columns:1fr}}

/* ============ 4. PROCESS (light) ============ */
.rl-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--deck-s-4)}
.rl-step{position:relative;display:flex;flex-direction:column;background:var(--deck-surface);border:1px solid var(--deck-line);border-radius:var(--deck-r-md);padding:var(--deck-s-5);min-height:210px;box-shadow:var(--deck-shadow-card);transition:transform .5s var(--rl-ease),border-color .5s var(--rl-ease)}
.rl-step:hover{transform:translateY(-3px);border-color:var(--deck-amber-line)}
.rl-step__top{display:flex;justify-content:space-between;align-items:center;gap:var(--deck-s-2)}
.rl-step__num{font-family:var(--deck-font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--deck-amber)}
.rl-step h3{margin-top:var(--deck-s-5);font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.rl-step p{margin-top:var(--deck-s-2);margin-bottom:var(--deck-s-4);color:var(--deck-text-2);font-size:14.5px;line-height:1.55}
.rl-step .rl-pill{margin-top:auto;align-self:flex-start}
.rl-step--start{background:linear-gradient(160deg,var(--deck-amber-wash),transparent 70%),var(--deck-surface);border-color:var(--deck-amber-line)}
.rl-step--gate{background:linear-gradient(160deg,var(--deck-lime-wash),transparent 70%),var(--deck-surface);border-color:var(--deck-lime-line)}
.rl-step--gate .rl-step__num,.rl-step--gate h3{color:var(--deck-lime)}
.rl-rail-foot{margin-top:var(--deck-s-6);display:flex;flex-wrap:wrap;gap:var(--deck-s-4);align-items:center;justify-content:space-between}
.rl-rail-foot p{font-family:var(--deck-font-mono);font-size:12px;color:var(--deck-text-3);letter-spacing:.03em}
@media (max-width:1024px){.rl-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rl-rail{grid-template-columns:1fr}.rl-step{min-height:0}}

/* ============ 5. CHECKS (dark) ============ */
.rl-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--deck-s-4)}
.rl-check{background:var(--deck-surface);border:1px solid var(--deck-line-strong);border-radius:var(--deck-r-md);padding:var(--deck-s-5);display:flex;flex-direction:column}
.rl-check__head{display:flex;align-items:center;gap:var(--deck-s-3);padding-bottom:var(--deck-s-4);border-bottom:1px solid var(--rl-hair)}
.rl-check__icon{width:38px;height:38px;border-radius:var(--deck-r-sm);display:grid;place-items:center;background:var(--deck-amber-wash);border:1px solid var(--deck-amber-line);color:var(--deck-amber);flex:none}
.rl-check__icon svg{width:19px;height:19px}
.rl-check__label{font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--deck-text-3)}
.rl-check h3{font-size:19px;font-weight:700;line-height:1.2}
.rl-check ul{list-style:none;margin-top:var(--deck-s-4);display:flex;flex-direction:column;gap:10px}
.rl-check li{position:relative;padding-left:20px;color:var(--deck-text-2);font-size:14.5px;line-height:1.45}
.rl-check li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:2px;border:1.5px solid var(--deck-amber)}
.rl-console{margin-top:var(--deck-s-6);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--deck-s-5);align-items:center;background:var(--deck-bg-deep);border:1px solid var(--deck-amber-line);border-radius:var(--deck-r-lg);padding:var(--deck-s-5) var(--deck-s-6)}
.rl-console__tag{font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.12em;color:var(--deck-amber);text-transform:uppercase;white-space:nowrap}
.rl-console p{font-size:clamp(16px,1.4vw,19px);color:var(--deck-text);line-height:1.5}
@media (max-width:1024px){.rl-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rl-checks{grid-template-columns:1fr}.rl-console{grid-template-columns:1fr;gap:var(--deck-s-2);padding:var(--deck-s-5)}}

/* ============ 6. SHOWCASE (light) ============ */
.rl-tabs{display:flex;flex-wrap:wrap;gap:var(--deck-s-2);margin-bottom:var(--deck-s-6)}
.rl-tab{font-family:var(--deck-font-display);font-size:14.5px;font-weight:600;padding:10px 18px;border-radius:var(--deck-r-pill);border:1px solid var(--deck-line-strong);background:var(--deck-surface);color:var(--deck-text-2);cursor:pointer;transition:all .2s ease;display:inline-flex;gap:8px;align-items:center}
.rl-tab:hover{border-color:var(--deck-amber);color:var(--deck-amber)}
.rl-tab[aria-pressed="true"]{background:var(--deck-text);color:var(--deck-bg);border-color:var(--deck-text)}
.rl-tab .cnt{font-family:var(--deck-font-mono);font-size:12px;opacity:.7}
.rl-obj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--deck-s-4)}
.rl-obj{display:flex;flex-direction:column;background:var(--deck-surface);border:1px solid var(--deck-line);border-radius:var(--deck-r-lg);overflow:hidden;box-shadow:var(--deck-shadow-card);transition:transform .5s var(--rl-ease),border-color .5s var(--rl-ease)}
.rl-obj:hover{transform:translateY(-4px);border-color:var(--deck-amber-line)}
.rl-obj[hidden]{display:none}
.rl-obj__photo{position:relative;height:190px;background:var(--deck-dark-surface-2);overflow:hidden}
.rl-obj__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.55) brightness(.8);transition:transform 1.1s var(--rl-ease),filter 1.1s var(--rl-ease)}
.rl-obj:hover .rl-obj__img{transform:scale(1.06);filter:saturate(.9) brightness(.92)}
.rl-obj__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,10,14,.75),transparent 55%)}
.rl-obj__tags{position:absolute;z-index:2;left:var(--deck-s-3);top:var(--deck-s-3);display:flex;gap:6px;flex-wrap:wrap}
.rl-obj__tags .rl-pill{background:rgba(7,10,14,.6);border-color:rgba(255,255,255,.18);color:var(--deck-dark-text);backdrop-filter:blur(6px)}
.rl-obj__tags .rl-pill--live{color:var(--deck-dark-lime);border-color:rgba(167,212,94,.45)}
.rl-obj__tags .rl-pill--amber{color:var(--deck-dark-amber-bright);border-color:rgba(239,168,63,.5)}
.rl-obj__illu{position:absolute;z-index:2;right:var(--deck-s-3);bottom:var(--deck-s-3);font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,242,246,.7)}
.rl-obj__ghost{position:absolute;z-index:2;right:var(--deck-s-3);top:4px;font-weight:800;font-size:56px;line-height:1;color:var(--deck-dark-text);opacity:.2}
.rl-obj__body{padding:var(--deck-s-5);display:flex;flex-direction:column;flex:1}
.rl-obj__type{font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--deck-amber)}
.rl-obj h3{margin-top:var(--deck-s-2);font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.rl-obj__loc{margin-top:6px;display:flex;gap:6px;align-items:flex-start;color:var(--deck-text-2);font-size:14.5px}
.rl-obj__loc svg{width:15px;height:15px;flex:none;margin-top:3px;color:var(--deck-text-3)}
.rl-obj__specs{margin-top:var(--deck-s-4);padding-top:var(--deck-s-4);border-top:1px solid var(--rl-hair);display:grid;grid-template-columns:1fr 1fr;gap:var(--deck-s-3) var(--deck-s-4)}
.rl-obj__specs dt{font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--deck-text-3)}
.rl-obj__specs dd{margin-top:3px;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.rl-obj__feat{margin-top:var(--deck-s-4);color:var(--deck-text-2);font-size:14px;line-height:1.5}
.rl-obj-request{display:flex;flex-direction:column;justify-content:center;gap:var(--deck-s-4);border-radius:var(--deck-r-lg);padding:var(--deck-s-6);background:var(--deck-bg-deep);color:var(--deck-dark-text);border:1px solid rgba(239,168,63,.35)}
.rl-obj-request .rl-kicker{color:var(--deck-dark-text-2)}.rl-obj-request .rl-kicker .rl-num{color:var(--deck-dark-amber)}
.rl-obj-request h3{font-size:22px;font-weight:700;line-height:1.25}
.rl-obj-request p{color:var(--deck-dark-text-2);font-size:15px}
.rl-obj-request .rl-btn--primary{background:var(--deck-dark-amber);color:var(--deck-dark-on-amber);align-self:flex-start;white-space:normal}
.rl-obj-request .rl-btn--primary:hover{background:var(--deck-dark-amber-bright);color:var(--deck-dark-on-amber)}
.rl-showcase-foot{margin-top:var(--deck-s-6)}
.rl-showcase-foot p{color:var(--deck-text-2);font-size:15px;max-width:70ch}
@media (max-width:1024px){.rl-obj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rl-obj-grid{grid-template-columns:1fr}}

/* ============ 7. REGIONS (dark) ============ */
.rl-regions{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--deck-s-7);align-items:start}
.rl-regions__aside{position:sticky;top:calc(var(--rl-header-h) + var(--deck-s-6))}
.rl-map{margin-top:var(--deck-s-6);background:var(--deck-surface);border:1px solid var(--deck-line-strong);border-radius:var(--deck-r-lg);padding:var(--deck-s-4)}
.rl-map svg{width:100%;height:auto;display:block}
.rl-flows path{stroke-dasharray:6 6;animation:flow 2.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-24}}
.rl-map__legend{margin-top:var(--deck-s-4);display:flex;flex-wrap:wrap;gap:var(--deck-s-2) var(--deck-s-4);font-family:var(--deck-font-mono);font-size:12px;color:var(--deck-text-2)}
.rl-map__legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.map__note{margin-top:var(--deck-s-2);font-family:var(--deck-font-mono);font-size:12px;color:var(--deck-text-3)}
.rl-reg-list{border-top:1px solid var(--rl-hair)}
.rl-reg{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--deck-s-5);align-items:baseline;padding:var(--deck-s-5) 0;border-bottom:1px solid var(--rl-hair)}
.rl-reg:hover .rl-reg__body{transform:translateX(8px)}
.rl-reg__body{transition:transform .5s var(--rl-ease)}
.rl-reg__n{font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.1em;color:var(--deck-amber)}
.rl-reg h3{font-size:clamp(19px,1.8vw,24px);font-weight:700;letter-spacing:-.01em}
.rl-reg p{margin-top:6px;color:var(--deck-text-2);font-size:15px;line-height:1.55}
.rl-reg p b{color:var(--deck-text);font-weight:600}
.rl-reg .rl-pill{align-self:center}
@media (max-width:900px){.rl-regions{grid-template-columns:1fr;gap:var(--deck-s-6)}.rl-regions__aside{position:static}}
@media (max-width:560px){.rl-reg{grid-template-columns:auto minmax(0,1fr)}.rl-reg .rl-pill{grid-column:2;justify-self:start}}

/* ============ 8. CASES (light) ============ */
.rl-cases{display:flex;flex-direction:column;gap:var(--deck-s-3)}
.rl-case{display:grid;grid-template-columns:56px minmax(0,1fr) 40px minmax(0,1fr) minmax(0,1fr);gap:var(--deck-s-4);align-items:center;background:var(--deck-surface);border:1px solid var(--deck-line);border-radius:var(--deck-r-md);padding:var(--deck-s-5);box-shadow:var(--deck-shadow-card)}
.rl-case__n{font-weight:800;font-size:30px;color:var(--deck-text);opacity:.14;letter-spacing:-.03em}
.rl-case__col .rl-lbl{display:block;font-family:var(--deck-font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.rl-case__said .rl-lbl{color:var(--deck-text-3)}
.rl-case__said p{color:var(--deck-text-2);font-size:15.5px;font-style:italic}
.rl-case__found .rl-lbl{color:var(--deck-red)}
.rl-case__found p{font-size:15.5px;font-weight:600;line-height:1.45}
.rl-case__res{border-left:1px solid var(--rl-hair);padding-left:var(--deck-s-4)}
.rl-case__res .rl-lbl{color:var(--deck-lime)}
.rl-case__res p{font-size:15px;color:var(--deck-text-2);line-height:1.45}
.rl-case__arr{color:var(--deck-amber);display:grid;place-items:center}
.rl-case__arr svg{width:22px;height:22px}
.rl-cases-note{margin-top:var(--deck-s-5);font-family:var(--deck-font-mono);font-size:12px;color:var(--deck-text-3);letter-spacing:.03em}
@media (max-width:900px){
  .rl-case{grid-template-columns:1fr;gap:var(--deck-s-3)}
  .rl-case__n{display:none}
  .rl-case__arr{justify-content:start;transform:rotate(90deg);width:22px}
  .rl-case__res{border-left:none;border-top:1px solid var(--rl-hair);padding:var(--deck-s-3) 0 0}
}

/* ============ 9. SUPPORT (dark) ============ */
.rl-support-bg{position:absolute;inset:0;z-index:0;background:center/cover no-repeat;filter:saturate(.4) brightness(.5)}
.rl-support-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--deck-bg) 8%,color-mix(in srgb,var(--deck-bg) 82%,transparent) 50%,color-mix(in srgb,var(--deck-bg) 60%,transparent) 100%)}
.rl-support{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--deck-s-8);align-items:start}
.rl-support__items{display:flex;flex-direction:column;gap:var(--deck-s-3)}
.rl-sup{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--deck-s-5);background:color-mix(in srgb,var(--deck-surface) 82%,transparent);backdrop-filter:blur(8px);border:1px solid var(--deck-line-strong);border-radius:var(--deck-r-md);padding:var(--deck-s-5)}
.rl-sup__big{font-weight:800;font-size:clamp(28px,2.8vw,38px);line-height:1;color:var(--deck-amber);letter-spacing:-.02em;min-width:150px}
.rl-sup__big small{display:block;margin-top:8px;font-family:var(--deck-font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--deck-text-3)}
.rl-sup h3{font-size:18px;font-weight:700}
.rl-sup p{margin-top:6px;color:var(--deck-text-2);font-size:15px;line-height:1.55}
.rl-support-note{margin-top:var(--deck-s-4);font-family:var(--deck-font-mono);font-size:12px;color:var(--deck-text-3)}
@media (max-width:900px){.rl-support{grid-template-columns:1fr;gap:var(--deck-s-6)}}
@media (max-width:480px){.rl-sup{grid-template-columns:1fr;gap:var(--deck-s-3)}.rl-sup__big{min-width:0}}

/* ============ 10. FAQ (light) ============ */
.rl-faq{display:block}
.rl-faq__top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--deck-s-6);margin-bottom:var(--deck-s-6)}
.rl-faq__top .rl-section-head{margin-bottom:0;max-width:none}
.rl-faq__top h2{max-width:26ch;text-wrap:balance}
.rl-faq__ask{display:flex;align-items:center;gap:var(--deck-s-4);flex-shrink:0;color:var(--deck-text-2);font-size:15px}
.rl-faq__list{columns:2;column-gap:var(--deck-s-3)}
.rl-faq details{break-inside:avoid;margin-bottom:var(--deck-s-3);background:var(--deck-surface);border:1px solid var(--deck-line-strong);box-shadow:inset 2px 0 0 var(--deck-amber);border-radius:var(--deck-r-md);transition:border-color .3s,box-shadow .3s}
.rl-faq details:hover{border-color:var(--deck-amber-line)}
.rl-faq details[open]{box-shadow:inset 2px 0 0 var(--deck-amber),var(--deck-shadow-card)}
.rl-faq__full{margin-top:var(--deck-s-3)}
.rl-faq__full details{margin-bottom:0}
.rl-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:var(--deck-s-4);align-items:center;padding:var(--deck-s-4) var(--deck-s-5);font-size:16.5px;line-height:1.35;font-weight:700;letter-spacing:-.01em}
.rl-faq summary::-webkit-details-marker{display:none}
.rl-faq summary .rl-go{width:32px;height:32px;border-radius:var(--deck-r-pill);border:1px solid var(--rl-hair);background:var(--rl-shell);display:grid;place-items:center;color:var(--deck-text-2);transition:transform .4s var(--rl-ease),color .3s,border-color .3s}
.rl-faq summary:hover .rl-go{color:var(--deck-amber);border-color:var(--deck-amber-line)}
.rl-faq details[open] summary .rl-go{transform:rotate(45deg);color:var(--deck-amber);border-color:var(--deck-amber-line)}
.rl-faq .rl-ans{padding:0 var(--deck-s-5) var(--deck-s-4);color:var(--deck-text-2);font-size:15px;line-height:1.65}
.rl-faq ol.rl-ans{padding-left:calc(var(--deck-s-5) + 20px);columns:2;column-gap:var(--deck-s-6)}
.rl-faq ol.rl-ans li{break-inside:avoid;margin-bottom:6px}
@media (max-width:900px){.rl-faq__top{flex-direction:column;align-items:flex-start;gap:var(--deck-s-4)}.rl-faq__list{columns:1}.rl-faq ol.rl-ans{columns:1}}

/* ============ 11. CTA (dark) ============ */
.rl-cta-bg{position:absolute;inset:0;z-index:0;background:center 50%/cover no-repeat;filter:saturate(.45) brightness(.55)}
.rl-cta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--deck-bg) 6%,color-mix(in srgb,var(--deck-bg) 78%,transparent) 48%,color-mix(in srgb,var(--deck-bg) 55%,transparent) 100%),radial-gradient(50% 60% at 80% 70%,rgba(239,168,63,.14),transparent 70%)}
.rl-cta{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--deck-s-8);align-items:center}
.rl-cta h2{font-weight:600;font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance;margin-top:var(--deck-s-4)}
.rl-cta .rl-lead{margin-top:var(--deck-s-5);color:var(--deck-text-2);font-size:17px;max-width:46ch}
.rl-cta-contacts{margin-top:var(--deck-s-6);display:flex;flex-direction:column;gap:var(--deck-s-3)}
.rl-cta-contacts a,.rl-cta-contacts span.rl-row{display:inline-flex;gap:var(--deck-s-3);align-items:center;color:var(--deck-text);font-size:16px}
.rl-cta-contacts a:hover{color:var(--deck-amber)}
.rl-cta-contacts svg{width:18px;height:18px;color:var(--deck-amber);flex:none}
.rl-form{background:color-mix(in srgb,var(--deck-surface) 92%,transparent);backdrop-filter:blur(10px);border:1px solid var(--deck-line-strong);border-radius:var(--deck-r-lg);padding:var(--deck-s-6);box-shadow:var(--deck-shadow-card)}
.rl-chips{display:flex;flex-wrap:wrap;gap:6px}
.rl-chip{position:relative}
.rl-chip input{position:absolute;opacity:0;pointer-events:none}
.rl-chip span{display:inline-block;font-size:13.5px;padding:7px 13px;border-radius:var(--deck-r-pill);border:1px solid var(--deck-line-strong);color:var(--deck-text-2);cursor:pointer;transition:all .2s}
.rl-chip input:checked + span{background:var(--deck-amber-wash);border-color:var(--deck-amber);color:var(--deck-amber)}
.rl-chip input:focus-visible + span{outline:2px solid var(--deck-amber);outline-offset:2px}
.rl-form__foot{margin-top:var(--deck-s-5);display:flex;flex-wrap:wrap;gap:var(--deck-s-4);align-items:center;justify-content:space-between}
@media (max-width:960px){.rl-cta{grid-template-columns:1fr;gap:var(--deck-s-7)}}
@media (max-width:560px){.rl-form{padding:var(--deck-s-5)}}
.rl-obj-note{margin:calc(var(--deck-s-3) * -1) 0 var(--deck-s-5);color:var(--deck-text-2);font-size:14px}
/* ---------- Форма заявки: адаптер сайту lead-form.js у картці лендингу ---------- */
.rl-form .lead-field__input {
  background: var(--deck-surface-3);
  border-color: var(--deck-line-strong);
}
.rl-form .lead-field__input:focus { background: var(--deck-surface-3); }
.rl-form .lead-field__input::placeholder { color: var(--deck-text-2); }
.rl-select {
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--deck-text-2) 50%),
    linear-gradient(135deg, var(--deck-text-2) 50%, transparent 50%);
  background-position: calc(100% - 18px) 52%, calc(100% - 13px) 52%;
  background-size: 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}
.rl-fieldset { border: 0; min-width: 0; }
.rl-fieldset legend { margin-bottom: 6px; }
.rl-form__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--deck-s-3) var(--deck-s-4);
}
.rl-form__foot .lead-form__sla { margin: 0; }

/* ---------- Доступність: фокус і зони натискання ---------- */
.rl a:focus-visible, .rl button:focus-visible, .rl summary:focus-visible {
  outline: 2px solid var(--deck-amber);
  outline-offset: 3px;
  border-radius: var(--deck-r-sm);
}
.rl .rl-btn:focus-visible, .rl .rl-tab:focus-visible { border-radius: var(--deck-r-pill); }
.rl .rl-faq summary:focus-visible { outline-offset: -2px; border-radius: var(--deck-r-md); }
@media (max-width: 960px), (pointer: coarse) {
  .rl .rl-btn, .rl .rl-tab { min-height: 44px; }
  .rl-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; }
  .rl-faq summary { min-height: 44px; }
  .rl a[href^="tel:"] { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .rl-hero-bg, .rl-stagger > *, .rl-flows path { animation: none !important; }
  .rl-stagger > * { opacity: 1; transform: none; }
}