
.clean-page{background:#fff}
.clean-hero{position:relative;min-height:600px;overflow:hidden;color:#fff;background:#073e69}
.clean-hero-media{position:absolute;inset:0;display:block;width:100%;height:100%}
.clean-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.clean-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,42,79,.93) 0%,rgba(1,52,91,.78) 38%,rgba(1,52,91,.32) 67%,rgba(1,52,91,.10) 100%)}
.clean-hero-shell{position:relative;z-index:2;max-width:1360px;margin:auto;padding:112px 32px 74px}
.clean-eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:1.6px;font-weight:800;color:#73e3c0}
.clean-eyebrow.blue{color:#0997e7}
.clean-hero h1{margin:0;max-width:760px;color:#fff;font-size:62px;line-height:.98;letter-spacing:-2px}
.clean-hero p:not(.clean-eyebrow){max-width:650px;margin:22px 0 0;font-size:19px;line-height:1.48}
.clean-actions{display:flex;gap:14px;margin-top:29px}
.clean-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 24px;border-radius:28px;font-weight:800}
.clean-primary{background:#14b981;color:#fff}
.clean-outline{border:1.5px solid rgba(255,255,255,.9);color:#fff}
.clean-light{background:#fff;color:#07517f}
.clean-shell{width:min(1360px,calc(100% - 64px));margin:auto}
.clean-intro{padding:52px 0}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.intro-grid h2,.clean-heading h2,.operation-copy h2,.products-copy h2,.support-copy h2,.clean-team h2,.clean-cta h2{margin:0;color:#063f70;letter-spacing:-.7px}
.intro-grid h2{font-size:40px;line-height:1.05}
.intro-grid>div:last-child>p{margin:0;color:#48677b;font-size:17px;line-height:1.65}
.clean-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.clean-tags span{padding:8px 12px;border-radius:18px;background:#edf8fc;color:#075181;font-size:12px;font-weight:700}
.clean-solutions{padding:52px 0 58px;background:#f6fafc}
.clean-heading{max-width:820px;margin-bottom:26px}
.clean-heading h2{font-size:38px;line-height:1.06}
.clean-heading>p:not(.clean-eyebrow){color:#4c6b7e;line-height:1.55}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.solution-card{background:#fff;border:1px solid #e0ebf2;border-radius:13px;padding:22px;box-shadow:0 6px 18px rgba(0,58,96,.05)}
.solution-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf7fd;color:#0595e4;font-size:24px}
.solution-card h3{margin:14px 0 7px;color:#073f6e;font-size:20px}
.solution-card p{margin:0;color:#587487;font-size:14px;line-height:1.5}
.clean-sectors{padding:55px 0;background:#fff}
.sector-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.sector-use-grid article{border:1px solid #e2edf3;border-radius:12px;overflow:hidden;background:#fff}
.sector-use-grid img{width:100%;display:block;aspect-ratio:1.25/1;object-fit:cover}
.sector-use-grid div{padding:16px}
.sector-use-grid h3{margin:0 0 6px;color:#063f70}
.sector-use-grid p{margin:0;color:#5c7789;font-size:13px;line-height:1.45}
.clean-operation{padding:60px 0;background:#f5fafc}
.operation-grid,.support-grid,.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.operation-photo img,.support-photo img,.team-grid img{width:100%;display:block;aspect-ratio:1.4/1;object-fit:cover;border-radius:14px}
.operation-copy h2,.support-copy h2,.clean-team h2{font-size:39px;line-height:1.06}
.operation-copy>p:not(.clean-eyebrow),.support-copy>p:not(.clean-eyebrow),.clean-team p:not(.clean-eyebrow){color:#4e6c7f;line-height:1.6}
.clean-list{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.clean-list li{position:relative;padding-left:27px;color:#174f77}
.clean-list li:before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#14b981;color:#fff;font-size:11px}
.clean-products{padding:58px 0;background:linear-gradient(135deg,#063f6b,#05739e);color:#fff}
.products-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px}
.products-copy h2{color:#fff;font-size:40px;line-height:1.06}
.products-copy p:not(.clean-eyebrow){color:rgba(255,255,255,.88);line-height:1.6}
.product-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.product-family-grid div{position:relative;padding:17px 17px 17px 55px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:11px}
.product-family-grid span{position:absolute;left:14px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#14b981;font-size:11px;font-weight:800}
.product-family-grid strong,.product-family-grid p{display:block}
.product-family-grid p{margin:5px 0 0;font-size:12px;line-height:1.4;color:rgba(255,255,255,.80)}
.clean-support{padding:60px 0}
.support-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.support-steps div{position:relative;padding-left:46px}
.support-steps span{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0a96ef;color:#fff;font-weight:800;font-size:12px}
.support-steps strong{display:block;color:#063f70;margin-bottom:4px}
.support-steps p{margin:0;color:#5a7688;font-size:12px;line-height:1.4}
.clean-team{padding:58px 0;background:#f6fafc}
.mobile-summary{display:none}
.clean-cta{padding:46px 0;background:#0a93d4;color:#fff}
.cta-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.clean-cta h2{color:#fff;font-size:32px;line-height:1.12;max-width:850px}
.compact-footer .footer-main{grid-template-columns:1.5fr repeat(3,1fr)}

@media(max-width:980px){
  .clean-hero-shell{padding:90px 28px 60px}
  .clean-hero h1{font-size:50px}
  .solution-grid{grid-template-columns:repeat(2,1fr)}
  .sector-use-grid{grid-template-columns:repeat(2,1fr)}
  .intro-grid,.operation-grid,.products-grid,.support-grid,.team-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .clean-hero{min-height:620px}
  .clean-hero-media img{object-position:center 43%}
  .clean-hero-overlay{background:linear-gradient(180deg,rgba(0,48,84,.78),rgba(0,48,84,.72) 55%,rgba(0,48,84,.92))}
  .clean-hero-shell{padding:70px 20px 45px}
  .clean-hero h1{font-size:39px;line-height:1.02;letter-spacing:-1px}
  .clean-hero p:not(.clean-eyebrow){font-size:16px;margin-top:16px}
  .clean-actions{display:grid;grid-template-columns:1fr;margin-top:22px}
  .clean-shell{width:min(100% - 30px,720px)}
  .clean-intro{padding:36px 0}
  .intro-grid{gap:15px}
  .intro-grid h2,.clean-heading h2,.operation-copy h2,.products-copy h2,.support-copy h2,.clean-cta h2{font-size:29px}
  .intro-grid>div:last-child>p{font-size:15px;line-height:1.55}
  .clean-solutions{padding:38px 0}
  .solution-grid{grid-template-columns:1fr 1fr;gap:11px}
  .solution-card{padding:15px 13px}
  .solution-icon{width:34px;height:34px;font-size:19px}
  .solution-card h3{font-size:15px;line-height:1.08}
  .solution-card p{font-size:12px}
  .clean-sectors{padding:38px 0}
  .sector-use-grid{grid-template-columns:1fr 1fr;gap:11px}
  .sector-use-grid h3{font-size:15px}.sector-use-grid p{font-size:11px}
  .clean-operation{padding:40px 0}
  .operation-photo img{aspect-ratio:1.2/1}
  .operation-copy>p:not(.clean-eyebrow){font-size:14px}
  .clean-list{grid-template-columns:1fr;gap:10px}
  .clean-products{padding:40px 0}
  .products-grid{gap:20px}
  .products-copy p:not(.clean-eyebrow){font-size:14px}
  .product-family-grid{grid-template-columns:1fr 1fr;gap:10px}
  .product-family-grid div{padding:14px 11px 14px 45px}
  .product-family-grid strong{font-size:13px}.product-family-grid p{display:none}
  .product-family-grid span{left:10px;top:12px}
  .desktop-extra{display:none}
  .clean-support{padding:40px 0}
  .support-steps{grid-template-columns:1fr;gap:14px}
  .support-photo img{aspect-ratio:1.3/1}
  .desktop-only{display:none}
  .mobile-summary{display:block;padding:38px 0;background:#f3fbfd}
  .mobile-summary h2{margin:0;color:#063f70;font-size:27px}
  .mobile-summary p{color:#526f81;line-height:1.55}
  .clean-cta{padding:36px 0}
  .cta-grid{grid-template-columns:1fr}
  .compact-footer .footer-main{grid-template-columns:1fr 1fr}
  .compact-footer .footer-brand{grid-column:1/-1}
}
