/* Страница «Создание лендинга под ключ» (/landing/). Дополняет service-page.css, service-cold.css и flip-cards.css.
   Первый экран — направление Б «Одна кнопка» (выбор владельца 06.10.2026): линии со всего экрана сходятся к кнопке заявки.
   Кнопка — как на прежней /mini-site/ (assets/architect-button.css): тёмная, огонёк по контуру, заливка светом при наведении. */

/* ---------- Первый экран ---------- */
.lh-hero{position:relative;isolation:isolate;overflow:hidden;padding:56px 0 72px}
.lh-hero:before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(520px 260px at 50% 70%,rgba(110,86,255,.34),transparent 70%)}
.lh-in{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px;text-align:center}
.lh-hero h1{font-size:clamp(34px,5vw,72px);line-height:1.03;letter-spacing:-.035em}
.lh-hero .svc-lead{margin:22px auto 30px!important;max-width:620px}
.lh-hero .svc-cta{justify-content:center}
.lh-flow{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.lh-flow path{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1.2}
.lh-flow path.run{stroke:rgba(255,140,100,.85);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:70 1400;animation:lh-run var(--t,5s) linear infinite;animation-delay:var(--d,0s)}
@keyframes lh-run{from{stroke-dashoffset:1470}to{stroke-dashoffset:0}}

/* Кнопка «Обсудить лендинг» */
@property --lh-light{syntax:'<length>';inherits:false;initial-value:0px}
.lh-orbit{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;height:72px;padding:0 0 0 30px;background:#17191b;color:#f5f3ee;border:1px solid #777b80;border-radius:10px;font:500 19px/1 "Onest",sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s,border-color .3s;-webkit-tap-highlight-color:transparent}
.lh-orbit:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:9px;background:radial-gradient(ellipse at 100% 100%,#ffd09b 0%,#f78538 7%,#b7481c 25%,#792c17 53%,#45251e 80%,#302222 100%);-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 max(0px,calc(var(--lh-light) - 130px)),#0000 var(--lh-light));mask-image:radial-gradient(circle at 100% 100%,#000 max(0px,calc(var(--lh-light) - 130px)),#0000 var(--lh-light));opacity:0;transition:--lh-light 1.3s cubic-bezier(.2,.65,.2,1),opacity .65s;pointer-events:none}
.lh-orbit:after{content:"";position:absolute;inset:0;border-radius:9px;pointer-events:none;box-shadow:inset -1px -1px 1px #ffcb9580,8px 8px 24px -14px #ff742d;opacity:0;transition:opacity .9s}
.lh-arrow{height:100%;width:70px;display:grid;place-items:center;border-left:1px solid #777b80;color:#ff652f;font-size:26px;transition:color .4s,border-color .4s}
.lh-ring{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;transition:opacity .3s}
.lh-ring rect{fill:none;stroke:#ff672f;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:95 905;animation:lh-ring 4.5s linear infinite}
.lh-ring .tail-wide{stroke-dasharray:165 835;opacity:.13;stroke-width:4;filter:blur(3px)}
.lh-ring .tail{stroke-dasharray:110 890;opacity:.35;stroke-width:2;filter:blur(1px)}
.lh-ring .near{stroke-dasharray:45 955;opacity:.8}
.lh-ring .head{stroke:#ffe0bd;stroke-dasharray:1 999;stroke-width:3;filter:drop-shadow(0 0 4px #ff5d20)}
@keyframes lh-ring{to{stroke-dashoffset:1000}}
@media (hover:hover){
  .lh-orbit:hover:before{--lh-light:460px;opacity:1;transition-delay:.15s}
  .lh-orbit:hover:after{opacity:1;transition-delay:.15s}
  .lh-orbit:hover .lh-arrow{color:#fff6e8;border-color:#ffffff22;transition-delay:.15s}
  .lh-orbit:hover .lh-ring{opacity:.2;transition-delay:.15s}
  .lh-orbit:hover{border-color:#ab7555}
}
.svc .lh-orbit:focus-visible{outline:2px solid #ffa17c;outline-offset:7px;border-radius:10px}
.lh-orbit:focus-visible:before,.lh-orbit:active:before{--lh-light:460px;opacity:1}
.lh-orbit:focus-visible .lh-arrow{color:#fff}
.lh-orbit:active{transform:scale(.98)}

/* ---------- Блоки ---------- */
.lp-lead{color:var(--soft);font-size:clamp(17px,1.4vw,19px);margin:-8px 0 30px!important;max-width:820px}
.lp-more{display:inline-block;margin-top:18px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule-strong)}
.lp-more:hover{text-decoration-color:var(--accent)}

/* Лендинг или сайт */
.lp-choose{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lp-choose>div{padding:30px 32px;border-radius:var(--card-r);background:var(--card);border:1px solid var(--card-rule)}
.lp-choose>div.is-main{border-color:rgba(255,106,61,.5);background:linear-gradient(180deg,rgba(255,106,61,.1),transparent 55%),var(--card)}
.lp-choose h3{margin-bottom:14px!important}
.lp-choose ul{list-style:none;margin:0;padding:0}
.lp-choose li{position:relative;padding:8px 0 8px 26px;color:var(--soft);font-size:16.5px}
.lp-choose li:before{content:"";position:absolute;left:2px;top:17px;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}
.lp-choose .is-main li:before{border-color:var(--accent)}

/* Цены */
.lp-price{grid-template-columns:1fr 1fr;max-width:none}
.lp-price article{scroll-margin-top:110px}
.lp-term{display:inline-flex;align-self:flex-start;margin:0 0 16px!important;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--rule);font-size:14px;color:var(--soft)}
.lp-desc{color:var(--soft);font-size:16px;flex:1}
.lp-price .svc-btn{align-self:flex-start;margin-top:18px}
.lp-scope{display:grid;grid-template-columns:1.25fr 1fr;gap:20px 56px;margin-top:20px}
.lp-scope h3{margin-bottom:12px!important}
.lp-scope ul{list-style:none;margin:0 0 14px;padding:0}
.lp-scope li{position:relative;padding:7px 0 7px 28px;font-size:16px;color:var(--soft)}
.lp-check li:before{content:"";position:absolute;left:2px;top:14px;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.lp-extra li:before{content:"";position:absolute;left:2px;top:18px;width:10px;height:2px;background:var(--accent)}
.lp-scope p{margin:0 0 12px!important;font-size:15.5px;color:var(--soft)}
.lp-ads{padding-top:14px;border-top:1px solid var(--rule)}
.lp-ads b{color:var(--ink)}

/* На чём делаем */
.lp-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-platforms>div{padding:26px;border-radius:var(--card-r);background:var(--card);border:1px solid var(--card-rule)}
.lp-platforms>div.is-main{border-color:rgba(255,106,61,.55)}
.lp-platforms h3{margin-bottom:8px!important}
.lp-platforms p{color:var(--soft);font-size:15.5px;margin:0!important}
.lp-often{display:block;font-size:13px;color:var(--soft);margin:-2px 0 8px}
.lp-platforms .is-main .lp-often{color:var(--accent);font-weight:600}
.lp-url{color:var(--ink);white-space:nowrap}

/* Форма: тексты для лендинга */
.lp-kind{border:0;margin:0 0 18px;padding:0}
.lp-kind legend{font-weight:600;font-size:15px;margin-bottom:10px;padding:0}
.lp-kind div{display:flex;flex-wrap:wrap;gap:8px}
.lp-kind label{position:relative;margin:0!important}
.lp-kind input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.lp-kind span{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--rule-strong);font-size:14.5px;color:var(--soft);transition:border-color .2s,color .2s,background .2s}
.lp-kind input:checked+span{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}
.lp-kind input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}

@media (max-width:1100px){.lp-platforms{grid-template-columns:1fr 1fr}.lp-platforms>div:last-child{grid-column:1/-1}}
@media (max-width:900px){
  .lp-choose,.lp-price,.lp-scope{grid-template-columns:1fr}
}
@media (max-width:640px){
  .lh-hero{padding:32px 0 48px}
  .lh-in{min-height:600px}
  .lh-orbit{height:60px;gap:22px;padding-left:22px;font-size:17px}
  .lh-arrow{width:56px;font-size:22px}
  .lp-choose>div{padding:22px}
  .lp-platforms{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .lh-flow path.run{animation:none;stroke-dasharray:none;stroke:rgba(255,106,61,.22)}
  .lh-ring{display:none}
  .lh-orbit:before,.lh-orbit:after{transition:none}
}

.lp-page h2,#choose h2,#problems h2{text-wrap:balance}
.svc--wide .lp-price{align-items:stretch}