.home-page .hero{position:relative;min-height:760px;overflow:hidden;color:#fff}
.home-page .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-page .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,43,95,.72),rgba(0,43,95,.70));z-index:1}
.home-page .hero .container{position:relative;z-index:2}
.home-page .hero-layout{padding:72px 0;min-height:760px;display:grid;grid-template-columns:1fr;align-items:center}
.home-page .hero-copy{max-width:740px}
.home-page .hero h1{max-width:660px}
.home-page .hero p{max-width:600px;color:rgba(255,255,255,.88);font-size:1.06rem}
.home-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.home-page .badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.home-page .badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:.86rem;font-weight:800}
.home-page .exp-bar{display:inline-flex;margin-top:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25)}
.home-page .exp-label{font-weight:700;font-size:.85rem;color:#fff}
.home-page .icon-float{position:absolute;width:88px;height:88px;border-radius:999px;background:rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.58);font-size:2rem}
.home-page .if1{left:1%;top:60px}.home-page .if2{left:24%;top:110px}.home-page .if3{right:11%;top:62px}
.home-page .if4{left:4%;bottom:110px}.home-page .if5{right:16%;bottom:130px}.home-page .if6{right:8%;bottom:42px}
.home-page .float-stack{position:absolute;right:-1%;top:165px;z-index:3;width:520px;height:380px}
.home-page .hero-glass-container{position:absolute;left:80px;top:34px;width:360px;height:255px;border-radius:28px;background:rgba(255,255,255,.10);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.22);box-shadow:0 40px 90px rgba(0,0,0,.35)}
.home-page .glass-card{position:absolute;border-radius:18px;padding:12px 16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(18px);color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.25)}
.home-page .glass-card strong{display:block;font-size:.85rem;font-weight:700;margin-bottom:4px}
.home-page .glass-card .big{display:block;font-family:Poppins,Inter,sans-serif;font-size:1.9rem;line-height:1;margin:.14rem 0 .3rem}
.home-page .glass-card small{font-size:.85rem;opacity:.92}
.home-page .gc1{top:0;left:120px;width:230px;animation:floatA 6s ease-in-out infinite}
.home-page .gc2{top:150px;right:12px;width:220px;background:rgba(32,46,72,.32);animation:floatB 7s ease-in-out infinite}
.home-page .gc3{top:245px;left:38px;width:230px;animation:floatC 5s ease-in-out infinite}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floatC{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.home-page .overlap-cards{margin-top:-34px;position:relative;z-index:5}
@media (max-width:1080px){.home-page .float-stack{position:relative;right:auto;top:auto;width:520px;max-width:100%;height:380px;margin-top:18px}}
@media (max-width: 820px) {
  .home-page .hero {
    min-height: auto;
  }

  .home-page .hero-layout {
    min-height: auto;
    padding: 56px 0 42px;
    display: block;
  }

  .home-page .hero-copy {
    max-width: 100%;
  }

  .home-page .hero h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 10vw, 3.6rem);
    line-height: 0.98;
    margin-bottom: 16px;
  }

  .home-page .hero p {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.45;
  }

  .home-page .hero-actions {
    margin-top: 20px;
  }

  .home-page .badge-row {
    gap: 10px;
    margin-top: 18px;
  }

  .home-page .badge {
    font-size: 0.82rem;
    padding: 8px 12px;
  }

  .home-page .exp-bar {
    margin-top: 14px;
  }

  .home-page .float-stack {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 360px;
    margin-top: 28px;
    right: auto;
    top: auto;
  }

  .home-page .hero-glass-container {
    left: 10%;
    top: 56px;
    width: 78%;
    height: 230px;
  }

  .home-page .gc1 {
    top: 0;
    left: 14%;
    width: 58%;
  }

  .home-page .gc2 {
    top: 205px;
    right: 2%;
    width: 52%;
  }

  .home-page .gc3 {
    top: 120px;
    left: 6%;
    width: 56%;
  }

  .home-page .glass-card .big {
    font-size: 1.55rem;
  }

  .home-page .glass-card small {
    font-size: 0.8rem;
  }

  .home-page .icon-float {
    transform: scale(0.72);
    opacity: 0.5;
  }

  .home-page .overlap-cards {
    margin-top: 10px;
  }
}
@media (max-width: 820px) {

  .home-page .hero-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-page .hero h1 {
    font-size: clamp(2.2rem, 9vw, 3.4rem);
    line-height: 1.02;
    margin-bottom: 16px;
  }

  .home-page .hero p {
    padding-right: 4px;
  }

}