/* Theme Name: Вертикаль Theme URI: https://business-vertikal.ru/ Author: Codex Description: Адаптивная тема центра предпринимательства «Вертикаль». Version: 1.3.1 Requires at least: 6.2 Requires PHP: 8.0 Text Domain: vertikal */ :root{--bg:#020d17;--panel:#051727;--panel2:#071d31;--line:#29465a;--lime:#b9df42;--green:#5c8b25;--white:#f6f8f9;--muted:#c1cbd2;--blue:#0b3e70;--radius:12px} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.45;overflow-x:hidden} body.admin-bar .site-header{top:32px} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto} .container{width:min(1480px,calc(100% - 80px));margin-inline:auto} .site-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:26px 0} .header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:35px} .brand{flex:0 0 300px} .brand-logo,.custom-logo-link img{display:block;width:285px;max-height:72px} .site-nav ul{display:flex;align-items:center;gap:52px;margin:0;padding:0;list-style:none} .site-nav a{font-size:17px;color:#f5f7f8;transition:.2s} .site-nav a:hover{color:var(--lime)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:13px 28px;border:1px solid var(--lime);border-radius:7px;background:linear-gradient(135deg,#7aa62c,#507b20);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:.2s} .btn:hover{filter:brightness(1.1);transform:translateY(-1px)} .btn-outline{background:rgba(2,13,23,.48);color:var(--lime)} .header-cta{min-width:238px} .header-cta{font-size:0} .header-cta:before{content:"Связаться с нами";font-size:16px} .header-cta:after{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat} .menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:#fff;padding:9px 13px;font-size:21px} .hero{position:relative;display:flex;align-items:center;min-height:760px;padding:130px 0 50px;background-position:center;background-size:cover;overflow:hidden} .hero-home{min-height:620px} .hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,var(--bg));pointer-events:none} .hero-copy{position:relative;z-index:2;width:620px} .hero h1{margin:0 0 28px;font-size:clamp(62px,5.5vw,92px);font-weight:800;line-height:.96;letter-spacing:-.035em;text-transform:uppercase} .hero h1 span{display:block;color:var(--lime)} .hero-home .hero-line{display:block;width:max-content;white-space:nowrap} .hero-home .hero-line-white{color:#fff;transform:scaleX(1.34);transform-origin:left center} .hero-home .hero-line-green{color:var(--lime)} .hero p{max-width:650px;margin:0;color:#f0f3f5;font-size:20px;line-height:1.52} .hero .lead{margin-bottom:14px;font-size:27px;line-height:1.28} .hero-actions{display:flex;margin-top:30px} .hero-main-btn{min-width:365px} .breadcrumbs{margin-bottom:35px;color:var(--lime);font-size:15px} .hero-reference{background-position:center top} .hero-home.hero-reference{min-height:620px} .quick-benefits{position:relative;z-index:5;margin-top:-5px} .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #37586f;border-radius:10px;background:rgba(4,21,35,.92);overflow:hidden} .benefit{display:grid;grid-template-columns:68px 1fr;gap:16px;min-height:132px;padding:20px 25px;border-right:1px solid #365269} .benefit:last-child{border:0} .ref-icon{display:grid;place-items:center;width:66px;height:66px;color:var(--lime);font-style:normal;font-size:47px;line-height:1} .reference-benefits .ref-icon{font-size:0;background-repeat:no-repeat;background-position:center;background-size:58px 58px} .reference-benefits .benefit:nth-child(1) .ref-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")} .reference-benefits .benefit:nth-child(2) .ref-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='m15.5 8.5 5-5M17 3h4v4'/%3E%3C/svg%3E")} .reference-benefits .benefit:nth-child(3) .ref-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")} .reference-benefits .benefit:nth-child(4) .ref-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20v-5h4v5M10 20V9h4v11M17 20V4h4v16M3 10l6-5 4 2 8-6M17 1h4v4'/%3E%3C/svg%3E")} .benefit strong{display:block;margin:3px 0 8px;font-size:18px;line-height:1.25} .benefit small{display:block;color:#c5cdd3;font-size:14px;line-height:1.45} .section{padding:48px 0} .section-title{margin:0 0 8px;text-align:center;font-size:32px;line-height:1.1;text-transform:uppercase} .section-title span{color:var(--lime)} .section-intro{margin:0 auto 20px;text-align:center;color:#e2e7ea;font-size:17px} .ornament-title{display:flex;align-items:center;justify-content:center;gap:18px} .ornament-title:before,.ornament-title:after{content:"";width:95px;height:2px;background:linear-gradient(90deg,transparent,var(--lime))} .ornament-title:after{transform:scaleX(-1)} .directions-section{padding-top:52px;padding-bottom:18px} .directions-section .section-title{margin-bottom:14px} .directions-section .section-intro{margin-bottom:34px} .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .service-card{position:relative;display:flex;flex-direction:column;min-height:490px;padding:22px 24px 18px;border:1px solid #31536d;border-radius:12px;background-position:center;background-size:cover;overflow:hidden} .service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,23,.08),rgba(2,13,23,.15) 38%,rgba(2,13,23,.96) 74%);z-index:0} .service-card.start,.service-card.scale{background-position:center -30px} .service-card.start:after,.service-card.scale:after{background:linear-gradient(180deg,rgba(2,13,23,.12),rgba(2,13,23,.42) 34%,rgba(2,13,23,.93) 61%,rgba(2,13,23,.99) 100%)} .service-card>*{position:relative;z-index:1} .service-card h3{min-height:104px;margin:0;font-size:29px;line-height:1.08;text-transform:uppercase} .service-card p{min-height:86px;margin:9px 0 0;color:#eef2f4;font-size:17px;line-height:1.4} .check-list{margin:0 0 20px;padding:0;list-style:none} .check-list li{position:relative;margin:7px 0;padding-left:24px} .check-list li:before{content:"✓";position:absolute;left:0;color:var(--lime)} .service-card .check-list{margin-top:auto;font-size:15px} .service-card .btn{position:relative;width:100%;min-height:58px;margin-top:auto;padding:13px 62px 13px 28px;border:1px solid #286292;border-radius:6px;background:linear-gradient(180deg,#0d4778 0%,#082f55 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 7px rgba(0,0,0,.22);color:#fff;font-size:17px;font-weight:600} .service-card.support .btn{border-color:#6d9634;background:linear-gradient(180deg,#5b872d 0%,#3f681f 100%)} .service-card.start{border-color:#3675aa;box-shadow:inset 0 0 55px rgba(16,91,158,.16)} .service-card.start:after{background:linear-gradient(180deg,rgba(6,47,89,.16),rgba(4,30,57,.48) 34%,rgba(2,18,34,.94) 65%,#03111f 100%)} .service-card.scale{border-color:#7661a9;box-shadow:inset 0 0 55px rgba(111,68,171,.18)} .service-card.scale:after{background:linear-gradient(180deg,rgba(71,40,116,.18),rgba(42,25,76,.50) 34%,rgba(18,12,36,.94) 65%,#100b21 100%)} .service-card.scale .btn{border-color:#7658ae;background:linear-gradient(180deg,#654694 0%,#432e6d 100%)} .service-card.support{border-color:#628d42;box-shadow:inset 0 0 55px rgba(79,130,52,.18)} .service-card.support:after{background:linear-gradient(180deg,rgba(31,86,58,.13),rgba(20,63,43,.42) 38%,rgba(5,31,24,.93) 72%,#041b15 100%)} .service-card .btn b{display:none} .service-card .btn:after{content:"";position:absolute;top:50%;right:42px;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16h21M18 8l8 8-8 8'/%3E%3C/svg%3E") center/contain no-repeat;transform:translateY(-50%)} .reasons-section{padding:32px 0 18px} .reasons-section .section-title{margin-bottom:24px} .features{display:grid;grid-template-columns:repeat(5,1fr);border:0} .feature{min-height:138px;padding:8px 24px;text-align:center;border-right:1px solid #365066;background:transparent} .feature:last-child{border:0} .reason-icon{display:block;height:47px;color:var(--lime);font-style:normal;font-size:43px;line-height:1} .reference-reasons .reason-icon{width:52px;margin:0 auto;font-size:0;background-repeat:no-repeat;background-position:center;background-size:45px 45px} .reference-reasons .feature:nth-child(1) .reason-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35'%3E%3Crect x='3' y='3' width='18' height='18' rx='1'/%3E%3Cpath d='M8 3v5H3M16 3v5h5M8 21v-5H3M16 21v-5h5M9 12h6M12 9v6'/%3E%3C/svg%3E")} .reference-reasons .feature:nth-child(2) .reason-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linejoin='round'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8-6.2-3.2L5.8 21 7 14.2 2 9.3l6.9-1L12 2Z'/%3E%3C/svg%3E")} .reference-reasons .feature:nth-child(3) .reason-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")} .reference-reasons .feature:nth-child(4) .reason-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")} .reference-reasons .feature:nth-child(5) .reason-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20v-5h4v5M10 20V9h4v11M17 20V4h4v16M3 10l6-5 4 2 8-6M17 1h4v4'/%3E%3C/svg%3E")} .reference-benefits .benefit:nth-child(4) .ref-icon, .reference-reasons .feature:nth-child(5) .reason-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20v-5h4v5M10 20V9h4v11M17 20V4h4v16M3 10l6-5 4 2 8-6M17 1h4v4'/%3E%3C/svg%3E")} .feature b{display:block;margin:5px 0 0;color:var(--lime);font-size:21px;text-transform:uppercase} .feature strong{display:block;font-size:16px;text-transform:uppercase} .feature small{display:block;margin-top:8px;color:#c4cdd3;font-size:13px;line-height:1.35} .cta-section{padding:4px 0 7px} .cta{display:grid;align-items:center;border:1px solid #38556b;border-radius:11px;background:linear-gradient(110deg,#071b2d,#071525)} .compact-cta{grid-template-columns:125px 1.05fr 1.2fr 330px;min-height:122px;padding:12px 30px} .rocket-mark{width:102px;height:94px;font-size:0;line-height:1;background:url("https://business-vertical.ru/wp-content/uploads/2026/07/vertikal-rocket-cta.png") center/contain no-repeat;transform:none} .compact-cta h2{margin:0;font-size:28px;line-height:1.12} .compact-cta p{margin:0;color:#eef2f4;font-size:15px} .compact-cta .btn{min-height:54px} .reference-cta .btn{position:relative;min-height:62px;margin-right:44px;padding:15px 24px;border:1px solid #729d38;border-radius:8px;background:linear-gradient(180deg,#668d3c 0%,#4f792e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 8px rgba(0,0,0,.16);font-size:17px} .reference-cta .btn:after{content:"";position:absolute;z-index:2;top:-36px;right:-78px;width:92px;height:78px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 80' fill='none' stroke='%23b9df42' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 68C38 68 57 48 76 24'/%3E%3Cpath d='M63 21 92 8 86 38'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none} .home-trust{text-align:center;padding:0} .home-trust>div>p{margin:18px 0 12px;color:#d8dfe3} .logo-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:18px;min-height:110px;padding:5px 20px;border-bottom:1px solid #294356;color:#9ca8b1} .client-mark{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:8px;transition:transform .2s ease,opacity .2s ease} a.client-mark:hover{transform:translateY(-2px);opacity:1} .client-mark img{display:block;width:100%;max-width:175px;height:60px;object-fit:contain;filter:none;opacity:.92} .client-mark span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} .site-footer{padding:13px 0;border-top:0;background:#010912} .site-footer .footer-inner{gap:22px} .site-footer .brand-logo{width:280px} .footer-contact{color:var(--lime);font-size:18px;font-weight:700} .footer-contact small{display:block;color:#d5dce1;font-size:14px;font-weight:400} .footer-socials{display:flex;align-items:center;justify-content:center;gap:10px} .social-link{position:relative;display:block;width:46px;height:46px;border-radius:50%;background:#17609a;color:#fff;font-size:13px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)} .social-link{font-size:0} .social-link:before{content:"";position:absolute;top:50%;left:50%;display:block;width:27px;height:27px;background-position:center;background-repeat:no-repeat;background-size:contain;transform:translate(-50%,-50%)} .social-telegram:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.8 3.2 18.7 20c-.2 1.2-.9 1.5-1.8.9l-4.7-3.5-2.3 2.2c-.2.2-.5.5-1 .5l.4-4.8 8.7-7.9c.4-.3-.1-.5-.6-.2L6.7 14 2.1 12.5c-1-.3-1-1 .2-1.5L20.2 4c.8-.3 1.8.2 1.6-.8Z'/%3E%3C/svg%3E")} .social-vk:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M3.5 9h4.7c.3 5.2 2.4 7.4 4 7.9V9h4.4v4.5c2.7-.3 5.5-2.5 6.4-4.5h4.4c-.7 2.5-3.7 5.2-5.8 6.3 2.1.9 5.5 3.3 6.8 7.7h-4.9c-1-2.7-3.5-4.8-6.9-5.1V23h-.6C7.2 23 3.1 16.9 3.5 9Z'/%3E%3C/svg%3E")} .footer-legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 24px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(174,214,60,.16)} .footer-legal a{color:#8795a0;font-size:12px;line-height:1.35;transition:.2s} .footer-legal a:hover{color:var(--lime)} .vertikal-legal-links{display:none!important} /* Inner pages */ .hero-solution{min-height:760px;padding-top:105px;padding-bottom:48px} .hero-solution .hero-copy{width:650px} .solution-reference h1{font-size:clamp(55px,4.7vw,75px)} .hero-audience{position:absolute;z-index:4;right:max(50px,calc((100vw - 1480px)/2));bottom:75px;width:340px;padding:22px 27px;border:1px solid #718494;border-radius:18px;background:rgba(3,15,27,.87)} .hero-audience h3{margin:0 0 8px;color:var(--lime);font-size:22px} .hero-audience ul{margin:0;padding-left:20px} .hero-audience li{margin:8px 0;font-size:15px} .hero-audience li::marker{color:var(--lime)} .hero-points{position:relative;z-index:5;margin-top:-125px} .hero-point-grid{display:grid;grid-template-columns:repeat(4,1fr);width:680px} .hero-point{min-height:105px;padding:8px 20px;text-align:center;border-right:1px solid #365067} .hero-point:last-child{border:0} .line-ico{display:block;width:48px;height:48px;margin:0 auto;color:var(--lime);font-size:0;line-height:1;background-repeat:no-repeat;background-position:center;background-size:46px} .hero-point:nth-child(1) .line-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.3'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='m15 9 6-6M17 3h4v4'/%3E%3C/svg%3E")} .hero-point:nth-child(2) .line-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.3'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")} .hero-point:nth-child(3) .line-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.3'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")} .hero-point:nth-child(4) .line-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.3'%3E%3Cpath d='M3 20v-5h4v5M10 20V9h4v11M17 20V4h4v16M3 10l6-5 4 2 8-6M17 1h4v4'/%3E%3C/svg%3E")} .hero-point span{display:block;margin-top:8px;font-size:14px} .package-section{padding:34px 0 20px} .solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch} .feature-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 55%,#29485e);border-radius:11px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 5%,#071728),#03101d);overflow:hidden} .solution-grid:not(.support-grid) .feature-card{min-height:330px;padding:17px 19px} .package-head{display:grid;grid-template-columns:43px 1fr;gap:14px;align-items:start} .step{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:var(--accent);color:#06101a;font-size:20px;font-weight:800} .feature-card h3{margin:0;font-size:19px;line-height:1.15;text-transform:uppercase} .package-symbol{height:65px;margin:10px 0 2px;text-align:center;color:var(--accent);font-size:0;line-height:1;background-repeat:no-repeat;background-position:center;background-size:62px 62px} .package-card:nth-child(1) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8df42' stroke-width='1.25' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m14.5 14.5 5 5M7 12l2-3 2 2 3-5'/%3E%3C/svg%3E")} .package-card:nth-child(2) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2363bdf0' stroke-width='1.25'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='16' cy='8' r='3'/%3E%3Ccircle cx='12' cy='16' r='3'/%3E%3Cpath d='M10 9.5l1 4M14 9.5l-1 4M10.5 8h3'/%3E%3C/svg%3E")} .package-card:nth-child(3) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b468d9' stroke-width='1.25'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M16 11h.1M8 15h2M12 15h2M16 15h.1'/%3E%3C/svg%3E")} .package-card:nth-child(4) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0aa48' stroke-width='1.25'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M8 5V3h8v2M3 10h18M9 10v2h6v-2'/%3E%3C/svg%3E")} .package-card:nth-child(5) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2347c4cd' stroke-width='1.25'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2'/%3E%3Cpath d='M3 20v-2c0-3 2-5 6-5s6 2 6 5v2M15 14c3 0 5 1.5 5 4v2'/%3E%3C/svg%3E")} .package-card:nth-child(6) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d756b7' stroke-width='1.25'%3E%3Cpath d='m3 11 15-6v14L3 13v-2ZM7 14l1 6h4l-2-5'/%3E%3Cpath d='M18 9c2 0 3 1 3 3s-1 3-3 3'/%3E%3C/svg%3E")} .package-card:nth-child(7) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3cb4c' stroke-width='1.25'%3E%3Cpath d='m7 12 3 3 7-7M4 12l-2-2 5-5 3 3M20 12l2-2-5-5-3 3M7 12l-3 3 5 5 3-3M17 12l3 3-5 5-3-3'/%3E%3C/svg%3E")} .package-card:nth-child(8) .package-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2373cf4d' stroke-width='1.25'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")} .feature-card .check-list{font-size:13px;line-height:1.28} .feature-card .check-list li{margin:5px 0;padding-left:14px} .feature-card .check-list li:before{content:"•";color:var(--accent)} .feature-card .btn{min-height:46px;margin-top:auto;background:color-mix(in srgb,var(--accent) 35%,#06213a)} .support-grid{grid-template-columns:repeat(5,1fr)} .support-grid .feature-card{min-height:500px} .support-grid .feature-card h3{text-transform:none;font-size:23px} .solution-cta-section{padding:16px 0} .direction-cta{display:grid;grid-template-columns:190px 1.2fr 1fr;align-items:center;gap:28px;min-height:190px;padding:22px;border:1px solid #38566e;border-radius:11px;background:linear-gradient(110deg,#071b2d,#081524)} .direction-art{display:grid;place-items:center;min-height:150px;border-radius:8px;background:radial-gradient(circle,rgba(184,223,66,.26),transparent 68%);font-size:78px} .direction-art{font-size:0} .direction-art:before{content:"";width:105px;height:105px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.2-2 4-2 4s2.8-.5 4-2M9 15l-3-3s1.5-3.6 4.7-6.8C13.9 2 18.7 2 21 2c0 2.3 0 7.1-3.2 10.3C14.6 15.5 11 17 11 17l-2-2Z'/%3E%3Ccircle cx='15' cy='8' r='2'/%3E%3Cpath d='M9 15H5l-2 2M11 17v4l-2 2'/%3E%3C/svg%3E") center/contain no-repeat} .support-cta .direction-art:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.15'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='m15 9 6-6M17 3h4v4'/%3E%3C/svg%3E")} .direction-cta h2,.start-choice h2{margin:0 0 10px;font-size:31px;line-height:1.12;text-transform:uppercase} .direction-cta h2 span{color:var(--lime)} .direction-cta p,.start-choice p{margin:7px 0;color:#d7dfe4;font-size:14px} .start-choice{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;gap:18px;min-height:210px;padding:28px;border:1px solid #4b456f;border-radius:12px;background:linear-gradient(110deg,#111229,#071322)} .choice{min-height:130px;padding:22px;border:1px solid #70803d;border-radius:10px;background:#111b1c} .choice.purple{border-color:#795596;background:#171229} .choice strong{display:block;margin-bottom:12px;font-size:18px} .choice span{font-size:14px;color:#d7dfe4} .choice:before{content:"";display:block;width:42px;height:42px;margin-bottom:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.25'%3E%3Cpath d='M9 18h6M10 22h4M8.2 14.7A7 7 0 1 1 15.8 14.7C14.7 15.5 14 16.3 14 18h-4c0-1.7-.7-2.5-1.8-3.3Z'/%3E%3C/svg%3E") center/contain no-repeat} .choice.purple:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b468d9' stroke-width='1.25'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='m12 12 8-8M16 4h4v4'/%3E%3C/svg%3E")} .round-arrow{float:right;display:grid!important;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#061321!important;font-size:23px!important} .trust-section{padding:15px 0} .trust-section .feature{font-size:0} .trust-section .feature:before{content:"";display:block;width:46px;height:46px;margin:0 auto 8px;background-repeat:no-repeat;background-position:center;background-size:contain} .trust-section .feature:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.25'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2'/%3E%3Cpath d='M3 20v-2c0-3 2-5 6-5s6 2 6 5v2M15 14c3 0 5 1.5 5 4v2'/%3E%3C/svg%3E")} .trust-section .feature:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.25'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='m15 9 6-6M17 3h4v4'/%3E%3C/svg%3E")} .trust-section .feature:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.25'%3E%3Cpath d='M4 4h16v12H8l-4 4V4Z'/%3E%3Cpath d='M8 10h.1M12 10h.1M16 10h.1'/%3E%3C/svg%3E")} .trust-section .feature:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.25'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7 7 0 0 0-.1-1l2-1.5-2-3.5-2.4 1A8 8 0 0 0 15 6l-.3-2.5h-4L10.5 6A8 8 0 0 0 9 7L6.6 6 4.6 9.5l2 1.5a7 7 0 0 0 0 2l-2 1.5 2 3.5L9 17a8 8 0 0 0 1.5 1l.2 2.5h4L15 18a8 8 0 0 0 1.5-1l2.4 1 2-3.5-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E")} .trust-section .feature:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.25'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v3'/%3E%3C/svg%3E")} .solution-stats{padding:5px 0 12px} .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #29465c;border-radius:10px;background:#061422} .stats-grid.five{grid-template-columns:repeat(5,1fr)} .stat{padding:14px 18px;text-align:center;border-right:1px solid #314b5f} .stat:last-child{border:0} .stat b{display:block;color:var(--lime);font-size:28px} .stat span{font-size:14px} .content-wrap{padding:145px 0 70px} .entry-content{max-width:950px;margin:auto} .entry-content h1,.archive-title{font-size:48px;line-height: 1.1;} .entry-content h2{margin-top:1.5em;color:var(--lime)} .entry-content a{color:var(--lime);text-decoration:underline} .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .post-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#061727} .post-card img{width:100%;aspect-ratio:16/9;object-fit:cover} .post-card-body{display:flex;flex:1;flex-direction:column;padding:22px} .post-card h2{margin:0 0 10px;font-size:23px;line-height: 1.2;} .post-meta{margin-bottom:10px;color:var(--lime);font-size:13px} .post-card .btn{margin-top:auto} .muted{color:var(--muted);margin: 0;} .pagination{margin-top:35px} .knowledge-base-wrap{background:radial-gradient(circle at 85% 2%,rgba(26,78,111,.22),transparent 34%)} .knowledge-header{max-width:900px;margin-bottom:34px} .knowledge-kicker{display:block;margin-bottom:10px;color:var(--lime);font-weight:700;letter-spacing:.08em;text-transform:uppercase} .knowledge-header .archive-title{max-width:900px;margin:0 0 14px;line-height:1.05} .knowledge-header p{max-width:760px;margin:0;color:var(--muted);font-size:19px} .knowledge-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 40px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(5,23,39,.82)} .knowledge-filter{display:flex;align-items:center;gap:11px;min-height:58px;padding:12px 16px;border:1px solid #294a61;border-radius:9px;background:#071c2e;color:#f4f7f8;font-weight:700;line-height:1.2;transition:.2s} .knowledge-filter span{flex:0 0 auto;font-size:23px} .knowledge-filter:hover,.knowledge-filter.is-active{border-color:var(--lime);background:linear-gradient(135deg,rgba(112,151,44,.38),rgba(36,74,31,.42));color:#fff;transform:translateY(-1px)} .post-card-image{display:block;background:linear-gradient(145deg,#092742,#061523)} .post-image-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:16/9;color:var(--lime);font-size:70px;font-weight:800;opacity:.45} .knowledge-read{width:100%;justify-content:space-between;background:#0a3a66;border-color:#315a78} .knowledge-read span{font-size:24px} .knowledge-empty{padding:35px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:center} .knowledge-empty strong{font-size:24px;color:var(--lime)} .knowledge-empty p{margin-bottom:0;color:var(--muted)} .entry-content>.v-page-lead{margin:0 0 30px;padding:24px 26px;border:1px solid #35566d;border-radius:12px;background:linear-gradient(135deg,rgba(16,56,83,.72),rgba(7,27,44,.88));font-size:19px;line-height:1.6} .entry-content>.v-page-lead p{margin:0 0 10px}.entry-content>.v-page-lead p:last-child{margin-bottom:0} .v-service-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px} .v-service-sections section{padding:24px;border:1px solid #31536d;border-radius:12px;background:linear-gradient(150deg,#081d30,#041321)} .v-service-sections section:nth-child(2){border-color:#7661a9;background:linear-gradient(150deg,#18132d,#070f1d)} .v-service-sections section:nth-child(3){border-color:#3c8d87;background:linear-gradient(150deg,#08282d,#06151f)} .v-service-sections section:nth-child(4){border-color:#628d42;background:linear-gradient(150deg,#102519,#06151d)} .v-service-sections h2{margin-top:0;color:var(--lime);font-size:25px}.v-service-sections h3{margin:22px 0 8px;font-size:18px} .v-service-sections ul{padding-left:22px}.v-service-sections li{margin:8px 0;color:#dbe4ea} .v-contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 34px} .v-contacts-grid>div{display:flex;flex-direction:column;gap:7px;padding:18px 20px;border:1px solid #31536d;border-radius:10px;background:#071a2a} .v-contacts-grid span{color:#9eb0bd;font-size:13px}.v-contacts-grid strong{font-size:16px;line-height:1.45}.v-contacts-grid a{color:var(--lime)} @media(max-width:720px){.v-service-sections,.v-contacts-grid{grid-template-columns:1fr}.entry-content>.v-page-lead{padding:20px;font-size:17px}} .dialog{width:min(760px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:16px;background:#061728;color:#fff;box-shadow:0 25px 120px #000} .dialog::backdrop{background:rgba(0,7,13,.84);backdrop-filter:blur(5px)} .dialog-inner{position:relative;padding:35px} .dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer} .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px} .contact-form input,.contact-form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:7px;background:#03111e;color:#fff;font:inherit} .contact-form textarea,.contact-form .wide{grid-column:1/-1} .contact-form textarea{min-height:95px} .contact-form .notice{grid-column:1/-1;color:var(--muted);font-size:12px} .consent-field{display:flex;align-items:flex-start;gap:10px;color:#dce5eb;font-size:13px;line-height:1.35} .consent-field input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:var(--lime)} .consent-field a{color:var(--lime);text-decoration:underline} .contact-form button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.48;transform:none} .contact-form .form-status{margin:2px 0 0;color:var(--lime);font-weight:700} .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} /* Compact Forminator form inside the consultation modal */ .dialog:has(.forminator-custom-form){width:min(690px,calc(100% - 28px))} .dialog:has(.forminator-custom-form) .dialog-inner{padding:27px 30px 25px} .dialog:has(.forminator-custom-form) h2{margin:0 38px 5px 0;font-size:29px;line-height:1.15} .dialog:has(.forminator-custom-form) .muted{margin:0 0 18px;font-size:14px;line-height:1.45} .dialog .forminator-custom-form{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0!important} .dialog .forminator-custom-form>.forminator-row{display:block!important;margin:0!important} .dialog .forminator-custom-form>.forminator-row:has(.forminator-field-name){grid-column:1} .dialog .forminator-custom-form>.forminator-row:has(.forminator-field-email){grid-column:2} .dialog .forminator-custom-form>.forminator-row:has(.forminator-field-phone), .dialog .forminator-custom-form>.forminator-row:has(.forminator-field-textarea), .dialog .forminator-custom-form>.forminator-row:has(.forminator-field-consent), .dialog .forminator-custom-form>.forminator-row:has(.forminator-field-submit){grid-column:1/-1} .dialog .forminator-custom-form .forminator-col{padding:0!important} .dialog .forminator-custom-form .forminator-label{display:block!important;margin:0 0 5px!important;color:#dce6ed!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important} .dialog .forminator-custom-form .forminator-required{color:var(--lime)!important} .dialog .forminator-custom-form .forminator-input, .dialog .forminator-custom-form .forminator-textarea{width:100%!important;min-height:43px!important;padding:10px 12px!important;border:1px solid #29495f!important;border-radius:7px!important;background:#03111e!important;color:#fff!important;font:inherit!important;box-shadow:none!important} .dialog .forminator-custom-form .forminator-textarea{height:76px!important;min-height:76px!important;resize:vertical} .dialog .forminator-custom-form .forminator-input:focus, .dialog .forminator-custom-form .forminator-textarea:focus{border-color:var(--lime)!important;box-shadow:0 0 0 2px rgba(176,225,50,.13)!important} .dialog .forminator-custom-form .forminator-checkbox{display:flex!important;align-items:flex-start!important;gap:9px;margin:0!important;color:#c9d5dd!important;font-size:12px!important;line-height:1.35!important} .dialog .forminator-custom-form .forminator-checkbox-box{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;border-color:#49657a!important;border-radius:4px!important;background:#03111e!important} .dialog .forminator-custom-form .forminator-checkbox input:checked+.forminator-checkbox-box{border-color:var(--lime)!important;background:var(--lime)!important} .dialog .forminator-custom-form .forminator-description{margin:0!important;color:#c9d5dd!important;font-size:12px!important;line-height:1.35!important} .dialog .forminator-custom-form .forminator-description p{margin:0!important} .dialog .forminator-custom-form .forminator-description a{color:var(--lime)!important;text-decoration:underline} .dialog .forminator-custom-form .forminator-button-submit{width:100%!important;min-height:45px!important;margin:0!important;border:1px solid #a8d82d!important;border-radius:7px!important;background:linear-gradient(180deg,#759d31,#527523)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:0 8px 24px rgba(91,129,34,.22)!important} .dialog .forminator-custom-form .forminator-button-submit:hover{background:linear-gradient(180deg,#83ae39,#5d8228)!important;transform:translateY(-1px)} .dialog .forminator-custom-form .forminator-error-message{margin:4px 0 0!important;font-size:11px!important;line-height:1.25!important} .dialog .forminator-custom-form .forminator-response-message{grid-column:1/-1;margin:0!important;padding:9px 12px!important;border-radius:6px!important;font-size:13px!important} @media(max-width:620px){ .dialog:has(.forminator-custom-form) .dialog-inner{padding:24px 18px 20px} .dialog:has(.forminator-custom-form) h2{font-size:24px} .dialog .forminator-custom-form{grid-template-columns:1fr;gap:10px} .dialog .forminator-custom-form>.forminator-row{grid-column:1!important} .dialog .forminator-custom-form .forminator-textarea{height:65px!important;min-height:65px!important} } /* Forminator's default skin uses an ID selector; keep these overrides equally specific. */ .dialog #forminator-module-52.forminator-ui{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;box-sizing:border-box!important} .dialog #forminator-module-52.forminator-ui .forminator-row, .dialog #forminator-module-52.forminator-ui .forminator-col, .dialog #forminator-module-52.forminator-ui .forminator-field{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important} .dialog #forminator-module-52.forminator-ui .forminator-row{margin:0!important} .dialog #forminator-module-52.forminator-ui .forminator-label{margin:0 0 5px!important;color:#dce6ed!important;font-size:13px!important;line-height:1.2!important} .dialog #forminator-module-52.forminator-ui input.forminator-input, .dialog #forminator-module-52.forminator-ui textarea.forminator-textarea{width:100%!important;max-width:100%!important;min-height:43px!important;padding:10px 12px!important;border:1px solid #29495f!important;border-radius:7px!important;background:#03111e!important;color:#fff!important;box-shadow:none!important;box-sizing:border-box!important} .dialog #forminator-module-52.forminator-ui textarea.forminator-textarea{height:76px!important;min-height:76px!important} .dialog #forminator-module-52.forminator-ui button.forminator-button-submit{width:100%!important;min-height:45px!important;margin:0!important;border:1px solid #a8d82d!important;border-radius:7px!important;background:linear-gradient(180deg,#759d31,#527523)!important;color:#fff!important;font-size:16px!important;font-weight:700!important} .dialog #forminator-module-52.forminator-ui .forminator-description, .dialog #forminator-module-52.forminator-ui .forminator-description p{margin:0!important;color:#c9d5dd!important;font-size:12px!important;line-height:1.35!important} @media(max-width:620px){.dialog #forminator-module-52.forminator-ui{grid-template-columns:1fr!important}} @media(min-width:1400px){ .hero-home.hero-reference{min-height:775px} .benefit{min-height:178px;padding:27px 30px} .directions-section{padding-top:58px;padding-bottom:24px} .service-card{min-height:600px;padding:27px 27px 20px} .service-card h3{min-height:115px}.service-card p{min-height:100px;margin-top:12px} .check-list li{margin:9px 0} .reasons-section{padding-bottom:18px}.feature{min-height:168px;padding:12px 24px} .compact-cta{min-height:140px;padding:17px 30px} .cta-section{padding-bottom:12px} .logo-row{min-height:110px;padding:10px 20px} .site-footer{padding:17px 0} .hero-solution{min-height:900px;padding-top:115px;padding-bottom:60px} .hero-points{margin-top:-150px} .package-section{padding:50px 0 30px} .solution-grid:not(.support-grid) .feature-card{min-height:380px;padding:20px} .support-grid .feature-card{min-height:520px} .package-symbol{height:75px;margin:13px 0 3px;font-size:0} .feature-card .check-list{font-size:14px;line-height:1.3} .feature-card .check-list li{margin:6px 0} .solution-stats{padding-bottom:20px}.stat{padding:18px} } @media(max-width:1200px){ .container{width:min(1120px,calc(100% - 42px))} .brand{flex-basis:230px}.brand-logo,.custom-logo-link img{width:225px}.site-nav ul{gap:25px}.header-cta{min-width:190px} .benefit{grid-template-columns:58px 1fr;padding:23px 18px}.ref-icon{width:55px;font-size:39px} .compact-cta{grid-template-columns:105px 1fr 1.1fr 250px} .hero-audience{right:28px;width:305px}.support-grid{grid-template-columns:repeat(3,1fr)} } @media(max-width:960px){ .site-nav ul{gap:15px}.site-nav a{font-size:14px}.header-cta{display:none} .hero-copy,.hero-solution .hero-copy{width:58%}.hero-audience{display:none} .benefit-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid #365269} .service-card{min-height:570px}.compact-cta{grid-template-columns:90px 1fr 1fr}.compact-cta .btn{grid-column:1/-1} .solution-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:repeat(2,1fr)} .direction-cta{grid-template-columns:150px 1fr}.direction-cta>div:last-child{grid-column:1/-1} .start-choice{grid-template-columns:1fr 1fr}.start-choice>div:first-child{grid-column:1/-1} .knowledge-filters{grid-template-columns:repeat(2,minmax(0,1fr))} .logo-row{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:760px){ body.admin-bar .site-header{top:46px}.container{width:calc(100% - 28px)} .site-header{padding:14px 0}.brand{flex:0 1 auto}.brand-logo,.custom-logo-link img{width:205px} .menu-toggle{display:block}.site-nav{display:none;position:absolute;top:76px;left:14px;right:14px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#03111e}.site-nav.open{display:block}.site-nav ul{display:block}.site-nav li{margin:12px 0}.site-nav a{font-size:16px} .hero{min-height:690px;padding-top:115px;background-position:64% center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,22,.98),rgba(2,12,22,.67) 75%,rgba(2,12,22,.28))} .hero-copy,.hero-solution .hero-copy{width:100%}.hero h1{font-size:clamp(43px,13vw,68px)}.hero p{font-size:16px}.hero .lead{font-size:21px}.hero-main-btn{min-width:0;width:100%} .hero-home .hero-line-white{transform:none} .benefit-grid,.service-grid,.features,.solution-grid,.support-grid,.stats-grid,.stats-grid.five{grid-template-columns:1fr} .benefit{border-right:0;border-bottom:1px solid #365269;min-height: 102px;}.benefit:nth-child(2){border-right:0}.benefit:last-child{border-bottom:0} .feature{border-right:0;border-bottom:1px solid #365066;padding: 14px 24px 18px 24px;}.feature:last-child{border-bottom:0} .ornament-title:before,.ornament-title:after{width:35px}.section-title{font-size:26px} .compact-cta,.direction-cta,.start-choice{grid-template-columns:1fr;padding: 20px 30px;}.rocket-mark,.direction-art{display:none}.compact-cta .btn{grid-column:auto}.reference-cta .btn{width:100%;margin-right:0;margin-top: 15px;}.compact-cta h2{margin-bottom: 12px;}.reference-cta .btn:after{display:none} .logo-row{grid-template-columns:repeat(2,1fr)}.footer-inner{align-items:flex-start;flex-direction:column}.footer-nav{display:none}.footer-socials{width:100%;align-self:center;justify-content:left} .footer-legal{align-items:flex-start;flex-direction:column;gap:10px;margin-top:20px} .hero-points{margin-top:-78px}.hero-point-grid{width:100%;grid-template-columns:1fr 1fr}.hero-point{border:0} .package-section{padding-top:35px}.stat{border-right:0;border-bottom:1px solid #314b5f}.stat:last-child{border-bottom:0} .blog-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr} .knowledge-filters{grid-template-columns:1fr;padding:12px}.knowledge-header .archive-title{font-size:38px}.knowledge-header p{font-size:17px} .solution-grid:not(.support-grid) .feature-card{min-height: 0;} } /* Hero primary CTA — reference-aligned proportions and icon */ .hero-main-btn{ display:grid; grid-template-columns:42px 1fr; column-gap:18px; min-width:440px; min-height:66px; padding:11px 30px; border:1px solid #83aa43; border-radius:7px; background:linear-gradient(180deg,#719a39 0%,#51792d 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 12px rgba(0,0,0,.24); color:#fff; font-size:19px; font-weight:600; line-height:1.2; text-align:center; } .hero-main-btn:hover{ background:linear-gradient(180deg,#7ca63f 0%,#5a8432 100%); border-color:#93ba50; } .hero-main-btn b{ display:block; width:36px; height:44px; font-size:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 44'%3E%3Cpath fill='%23fff' d='M19.5 1 3.8 25.3h10.6L11.9 43 28.4 16.8H17.7L19.5 1Z'/%3E%3C/svg%3E") center/contain no-repeat; } @media(max-width:760px){ .hero-main-btn{ grid-template-columns:34px 1fr; column-gap:12px; min-width:0; width:100%; min-height:62px; padding:10px 20px; font-size:16px; } .hero-main-btn b{width:30px;height:38px} } /* Growth icon — lowered bars keep the rising arrow visually clear */ .reference-benefits .benefit:nth-child(4) .ref-icon, .reference-reasons .feature:nth-child(5) .reason-icon, .hero-point:nth-child(4) .line-ico{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20v-5h4v5M10 20V10h4v10M17 20V8h4v12'/%3E%3Cpath d='M3 10l6-5 4 2 8-6M17 1h4v4'/%3E%3C/svg%3E"); } /* Bullseye icon — a clean arrow landing exactly in the target centre */ .reference-benefits .benefit:nth-child(2) .ref-icon, .trust-section .feature:nth-child(2):before, .hero-point:nth-child(1) .line-ico, .support-cta .direction-art:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='14.5' r='8'/%3E%3Ccircle cx='9.5' cy='14.5' r='4.5'/%3E%3Ccircle cx='9.5' cy='14.5' r='1' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M9.5 14.5 20.5 3.5M15.5 3.5h5v5'/%3E%3C/svg%3E"); } /* Arrow direction correction: the point enters the bullseye, tail stays upper-right */ .reference-benefits .benefit:nth-child(2) .ref-icon, .trust-section .feature:nth-child(2):before, .hero-point:nth-child(1) .line-ico, .support-cta .direction-art:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='14.5' r='8'/%3E%3Ccircle cx='9.5' cy='14.5' r='4.5'/%3E%3Ccircle cx='9.5' cy='14.5' r='1' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M20.5 3.5 9.5 14.5'/%3E%3Cpath d='m9.5 14.5 1.3-4.1 2.8 2.8-4.1 1.3Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M20.5 3.5h-4M20.5 3.5v4'/%3E%3C/svg%3E"); } /* Final target arrow: one arrowhead only, pointing down-left into the bullseye */ .reference-benefits .benefit:nth-child(2) .ref-icon, .trust-section .feature:nth-child(2):before, .hero-point:nth-child(1) .line-ico, .support-cta .direction-art:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='14.5' r='8'/%3E%3Ccircle cx='9.5' cy='14.5' r='4.5'/%3E%3Ccircle cx='9.5' cy='14.5' r='1' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M21 3 11.6 12.4'/%3E%3Cpath d='M9.5 14.5 10.55 11.35 12.65 13.45Z' fill='%23b9df42' stroke='none'/%3E%3C/svg%3E"); } /* Target arrow with centre-pointed tip and proper fletching at the tail */ .reference-benefits .benefit:nth-child(2) .ref-icon, .trust-section .feature:nth-child(2):before, .hero-point:nth-child(1) .line-ico, .support-cta .direction-art:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='14.5' r='8'/%3E%3Ccircle cx='9.5' cy='14.5' r='4.5'/%3E%3Cpath d='M20.5 3.5 11.6 12.4'/%3E%3Cpath d='M9.5 14.5 10.55 11.35 12.65 13.45Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M20.5 3.5 16.8 3 18.5 5.2Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M20.5 3.5 21 7.2 18.8 5.5Z' fill='%23b9df42' stroke='none'/%3E%3C/svg%3E"); } /* Precise bullseye hit: tip at centre, fletching widens toward the rear */ .reference-benefits .benefit:nth-child(2) .ref-icon, .trust-section .feature:nth-child(2):before, .hero-point:nth-child(1) .line-ico, .support-cta .direction-art:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='14' r='8'/%3E%3Ccircle cx='10' cy='14' r='4.5'/%3E%3Cpath d='M21 3 12 12'/%3E%3Cpath d='M10 14 10.7 10.7 13.3 13.3Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M17.5 6.5 18 1.3 21 3 19 4.8Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M17.5 6.5 22.7 6 21 3 19.2 5Z' fill='%23b9df42' stroke='none'/%3E%3C/svg%3E"); } /* Compact arrow placement with shaped rear fletching */ .reference-benefits .benefit:nth-child(2) .ref-icon, .trust-section .feature:nth-child(2):before, .hero-point:nth-child(1) .line-ico, .support-cta .direction-art:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='14' r='8'/%3E%3Ccircle cx='10' cy='14' r='4.5'/%3E%3Cpath d='M19.5 4.5 12 12'/%3E%3Cpath d='M10 14 10.7 10.7 13.3 13.3Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M19.5 4.5 17.3 2.3 16.5 3.1 17.5 6.5Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M19.5 4.5 21.7 6.7 20.9 7.5 17.5 6.5Z' fill='%23b9df42' stroke='none'/%3E%3Cpath d='M18.2 3.2 17.2 4.2M20.8 5.8 19.8 6.8' stroke='%23020d17' stroke-width='.55'/%3E%3C/svg%3E"); } /* 1.7.4 desktop reference proportion pass */ @media (min-width:961px) and (max-width:1399px){ .brand{flex-basis:320px} .brand-logo,.custom-logo-link img{width:310px} .hero-main-btn{ min-width:365px; min-height:64px; padding:10px 24px; grid-template-columns:38px 1fr; column-gap:14px; font-size:17px; } .hero-main-btn b{width:32px;height:40px} .benefit{min-height:154px} .directions-section{padding-top:43px;padding-bottom:10px} .directions-section .section-title{margin-bottom:12px} .directions-section .section-intro{margin-bottom:18px} .compact-cta{min-height:112px;padding-top:8px;padding-bottom:8px} .home-trust>div>p{margin-top:14px} .site-footer{padding:8px 0} .footer-legal{gap:5px 20px;margin-top:5px;padding-top:6px} } /* 1.7.5 inner-page reference alignment */ @media (min-width:961px) and (max-width:1399px){ .hero-points{margin-top:-200px} .package-section{padding-top:79px} .hero-scale + .hero-points + .package-section{padding-top:53px} .hero-support + .hero-points + .package-section{padding-top:10px} .start-choice{padding:18px} .choice{padding:16px} .choice strong{font-size:17px;line-height:1.2} .trust-section{padding:10px 0} .trust-section .container{ padding:14px 18px; border:1px solid #38566e; border-radius:11px; background:linear-gradient(110deg,#071624,#06111e); } .trust-section .section-title{margin-bottom:12px} .trust-section .features{grid-template-columns:repeat(5,minmax(0,1fr))} .trust-section .feature{ display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto auto; align-content:center; column-gap:11px; min-height:100px; padding:8px 14px; text-align:left; } .trust-section .feature:before{ grid-row:1/3; align-self:center; width:44px; height:44px; margin:0; } .trust-section .feature b{ margin:0; font-size:14px; line-height:1.2; text-transform:none; } .trust-section .feature small{ margin-top:5px; font-size:12px; line-height:1.3; } .support-cta{min-height:190px;padding:18px 22px} .support-cta h2{font-size:27px;line-height:1.12} } /* 1.7.6 keep trust-card text in its intended compact grid cells */ @media (min-width:961px) and (max-width:1399px){ .trust-section .feature:before{grid-column:1;grid-row:1/3} .trust-section .feature b{grid-column:2;grid-row:1;align-self:end} .trust-section .feature small{grid-column:2;grid-row:2;align-self:start} } /* 1.7.7 header, inner hero and statistics fidelity pass */ @media (min-width:961px) and (max-width:1399px){ .header-inner{gap:20px} .brand{flex:0 0 285px} .brand-logo,.custom-logo-link img{width:280px} .site-nav ul{gap:38px} .site-nav a{white-space:nowrap} .header-cta{flex:0 0 242px;min-width:242px;padding:11px 18px;white-space:nowrap} body.page-template-template-solution .header-cta{ border-color:#b9df42; background:linear-gradient(180deg,#c2e84d 0%,#a9d63b 100%); color:#07131d; box-shadow:0 2px 10px rgba(120,168,38,.2); } body.page-template-template-solution .header-cta:after{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307131d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E"); } .hero-solution{align-items:flex-start;padding-top:120px} .solution-reference h1{margin-bottom:34px;font-size:75px} .hero-audience{bottom:55px} .solution-stats .stat{ display:grid; grid-template-columns:50px minmax(0,1fr); grid-template-rows:auto auto; align-content:center; column-gap:10px; min-height:108px; padding:12px 16px; text-align:left; } .solution-stats .stat:before{ content:""; grid-column:1; grid-row:1/3; align-self:center; width:46px; height:46px; background-image:var(--stat-icon); background-position:center; background-repeat:no-repeat; background-size:contain; } .solution-stats .stat b{grid-column:2;grid-row:1;align-self:end;line-height:1.05} .solution-stats .stat span{grid-column:2;grid-row:2;align-self:start;line-height:1.25} .stats-start .stat:nth-child(1),.stats-scale .stat:nth-child(1),.stats-support .stat:nth-child(1){--stat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2'/%3E%3Cpath d='M3 20v-2c0-3 2-5 6-5s6 2 6 5v2M15 14c3 0 5 1.5 5 4v2'/%3E%3C/svg%3E")} .stats-scale .stat:nth-child(2),.stats-support .stat:nth-child(2),.stats-start .stat:nth-child(5){--stat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20v-5h4v5M10 20V10h4v10M17 20V8h4v12M3 10l6-5 4 2 8-6M17 1h4v4'/%3E%3C/svg%3E")} .stats-start .stat:nth-child(3),.stats-support .stat:nth-child(3){--stat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")} .stats-scale .stat:nth-child(3){--stat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='12' cy='4' r='2'/%3E%3Ccircle cx='5' cy='19' r='2'/%3E%3Ccircle cx='12' cy='19' r='2'/%3E%3Ccircle cx='19' cy='19' r='2'/%3E%3Cpath d='M12 6v5M5 17v-3h14v3M12 11v6'/%3E%3C/svg%3E")} .stats-start .stat:nth-child(4),.stats-scale .stat:nth-child(4),.stats-support .stat:nth-child(4){--stat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.35' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")} .stats-support .stat:nth-child(5){--stat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.2-2 4-2 4s2.8-.5 4-2M9 15l-3-3s1.5-3.6 4.7-6.8C13.9 2 18.7 2 21 2c0 2.3 0 7.1-3.2 10.3C14.6 15.5 11 17 11 17l-2-2Z'/%3E%3Ccircle cx='15' cy='8' r='2'/%3E%3Cpath d='M9 15H5l-2 2M11 17v4l-2 2'/%3E%3C/svg%3E")} .stats-start .stat:nth-child(2):before{display:none} .stats-start .stat:nth-child(2) b,.stats-start .stat:nth-child(2) span{grid-column:1/3;text-align:center} } /* 1.7.8 homepage hero and header finishing pass */ @media (min-width:961px) and (max-width:1399px){ .brand-logo,.custom-logo-link img{width:310px} .header-cta{transform:translateX(20px)} body.page-template-template-solution .header-cta{flex-basis:215px;min-width:215px} .hero-home .hero-copy{transform:translateY(24px)} .hero-home h1{margin-bottom:36px;font-size:76.5px} .hero-home .hero-line-white{transform:scaleX(1.235)} .hero-home .hero-line-green{transform:scaleX(.92);transform-origin:left center} .hero-home p{line-height:1.35} .reference-reasons .feature:nth-child(1) .reason-icon{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9df42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='1.5'/%3E%3Cpath d='M12 3v18M3 12h18'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3Cpath d='M15 6h3v3h-3zM6 17l1.5-2 1.5 2'/%3E%3Ccircle cx='16.5' cy='16.5' r='1.5'/%3E%3C/svg%3E"); } } /* 1.7.9 allow the desktop logo artwork to use its intended visual width */ @media (min-width:961px) and (max-width:1399px){ .brand-logo,.custom-logo-link img{width:310px;max-width:none} } /* 1.8.2 keep the longer support-page headline on the exact two reference lines */ @media (min-width:961px){ .hero-support.solution-reference h1{font-size:46px;line-height:1.08} } /* 1.8.7 restored purple brand mark */ .brand{flex-basis:155px} .brand-logo,.custom-logo-link img{ width:auto; height:104px; max-width:150px; max-height:none; object-fit:contain; } .custom-logo-link{display:inline-flex;align-items:center} .site-footer .footer-brand{display:inline-flex;align-items:center;flex:0 0 155px} .site-footer .brand-logo{width:auto;height:96px;max-width:140px;max-height:none} @media (min-width:961px) and (max-width:1399px){ .brand{flex-basis:155px} .brand-logo,.custom-logo-link img{width:auto;height:104px;max-width:150px;max-height:none} } @media(max-width:760px){ .brand-logo,.custom-logo-link img{width:auto;height:78px;max-width:115px;max-height:none} .site-footer .brand-logo{height:90px;max-width:130px} } /* 1.8.8 live brand descriptor */ .brand{ display:flex; align-items:center; flex:0 0 330px; gap:15px; } .brand-tagline{ display:block; color:#eef3e4; font-size:14px; font-weight:600; line-height:1.25; letter-spacing:.01em; white-space:nowrap; } .site-footer .footer-brand{ flex:0 0 330px; gap:15px; } .site-footer .brand-tagline{color:#cbd5c2;font-size:13px} @media (min-width:961px) and (max-width:1399px){ .brand{flex-basis:300px;gap:12px} .brand-tagline{font-size:12.5px} } @media(max-width:760px){ .brand{flex-basis:auto;gap:9px} .brand-tagline{font-size:10.5px;line-height:1.2} .site-footer .footer-brand{flex-basis:auto;gap:12px} .site-footer .brand-tagline{font-size:12px} } /* 1.8.9 mobile readability and header spacing */ .dialog{max-height:calc(100dvh - 20px);overflow-y:auto} @media(max-width:760px){ .site-header{padding:10px 0} .header-inner{gap:10px} .brand{min-width:0;gap:10px} .brand-logo,.custom-logo-link img{width:auto;height:68px;max-width:82px;max-height:none} .brand-tagline{font-size:11.5px;line-height:1.22;letter-spacing:0;white-space:nowrap} .menu-toggle{flex:0 0 44px;width:44px;height:44px;padding:7px} .site-nav{top:92px;z-index:30;box-shadow:0 16px 40px rgba(0,0,0,.42)} .hero{min-height:720px;padding-top:132px;padding-bottom:42px} .hero h1{font-size:clamp(40px,12vw,52px);line-height:.98;hyphens: auto;overflow-wrap: break-word;} .hero-home .hero-line{width:auto;white-space:normal} .hero p{font-size:15.5px;line-height:1.48} .hero .lead{font-size:19px;line-height:1.32} .hero-main-btn{min-height:58px;padding:9px 15px;font-size:15.5px} .section{padding:38px 0} .section-title{font-size:24px;line-height:1.17} .section-intro{font-size:15px;line-height:1.45} .ornament-title{gap:9px} .ornament-title:before,.ornament-title:after{width:20px;flex:0 0 20px} .directions-section{padding-top:42px} .directions-section .section-intro{margin-bottom:26px} .benefit{padding:20px 16px} .service-card{min-height:430px;padding:20px 18px 17px} .service-card h3{min-height:auto;margin-bottom:12px;font-size:26px} .service-card p{min-height:auto;font-size:16px} .service-card .check-list{font-size:14px;line-height:1.38} .service-card .btn{min-height:54px;padding-left:18px;padding-right:54px;font-size:16px} .service-card .btn:after{right:22px;width:25px;height:25px} .support-grid .feature-card {min-height: 0;} .feature-card .btn{border: 1px solid #597289;} .direction-cta p, .start-choice p {margin: 18px 0 3px 0;} .entry-content h1, .archive-title {font-size: 30px;} .hero-point-grid{grid-template-columns:1fr 1fr} .hero-point{padding:11px 9px;font-size:13px;line-height:1.35} .logo-row{gap:18px;padding:20px 12px 30px 12px} .dialog:has(.forminator-custom-form){width:calc(100% - 18px)} .dialog:has(.forminator-custom-form) .dialog-inner{padding:22px 15px 18px} .dialog:has(.forminator-custom-form) h2{font-size:22px} .dialog .forminator-custom-form .forminator-checkbox, .dialog #forminator-module-52.forminator-ui .forminator-description, .dialog #forminator-module-52.forminator-ui .forminator-description p{font-size:13px!important} .footer-inner{gap:17px} .site-footer .footer-brand{gap:12px} .site-footer .brand-logo{height:82px;max-width:100px} .site-footer .brand-tagline{font-size:12.5px;line-height:1.25} .footer-contact{font-size:17px} .footer-legal a{font-size:12.5px} } @media(max-width:350px){ .brand-logo,.custom-logo-link img{height:62px;max-width:75px} .brand-tagline{font-size:10.5px} .header-inner{gap:7px} .site-nav{top:84px} .hero{padding-top:122px} .hero h1{font-size:38px} } /* Social links: Odnoklassniki and Dzen */ .footer-socials{flex-wrap:wrap} .social-ok:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6.5' r='3.2'/%3E%3Cpath d='M7.4 13c2.8 2.2 6.4 2.2 9.2 0M12 15.2V21M8.8 18.2 12 15.2l3.2 3'/%3E%3C/svg%3E")} .social-dzen:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M11 2H8a6 6 0 0 0-6 6v3h9V2Zm2 0h3a6 6 0 0 1 6 6v3h-9V2Zm9 11v3a6 6 0 0 1-6 6h-3v-9h9ZM11 22H8a6 6 0 0 1-6-6v-3h9v9Z'/%3E%3C/svg%3E")} @media(max-width:760px){.footer-socials{justify-content:center}}
/* Social brand colors and Dzen mark */
.social-ok{background:#ff7700}
.social-dzen{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.social-dzen:before{width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23000'/%3E%3Cpath fill='%23fff' d='M12 4.2c.5 4.4 3.4 7.3 7.8 7.8-4.4.5-7.3 3.4-7.8 7.8-.5-4.4-3.4-7.3-7.8-7.8 4.4-.5 7.3-3.4 7.8-7.8Z'/%3E%3C/svg%3E")}