/* MadWeb Builder · Motion */
/* MadWeb Motion – основни правила */
a{text-decoration:none}
body{overflow-x:clip}
button{font:inherit}
img{max-width:100%}
/* MadWeb – дълги текстове (общи условия, статии, описания на услуги) */
.prose h2{margin:44px 0 14px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:38px;line-height:1;color:#0c1a2b}
.prose h3{margin:30px 0 10px;font-family:var(--f-b),sans-serif;font-size:22px;font-weight:700;line-height:1.3;color:#0c1a2b}
.prose p,.prose ul,.prose ol,.prose figure,.prose table{margin:0 0 18px}
.prose ul,.prose ol{padding-left:24px}
.prose li{margin-bottom:6px}
.prose a{color:#0a6a9b;text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:#0c1a2b}
.prose img{max-width:100%;height:auto;border-radius:18px}
.prose figcaption{margin-top:8px;font-size:14px;color:#5a6b7a}
.prose figure{overflow-x:auto}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose th,.prose td{padding:12px 14px;border-bottom:1px solid #e3e8ed;text-align:left;vertical-align:top}
.prose th{background:#f4f6f9;font-weight:700;color:#0c1a2b}
.prose>:first-child,.prose .breakdance-rich-text-styles>:first-child{margin-top:0}
@media (max-width:767px){.prose{font-size:17px}.prose h2{font-size:30px;margin-top:34px}}

.prose{font-size:19px;line-height:1.8;color:#2c3a49}
.prose h2{font-size:46px;line-height:.95}
.prose blockquote{margin:30px 0;padding:26px 30px;border-radius:24px;background:var(--b);color:#fff;font-size:20px;font-weight:600}


.mw{position:relative;font-family:var(--f-b),sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow:clip}
.w{max-width:1360px;margin:0 auto;padding:0 48px;position:relative}
.c{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;line-height:.84;letter-spacing:-.005em}
.out{color:transparent;-webkit-text-stroke:2px var(--ink)}
.out-w{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55)}
.nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:96px}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:24px;letter-spacing:-.02em}
.logo svg{color:var(--b)}
.links{display:flex;gap:4px;padding:6px;border-radius:99px;background:#fff;box-shadow:0 10px 30px -18px rgba(7,17,29,.35);font-weight:600;font-size:14px}
.links a{padding:10px 16px;border-radius:99px;color:#3b4a5b}
.links a.on{background:var(--ink);color:#fff}
.navcta{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 6px 0 22px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;font-size:15px}
.navcta b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--b)}
.burger{display:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:20px;cursor:pointer}
.hero{position:relative;min-height:920px;padding:20px 0 60px}
.blob{position:absolute;right:-140px;top:-80px;width:780px;height:780px;background:radial-gradient(circle at 30% 30%,#4fc0ef,var(--b) 45%,#0a6a9b);opacity:.95;animation:blob 9s ease-in-out infinite alternate;filter:saturate(1.1)}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(7,17,29,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,29,.06) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 85%);mask-image:linear-gradient(180deg,#000 30%,transparent 85%);pointer-events:none}
.kick{position:relative;z-index:3;display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 10px;border-radius:99px;background:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 30px -18px rgba(7,17,29,.4)}
.kick i{width:10px;height:10px;border-radius:50%;background:#3ddc97;animation:pulse 2s infinite}
.h1{position:relative;z-index:3;margin-top:34px;max-width:62%;font-size:clamp(84px,10vw,158px)}
.h1 .l{display:flex;align-items:center;gap:26px;white-space:nowrap}
.h1 .l2{padding-left:5vw}
.h1 .l3{padding-left:0}
.pillimg{display:inline-block;width:2.3em;height:.78em;border-radius:99px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 20px 40px -20px rgba(7,17,29,.6);border:4px solid #fff;flex:none}
.pillimg img{width:100%;height:100%;object-fit:cover;object-position:top}
.h1 .blue{color:var(--b)}
.badge{position:relative;flex:none;width:170px;height:170px;margin-left:10px}
.badge svg{position:absolute;inset:0;animation:spin 14s linear infinite}
.badge b{position:absolute;inset:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:34px}
.lead{position:relative;z-index:3;max-width:430px;margin:34px 0 0 5vw;font-size:19px;line-height:1.6;color:#3b4a5b}
.lead b{color:var(--ink)}
.collage{position:absolute;z-index:2;right:0;top:150px;width:42%;height:600px}
.lap{position:absolute;right:40px;top:90px;width:100%;border-radius:18px;overflow:hidden;background:#0b141f;border:10px solid #0b141f;box-shadow:0 60px 100px -40px rgba(7,17,29,.7);transform:rotate(-3deg)}
.lap img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:6px}
.ph{position:absolute;right:-30px;top:250px;width:190px;border-radius:36px;border:9px solid #0b141f;overflow:hidden;box-shadow:0 50px 80px -30px rgba(7,17,29,.8);--r:7deg;animation:fl 5s ease-in-out infinite alternate}
.ph img{aspect-ratio:9/19.3;object-fit:cover;object-position:top}
.st{position:absolute;padding:18px 22px;border-radius:22px;background:#fff;box-shadow:0 30px 60px -30px rgba(7,17,29,.55);animation:fl 6s ease-in-out infinite alternate}
.st b{display:block;font-family:var(--f-d),sans-serif;font-weight:800;font-size:54px;line-height:.9}
.st span{font-size:13px;color:#5b6a7a}
.s1{left:-70px;top:400px;--r:-7deg}
.s2{left:150px;top:500px;--r:5deg;background:var(--ink);color:#fff;animation-delay:-2s}
.s2 span{color:#9fb2c4}
.s2 b{color:var(--b)}
.s3{right:200px;top:-70px;--r:-4deg;background:var(--acc);animation-delay:-3s}
.x{position:relative;height:300px;margin-top:40px;overflow:hidden}
.band{position:absolute;left:-5%;width:110%;overflow:hidden;padding:22px 0}
.band .tr{display:flex;width:max-content;gap:44px;animation:mq 30s linear infinite}
.band span{display:flex;align-items:center;gap:44px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:56px;white-space:nowrap}
.band span::after{content:"✦";font-size:34px}
.b1{top:60px;transform:rotate(-4deg);background:var(--b);color:#fff;z-index:2}
.b2{top:110px;transform:rotate(3deg);background:var(--ink);color:#fff}
.b2 .tr{animation-name:mqr;animation-duration:36s}
.b2 span::after{color:var(--b)}
.sec{position:relative;padding-top:130px}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.h2{font-size:clamp(64px,8vw,132px)}
.ghost{position:absolute;font-size:330px;line-height:.8;pointer-events:none;-webkit-text-stroke:2px rgba(7,17,29,.12)!important;left:auto;right:4%;top:60px}
.svc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:70px;align-items:start}
.card{position:relative;padding:34px;border-radius:30px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5);display:flex;flex-direction:column;min-height:300px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.card .n{font-family:var(--f-d),sans-serif;font-weight:800;font-size:22px;color:var(--b)}
.card h3{margin-top:auto;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:46px;line-height:.9}
.card p{margin-top:12px;font-size:16px;line-height:1.55;color:#5b6a7a}
.card .ar{position:absolute;right:26px;top:26px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#eef2f6;font-size:20px}
.cA{grid-column:1/span 5;min-height:420px;background:var(--ink);color:#fff}
.cA p{color:#9fb2c4}
.cA .ar{background:var(--b);color:#fff}
.cA .mini{position:absolute;border-radius:14px;overflow:hidden;border:6px solid #fff;transform:rotate(8deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);top:30px;bottom:auto;right:-26px;width:210px}
.cA .mini img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.cB{grid-column:6/span 4;margin-top:90px}
.cC{grid-column:10/span 3;margin-top:-30px;background:var(--b);color:#fff;transform:rotate(1.2deg)}
.cC p{color:#dff3fc}
.cC .n{color:#fff}
.cC .ar{background:#fff}
.cC .price{font-family:var(--f-d),sans-serif;font-weight:800;font-size:64px;line-height:.9;margin-top:22px}
.cD{grid-column:2/span 4;margin-top:-40px;transform:rotate(-1deg)}
.cE{grid-column:6/span 3;margin-top:20px;background:var(--acc)}
.cF{grid-column:9/span 4;margin-top:-60px}
.tagline{display:inline-block;margin-top:14px;padding:6px 12px;border-radius:99px;background:rgba(7,17,29,.06);font-size:13px;font-weight:700}
.dark{position:relative;margin-top:150px;padding:170px 0 160px;background:var(--ink);color:#fff;clip-path:polygon(0 6%,100% 0,100% 94%,0 100%)}
.bigbg{position:absolute;left:0;top:120px;width:100%;overflow:hidden;opacity:.9}
.bigbg .tr{display:flex;width:max-content;animation:mq 50s linear infinite}
.bigbg span{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:300px;line-height:.8;padding-right:60px;white-space:nowrap}
.proj{position:relative;height:1040px;margin-top:20px}
.pj{position:absolute;display:block}
.pj .im{border-radius:26px;overflow:hidden;box-shadow:0 60px 100px -40px rgba(0,0,0,.9);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.pj img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:top}
.pj .cap{position:absolute;display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:99px;background:#fff;color:var(--ink);font-weight:700;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.pj .cap small{font-weight:500;color:#5b6a7a}
.pj .cap i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--b);color:#fff;font-style:normal}
.p1{left:0;top:110px;width:58%;transform:rotate(-1.5deg)}
.p1 .cap{left:30px;bottom:-24px}
.p2{right:-80px;top:0;width:44%;transform:rotate(2deg)}
.p2 .cap{right:120px;bottom:-22px}
.p3{right:60px;top:560px;width:40%;transform:rotate(-2deg)}
.p3 .cap{left:-40px;top:30px}
.p4{left:90px;top:640px;width:34%;transform:rotate(2.5deg)}
.p4 .cap{right:-60px;bottom:30px}
.allp{position:absolute;left:44%;top:540px;display:grid;place-items:center;width:190px;height:190px;border-radius:50%;background:var(--b);color:#fff;font-weight:800;font-size:18px;text-align:center;line-height:1.2;box-shadow:0 30px 60px -20px rgba(22,158,218,.8)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-40px;position:relative;z-index:3}
.sx{padding:30px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -40px rgba(7,17,29,.5);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.sx:nth-child(2){transform:translateY(40px)}
.sx:nth-child(4){transform:translateY(20px)}
.sx b{display:block;font-family:var(--f-d),sans-serif;font-weight:800;font-size:92px;line-height:.85}
.sx span{font-size:15px;color:#5b6a7a}
.proc{position:relative;height:560px;margin-top:40px}
.proc svg{position:absolute;inset:0;width:100%;height:100%}
.stp{position:absolute;width:260px}
.stp b{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--f-d),sans-serif;font-size:32px;box-shadow:0 0 0 10px var(--paper)}
.stp h3{margin-top:18px;font-size:24px;font-weight:800}
.stp p{margin-top:6px;font-size:15px;line-height:1.55;color:#5b6a7a}
.t1{left:0;top:250px}
.t2{left:26%;top:40px}
.t3{left:53%;top:300px}
.t4{right:0;top:60px}
.t2 b{background:var(--b)}
.t4 b{background:var(--b)}
.qt{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:120px}
.bubble{position:relative;padding:60px;border-radius:40px 40px 40px 6px;background:#fff;box-shadow:0 40px 80px -50px rgba(7,17,29,.6);transform:rotate(-1.2deg)}
.bubble .q{position:absolute;left:40px;top:-70px;font-family:var(--f-d),sans-serif;font-size:220px;line-height:1;color:var(--b)}
.bubble p{font-size:34px;line-height:1.3;font-weight:600}
.bubble span{display:block;margin-top:24px;font-size:15px;color:#5b6a7a}
.bub2{padding:40px;border-radius:40px 40px 6px 40px;background:var(--ink);color:#fff;transform:rotate(1.5deg) translateY(60px)}
.bub2 p{font-size:22px;line-height:1.45}
.bub2 span{display:block;margin-top:18px;font-size:14px;color:#9fb2c4}
.cta{position:relative;padding:120px 0 0;background:var(--b);color:#fff;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%);overflow:hidden;margin-top:150px}
.cta .tr{display:flex;width:max-content;animation:mq 22s linear infinite}
.cta .tr span{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:240px;line-height:.85;padding-right:70px;white-space:nowrap}
.cta .tr span:nth-child(even){color:transparent;-webkit-text-stroke:3px rgba(255,255,255,.7)}
.ctarow{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:60px 0 80px;padding-bottom:110px}
.ctarow p{font-size:22px;max-width:460px;line-height:1.5}
.round{position:relative;display:grid;place-items:center;width:220px;height:220px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:20px;text-align:center;line-height:1.2;flex:none}
.round svg{position:absolute;inset:-26px;width:272px;height:272px;animation:spin 18s linear infinite}
.ft{display:flex;justify-content:space-between;gap:20px;padding:30px 0 34px;border-top:1px solid rgba(255,255,255,.25);font-size:14px;color:#e2f3fb}
.post{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:block;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5)}
.plan{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative;padding:40px;border-radius:32px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5)}
.card:hover{transform:translateY(-8px) rotate(0)}
.cA h3{padding-right:0;font-size:44px}
.si img.peek{position:absolute;right:-24px;top:40px;width:46%;border-radius:12px;border:5px solid #fff;transform:rotate(6deg);box-shadow:0 30px 50px -25px rgba(0,0,0,.6)}
.s1c h3{max-width:56%}
.s1c p{max-width:56%}
.s7c h3{max-width:56%}
.s7c p{max-width:56%}
.pr-hero{overflow:visible;position:relative;z-index:2;padding:20px 0 0;background:var(--ink);color:#fff}
.nav .links a.on{background:var(--ink);color:#fff}
.ftr{position:relative;background:var(--ink);color:#9fb2c4;padding:90px 0 30px}
.ftr .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.ftr .logo{color:#fff}
.ftr p{margin-top:16px;line-height:1.65;font-size:15px}
.ftr h4{margin:0 0 16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.ftr .col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.ftr .bot{display:flex;justify-content:space-between;margin-top:70px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.ftr .huge{margin-top:70px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(120px,17vw,270px);line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.14);white-space:nowrap}
.ph-hero{position:relative;overflow:hidden;padding:10px 0 90px}
.ph-hero .blob{width:560px;height:560px;right:-160px;top:-140px}
.crumb{position:relative;z-index:3;margin-top:24px;font-size:14px;color:#5b6a7a}
.crumb b{color:var(--ink)}
.ph-h1{position:relative;z-index:3;margin-top:30px;font-size:clamp(80px,10vw,160px)}
.ph-h1 .l{display:block}
.ph-h1 .i{padding-left:6vw}
.ph-lead{position:relative;z-index:3;max-width:520px;margin-top:30px;font-size:19px;line-height:1.6;color:#3b4a5b}
.ph-side{position:absolute;z-index:3;right:48px;bottom:90px}
.hero-badge{position:relative;width:190px;height:190px}
.hero-badge svg{position:absolute;inset:0;animation:spin 16s linear infinite}
.hero-badge b{position:absolute;inset:42px;display:grid;place-items:center;border-radius:50%;background:var(--b);color:#fff;font-size:34px}
.one{position:relative;height:150px;margin-top:-30px;overflow:hidden}
.one .band{top:40px}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.pills a{padding:12px 20px;border-radius:99px;background:#fff;font-weight:600;font-size:15px;box-shadow:0 10px 24px -18px rgba(7,17,29,.4)}
.pills a.on{background:var(--ink);color:#fff}
.slist{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-top:60px}
.si{position:relative;display:flex;flex-direction:column;min-height:360px;padding:36px;border-radius:32px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5)}
.si .n{font-family:var(--f-d),sans-serif;font-weight:800;font-size:120px;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(7,17,29,.12)}
.si h3{margin-top:auto;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:52px;line-height:.9}
.si p{margin-top:12px;font-size:16px;line-height:1.6;color:#5b6a7a}
.si .ft2{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(7,17,29,.08);font-weight:700}
.si .ft2 i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#eef2f6;font-style:normal}
.si.dk{background:var(--ink);color:#fff}
.si.dk p{color:#9fb2c4}
.si.dk .n{-webkit-text-stroke-color:rgba(255,255,255,.18)}
.si.dk .ft2{border-color:rgba(255,255,255,.12)}
.si.dk i{background:var(--b)}
.si.bl{background:var(--b);color:#fff}
.si.bl p{color:#dff3fc}
.si.bl .n{-webkit-text-stroke-color:rgba(255,255,255,.35)}
.si.bl .ft2{border-color:rgba(255,255,255,.25)}
.si.bl i{background:#fff;color:var(--ink)}
.si.yl{background:var(--acc)}
.si.yl p{color:#5a4a00}
.s1c{grid-column:span 7}
.s2c{grid-column:span 5;margin-top:60px}
.s3c{grid-column:span 4;margin-top:-40px}
.s4c{grid-column:span 4}
.s5c{grid-column:span 4;margin-top:50px}
.s6c{grid-column:2/span 6;margin-top:-20px}
.s7c{grid-column:span 5;margin-top:30px}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:60px}
.fe{padding:32px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5)}
.fe:nth-child(3n+2){transform:translateY(40px)}
.fe .ic{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--ink);color:#4fc0ef;font-weight:800;font-size:20px}
.fe h3{margin-top:26px;font-size:24px;font-weight:800}
.fe p{margin-top:8px;font-size:15px;line-height:1.6;color:#5b6a7a}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:70px;align-items:center}
.plan h3{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:40px}
.plan .pp{margin-top:14px;font-family:var(--f-d),sans-serif;font-weight:800;font-size:96px;line-height:.85}
.plan .pp small{font-family:var(--f-b),sans-serif;font-size:16px;font-weight:600;opacity:.7}
.plan .nt{margin-top:10px;font-size:14px;font-weight:700;color:var(--b)}
.plan ul{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px;font-size:15px}
.plan li::before{content:"✓";margin-right:10px;color:var(--b);font-weight:800}
.plan .go{display:flex;justify-content:center;padding:16px;border-radius:99px;border:1.5px solid rgba(7,17,29,.15);font-weight:700}
.plan.hot{background:var(--ink);color:#fff;transform:rotate(-1.5deg) scale(1.05);z-index:2;box-shadow:0 50px 90px -40px rgba(7,17,29,.8)}
.plan.hot .go{background:var(--b);border-color:var(--b);color:#fff}
.plan .tag{position:absolute;top:-20px;right:30px;padding:10px 16px;border-radius:99px;background:var(--acc);color:var(--ink);font-weight:800;font-size:13px;transform:rotate(4deg)}
.faqform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:start;margin-top:60px}
.fq{padding:24px 28px;border-radius:22px;background:#fff;margin-bottom:12px;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:17px}
.fq i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#eef2f6;font-style:normal;color:var(--b)}
.fq.open{display:block;background:var(--ink);color:#fff}
.fq.open span{display:flex;justify-content:space-between}
.fq.open p{margin-top:14px;font-weight:400;font-size:16px;line-height:1.6;color:#9fb2c4}
.form{position:relative;padding:44px;border-radius:34px;background:var(--b);color:#fff;transform:rotate(1deg);box-shadow:0 50px 90px -40px rgba(22,158,218,.7)}
.form h3{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:54px;line-height:.9}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.form .in{height:58px;padding:0 18px;border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;color:#e2f3fb;font-size:15px}
.form .ta{height:120px;align-items:flex-start;padding-top:18px}
.form .send{display:flex;justify-content:space-between;align-items:center;margin-top:18px;height:64px;padding:0 8px 0 26px;border-radius:99px;background:var(--ink);font-weight:800}
.form .send b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--ink)}
.form .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.form .chips span{padding:9px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.4);font-size:14px;font-weight:600}
.form .chips span.on{background:#fff;color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;margin-top:60px}
.pc{position:relative;display:block}
.pc .im{overflow:hidden;border-radius:28px;background:#0b141f;box-shadow:0 40px 70px -45px rgba(7,17,29,.7)}
.pc img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:top}
.pc .ph-t{display:grid;place-items:center;aspect-ratio:16/11;background:radial-gradient(circle at 30% 30%,#4fc0ef,var(--b) 45%,#0a6a9b);font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:84px;color:#fff}
.pc .cap{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px}
.pc h3{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:48px;line-height:.9}
.pc span{font-size:14px;color:#5b6a7a}
.pc .stk{position:absolute;top:20px;left:20px;padding:8px 14px;border-radius:99px;background:#fff;font-size:13px;font-weight:700;transform:rotate(-3deg)}
.q1{grid-column:span 7}
.q2{grid-column:span 5;margin-top:120px}
.q3{grid-column:span 5;margin-top:30px}
.q4{grid-column:span 7;margin-top:30px}
.q5{grid-column:2/span 5}
.q6{grid-column:span 5;margin-top:90px}
.pr-hero .nav .logo{color:#fff}
.pr-hero .links{background:rgba(255,255,255,.08);box-shadow:none}
.pr-hero .links a{color:#c4d4e1}
.pr-hero .links a.on{background:#fff;color:var(--ink)}
.pr-hero .crumb{color:#8fa5b8}
.pr-hero .crumb b{color:#fff}
.pr-title{margin-top:30px;font-size:clamp(110px,15vw,240px)}
.pr-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.pr-facts span{padding:12px 18px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:15px}
.pr-facts b{color:#4fc0ef}
.pr-shot{position:relative;margin:70px auto -230px;max-width:1160px;z-index:2}
.pr-shot .bw{border-radius:20px;overflow:hidden;border:12px solid #1a2532;transform:rotate(-1.5deg);box-shadow:0 70px 120px -40px rgba(0,0,0,.9)}
.pr-shot .bw img{width:100%;aspect-ratio:16/9.6;object-fit:cover;object-position:top}
.pr-shot .mob{position:absolute;right:-40px;bottom:-60px;width:220px;border-radius:36px;border:9px solid #1a2532;overflow:hidden;transform:rotate(6deg);box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.pr-shot .mob img{aspect-ratio:9/19;object-fit:cover;object-position:top left}
.pr-shot .st{left:-50px;top:60px;--r:-6deg;color:var(--ink)}
.after{padding-top:300px}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:60px}
.tri div{padding:34px;border-radius:28px;background:#fff}
.tri div:nth-child(2){background:var(--ink);color:#fff;transform:translateY(40px)}
.tri div:nth-child(2) p{color:#9fb2c4}
.tri h3{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:40px}
.tri p{margin-top:12px;font-size:16px;line-height:1.65;color:#5b6a7a}
.next{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:130px;padding:50px 56px;border-radius:36px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5)}
.next small{font-size:14px;color:#5b6a7a}
.next h3{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:96px;line-height:.85}
.next img{width:340px;border-radius:16px;transform:rotate(4deg);box-shadow:0 30px 60px -30px rgba(7,17,29,.6)}
.feat-post{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;margin-top:60px;border-radius:36px;overflow:hidden;background:var(--ink);color:#fff;box-shadow:0 50px 90px -50px rgba(7,17,29,.8)}
.feat-post img{width:100%;height:100%;object-fit:cover}
.feat-post .tx{padding:56px;display:flex;flex-direction:column;min-height:420px}
.feat-post h3{margin-top:18px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:64px;line-height:.9}
.feat-post p{margin-top:18px;font-size:17px;line-height:1.6;color:#9fb2c4}
.meta{display:flex;gap:10px;font-size:13px;font-weight:700}
.meta span{padding:7px 12px;border-radius:99px;background:rgba(127,140,155,.16)}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.post:nth-child(2){transform:translateY(50px)}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post .tx{padding:26px 28px 30px}
.post h3{margin-top:14px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:34px;line-height:.92}
.post p{margin-top:10px;font-size:15px;line-height:1.6;color:#5b6a7a}
.news{margin-top:120px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:50px 56px;border-radius:36px;background:var(--acc);transform:rotate(-1deg)}
.news h3{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:60px;line-height:.9}
.news .fld{display:flex;gap:10px}
.news .fld span{width:320px;height:60px;padding:0 20px;display:flex;align-items:center;border-radius:99px;background:#fff;color:#8a96a3}
.news .fld b{display:grid;place-items:center;height:60px;padding:0 26px;border-radius:99px;background:var(--ink);color:#fff}
.art-h1{margin-top:30px;max-width:1100px;font-size:clamp(64px,7vw,110px);position:relative;z-index:3}
.cover{position:relative;margin-top:60px;border-radius:34px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 50px 90px -50px rgba(7,17,29,.8)}
.cover img{width:100%;aspect-ratio:21/9;object-fit:cover}
.artgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px;margin-top:80px;align-items:start}
.prose{font-size:19px;line-height:1.8;color:#2c3a49}
.prose h2{margin:46px 0 14px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:48px;line-height:.95;color:var(--ink)}
.prose p{margin:0 0 18px}
.prose ul{padding-left:22px;margin:0 0 18px}
.prose li{margin-bottom:8px}
.prose .call{margin:34px 0;padding:30px 34px;border-radius:26px;background:var(--b);color:#fff;font-size:21px;font-weight:600;line-height:1.5;transform:rotate(-1deg)}
.side{position:sticky;top:30px;display:grid;gap:16px}
.toc{padding:28px;border-radius:26px;background:#fff}
.toc h4{margin:0 0 14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#5b6a7a}
.toc a{display:block;padding:10px 0;border-top:1px solid rgba(7,17,29,.08);font-weight:600;font-size:15px}
.toc a.on{color:var(--b)}
.sidecta{padding:30px;border-radius:26px;background:var(--ink);color:#fff;transform:rotate(1.5deg)}
.sidecta h4{margin:0;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:38px;line-height:.9}
.sidecta p{margin-top:10px;font-size:15px;color:#9fb2c4}
.sidecta a{display:block;margin-top:18px;padding:14px;border-radius:99px;background:var(--b);text-align:center;font-weight:700}
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:start;margin-top:30px}
.stickers{position:relative;height:560px}
.sk{position:absolute;padding:28px 30px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -35px rgba(7,17,29,.6);animation:fl 6s ease-in-out infinite alternate}
.sk small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5b6a7a}
.sk b{display:block;margin-top:8px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:44px;line-height:.95}
.k1{left:0;top:10px;--r:-4deg}
.k2{right:0;top:150px;--r:3deg;background:var(--ink);color:#fff;animation-delay:-2s}
.k2 small{color:#9fb2c4}
.k3{left:30px;top:310px;--r:2deg;background:var(--acc);animation-delay:-3s}
.k4{right:40px;top:430px;--r:-3deg;background:var(--b);color:#fff;animation-delay:-1s}
.k4 small{color:#dff3fc}
.t-blue{color:var(--b)}
.t-ink{color:var(--ink)}
.t-soft{color:#9fb2c4}
.t-pale{color:#dff3fc}
.t-sky{color:#4fc0ef}
.t-brown{color:#5a4a00}
.bg-ink{background:var(--ink);color:#fff}
.bg-blue{background:var(--b);color:#fff}
.glass-tag{background:rgba(255,255,255,.1)}
.intro{max-width:380px;font-size:18px;line-height:1.6;color:#3b4a5b}
.pt-60{padding-top:60px}
.pt-80{padding-top:80px}
.mt-n30{margin-top:-30px}
.no-mt{margin-top:0}
.btn{display:inline-flex;align-items:center;gap:12px;height:58px;padding:0 6px 0 24px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;font-size:16px;white-space:nowrap}
.btn:hover{color:#fff}
.btn-i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--b);color:#fff;transition:transform .3s}
.btn:hover .btn-i{transform:translateX(4px)}
.btn-w{background:#fff;color:var(--ink)}
.btn-w:hover{color:var(--ink)}
.acts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:34px;position:relative;z-index:3}
.link-u{font-weight:700;text-decoration:underline;text-underline-offset:6px;color:var(--ink)}
.hdr{position:sticky;top:calc(var(--wp-admin--admin-bar--height, 0px) + 0px);z-index:60;background:rgba(242,244,247,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,17,29,.06)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:88px}
.nav-a{padding:10px 16px;border-radius:99px;color:#3b4a5b;font-weight:600;font-size:14px;transition:background-color .25s,color .25s}
.nav-a:hover{color:var(--ink);background:#eef2f6}
.nav-a.is-active{background:var(--ink);color:#fff}
.nav-portal{display:none}
.burger:hover{color:#fff}
.svc-hero{min-height:820px}
.blobwrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.crumb-a{color:#5b6a7a}
.crumb-a:hover{color:var(--ink)}
.h-fit{font-size:clamp(64px,6.6vw,112px);max-width:58%}
.h-fit .l{white-space:normal}
.plan li{display:flex;gap:10px;align-items:flex-start}
.faq-h{font-size:96px;margin-bottom:40px}
.stp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:50px}
.stp-grid .stp{position:relative;width:auto}
.prose-box{padding:64px;border-radius:34px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5)}
.form-slot{margin-top:22px;--bde-form-input-background-color:rgba(255,255,255,.16);--bde-form-input-focused-background-color:rgba(255,255,255,.24);--bde-form-input-border-color:rgba(255,255,255,.35);--bde-form-input-focused-border-color:#fff;--bde-form-input-border-radius:16px;--bde-form-input-padding-top:16px;--bde-form-input-padding-bottom:16px;--bde-form-input-padding-left:18px;--bde-form-input-padding-right:18px;--bde-form-label-color:#fff;--bde-form-label-font-weight:600;--bde-form-label-required-color:var(--acc);--bde-form-text-color:#fff;--bde-form-input-placeholder-color:rgba(255,255,255,.7);--bde-button-border-radius:99px;--bde-button-primary-background-color:#07111d;--bde-button-primary-background-color-hover:#000;--bde-button-primary-border-color:#07111d;--bde-button-primary-border-color-hover:#000;--bde-button-primary-text-color:#fff;--bde-button-primary-text-color-hover:#fff;--bde-button-font-weight:800;--bde-button-padding-base:20px 34px}
.fq-d{margin-bottom:12px;padding:24px 28px;border-radius:22px;background:#fff;transition:background-color .3s,color .3s}
.fq-d[open]{background:var(--ink);color:#fff}
.fq-q{display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:17px;cursor:pointer;list-style:none}
.fq-q::after{content:"+";display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#eef2f6;color:var(--b);font-weight:800}
.fq-a{margin-top:14px;font-size:16px;line-height:1.6;color:#9fb2c4}
.ph-t2{display:grid;place-items:center;width:100%;aspect-ratio:16/9.6;background:radial-gradient(circle at 30% 30%,#4fc0ef,var(--b) 45%,#0a6a9b);font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:140px;color:#fff}
.posts-slot{position:relative}
.pr-lead{max-width:620px;margin-top:20px;font-size:20px;line-height:1.6;color:#b6c9d8}
.pr-site{padding:12px 18px;border-radius:99px;background:var(--b);color:#fff;font-size:15px}
.pr-site:hover{color:#fff}
.tri2{grid-template-columns:repeat(2,minmax(0,1fr))}
.art-hero{padding-bottom:30px}
.art-meta{position:relative;z-index:3;margin-top:30px}
.meta .t-blue-bg{background:var(--b);color:#fff}
.feat-go{margin-top:auto;align-self:flex-start;background:#fff;color:var(--ink)}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes mqr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fl{0%{transform:translateY(0) rotate(var(--r,0deg))}100%{transform:translateY(-16px) rotate(var(--r,0deg))}}
@keyframes blob{0%{border-radius:42% 58% 63% 37%/45% 38% 62% 55%}100%{border-radius:61% 39% 35% 65%/58% 62% 38% 42%}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(61,220,151,.5)}50%{box-shadow:0 0 0 8px rgba(61,220,151,0)}}
@media (max-width: 1023px){
.w{padding:0 18px}
.links{display:none}
.navcta{display:none}
.burger{width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.nav{height:76px}
.hero{min-height:0;padding-top:20px}
.blob{width:260px!important;height:260px!important;right:-150px!important;top:-110px!important}
.h1{font-size:68px;margin-top:24px;max-width:none}
.h1 .l{gap:10px;flex-wrap:wrap}
.h1 .l2{padding-left:0}
.h1 .l3{padding-left:0}
.pillimg{width:1.8em;border-width:3px}
.badge{width:110px;height:110px}
.badge b{inset:26px;font-size:22px}
.lead{margin:24px 0 0;font-size:17px}
.collage{position:relative;top:auto;width:100%;height:400px;margin-top:30px;bottom:0}
.lap{right:auto;left:0;top:40px;width:92%}
.ph{width:120px;right:0;top:150px;border-width:6px;border-radius:24px}
.st{padding:12px 16px}
.st b{font-size:34px}
.s1{left:auto;right:10px;top:0}
.s2{left:0;top:300px}
.s3{display:none}
.x{height:200px;margin-top:20px}
.band span{font-size:34px;gap:26px}
.band span::after{font-size:22px}
.b1{top:30px}
.b2{top:76px}
.sec{padding-top:90px}
.sh{display:block}
.h2{font-size:64px}
.ghost{font-size:160px;top:40px}
.svc{grid-template-columns:1fr;gap:16px;margin-top:40px}
.svc .card{grid-column:auto!important;margin-top:0!important;min-height:0}
.card h3{font-size:36px;margin-top:40px}
.cA{min-height:360px!important}
.cA .mini{width:160px;right:-20px;bottom:auto;top:90px;display:none}
.dark{margin-top:90px;padding:110px 0 120px}
.bigbg span{font-size:150px}
.proj{height:auto;display:grid;gap:40px;margin-top:150px}
.pj{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%!important}
.pj .cap{left:16px!important;right:auto!important;top:auto!important;bottom:-20px!important}
.allp{position:relative;left:auto;top:auto;margin:20px auto 0;width:150px;height:150px;font-size:15px}
.stats{grid-template-columns:1fr 1fr;margin-top:20px}
.sx{padding:20px}
.sx b{font-size:60px}
.sx:nth-child(n){transform:none}
.proc{height:auto;display:grid;gap:26px;margin-top:30px}
.proc svg{display:none}
.stp{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;display:grid;grid-template-columns:60px 1fr;gap:4px 16px}
.stp b{width:56px;height:56px;font-size:24px;grid-row:span 2}
.stp h3{margin-top:4px}
.qt{grid-template-columns:1fr;margin-top:80px}
.bubble{padding:40px 26px}
.bubble p{font-size:24px}
.bubble .q{font-size:140px;top:-50px}
.bub2{transform:rotate(2deg)}
.cta{margin-top:110px;padding-top:80px}
.cta .tr span{font-size:120px}
.ctarow{flex-direction:column;align-items:flex-start;padding:40px 0 60px}
.ctarow p{font-size:18px}
.ft{flex-direction:column;gap:8px}
.ph-hero .blob{width:260px!important;height:260px!important;right:-150px!important;top:-110px!important}
.si img.peek{display:none}
.s1c h3{max-width:none}
.s1c p{max-width:none}
.s7c h3{max-width:none}
.s7c p{max-width:none}
.ftr{padding-top:60px}
.ftr .top{grid-template-columns:1fr 1fr}
.ftr .top>div:first-child{grid-column:span 2}
.ftr .bot{flex-direction:column;gap:8px}
.ftr .huge{font-size:96px;margin-top:40px}
.ph-hero{padding-bottom:60px}
.ph-h1{font-size:64px}
.ph-h1 .i{padding-left:0}
.ph-lead{font-size:17px}
.ph-side{position:relative;right:auto;bottom:auto;margin-top:30px}
.hero-badge{width:130px;height:130px}
.hero-badge b{inset:30px;font-size:24px}
.one{height:110px;margin-top:0}
.one .band{top:24px}
.slist{grid-template-columns:1fr;gap:18px}
.pgrid{grid-template-columns:1fr;gap:18px}
.slist>*{grid-column:auto!important;margin-top:0!important}
.pgrid>*{grid-column:auto!important;margin-top:0!important}
.si{min-height:0;padding:28px}
.si h3{font-size:40px;margin-top:30px}
.si .n{font-size:80px}
.feat{grid-template-columns:1fr}
.plans{grid-template-columns:1fr}
.tri{grid-template-columns:1fr}
.posts{grid-template-columns:1fr}
.fe:nth-child(n){transform:none}
.tri div:nth-child(2){transform:none}
.post:nth-child(2){transform:none}
.plan.hot{transform:none}
.plan .pp{font-size:72px}
.faqform{grid-template-columns:1fr;gap:40px}
.ct-grid{grid-template-columns:1fr;gap:40px}
.artgrid{grid-template-columns:1fr;gap:40px}
.form{padding:28px;transform:none}
.form h3{font-size:40px}
.form .row{grid-template-columns:1fr}
.pc h3{font-size:36px}
.pr-title{font-size:96px}
.pr-shot{margin:40px 0 -120px}
.pr-shot .bw{border-width:6px}
.pr-shot .mob{width:110px;right:-6px;bottom:-40px;border-width:5px;border-radius:20px}
.pr-shot .st{display:none}
.after{padding-top:170px}
.next{flex-direction:column;align-items:flex-start;padding:30px}
.next h3{font-size:60px}
.next img{width:100%}
.feat-post{grid-template-columns:1fr}
.feat-post .tx{padding:28px}
.feat-post h3{font-size:42px}
.news{grid-template-columns:1fr;padding:30px}
.news h3{font-size:42px}
.news .fld{flex-direction:column}
.news .fld span{width:100%}
.art-h1{font-size:52px}
.cover img{aspect-ratio:16/10}
.prose{font-size:17px}
.prose h2{font-size:36px}
.side{position:static}
.stickers{height:auto;display:grid;gap:14px}
.sk{position:relative;left:auto!important;right:auto!important;top:auto!important}
.sk b{font-size:34px}
.hdr-in{position:relative;height:76px}
.hdr.is-open .links{position:absolute;z-index:70;top:76px;left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:24px;background:#fff;box-shadow:0 30px 60px -20px rgba(7,17,29,.4)}
.hdr.is-open .nav-a{padding:14px 16px;font-size:18px}
.hdr.is-open .nav-portal{display:block;color:var(--b)}
.stp-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 767px){
.tri2{grid-template-columns:minmax(0,1fr)}
.pr-lead{font-size:17px}
.faq-h{font-size:56px}
.h-fit{font-size:58px;max-width:none}
.prose-box{padding:26px}
.ph-t2{font-size:64px}
}
/* ===== MadWeb Builder – допълнения ===== */
body.mwb-canvas{margin:0;background:var(--paper)}
.mw{min-height:100vh}
:where(.mw) *,:where(.mw) *::before,:where(.mw) *::after{box-sizing:border-box}
:where(.mw) :where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote){margin-top:0;margin-bottom:0}
:where(.mw) :where(h1,h2,h3,h4,h5,h6){color:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}
:where(.mw) :where(h3){font-weight:700}
:where(.mw) a{color:inherit}
:where(.mw) img{height:auto}
.logo-mark{width:20px;height:31px;flex:none}
.logo img{max-height:60px;object-fit:contain}
.ft-a{color:#9fb2c4;transition:color .25s}.ft-a:hover{color:#fff}
.ft-logo,.ft-logo:hover{color:#fff}.ft-p{margin:0}
.proc-line{color:var(--b)}
main#mwb-main{display:block}

/* отстояния и видимост на секциите */
.mwb-pad-sm>.sec,.mwb-pad-sm>section,.mwb-pad-sm>.after{padding-top:50px!important}
.mwb-pad-none>*{padding-top:0!important;margin-top:0!important}
@media (max-width:767px){.mwb-hide-mobile{display:none!important}}
@media (min-width:768px){.mwb-hide-desktop{display:none!important}}
.mwb-qt .qt{margin-top:50px}
.mwb-s--testimonials .sec:not(:has(h2)){padding-top:40px}
.mwb-s--cta:last-child .cta{margin-bottom:0}
.mwb-contact{padding-bottom:110px}
.mwb-text .prose-box{max-width:980px;margin:0 auto}
.mwb-text .prose:not(.prose-box .prose){max-width:860px}
.mwb-html .w>:first-child{margin-top:0}

/* снимка + текст */
.mwb-split-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.mwb-split.is-rev .mwb-split-im{order:2}
.mwb-split-im{position:relative}
.mwb-split-im img{width:100%;aspect-ratio:4/3.2;object-fit:cover;border-radius:34px;border:8px solid #fff;box-shadow:0 50px 90px -45px rgba(7,17,29,.7);transform:rotate(-2deg)}
.mwb-split.is-rev .mwb-split-im img{transform:rotate(2deg)}
.mwb-split-tx .h2{margin-top:22px;font-size:clamp(56px,6.4vw,104px)}
.mwb-split-p{margin-top:24px;font-size:19px;line-height:1.7;color:#3b4a5b}
.mwb-split.is-dark{background:var(--ink);color:#fff;padding-bottom:130px;margin-top:130px;clip-path:polygon(0 4%,100% 0,100% 100%,0 96%)}
.mwb-split.is-dark .mwb-split-p{color:#9fb2c4}.mwb-split.is-dark .out{-webkit-text-stroke-color:#fff}.mwb-split.is-dark .kick{background:rgba(255,255,255,.08);color:#fff}
@media (max-width:1023px){.mwb-split-in{grid-template-columns:1fr;gap:40px}.mwb-split.is-rev .mwb-split-im{order:0}}

/* форма */
.mwb-form{margin-top:22px}
.mwb-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.mwb-form .row.one-col{grid-template-columns:1fr}
.mwb-in{display:block;position:relative}
.mwb-in span{position:absolute;left:18px;top:9px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75);pointer-events:none}
.mwb-in input,.mwb-in textarea{display:block;width:100%;padding:28px 18px 12px;border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;font:inherit;font-size:16px;outline:none;transition:background-color .25s,border-color .25s;resize:vertical}
.mwb-in input{height:62px}
.mwb-in input:focus,.mwb-in textarea:focus{background:rgba(255,255,255,.24);border-color:#fff}
.mwb-chips{display:flex;flex-wrap:wrap;gap:8px}
.mwb-chip{cursor:pointer}
.mwb-chip input{position:absolute;opacity:0;pointer-events:none}
.mwb-chip span{display:inline-block;padding:9px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.4);font-size:14px;font-weight:600;transition:background-color .2s,color .2s}
.mwb-chip input:checked+span{background:#fff;color:var(--ink)}
.mwb-chip input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.mwb-consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;line-height:1.45;color:#dff3fc;cursor:pointer}
.mwb-consent input{margin-top:2px;width:18px;height:18px;accent-color:var(--ink);flex:none}
.mwb-form .send{width:100%;border:0;color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;transition:transform .25s}
.mwb-form .send:hover{transform:translateY(-2px)}
.mwb-form.is-busy .send{opacity:.6;pointer-events:none}
.mwb-msg{margin:12px 0 0;font-weight:600;min-height:1em}
.mwb-msg.err{color:#ffe08a}
.mwb-done{padding:30px 0 10px;font-size:20px;font-weight:700;line-height:1.5}
.mwb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* анимации при скрол */
.mwb-js [data-anim]{opacity:0;translate:0 40px;transition:opacity .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms),translate .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.mwb-js [data-anim="fade"]{translate:none}
.mwb-js [data-anim].is-in{opacity:1;translate:none}
@media (prefers-reduced-motion:reduce){.mwb-js [data-anim]{opacity:1;translate:none;transition:none}.mw *{animation-duration:0s!important}}
.mwb-editing [data-anim]{opacity:1!important;translate:none!important;transition:none!important}

/* мобилно меню */
.hdr.is-open .burger{background:var(--b)}
@media (max-width:1023px){.burger{display:grid}}
.cC .ar{color:var(--ink)}
.card .tagline{align-self:flex-start}
.sx.bg-blue span{color:#dff3fc}.sx.bg-ink span{color:#9fb2c4}
.s8c{grid-column:span 6;margin-top:30px}
@media (min-width:1024px) and (max-width:1320px){.card h3{font-size:36px}.si h3{font-size:38px}}
.mwb-pag{margin-top:50px}.mwb-pag ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.mwb-pag a,.mwb-pag span{display:grid;place-items:center;min-width:48px;height:48px;padding:0 14px;border-radius:99px;background:#fff;font-weight:700}
.mwb-pag .current{background:var(--ink);color:#fff}
/* единична лента: височина според ъгъла, за да не се реже на широк екран */
.one{height:calc(130px + 8vw);margin-top:0}
.one .band{top:50%;translate:0 -50%}
@media (max-width:767px){.one{height:calc(96px + 8vw)}.one .band{top:50%}}

/* 1.1 – SEO секции */
.h1-kw{display:block;margin:26px 0 22px;font-family:var(--f-b),sans-serif;font-weight:700;font-size:19px;line-height:1.35;letter-spacing:0;text-transform:none;color:#3b4a5b;max-width:560px}
.clients{padding:34px 0 0}
.clients .w{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.clients-l{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5b6a7a}
.clients-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px}
.cl-i{font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:30px;color:#9aa9b8;letter-spacing:.01em;transition:color .25s}
a.cl-i:hover{color:var(--ink)}
.cl-i img{height:34px;width:auto;filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s}
.cl-i:hover img{filter:none;opacity:1}
.why-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:50px}
.why-c{padding:30px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5)}
.why-c:nth-child(3n+2){transform:translateY(30px)}
.why-c:nth-child(2){background:var(--ink);color:#fff}.why-c:nth-child(2) p{color:#9fb2c4}
.why-c:nth-child(6){background:var(--b);color:#fff}.why-c:nth-child(6) p{color:#dff3fc}.why-c:nth-child(6) b{color:#fff}
.why-c b{font-family:var(--f-d),sans-serif;font-weight:800;font-size:22px;color:var(--b)}
.why-c h3{margin-top:18px;font-size:22px;font-weight:800;line-height:1.2}
.why-c p{margin-top:10px;font-size:15.5px;line-height:1.6;color:#5b6a7a}
.seo-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;align-items:start}
.seo-h{font-size:clamp(48px,4.6vw,76px)}
.seo-p p,.seo-p li{font-size:17px;line-height:1.75;color:#2c3a49}
.seo-p p{margin-top:20px}
.seo-p b,.seo-p strong{color:var(--ink)}
.seo-p a{color:#0a6a9b;text-decoration:underline;text-underline-offset:3px}
.seo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.seo-links a{padding:10px 16px;border-radius:99px;background:#fff;font-weight:700;font-size:14px;color:var(--ink);box-shadow:0 10px 30px -20px rgba(7,17,29,.5);transition:background-color .25s,color .25s}
.seo-links a:hover{background:var(--ink);color:#fff}
.seo-f .faq-h{font-size:clamp(48px,4.6vw,76px);margin-bottom:26px}
.rel-h{font-size:clamp(48px,5vw,84px)}
.rel-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.rel-c{display:flex;flex-direction:column;padding:30px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -45px rgba(7,17,29,.5);transition:transform .35s}
.rel-c:hover{transform:translateY(-6px)}
.rel-c small{font-size:13px;font-weight:700;color:var(--b)}
.rel-c h3{margin-top:12px;font-family:var(--f-d),sans-serif;font-weight:800;text-transform:uppercase;font-size:34px;line-height:.95}
.rel-c p{margin-top:12px;font-size:15.5px;line-height:1.6;color:#5b6a7a}
.rel-go{margin-top:auto;padding-top:18px;font-weight:800;color:var(--ink)}
.mbar{display:none}
@media (max-width:1023px){
 .why-g,.rel-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .why-c:nth-child(n){transform:none}
 .seo-g{grid-template-columns:minmax(0,1fr);gap:50px}
 .proc .stp h3,.proc .stp p{grid-column:2}
 .proc .stp b{grid-column:1;grid-row:1 / span 2}
}
@media (max-width:767px){
 .h1-kw{font-size:16px;margin:20px 0 16px}
 .cl-i{font-size:22px}
 .why-g,.rel-g{grid-template-columns:minmax(0,1fr)}
 .seo-p p{font-size:16px}
 .mbar{position:fixed;z-index:80;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1fr 1.3fr;gap:8px;padding:8px;border-radius:99px;background:rgba(7,17,29,.94);backdrop-filter:blur(10px);box-shadow:0 20px 40px -15px rgba(7,17,29,.6)}
 .mbar a{display:grid;place-items:center;height:48px;border-radius:99px;font-weight:800;font-size:15px;color:#fff}
 .mbar-call{background:rgba(255,255,255,.1)}
 .mbar-go{background:var(--b)}
 body.mwb-has-mbar .ftr{padding-bottom:100px}
 .mwb-editing .mbar{display:none}
}

/* ==========================================================================
   1.2 · Pro – спокоен професионален Motion
   Принципи: една акцентна дума на заглавие, прави карти (без завъртания),
   един син кръг на екран, еднакви радиуси (24px) и сенки, ясни бутони.
   ========================================================================== */
.mw{--bd:#0b7fb3;--mut:#4f5e6e;--line:rgba(7,17,29,.09);--r:24px;--sh:0 22px 50px -34px rgba(7,17,29,.38);font-size:17px;line-height:1.55}
.mw .w{max-width:1320px;padding:0 40px}
.mw .ico{display:block;flex:none}

/* --- успокояване на по-старите секции (използват се на вътрешни страници) --- */
.mw .card,.mw .pj,.mw .p1,.mw .p2,.mw .p3,.mw .p4,.mw .bub2,.mw .plan.hot,.mw .form,.mw .pr-shot .bw,.mw .next img,.mw .cover,.mw .sidecta,.mw .mwb-split-im img,.mw .si img.peek,.mw .cA .mini,.mw .pillimg{transform:none!important}
.mw .why-c:nth-child(3n+2){transform:none}
.mw .lap{transform:none}
.mw .st,.mw .ph{animation:none}
.mw .blob{animation-duration:16s}
.mw .ghost{display:none}
.mw .h2{font-size:clamp(52px,6vw,96px)}
.mw .ph-h1{font-size:clamp(64px,8vw,128px)}
.mw .plan.hot{scale:1}
.mw .fe,.mw .si,.mw .plan,.mw .rel-c,.mw .why-c,.mw .post,.mw .pc,.mw .sk{border-radius:var(--r)}
.mw .prose-box{border-radius:28px}
.mw .band span{font-size:44px}
.mw .b1,.mw .b2{transform:none}
.mw .x{height:auto;display:grid}
.mw .x .band{position:relative;top:auto}

/* --- хедър --- */
.mw .hdr{background:rgba(242,244,247,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.mw .hdr-in{height:84px;gap:28px;justify-content:flex-start}
.mw .hdr .logo{flex:none}
.mw .links{margin-right:auto;background:none;box-shadow:none;padding:0;gap:2px}
.mw .nav-a{font-size:15px;color:#2c3a49}
.mw .nav-a.is-active{background:none;color:var(--ink);box-shadow:inset 0 -2px 0 var(--b);border-radius:0;padding-inline:4px;margin-inline:12px}
.mw .nav-portal{display:none}
.hdr-r{display:flex;align-items:center;gap:20px;margin-left:auto}
.hdr-ph{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink)}
.hdr-ph .ico{color:var(--b)}
.hdr-login{font-weight:600;font-size:15px;color:#2c3a49}
.hdr-login:hover,.hdr-ph:hover{color:var(--bd)}
.mw .navcta{height:50px;padding:0 6px 0 22px}
.mw .navcta b{width:38px;height:38px}
.mw .burger{place-items:center}
.mw .burger path{transition:transform .25s;transform-origin:center}
.mw .hdr.is-open .burger .b1{transform:translateY(4px) rotate(45deg)}
.mw .hdr.is-open .burger .b2{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:1280px){.hdr-ph span{display:none}.hdr-login{display:none}}
@media (max-width:1023px){.mw .hdr-in{height:72px}.mw .navcta{display:none}.mw .hdr.is-open .nav-a.is-active{box-shadow:none;margin:0;padding-inline:16px;background:#eef4f8}.mw .hdr.is-open .nav-portal{display:block}.hdr-ph{width:48px;height:48px;justify-content:center;border-radius:50%;background:#fff}}

/* --- общи елементи --- */
.xsec{position:relative;padding-top:120px}
.mwb-pad-sm .xsec{padding-top:56px}
.mwb-pad-none .xsec{padding-top:0}
.xdark,.xlead{margin-top:120px;padding-bottom:120px;overflow:hidden}
.mwb-pad-none .xdark,.mwb-pad-none .xlead{margin-top:0;padding-top:120px}
.mwb-pad-sm .xdark,.mwb-pad-sm .xlead{margin-top:56px;padding-top:120px}
.xdark{background:var(--ink);color:#fff}
.xgrid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(7,17,29,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,29,.045) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 90%);mask-image:linear-gradient(180deg,#000 20%,transparent 90%)}
.xdark .xgrid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.xblob{position:absolute;pointer-events:none;border-radius:42% 58% 63% 37%/45% 38% 62% 55%;background:radial-gradient(circle at 30% 30%,#5cc6f2,var(--b) 45%,#0a6a9b);animation:blob 16s ease-in-out infinite alternate}
.xk{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bd)}
.xk::before{content:"";width:28px;height:2px;background:var(--b)}
.xdark .xk,.xlead .xk{color:#8dd6f5}
.xlead .xk{color:#fff}.xlead .xk::before{background:#fff}
.xh2{margin:18px 0 0;font-size:clamp(46px,5.6vw,84px);line-height:.9}
.xh2 em,.xh2 .t-blue{font-style:normal;color:var(--b)}
.mw .xdark .out,.mw .xlead .out{-webkit-text-stroke-color:rgba(255,255,255,.9)}
.xh{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px;flex-wrap:wrap}
.xh-s{max-width:430px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.xh-p{margin:0;color:var(--mut);font-size:17px;line-height:1.6}
.xdark .xh-p{color:#b4c3d1}.xlead .xh-p{color:#e3f5fd}
.xl{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink);border-bottom:2px solid var(--b);padding-bottom:3px}
.xl:hover{color:var(--bd)}
.xb{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 7px 0 26px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;font-size:16px;transition:background-color .25s,transform .25s}
.xb:hover{background:#15283d;color:#fff}
.xb i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--b);color:#fff;transition:transform .25s}
.xb:hover i{transform:translateX(3px)}
.xb--blue{background:var(--b)}.xb--blue:hover{background:#1290c8}.xb--blue i{background:#fff;color:var(--ink)}
.xb--white{background:#fff;color:var(--ink)}.xb--white:hover{background:#eaf5fb;color:var(--ink)}.xb--white i{background:var(--ink)}
.xb--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(7,17,29,.22);padding:0 26px}
.xb--ghost:hover{background:#fff;color:var(--ink)}
.xb--sm{min-height:48px;font-size:15px;padding-left:20px}.xb--sm i{width:36px;height:36px}
.xcenter{display:flex;justify-content:center;margin-top:48px}
.xp-stars{display:inline-flex;gap:2px;color:#d9dee4}
.xp-stars .on{color:#f2a900}

/* --- хедър Pro --- */
.xhero{position:relative;padding:56px 0 0}
.xhero .crumb{margin:0 0 26px}
.xhero-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.xhero.is-novis .xhero-g{grid-template-columns:minmax(0,1fr)}
.xpill{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 12px;border-radius:99px;background:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 30px -18px rgba(7,17,29,.4)}
.xpill i{width:10px;height:10px;border-radius:50%;background:#22c27a;box-shadow:0 0 0 4px rgba(34,194,122,.18)}
.xhero-h1{margin:24px 0 0;font-weight:400}
.xhero-kw{display:block;margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.4;color:var(--mut)}
.xhero-d{display:flex;flex-direction:column;font-size:clamp(68px,8.4vw,128px);line-height:.88}
.xhero-d em{font-style:normal;color:var(--b)}
.xhero-lead{max-width:540px;margin:28px 0 0;font-size:19px;line-height:1.6;color:var(--mut)}
.xhero-lead b{color:var(--ink)}
.xacts{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.xrate{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font-size:15px;color:var(--mut)}
.xrate b{color:var(--ink)}
a.xrate:hover{color:var(--ink)}
.xvis{position:relative;height:600px}
.xvis .xblob{width:480px;height:480px;right:-40px;top:10px;opacity:.95}
.xbrowser{position:absolute;left:0;top:60px;width:92%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -30px rgba(7,17,29,.45)}
.xbar{height:38px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#eef1f5}
.xbar span{width:10px;height:10px;border-radius:50%;background:#cfd6de}
.xbar em{margin-left:12px;font-style:normal;font-size:12px;color:var(--mut);background:#fff;border-radius:99px;padding:3px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xbrowser img{display:block;width:100%;height:340px;object-fit:cover;object-position:top}
.xphone{position:absolute;right:0;top:200px;width:200px;padding:8px;border-radius:34px;background:var(--ink);box-shadow:0 40px 70px -24px rgba(7,17,29,.55)}
.xphone img{display:block;width:100%;aspect-ratio:9/19;object-fit:cover;object-position:top;border-radius:27px}
.xfl{position:absolute;display:flex;align-items:center;gap:14px;padding:14px 20px 14px 14px;border-radius:20px;background:#fff;box-shadow:0 24px 50px -26px rgba(7,17,29,.45);font-size:14px;line-height:1.3;color:var(--mut);max-width:300px}
.xfl b{display:block;font-size:15px;color:var(--ink)}
.xfl-i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e6f5fc;color:var(--bd);flex:none}
.xfl1{left:-24px;bottom:56px}
.xfl2{left:42%;top:0}
.xbadge{position:absolute;right:230px;bottom:16px;width:132px;height:132px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.xbadge svg:first-child{position:absolute;inset:0;width:100%;height:100%;color:#8dd6f5;animation:spin 18s linear infinite}
.xstats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px;border-top:1px solid var(--line)}
.xstat{padding:28px 24px 30px 0;color:var(--mut);font-size:15px}
.xstat+.xstat{padding-left:28px;border-left:1px solid var(--line)}
.xstat b{display:block;margin-bottom:4px;font-family:var(--f-d),sans-serif;font-weight:800;font-size:60px;line-height:1;color:var(--ink)}
.xstat small{font-size:30px;color:var(--b)}

/* --- услуги Pro --- */
.xsvc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.xs{position:relative;display:flex;flex-direction:column;gap:12px;min-height:290px;padding:32px;border-radius:var(--r);background:#fff;color:var(--ink);box-shadow:var(--sh);overflow:hidden;transition:transform .3s,box-shadow .3s}
.xs:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(7,17,29,.45);color:var(--ink)}
.xs-i{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#e6f5fc;color:var(--bd);margin-bottom:8px}
.xs h3{margin:0;font-size:23px;line-height:1.2;font-weight:800}
.xs p{margin:0;color:var(--mut);font-size:16px;line-height:1.55}
.xs-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-weight:700;font-size:15px}
.xs:hover .xs-more .ico{transform:translateX(3px)}
.xs-more .ico{transition:transform .25s}
.xs-price{position:absolute;right:28px;top:28px;text-align:right;line-height:1}
.xs-price b{display:block;font-family:var(--f-d),sans-serif;font-weight:800;font-size:40px}
.xs-price small{font-size:13px}
.xs--blue{background:var(--b);color:#fff}
.xs--blue:hover{color:#fff}
.xs--blue p,.xs--blue .xs-price small{color:#e3f5fd}
.xs--blue .xs-i{background:rgba(255,255,255,.2);color:#fff}
.xs--feature{grid-column:span 2;grid-row:span 2;min-height:600px;padding:44px;background:var(--ink);color:#fff}
.xs--feature:hover{color:#fff}
.xs--feature h3{font-size:clamp(44px,4.4vw,60px);line-height:.92;max-width:420px}
.xs--feature p{color:#b4c3d1;font-size:18px;max-width:420px}
.xs--feature .xs-i{background:rgba(22,158,218,.16);color:#8dd6f5}
.xs--feature .xs-more{position:relative;z-index:2}
.xs-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:440px;margin-top:6px}
.xs-chips span{padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.08);font-size:13px;font-weight:600;color:#dbe6ef}
.xs-img{position:absolute;right:-50px;bottom:-40px;width:58%;max-width:520px;border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transition:transform .4s}
.xs--feature:hover .xs-img{transform:translateY(-6px)}

/* --- проекти Pro --- */
.xwork{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}
.xwork-r{display:grid;gap:20px;grid-template-rows:1fr 1fr}
.xwork-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.xw{position:relative;display:block;min-height:300px;border-radius:26px;overflow:hidden;background:#dfe5ec;color:#fff}
.xw1{min-height:640px}
.xw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}
.xw:hover img{transform:scale(1.03)}
.xw-ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-d),sans-serif;font-weight:800;font-size:40px;text-transform:uppercase;color:#9aa9b8}
.xw-cap{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 20px;border-radius:18px;background:rgba(7,17,29,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.xw-cap b{display:block;font-size:19px;line-height:1.2}
.xw-cap small{font-size:14px;color:#b4c3d1}
.xw-cap i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--b);flex:none}
.xwork-2 .xw-cap i{display:none}

/* --- основател --- */
.xf-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}
.xf-photo{position:relative;min-height:600px;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#16293d,#0c1a29)}
.xf-photo .xblob{width:300px;height:300px;right:-80px;top:-70px;opacity:.85}
.xf-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xf-ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-d),sans-serif;font-weight:800;font-size:56px;text-transform:uppercase;color:rgba(255,255,255,.12)}
.xf-sig{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 18px 22px;border-radius:20px;background:#fff;color:var(--ink)}
.xf-sig b{display:block;font-size:19px}
.xf-sig small{font-size:14px;color:var(--mut)}
.xf-tx .xh2{margin-bottom:26px}
.xf-p p{margin:0 0 16px;color:#b4c3d1;font-size:18px;line-height:1.65;max-width:620px}
.xf-p b{color:#fff}
.xpts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0 36px}
.xpt{padding:22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.xpt .ico{color:#8dd6f5;margin-bottom:14px}
.xpt b{display:block;margin-bottom:6px;font-size:17px}
.xpt span{display:block;font-size:14px;line-height:1.5;color:#a5b6c6}

/* --- стъпки Pro --- */
.xsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.xsteps--3{grid-template-columns:repeat(3,minmax(0,1fr))}.xsteps--4{grid-template-columns:repeat(4,minmax(0,1fr))}.xsteps--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.xst{position:relative;display:flex;flex-direction:column;gap:10px;min-height:280px;padding:28px 24px;border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.xst-n{font-family:var(--f-d),sans-serif;font-weight:800;font-size:72px;line-height:.9;color:var(--b)}
.xst-n small{margin-left:4px;font-size:20px;color:#8d9aa7}
.xst-i{position:absolute;right:20px;top:26px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6f5fc;color:var(--bd)}
.xst h3{margin:auto 0 0;font-size:20px;font-weight:800;line-height:1.25}
.xst p{margin:0;font-size:15px;line-height:1.55;color:var(--mut)}
.xst.is-last{background:var(--ink);color:#fff}
.xst.is-last p{color:#b4c3d1}
.xst.is-last .xst-n{color:#8dd6f5}
.xst.is-last .xst-i{background:var(--b);color:#fff}

/* --- какво получавате --- */
.xinc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px}
.xinc.is-full{grid-template-columns:minmax(0,1fr)}
.xlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}
.xinc.is-full .xlist{grid-template-columns:repeat(3,minmax(0,1fr))}
.xli{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:20px;background:#fff;box-shadow:var(--sh)}
.xli-i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ink);color:#8dd6f5;flex:none}
.xli b{display:block;margin-bottom:4px;font-size:17px;line-height:1.25}
.xli span span{display:block;font-size:14.5px;line-height:1.5;color:var(--mut)}
.xcard{position:relative;overflow:hidden;min-height:520px;padding:44px;border-radius:28px;background:var(--b);color:#fff}
.xcard-tag{display:inline-block;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.18);font-size:13px;font-weight:700}
.xcard h3{margin:20px 0 16px;font-size:clamp(52px,5vw,72px);line-height:.9}
.xcard p{position:relative;z-index:2;max-width:320px;margin:0 0 26px;color:#e3f5fd}
.xcard .xb{position:relative;z-index:2}
.xcard-img{position:absolute;right:32px;bottom:-130px;width:240px;border-radius:30px;border:8px solid var(--ink);box-shadow:0 30px 60px -20px rgba(7,17,29,.6)}

/* --- отзиви Pro --- */
.xrev{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.xr{display:flex;flex-direction:column;gap:16px;margin:0;padding:30px;border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.xr blockquote{margin:0}
.xr blockquote p{margin:0;font-size:16.5px;line-height:1.6;color:#2c3a49}
.xr figcaption{margin-top:auto;display:flex;align-items:center;gap:12px}
.xr figcaption i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6f5fc;color:var(--bd);font-style:normal;font-weight:800;flex:none}
.xr figcaption b{display:block;font-size:15px}
.xr figcaption small{font-size:13px;color:var(--mut)}
.xr--sum{background:var(--ink);color:#fff;justify-content:center}
.xr--sum>span{font-size:15px;color:#b4c3d1}
.xr--sum>b{font-size:104px;line-height:.85}

/* --- въпроси Pro --- */
.xfaq>.xblob{width:560px;height:560px;left:-280px;top:-260px;opacity:.9}
.xfaq-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px}
.xfaq-s .xh-p{margin:22px 0 30px;max-width:400px}
.xq{border-bottom:1px solid rgba(255,255,255,.12)}
.xq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:19px;font-weight:700;cursor:pointer;list-style:none}
.xq summary::-webkit-details-marker{display:none}
.xq summary i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);flex:none;transition:transform .25s,background-color .25s}
.xq[open] summary i{transform:rotate(45deg);background:var(--b);border-color:var(--b)}
.xq summary:hover{color:#8dd6f5}
.xq p{margin:-6px 60px 24px 0;font-size:16px;line-height:1.65;color:#b4c3d1}
.xq:first-child summary{padding-top:0}

/* --- SEO текст Pro --- */
.xseo-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}
.xseo-h{position:sticky;top:120px}
.xseo-h .xh2{font-size:clamp(40px,4.4vw,64px)}
.xseo-l{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.xseo-l a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:99px;background:#fff;font-weight:700;font-size:14px;color:var(--ink);box-shadow:0 10px 30px -22px rgba(7,17,29,.5);transition:background-color .25s,color .25s}
.xseo-l a:hover{background:var(--ink);color:#fff}
.mw .xseo-t{font-size:17px;line-height:1.75}
.mw .xseo-t h3{font-size:21px;margin-top:30px}

/* --- синя секция за запитване --- */
.xlead{background:var(--b);color:#fff}
.xlead>.xblob{width:640px;height:640px;right:-220px;bottom:-300px;background:radial-gradient(circle at 30% 30%,#3fb6ea,#0f86bd 50%,#0a5f8c);opacity:.65}
.xlead-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.xlead .xh2{font-size:clamp(76px,10vw,150px);line-height:.84}
.xlead-tx .xh-p{margin:24px 0 32px;font-size:19px;max-width:480px}
.xcts{display:grid;gap:14px;margin-top:8px}
.xct{display:flex;align-items:center;gap:16px;color:#fff}
.xct:hover{color:#fff}
.xct i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);flex:none;transition:background-color .25s}
a.xct:hover i{background:var(--ink)}
.xct small{display:block;font-size:13px;color:#d4effb}
.xct b{display:block;font-size:18px}
.xlead.is-compact .xlead-g{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.xlead.is-compact .xcts{margin-top:0}
.xlead.is-compact .xlead-tx .xb{margin-bottom:30px}
/* формата в бяла карта */
.mw .xlead .form{transform:none;background:#fff;color:var(--ink);border-radius:28px;padding:40px;box-shadow:0 40px 80px -40px rgba(7,17,29,.5)}
.mw .xlead .form h3{font-family:var(--f-b),sans-serif;text-transform:none;font-size:28px;line-height:1.2;font-weight:800}
.mw .xlead .form .t-pale{color:var(--mut);margin-top:6px}
.mw .xlead .mwb-in span{color:var(--mut)}
.mw .xlead .mwb-in input,.mw .xlead .mwb-in textarea{background:#f5f7fa;border:1.5px solid #dde3ea;color:var(--ink)}
.mw .xlead .mwb-in input:focus,.mw .xlead .mwb-in textarea:focus{background:#fff;border-color:var(--b)}
.mw .xlead .mwb-chip span{border-color:#dde3ea;color:var(--ink);background:#fff}
.mw .xlead .mwb-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.mw .xlead .mwb-chip input:focus-visible+span{outline-color:var(--b)}
.mw .xlead .mwb-consent{color:var(--mut)}
.mw .xlead .form .send{background:var(--ink);color:#fff}
.mw .xlead .form .send b{background:var(--b);color:#fff}
.mw .xlead .mwb-msg{color:var(--ink)}
.mw .xlead .mwb-done{color:var(--ink)}
.mw .xlead .chips{margin-top:20px}

/* --- футър --- */
.mw .ftr{background:#050c15;padding-top:84px}
.mw .ftr .huge{-webkit-text-stroke:1.5px rgba(255,255,255,.1)}
.mw .ft-a:hover{color:#fff}

/* --- мобилна лента --- */
@media (max-width:767px){
 .mw .mbar{left:10px;right:10px;bottom:10px;grid-template-columns:1fr 1.2fr}
 .mw .mbar.has-vb{grid-template-columns:1fr 48px 1.1fr}
 .mw .mbar a{display:flex;align-items:center;justify-content:center;gap:8px}
 .mw .mbar-vb{background:#7360f2}
}

/* --- таблет --- */
@media (max-width:1180px){
 .xhero-g{grid-template-columns:minmax(0,1fr)}
 .xvis{height:560px;max-width:720px}
 .xsvc{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xsteps,.xsteps--4,.xsteps--5{grid-template-columns:repeat(3,minmax(0,1fr))}
 .xrev{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xf-g,.xfaq-g,.xlead-g,.xlead.is-compact .xlead-g,.xinc,.xseo-g{grid-template-columns:minmax(0,1fr);gap:48px}
 .xseo-h{position:static}
 .xpts{grid-template-columns:minmax(0,1fr)}
 .xf-photo{min-height:520px;max-width:560px}
}

/* --- телефон --- */
@media (max-width:767px){
 .mw{font-size:16px}
 .mw .w{padding:0 16px}
 .xsec{padding-top:76px}
 .xdark,.xlead{margin-top:76px;padding-bottom:76px}
 .mwb-pad-none .xdark,.mwb-pad-none .xlead,.mwb-pad-sm .xdark,.mwb-pad-sm .xlead{padding-top:76px}
 .xh{margin-bottom:32px;gap:18px}
 .xh2{font-size:clamp(44px,13vw,60px)}
 .xb{width:100%;justify-content:space-between}
 .xb--ghost{justify-content:center}
 .xhero{padding-top:28px}
 .xhero-d{font-size:clamp(58px,18vw,80px)}
 .xhero-lead{font-size:17px;margin-top:20px}
 .xvis{height:400px;margin-top:6px}
 .xvis .xblob{width:300px;height:300px;right:-90px;top:20px}
 .xbrowser{width:100%;top:30px}
 .xbrowser img{height:200px}
 .xphone{width:124px;top:140px;right:-6px;padding:6px;border-radius:24px}
 .xphone img{border-radius:19px}
 .xfl2,.xbadge{display:none}
 .xfl1{left:0;bottom:14px;max-width:86%}
 .xstats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}
 .xstat,.xstat+.xstat{padding:20px 12px 20px 0;border-left:0}
 .xstat:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
 .xstat:nth-child(n+3){border-top:1px solid var(--line)}
 .xstat b{font-size:46px}
 .xsvc,.xwork,.xwork-2,.xrev,.xlist,.xinc.is-full .xlist,.xsteps,.xsteps--3,.xsteps--4,.xsteps--5,.xsteps--6{grid-template-columns:minmax(0,1fr);gap:12px}
 .xwork-r{grid-template-rows:none;gap:12px}
 .xs{min-height:0;padding:26px}
 .xs--feature{grid-column:auto;grid-row:auto;min-height:540px;padding:28px}
 .xs-img{width:300px;right:-40px;bottom:-24px}
 .xw1{min-height:420px}.xw{min-height:280px}
 .xst{min-height:0}
 .xst h3{margin-top:4px}
 .xf-photo{min-height:430px}
 .xcard{min-height:540px;padding:30px}
 .xcard-img{width:190px;right:50%;margin-right:-95px;bottom:-100px}
 .xr--sum>b{font-size:86px}
 .xq summary{font-size:17px}
 .xq p{margin-right:0}
 .xlead .xh2{font-size:clamp(64px,20vw,90px)}
 .mw .xlead .form{padding:24px}
}

/* 1.2 – доизглаждане */
.mw .nav-a,.hdr-ph,.hdr-login,.mw .navcta{white-space:nowrap}
.mw .links .nav-a{padding:10px 12px}
@media (max-width:1499px){.hdr-login{display:none}}
@media (max-width:1399px){.hdr-ph span{display:none}.hdr-ph{width:44px;height:44px;justify-content:center;border-radius:50%;background:#fff}}
.xs-chips{max-width:380px}
.xs-img{width:50%;right:-40px;bottom:-70px}
.xcard h3,.xcard p{max-width:56%}
.xcard h3{font-size:clamp(48px,4.4vw,64px)}
.xcard-img{width:36%;max-width:230px;right:28px;bottom:-34%}
.xrev{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.xfaq>.xblob{left:-340px;top:-340px}
.mw .post:nth-child(2){margin-top:0}
.xlead>.xblob{display:none}
@media (max-width:767px){.xcard h3,.xcard p{max-width:none}.xcard-img{width:190px;right:50%;margin-right:-95px;bottom:-100px}}
.xbadge{right:auto;left:50%;bottom:-6px}
.xfl1{max-width:280px}
.mw .plan{margin-top:0!important;transform:none!important}
.mw .plans{align-items:stretch}
.mw .plan .pp{font-size:clamp(44px,4vw,60px);overflow-wrap:anywhere;line-height:.95}
.xfaq>.xblob{opacity:.7}