:root{--i-blue:#073cac;--i-bright:#1556d8;--i-deep:#051b59;--i-muted:#5b6d86;--i-line:#dce6f6;--i-soft:#f3f7fd}
.i500-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:calc(100vh - 106px);background:linear-gradient(120deg,#fff 0,#f2f7ff 58%,#dceaff 100%)}
.i500-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,7vw,110px)}
.i500-hero h1{margin:.3rem 0 1rem;font-size:clamp(4.8rem,8vw,8rem);line-height:.9;letter-spacing:-.065em}.i500-hero h1 strong{color:var(--i-bright)}
.i500-hero .hero-lead{max-width:56rem;color:#334d70;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.7}
.i500-hero-visual{position:relative;display:grid;place-items:center;min-height:620px;padding:clamp(50px,6vw,90px);overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff 0,#edf4ff 45%,#cddfff 100%)}
.i500-hero-visual::before{content:"I500";position:absolute;color:rgba(7,60,172,.07);font-size:clamp(8rem,18vw,18rem);font-weight:900;letter-spacing:-.08em}
.i500-hero-visual img{position:relative;z-index:1;width:100%;max-width:680px;max-height:560px;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(5,27,89,.2))}
.i500-hero-visual .visual-label{position:absolute;z-index:2;top:2rem;left:2rem;padding:.65rem .9rem;background:var(--i-deep);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.1em}
.i500-hero-visual p{position:absolute;z-index:2;right:2rem;bottom:1.6rem;color:var(--i-muted);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.i500-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);padding:clamp(85px,9vw,140px) clamp(24px,7vw,120px);background:#fff}
.i500-intro .intro-note{grid-column:1/-1;padding:1.5rem 1.8rem;background:var(--i-soft);border-left:4px solid var(--i-bright)}
.i500-configurations{padding:clamp(85px,9vw,140px) clamp(24px,7vw,120px);background:var(--i-deep);color:#fff}.config-heading{max-width:900px}.config-heading h2,.applications-heading h2,.cases-heading h2,.i500-planning h2{margin:.25rem 0 1rem;font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.03;letter-spacing:-.045em}.config-heading>p:last-child{color:#c9d6eb;line-height:1.65}
.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.config-grid article{position:relative;min-height:285px;padding:2rem;background:#0a2a70;border-top:4px solid #5ba1ff}.config-grid article>span{position:absolute;right:1.35rem;top:1rem;color:rgba(255,255,255,.12);font-size:4rem;font-weight:900}.config-grid small{color:#83bbff;font-size:.62rem;font-weight:900;letter-spacing:.12em}.config-grid h3{margin:3.4rem 0 .8rem;font-size:2.8rem}.config-grid p{color:#d0dcee;line-height:1.6}.config-note{margin:1.5rem 0 0;padding:1.3rem 1.6rem;background:rgba(255,255,255,.07);color:#dce6f6}
.i500-applications{padding:clamp(85px,9vw,140px) clamp(24px,7vw,120px);background:#f5f8fd}.applications-heading{max-width:980px}.applications-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.applications-grid a{position:relative;min-height:390px;overflow:hidden;background:var(--i-deep);color:#fff;text-decoration:none}.applications-grid img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:.35s ease}.applications-grid a:hover img{transform:scale(1.04);opacity:.88}.applications-grid a::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,14,49,.94))}.applications-grid span{position:absolute;z-index:2;left:1.4rem;right:1.4rem;bottom:1.5rem}.applications-grid small,.applications-grid b{display:block}.applications-grid small{margin-bottom:.45rem;color:#8dc2ff;font-size:.6rem;font-weight:900;letter-spacing:.1em}.applications-grid b{font-size:1.2rem;line-height:1.25}
.i500-cases{padding:clamp(85px,9vw,140px) clamp(24px,7vw,120px);background:#fff}.cases-heading{max-width:980px}.cases-heading>p:last-child{color:var(--i-muted);line-height:1.65}.case-grid{display:grid;gap:1.2rem;margin-top:3rem}.case-grid article{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);min-height:320px;background:var(--i-soft);border:1px solid var(--i-line)}.case-grid img{width:100%;height:100%;min-height:320px;object-fit:cover}.case-grid article>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem)}.case-grid small{color:var(--i-bright);font-size:.62rem;font-weight:900;letter-spacing:.11em}.case-grid h3{margin:.45rem 0 .8rem;font-size:clamp(1.8rem,3vw,3rem)}.case-grid p{max-width:44rem;color:var(--i-muted);line-height:1.65}.case-grid a{margin-top:1rem;color:var(--i-blue);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-decoration:none}
.i500-planning{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,7vw,110px);padding:clamp(85px,9vw,140px) clamp(24px,7vw,120px);background:#eef4fc}.i500-planning dl{margin:0}.i500-planning dl div{display:grid;grid-template-columns:180px 1fr;gap:1.4rem;padding:1.2rem 0;border-bottom:1px solid #cbdaf0}.i500-planning dt{color:var(--i-blue);font-weight:900}.i500-planning dd{margin:0;color:#334d70}.i500-consulting{background:var(--i-deep)}
@media(max-width:1100px){.i500-hero{grid-template-columns:1fr}.i500-hero-visual{min-height:480px}.i500-intro{grid-template-columns:1fr}.config-grid,.applications-grid{grid-template-columns:1fr 1fr}.i500-planning{grid-template-columns:1fr}}
@media(max-width:700px){.i500-hero-copy{padding:4rem 18px}.i500-hero h1{font-size:4.4rem}.i500-hero-visual{min-height:350px;padding:3rem 1.5rem}.i500-intro,.i500-configurations,.i500-applications,.i500-cases,.i500-planning{padding:4.5rem 18px}.config-grid,.applications-grid{grid-template-columns:1fr}.case-grid article{grid-template-columns:1fr}.case-grid img{min-height:240px}.i500-planning dl div{grid-template-columns:1fr;gap:.3rem}}
.i500-downloads{padding:88px max(6vw,32px);background:#f3f7fc;color:#08235f}
.downloads-heading{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:18px 70px;align-items:end;margin:0 auto 34px;max-width:1280px}
.downloads-heading .eyebrow{grid-column:1/-1;margin:0;color:#1556d8;font-weight:800;letter-spacing:.12em}
.downloads-heading h2{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.02}
.downloads-heading>p:last-child{margin:0;color:#51647f;font-size:17px;line-height:1.65}
.complete-download{max-width:1280px;margin:0 auto 22px;display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;padding:26px 30px;background:#08235f;color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(8,35,95,.15);transition:.2s ease}
.complete-download:hover{transform:translateY(-2px);background:#073cac}
.download-mark{width:58px;height:58px;display:grid;place-items:center;background:#1556d8;font-weight:900;font-size:14px;letter-spacing:.08em}
.complete-download small,.complete-download b,.complete-download em{display:block}
.complete-download small{margin-bottom:6px;color:#a9c7ff;font-weight:800;letter-spacing:.08em}
.complete-download b{font-size:22px}
.complete-download em{margin-top:5px;color:#dce8ff;font-style:normal}
.complete-download>strong{font-size:13px;letter-spacing:.08em;white-space:nowrap}
.download-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.download-grid a{position:relative;min-height:158px;padding:24px;background:#fff;border:1px solid #d7e3f4;color:#08235f;text-decoration:none;transition:.2s ease}
.download-grid a:hover{transform:translateY(-2px);border-color:#1556d8;box-shadow:0 12px 28px rgba(8,35,95,.1)}
.download-grid span{position:absolute;right:20px;top:18px;color:#d4e1f4;font-size:34px;font-weight:900}
.download-grid small,.download-grid b,.download-grid em{display:block}
.download-grid small{color:#1556d8;font-weight:800;letter-spacing:.08em}
.download-grid b{margin-top:30px;font-size:19px}
.download-grid em{margin-top:6px;color:#687a93;font-style:normal}
@media(max-width:850px){
  .downloads-heading{grid-template-columns:1fr}
  .downloads-heading .eyebrow{grid-column:auto}
  .complete-download{grid-template-columns:58px 1fr}
  .complete-download>strong{grid-column:2}
  .download-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .i500-downloads{padding:64px 20px}
  .complete-download{padding:22px 18px;gap:14px}
  .download-grid{grid-template-columns:1fr}
}