:root{
  --blue:#123b63;
  --blue-dark:#071f38;
  --blue-mid:#0b4f8f;
  --orange:#f47a20;
  --orange-dark:#dc5f05;
  --ink:#1f2933;
  --muted:#5d6b78;
  --line:#dfe7ef;
  --light:#f5f8fc;
  --white:#fff;
  --shadow:0 18px 55px rgba(7,31,56,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);line-height:1.65}
a{color:inherit}.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#000;padding:10px;z-index:1000}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 5.8vw;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 2px 18px rgba(0,0,0,.08)}.brand img{display:block;width:min(310px,52vw);height:auto}.nav{display:flex;align-items:center;gap:22px}.nav a{text-decoration:none;color:var(--blue-dark);font-weight:800;font-size:15px}.nav a:hover{color:var(--orange)}.nav-cta{background:var(--orange);color:#fff!important;padding:10px 16px;border-radius:999px;box-shadow:0 10px 24px rgba(244,122,32,.25)}.menu-toggle{display:none;border:0;background:var(--blue);color:#fff;border-radius:10px;font-size:24px;padding:8px 12px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) 420px;gap:42px;align-items:center;min-height:700px;padding:92px 5.8vw;color:#fff;background:linear-gradient(135deg,var(--blue-dark),var(--blue));overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('images/hero-pattern.svg') center/cover no-repeat;opacity:.32}.hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(244,122,32,.34),transparent 66%);right:-140px;top:90px}.hero-content,.hero-card{position:relative;z-index:1}.eyebrow{margin:0 0 10px;text-transform:uppercase;color:var(--orange);font-size:13px;letter-spacing:1.5px;font-weight:900}.hero h1{font-size:clamp(42px,6.2vw,74px);line-height:1.02;margin:0 0 22px;max-width:920px}.lead{font-size:clamp(18px,2.1vw,22px);max-width:850px;color:#eaf2fb;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;margin:8px 10px 0 0;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:900;line-height:1.2}.button-primary{background:var(--orange);color:#fff;box-shadow:0 15px 28px rgba(244,122,32,.3)}.button-primary:hover{background:var(--orange-dark)}.button-secondary{background:#fff;color:var(--blue-dark)}.dark-text{color:var(--blue-dark)!important}.hero-card{background:#fff;color:var(--ink);border-radius:22px;padding:30px;box-shadow:var(--shadow);border-top:6px solid var(--orange)}.hero-card h2{margin:0 0 12px;color:var(--blue);font-size:25px}.hero-card a{color:var(--blue);font-weight:900}.small{font-size:14px;color:var(--muted)}.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:24px 5.8vw;background:var(--light);border-bottom:1px solid var(--line)}.trust-strip span{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:0 6px 18px rgba(7,31,56,.05);border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px}.section{padding:82px 5.8vw}.section-light{background:var(--light)}.section-heading{max-width:920px;margin:0 auto 38px;text-align:center}.section-heading h2,.split-section h2,.contact-section h2{font-size:clamp(31px,4.1vw,50px);line-height:1.1;margin:0 0 14px;color:var(--blue-dark)}.section-heading p:last-child{font-size:18px;color:var(--muted)}.intro .section-heading{text-align:left;margin-left:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-grid div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 35px rgba(7,31,56,.07)}.quick-grid strong{display:block;font-size:30px;color:var(--orange);line-height:1.1}.quick-grid span{display:block;color:var(--blue);font-weight:800;margin-top:8px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 32px rgba(7,31,56,.07);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-card .icon{display:grid;place-items:center;width:50px;height:50px;background:rgba(244,122,32,.13);color:var(--orange);border-radius:14px;font-size:26px;font-weight:900;margin-bottom:14px}.service-card h3{margin:0 0 10px;color:var(--blue);font-size:22px}.service-card p{margin:0;color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split-section p{font-size:18px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:24px 0 0}.check-list li{position:relative;padding-left:32px;margin:12px 0;font-weight:700;color:var(--blue-dark)}.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:900}.image-panel{min-height:420px;border-radius:26px;padding:34px;color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.image-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,31,56,.88),rgba(7,31,56,.12))}.image-panel h3,.image-panel p{position:relative;z-index:1;color:#fff}.image-panel h3{font-size:32px;margin:0 0 8px}.cloud-panel{background:linear-gradient(135deg,var(--blue-mid),var(--blue-dark))}.network-panel{background:linear-gradient(135deg,var(--orange),var(--blue))}.dark-section{background:var(--blue-dark);color:#fff}.dark-section .section-heading h2{color:#fff}.dark-section .section-heading p:last-child{color:#d6e5f4}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px}.feature-grid h3{color:var(--orange);margin:0 0 8px}.feature-grid p{margin:0;color:#dbe8f5}.reverse{background:linear-gradient(135deg,#fff,#fff3eb)}.about-section{background:#fff}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-cards div{background:var(--light);border:1px solid var(--line);border-radius:18px;padding:26px}.about-cards strong{display:block;color:var(--blue);font-size:21px;margin-bottom:8px}.about-cards p{margin:0;color:var(--muted)}.contact-section{display:grid;grid-template-columns:1fr 440px;gap:48px;align-items:center;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff}.contact-section h2{color:#fff}.contact-section p{color:#e8f1fa;font-size:18px}.final-card{background:#fff;color:var(--ink);border-radius:22px;border-top:6px solid var(--orange);box-shadow:var(--shadow);padding:30px}.final-card h3{margin:0 0 14px;color:var(--blue);font-size:25px}.final-card p{color:var(--ink);font-size:16px}.final-card a{color:var(--blue);font-weight:900}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5.8vw;background:#17212b;color:#fff;font-size:14px}.site-footer strong{color:#fff}@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-card{max-width:520px}.card-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.contact-section{grid-template-columns:1fr}}@media(max-width:780px){.site-header{padding:12px 18px}.brand img{width:240px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-top:1px solid var(--line);padding:16px 22px;box-shadow:0 18px 40px rgba(0,0,0,.16)}.nav.open{display:flex}.nav a{padding:10px}.nav-cta{text-align:center}.hero,.section{padding:54px 22px}.hero h1{font-size:40px}.quick-grid,.card-grid,.split-section,.feature-grid,.about-cards{grid-template-columns:1fr}.site-footer{flex-direction:column;text-align:center}.image-panel{min-height:300px}.contact-section{padding:54px 22px}.hero-actions .button,.contact-buttons .button{width:100%;margin-right:0}.trust-strip{justify-content:flex-start;padding:20px 22px}.section-heading{text-align:left}.section-heading p:last-child{font-size:16px}}