@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700;800&family=Onest:wght@400;500;600;700&display=swap");
/* ===== Визитка LOOK — vizitka-site.vtorge.com (→ vizitka.lookmy.info). Стили сайта (раздел «Свой CSS»).
   Админ: инлайн-редактор оборачивает слова в span.word-highlight — правил на голый span нет,
   текст прямо во flex/grid не кладётся. Стили блоков движка перебиваются только !important. ===== */
body{
 --vz-ink:#172036; --vz-ink-2:#2a3550; --vz-coral:#ff4d2e; --vz-coral-2:#e63b1d;
 --vz-desk:#eef1f6; --vz-lilac:#cfc8ff; --vz-lemon:#ffe066; --vz-mint:#20b486;
 --vz-line:#dde2ec; --vz-muted:#5a6479; --vz-card:#fff;
 font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
body:not(.theme-dark){background:#fff;color:var(--vz-ink)}
body.theme-dark{--vz-ink:#e9ecf5;--vz-ink-2:#c9cfdf;--vz-desk:#161c2c;--vz-line:#2b344b;--vz-muted:#a3acc2;--vz-card:#1c2337}
html,body{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}}
.vz .word-highlight,.vz-footer .word-highlight{display:inline!important}

/* --- Шапка --- */
#main-menu-panel{border-bottom:1px solid var(--vz-line)!important;box-shadow:none!important}
@media (min-width:1000px){#main-menu-panel{padding-left:24px!important;padding-right:24px!important}}
#main-menu-panel [data-module="informer_logo"]{height:auto!important}
#main-menu-panel [data-module="informer_logo"] img{height:38px!important;width:auto!important;max-height:none!important}
#main-menu-panel .menu-item-wrapper.no-admin:has(> a.menu-btn[href="/"]){display:none!important}
#main-menu-panel .menu-zone-top-center{flex:0 1 auto!important;gap:2px!important}
#main-menu-panel .menu-zone-top-center .menu-item-wrapper{padding:0!important;margin:0!important;background:transparent!important}
#main-menu-panel .menu-zone-top-center .menu-item-wrapper:hover{transform:none!important}
#main-menu-panel .menu-zone-top-center a.menu-btn{margin:0!important;padding:8px 11px!important;border-radius:10px;font-weight:600;font-size:15px;line-height:1.2}
:where(body:not(.theme-dark)) #main-menu-panel .menu-zone-top-center a.menu-btn{color:var(--vz-ink)!important}
:where(body:not(.theme-dark)) #main-menu-panel .menu-zone-top-center .menu-item-wrapper:hover{background:var(--vz-desk)!important}
#main-menu-panel a.menu-btn[href="/sozdat"]{background:var(--vz-coral)!important;color:#fff!important;border-radius:12px;padding:9px 16px!important;font-weight:700}
#main-menu-panel a.menu-btn[href="/sozdat"]:hover{background:var(--vz-coral-2)!important}
#main-menu-panel .menu-item-wrapper:has(> a.menu-btn[href="/sozdat"]){background:transparent!important}
.menu-item-wrapper[data-module="auth"] .menu-icon{display:none!important}
.section-block h1.editable-title{font-family:"Geologica",sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--vz-ink)}
.page-content .btn-primary{--bs-btn-bg:#ff4d2e;--bs-btn-border-color:#ff4d2e;--bs-btn-hover-bg:#e63b1d;--bs-btn-hover-border-color:#e63b1d;--bs-btn-active-bg:#e63b1d;--bs-btn-active-border-color:#e63b1d}

/* --- Главная во всю ширину --- */
.page-content > div:has(.vz){padding:0!important;max-width:none!important}
.page-content > div:has(.vz) .section-block > div:has(> h1.editable-title),.page-content > div:has(.vz) .section-block > h1.editable-title{display:none!important}
.page-content > div:has(.vz) .section-block:has(.vz){padding:0!important;margin:0!important}
.vz{color:var(--vz-ink);font-size:17px;line-height:1.6;overflow:hidden}
.vz *,.vz *::before,.vz *::after{box-sizing:border-box}
.vz p{margin:0 0 1em}
.vz ul,.vz ol{margin:0;padding:0;list-style:none}
.vz h1,.vz h2,.vz h3{font-family:"Geologica","Onest",sans-serif;color:inherit}
.vz-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.vz-sec{padding:96px 0;scroll-margin-top:72px}
.vz-sec--desk{background:var(--vz-desk)}
.vz-sec--ink{background:var(--vz-ink);color:#dfe4f2}
body.theme-dark .vz-sec--ink{background:#0e1424}
.vz h2{font-size:clamp(30px,3.8vw,48px);line-height:1.06;font-weight:700;letter-spacing:-.03em;margin:0 0 16px;max-width:20ch}
.vz-sec--ink h2{color:#fff}
.vz h3{font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}
.vz-lead{font-size:19px;color:var(--vz-muted);max-width:56ch;margin-bottom:48px!important}
.vz-sec--ink .vz-lead{color:#b4bdd6}

.vz-btn{display:inline-block;padding:16px 26px;border-radius:14px;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none!important;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s}
.vz-btn:active{transform:translateY(1px)}
.vz-btn--go{background:var(--vz-coral);color:#fff!important;border-color:var(--vz-coral)}
.vz-btn--go:hover{background:var(--vz-coral-2);border-color:var(--vz-coral-2)}
.vz-btn--line{color:var(--vz-ink)!important;border-color:var(--vz-line);background:var(--vz-card)}
.vz-btn--line:hover{border-color:var(--vz-ink)}
.vz-btn--lemon{background:var(--vz-lemon);color:#172036!important;border-color:var(--vz-lemon)}
.vz-btn--lemon:hover{background:#ffd42a;border-color:#ffd42a}
.vz a:focus-visible,.vz summary:focus-visible,.vz-footer a:focus-visible{outline:3px solid var(--vz-lemon);outline-offset:3px;border-radius:6px}
.vz-ic{width:22px;height:22px;flex:0 0 auto}
.vz svg{margin:0} /* движок: svg{display:block;margin:0 auto} в style.css — иначе иконки уезжают к центру */

/* --- Первый экран: стопка визиток и телефон --- */
.vz-hero{padding:64px 0 88px;background:
  radial-gradient(60% 70% at 85% 30%,rgba(207,200,255,.55),transparent 70%),
  radial-gradient(40% 50% at 70% 95%,rgba(255,224,102,.45),transparent 70%),#fff}
body.theme-dark .vz-hero{background:radial-gradient(60% 70% at 85% 30%,rgba(120,105,230,.25),transparent 70%),#111726}
.vz-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.vz-hero__brand{display:inline-block;font-weight:600;font-size:15px;color:var(--vz-coral);margin-bottom:18px!important}
.vz-hero h1{font-size:clamp(42px,6vw,80px);line-height:.98;font-weight:800;letter-spacing:-.045em;margin:0 0 24px;max-width:11ch}
.vz-hero__sub{font-size:19px;line-height:1.55;color:var(--vz-muted);max-width:48ch;margin-bottom:32px!important}
.vz-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px!important}
.vz-hero__facts{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:var(--vz-muted)}
.vz-hero__facts li{position:relative;padding-left:20px}
.vz-hero__facts li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:3px;background:var(--vz-mint)}

.vz-stage{position:relative;height:600px;max-width:460px;margin:0 auto}
.vz-paper{position:absolute;width:300px;height:172px;border-radius:10px;padding:22px 24px;box-shadow:0 18px 40px -18px rgba(23,32,54,.45);color:#172036;font-size:14px;line-height:1.4}
.vz-paper p{margin:0!important}
.vz-paper__n{font-family:"Geologica",sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em}
.vz-paper__r{color:#4b5468}
.vz-paper__l{position:absolute;left:24px;bottom:18px;font-weight:600}
.vz-paper--a{background:var(--vz-lemon);left:-90px;top:60px;transform:rotate(-14deg);animation:vz-fan-a .9s cubic-bezier(.2,.8,.2,1) both}
.vz-paper--b{background:var(--vz-lilac);right:-110px;top:330px;transform:rotate(11deg);animation:vz-fan-b .9s .08s cubic-bezier(.2,.8,.2,1) both}
@keyframes vz-fan-a{from{transform:translate(70px,40px) rotate(0)}to{transform:rotate(-14deg)}}
@keyframes vz-fan-b{from{transform:translate(-70px,-60px) rotate(0)}to{transform:rotate(11deg)}}
@media (prefers-reduced-motion:reduce){.vz-paper--a,.vz-paper--b{animation:none}}

.vz-phone{position:absolute;left:50%;top:0;transform:translateX(-50%);width:290px;height:590px;border-radius:44px;background:#172036;padding:11px;box-shadow:0 40px 80px -30px rgba(23,32,54,.6)}
.vz-phone__screen{height:100%;border-radius:34px;overflow:hidden;padding:26px 16px 16px;background:linear-gradient(170deg,#ffe2d4 0%,#fff3ea 45%,#fff 100%);color:#172036;font-size:12px;line-height:1.35}
.vz-phone__screen p{margin:0!important}
.vz-m-head{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.vz-m-ava{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a65,#ff4d2e);color:#fff;font-weight:700;font-size:16px;border:3px solid #fff}
.vz-m-name{font-family:"Geologica",sans-serif;font-weight:700;font-size:16px;letter-spacing:-.02em}
.vz-m-role{color:#6b7385;font-size:11px}
.vz-m-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.vz-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 7px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid #f1d9cd;color:#172036}
.vz-tile .vz-ic{width:18px;height:18px}
.vz-tile__t{font-size:9.5px;font-weight:600}
.vz-tile.is-on{background:var(--vz-coral);border-color:var(--vz-coral);color:#fff}
.vz-m-card{background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 22px -14px rgba(23,32,54,.4);margin-bottom:10px}
.vz-m-small{color:#ff4d2e;font-weight:600;font-size:10.5px;margin-bottom:2px!important}
.vz-m-num{font-family:"Geologica",sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em;margin-bottom:4px!important}
.vz-m-txt{color:#5a6479;font-size:11px;margin-bottom:10px!important}
.vz-m-btns{display:grid;gap:6px}
.vz-m-call,.vz-m-save{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:8px;font-weight:700;font-size:11.5px}
.vz-m-call{background:#ff4d2e;color:#fff}
.vz-m-save{background:#172036;color:#fff}
.vz-m-call .vz-ic,.vz-m-save .vz-ic{width:15px;height:15px}
.vz-m-serv{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vz-m-s{display:flex;align-items:center;gap:6px;background:#fff;border-radius:12px;padding:9px 8px;font-weight:600;font-size:10.5px;line-height:1.2}
.vz-m-s .vz-ic{width:15px;height:15px;color:#ff4d2e}
.vz-m-h{font-weight:700;font-size:11px;color:#6b7385;margin:4px 0 6px!important}
.vz-m-addr{display:flex;align-items:center;gap:6px;margin-top:10px!important;font-size:11px;color:#3a4459}
.vz-m-label{margin-top:22px!important;text-align:center;font-size:10px;color:#8a92a5}
.vz-m-addr .vz-ic{width:15px;height:15px;color:#ff4d2e}

.vz-sticker{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;color:#172036;border-radius:14px;padding:10px 14px;font-weight:600;font-size:14px;box-shadow:0 14px 30px -14px rgba(23,32,54,.5)}
.vz-sticker--qr{right:-40px;top:440px}
.vz-sticker--qr .vz-ic{width:28px;height:28px}
.vz-sticker--ok{left:-40px;top:556px}
.vz-sticker--ok .vz-ic{width:22px;height:22px;color:#fff;background:var(--vz-mint);border-radius:50%;padding:3px}

/* --- Где пригодится --- */
.vz-where{background:var(--vz-ink);color:#dfe4f2;padding:26px 0}
body.theme-dark .vz-where{background:#0e1424}
.vz-where__t{font-family:"Geologica",sans-serif;font-weight:600;font-size:18px;color:#fff;margin:0 0 14px!important}
.vz-where__list{display:flex;flex-wrap:wrap;gap:8px}
.vz-where__list li{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 14px;font-size:15px}

/* --- Возможности --- */
.vz-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 40px}
.vz-feat{padding-top:20px;border-top:2px solid var(--vz-ink)}
.vz .vz-feat__ic{width:40px;height:40px;color:var(--vz-coral);margin:0 0 14px;display:block}
.vz-feat p{color:var(--vz-muted);margin:0!important}

/* --- Сравнение --- */
.vz-cmp{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.vz-cmp__table{width:100%;border-collapse:separate;border-spacing:0;background:var(--vz-card);border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px var(--vz-line);font-size:16px}
.vz-cmp__table th,.vz-cmp__table td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--vz-line)}
.vz-cmp__table tr:last-child td{border-bottom:0}
.vz-cmp__table th{font-family:"Geologica",sans-serif;font-size:17px;font-weight:700}
.vz-cmp__table th:first-child,.vz-cmp__table td:first-child{color:var(--vz-muted);width:46%}
.vz-cmp__table th:last-child{color:var(--vz-coral)}
.vz-cmp__table td:last-child{font-weight:600}

/* --- Шаги --- */
.vz-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:none}
.vz-step{position:relative;background:var(--vz-desk);border-radius:22px;padding:28px 26px 30px}
.vz-step__n{display:block;font-family:"Geologica",sans-serif;font-weight:800;font-size:64px;line-height:1;letter-spacing:-.05em;color:var(--vz-coral);margin-bottom:18px}
.vz-step p{color:var(--vz-muted);margin:0!important}

/* --- Пример --- */
.vz-ex{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.vz-ex .vz-lead{margin-bottom:28px!important}
.vz-ex__who h3{color:#fff;margin-bottom:16px}
.vz-chips{display:flex;flex-wrap:wrap;gap:10px}
.vz-chips li{background:rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;font-size:15px;color:#e8ecf8}

/* --- Тарифы --- */
.vz-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.vz-plan{display:flex;flex-direction:column;background:var(--vz-card);border:1px solid var(--vz-line);border-radius:24px;padding:30px 28px}
.vz-plan--main{background:var(--vz-ink);border-color:var(--vz-ink);color:#e8ecf8;transform:translateY(-10px);box-shadow:0 30px 60px -30px rgba(23,32,54,.55)}
body.theme-dark .vz-plan--main{background:#283252;border-color:#3a4670}
.vz-plan--main h3{color:#fff}
.vz-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:6px 0 22px!important}
.vz-price__v{font-family:"Geologica",sans-serif;font-weight:800;font-size:44px;letter-spacing:-.04em;line-height:1}
.vz-price__p{color:var(--vz-muted);font-size:15px}
.vz-plan--main .vz-price__p{color:#b4bdd6}
.vz-ticks{display:grid;gap:10px;margin-bottom:28px!important}
.vz-ticks li{position:relative;padding-left:30px;font-size:16px;line-height:1.45}
.vz-ticks li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--vz-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.vz-plan__go{margin:auto 0 0!important}
.vz-plan__go .vz-btn{width:100%;text-align:center}
.vz-plan--main .vz-btn--go{background:var(--vz-coral)}
.vz-plans__note{margin:28px 0 0!important;color:var(--vz-muted);font-size:15px;max-width:70ch}

/* --- Вопросы --- */
.vz-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:start}
.vz-faq__list{display:grid;gap:10px}
.vz-qa{background:var(--vz-card);border-radius:16px;box-shadow:0 0 0 1px var(--vz-line)}
.vz-qa summary{cursor:pointer;list-style:none;padding:18px 56px 18px 22px;font-weight:600;font-size:17px;position:relative}
.vz-qa summary::-webkit-details-marker{display:none}
.vz-qa summary::after{content:"";position:absolute;right:22px;top:50%;width:12px;height:12px;margin-top:-8px;border-right:2px solid var(--vz-coral);border-bottom:2px solid var(--vz-coral);transform:rotate(45deg);transition:transform .2s}
.vz-qa[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.vz-qa p{padding:0 22px 20px;margin:0!important;color:var(--vz-muted)}

/* --- Финал --- */
.vz-final{padding:0 0 96px;background:var(--vz-desk)}
.vz-final__box{text-align:center}
.vz-final__box h2{margin:0 auto 28px;max-width:22ch;padding-top:8px}
.vz-final__box p{margin:0!important}

/* --- Подвал --- */
#menu-footer:has(.vz-footer){padding:0!important;margin:0!important;display:block!important}
#menu-footer:has(.vz-footer) .footer-col:has(.vz-footer){display:block!important;width:100%;padding:0!important}
#menu-footer:has(.vz-footer) .footer-col:not(:has(.vz-footer)):not(:has(.admin-mode)){display:none!important}
#menu-footer .menu-zone-bottom-left:has(.vz-footer){display:block!important}
#menu-footer .menu-item-wrapper:has(.vz-footer){width:100%!important;display:block!important;padding:0!important}
.vz-footer{background:#172036;color:#b4bdd6;padding:56px 24px 28px;font-size:15px;line-height:1.6}
.vz-footer__grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.vz-footer p{margin:0 0 10px}
.vz-footer__h{color:#fff;font-weight:600;margin-bottom:12px!important}
.vz-footer a{display:block;color:#cfd5ea!important;text-decoration:none!important;margin-bottom:8px}
.vz-footer a:hover{color:#fff!important}
.vz-footer__brand p{max-width:300px}
.vz-footer__name{font-family:"Geologica",sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px!important}
.vz-footer__copy{max-width:1180px;margin:36px auto 0!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:14px}

/* --- Адаптив --- */
@media (max-width:1000px){
 .vz-hero__grid,.vz-cmp,.vz-ex,.vz-faq{grid-template-columns:1fr}
 .vz-hero__grid{gap:24px}
 .vz-feats{grid-template-columns:1fr 1fr}
 .vz-steps{grid-template-columns:1fr}
 .vz-plans{grid-template-columns:1fr;max-width:520px}
 .vz-plan--main{transform:none}
 .vz-footer__grid{grid-template-columns:1fr 1fr}
 .vz-faq{gap:8px}
}
@media (max-width:720px){
 .vz{font-size:16px}
 .vz-sec{padding:64px 0}
 .vz-wrap{padding:0 16px}
 .vz-hero{padding:36px 0 56px}
 .vz-hero__sub{font-size:17px}
 .vz-hero__cta .vz-btn{width:100%;text-align:center}
 .vz-lead{font-size:17px;margin-bottom:32px!important}
 .vz-feats{grid-template-columns:1fr;gap:32px}
 .vz-stage{height:540px;transform:scale(.9);transform-origin:top center;margin-bottom:-50px}
 .vz-paper--a{left:-30px}
 .vz-paper--b{right:-40px}
 .vz-sticker--qr{right:-4px}
 .vz-sticker--ok{left:-4px}
 .vz-cmp__table th,.vz-cmp__table td{padding:12px 14px;font-size:15px}
 .vz-final{padding-bottom:64px}
 .vz-footer__grid{grid-template-columns:1fr}
 .vz-footer{padding:40px 16px 24px}
}

/* --- Документы (оферта, политика, cookie) --- */
.mc-doc{max-width:820px;font-size:16px;line-height:1.65;color:var(--vz-ink)}
.mc-doc p{margin:0 0 .9em}
.mc-doc__sub{font-size:19px;color:var(--vz-muted)}
.mc-doc h3{font-family:"Geologica",sans-serif;font-size:21px;font-weight:700;letter-spacing:-.01em;margin:34px 0 12px}
.mc-doc ul{padding-left:22px;margin:0 0 1em}
.mc-doc li p{margin:0 0 .4em}
.mc-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:15px}
.mc-doc th,.mc-doc td{border:1px solid var(--vz-line);padding:10px 12px;vertical-align:top;text-align:left}
.mc-doc a{color:var(--vz-coral)}
@media (max-width:720px){.mc-doc table{display:block;overflow-x:auto}}