:root{--brand:#007cd0;--text:#0b0f14;--muted:#6b7280;--line:#e7edf2;--bg:#ffffff;--container:1240px;--radius:10px;--pad:22px;--shadow:0 10px 30px rgba(10,20,30,.08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width: auto;display:block}.container{width:min(var(--container),calc(100% - 2*var(--pad)));margin:0 auto}.site-header{position:fixed;top:0;z-index:50;background:#fff}.site-header .row{display:flex;align-items:center;gap:22px;padding:26px 0;white-space:nowrap}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.brand .name b{display:block;font-size:18px;letter-spacing:.2px}.brand .name span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.lang{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.lang select{border:none;background:transparent;color:var(--muted);font-weight:600;outline:none;cursor:pointer}.nav{display:flex;align-items:center;gap:22px;flex:1;justify-content:center}.nav a{font-weight:700;font-size:14px;color:#1b2430;padding:10px 6px;position:relative}.nav a:hover{color:var(--brand)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;border-radius:10px;background:var(--brand)}.header-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.icon-btn:hover{transform:translateY(-1px);border-color:rgba(0,124,208,.18);box-shadow:0 10px 24px rgba(0,124,208,.18)}.icon-btn svg{width:18px;height:18px;color:var(--brand)}.btn-cta{display:flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;font-size:13px;letter-spacing:.2px;box-shadow:0 12px 26px rgba(0,124,208,.18);transition:transform .15s ease,filter .15s ease}.btn-cta:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-cta:active{transform:translateY(0)}main{padding:28px 0 60px}.breadcrumbs{font-size:13px;color:var(--muted);margin:18px 0 8px}.breadcrumbs a{color:var(--brand);font-weight:700}.breadcrumbs span{color:#94a3b8}.page-title{font-size:44px;line-height:1.06;margin:10px 0 22px;letter-spacing:-.6px}.section-title{font-size:34px;margin:0 0 16px}.lead{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 26px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:visible;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:rgba(0,124,208,.18);box-shadow:var(--shadow)}.card .img{background:#f3f6f9;aspect-ratio:16/9;overflow:visible}.card .img img{width:100%;height:100%;object-fit:cover}.card .body{padding:14px 16px 18px}.card .body h3{margin:0;padding:0 0;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.2px}.card .body p{margin:8px 0 0;color:var(--muted);font-size:13px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:14px}.pill{height:38px;padding:0 14px;display:inline-flex;align-items:center;border-radius:10px;border:1px solid rgba(0,124,208,.18);background:rgba(0,124,208,.18);color:#1b2430;font-weight:800;font-size:13px}.footer{border-top:1px solid var(--line);background:#fff;padding:26px 0;color:#1b2430}.footer .cols{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:26px}.footer h4{margin:0 0 10px;font-size:14px}.footer a{color:#1b2430}.footer a:hover{color:var(--brand)}.footer .links{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.footer .social{display:flex;gap:10px;margin-top:12px}.footer .soc{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff}.footer .soc svg{width:18px;height:18px;color:var(--brand)}.footer .soc:hover{border-color:rgba(0,124,208,.18);box-shadow:0 10px 24px rgba(0,124,208,.18);transform:translateY(-1px)}.footer .bottom{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}@media (max-width:1060px){.nav{gap:14px}.page-title{font-size:38px}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:720px){.site-header .row{flex-wrap:wrap}.nav{order:10;justify-content:flex-start;flex-wrap:wrap}.grid-3{grid-template-columns:1fr}.page-title{font-size:32px}}.section{padding:34px 0}.section.tight{padding:24px 0}.hero-home{padding:36px 0 10px}.hero-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}.hero-box{border:1px solid var(--line);border-radius:6px;background:#fff;padding:26px;box-shadow:var(--shadow)}.hero-kicker{color:var(--brand);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hero-title{margin:10px 0 10px;font-size:46px;line-height:1.05;letter-spacing:-0.8px}.hero-text{margin:0;color:var(--muted);line-height:1.7;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:13px;letter-spacing:.2px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(0,124,208,.18);box-shadow:0 10px 24px rgba(0,124,208,.18)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 12px 26px rgba(0,124,208,.18)}.btn.primary:hover{filter:brightness(.98)}.btn svg{width:18px;height:18px;color:var(--brand)}.btn.primary svg{color:#fff}.hero-side{border:1px solid var(--line);border-radius:6px;overflow:visible;background:#fff}.hero-side .photo{height:220px;background:linear-gradient(135deg,rgba(0,124,208,.18),rgba(0,124,208,.18));position:relative}.hero-side .photo:after{content:"";position:absolute;inset:0;background:radial-gradient(500px 240px at 30% 30%,rgba(0,124,208,.18),transparent 60%),radial-gradient(520px 260px at 80% 70%,rgba(0,124,208,.18),transparent 62%)}.hero-side .meta{padding:16px 18px 18px}.hero-side .meta b{font-size:14px}.hero-side .meta p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.panel{border:1px solid var(--line);border-radius:6px;background:#fff;padding:18px}.panel h2{margin:0 0 10px;font-size:24px}.panel p{margin:0 0 14px;color:var(--muted);line-height:1.6}.form{display:grid;gap:10px}.field label{display:block;font-size:12px;font-weight:900;color:#1b2430;margin:0 0 6px;letter-spacing:.04em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);outline:none;font:inherit;background:#fff}.field textarea{height:110px;padding:10px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(0,124,208,.18);box-shadow:0 0 0 4px rgba(0,124,208,.18)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note{font-size:12px;color:var(--muted);line-height:1.6}.projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.projects-head .left h2{margin:0;font-size:34px}.projects-head .left p{margin:8px 0 0;color:var(--muted);line-height:1.6}.projects-head .pill{margin-left:auto}.faq2{padding:46px 0}.faq2-card{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;border:1px solid rgba(0,124,208,.16);border-radius:16px;background:linear-gradient(180deg,rgba(0,124,208,.07) 0%,rgba(0,124,208,0) 58%),#fff;box-shadow:var(--shadow);overflow:hidden}.faq2-side{padding:22px;border-right:1px solid rgba(0,124,208,.10);background:linear-gradient(180deg,rgba(0,124,208,.05),rgba(255,255,255,0))}.faq2-side .kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(0,124,208,.18);border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.2px;color:rgba(0,124,208,.92);background:rgba(255,255,255,.8)}.faq2-side .title{margin:12px 0 8px;font-size:34px;line-height:1.08;letter-spacing:-0.3px}.faq2-side .lead{margin:0 0 16px;color:var(--muted);max-width:56ch}.faq2-badges{display:grid;gap:10px;margin-top:14px}.faq2-badge{padding:12px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.92);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.faq2-badge .t{font-weight:900;font-size:13px;letter-spacing:.2px}.faq2-badge .d{margin-top:2px;font-size:13px;color:var(--muted)}.faq2-badge:hover{transform:translateY(-2px);border-color:rgba(0,124,208,.22);box-shadow:0 10px 20px rgba(0,124,208,.12)}.faq2-main{padding:22px;display:flex;flex-direction:column;gap:14px}.faq2-list{display:grid;gap:10px}.qa2{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.qa2:hover{transform:translateY(-2px);border-color:rgba(0,124,208,.26);box-shadow:0 14px 26px rgba(0,124,208,.12)}.qa2-q{width:100%;display:flex;align-items:center;gap:12px;padding:14px 14px;text-align:left;border:0;background:linear-gradient(90deg,rgba(0,124,208,.06),rgba(0,124,208,0));cursor:pointer}.qa2-qtext{flex:1;font-weight:900;letter-spacing:.1px}.qa2-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(0,124,208,.14);background:rgba(255,255,255,.9);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.qa2-q:hover .qa2-icon{transform:translateY(-1px);border-color:rgba(0,124,208,.28);box-shadow:0 12px 24px rgba(0,124,208,.12)}.qa2-icon svg{width:18px;height:18px}.qa2-icon .v{transition:transform .18s ease,opacity .18s ease;transform-origin:50% 50%}.qa.open .qa2-icon .v{opacity:0;transform:rotate(90deg) scale(.9)}.qa.open{border-color:rgba(0,124,208,.30);box-shadow:0 18px 34px rgba(0,124,208,.14)}.qa.open .qa2-q{background:linear-gradient(90deg,rgba(0,124,208,.10),rgba(0,124,208,0))}.qa2-a{padding:0 14px 14px}.qa2-a-inner{padding:12px 12px;border:1px solid rgba(0,124,208,.12);border-radius:12px;background:rgba(0,124,208,.04);color:var(--text)}.qa2-a-inner p{margin:0;color:rgba(20,30,40,.86)}.faq2-cta{margin-top:4px;padding:14px 14px;border:1px solid rgba(0,124,208,.14);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,rgba(0,124,208,.06),rgba(255,255,255,0))}.faq2-cta .t{font-weight:900;letter-spacing:.1px}.faq2-cta .d{margin-top:2px;font-size:13px;color:var(--muted)}@media (max-width:980px){.faq2-card{grid-template-columns:1fr}.faq2-side{border-right:0;border-bottom:1px solid rgba(0,124,208,.10)}.faq2-side .title{font-size:30px}}@media (max-width:520px){.faq2-side .title{font-size:26px}.faq2-cta{flex-direction:column;align-items:flex-start}.qa2-q{padding:13px 12px}.qa2-a{padding:0 12px 12px}}.footer-banner{border:1px solid var(--line);border-radius:6px;background:#fff;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--shadow)}.footer-banner h3{margin:0;font-size:18px}.footer-banner p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.about-mini{padding:40px 0}.about-mini-card{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch;border:1px solid rgba(0,124,208,.16);border-radius:14px;background:linear-gradient(180deg,rgba(0,124,208,.06) 0%,rgba(0,124,208,.00) 52%),#fff;box-shadow:var(--shadow);overflow:hidden}.about-mini-left{padding:22px 22px 22px 22px}.about-mini-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:12px;letter-spacing:.22px;text-transform:uppercase;color:var(--brand);padding:6px 10px;border:1px solid rgba(0,124,208,.18);border-radius:999px;background:rgba(0,124,208,.06);margin:0 0 12px}.about-mini-left .section-title{margin:0 0 10px}.about-mini-left .lead{margin:0 0 16px;color:var(--muted);line-height:1.72;max-width:70ch}.about-mini-feats{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 18px}.about-mini-feat{border:1px solid var(--line);border-radius:12px;padding:12px 12px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.about-mini-feat .t{font-weight:900;text-transform:uppercase;letter-spacing:.18px;font-size:12px}.about-mini-feat .d{margin-top:4px;color:var(--muted);font-size:14px;line-height:1.55}.about-mini-card:hover .about-mini-feat{border-color:rgba(0,124,208,.18)}.about-mini-feat:hover{transform:translateY(-2px);border-color:rgba(0,124,208,.26);box-shadow:0 14px 30px rgba(0,124,208,.10)}.about-mini-actions{display:flex;align-items:center;gap:12px}.about-mini-right{position:relative;min-height:100%}.about-mini-photo{height:100%;width:100%;overflow:hidden}.about-mini-photo:after{content:'';position:absolute;inset:0;background:radial-gradient(70% 60% at 65% 35%,rgba(0,124,208,.18) 0%,rgba(0,124,208,0) 55%);pointer-events:none}.about-mini-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;transform:scale(1.01);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s cubic-bezier(.2,.8,.2,1)}.about-mini-card:hover .about-mini-photo img{transform:scale(1.06);filter:saturate(1.08) contrast(1.02)}@media (max-width:960px){.about-mini-card{grid-template-columns:1fr}.about-mini-left{padding:18px}.about-mini-photo img{min-height:260px}}.footer{background:linear-gradient(180deg,#0b2a4a 0%,#071a2d 100%);color:#e7f3ff;border-top:none}.footer h4{color:#ffffff;font-weight:900;margin-bottom:12px}.footer .links,.footer .links a{color:#cfe7ff;font-size:14px}.footer .links a:hover{color:#007cd0}.footer .cols{grid-template-columns:1.2fr 1fr 1.35fr;gap:30px}.footer .brand-box p{color:#cfe7ff}.footer .contacts p{margin:6px 0;font-size:14px;color:#cfe7ff}.footer .contacts a{color:#ffffff;font-weight:700}.footer .social{margin-top:12px}.footer .soc{background:#ffffff;border:none}.footer .soc svg{color:#0b2a4a}.footer .subscribe input{height:42px;border-radius:8px;border:none;padding:0 12px}.footer .subscribe button{height:42px;border-radius:8px;border:none;background:#007cd0;color:#ffffff;font-weight:900;cursor:pointer}.footer .subscribe button:hover{filter:brightness(.96)}.footer .bottom{border-top:1px solid rgba(255,255,255,.14);color:#b6d7f3}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.brand .logo img{width:26px;height:26px;display:block}.hero-banner{position:relative;padding:26px 0 18px}.hero-banner .hero-bg{position:absolute;inset:0;background:url('../img/hero.gif') center/cover no-repeat;border-bottom:1px solid var(--line)}.hero-inner{position:relative;padding:200px 0}.hero-card{background:rgba(255,255,255,0.90);border:1px solid rgba(255,255,255,0.65);border-radius:18px;padding:34px 48px 28px 48px;box-shadow:0 18px 44px rgba(0,0,0,0.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-width:920px;margin-left:0}.hero-kicker{color:var(--brand);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.hero-title{margin:10px 0 10px;font-size:48px;line-height:1.04;letter-spacing:-.8px}.hero-text{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.solutions{background:transparent}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.s-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(10,20,30,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.s-card:hover{transform:translateY(-3px);border-color:rgba(0,124,208,.55);box-shadow:0 16px 40px rgba(0,124,208,.14)}.s-ico{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,124,208,.12);border:1px solid rgba(0,124,208,.28);margin-bottom:12px;font-size:18px}.s-card h3{margin:0;font-size:16px;font-weight:900}.s-card p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.site-header{position:fixed;top:0;left:0;right:0;z-index:999;background:#fff;box-shadow:0 8px 24px rgba(10,20,30,.06)}.site-header .row{display:flex;align-items:center;gap:22px;padding:18px 0;white-space:nowrap}body{padding-top:132px;background:#fff}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.brand .logo svg{width:26px;height:26px;color:#007cd0}.brand .name b{display:block;font-size:18px;letter-spacing:.2px}.brand .name span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.nav a{font-weight:800;font-size:14px;color:#1b2430;padding:10px 6px}.nav a:hover{color:#007cd0}.btn-cta{height:42px;border-radius:12px}.icon-btn{width:42px;height:42px;border-radius:12px}.card .body{padding:14px 16px 18px}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.ripple-target.rippling::after{animation:ripple .55s ease-out forwards}100%{transform:translate(-50%,-50%) scale(18);opacity:0}}.btn,.pill,.icon-btn,.soc,.s-card,.step,.card{will-change:transform}.btn:hover,.pill:hover,.icon-btn:hover,.soc:hover{box-shadow:0 14px 34px rgba(0,124,208,.12)}.s-card:hover,.step:hover,.card:hover{box-shadow:0 18px 46px rgba(0,124,208,.10)}.footer .container{max-width:1180px}.footer .cols{justify-items:center}.footer .brand-box,.footer .contacts,.footer .links{justify-self:center}.footer .contacts{text-align:center}.footer .links{text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:16px}.step{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 28px rgba(10,20,30,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.step:hover{transform:translateY(-3px);border-color:rgba(0,124,208,.55);box-shadow:0 16px 40px rgba(0,124,208,.14)}.step .num{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#ffffff;font-weight:900;margin-bottom:10px}@media (max-width:1100px){.steps-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.steps-grid{grid-template-columns:1fr}}.drop-ico{width:26px;height:26px;display:block}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.brand .logo svg{display:block}.burger-btn{display:none}html.no-scroll,body.no-scroll{overflow:hidden !important}@media (max-width:720px){body{padding-top:92px}.site-header .row{flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:14px 0}.brand{min-width:unset}.brand .name{display:none}.header-actions{margin-left:auto;gap:10px}.btn-cta{display:none}.burger-btn{display:inline-flex;width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,124,208,.22);background:var(--brand);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.burger-btn span{width:20px;height:2px;border-radius:2px;background:#fff;display:block;transition:transform .18s ease,opacity .18s ease}.site-header.menu-open .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .burger-btn span:nth-child(2){opacity:0}.site-header.menu-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{position:fixed;top:0;right:0;height:100vh;width:min(86vw,360px);max-width:360px;background:#fff;border-left:1px solid var(--line);box-shadow:-12px 0 40px rgba(10,20,30,.18);padding:92px 18px 18px;display:flex;flex-direction:column;gap:6px;transform:translateX(110%);transition:transform .22s ease;z-index:1001;overflow-y:auto;-webkit-overflow-scrolling:touch}.site-header.menu-open .nav{transform:translateX(0)}.nav a{padding:12px 12px;border-radius:12px;text-align:center;font-size:15px}.nav a.active:after{display:none}.nav a:hover{background:rgba(0,124,208,.10)}.site-header.menu-open .nav:after{content:"";display:block;height:1px;background:var(--line);margin:10px 2px 6px;opacity:.8}.site-header.menu-open .nav a.btn-in-nav{display:inline-flex;height:44px;align-items:center;justify-content:center;border-radius:12px;background:var(--brand);color:#fff;font-weight:900;margin-top:4px}.site-header .mobile-nav-backdrop{display:none}.site-header.menu-open .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(2,10,18,.45);backdrop-filter:blur(2px);z-index:1000}.solutions-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.footer{padding:22px 0}.footer .cols{grid-template-columns:1fr !important;gap:18px;justify-items:center}.footer .brand-box,.footer .contacts,.footer .info{width:100%;text-align:center !important}.footer .links{align-items:center}.footer .social{justify-content:center}.footer .bottom{justify-content:center;text-align:center}.footer .bottom>div{width:100%}}@media (max-width:420px){.site-header.menu-open .nav{left:12px;right:12px}}@media (max-width:720px){.nav{display:flex;position:fixed;top:0;right:0;left:auto;height:100vh;width:min(86vw,340px);padding:18px 16px;flex-direction:column;gap:8px;background:#fff;border-radius:18px 0 0 18px;border:1px solid var(--line);box-shadow:0 22px 60px rgba(10,20,30,.22);z-index:1001;transform:translateX(110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease}.site-header.menu-open .nav{transform:translateX(0);opacity:1;pointer-events:auto}.site-header.menu-open .nav a{text-align:left;padding:12px 12px;border-radius:12px;font-size:15px}.site-header.menu-open .nav a.btn-in-nav{text-align:center;justify-content:center}.hero-content{max-width: auto;padding:22px 0}.hero-card{max-width: auto;width:100%;padding:18px 18px 16px}.hero-title{gap:6px}.hero-title .line1,.hero-title .line2{font-size:clamp(22px,7.6vw,34px);line-height:1.06}.hero-sub{font-size:14px;line-height:1.6}.solutions-grid{grid-template-columns:1fr !important;gap:14px;min-width:0}.s-card{min-width:0;padding:16px;overflow:hidden}.s-card h3{font-size:15px;line-height:1.25;word-break:break-word}.s-card p{word-break:break-word}.section .section-surface{overflow:hidden}.projects-head{flex-direction:column;align-items:stretch}.projects-head .right{width:100%}.projects-head .right .btn{width:100%}}@media (max-width:420px){.hero-title .line1,.hero-title .line2{white-space:normal;overflow-wrap:anywhere}}@media (max-width:720px){.footer{padding:26px 0 18px}.footer .cols{grid-template-columns:1fr !important;gap:14px;justify-items:stretch}.footer .brand-box,.footer .contacts,.footer .info{width:100%;text-align:left !important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px}.footer .links{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:start}.footer .links a{padding:6px 0}.footer .social{justify-content:flex-start}.footer .bottom{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}}.site-header{position:fixed;top:0;left:0;right:0;z-index:999;background:#fff}body{padding-top:120px}.footer .cols{display:grid;grid-template-columns:1.3fr 1.1fr 1fr;gap:34px;align-items:start;justify-items:start}.footer .brand-box,.footer .contacts,.footer .links{justify-self:start;text-align:left}.footer .contacts{text-align:left}.footer .links a{display:block;padding:6px 0}.footer .social{display:flex;gap:14px;margin-top:14px}.footer .subscribe{width:100%}.footer .subscribe input,.footer .subscribe button{width:100%}.footer .bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width:980px){.footer .cols{grid-template-columns:1fr}}.footer .container{max-width:1200px}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.brand .logo svg{display:block}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.icon-btn,.soc{box-shadow:none !important;background:#ffffff !important}.icon-btn::before,.icon-btn::after,.soc::before,.soc::after{content:none !important}.icon-btn svg,.soc svg{filter:none !important}:root{--header-bg:#ffffff;--header-fg:#1b2430;--header-border:rgba(10,20,30,.12)}.site-header{background:var(--header-bg) !important;color:var(--header-fg);transition:background-color .28s ease,color .28s ease,box-shadow .28s ease}.site-header.is-blue{box-shadow:0 10px 28px rgba(0,124,208,.22) !important}.site-header.is-blue .brand .name b,.site-header.is-blue .brand .name span{color:#ffffff !important}.site-header.is-blue .nav a{color:#ffffff !important}.site-header.is-blue .nav a:hover{color:rgba(255,255,255,.88) !important}.site-header.is-blue .icon-btn{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.26) !important}.site-header.is-blue .icon-btn svg{color:#ffffff !important}.site-header.is-blue .btn-cta{background:rgba(255,255,255,.14) !important;color:#ffffff !important;border-color:rgba(255,255,255,.28) !important}.icon-btn{border:1px solid rgba(10,20,30,.10) !important}.icon-btn:hover{box-shadow:none !important;border-color:rgba(0,124,208,.40) !important}.site-header{overflow:visible}.site-header::after{z-index:-1}main{padding-top:0}:root{--header-bg:#ffffff;--header-fg:#1b2430;--wave-shift:0px}.site-header{position:fixed;top:0;left:0;right:0;z-index:999;background:var(--header-bg) !important;color:var(--header-fg);transition:background-color .22s ease,color .22s ease,box-shadow .22s ease}.site-header::after{content:none !important;display:none !important}.site-header.is-blue .brand .name b,.site-header.is-blue .brand .name span,.site-header.is-blue .nav a{color:#fff !important}.site-header.is-blue .icon-btn svg{color:#fff !important}.site-header.is-blue .icon-btn{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.30) !important}.site-header.is-blue .btn-cta{background:rgba(255,255,255,.14) !important;color:#fff !important;border-color:rgba(255,255,255,.30) !important}body{padding-top:132px;background:#fff}.brand .logo::before,.brand .logo::after{content:none !important}.brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}.hero-banner{position:relative;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.10));z-index:1}.hero-inner,.hero-card{background:rgba(255,255,255,0.90);border:1px solid rgba(255,255,255,0.65);border-radius:18px;padding:34px 48px 28px 48px;box-shadow:0 18px 44px rgba(0,0,0,0.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-width:920px;margin-left:0}.hero-inner{padding:200px 0}.site-header .row{position:relative}.site-header .row>*{position:relative;z-index:1}.site-header.is-blue .brand .logo{width:46px;height:46px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(0,0,0,.08)}55%{transform:translateY(-2%) scale(1.02);opacity:.85}100%{transform:translateY(-10%) scale(1.06);opacity:0}}.btn:hover,.pill:hover,.btn-cta:hover,form button:hover,form input[type="submit"]:hover,.subscribe button:hover{transform:translateY(-1px)}.btn:active,.pill:active,.btn-cta:active,form button:active,form input[type="submit"]:active,.subscribe button:active{transform:translateY(0px) scale(.99)}:root{--wave-shift:0px}button,input[type="submit"],input[type="button"],a.btn,a.pill,.btn,.pill,.btn-cta,.nav a{position:relative;overflow:hidden}button::after,input[type="submit"]::after,input[type="button"]::after,a.btn::after,a.pill::after,.btn::after,.pill::after,.btn-cta::after,.reveal{position:relative;overflow:hidden;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal .reveal-item{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible .reveal-item{opacity:1;transform:translateY(0)}.reveal.is-visible .reveal-item:nth-child(1){transition-delay:.05s}.reveal.is-visible .reveal-item:nth-child(2){transition-delay:.10s}.reveal.is-visible .reveal-item:nth-child(3){transition-delay:.15s}.reveal.is-visible .reveal-item:nth-child(4){transition-delay:.20s}.reveal.is-visible .reveal-item:nth-child(5){transition-delay:.25s}.reveal>.container,.reveal>.container *{position:relative;z-index:2}.card .img img{transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}.card:hover .img img{transform:scale(1.06)}.pill,.btn-cta,.ghost-btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;will-change:transform}.pill:hover,.btn-cta:hover,.ghost-btn:hover{transform:translateY(-2px)}.pill,.btn-cta{position:relative;overflow:hidden}.pill::after,input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px rgba(0,124,208,.18);transition:box-shadow .18s ease}.qa{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.qa:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(0,124,208,.18)}.qa .body{overflow:hidden;height:0;opacity:0;transition:height .28s ease,opacity .22s ease;will-change:height,opacity}.qa.open .body{opacity:1}.qa button .chev{transition:transform .22s ease}.qa.open button .chev{transform:rotate(180deg)}.about-mini .img img,.hero-card img,.projects .card .img img{will-change:transform}.about-mini .img{overflow:hidden;border-radius:12px}.about-mini .img img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.about-mini:hover .img img{transform:scale(1.05)}.site-header{background:#ffffff !important;color:#1b2430}.site-header.is-blue{background:#007cd0 !important;color:#ffffff;box-shadow:0 10px 28px rgba(0,124,208,.22) !important}@media (max-width:860px){.hero-inner{padding:160px 0}}.section .section-surface{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(0,124,208,.06),rgba(0,124,208,.00) 55%),rgba(255,255,255,.92);box-shadow:var(--shadow);padding:22px}@media (max-width:860px){.section .section-surface{padding:16px;border-radius:22px}}.faq{margin-top:6px}.faq-item{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.82);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.faq-item:hover{transform:translateY(-2px);border-color:rgba(0,124,208,.40);box-shadow:0 14px 30px rgba(0,0,0,.08);background:linear-gradient(180deg,rgba(0,124,208,.06),rgba(255,255,255,.86))}.faq-q{padding:14px 16px}.faq-a{padding:0 16px 16px;color:var(--muted);line-height:1.7}.faq-q .chev{transition:transform .22s ease}.faq-item.open .faq-q .chev{transform:rotate(90deg)}.faq2-note{margin-top:14px;padding:14px 14px;border:1px solid rgba(0,124,208,.16);border-radius:14px;background:rgba(0,124,208,.06);color:var(--muted);line-height:1.65;font-size:14px}.form-surface{border:1px solid rgba(0,124,208,.16);border-radius:16px;background:linear-gradient(180deg,rgba(0,124,208,.07) 0%,rgba(0,124,208,0) 58%),#fff;box-shadow:var(--shadow);overflow:hidden;padding:22px}.form-head .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.2px;color:var(--brand);text-transform:uppercase}.form-head .title{margin:10px 0 8px;font-size:32px;line-height:1.15}.form-head .lead{margin:0;color:var(--muted);line-height:1.65}.form-body{margin-top:16px}.form-foot{margin-top:12px;color:var(--muted);font-size:13px}@media (max-width:900px){.form-surface{padding:16px}.form-head .title{font-size:26px}}.logo-img{display:block;width:100%;height:100%;max-width: auto;max-height: auto;object-fit:contain;border-radius:0}.faq2 .faq2-qa{padding:18px 18px;display:flex;flex-direction:column;gap:12px}.faq2 .qa{border:1px solid rgba(0,124,208,.14);border-radius:14px;background:#fff;overflow:hidden;box-shadow:none;transform:none}.faq2 .qa:hover{transform:none !important;box-shadow:none !important;border-color:rgba(0,124,208,.14) !important}.faq2 .qa button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 14px;text-align:left;border:0;outline:none;background:transparent;cursor:pointer;font-weight:900;letter-spacing:.1px;color:#0f1a24;-webkit-appearance:none;appearance:none;box-shadow:none}.faq2 .qa button:hover,.faq2 .qa button:focus{background:transparent}.faq2 .qa button span{display:inline-block}.faq2 .qa button .chev{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(0,124,208,.14);background:rgba(255,255,255,.95);transition:transform .22s ease;flex:0 0 auto;color:rgba(0,124,208,.95);line-height:1}.faq2 .qa.open button .chev{transform:rotate(180deg)}.faq2 .qa .body{border-top:1px solid rgba(0,124,208,.10);background:linear-gradient(180deg,rgba(0,124,208,.04),rgba(255,255,255,0))}.faq2 .qa .body p{margin:0;color:rgba(20,30,40,.86);line-height:1.55;font-weight:600}.faq2 .ripple-target::after,.faq2 .pill::after,.faq2 .btn-cta::after,.faq2 .ghost-btn::after{display:none !important}.faq2 .qa::after,.faq2 .qa::before,.faq2 .qa button::after,.faq2 .qa button::before{content:none !important;display:none !important}.nav a{overflow:hidden;border-radius:10px}.footer .brand .name b{color:#ffffff}.footer .brand .name span{color:#cfe7ff}.footer .social{display:flex;gap:10px;align-items:center}.footer .soc{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.10) !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:none !important;transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease}.footer .soc svg{width:20px;height:20px;color:#ffffff !important}.footer .soc:hover{transform:translateY(-2px);background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.28) !important;filter:brightness(1.02)}.btn-cta,.nav a{position:relative;overflow:hidden}.btn-cta::before,.nav a::before{content:"";position:absolute;top:-60%;left:-70%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(22deg);opacity:0;pointer-events:none;transition:left .55s ease,opacity .18s ease}.btn-cta:hover::before,.nav a:hover::before{left:140%;opacity:.95}.nav a{border-radius:10px}.footer .links{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px 18px !important}.footer .links a{display:block;padding:2px 0}h1,h2,h3,.section-title,.kicker,.about-mini-kicker,.hero-kicker{font-family:'Unbounded',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}.hero-screen{position:relative;width:100%;height:715px;overflow:hidden;display:flex;align-items:center}.hero-bg-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.hero-content{position:relative;z-index:3;max-width:920px;padding:40px 0}.hero-card{background:rgba(255,255,255,0.90);border:1px solid rgba(255,255,255,0.65);border-radius:18px;padding:34px 48px 28px 48px;box-shadow:0 18px 44px rgba(0,0,0,0.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-width:920px;margin-left:0}.hero-kicker{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#007cd0;margin:0 0 14px 0}.hero-card h1{color:#0b0f14;font-size:56px;line-height:1.06;font-weight:800;margin:0 0 16px 0}display:block;white-space:nowrap}.hero-card p{color:#58606b;font-size:16px;line-height:1.6;margin:0 0 22px 0;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width:900px){.hero-card{background:rgba(255,255,255,0.90);border:1px solid rgba(255,255,255,0.65);border-radius:18px;padding:34px 48px 28px 48px;box-shadow:0 18px 44px rgba(0,0,0,0.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-width:920px;margin-left:0}.hero-card h1{color:#0b0f14;font-size:56px;line-height:1.06;font-weight:800;margin:0 0 16px 0}display:block;white-space:nowrap}}@media (max-width:520px){.hero-screen{height:715px}.hero-card h1{color:#0b0f14;font-size:56px;line-height:1.06;font-weight:800;margin:0 0 16px 0}display:block;white-space:nowrap}}.hero-title{display:flex;flex-direction:column;gap:8px;margin:0 0 16px 0}.hero-title .line1,.hero-title .line2{display:block;white-space:nowrap;line-height:1.05}.hero-title .line1{font-size:56px;font-weight:800}.hero-title .line2{font-size:56px;font-weight:800}.hero-sub{font-size:16px;line-height:1.6;color:#58606b;margin:0 0 22px 0}@media (max-width:900px){.hero-title .line1,.hero-title .line2{font-size:40px}}@media (max-width:520px){.hero-title .line1,.hero-title .line2{font-size:32px}}button,.btn,.btn-cta,.hero-btn,.pill,a.btn,input[type="submit"],input[type="button"]{background:#007ccf !important;color:#ffffff !important;border-radius:12px !important;border:none !important;padding:14px 26px;font-weight:600;text-decoration:none !important;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}button:hover,.btn:hover,.btn-cta:hover,.hero-btn:hover,.pill:hover,a.btn:hover,input[type="submit"]:hover,input[type="button"]:hover{background:#006bb5 !important;transform:translateY(-1px)}button:active,.btn:active,.btn-cta:active,.hero-btn:active,.pill:active,a.btn:active,input[type="submit"]:active,input[type="button"]:active{transform:translateY(0);background:#005fa3 !important}@media (min-width:1024px){.pill,.btn,a.btn,button,input[type="button"],input[type="submit"],.badge,.tag,.label,.pill *{text-align:center}.pill,.btn,a.btn,button,input[type="button"],input[type="submit"],.badge,.tag,.label{display:inline-flex;align-items:center;justify-content:center}}.ripple-target::before,.ripple-target::after{content:none !important;display:none !important}.burger-btn{display:none}@media (max-width:720px){body{padding-top:92px !important}.site-header .row{flex-wrap:nowrap !important;justify-content:space-between;gap:12px;padding:14px 0 !important}.brand{min-width:unset !important}.brand .name{display:none !important}.header-actions{margin-left:auto;gap:10px}.btn-cta{display:none !important}.burger-btn{display:inline-flex !important;width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,124,208,.22);background:var(--brand);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.burger-btn span{width:20px;height:2px;border-radius:2px;background:#fff;display:block;transition:transform .18s ease,opacity .18s ease}.site-header.menu-open .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .burger-btn span:nth-child(2){opacity:0}.site-header.menu-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{display:none !important}.site-header.menu-open .nav{display:flex !important;position:fixed;left:16px;right:16px;top:78px;z-index:1001;flex-direction:column;gap:6px;padding:14px;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(10,20,30,.18)}.site-header.menu-open .nav a{padding:12px 12px;border-radius:12px;text-align:center;font-size:15px}.site-header.menu-open .nav a.active:after{display:none !important}.site-header.menu-open .nav a:hover{background:rgba(0,124,208,.10)}.site-header .mobile-nav-backdrop{display:none !important}.site-header.menu-open .mobile-nav-backdrop{display:block !important;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.38)}.btn,.pill,.btn-cta,.btn-outline,.icon-btn{justify-content:center !important;text-align:center !important}.row-between{flex-direction:column !important;align-items:stretch !important}.row-between .pill{width:100% !important}.solutions-grid{grid-template-columns:1fr !important}.projects-grid{grid-template-columns:1fr !important}.footer{padding:22px 0 !important}.footer .cols{grid-template-columns:1fr !important;gap:18px !important;justify-items:center !important}.footer .brand-box,.footer .contacts,.footer .info{width:100% !important;text-align:center !important}.footer .links{align-items:center !important}.footer .social{justify-content:center !important}.footer .bottom{justify-content:center !important;text-align:center !important}.footer .bottom>div{width:100% !important}}@media (max-width:420px){.site-header.menu-open .nav{left:12px !important;right:12px !important}}.burger-btn{display:none}@media (max-width:720px){body{padding-top:92px !important}.site-header .row{flex-wrap:nowrap !important;justify-content:space-between;gap:12px;padding:14px 0 !important}.brand{min-width:unset !important}.brand .name{display:none !important}.header-actions{margin-left:auto;gap:10px}.btn-cta{display:none !important}.burger-btn{display:inline-flex;width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,124,208,.22);background:var(--brand);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.burger-btn span{width:20px;height:2px;border-radius:2px;background:#fff;display:block;transition:transform .18s ease,opacity .18s ease}.site-header.menu-open .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .burger-btn span:nth-child(2){opacity:0}.site-header.menu-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{display:none !important}.site-header.menu-open .nav{display:flex !important;position:fixed;left:16px;right:16px;top:78px;z-index:1001;flex-direction:column;gap:6px;padding:14px;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(10,20,30,.18)}.site-header.menu-open .nav a{padding:12px 12px;border-radius:12px;text-align:center;font-size:15px}.site-header.menu-open .nav a.active:after{display:none !important}.site-header.menu-open .nav a:hover{background:rgba(0,124,208,.10)}.site-header .mobile-nav-backdrop{display:none !important}.site-header.menu-open .mobile-nav-backdrop{display:block !important;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.38)}.btn,.pill,.btn-cta,.btn-outline,.icon-btn{justify-content:center;text-align:center}.row-between{flex-direction:column;align-items:stretch}.row-between .pill{width:100%}.solutions-grid{grid-template-columns:1fr !important}.steps-grid{grid-template-columns:1fr !important}.projects-grid{grid-template-columns:1fr !important}.footer{padding:22px 0 !important}.footer .cols{grid-template-columns:1fr !important;gap:18px !important;justify-items:center !important}.footer .brand-box,.footer .contacts,.footer .info{width:100% !important;text-align:center !important;justify-self:center !important}.footer .links{align-items:center !important;text-align:center !important}.footer .social{justify-content:center !important}.footer .bottom{justify-content:center !important;text-align:center !important}.footer .bottom>div{width:100% !important}}@media (max-width:420px){.site-header.menu-open .nav{left:12px;right:12px}}.burger-btn{display:none}@media (max-width:720px){body{padding-top:92px !important}.site-header .row{flex-wrap:nowrap !important;justify-content:space-between;gap:12px;padding:14px 0 !important}.brand{min-width:unset !important}.brand .name{display:none !important}.header-actions{margin-left:auto;gap:10px}.btn-cta{display:none !important}.burger-btn{display:inline-flex !important;width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,124,208,.22);background:var(--brand);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.burger-btn span{width:20px;height:2px;border-radius:2px;background:#fff;display:block;transition:transform .18s ease,opacity .18s ease}.site-header.menu-open .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .burger-btn span:nth-child(2){opacity:0}.site-header.menu-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{display:none !important}.site-header.menu-open .nav{display:flex !important;position:fixed;left:16px;right:16px;top:78px;z-index:1001;flex-direction:column;gap:6px;padding:14px;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(10,20,30,.18)}.site-header.menu-open .nav a{padding:12px 12px;border-radius:12px;text-align:center;font-size:15px}.site-header.menu-open .nav a.active:after{display:none !important}.site-header.menu-open .nav a:hover{background:rgba(0,124,208,.10)}.site-header .mobile-nav-backdrop{display:none}.site-header.menu-open .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.38)}.btn,.pill,.btn-cta,.btn-outline,.icon-btn{justify-content:center !important;text-align:center !important}.row-between{flex-direction:column !important;align-items:stretch !important}.row-between .pill{width:100% !important}.solutions-grid{grid-template-columns:1fr !important}.projects-grid{grid-template-columns:1fr !important}.footer{padding:22px 0 !important}.footer .cols{grid-template-columns:1fr !important;gap:18px !important;justify-items:center !important}.footer .brand-box,.footer .contacts,.footer .info{width:100% !important;text-align:center !important}.footer .links{align-items:center !important;text-align:center !important}.footer .social{justify-content:center !important}.footer .bottom{justify-content:center !important;text-align:center !important}.footer .bottom>div{width:100% !important}}@media (max-width:420px){.site-header.menu-open .nav{left:12px;right:12px}}.burger-btn{display:none}@media (max-width:720px){body{padding-top:92px !important}.site-header .row{flex-wrap:nowrap !important;justify-content:space-between;gap:12px;padding:14px 0 !important}.brand{min-width:unset !important}.brand .name{display:none !important}.header-actions{margin-left:auto;gap:10px}.btn-cta{display:none !important}.burger-btn{display:inline-flex !important;width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,124,208,.22);background:var(--brand);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.burger-btn span{width:20px;height:2px;border-radius:2px;background:#fff;display:block;transition:transform .18s ease,opacity .18s ease}.site-header.menu-open .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .burger-btn span:nth-child(2){opacity:0}.site-header.menu-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{display:none !important}.site-header.menu-open .nav{display:flex !important;position:fixed;left:16px;right:16px;top:78px;z-index:1001;flex-direction:column;gap:6px;padding:14px;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(10,20,30,.18)}.site-header.menu-open .nav a{padding:12px 12px;border-radius:12px;text-align:center;font-size:15px}.site-header.menu-open .nav a.active:after{display:none !important}.site-header.menu-open .nav a:hover{background:rgba(0,124,208,.10)}.site-header .mobile-nav-backdrop{display:none !important}.site-header.menu-open .mobile-nav-backdrop{display:block !important;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.38)}.btn,.pill,.btn-cta,.btn-outline,.icon-btn{justify-content:center !important;text-align:center !important}.row-between{flex-direction:column !important;align-items:stretch !important}.row-between .pill{width:100% !important}.footer{padding:22px 0 !important}.footer .cols{grid-template-columns:1fr !important;gap:18px !important;justify-items:center !important}.footer .brand-box,.footer .contacts,.footer .info{width:100% !important;text-align:center !important}.footer .links{align-items:center !important}.footer .social{justify-content:center !important}.footer .bottom{justify-content:center !important;text-align:center !important}.footer .bottom>div{width:100% !important}}@media (max-width:420px){.site-header.menu-open .nav{left:12px !important;right:12px !important}}@media (max-width:720px){.site-header .nav{display:flex;position:fixed;top:0;right:0;left:auto;height:100vh;width:min(86vw,360px);padding:18px 16px 16px;flex-direction:column;gap:8px;background:#fff;border-radius:18px 0 0 18px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(10,20,30,.22);transform:translateX(110%);opacity:0;pointer-events:none;z-index:1001}.site-header.menu-open .nav{transform:translateX(0);opacity:1;pointer-events:auto}.site-header .mobile-nav-backdrop{display:none}.site-header.menu-open .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.42)}.hero-screen .container{padding-left:14px;padding-right:14px}.hero-content{padding:0}.hero-card{width:100%;max-width: auto;padding:18px 16px;border-radius:18px}.hero-title{font-size:clamp(28px,8.2vw,40px);line-height:1.08;letter-spacing:-0.6px;word-break:break-word}.hero-title .line1,.hero-title .line2{display:block;white-space:normal}.hero-sub{font-size:14.5px;line-height:1.55}.hero-actions{margin-top:14px}.hero-btn{width:100%;justify-content:center;text-align:center}.solutions-grid{grid-template-columns:1fr !important;gap:12px}.s-card{padding:18px 16px;border-radius:16px}.s-card h3{margin-top:10px;font-size:18px;line-height:1.25}.s-card p{font-size:14px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.solutions-head{display:flex;flex-direction:column;align-items:stretch;gap:12px}.solutions-head .pill{width:100%;justify-content:center;text-align:center}.projects-head{flex-direction:column;align-items:stretch}.projects-head .right{width:100%}.projects-head .right .btn{width:100%;justify-content:center;text-align:center}.footer{padding:30px 0}.footer .cols{grid-template-columns:1fr;gap:18px}.footer .brand-box{text-align:center}.footer .brand{justify-content:center}.footer .social{justify-content:center}.footer .links{align-items:center;text-align:center}.footer .bottom{flex-direction:column;align-items:center;text-align:center;gap:6px}}

/* Base visibility toggles (desktop default) */
.mnav-burger,
.mnav-phone-mini,
.mnav-backdrop,
.mnav-drawer,
.footer-mobile{ display:none; }

.footer-desktop{ display:block; }

/* ============================================================
 * NEW Mobile Header + Footer (ported look from examples)
 * - OFFCANVAS menu from right with rounded items + big phone CTA
 * - Footer cards with chevrons + accordion
 * Works only on <=720px and НЕ зачіпає ПК
 * ============================================================ */
@media (max-width: 720px){
  /* Hide desktop nav in header */
  /* Disable old mobile menu elements (we use offcanvas drawer now) */
  #mobile-nav,
  .burger-btn,
  .site-header .header-actions .icon-btn,
  .site-header .header-actions .btn-cta{ display:none !important; }

  .nav-desktop{ display:none !important; }

  /* Header spacing */
  body{ padding-top: 92px; }

  .site-header .row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .site-header .brand .name{ display:none; } /* компактніше на мобільних */
  .site-header .brand{ gap:10px; }

  .header-actions{
    display:flex;
    align-items:center;
    gap:12px;
  }

  /* mini phone button */
  .mnav-phone-mini{
    width:54px; height:54px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#ffffff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 10px 26px rgba(0,0,0,.28);
  }
  .mnav-phone-mini svg{ width:22px; height:22px; }

  /* Burger like in screenshots */
  .mnav-burger{
    position:fixed;
    top:24px;
    right:24px;
    width:54px;
    height:54px;
    border-radius:50%;
    background:#007ccf;
    box-shadow:0 10px 28px rgba(0,124,207,.35);
    border:0;
    z-index:1100;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .mnav-burger:active{ transform:scale(.96); }
  .mnav-burger span{
    position:absolute;
    display:block;
    width:30px;
    height:3px;
    background:#ffffff;
    border-radius:2px;
    transition:.45s;
  }
  .mnav-burger span:nth-child(1){ top:16px; }
  .mnav-burger span:nth-child(2){ top:26px; }
  .mnav-burger span:nth-child(3){ top:36px; }

  .site-header.mnav-open .mnav-burger span:nth-child(1){ transform:translateY(10px) rotate(45deg); }
  .site-header.mnav-open .mnav-burger span:nth-child(2){ opacity:0; }
  .site-header.mnav-open .mnav-burger span:nth-child(3){ transform:translateY(-10px) rotate(-45deg); }

  /* Backdrop */
  .mnav-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.62);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
    z-index:1090;
  }
  .site-header.mnav-open .mnav-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  /* Drawer */
  .mnav-drawer{
    position:fixed;
    top:0;
    right:0;
    width:min(420px, 100%);
    height:100vh;
    padding:18px 18px 22px;
    transform:translateX(110%);
    transition:transform .28s ease;
    z-index:1095;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    background:#ffffff;
    border-left:1px solid rgba(8,29,50,.10);
    color:#081d32;
    box-shadow:-24px 0 80px rgba(0,0,0,.55);
  }
  .site-header.mnav-open .mnav-drawer{
    transform:translateX(0);
  }

  .mnav-inner{ position:relative; padding-top: 92px; }

  /* close button (blue circle X) */
  .mnav-close{
    position:absolute;
    top:18px;
    right:18px;
    width:54px;
    height:54px;
    border-radius:50%;
    background:#007ccf;
    border:0;
    color:#ffffff;
    box-shadow:0 10px 28px rgba(0,124,207,.35);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1110;
  }
  .mnav-close svg{ width:22px; height:22px; display:block; }

  /* menu list */
  .mnav-list{ display:flex; flex-direction:column; gap:12px; }

  .mnav-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 16px;
    border-radius:18px;
    background:rgba(8,29,50,.04);
    border:1px solid rgba(8,29,50,.10);
    color:#081d32;
    text-decoration:none;
    font-weight:800;
    letter-spacing:.2px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
  }
  .mnav-chev{
    width:34px; height:34px;
    border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(0,124,207,.10);
    color:#007ccf;
    font-size:22px;
    line-height:1;
  }

  .mnav-phone{
    margin-top:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px 16px;
    border-radius:18px;
    background:#007ccf;
    color:#ffffff;
    font-weight:900;
    text-decoration:none;
    border:1px solid rgba(0,124,207,.25);
    box-shadow:0 16px 42px rgba(0,124,207,.25);
  }

  /* Accordion inside menu */
  .mnav-acc{
    border-radius:18px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    overflow:hidden;
  }
  .mnav-acc-btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 16px;
    background:transparent;
    color:#ffffff;
    border:0;
    cursor:pointer;
    font-weight:900;
    font-size:18px;
  }
  .mnav-acc-chev{
    width:36px; height:36px;
    border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.06);
    color:#ffffff;
    transition:transform .25s ease;
  }
  .mnav-acc-chev svg{ width:20px; height:20px; }
  .mnav-acc.open .mnav-acc-chev{ transform:rotate(180deg); }

  .mnav-acc-panel{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease, padding .35s ease, opacity .25s ease;
    padding:0 12px;
    opacity:.5;
  }
  .mnav-acc.open .mnav-acc-panel{
    max-height:600px;
    padding:6px 12px 12px;
    opacity:1;
  }
  .mnav-sub{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#081d32;
    text-decoration:none;
    font-weight:700;
    margin-top:10px;
  }

  /* Footer: show mobile cards, hide desktop columns */
  .footer-desktop{ display:none !important; }
  .footer-mobile{ display:block; }

  .footer{ padding-top:24px; background:#081d32; }
  .footer-mobile{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:8px 0 0;
  }

  .fm-card{
    border-radius:18px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 60px rgba(0,0,0,.35);
    overflow:hidden;
  }

  .fm-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 16px;
    color:#ffffff;
    text-decoration:none;
    font-weight:900;
    font-size:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  }

  .fm-btn{
    width:100%;
    border:0;
    cursor:pointer;
    text-align:left;
  }

  .fm-chev{
    width:36px; height:36px;
    border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.06);
    color:#ffffff;
    transition:transform .25s ease;
  }
  .fm-chev svg{ width:20px; height:20px; }

  .fm-cta{
    margin:0 16px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 14px;
    border-radius:14px;
    text-decoration:none;
    font-weight:900;
    color:#ffffff;
    background:transparent;
    border:2px solid rgba(0,124,207,.85);
    box-shadow:0 10px 30px rgba(0,0,0,.25);
  }

  .fm-lines{
    padding:0 16px 16px;
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .fm-lines a{
    color:#ffffff;
    text-decoration:none;
    font-weight:700;
  }
  .fm-muted{
    color:rgba(255,255,255,.78);
    font-size:14px;
  }

  /* Footer accordion panel */
  .fm-panel{
    max-height:0;
    overflow:hidden;
    padding:0 16px;
    opacity:.5;
    transition:max-height .45s ease, padding .35s ease, opacity .25s ease;
  }
  .fm-acc.open .fm-panel{
    max-height:800px;
    padding:0 16px 16px;
    opacity:1;
  }
  .fm-panel a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 0;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ffffff;
    text-decoration:none;
    font-weight:700;
  }

  .fm-acc.open .fm-chev{ transform:rotate(180deg); }

  .fm-bottom{
    padding:6px 0 16px;
    display:flex;
    flex-direction:column;
    gap:6px;
    color:rgba(255,255,255,.78);
    font-size:13px;
    text-align:center;
  }
}

@media (max-width:720px){.burger-btn{display:none!important}.nav{display:none!important}.mobile-nav-backdrop{display:none!important}.icon-btn{display:flex!important}.mnav-phone-mini{display:none!important}.mnav-burger{display:flex!important;position:relative!important;top:auto!important;right:auto!important;z-index:2}.mnav-backdrop{display:block!important}.mnav-drawer{display:block!important}.header-actions{gap:10px!important}}



/* === MOBILE FIXES v4 (do not affect desktop) === */
@media (max-width: 720px){
  /* 1) Close button: always show X and avoid overlap */
  .mnav-close{ z-index: 2000; }
  .mnav-close-fallback{
    display:inline-block;
    font-size:22px;
    line-height:1;
    font-weight:700;
    margin-right:2px;
  }
  .mnav-close svg{ display:block !important; width:22px; height:22px; }
  /* push menu items below close button area */
  .mnav-inner{ padding-top: 72px; }
  .mnav-list{ padding-top: 0 !important; }

  /* 2) "Всі послуги" spacing in 'Що ми робимо' */
  .solutions .row-between{ flex-direction: column; align-items:flex-start; }
  .solutions .pill{ margin-top: 12px; }

  /* 3) Footer: make 'Контакти' and CTA text white */
  .footer-mobile .fm-head span{ color:#ffffff !important; }
  .footer-mobile .fm-cta{ color:#ffffff !important; }
}
@media (max-width: 720px){  /* FIX5: close button looks clean */  .mnav-close{    width:44px;    height:44px;    top:14px;    right:14px;    border-radius:14px;    background:#007ccf;    box-shadow:0 10px 22px rgba(0,124,207,.28);  }  .mnav-close-ico{ width:20px; height:20px; display:block; }  /* ensure list doesn't go under close button */  .mnav-list{ padding-top:64px; }  /* FIX5: spacing for "Всі послуги" button in "Що ми робимо" */  .solutions-head{ flex-direction:column; align-items:stretch; gap:12px; }  .solutions .pill{ display:block; width:100%; text-align:center; margin:0 0 12px; }  /* FIX5: footer text/buttons must be white on mobile */  .footer-mobile, .footer-mobile *{ color:#ffffff !important; }  .footer-mobile a, .footer-mobile a *{ color:#ffffff !important; }  .footer-mobile .fm-cta, .footer-mobile .fm-cta *{ color:#ffffff !important; }}

/* === MOBILE FIXES (FIX6) === */
/* Close (X) icon for mobile drawer */
.mnav-x{
  width:22px;
  height:22px;
  display:block;
  position:relative;
}
.mnav-x::before,
.mnav-x::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:2.6px;
  background:#fff;
  border-radius:2px;
  transform-origin:center;
  transform:translate(-50%,-50%) rotate(45deg);
}
.mnav-x::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}

/* Small bottom spacing for "Всі послуги" pill in "Що ми робимо" on mobile */
@media (max-width: 768px){
  .solutions-head .pill{
    margin-bottom:12px;
  }
}

/* Mobile footer: make "Контакти" and "Зв'язатися" texts white */
@media (max-width: 768px){
  footer .contacts h4,
  footer .contacts p,
  footer .contacts a,
  footer .fm-cta{
    color:#fff !important;
  }
}


/* hero h2 subtitle */
.hero-subtitle{margin:0 0 10px;font-family:"Unbounded",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.15;color:rgba(255,255,255,.92)}
@media (max-width: 700px){.hero-subtitle{font-size:18px}}


.footer-city-links{
  display:flex;
  justify-content:center;
  gap:24px;
  flex:1;
  min-width:260px;
}
.footer-city-links a{
  color:#b6d7f3;
  text-decoration:none;
  white-space:nowrap;
}
.footer-city-links a:hover{opacity:.9;}
.bottom-left,.bottom-right{white-space:nowrap;}
@media (max-width:700px){
  .footer-city-links{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap;}
  .bottom-left,.bottom-right{width:100%;text-align:center;}
  .bottom{justify-content:center;}
}


/* Fix hero title overflow */
.hero-title-small{font-size:30px !important;line-height:1.2;max-width:100%;white-space:normal;overflow-wrap:anywhere;}