/* Лендинг главной страницы 3dkzn.ru. Вынесено из содержимого страницы
   (было <style> в body — валидатор считал каждое правило ошибкой). */
.pages:has(.lp){display:block} .pages:has(.lp) .pages__leftside{display:none} .pages:has(.lp) .pages__rightside{width:100%;padding-left:0} .pages:has(.lp) .category-name{display:none} .pages:has(.lp) .pages__item{max-width:none}body:has(.lp) .breadcrumbs{display:none} .lp__hero-img{background:#ffffff;border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.18)} .lp__hero-img img{width:172px;height:172px;display:block}.lp__wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; } .lp__hero { position: relative; border-radius: 20px; overflow: hidden; margin: 18px 0 34px; background: linear-gradient(115deg, #1e2436 0%, #2c3552 55%, #3a2f5f 100%); color: #fff; } .lp__hero-in { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; padding: 38px 34px; } .lp__hero-txt { flex: 1 1 380px; min-width: 280px; } .lp__hero h1 { font-size: 34px; line-height: 1.2; margin: 0 0 14px; color: #fff; } .lp__hero p { font-size: 16px; line-height: 1.55; color: #ccd2e4; margin: 0 0 22px; max-width: 620px; } .lp__btns { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .lp__btn { display: inline-block; padding: 14px 26px; border-radius: 999px; font-weight: 700; font-size: 15px; text-decoration: none; } .lp__btn-main { background: #246DA8; color: #fff; } .lp__btn-ghost { border: 2px solid rgba(255,255,255,.45); color: #fff; } .lp__facts { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; } .lp__fact { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); border-radius: 10px; padding: 8px 12px; font-size: 13px; color: #e7eaf6; } .lp__hero-img { flex: 0 1 240px; text-align: center; } @media (max-width: 1340px) { .lp__hero-img { flex: 0 1 200px; } .lp__fact { padding: 8px 10px; } .lp__facts { gap: 8px; } } .lp__hero-img img { max-width: 100%; height: auto; } .lp__h2 { font-size: 24px; margin: 34px 0 16px; color: #181c2a; } .lp__h3 { font-size: 17px; margin: 0 0 6px; } .lp__sub { color: #6b7280; font-size: 14px; margin: -8px 0 18px; } .lp__grid { display: grid; gap: 16px; } .lp__task { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } .lp__card { display: block; text-decoration: none; color: inherit; background: #ffffff; border: 1px solid rgba(0,0,0,.08); border-radius: 14px; padding: 18px; transition: .15s; } .lp__card:hover { border-color: #246DA8; transform: translateY(-2px); } .lp__card p { margin: 0 0 10px; font-size: 14px; color: #6b7280; line-height: 1.45; } .lp__card-go { color: #246DA8; font-weight: 700; font-size: 14px; } .lp__cats { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .lp__cat { text-align: center; padding: 14px 10px; } .lp__cat img { width: 116px; height: 116px; object-fit: contain; display: block; margin: 0 auto 10px; } .lp__cat b { display: block; font-size: 15px; color: #181c2a; } .lp__cat span { display: block; font-size: 12px; color: #6b7280; margin-top: 3px; } .lp__why { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } .lp__why .lp__card { border-left: 4px solid #246DA8; } .lp__why b { display: block; margin-bottom: 6px; font-size: 15px; } .lp__steps { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); counter-reset: lp; } .lp__step { position: relative; padding-left: 56px; } .lp__step:before { counter-increment: lp; content: counter(lp); position: absolute; left: 16px; top: 16px; width: 28px; height: 28px; border-radius: 50%; background: #246DA8; color: #fff; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; } .lp__b2b { background: #f4f6ff; border-radius: 16px; padding: 24px; margin: 30px 0; border: 1px solid #dfe3fb; } .lp__b2b ul { margin: 10px 0 0; padding-left: 20px; color: #6b7280; font-size: 14px; line-height: 1.6; } .lp__faq { border: 1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 14px 18px; margin-bottom: 10px; background: #ffffff; } .lp__faq summary { cursor: pointer; font-weight: 600; font-size: 15px; color: #181c2a; } .lp__faq p { margin: 10px 0 0; font-size: 14px; color: #6b7280; line-height: 1.6; } .lp__cta { background: linear-gradient(115deg, #1e2436, #3a2f5f); color: #fff; border-radius: 18px; padding: 30px; margin: 34px 0; text-align: center; } .lp__cta b { display: block; font-size: 22px; margin-bottom: 10px; } .lp__cta p { color: #ccd2e4; margin: 0 0 18px; font-size: 15px; } @media (max-width: 760px) { .lp__hero-in { padding: 26px 18px; } .lp__hero h1 { font-size: 25px; } .lp__hero-img { flex: 1 1 100%; order: -1; } .lp__hero-img img { max-height: 190px; } .lp__cat img { width: 96px; height: 96px; } } html[data-theme=dark] .lp__card{background:#232838;border-color:rgba(255,255,255,.10);color:#e8eaf2} html[data-theme=dark] .lp__h2,html[data-theme=dark] .lp__h3,html[data-theme=dark] .lp__cat b{color:#eef0f7} html[data-theme=dark] .lp__b2b{background:#20263a;border-color:#2c3450} html[data-theme=dark] .lp__faq{background:#232838;border-color:rgba(255,255,255,.10)} html[data-theme=dark] .lp__faq summary{color:#eef0f7}