/* SEOMAX — Видео маркетинг лендинг. Стилове от video-landing-embed.txt (12.10.2026) + добавки за AVT 2.7.0+ в края. Всички селектори са под #lp-root (2.8.1). */ /* ── Изолация от темата (2.8.1) ── Elementor Kit на сайта стилизира всеки бутон (.elementor-kit-54 button: син фон, главни букви, padding 15px 30px, white-space:nowrap), а темата — и полетата. Затова: 1) всеки селектор тук започва с #lp-root, което бие класовете на Kit-а; 2) бутоните и полетата първо се връщат към стойностите на браузъра — така, както лендингът е проектиран. */ #lp-root button,#lp-root input,#lp-root select,#lp-root textarea{all:revert;} #lp-root button,#lp-root input,#lp-root select,#lp-root textarea{box-sizing:border-box;font-family:inherit;} #lp-root h1,#lp-root h2,#lp-root h3,#lp-root h4,#lp-root p,#lp-root li,#lp-root a{text-transform:none;letter-spacing:normal;} #lp-root{ --lp-blue:#2cb2f3;--lp-blue-dark:#1596d6;--lp-navy:#0b1f33;--lp-ink:#1c2b3a;--lp-muted:#5b6b7a; --lp-soft:#f4f8fb;--lp-line:#e3edf3;--lp-maxw:1200px; font-family:'Gilroy','Poppins',sans-serif;color:var(--lp-ink);background:#fff; width:100vw !important;max-width:100vw !important; margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important; overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased; } #lp-root,#lp-root *{box-sizing:border-box;} #lp-root img{max-width:100%;display:block;} #lp-root :where(#lp-root) img{height:auto;} /* keeps aspect ratio despite width/height attrs; class rules still override */ #lp-root a{text-decoration:none;color:inherit;} #lp-root button{font-family:inherit;} #lp-root h1,#lp-root h2,#lp-root h3{margin:0;font-family:'Gilroy','Poppins',sans-serif;font-weight:900;letter-spacing:-.04em;line-height:1.12;color:var(--lp-navy);} #lp-root p{margin:0;line-height:1.65;color:var(--lp-muted);} #lp-root .lp-wrap{max-width:var(--lp-maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1;} #lp-root section{padding:96px 0;position:relative;} /* reveal */ #lp-root.lp-js .lp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;} #lp-root.lp-js .lp-reveal.lp-in{opacity:1;transform:none;} @keyframes lp-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} @keyframes lp-ring{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.5);opacity:0}} @media(prefers-reduced-motion:reduce){#lp-root.lp-js .lp-reveal{opacity:1;transform:none;transition:none;}} /* section labels */ #lp-root .lp-tag{position:relative;display:inline-flex;align-items:center;min-height:18px;margin:0 0 18px;padding-left:42px;color:#1272b8;font-size:17px;font-weight:500;letter-spacing:.01em;line-height:1.2;} #lp-root .lp-tag::before{content:"";position:absolute;left:0;top:50%;width:28px;height:1px;background:currentColor;opacity:.55;} #lp-root .lp-tag::after{content:"";position:absolute;left:28px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:currentColor;} #lp-root .lp-dark .lp-tag{color:#7cd5ff !important;} #lp-root .lp-head{max-width:760px;margin-bottom:52px;} #lp-root .lp-head h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:16px;} #lp-root .lp-head p{font-size:17px;} #lp-root .lp-head.lp-center{margin-left:auto;margin-right:auto;text-align:center;} /* white text on dark surfaces — #lp-root prefix beats the base heading/paragraph colors */ #lp-root .lp-dark .lp-head h2,#lp-root .lp-inc h3,#lp-root .lp-final-text h2,#lp-root .lp-card.lp-hl h3,#lp-root .lp-step:nth-child(2) h3,#lp-root .lp-pkg.lp-feat h3,#lp-root .lp-upsell h3{color:#fff;} #lp-root .lp-dark .lp-head p,#lp-root .lp-inc p,#lp-root .lp-final-text p,#lp-root .lp-card.lp-hl p,#lp-root .lp-step:nth-child(2) p,#lp-root .lp-pkg.lp-feat p,#lp-root .lp-upsell p{color:rgba(255,255,255,.85);} /* buttons */ #lp-root .lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:16px 28px;border:1px solid rgba(255,255,255,.32);border-radius:16px; background:linear-gradient(135deg,#0b78bb 0%,#1468c9 52%,#1559c2 100%);color:#fff !important;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.1;cursor:pointer; box-shadow:0 12px 24px rgba(27,137,230,.25),inset 0 1px 0 rgba(255,255,255,.28);position:relative;overflow:hidden;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease;} #lp-root .lp-btn::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.36) 48%,transparent 78%);transform:translateX(-105%);transition:transform .55s ease;} #lp-root .lp-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(23,119,220,.36);} #lp-root .lp-btn:hover::before{transform:translateX(105%);} #lp-root .lp-btn:focus-visible,#lp-root .lp-ghost:focus-visible{outline:3px solid rgba(44,178,243,.45);outline-offset:4px;} #lp-root .lp-btn:disabled{opacity:.7;cursor:default;transform:none;} #lp-root .lp-btn-white{background:#fff;color:#12345b !important;box-shadow:0 16px 32px rgba(7,37,86,.24);} #lp-root .lp-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:16px 26px;border:2px solid #cfe0ea;border-radius:16px;background:#fff;color:var(--lp-navy) !important;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s;} #lp-root .lp-ghost:hover{border-color:var(--lp-blue);color:#167fca !important;} /* ---------- HERO ---------- */ #lp-root .lp-hero{background:var(--lp-soft);overflow:hidden;padding:88px 0 96px !important;} #lp-root .lp-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;} #lp-root .lp-hero h1{font-size:clamp(32px,4.4vw,54px);margin-bottom:22px;} #lp-root .lp-hero h1 span{color:var(--lp-blue);} #lp-root .lp-hero-lead{font-size:18px !important;max-width:600px;margin-bottom:30px !important;} #lp-root .lp-hero-list{list-style:none;margin:0 0 34px;padding:0;display:grid;gap:12px;} #lp-root .lp-hero-list li{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:600;color:var(--lp-navy);} #lp-root .lp-check{flex:0 0 24px;height:24px;border-radius:50%;background:rgba(44,178,243,.14);color:#1596d6;display:grid;place-items:center;font-size:13px;font-weight:900;} #lp-root .lp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;} #lp-root .lp-hero-micro{margin-top:16px !important;font-size:13px !important;} #lp-root .lp-phone-wrap{position:relative;max-width:330px;margin:0 auto;} #lp-root .lp-phone-wrap::before,#lp-root .lp-phone-wrap::after{content:"";position:absolute;width:80px;height:80px;pointer-events:none;} #lp-root .lp-phone-wrap::before{top:-16px;right:-16px;border-top:1.5px solid rgba(44,178,243,.5);border-right:1.5px solid rgba(44,178,243,.5);border-radius:0 6px 0 0;} #lp-root .lp-phone-wrap::after{bottom:-16px;left:-16px;border-bottom:1.5px solid rgba(44,178,243,.5);border-left:1.5px solid rgba(44,178,243,.5);border-radius:0 0 0 6px;} #lp-root .lp-phone{position:relative;aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:#000;border:8px solid #0b1f33;box-shadow:0 32px 80px rgba(11,31,51,.22),0 0 80px rgba(44,178,243,.12);} #lp-root .lp-phone iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} #lp-root .lp-facade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer;} #lp-root .lp-facade img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:.3s;} #lp-root .lp-facade:hover img{opacity:1;transform:scale(1.03);} #lp-root .lp-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:var(--lp-blue);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 10px 30px rgba(44,178,243,.5);transition:.25s;} #lp-root .lp-play::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(44,178,243,.55);animation:lp-ring 2s ease-out infinite;} #lp-root .lp-facade:hover .lp-play{background:#fff;color:var(--lp-blue);} #lp-root .lp-float{position:absolute;z-index:3;background:rgba(255,255,255,.97);border:1px solid rgba(11,31,51,.12);border-radius:12px;padding:12px 16px;box-shadow:0 14px 30px rgba(11,31,51,.12);animation:lp-floaty 4s ease-in-out infinite;} #lp-root .lp-float-1{left:-54px;top:14%;} #lp-root .lp-float-2{right:-48px;bottom:18%;animation-delay:2s;} #lp-root .lp-float small{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(11,31,51,.45);margin-bottom:4px;white-space:nowrap;} #lp-root .lp-float b{display:block;font-size:20px;font-weight:900;color:var(--lp-blue);letter-spacing:-.02em;line-height:1.1;white-space:nowrap;} #lp-root .lp-pills{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;} #lp-root .lp-pill{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 12px;background:#fff;border:2px dashed #72c7f4;border-radius:14px;color:#1766b8;font-size:13px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;text-align:center;} /* ---------- PORTFOLIO ---------- */ #lp-root .lp-portfolio{background:linear-gradient(135deg,#f6fbff 0%,#eaf2fa 100%);overflow:hidden;} #lp-root .lp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:-20px auto 36px;} #lp-root .lp-tab{border:1px solid #cfe0ea;background:#fff;color:var(--lp-navy);padding:10px 18px;border-radius:99px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s;} #lp-root .lp-tab:hover{border-color:var(--lp-blue);} #lp-root .lp-tab[aria-selected="true"]{background:linear-gradient(135deg,#0b78bb,#1559c2);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(28,112,229,.25);} #lp-root .lp-carousel{position:relative;padding:0 78px;} #lp-root .lp-scroll{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#2cb2f3 #dfeaf3;} #lp-root .lp-scroll::-webkit-scrollbar{height:8px;}#lp-root .lp-scroll::-webkit-scrollbar-track{background:#dfeaf3;border-radius:99px;}#lp-root .lp-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2cb2f3,#2876df);border-radius:99px;} #lp-root .lp-reel-row{display:flex;gap:20px;width:max-content;min-width:100%;padding:6px 0 16px;} #lp-root .lp-reel{position:relative;flex:0 0 230px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0b1f33;border:0;padding:0;cursor:pointer;scroll-snap-align:start;box-shadow:0 16px 32px rgba(21,56,92,.15);transition:transform .25s ease,box-shadow .25s ease;} #lp-root .lp-reel:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(21,56,92,.24);} #lp-root .lp-reel img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:.3s;} #lp-root .lp-reel:hover img{opacity:1;} #lp-root .lp-reel .lp-play{width:58px;height:58px;font-size:18px;} #lp-root .lp-reel .lp-play::before{display:none;} #lp-root .lp-reel-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 16px;background:linear-gradient(0deg,rgba(11,31,51,.92),transparent);color:#fff;text-align:left;} #lp-root .lp-reel-cap b{display:block;font-size:14px;font-weight:800;} #lp-root .lp-reel-cap span{font-size:12px;color:#9fdcff;font-weight:700;} #lp-root .lp-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);display:grid;place-items:center;width:54px;height:54px;padding:0;border:1px solid rgba(44,178,243,.34);border-radius:50%;background:rgba(255,255,255,.95);color:#176fdd;cursor:pointer;box-shadow:0 12px 28px rgba(11,54,104,.16);transition:.2s;} #lp-root .lp-nav:hover{background:linear-gradient(135deg,#0b78bb,#1559c2);color:#fff;} #lp-root .lp-nav:disabled{opacity:.35;cursor:default;} #lp-root .lp-nav:disabled:hover{background:rgba(255,255,255,.95);color:#176fdd;} #lp-root .lp-nav svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;} #lp-root .lp-nav.lp-prev{left:14px;}#lp-root .lp-nav.lp-next{right:14px;} #lp-root .lp-center-cta{text-align:center;margin-top:40px;} /* ---------- PAIN ---------- */ #lp-root .lp-pain{background:linear-gradient(180deg,#fff 0%,#f4f8fb 100%);overflow:hidden;} #lp-root .lp-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} #lp-root .lp-card{position:relative;background:#fff;border-radius:22px;padding:34px 30px;box-shadow:0 14px 36px rgba(11,31,51,.07);border:1px solid rgba(11,31,51,.07);transition:transform .3s,box-shadow .3s;} #lp-root .lp-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(20,60,90,.1);} #lp-root .lp-card h3{font-size:20px;margin-bottom:10px;} #lp-root .lp-card p{font-size:15px;} #lp-root .lp-card.lp-hl{background:linear-gradient(135deg,#172c62 0%,#2f71d8 65%,#45baf7 130%);border:0;} #lp-root .lp-card.lp-hl h3{color:#fff;}#lp-root .lp-card.lp-hl p{color:rgba(255,255,255,.86);} #lp-root .lp-icon{width:70px;height:70px;border-radius:20px;background:#e8f6ff;color:#1596d6;display:grid;place-items:center;margin-bottom:22px;} #lp-root .lp-card.lp-hl .lp-icon{background:rgba(255,255,255,.15);color:#fff;} #lp-root .lp-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;} #lp-root .lp-pain-quote{max-width:820px;margin:44px auto 0;text-align:center;font-size:clamp(20px,2.4vw,26px) !important;font-weight:800;color:var(--lp-navy) !important;line-height:1.35 !important;letter-spacing:-.02em;} #lp-root .lp-pain-quote span{color:var(--lp-blue);} /* ---------- QUIZ ---------- */ #lp-root .lp-quiz{background:linear-gradient(120deg,#0b1f33 0%,#173f66 55%,#102b49 100%);overflow:hidden;} #lp-root .lp-quiz::before{content:"";position:absolute;top:-160px;left:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(44,178,243,.24),transparent 70%);} #lp-root .lp-quiz::after{content:"";position:absolute;bottom:-180px;right:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(44,178,243,.16),transparent 70%);} #lp-root .lp-quiz-box{position:relative;z-index:1;max-width:880px;margin:0 auto;background:#fff;border-radius:28px;padding:40px 44px 44px;box-shadow:0 30px 80px rgba(0,0,0,.3);} #lp-root .lp-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;} #lp-root .lp-quiz-step{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#167fca;} #lp-root .lp-quiz-back{border:0;background:none;color:var(--lp-muted);font-size:14px;font-weight:700;cursor:pointer;padding:6px 0;visibility:hidden;} #lp-root .lp-quiz-back:hover{color:var(--lp-navy);} #lp-root .lp-progress{height:6px;border-radius:99px;background:#e6eff6;overflow:hidden;margin-bottom:32px;} #lp-root .lp-progress span{display:block;height:100%;width:25%;border-radius:99px;background:linear-gradient(90deg,#2cc8fa,#1872df);transition:width .4s ease;} #lp-root .lp-q{display:none;animation:lp-qin .4s ease;} #lp-root .lp-q.lp-active{display:block;} @keyframes lp-qin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}} #lp-root .lp-q h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:8px;} #lp-root .lp-q > p{font-size:15px;margin-bottom:26px;} #lp-root .lp-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} #lp-root .lp-opts.lp-two{grid-template-columns:repeat(2,1fr);} #lp-root .lp-opt{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border:2px solid #e3edf3;border-radius:16px;background:#fff;cursor:pointer;font-size:15px;font-weight:700;color:var(--lp-navy);line-height:1.3;transition:border-color .2s,background .2s,transform .2s;} #lp-root .lp-opt:hover{border-color:var(--lp-blue);background:#f3faff;transform:translateY(-2px);} #lp-root .lp-opt.lp-picked{border-color:var(--lp-blue);background:#e8f6ff;} #lp-root .lp-opt-ic{flex:0 0 42px;height:42px;border-radius:12px;background:#e8f6ff;display:grid;place-items:center;font-size:21px;} #lp-root .lp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;} #lp-root .lp-field{display:flex;flex-direction:column;gap:7px;} #lp-root .lp-field.lp-full{grid-column:1/-1;} #lp-root .lp-field label{font-size:13px;font-weight:700;color:var(--lp-navy);} #lp-root .lp-field label i{font-style:normal;font-weight:500;color:var(--lp-muted);} #lp-root .lp-field input,#lp-root .lp-field select{border:1.5px solid #dbe6ee;border-radius:12px;padding:14px 16px;font-size:15px;font-family:inherit;color:var(--lp-ink);background:#fff;transition:.2s;width:100%;} #lp-root .lp-field input:focus,#lp-root .lp-field select:focus{outline:none;border-color:var(--lp-blue);box-shadow:0 0 0 4px rgba(44,178,243,.15);} #lp-root .lp-submit{width:100%;border:0;} #lp-root .lp-note{text-align:center;font-size:12px !important;margin-top:14px !important;} #lp-root .lp-error{display:none;text-align:center;font-size:13px !important;color:#c0392b !important;margin-top:12px !important;} #lp-root .lp-error.lp-show{display:block;} #lp-root .lp-loading{display:none;text-align:center;padding:50px 0;} #lp-root .lp-loading.lp-active{display:block;} #lp-root .lp-spinner{width:54px;height:54px;margin:0 auto 20px;border-radius:50%;border:5px solid #e6eff6;border-top-color:var(--lp-blue);animation:lp-spin .9s linear infinite;} @keyframes lp-spin{to{transform:rotate(360deg)}} #lp-root .lp-loading b{display:block;font-size:20px;color:var(--lp-navy);margin-bottom:6px;} /* result */ #lp-root .lp-result{display:none;animation:lp-qin .5s ease;} #lp-root .lp-result.lp-active{display:block;} #lp-root .lp-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap;} #lp-root .lp-result-head small{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#167fca;margin-bottom:8px;} #lp-root .lp-result-head h3{font-size:clamp(24px,3vw,34px);} #lp-root .lp-format{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;} #lp-root .lp-format span{font-size:13px;font-weight:700;color:#1766b8;background:#e8f6ff;border-radius:99px;padding:7px 13px;} #lp-root .lp-script{border:1px solid var(--lp-line);border-radius:20px;overflow:hidden;} #lp-root .lp-beat{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--lp-line);} #lp-root .lp-beat:last-child{border-bottom:0;} #lp-root .lp-beat-label{padding:20px;background:var(--lp-soft);border-left:5px solid var(--c);} #lp-root .lp-beat-label b{display:block;font-size:14px;font-weight:900;color:var(--lp-navy);letter-spacing:.02em;} #lp-root .lp-beat-label span{font-size:12px;font-weight:700;color:var(--c);} #lp-root .lp-beat-body{padding:20px 22px;font-size:15px;line-height:1.6;color:var(--lp-ink);} #lp-root .lp-beat-body q{display:block;font-weight:800;color:var(--lp-navy);font-size:16px;quotes:"„" "“";} #lp-root .lp-beat-body .lp-dir{display:block;color:var(--lp-muted);font-size:14px;margin-top:6px;} #lp-root .lp-beat-body ol{margin:0;padding-left:20px;display:grid;gap:8px;} #lp-root .lp-why{margin-top:20px;padding:18px 20px;border-radius:16px;background:#fffbe6;border:1px solid #f4df2a;font-size:14px;line-height:1.6;color:#5a4a00;} #lp-root .lp-why b{color:#3d3200;} #lp-root .lp-tip{margin-top:12px;padding:18px 20px;border-radius:16px;background:var(--lp-soft);font-size:14px;line-height:1.6;color:var(--lp-ink);} #lp-root .lp-result-actions{display:flex;justify-content:flex-end;} #lp-root .lp-copy{border:1px solid #cfe0ea;background:#fff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--lp-navy);cursor:pointer;} #lp-root .lp-copy:hover{border-color:var(--lp-blue);} #lp-root .lp-upsell{margin-top:30px;padding:32px;border-radius:22px;background:linear-gradient(105deg,#22106f 0%,#2d48a8 45%,#37bdf3 100%);text-align:center;} #lp-root .lp-upsell h3{color:#fff;font-size:clamp(22px,2.6vw,30px);margin-bottom:10px;} #lp-root .lp-upsell p{color:rgba(255,255,255,.88) !important;max-width:560px;margin:0 auto 22px !important;} #lp-root .lp-upsell-done{display:none;color:#fff;font-weight:800;font-size:17px;} #lp-root .lp-upsell.lp-sent .lp-btn{display:none;} #lp-root .lp-upsell.lp-sent .lp-upsell-done{display:block;} /* ---------- PROCESS ---------- */ #lp-root .lp-process{background:#edf2f7;overflow:visible;} #lp-root .lp-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:0 auto;} #lp-root .lp-step{border:2px dashed #c5d7ef;border-radius:22px;padding:30px 26px;background:#fff;transition:.3s;} #lp-root .lp-step:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(20,60,90,.08);} #lp-root .lp-step:nth-child(2){background:linear-gradient(135deg,#24127b,#4a8eef);border:0;box-shadow:0 18px 40px rgba(48,72,179,.25);} #lp-root .lp-step:nth-child(2) h3,#lp-root .lp-step:nth-child(2) .lp-num{color:#fff;} #lp-root .lp-step:nth-child(2) p{color:rgba(255,255,255,.84);} #lp-root .lp-num{font-size:54px;font-weight:900;color:#b8d2f4;line-height:1;margin-bottom:14px;} #lp-root .lp-step h3{font-size:19px;margin-bottom:8px;} #lp-root .lp-step p{font-size:15px;} #lp-root .lp-mascot{position:absolute;right:4%;bottom:-48px;width:180px;pointer-events:none;animation:lp-floaty 3.5s ease-in-out infinite;z-index:2;} #lp-root .lp-mascot img{width:100%;filter:drop-shadow(0 16px 24px rgba(11,31,51,.18));} /* ---------- INCLUDED ---------- */ #lp-root .lp-included{background:linear-gradient(135deg,#051d4c 0%,#0e4f98 100%);overflow:hidden;} #lp-root .lp-included::before{content:"";position:absolute;top:-170px;right:-140px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(44,178,243,.25),transparent 70%);} #lp-root .lp-inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} #lp-root .lp-inc{padding:28px 26px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:.25s;} #lp-root .lp-inc:hover{background:rgba(255,255,255,.1);transform:translateY(-5px);border-color:rgba(44,178,243,.45);} #lp-root .lp-inc .lp-icon{background:rgba(44,178,243,.16);color:#7cd5ff;width:60px;height:60px;border-radius:16px;margin-bottom:18px;} #lp-root .lp-inc .lp-icon svg{width:28px;height:28px;} #lp-root .lp-inc h3{font-size:18px;margin-bottom:8px;} #lp-root .lp-inc p{font-size:14px;} /* ---------- PACKAGES ---------- */ #lp-root .lp-packages{background:#fff;} #lp-root .lp-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1040px;margin:0 auto;align-items:stretch;} #lp-root .lp-pkg{display:flex;flex-direction:column;border:1px solid var(--lp-line);border-radius:24px;padding:34px 30px;background:#fff;box-shadow:0 14px 34px rgba(11,31,51,.06);position:relative;transition:.3s;} #lp-root .lp-pkg:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(11,31,51,.12);} #lp-root .lp-pkg.lp-feat{background:linear-gradient(160deg,#0b1f33,#173f66);border-color:transparent;} #lp-root .lp-pkg.lp-feat h3,#lp-root .lp-pkg.lp-feat .lp-pkg-count b{color:#fff;} #lp-root .lp-pkg.lp-feat p,#lp-root .lp-pkg.lp-feat li{color:rgba(255,255,255,.84) !important;} #lp-root .lp-pkg.lp-feat li.lp-off{color:rgba(255,255,255,.4) !important;} #lp-root .lp-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#f4df2a;color:#172057;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:99px;white-space:nowrap;} #lp-root .lp-pkg h3{font-size:24px;margin-bottom:6px;} #lp-root .lp-pkg > p{font-size:14px;margin-bottom:22px;} #lp-root .lp-pkg-count{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid rgba(127,150,170,.25);} #lp-root .lp-pkg-count b{font-size:52px;font-weight:900;color:var(--lp-navy);letter-spacing:-.05em;line-height:1;} #lp-root .lp-pkg-count span{font-size:15px;font-weight:700;color:var(--lp-blue);margin-left:6px;} #lp-root .lp-pkg ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px;flex:1;} #lp-root .lp-pkg li{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600;color:var(--lp-ink);} #lp-root .lp-pkg li::before{content:"✓";flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;background:rgba(44,178,243,.15);color:#1596d6;} #lp-root .lp-pkg li.lp-off{color:#a5b2bd;} #lp-root .lp-pkg li.lp-off::before{content:"–";background:#eef2f5;color:#a5b2bd;} #lp-root .lp-pkg .lp-btn,#lp-root .lp-pkg .lp-ghost{width:100%;} #lp-root .lp-pkg-note{text-align:center;margin-top:30px !important;font-size:16px !important;} #lp-root .lp-pkg-note a{color:#167fca !important;font-weight:800;} /* ---------- STATS ---------- */ #lp-root .lp-stats{background:linear-gradient(120deg,#0b1f33 0%,#173f66 55%,#102b49 100%);padding:78px 0 !important;} #lp-root .lp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;} #lp-root .lp-stat{padding:30px 16px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);} #lp-root .lp-stat b{display:block;font-size:clamp(32px,4vw,46px);font-weight:900;background:linear-gradient(90deg,#fff,var(--lp-blue));-webkit-background-clip:text;background-clip:text;color:transparent;} #lp-root .lp-stat span{font-size:13px;color:#b9c7d4;font-weight:600;} /* ---------- TESTIMONIALS ---------- */ #lp-root .lp-testi{background:linear-gradient(135deg,#f6fbff 0%,#eaf2fa 100%);overflow:hidden;} #lp-root .lp-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1040px;margin:0 auto;} #lp-root .lp-tcard{position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden;padding:0;border:1px solid rgba(11,31,51,.08);background:#0b1f33;cursor:pointer;box-shadow:0 18px 36px rgba(21,56,92,.13);transition:.3s;} #lp-root .lp-tcard:hover{transform:translateY(-7px);} #lp-root .lp-tcard img{width:100%;height:100%;object-fit:cover;opacity:.85;} #lp-root .lp-tcard .lp-play::before{display:none;} #lp-root .lp-tcard .lp-reel-cap b{font-size:15px;} /* ---------- LOGOS + MEDIA ---------- */ #lp-root .lp-logos{background:#fff;padding:80px 0 !important;} #lp-root .lp-logos-card{background:#fff;border-radius:24px;padding:34px 42px;max-width:1100px;margin:0 auto;border:1px solid rgba(44,178,243,.2);box-shadow:0 18px 42px rgba(11,31,51,.08);} #lp-root .lp-logos-card img{margin:0 auto;} #lp-root .lp-media{background:var(--lp-soft);padding:80px 0 !important;} #lp-root .lp-media-card{flex:0 0 260px;height:190px;padding:14px 22px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e7eef4;border-radius:16px;scroll-snap-align:start;box-shadow:0 8px 18px rgba(20,60,90,.05);transition:.25s;} #lp-root .lp-media-card:hover{transform:translateY(-4px);} #lp-root .lp-media-card img{height:150px;width:auto;object-fit:contain;} /* ---------- FAQ ---------- */ #lp-root .lp-faq{background:#edf2f7;overflow:hidden;} #lp-root .lp-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start;} #lp-root .lp-faq-intro h2{font-size:clamp(30px,3.4vw,44px);margin-bottom:18px;} #lp-root .lp-faq-intro p{font-size:18px;} #lp-root .lp-faq-mascot{width:220px;margin:24px 0 24px 20px;filter:drop-shadow(0 18px 18px rgba(11,31,51,.16));} #lp-root .lp-faq-item{margin:0 0 14px;border:1px solid rgba(11,31,51,.06);border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(34,52,91,.07);overflow:hidden;} #lp-root .lp-faq-q{width:100%;border:0;background:transparent;padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;font-weight:800;font-size:17px;line-height:1.35;color:var(--lp-navy);cursor:pointer;} #lp-root .lp-faq-n{font-size:17px;color:#288ee7;font-weight:800;} #lp-root .lp-faq-x{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:21px;background:#e8f2ff;color:#258cea;transition:.28s;} #lp-root .lp-faq-item.lp-open .lp-faq-x{transform:rotate(45deg);background:linear-gradient(135deg,#2cb2f3,#286ce1);color:#fff;} #lp-root .lp-faq-a{max-height:0;overflow:hidden;padding:0 70px;transition:max-height .38s ease,padding .38s ease;} #lp-root .lp-faq-item.lp-open .lp-faq-a{max-height:320px;padding:0 70px 24px;} #lp-root .lp-faq-a p{font-size:16px;} /* ---------- FINAL ---------- */ #lp-root .lp-final{background:linear-gradient(110deg,#0e2650 0%,#1766b6 52%,#2cb2f3 100%);overflow:hidden;} #lp-root .lp-final::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 380px at 8% 0%,rgba(255,255,255,.16),transparent 65%);} #lp-root .lp-final-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} #lp-root .lp-final h2{font-size:clamp(30px,3.8vw,46px);margin-bottom:18px;} #lp-root .lp-final-text p{font-size:18px;margin-bottom:28px;} #lp-root .lp-final-phone{display:inline-flex;align-items:center;gap:22px;color:#fff !important;font-size:24px;font-weight:900;} #lp-root .lp-final-avatar{position:relative;flex:0 0 130px;width:130px;height:130px;animation:lp-floaty 3.6s ease-in-out infinite;} #lp-root .lp-final-avatar::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:lp-ring 2.4s ease-out infinite;} #lp-root .lp-final-avatar img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 18px 36px rgba(7,34,82,.35);} @media(max-width:640px){#lp-root .lp-final-avatar{flex-basis:96px;width:96px;height:96px;}#lp-root .lp-final-avatar img{width:96px;height:96px;}#lp-root .lp-final-phone{font-size:19px;gap:16px;}} #lp-root .lp-final-phone small{display:block;font-size:13px;font-weight:600;opacity:.8;} #lp-root .lp-offer{background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 70px rgba(7,34,82,.3);} #lp-root .lp-offer h3{font-size:24px;margin-bottom:6px;} #lp-root .lp-offer > p{font-size:14px;margin-bottom:22px;} #lp-root .lp-offer .lp-form-grid{grid-template-columns:1fr;} #lp-root .lp-offer-done{display:none;text-align:center;padding:30px 0;} #lp-root .lp-offer-done.lp-show{display:block;} #lp-root .lp-done-ic{width:58px;height:58px;border-radius:50%;background:var(--lp-blue);color:#fff;font-size:26px;font-weight:900;display:grid;place-items:center;margin:0 auto 16px;} /* ---------- MODAL + QUICK ACTIONS ---------- */ #lp-root .lp-modal{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:24px;} #lp-root .lp-modal.lp-open{display:flex;} #lp-root .lp-modal-bg{position:absolute;inset:0;background:rgba(6,14,24,.86);backdrop-filter:blur(4px);} #lp-root .lp-modal-box{position:relative;z-index:2;background:#000;border-radius:18px;overflow:visible;box-shadow:0 30px 80px rgba(0,0,0,.5);} #lp-root .lp-modal-box.lp-v{height:min(86vh,760px);aspect-ratio:9/16;max-width:calc(100vw - 48px);} #lp-root .lp-modal-box.lp-h{width:min(860px,calc(100vw - 48px));aspect-ratio:16/9;} #lp-root .lp-modal-box iframe{width:100%;height:100%;border:0;border-radius:18px;display:block;} #lp-root .lp-modal-x{position:absolute;top:-46px;right:0;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer;} #lp-root .lp-modal-x:hover{background:var(--lp-blue);} #lp-root .lp-quick{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:10px;} #lp-root .lp-quick a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:13px 19px;border-radius:16px;color:#fff !important;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 16px 30px rgba(9,36,83,.24);transition:transform .22s;} #lp-root .lp-quick a:hover{transform:translateY(-3px);} #lp-root .lp-quick .lp-q-idea{background:linear-gradient(135deg,#0b78bb,#1559c2);} #lp-root .lp-quick .lp-q-phone{position:relative;padding-left:52px;background:linear-gradient(135deg,#112c4a,#0b1f33);text-transform:none;letter-spacing:0;font-size:13px;} #lp-root .lp-q-phone img{position:absolute;left:-17px;top:50%;transform:translateY(-50%);width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.28);} #lp-root .lp-progress-top{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--lp-blue),#7fd6ff);z-index:200;} /* ---------- MOVING BRAND TICKER (oversized outlined text) ---------- */ #lp-root .lp-ticker{position:absolute;inset:0;z-index:0;display:flex;align-items:center;overflow:hidden;pointer-events:none;user-select:none;} #lp-root .lp-ticker-track{display:flex;flex:none;white-space:nowrap;animation:lp-ticker 32s linear infinite;} #lp-root .lp-ticker span{display:inline-block;padding-right:.22em;font-size:clamp(100px,14vw,224px);font-weight:900;line-height:.8;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1.5px rgba(44,178,243,.28);text-transform:uppercase;} #lp-root .lp-ticker.lp-rev .lp-ticker-track{animation-direction:reverse;} #lp-root .lp-ticker.lp-light span{-webkit-text-stroke:1.5px rgba(255,255,255,.14);} @keyframes lp-ticker{from{transform:translateX(0)}to{transform:translateX(-33.333%)}} /* format strip — continuous marquee of the formats we shoot */ #lp-root .lp-marquee{overflow:hidden;background:var(--lp-navy);padding:18px 0;} #lp-root .lp-marquee-track{display:flex;width:max-content;animation:lp-ticker 40s linear infinite;} #lp-root .lp-marquee span{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;} #lp-root .lp-marquee span i{font-style:normal;color:var(--lp-blue);} #lp-root .lp-hero-glow{position:absolute;top:-180px;right:-180px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(44,178,243,.14),transparent 68%);pointer-events:none;transition:transform .35s ease-out;} @media(prefers-reduced-motion:reduce){#lp-root .lp-ticker-track,#lp-root .lp-marquee-track{animation:none;}} /* ---------- RESPONSIVE ---------- */ @media(max-width:980px){ #lp-root .lp-hero-grid,#lp-root .lp-final-grid,#lp-root .lp-faq-layout{grid-template-columns:1fr;gap:44px;} #lp-root .lp-hero-media{order:-1;} #lp-root .lp-float-1{left:-10px;}#lp-root .lp-float-2{right:-10px;} #lp-root .lp-pills{grid-template-columns:repeat(2,1fr);} #lp-root .lp-pain-grid,#lp-root .lp-inc-grid,#lp-root .lp-testi-grid,#lp-root .lp-stats-grid{grid-template-columns:repeat(2,1fr);} #lp-root .lp-pkg-grid{grid-template-columns:1fr;max-width:440px;gap:34px;} #lp-root .lp-mascot{display:none;} #lp-root .lp-faq-intro{text-align:center;}#lp-root .lp-faq-mascot{margin:20px auto;width:170px;} } @media(max-width:640px){ #lp-root section{padding:64px 0;} #lp-root .lp-wrap{padding:0 16px;} #lp-root .lp-hero{padding:56px 0 64px !important;} #lp-root .lp-btn,#lp-root .lp-ghost{width:100%;} #lp-root .lp-pills,#lp-root .lp-pain-grid,#lp-root .lp-inc-grid,#lp-root .lp-testi-grid,#lp-root .lp-process-grid{grid-template-columns:1fr;} #lp-root .lp-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;} #lp-root .lp-float{display:none;} #lp-root .lp-phone-wrap{max-width:270px;} #lp-root .lp-carousel{padding:0 16px;} #lp-root .lp-nav{display:none;} #lp-root .lp-reel{flex-basis:200px;} #lp-root .lp-quiz-box{padding:26px 18px 30px;border-radius:22px;} #lp-root .lp-opts,#lp-root .lp-opts.lp-two,#lp-root .lp-form-grid{grid-template-columns:1fr;} #lp-root .lp-beat{grid-template-columns:1fr;} #lp-root .lp-beat-label{border-left:0;border-top:5px solid var(--c);padding:14px 18px;} #lp-root .lp-beat-body{padding:16px 18px;} #lp-root .lp-upsell{padding:26px 18px;} #lp-root .lp-faq-q{padding:18px 16px;font-size:16px;gap:10px;} #lp-root .lp-faq-a,#lp-root .lp-faq-item.lp-open .lp-faq-a{padding-left:44px;padding-right:16px;} #lp-root .lp-offer{padding:26px 18px;} #lp-root .lp-ticker span{font-size:88px;-webkit-text-stroke:1px rgba(44,178,243,.24);}#lp-root .lp-marquee span{font-size:14px;} #lp-root .lp-quick{left:12px;right:12px;bottom:12px;flex-direction:row;} #lp-root .lp-quick a{flex:1;min-height:48px;padding:11px 8px;font-size:10px;} #lp-root .lp-quick .lp-q-phone{padding-left:34px;font-size:11px;} #lp-root .lp-q-phone img{left:-8px;width:46px;height:46px;} } /* ---------- SEOMAX AVT 2.7.0 — добавки към оригинала ---------- */ /* съгласие под формите */ #lp-root .lp-consent{display:flex;align-items:flex-start;gap:10px;margin:0 0 6px;font-size:13px;line-height:1.5;color:var(--lp-muted);cursor:pointer;text-align:left;} #lp-root .lp-consent input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:#1468c9;cursor:pointer;} #lp-root .lp-consent a{color:#1468c9;text-decoration:underline;} #lp-root .lp-consent.lp-invalid span{color:#b3261e;} #lp-root .lp-consent-err{display:none;margin:0 0 12px !important;font-size:13px !important;color:#b3261e !important;} #lp-root .lp-consent-err.lp-show{display:block;} #lp-root .lp-consent + .lp-consent-err:not(.lp-show) + .lp-submit{margin-top:14px;} #lp-root .lp-field input[aria-invalid="true"]{border-color:#d93025;} /* капан за ботове — извън екрана, не display:none (някои ботове го пропускат) */ #lp-root .lp-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;} /* грешката се вижда ясно и на тъмния фон */ #lp-root .lp-error{color:#b3261e !important;} /* бутонът за копиране — достъпен фокус */ #lp-root .lp-copy:focus-visible,#lp-root .lp-opt:focus-visible,#lp-root .lp-faq-q:focus-visible,#lp-root .lp-tab:focus-visible,#lp-root .lp-reel:focus-visible,#lp-root .lp-tcard:focus-visible{outline:3px solid rgba(20,104,201,.55);outline-offset:3px;} /* на телефон бързата лента долу не бива да покрива последното съдържание */ @media(max-width:640px){#lp-root{padding-bottom:76px;} /* под 16px iOS Safari увеличава страницата при фокус в полето */ #lp-root .lp-field input,#lp-root .lp-field select{font-size:16px;}} /* ---------- 2.8.0 — UX ---------- */ /* грешка под полето */ #lp-root .lp-field-err{display:block;font-size:13px;line-height:1.4;color:#b3261e;margin-top:2px;} #lp-root .lp-field-err:empty{display:none;} #lp-root .lp-field input[aria-invalid="true"],#lp-root .lp-field select[aria-invalid="true"]{border-color:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.12);} /* бързата лента се отдръпва, докато се попълва форма */ #lp-root .lp-quick{transition:opacity .2s ease,transform .2s ease;} #lp-root .lp-quick.lp-quick-hide{opacity:0;transform:translateY(18px);pointer-events:none;} /* залепналото меню на темата не бива да покрива началото на формата */ #lp-root #lp-quiz-box,#lp-root #lp-contact,#lp-root #lp-quiz,#lp-root #lp-portfolio,#lp-root #lp-packages{scroll-margin-top:96px;} #lp-root .lp-field input,#lp-root .lp-field select{scroll-margin:120px 0 140px;} @media(prefers-reduced-motion:reduce){#lp-root .lp-quick{transition:none;}} /* 2.9.0 — бележка за AI сценарий */ #lp-root .lp-ai-note{margin:0 0 12px;font-size:13px;font-weight:700;color:#0b6b9e;} /* ══════════ Бранд слой (2.10.0) ══════════ По наръчника на бранда SEOMAX и презентацията 2026: тъмносин градиент #101D48 → #005BD7, светлосин фон #E7F1F9, акцент #4EB9F1, Gilroy, бели заоблени карти с мека сянка, заглавия в два тона. Цветовете за текст минават WCAG AA: бутони ≥ 4,7:1, акцент в заглавия ≥ 3,3:1. */ #lp-root{--lp-blue:#4EB9F1;--lp-blue-dark:#005BD7;--lp-navy:#101D48;--lp-ink:#101D48;--lp-muted:#4A5675; --lp-soft:#F3F8FD;--lp-ice:#E7F1F9;--lp-line:#DCE8F4; --lp-grad:linear-gradient(135deg,#101D48 0%,#0B3A9E 58%,#005BD7 100%); --lp-btn:linear-gradient(135deg,#0A72DA 0%,#004FC0 100%); --lp-shadow:0 12px 32px rgba(16,29,72,.08);} /* етикети над заглавията: хапче като в презентацията */ #lp-root .lp-tag{padding:8px 16px 8px 30px;min-height:0;border-radius:999px;background:var(--lp-ice);color:#005BD7;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.25;} #lp-root .lp-tag::before{display:none;} #lp-root .lp-tag::after{left:14px;top:calc(50% - 3px);background:var(--lp-blue);} #lp-root .lp-dark .lp-tag{background:rgba(78,185,241,.14);border:1px solid rgba(78,185,241,.3);color:#8FD6FF !important;} /* заглавия в два тона: тъмносиньо + акцентна част */ #lp-root .lp-ac,#lp-root .lp-hero h1 span{background:linear-gradient(90deg,#1E90E6 0%,#005BD7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;} #lp-root .lp-dark .lp-ac{background:none;color:var(--lp-blue);-webkit-text-fill-color:currentColor;} #lp-root .lp-pain-quote span{color:#005BD7;} /* бутони */ #lp-root .lp-btn{background:var(--lp-btn);border-color:rgba(255,255,255,.22);border-radius:12px;box-shadow:0 12px 26px rgba(0,91,215,.26),inset 0 1px 0 rgba(255,255,255,.22);} #lp-root .lp-btn:hover{box-shadow:0 18px 34px rgba(0,91,215,.34);} #lp-root .lp-ghost{border:2px solid #CFE0F2;border-radius:12px;} #lp-root .lp-ghost:hover{border-color:#005BD7;color:#005BD7 !important;} #lp-root .lp-btn:focus-visible,#lp-root .lp-ghost:focus-visible{outline-color:rgba(78,185,241,.6);} #lp-root .lp-tab{border-color:#CFE0F2;} #lp-root .lp-tab:hover{border-color:#005BD7;color:#005BD7;} #lp-root .lp-tab[aria-selected="true"]{background:var(--lp-btn);box-shadow:0 8px 18px rgba(0,91,215,.24);} #lp-root .lp-quick .lp-q-idea{background:var(--lp-btn);} /* светли секции: редуваме бяло и светлосиньо от бранда */ #lp-root .lp-hero{background:radial-gradient(900px 520px at 85% 20%,rgba(78,185,241,.16),transparent 70%),linear-gradient(180deg,#F3F8FD 0%,var(--lp-ice) 100%);} #lp-root .lp-portfolio{background:linear-gradient(180deg,#fff 0%,var(--lp-soft) 100%);} #lp-root .lp-pain{background:#fff;} #lp-root .lp-process{background:var(--lp-ice);} #lp-root .lp-packages{background:#fff;} #lp-root .lp-testi{background:var(--lp-soft);} #lp-root .lp-logos{background:#fff;} #lp-root .lp-media{background:var(--lp-soft);} #lp-root .lp-faq{background:var(--lp-ice);} /* тъмни секции: градиентът от корицата на презентацията */ #lp-root .lp-marquee{background:var(--lp-navy);} #lp-root .lp-quiz{background:radial-gradient(700px 420px at 12% 10%,rgba(78,185,241,.18),transparent 70%),linear-gradient(135deg,#101D48 0%,#0D2A72 60%,#0B3A9E 100%);} #lp-root .lp-included{background:var(--lp-grad);} #lp-root .lp-stats{background:radial-gradient(600px 300px at 90% 0%,rgba(78,185,241,.2),transparent 70%),#101D48;} #lp-root .lp-final{background:linear-gradient(115deg,#101D48 0%,#0B3A9E 48%,#005BD7 78%,#4EB9F1 125%);} /* карти: бели, заоблени, мека сянка; без пунктир */ #lp-root .lp-card{border-radius:20px;border:1px solid #E3EDF7;box-shadow:var(--lp-shadow);} #lp-root .lp-card.lp-hl{background:var(--lp-grad);} #lp-root .lp-icon{color:#005BD7;} #lp-root .lp-step{border:1px solid var(--lp-line);border-radius:20px;box-shadow:var(--lp-shadow);} #lp-root .lp-step:nth-child(2){background:var(--lp-grad);box-shadow:0 18px 40px rgba(0,91,215,.25);} #lp-root .lp-step:not(:nth-child(2)) .lp-num{background:linear-gradient(90deg,#4EB9F1,#005BD7);-webkit-background-clip:text;background-clip:text;color:transparent;} #lp-root .lp-step:nth-child(2) .lp-num{color:var(--lp-blue);} #lp-root .lp-pill{border:1px solid #CFE3F5;background:#fff;color:#005BD7;box-shadow:0 6px 16px rgba(16,29,72,.05);} #lp-root .lp-check{background:rgba(78,185,241,.16);color:#005BD7;} #lp-root .lp-float{border-color:#DCE8F4;} #lp-root .lp-float b{color:#005BD7;} #lp-root .lp-phone{border-color:#101D48;} #lp-root .lp-play{background:var(--lp-btn);} #lp-root .lp-play::before{border-color:rgba(78,185,241,.55);} #lp-root .lp-pkg{border-color:var(--lp-line);border-radius:20px;box-shadow:var(--lp-shadow);} #lp-root .lp-pkg.lp-feat{background:var(--lp-grad);box-shadow:0 22px 50px rgba(0,91,215,.28);} #lp-root .lp-badge{background:var(--lp-blue);color:#101D48;} #lp-root .lp-opt:hover{border-color:#005BD7;background:var(--lp-soft);} #lp-root .lp-faq-n{color:#005BD7;} #lp-root .lp-faq-item.lp-open .lp-faq-x{background:var(--lp-btn);} #lp-root .lp-tcard{border-radius:20px;} /* отзиви: 4 видеа */ #lp-root .lp-testi-grid{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1160px;} /* статистика: стойност без брояч (напр. „Топ 20“) */ #lp-root .lp-stat b.lp-stat-txt{white-space:nowrap;} @media(max-width:980px){ /* телефонът в hero отива след текста — първо се чете обещанието */ #lp-root .lp-hero-media{order:0;} #lp-root .lp-phone-wrap{max-width:260px;} #lp-root .lp-float-1{left:-40px;} #lp-root .lp-float-2{right:-36px;} #lp-root .lp-testi-grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:640px){ #lp-root .lp-hero{padding:48px 0 64px !important;} #lp-root .lp-pills{grid-template-columns:repeat(2,1fr);gap:8px;} #lp-root .lp-pill{min-height:40px;font-size:12px;padding:8px;} #lp-root .lp-phone-wrap{max-width:220px;} #lp-root .lp-float-1{left:-28px;} #lp-root .lp-float-2{right:-24px;} #lp-root .lp-float b{font-size:16px;} #lp-root .lp-testi-grid{grid-template-columns:repeat(2,1fr);gap:12px;} #lp-root .lp-tag{font-size:11.5px;letter-spacing:.1em;} } @media(max-width:640px){ /* отзивите са хоризонтални интервюта: на телефон по едно, в 16:9, без изрязване */ #lp-root .lp-testi-grid{grid-template-columns:1fr;gap:14px;} #lp-root .lp-tcard{aspect-ratio:16/9;} #lp-root .lp-tcard .lp-play{width:56px;height:56px;font-size:18px;} } @media(max-width:640px){ /* големият контурен надпис отзад на телефон пресича заглавията */ #lp-root .lp-ticker{display:none;} } /* 9 сектора в стъпка 1 (2.11.2): 3×3 на десктоп; на телефон 2 колони, „Друго“ на цял ред. */ @media(max-width:640px){ #lp-root .lp-q[data-step="1"] .lp-opts{grid-template-columns:1fr 1fr;gap:10px;} #lp-root .lp-q[data-step="1"] .lp-opt{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 12px;font-size:14px;line-height:1.3;} #lp-root .lp-q[data-step="1"] .lp-opt:last-child{grid-column:1 / -1;flex-direction:row;align-items:center;} #lp-root .lp-q[data-step="1"] .lp-opt-ic{flex:0 0 auto;width:38px;height:38px;} } /* ── 2.11.3: едноцветни иконки на бранда вместо емоджи ── */ #lp-root .lp-svg{display:block;width:22px;height:22px;flex:none;} #lp-root .lp-svg-in{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.4em;} #lp-root .lp-opt-ic{background:var(--lp-ice,#E7F1F9);color:#005BD7;font-size:0;transition:background .2s,color .2s;} #lp-root .lp-opt:hover .lp-opt-ic{background:#D5E8F8;} #lp-root .lp-opt.lp-picked .lp-opt-ic{background:linear-gradient(135deg,#0A72DA,#004FC0);color:#fff;} #lp-root .lp-q-idea .lp-svg-in,#lp-root .lp-q-phone .lp-svg-in{margin-right:.35em;} #lp-root .lp-ai-note .lp-svg-in,#lp-root .lp-sent-note .lp-svg-in{color:#005BD7;} #lp-root .lp-svg,#lp-root .lp-svg *{fill:none !important;stroke:currentColor !important;}