/* Главная страница (index.html) для новых посетителей: первый экран с
   роликом с примером расчёта, возможности, шаги, сравнение, типы
   ящиков, для кого, подписки, вопросы. Цвета - токены style.css, тёмная
   тема - через них же. */
.landing-wrap{max-width:1160px;}
.landing .lp-section{margin-top:72px;}
.lp-h2{font-size:28px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0 0 24px;}

/* Первый экран. */
/* Ролик справа - крупнее текста (по указанию пользователя «окошко побольше»). */
.lp-hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:48px;align-items:center;padding:28px 0 8px;}
.lp-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-wash);padding:6px 12px;border-radius:999px;margin-bottom:18px;}
.lp-title{font-size:52px;line-height:1.05;font-weight:700;letter-spacing:-.025em;color:var(--ink);margin:0 0 20px;}
.lp-lead{font-size:18px;line-height:1.6;color:var(--ink-soft);margin:0 0 28px;max-width:540px;}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .15s ease, border-color .15s ease, transform .15s ease;}
.lp-btn:hover{transform:translateY(-1px);}
.lp-btn-main{background:var(--accent);color:#fff;border:1px solid var(--accent);}
.lp-btn-main:hover{background:var(--accent-hover);border-color:var(--accent-hover);}
.lp-btn-ghost{background:var(--panel);color:var(--ink);border:1px solid var(--border-btn);}
.lp-btn-ghost:hover{border-color:var(--accent);}
.lp-hero > *{min-width:0;}
.lp-hero-art{position:relative;padding:20px;border-radius:24px;background:var(--accent-wash);}
/* Ролик «как это работает»: макет страницы расчёта 560×400, на экране -
   масштаб по ширине (transform: scale из landing.js). Цвета - токены сайта,
   поэтому тёмная тема тоже работает. */
.lpd-window{border-radius:14px;background:var(--panel);border:1px solid var(--rule);overflow:hidden;box-shadow:0 18px 40px -24px rgba(60,30,10,.45);}
.lpd-bar{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--rule);background:var(--bg);}
.lpd-dots{display:flex;gap:6px;}
.lpd-dots i{width:10px;height:10px;border-radius:50%;background:var(--rule);}
.lpd-tab{font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lpd-box{position:relative;overflow:hidden;}
.lpd-view{position:absolute;left:0;top:0;width:560px;height:400px;transform-origin:0 0;overflow:hidden;background:var(--bg);transition:opacity .45s ease;}
.lpd-view.lpd-fade{opacity:0;}
.lpd-page{position:absolute;left:0;top:0;width:100%;padding:14px 16px 16px;box-sizing:border-box;font-size:11px;color:var(--ink);}
.lpd-h1{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:2px 0 10px;}
.lpd-card{background:var(--panel);border:1px solid var(--rule);border-radius:10px;padding:10px 12px;margin-bottom:8px;}
.lpd-card-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid var(--rule);}
.lpd-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.lpd-field label{display:block;font-size:8.5px;font-weight:700;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;}
.lpd-input{height:26px;border:1px solid var(--border-input);border-radius:6px;padding:0 8px;display:flex;align-items:center;font-size:12px;font-weight:500;transition:border-color .15s, box-shadow .15s;}
.lpd-input.focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash);}
.lpd-input.focus span::after{content:'';display:inline-block;width:1px;height:13px;margin-left:1px;vertical-align:-2px;background:var(--ink);animation:lpdBlink .8s steps(1) infinite;}
@keyframes lpdBlink{50%{opacity:0;}}
.lpd-select{display:flex;justify-content:space-between;align-items:center;height:26px;border:1px solid var(--border-input);border-radius:6px;padding:0 10px;font-weight:600;transition:border-color .15s;}
.lpd-select.pressed{border-color:var(--accent);}
.lpd-select i{font-style:normal;font-size:9px;}
.lpd-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease, opacity .25s ease, margin .3s ease;}
.lpd-chips.open{max-height:110px;opacity:1;margin-top:8px;}
.lpd-chip, .lpd-opt{display:inline-flex;align-items:center;gap:6px;}
.lpd-chip{padding:3px 7px;border:1px solid var(--rule);border-radius:6px;font-weight:500;}
.lpd-chip b, .lpd-opt b{width:11px;height:11px;border:1.5px solid var(--border-btn);border-radius:3px;box-sizing:border-box;flex:none;position:relative;transition:background .15s, border-color .15s;}
.lpd-chip.on b, .lpd-opt.on b{background:var(--accent);border-color:var(--accent);}
.lpd-chip.on b::after, .lpd-opt.on b::after{content:'';position:absolute;left:3px;top:0;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);}
.lpd-chip.on{border-color:var(--accent);background:var(--accent-wash);}
.lpd-opt{display:flex;padding:5px 0;font-size:11.5px;font-weight:600;}
.lpd-actions{display:flex;align-items:center;gap:8px;}
.lpd-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:7px;border:1px solid var(--border-btn);background:var(--panel);font-weight:600;font-size:11px;transition:transform .12s, background .15s;}
.lpd-btn-main{background:var(--accent);border-color:var(--accent);color:#fff;}
.lpd-btn.pressed{transform:scale(.94);}
.lpd-btn.busy{color:transparent;position:relative;}
.lpd-btn.busy::after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:lpdSpin .6s linear infinite;}
@keyframes lpdSpin{to{transform:rotate(360deg);}}
.lpd-status{display:inline-flex;align-items:center;gap:5px;color:var(--ok);font-weight:600;margin-right:auto;opacity:0;transition:opacity .3s;}
.lpd-status.on{opacity:1;}
.lpd-status b{width:12px;height:12px;border-radius:50%;background:var(--ok);position:relative;}
.lpd-status b::after{content:'';position:absolute;left:4px;top:2px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);}
.lpd-result{display:none;}
.lpd-result.on{display:block;animation:lpdIn .5s ease both;}
@keyframes lpdIn{from{opacity:0;transform:translateY(10px);}}
.lpd-sum{display:grid;grid-template-columns:120px 1fr;gap:8px;}
.lpd-sum-img{border:1px solid var(--rule);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;}
.lpd-sum-img img{max-width:100%;max-height:96px;}
.lpd-tiles{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);border-radius:8px;}
.lpd-tiles div{padding:8px 10px;}
.lpd-tiles div:nth-child(odd){border-right:1px solid var(--rule);}
.lpd-tiles div:nth-child(-n+2){border-bottom:1px solid var(--rule);}
.lpd-tiles label{display:block;font-size:8px;font-weight:700;text-transform:uppercase;color:var(--ink-soft);}
.lpd-tiles b{display:block;font-size:15px;margin-top:4px;}
.lpd-tiles small{font-size:8px;font-weight:500;color:var(--ink-soft);}
.lpd-node{font-weight:700;font-size:12px;margin:10px 0 6px;}
.lpd-node:first-of-type{margin-top:0;}
.lpd-spec{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:center;}
.lpd-drawing{background:#fff;border-radius:6px;padding:4px;}
.lpd-drawing img{width:100%;display:block;}
.lpd-table{width:100%;border-collapse:collapse;font-size:9.5px;}
.lpd-table th{background:var(--table-header-bg);font-size:7.5px;font-weight:700;letter-spacing:0;text-transform:uppercase;text-align:right;padding:5px;color:var(--ink-soft);border:0;}
.lpd-table th:first-child, .lpd-table td:first-child{text-align:left;}
.lpd-table td{padding:4px 5px;font-size:9px;line-height:1.3;border:0;border-top:1px solid var(--rule);text-align:right;color:var(--ink);background:none;}
.lpd-sheet-wrap{position:absolute;inset:0;background:var(--overlay, rgba(0,0,0,.35));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .35s ease;}
.lpd-sheet-wrap.on{opacity:1;}
.lpd-sheet{width:270px;height:330px;background:#fff;color:#1a1a1a;border-radius:4px 4px 0 0;padding:14px 14px 0;box-sizing:border-box;font-size:7px;overflow:hidden;transform:translateY(100%);transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 -8px 30px rgba(0,0,0,.25);}
.lpd-sheet-wrap.on .lpd-sheet{transform:none;}
.lpd-sheet-wrap.sent .lpd-sheet{transform:translateY(-130%) scale(.6);transition-duration:.7s;}
.lpd-sheet-h{font-size:9px;font-weight:700;margin-bottom:3px;}
.lpd-sheet-sum{color:#555;margin-bottom:6px;}
.lpd-sheet-node{font-weight:700;margin:6px 0 3px;}
.lpd-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;}
.lpd-sheet-grid img{display:block;height:58px;max-width:100%;margin:0 auto 3px;object-fit:contain;}
.lpd-sheet .lpd-table{font-size:5.5px;}
.lpd-sheet .lpd-table th{font-size:3.6px;padding:1.5px;background:#f2ece4;color:#555;}
.lpd-sheet .lpd-table td{padding:1px 1.5px;font-size:4.4px;border-color:#e5e5e5;color:#1a1a1a;}
.lpd-sheet-bar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;box-sizing:border-box;background:var(--panel);border-top:1px solid var(--rule);font-weight:600;font-size:11px;color:var(--ink);transform:translateY(100%);transition:transform .4s ease .15s;}
.lpd-sheet-wrap.on .lpd-sheet-bar{transform:none;}
.lpd-toast{position:absolute;left:50%;top:14px;transform:translate(-50%,-160%);display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:11.5px;font-weight:600;white-space:nowrap;transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.lpd-toast.on{transform:translate(-50%,0);}
.lpd-toast span{position:relative;padding-bottom:4px;}
.lpd-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;}
.lpd-bar-fill{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);border-radius:1px;transition:width 1.1s ease;}
.lpd-toast.on .lpd-bar-fill{width:100%;}
.lpd-toast.done .lpd-bar-fill{background:var(--ok);}
.lpd-cursor{position:absolute;left:0;top:0;width:20px;height:20px;margin:-2px 0 0 -3px;fill:var(--ink);stroke:var(--panel);stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));z-index:5;}
.lpd-cursor.press{width:17px;height:17px;}
.lpd-scenes{display:flex;gap:8px;margin-top:12px;}
.lpd-scenes button{flex:1;min-width:0;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--rule);background:var(--panel);color:var(--ink-soft);font:inherit;font-size:12px;font-weight:600;cursor:pointer;}
.lpd-scenes button.on{color:var(--ink);border-color:var(--accent);}
.lpd-scenes span{display:block;}
.lpd-scenes b,.lpd-scenes small{font:inherit;}
.lpd-scenes em{font-style:normal;}
@media (max-width:520px){
  .lpd-scenes{gap:6px;}
  .lpd-scenes button{padding:8px 6px;}
  .lpd-scenes em{display:none;}
  .lpd-scenes small{display:block;font-size:10px;font-weight:500;letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px;}
}
@media (max-width:350px){
  .lpd-scenes small{white-space:normal;}
}
.lpd-scenes i{display:block;height:3px;border-radius:2px;background:var(--rule);margin-top:6px;overflow:hidden;}
.lpd-scenes u{display:block;height:100%;width:0;background:var(--accent);transition:width .6s ease;}

/* Карточки. */
.lp-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-wash);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.lp-icon svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

/* Сравнение. */
.lp-compare-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:16px;background:var(--panel);}
.lp-compare{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;}
.lp-compare th, .lp-compare td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--rule);color:var(--ink-soft);vertical-align:middle;}
.lp-compare tr:last-child td{border-bottom:none;}
.lp-compare th{font-size:13px;font-weight:600;color:var(--ink);}
.lp-compare td:first-child{color:var(--ink);font-weight:500;}
.lp-compare .lp-us{background:var(--accent-wash);color:var(--ink);font-weight:600;}
.lp-compare th.lp-us{color:var(--accent);font-size:15px;}

/* Гибкость (после сравнения): текст слева, пример таблицы с исправленной
   толщиной справа. */
.lp-flex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:32px;border:1px solid var(--rule);border-radius:20px;background:var(--panel);}
.lp-flex .lp-h2{margin-bottom:14px;}
.lp-flex-lead{font-size:18px;line-height:1.55;color:var(--ink);margin:0 0 18px;}
.lp-flex-excel{margin:0;padding:12px 14px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--accent-wash);font-size:15px;line-height:1.5;color:var(--ink);}
.lp-flex-art{padding:20px;border-radius:16px;background:var(--accent-wash);}
.lp-flex-table{border:1px solid var(--rule);border-radius:12px;background:var(--panel);overflow:hidden;font-size:14px;}
.lp-flex-row{display:grid;grid-template-columns:1.6fr .9fr .9fr;border-bottom:1px solid var(--rule);}
.lp-flex-row:last-child{border-bottom:none;}
.lp-flex-row span{padding:11px 14px;color:var(--ink);}
.lp-flex-row span:not(:first-child){white-space:nowrap;}
.lp-flex-row span:not(:first-child){text-align:right;}
.lp-flex-head span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);background:var(--table-header-bg);}
.lp-flex-edit{background:var(--accent-wash);color:var(--manual-ink)!important;font-weight:700;}
.lp-flex-edit s{color:var(--ink-soft);font-weight:400;margin-right:6px;}
.lp-flex-new{font-weight:700;}
.lp-flex-new s{color:var(--ink-soft);font-weight:400;margin-right:6px;}
.lp-flex-dims{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding:11px 14px;border:1px solid var(--rule);border-radius:12px;background:var(--panel);font-size:14px;color:var(--ink);}
.lp-flex-dims b{font-weight:700;}
.lp-flex-dims s{color:var(--ink-soft);font-weight:400;margin-right:6px;}
.lp-flex-note{margin-top:12px;font-size:13px;line-height:1.45;color:var(--ink-soft);}
.lp-yes{position:relative;display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;border-radius:50%;background:var(--accent);}
.lp-yes::after{content:'';position:absolute;left:5px;top:3px;width:4px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);}

/* Типы ящиков. */
.lp-types{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
/* Свёрнуто - 2 ряда (по 4 плитки, на узких экранах - 4 плитки), остальное -
   по кнопке «Показать все типы». */
.lp-types:not(.open) .lp-type:nth-child(n+9){display:none;}
.lp-types-toggle{display:flex;justify-content:center;margin-top:20px;}
#lpTypesMore{gap:10px;}
#lpTypesMore svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.2,.7,.3,1);}
#lpTypesMore[aria-expanded="true"] svg{transform:rotate(180deg);}
@media (prefers-reduced-motion:reduce){ #lpTypesMore svg{transition:none;} }
.lp-type{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--rule);border-radius:16px;background:var(--panel);text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;transition:border-color .15s ease, transform .15s ease;}
a.lp-type:hover{border-color:var(--accent);transform:translateY(-2px);}
.lp-type-img{height:150px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.lp-type-img img{max-width:100%;max-height:100%;object-fit:contain;}
:root[data-theme="dark"] .lp-type-img img{filter:invert(1) brightness(.88) sepia(.12);mix-blend-mode:screen;}
:root[data-theme="dark"] .lp-type-img{background:var(--panel-hover);}
/* Чертежи в ролике - приглушены, как светлые островки на страницах расчёта (style.css). */
:root[data-theme="dark"] .lpd-drawing, :root[data-theme="dark"] .lpd-sum-img{filter:brightness(.86) sepia(.08);}
.lp-type-name small{margin-left:8px;font-size:12px;font-weight:500;color:var(--ink-soft);white-space:nowrap;}
.lp-type-soon{color:var(--ink-soft);}
.lp-type-soon .lp-type-img{background:var(--accent-wash);color:var(--accent);font-size:18px;font-weight:700;text-align:center;line-height:1.3;}

/* Подписки. */
.lp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.lp-plan{padding:24px;border:1px solid var(--rule);border-radius:16px;background:var(--panel);}
.lp-plan-accent{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;}
.lp-plan-name{font-size:20px;font-weight:700;color:var(--ink);}
.lp-plan-price{font-size:16px;font-weight:600;color:var(--accent);margin:6px 0 14px;}
.lp-plan ul{list-style:none;margin:0;padding:0;}
.lp-plan li{padding:7px 0;border-top:1px solid var(--rule);font-size:14px;color:var(--ink);}
.lp-plans-more{margin:16px 0 0;font-size:14px;}
.lp-plans-more a{color:var(--accent);font-weight:600;}

/* Вопросы. */
.lp-faq{border:1px solid var(--rule);border-radius:16px;background:var(--panel);overflow:hidden;}
.lp-faq details{border-bottom:1px solid var(--rule);}
.lp-faq details:last-child{border-bottom:none;}
.lp-faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-size:16px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:16px;}
.lp-faq summary::-webkit-details-marker{display:none;}
.lp-faq summary::after{content:'+';font-size:22px;line-height:1;color:var(--accent);transition:transform .2s ease;}
.lp-faq details[open] summary::after{transform:rotate(45deg);}
.lp-faq p{margin:0;padding:0 22px 18px;font-size:15px;line-height:1.6;color:var(--ink-soft);}

/* Финальный призыв. */
.lp-final{margin:80px 0 24px;padding:48px 32px;border-radius:24px;background:var(--accent);color:#fff;text-align:center;}
.lp-final h2{font-size:32px;font-weight:700;margin:0 0 10px;color:#fff;}
.lp-final p{font-size:16px;margin:0 0 24px;opacity:.9;}
.lp-final .lp-cta{justify-content:center;}
.lp-final .lp-btn-main{background:#fff;color:var(--accent);border-color:#fff;}
.lp-final .lp-btn-main:hover{background:#f6efe6;border-color:#f6efe6;}

@media screen and (max-width:1180px){
  .lp-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;}
  .lp-title{font-size:46px;}
}
@media screen and (max-width:960px){
  .lp-hero{grid-template-columns:1fr;gap:28px;}
  .lp-title{font-size:44px;}
  .lp-types, .lp-plans{grid-template-columns:repeat(2,1fr);}
  .lp-types:not(.open) .lp-type:nth-child(n+5){display:none;}
}
@media screen and (max-width:640px){
  .lp-hero-art{padding:12px;border-radius:18px;}
  .lp-title{font-size:36px;}
  .lp-lead{font-size:16px;}
  .lp-plans{grid-template-columns:1fr;}
  .lp-h2{font-size:24px;}
  .lp-flex{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px;}
  .lp-flex-art{padding:12px;}
  .lp-flex-table{font-size:13px;}
  .lp-flex-row{grid-template-columns:1.3fr 1fr 1fr;}
  .lp-flex-row span{padding:9px 10px;}
  .lp-flex-row span:not(:first-child){white-space:normal;}
  .lp-flex-row s{display:block;margin-right:0 !important;}
  .landing .lp-section{margin-top:56px;}
  .lp-final{padding:36px 20px;}
  .lp-final h2{font-size:26px;}
}
@media screen and (max-width:420px){
  .lp-types{grid-template-columns:1fr;}
  .lp-btn{width:100%;}
}

/* Акцент на отсутствии ошибок (по указанию пользователя): блок «Без
   человеческой ошибки» (карточки) перед сравнением. */
/* Блок «Без человеческой ошибки»: карточки, над заголовком - как бывает при
   ручном расчёте. */
/* Что вы получаете - плитки «значок + название + строка»; шаги - линией;
   «Без человеческой ошибки» - таблица «Вручную / В Тара+»; «Для кого» - по
   строке (по указанию пользователя: меньше текста подряд). */
.lp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.lp-tile{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--rule);border-radius:14px;background:var(--panel);}
.lp-tile .lp-icon{margin:0;flex:none;}
.lp-tile b{display:block;font-size:16px;font-weight:600;color:var(--ink);}
.lp-tile span{display:block;font-size:14px;line-height:1.4;color:var(--ink-soft);margin-top:2px;}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.lp-steps li{border-top:2px solid var(--accent);padding-top:16px;display:flex;flex-direction:column;gap:6px;}
.lp-steps small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);}
.lp-steps b{font-size:18px;font-weight:600;color:var(--ink);}
.lp-vs{border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--panel);}
.lp-vs > div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.lp-vs > div + div{border-top:1px solid var(--rule);}
.lp-vs span{padding:15px 20px;font-size:16px;line-height:1.45;color:var(--ink-soft);}
.lp-vs span + span{color:var(--ink);font-weight:600;}
.lp-vs .lp-vs-head span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:11px 20px;background:var(--panel-hover);}
.lp-vs .lp-vs-head span + span{color:var(--accent);}
.lp-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.lp-who > div{padding:20px;border:1px solid var(--rule);border-radius:14px;background:var(--panel);}
.lp-who b{display:block;font-size:18px;font-weight:600;color:var(--ink);}
.lp-who span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-soft);}
@media (max-width:900px){.lp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){
  .lp-tiles, .lp-steps, .lp-who{grid-template-columns:minmax(0,1fr);}
  .lp-steps{gap:16px;}
  .lp-vs > div{grid-template-columns:minmax(0,1fr);}
  .lp-vs span + span{padding-top:0;}
  .lp-vs .lp-vs-head{display:none;}
}