*{box-sizing:border-box}
:root{--blue:#1719ff;--deep:#06143b;--navy:#071b4b;--cyan:#0aa8ee;--text:#14213d;--muted:#60708f;--line:#dce7f5;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#f5f9ff;line-height:1.55}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(5,18,53,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}
.nav-wrap{max-width:1240px;margin:auto;height:76px;padding:0 24px;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;letter-spacing:.2em;font-size:11px;white-space:nowrap}
.brand img{width:150px;height:auto;max-height:52px;object-fit:contain;border-radius:3px;display:block}
.brand span{border-left:1px solid rgba(255,255,255,.35);padding-left:12px}
nav{margin-left:auto;display:flex;gap:28px;color:#dce7ff;font-size:14px}
nav a:hover{color:#4ed7ff}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:12px 19px;font-weight:700;font-size:14px}
.nav-cta{background:var(--blue);color:#fff}
.hero{position:relative;min-height:640px;overflow:hidden;background:linear-gradient(115deg,#030b22 0%,#071c4d 45%,#0876c9 100%);color:#fff}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(74,211,255,.34),transparent 28%),linear-gradient(90deg,rgba(2,9,28,.86),rgba(2,9,28,.12));pointer-events:none}
.hero-content{position:relative;z-index:3;max-width:1240px;margin:auto;padding:100px 24px 130px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.27em;color:#b7d8ff}
.eyebrow.blue{color:#0877d8}
.hero h1{font-size:clamp(48px,6.2vw,86px);line-height:.98;margin:24px 0 20px;max-width:820px;letter-spacing:-.055em}
.hero h1 span{color:#fff}
.hero p{font-size:22px;max-width:650px;color:#d9e9ff}
.hero-actions{display:flex;gap:12px;margin-top:32px}
.button.primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(23,25,255,.25)}
.button.ghost{border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.06)}
.button.ghost.dark{border-color:#8ba1c0;color:var(--navy)}
.hero-city{position:absolute;inset:0;z-index:1;opacity:.9}
.sun{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(92,218,255,.2);filter:blur(25px);right:22%;top:18%}
.tower{position:absolute;bottom:105px;background:linear-gradient(90deg,rgba(7,24,62,.9),rgba(72,171,230,.5),rgba(3,15,44,.9));border:1px solid rgba(154,224,255,.3);box-shadow:0 0 30px rgba(71,192,255,.15)}
.t1{height:230px;width:70px;right:18%}.t2{height:170px;width:110px;right:26%}.t3{height:125px;width:80px;right:34%}.t4{height:285px;width:60px;right:30%}.t5{height:200px;width:90px;right:11%}.t6{height:140px;width:55px;right:42%}
.walkway{position:absolute;bottom:0;right:-5%;width:75%;height:145px;background:linear-gradient(165deg,transparent 0 36%,rgba(158,225,255,.27) 37%,rgba(225,248,255,.1) 55%,transparent 56%);border-top:1px solid rgba(255,255,255,.35)}
.section{max-width:1240px;margin:auto;padding:90px 24px}
.section-heading{max-width:780px;margin-bottom:44px}
.section-heading h2,.narrow h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:12px 0 18px;letter-spacing:-.04em}
.section-heading p,.lead{font-size:18px;color:var(--muted)}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.solution-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;min-height:410px;box-shadow:0 15px 40px rgba(18,53,100,.07)}
.solution-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.solution-card h3{font-size:22px;margin:10px 0 4px}.solution-card>p{margin:0 0 22px;color:#637391;font-size:14px}
.solution-card ul{padding:0;margin:0;list-style:none}.solution-card li{padding:7px 0 7px 20px;border-bottom:1px solid #edf2f8;font-size:14px}.solution-card li:before{content:"";width:7px;height:7px;background:#126bdf;border-radius:50%;display:inline-block;margin-left:-18px;margin-right:11px}
.icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#075be9,#16b8f4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:700}
.print-card{padding-top:18px}.print-image{height:120px;border-radius:12px;background:linear-gradient(135deg,#e8f5ff,#fff);display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.print-image img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}
.trust{background:linear-gradient(135deg,#06143b,#0b3b8d);color:#fff;padding:100px 0}.narrow{max-width:1240px;margin:auto;padding:0 24px}.narrow .lead{color:#c6d8f4;max-width:800px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:rgba(255,255,255,.18)}.trust-grid>div{padding:28px;background:rgba(3,17,50,.65);min-height:190px}.trust-grid strong{font-size:13px;color:#51cfff;letter-spacing:.15em}.trust-grid h3{margin:14px 0 8px}.trust-grid p{color:#b7cae7;font-size:14px}
.contact-box{border-radius:22px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(110deg,#e8f4ff,#fff);border:1px solid #cfe2f7}.contact-box h2{font-size:clamp(32px,4vw,52px);line-height:1.05;margin:10px 0}.contact-box p{max-width:700px;color:var(--muted)}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
footer{background:#020b22;color:#b7cae7;padding:28px 0}.footer-wrap{max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.08em}.footer-brand{font-size:9px}.footer-brand img{width:125px;height:auto;max-height:42px;object-fit:contain;display:block}
@media(max-width:900px){nav{display:none}.nav-wrap{gap:10px}.nav-cta{margin-left:auto}.solution-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.contact-box{display:block}.contact-actions{margin-top:24px}.hero{min-height:600px}}
@media(max-width:620px){.brand img{width:125px;height:auto;max-height:43px;object-fit:contain}.brand span{display:none}.hero-content{padding-top:75px}.hero h1{font-size:48px}.hero p{font-size:18px}.solution-grid,.trust-grid{grid-template-columns:1fr}.solution-card{min-height:auto}.section{padding:65px 18px}.narrow{padding:0 18px}.contact-box{padding:32px 24px}.footer-wrap{flex-direction:column;align-items:flex-start}}


/* Banner-matched solution imagery */
.solution-image{
  width:calc(100% + 56px);
  height:145px;
  margin:-28px -28px 22px;
  overflow:hidden;
  background:#eaf3ff;
}
.solution-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.print-banner-image{
  height:125px;
  margin-top:-18px;
}
@media(max-width:620px){
  .solution-image{
    width:calc(100% + 48px);
    margin-left:-24px;
    margin-right:-24px;
  }
}