/* Посадочные страницы otelbot.ru (09.10.2026). База — ob-base.css, снятый с главной
   (tools/extract_css.py), здесь только компоненты посадочных. Палитра и шрифт — главной. */
figure{margin:0}
img{max-width:100%}
:focus-visible{outline:2px solid #c2913f;outline-offset:2px}
.crumbs{font-size:13px;color:var(--dim);margin:0 0 14px}
.crumbs a{color:var(--dim);text-decoration:none}
.crumbs a:hover{color:var(--teal)}

/* первый экран: песок + снимок крупнее колонки */
.lhero{background:#f6f2e8;padding:46px 0 56px;border-bottom:1px solid #ece4d2;overflow:hidden}
.lhero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px;align-items:center}
.lhero h1{font-size:clamp(30px,4vw,48px);font-weight:850;color:#1a2b4a;margin:0 0 18px;line-height:1.08}
.lhero h1 b{color:var(--teal)}
.lhero__lede{font-size:18px;line-height:1.55;color:#4b5567;margin:0;max-width:52ch}
.lhero .acts{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 14px}
.lhero__note{font-size:14px;color:#566072;margin:0;max-width:52ch}
.lhero__shot{position:relative;margin-right:-28px}
.lhero__shot img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 26px 60px rgba(20,40,30,.18);border:1px solid #e6dcc6;background:#fff}
.lhero__shot figcaption{font-size:13px;color:#566072;margin:10px 2px 0}

/* ведомость: три программы под одним словом */
.ved{background:#fff;padding:68px 0}
.ved__head{max-width:720px;margin:0 0 30px}
.ved__t{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.ved__t th{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5b6577;font-weight:800;padding:0 16px 12px;border-bottom:2px solid var(--teal)}
.ved__t td{padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);line-height:1.5}
.ved__t td:first-child{font-weight:800;color:#1a2b4a;width:24%}
.ved__t td:first-child span{display:block;font-size:12.5px;font-weight:600;color:var(--dim);margin-top:2px}
.ved__t tr.is-us td{background:#eef5f0}
.ved__t tr.is-us td:first-child{box-shadow:inset 4px 0 0 var(--teal)}
.ved__after{max-width:760px;margin:26px 0 0;font-size:16.5px;line-height:1.6;color:var(--ink)}

/* что нужно / что не нужно */
.need{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:68px 0}
.need__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;align-items:start}
.need__col{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px}
.need__col h3{font-size:19px;font-weight:800;margin:0 0 14px}
.need__col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.need__col li{display:flex;gap:12px;font-size:15.5px;line-height:1.5}
.need__col li::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;margin-top:1px;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3 4.8 8.6 9.4 3.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.need__col--no li{color:#4b5567}
.need__col--no li::before{background:#ece6d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 3.5l5 5M8.5 3.5l-5 5' fill='none' stroke='%238a6a2a' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/13px no-repeat}
.memo{margin:22px 0 0;background:#1a2b4a;color:#e8ecf3;border-radius:18px;padding:24px 28px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.memo__k{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e0b56a;padding-top:4px;white-space:nowrap}
.memo h3{font-size:19px;color:#fff;margin:0 0 8px}
.memo p{margin:0;color:#c9d1de;font-size:15.5px;line-height:1.6}

/* как работает: песок, шаги + снимок */
.how{background:#f6f2e8;padding:72px 0;border-top:1px solid #ece4d2;border-bottom:1px solid #ece4d2}
.how__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px;align-items:start}
.how h2{color:#1a2b4a}
.how__p{font-size:16.5px;line-height:1.6;color:#4b5567;margin:0 0 22px}
.steps4{list-style:none;margin:0;padding:0}
.steps4 li{display:flex;gap:14px;position:relative;padding:0 0 20px}
.steps4 li:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:#d9cfb8}
.steps4 .num{width:44px;height:44px;border-radius:50%;background:#16382d;color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;flex:0 0 auto;position:relative;z-index:1}
.steps4 b{display:block;color:#1a2b4a;font-size:17px;font-weight:800;padding-top:2px}
.steps4 span{display:block;color:#566072;font-size:15px;line-height:1.5;margin-top:3px}
.how__shot img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 22px 54px rgba(20,40,30,.15);border:1px solid #eae3d4;background:#fff}
.how__shot figcaption{font-size:13px;color:#566072;margin:10px 2px 0}
.how__fact{margin:22px 0 0;padding:16px 20px;background:#fff;border:1px solid #e6dcc6;border-left:4px solid #c2913f;border-radius:12px;font-size:15.5px;line-height:1.55;color:var(--ink)}

/* тёмный блок: автоматизация */
.dauto{background:var(--teal);color:#fff;padding:72px 0}
.dauto h2{color:#fff;font-size:clamp(27px,3vw,40px);font-weight:800;margin:0 0 14px;line-height:1.1}
.dauto .eyebrow{color:#9cc3b4}
.dauto .eyebrow .bar{background:rgba(255,255,255,.3)}
.dauto__lede{color:#d4e5dd;font-size:16.5px;line-height:1.6;margin:0;max-width:62ch}
.dauto__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;margin-top:34px;align-items:start}
.dauto__cam{position:relative;border-radius:16px;overflow:hidden;line-height:0;border:1px solid rgba(255,255,255,.16)}
.dauto__cam img{width:100%;height:auto;display:block}
.dauto__hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:10px 14px;font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}
.dauto__hud i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5a4d;margin-right:7px;animation:ob-rec 1.6s steps(1) infinite}
@keyframes ob-rec{0%,60%{opacity:1}61%,100%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.dauto__hud i{animation:none}}
.dauto__alert{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(10,24,18,.9);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px;line-height:1.4}
.dauto__alert b{display:block;font-size:14px;color:#fff}
.dauto__alert span{font-size:13px;color:#cfe0d9}
.dlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(255,255,255,.16)}
.dlist li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.dlist b{display:block;font-size:16.5px;color:#fff;margin:0 0 3px}
.dlist span{font-size:14.5px;color:#cfe0d9;line-height:1.5}
.dauto__note{margin:22px 0 0;font-size:14.5px;color:#b9d3c8}
.dauto .btn--fill{background:#fff;color:var(--teal)}
.dauto .btn--fill:hover{background:#e6efe9}

/* загородные объекты: картотека с корешком */
.kinds{background:#fff;padding:68px 0}
.kinds__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.kind{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.kind__h{background:#16382d;color:#fff;font-weight:800;font-size:16px;padding:14px 18px}
.kind:nth-child(2) .kind__h{background:#2e5d47}
.kind:nth-child(3) .kind__h{background:#1a2b4a}
.kind:nth-child(4) .kind__h{background:#7a5a1f}
.kind p{margin:0;padding:16px 18px 18px;font-size:15px;line-height:1.5;color:var(--ink)}
.kinds__after{margin:22px 0 0;font-size:15.5px;color:var(--dim);max-width:70ch}
.kinds__after a{color:var(--teal);font-weight:600}

/* живые объекты */
.live{background:var(--paper);border-top:1px solid var(--line);padding:68px 0}
.live .hosts{--gl:var(--line)}

/* цены — указатель */
.pricenote{background:#fff;padding:56px 0;border-top:1px solid var(--line)}
.pricenote__box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;border:1.5px solid var(--teal);border-radius:20px;padding:28px 30px;box-shadow:0 18px 40px rgba(20,40,30,.08)}
.pricenote__box h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;margin:0 0 8px}
.pricenote__box p{margin:0;color:var(--ink);font-size:15.5px;line-height:1.55;max-width:62ch}
.pricenote__box p.pricenote__num{font-size:clamp(26px,3vw,34px);font-weight:800;color:var(--teal);margin:0 0 6px;line-height:1.1}
.pricenote__acts{display:flex;gap:10px;flex-wrap:wrap}

/* ещё по теме */
.more{background:var(--paper);border-top:1px solid var(--line);padding:60px 0}
.more__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.more a.mlink{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);transition:border-color .18s,transform .18s}
.more a.mlink:hover{border-color:var(--teal);transform:translateY(-2px)}
.mlink__k{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a07a32}
.mlink__t{font-size:17px;font-weight:800;line-height:1.25}
.mlink__d{font-size:14px;color:var(--dim);line-height:1.45}

/* модуль бронирования: бланк формы с выносками */
.anat{background:#fff;padding:70px 0}
.anat__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;margin-top:28px}
.bform{background:#fbfaf6;border:1px solid #e6dcc6;border-radius:18px;padding:22px;box-shadow:0 18px 44px rgba(20,40,30,.08)}
.bform__bar{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:#1a2b4a;margin:0 0 14px}
.bform__bar span{font-weight:600;color:var(--dim)}
.bform__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;position:relative}
.bf{background:#fff;border:1px solid #e3ddd0;border-radius:10px;padding:8px 10px}
.bf small{display:block;font-size:11px;color:var(--dim)}
.bf b{font-size:14px}
.bform__rooms{margin:12px 0 0;display:grid;gap:8px;position:relative}
.broom{display:grid;grid-template-columns:1fr auto;gap:6px 12px;background:#fff;border:1px solid #e3ddd0;border-radius:12px;padding:12px 14px;align-items:center}
.broom b{font-size:15px}
.broom em{font-style:normal;font-size:12.5px;color:var(--dim)}
.broom strong{font-size:15.5px;color:#1a2b4a;text-align:right}
.broom--off{opacity:.5}
.broom--off strong{font-size:12.5px;color:var(--dim);font-weight:600}
.bform__pay{margin:12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}
.bform__pay span{font-size:13px;color:var(--dim)}
.bform__pay .btn{pointer-events:none}
.pin{position:absolute;right:-12px;top:-10px;width:26px;height:26px;border-radius:50%;background:#c2913f;color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.anat__list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.anat__list li{display:grid;grid-template-columns:34px 1fr;gap:12px}
.anat__list .n{width:30px;height:30px;border-radius:50%;background:#c2913f;color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}
.anat__list b{display:block;font-size:16.5px;margin:2px 0 3px}
.anat__list span{font-size:15px;color:#4b5567;line-height:1.5}

/* плюсы и пределы */
.pro{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:68px 0}
.pro__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;align-items:start}
.pro__col{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px}
.pro__col h3{font-size:19px;font-weight:800;margin:0 0 12px}
.pro__col dl{margin:0;display:grid;gap:14px}
.pro__col dt{font-weight:800;font-size:16px}
.pro__col dd{margin:2px 0 0;font-size:15px;color:#4b5567;line-height:1.5}
.pro__col--limit{border-top:4px solid #c2913f}
.pro__col--good{border-top:4px solid var(--teal)}

/* гость спрашивает: пузыри + вертикальный экран */
.ask{background:#fff;padding:70px 0}
.ask__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:46px;align-items:start}
.bubbles{display:flex;flex-direction:column;gap:10px;margin:22px 0 22px}
.bub{align-self:flex-start;max-width:86%;background:#eef2f2;color:#243039;padding:10px 14px;border-radius:14px 14px 14px 5px;font-size:15px;line-height:1.4}
.bub small{display:block;font-size:11.5px;color:#7a8791;margin-top:3px}
.ask__p{font-size:16.5px;line-height:1.6;color:var(--ink);margin:0 0 14px}
.ask__shot{background:#f4f7f4;border:1px solid var(--line);border-radius:18px;padding:22px}
.ask__shot img{display:block;width:100%;max-width:420px;margin:0 auto;height:auto;border-radius:12px;box-shadow:0 14px 34px rgba(20,40,30,.12)}
.ask__shot figcaption{font-size:13px;color:var(--dim);margin:10px 0 0;text-align:center}

/* сравнение */
.cmp{background:#fff;padding:64px 0}
.cmp__wrap{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:16px}
.cmp table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:820px}
.cmp th,.cmp td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.45}
.cmp thead th{background:#1a2b4a;color:#fff;font-size:14px;font-weight:800}
.cmp thead th:nth-child(2){background:var(--teal)}
.cmp tbody th{font-weight:700;color:#1a2b4a;width:22%;background:#fbfaf6}
.cmp td:nth-child(2){background:#eef5f0}
.cmp .yes{color:#1a7a4c;font-weight:700}
.cmp .no{color:#8a6a2a;font-weight:700}
.cmp__src{font-size:13px;color:var(--dim);margin:12px 0 0}
.cmp__src a{color:var(--teal)}
.verdict{background:var(--paper);border-top:1px solid var(--line);padding:64px 0}
.verdict__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.vcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 24px;border-top:4px solid #1a2b4a}
.vcard h3{font-size:18px;font-weight:800;margin:0 0 8px}
.vcard p{margin:0;font-size:15px;line-height:1.55;color:#4b5567}

/* полоса связи */
.cta2{padding:64px 0;background:#fff}
.cta2 .cta__panel{align-items:start}
.cta2__sign{margin:16px 0 0;display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:900px){
  .lhero__grid,.how__grid,.dauto__grid,.anat__grid,.ask__grid{grid-template-columns:1fr;gap:28px}
  .lhero__shot{margin-right:0}
  .need__grid,.pro__grid{grid-template-columns:1fr}
  .kinds__grid{grid-template-columns:1fr 1fr}
  .more__grid,.verdict__grid{grid-template-columns:1fr}
  .pricenote__box{grid-template-columns:1fr}
  .memo{grid-template-columns:1fr;gap:6px}
}
@media(max-width:719px){
  .lhero{padding:30px 0 40px}
  .lhero__lede{font-size:16.5px}
  .ved,.need,.how,.dauto,.kinds,.live,.anat,.pro,.ask,.cmp,.verdict{padding:52px 0}
  .ved__t,.ved__t tbody,.ved__t tr,.ved__t td{display:block;width:100%}
  .ved__t thead{display:none}
  .ved__t tr{border:1px solid var(--line);border-radius:14px;margin:0 0 12px;overflow:hidden}
  .ved__t td{border-bottom:0;padding:6px 16px}
  .ved__t td:first-child{width:100%;padding-top:14px;font-size:17px}
  .ved__t td:last-child{padding-bottom:14px}
  .ved__t td[data-l]::before{content:attr(data-l);display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b6577;margin:4px 0 2px}
  .kinds__grid{grid-template-columns:1fr}
  .bform__row{grid-template-columns:1fr 1fr}
  .bform__row .bf:last-of-type{grid-column:1/-1}
  .pin{right:-6px}
  .cmp table{min-width:0}
  .cmp thead{display:none}
  .cmp table,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:100%}
  .cmp tr{border-bottom:6px solid var(--paper)}
  .cmp tbody th{width:100%;background:#1a2b4a;color:#fff}
  .cmp td{background:#fff}
  .cmp td:nth-child(2){background:#eef5f0}
  .cmp td::before{content:attr(data-l);display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b6577;margin:0 0 3px}
  .cmp__wrap{overflow:visible;border:0}
}