:root{
  --brand:#1552a4;--brand-bright:#2d7fe8;--brand-dark:#0b315f;--brand-pale:#eaf2ff;
  --ink:#07101e;--ink-2:#10223a;--text:#1c2b40;--muted:#667085;--line:#dfe5ee;
  --paper:#fff;--soft:#f6f9fd;--radius:20px;--shadow:0 24px 70px rgba(7,16,30,.10);--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(7,16,30,.07);backdrop-filter:blur(18px);transition:.25s}.site-header.is-scrolled{box-shadow:0 10px 32px rgba(7,16,30,.08)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;width:142px;height:88px}.brand img{width:auto;height:82px}.main-nav{display:flex;align-items:center;gap:28px;color:#25334a;font-size:14px;font-weight:750}.main-nav a:not(.nav-cta){position:relative;padding:10px 0}.main-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-bright));transition:.25s}.main-nav a:hover::after{right:0}.nav-cta{padding:12px 19px;border-radius:999px;background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(21,82,164,.16)}.nav-cta:hover{background:#0e438b}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}
.hero{min-height:90vh;background:radial-gradient(circle at 14% 34%,rgba(45,127,232,.09),transparent 30%),radial-gradient(circle at 86% 18%,rgba(21,82,164,.07),transparent 30%),linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef5ff 100%);color:var(--ink);position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid #e7edf5}.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(21,82,164,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(21,82,164,.038) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent 1%,#000 18%,#000 82%,transparent)}.hero-orb{position:absolute;border-radius:50%;border:1px solid rgba(21,82,164,.08)}.hero-orb-a{width:650px;height:650px;right:-340px;top:90px}.hero-orb-b{width:340px;height:340px;left:-230px;bottom:0}.hero-inner{position:relative;z-index:2;padding:190px 0 112px}.hero-single{display:block}.hero-copy{max-width:1020px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:850;color:var(--brand);margin-bottom:22px}.eyebrow span{width:28px;height:2px;background:var(--brand-bright)}.eyebrow.dark{color:var(--brand)}.hero h1,.section-heading h2,.positioning-copy h2,.maintenance-copy h2,.competence-copy h2,.tech-copy h2,.contact-copy h2{margin:0;line-height:1.04;letter-spacing:-.045em;font-weight:760}.hero h1{font-size:clamp(50px,6vw,84px);max-width:1050px}h1 em,h2 em{font-style:normal;color:var(--brand-bright)}.hero-lead{font-size:20px;color:#5d6d82;max-width:900px;margin:30px 0 34px;line-height:1.72}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:780;font-size:14px;transition:.23s}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-bright));color:#fff;box-shadow:0 12px 30px rgba(21,82,164,.24)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(45,127,232,.30)}.btn-ghost{border-color:#cbd8e8;color:#24344d;background:rgba(255,255,255,.78)}.btn-ghost:hover{background:#fff;border-color:#aebfd3;box-shadow:0 10px 26px rgba(7,16,30,.08)}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:54px;padding-top:24px;border-top:1px solid rgba(21,82,164,.13);max-width:980px}.hero-trust div{display:grid;gap:2px}.hero-trust strong{font-size:15px;color:#12233a}.hero-trust span{font-size:11px;color:#7b8a9e;text-transform:uppercase;letter-spacing:.08em}
.executive-band{background:#fff;border-bottom:1px solid var(--line)}.executive-grid{display:grid;grid-template-columns:repeat(4,1fr)}.executive-grid>div{padding:30px 28px;border-right:1px solid var(--line)}.executive-grid>div:first-child{padding-left:0}.executive-grid>div:last-child{border-right:0}.executive-grid small{display:block;font-size:9px;letter-spacing:.16em;color:var(--brand);font-weight:900;margin-bottom:8px}.executive-grid strong{display:block;font-size:14px;line-height:1.45;color:#182a42}
section[id]{scroll-margin-top:115px}.section{padding:110px 0}.section-positioning{background:#fff}.positioning-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:92px;align-items:start}.positioning-copy{position:sticky;top:140px}.positioning-copy h2,.maintenance-copy h2,.competence-copy h2{font-size:clamp(38px,4.1vw,60px);color:var(--ink)}.positioning-copy p,.competence-copy p{color:var(--muted);font-size:17px;margin:24px 0 0}.positioning-points{border-top:1px solid var(--line)}.positioning-points article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.positioning-points article>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--brand)}.positioning-points h3{margin:0 0 8px;font-size:21px;color:#13243b}.positioning-points p{margin:0;color:var(--muted);font-size:14px}
.section-services{background:var(--soft)}.section-heading{max-width:880px;margin-bottom:52px}.section-heading h2,.tech-copy h2{font-size:clamp(38px,4.4vw,62px);color:var(--ink)}.section-heading p,.tech-copy p{font-size:18px;color:var(--muted);max-width:760px;margin:22px 0 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:390px;transition:.25s;overflow:hidden}.service-card::before{content:"";position:absolute;inset:auto -55px -85px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(21,82,164,.08),transparent 70%)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c7d7eb}.service-icon{width:52px;height:52px;border-radius:14px;border:1px solid #d6e3f2;background:#f7faff;display:grid;place-items:center;color:var(--brand);font-weight:900;font-size:11px;letter-spacing:.12em}.service-card h3{font-size:21px;line-height:1.25;margin:24px 0 12px;letter-spacing:-.02em;color:#13243b}.service-card p{color:var(--muted);font-size:14px}.service-card ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:8px}.service-card li{font-size:13px;color:#475467;display:flex;gap:8px}.service-card li::before{content:"+";color:var(--brand);font-weight:900}
.maintenance-section{background:radial-gradient(circle at 10% 20%,rgba(21,82,164,.20),transparent 28%),#07101e;color:#fff}.maintenance-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.maintenance-copy h2{color:#fff}.maintenance-copy p{color:#aab8ca;font-size:17px;margin:24px 0 30px}.maintenance-copy .eyebrow{color:#8fbfff}.text-link{font-weight:800;color:#8dbdff;display:inline-flex;gap:12px;align-items:center}.monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.monitor-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035)}.monitor-card>span{font-size:10px;letter-spacing:.14em;color:#6eaaff;font-weight:900}.monitor-card h3{margin:20px 0 8px;font-size:20px}.monitor-card p{margin:0;color:#95a6bc;font-size:14px}
.competence-section{background:#fff}.competence-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.competence-list{border-top:1px solid var(--line)}.competence-list>div{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;gap:26px}.competence-list strong{color:#11243e;font-size:15px}.competence-list p{margin:0;color:var(--muted);font-size:14px}
.tech-section{background:var(--soft)}.tech-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.tech-cloud{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tech-cloud span{min-height:72px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:.06em;color:#344054;background:#fff;transition:.2s}.tech-cloud span:hover{border-color:#b6cae3;color:var(--brand);transform:translateY(-2px)}
.contact-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#07101e 0%,#0a1c33 60%,#103461 135%);color:#fff;padding:110px 0}.contact-layout{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-copy h2{font-size:clamp(40px,4.4vw,64px)}.contact-copy p{color:#aab8ca;font-size:18px;max-width:540px}.contact-direct{display:grid;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);max-width:540px}.contact-direct span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f84a0}.contact-direct a{font-size:18px;font-weight:800;margin-top:6px}.contact-direct small{color:#6f84a0;margin-top:6px}.contact-form{background:#fff;color:var(--text);border-radius:24px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;margin-bottom:14px;font-size:12px;font-weight:800;color:#344054}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d8e0ea;border-radius:12px;padding:13px 14px;background:#fbfcfe;color:#101828;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#71a7e7;box-shadow:0 0 0 4px rgba(21,82,164,.08)}.contact-form textarea{resize:vertical}.btn-full{width:100%;border:0}.form-note,.form-status{font-size:11px;color:#7a8798;margin:12px 0 0;text-align:center}.form-status{color:var(--brand);font-weight:700;min-height:16px}
.site-footer{background:#040914;color:#92a1b4}.footer-main{display:grid;grid-template-columns:1.5fr .75fr 1fr;gap:70px;padding:70px 0 44px}.footer-brand{max-width:340px}.footer-brand img{width:128px;height:auto;background:#fff;border-radius:14px;padding:8px 12px;margin-bottom:18px}.footer-brand p{font-size:14px}.footer-links{display:grid;align-content:start;gap:8px;font-size:13px}.footer-links strong{color:#fff;margin-bottom:10px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0 30px;border-top:1px solid rgba(255,255,255,.08);font-size:11px}.whatsapp{position:fixed;right:22px;bottom:78px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#128c4b;color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.18);z-index:92;transition:transform .2s ease,box-shadow .2s ease}.whatsapp:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.24)}.whatsapp svg{width:27px;height:27px;fill:currentColor}.back-to-top{position:fixed;z-index:90;right:26px;bottom:20px;width:44px;height:44px;border-radius:50%;border:1px solid #d6e2f0;background:#fff;color:var(--brand);box-shadow:0 12px 28px rgba(7,16,30,.16);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.back-to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.service-card,.tech-cloud span{transition:none}}
@media (max-width:1000px){.main-nav{gap:18px}.hero-inner{padding-top:160px}.executive-grid{grid-template-columns:repeat(2,1fr)}.executive-grid>div:nth-child(2){border-right:0}.executive-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.executive-grid>div:first-child,.executive-grid>div:nth-child(3){padding-left:28px}.positioning-layout,.maintenance-layout,.competence-layout,.tech-layout,.contact-layout{grid-template-columns:1fr;gap:50px}.positioning-copy{position:static}.services-grid{grid-template-columns:repeat(2,1fr)}.tech-cloud{grid-template-columns:repeat(5,1fr)}.tech-cloud span{font-size:11px}.footer-main{grid-template-columns:1.2fr .8fr 1fr;gap:40px}}
@media (max-width:760px){.container{width:min(100% - 30px,var(--max))}.header-inner{height:78px}.brand{width:105px;height:68px}.brand img{height:64px}.menu-toggle{display:block}.main-nav{position:fixed;top:78px;left:15px;right:15px;display:grid;gap:6px;padding:18px;background:rgba(255,255,255,.99);color:#233149;border:1px solid #dfe7f1;border-radius:18px;box-shadow:0 25px 50px rgba(7,16,30,.15);transform:translateY(-10px);opacity:0;pointer-events:none;transition:.2s}.main-nav.is-open{transform:none;opacity:1;pointer-events:auto}.main-nav a{padding:11px 12px!important}.nav-cta{text-align:center;margin-top:6px;color:#fff}.hero{min-height:auto}.hero-inner{padding:135px 0 82px}.hero h1{font-size:clamp(42px,12vw,60px)}.hero-lead{font-size:17px}.hero-actions{display:grid}.btn{width:100%}.hero-trust{grid-template-columns:1fr;gap:16px;margin-top:38px}.executive-grid{grid-template-columns:1fr}.executive-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:20px 0!important}.executive-grid>div:last-child{border-bottom:0!important}.section,.contact-section{padding:82px 0}.positioning-copy h2,.maintenance-copy h2,.competence-copy h2,.section-heading h2,.tech-copy h2{font-size:clamp(36px,10vw,48px)}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.monitor-grid{grid-template-columns:1fr}.competence-list>div{grid-template-columns:1fr;gap:8px}.tech-cloud{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}.footer-main{grid-template-columns:1fr;gap:34px;padding-top:50px}.footer-bottom{display:grid}}
