@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b2e58;--blue:#1266e8;--cyan:#20a8e8;--ink:#13233c;--muted:#5c6b80;--pale:#edf5ff;--line:#d8e5f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.header{height:78px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #0b2e5810}.brand{display:flex;align-items:center;gap:11px;min-width:235px}.brand-mark{width:42px;height:42px;border:2px solid var(--blue);border-radius:13px;display:grid;place-items:center;color:var(--blue);font-weight:800;letter-spacing:-2px}.brand b{font-size:22px;letter-spacing:-1px}.brand b span{color:var(--blue)}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.nav{display:flex;gap:clamp(12px,2vw,30px);font-size:12px;font-weight:700}.nav a:hover,.phone:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:15px}.phone{font-size:12px;font-weight:800;white-space:nowrap}.lang-switch{display:flex;border:1px solid var(--line);border-radius:20px;padding:3px}.lang{border:0;background:transparent;padding:6px 8px;border-radius:15px;font-size:10px;font-weight:800;cursor:pointer;color:var(--muted)}.lang.active{background:var(--blue);color:white}.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--navy)}
.hero{min-height:520px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#08284feF 0%,#0a315bd9 38%,#0a315b10 100%),url('https://images.unsplash.com/photo-1474487548417-781cb71495f3?auto=format&fit=crop&w=2000&q=85') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#08284f35,transparent 45%)}.hero-content{position:relative;max-width:680px;padding:75px clamp(22px,7vw,100px);color:#fff}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--cyan);margin:0 0 14px}.hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.08;letter-spacing:-2px;margin:0 0 18px}.hero-copy{font-size:16px;line-height:1.65;max-width:560px;color:#e8f2ff}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:9px;font:700 12px Manrope,Arial,sans-serif;cursor:pointer;transition:.2s}.btn.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);box-shadow:0 8px 22px #1266e833}.btn.primary:hover{background:#0755ce;transform:translateY(-1px)}.btn.ghost{border:1px solid #ffffffa8;color:#fff;background:#ffffff12}.hero-note{font-size:10px;color:#d2e2f4}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#f1f6fd;padding:20px clamp(20px,7vw,100px);gap:15px}.proof-strip div{display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);padding-right:12px;font-size:11px}.proof-strip div:last-child{border:0}.proof-icon{font-size:25px;color:var(--blue)}
.section{padding:76px clamp(20px,7vw,100px)}.section-heading{max-width:690px;margin-bottom:32px}.section-heading h2,.contact-copy h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.4px;margin:0 0 12px;color:var(--navy)}.section-heading>p:last-child{font-size:14px;line-height:1.75;color:var(--muted)}.solution{background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 12px 28px #0b2e5808}.feature-icon{width:48px;height:48px;display:grid;place-items:center;background:#e5f1ff;color:var(--blue);border-radius:14px;font-size:26px}.feature-card h3,.benefit-grid h3,.service-card h3{font-size:16px;margin:17px 0 8px;color:var(--navy)}.feature-card p,.benefit-grid p,.service-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.notice{margin-top:22px;padding:16px 18px;border-left:3px solid #e3a32a;background:#fff8e9;color:#67522d;font-size:11px;line-height:1.7;border-radius:0 9px 9px 0}.benefits{background:#f3f7fc}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-grid article{padding:22px;background:white;border-radius:13px;border:1px solid #e6edf6}.benefit-grid article>span{font-size:24px;font-weight:800;color:#a9c8f5}.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.service-card h3,.service-card p{margin-left:18px;margin-right:18px}.service-card p{margin-bottom:20px}.service-art{height:120px;display:flex;align-items:flex-end;padding:14px 18px;color:white;font-size:32px;font-weight:800;background:linear-gradient(135deg,#0b3a70,#1686e8)}.art-b{background:linear-gradient(135deg,#13547e,#49a9d4)}.art-c{background:linear-gradient(135deg,#153f72,#1686e8)}.art-d{background:linear-gradient(135deg,#0b2e58,#4c83b9)}
.workflow{padding:64px clamp(20px,7vw,100px);background:#edf5ff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps div{display:flex;align-items:center;gap:12px;padding:16px;background:white;border:1px solid var(--line);border-radius:12px;font-size:11px;font-weight:700}.steps b{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:50%}.contact-section{padding:76px clamp(20px,7vw,100px);display:grid;grid-template-columns:1fr 1fr;gap:50px;background:linear-gradient(120deg,#092d56,#0e477c);color:white}.contact-copy h2{color:white;max-width:550px}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#d4e5f6;max-width:520px}.contact-detail{display:flex;gap:12px;align-items:center;margin-top:18px;font-size:12px;color:#e1edfa}.contact-form{padding:28px;background:white;border-radius:16px;color:var(--ink);box-shadow:0 20px 50px #001b3b40}.contact-form h3{margin:0 0 20px;font-size:20px;color:var(--navy)}.contact-form label{display:block;margin:12px 0;font-size:10px;font-weight:800;color:var(--muted)}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid var(--line);border-radius:8px;font:12px Manrope,Arial,sans-serif;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1266e815}.submit{width:100%;margin-top:8px}.form-note,.form-status{font-size:9px;line-height:1.6;color:var(--muted)}.footer{padding:30px clamp(20px,7vw,100px);background:#071f3c;color:#d5e4f5;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:#fff}.footer-brand small{color:#a9bfd8}.footer p{font-size:10px;color:#a9bfd8}.footer>small{font-size:10px;white-space:nowrap}
@media(max-width:1050px){.nav{gap:12px}.phone{display:none}.header{padding:0 20px}.brand{min-width:200px}.benefit-grid,.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header{height:68px}.menu-toggle{display:block;order:3}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 22px;background:white;box-shadow:0 12px 20px #0b2e5815;flex-direction:column}.nav.open{display:flex}.header-actions{margin-left:auto}.brand b{font-size:18px}.brand small{font-size:9px}.brand-mark{width:36px;height:36px}.hero{min-height:570px;background-position:58% center}.hero-content{padding:65px 24px;max-width:600px}.hero h1{font-size:39px}.hero-copy{font-size:14px}.proof-strip{grid-template-columns:repeat(2,1fr);padding:18px 22px}.proof-strip div{border:0}.section,.workflow,.contact-section{padding:54px 22px}.solution-grid{grid-template-columns:1fr}.benefit-grid,.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps div:last-child{grid-column:span 2}.contact-section{grid-template-columns:1fr;gap:25px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}}
@media(max-width:420px){.brand{min-width:0}.brand small{max-width:145px}.lang{padding:5px 6px}.hero h1{font-size:33px}.benefit-grid,.service-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps div:last-child{grid-column:auto}.proof-strip{gap:12px}.proof-strip div{font-size:10px}}