.hero{
      min-height:720px;
      display:flex;align-items:center;
      background:
        linear-gradient(90deg,rgba(3,25,52,.90) 0%,rgba(3,25,52,.62) 42%,rgba(3,25,52,.10) 78%),
        url("assets/images/page-01.jpg") center/cover no-repeat;
      color:#fff;
      padding:110px 0 80px;
        }.section-title {width:100%;text-align: center}
    .hero-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.1);font-size:.9rem}
    .hero h1{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:800;line-height:.98;max-width:850px}
    .hero h1 span{color: #4aa7f3}
    .hero p{font-size:1.15rem;max-width:650px;color:#e9f1fb}
    .section-pad{padding:90px 0}
    .section-title{font-weight:800;letter-spacing:-.03em}
    .small-title{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
    .feature-card,.product-card,.info-card{height:100%;border:0;border-radius:22px;background:#fff;box-shadow:0 12px 40px rgba(10,42,75,.09);transition:.25s}
    .feature-card:hover,.product-card:hover,.info-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(10,42,75,.14)}
    .icon-box{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#eaf3ff;color:var(--brand);font-size:1.4rem}
    .soft-bg{background:var(--soft)}
    .feature-strip{margin-top:-70px;position:relative;z-index:3}
    .feature-strip .info-card{padding:26px}
    .product-img{height:260px;object-fit:cover;width:100%;border-radius:20px 20px 0 0}
    .spec-list{padding-left:0;list-style:none}
    .spec-list li{display:flex;gap:10px;margin:.65rem 0}
    .spec-list i{color:#159447}
    .showcase{
      border-radius:30px;overflow:hidden;
      background:linear-gradient(135deg,#071a30,#0d477e);
      color:#fff;
        }.headss strong{color: #000}
    .showcase img{width:100%;height:100%;object-fit:cover;min-height:360px}
    .showcase .number{font-size:3rem;font-weight:800;color:#b9d9ff;line-height:1}
    .arch-img{border-radius:24px;box-shadow:0 16px 45px rgba(0,0,0,.12)}
    .contact{
      background:linear-gradient(135deg,var(--brand-dark),var(--brand));
      color:#fff;border-radius:30px
    }
    footer{background:#071525;color:#b8c7d9}
    footer a{color:#fff;text-decoration:none}
    .floating-cta{position:fixed;right:20px;bottom:20px;z-index:1000}
    @media(max-width:767px){
      .hero{min-height:650px}
      .feature-strip{margin-top:-30px}
      .section-pad{padding:65px 0}
    }