@charset "utf-8";

#page-home .hm-hero-clean { background: linear-gradient(135deg, rgb(18, 33, 58) 0%, rgb(27, 46, 74) 100%) !important; padding: 64px 24px 56px !important; border-radius: 0px 0px 32px 32px !important; overflow: hidden !important; position: relative !important; }

#page-home .hm-hero-inner-clean { max-width: 1120px !important; margin: 0px auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 52px !important; align-items: center !important; }

#page-home .hm-hero-copy-clean h1 { font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(2.3rem, 5vw, 4rem) !important; line-height: 1.08 !important; color: rgb(255, 255, 255) !important; margin: 0px 0px 18px !important; letter-spacing: -0.03em !important; }

#page-home .hm-hero-copy-clean p { color: rgba(255, 255, 255, 0.74) !important; font-size: 1.05rem !important; line-height: 1.75 !important; max-width: 540px !important; margin: 0px 0px 30px !important; }

#page-home .hm-hero-eyebrow { display: inline-flex !important; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: rgba(255, 255, 255, 0.88) !important; border-radius: 999px !important; padding: 6px 16px !important; font-size: 0.7rem !important; font-weight: 800 !important; letter-spacing: 0.14em !important; margin-bottom: 18px !important; }

#page-home .hm-hero-btns-clean { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }

#page-home .hm-btn-primary, #page-home .hm-btn-outline { border-radius: 999px !important; padding: 13px 26px !important; font-weight: 800 !important; cursor: pointer !important; font-family: inherit !important; }

#page-home .hm-btn-primary { background: rgb(255, 255, 255) !important; color: rgb(18, 33, 58) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

#page-home .hm-btn-outline { background: rgba(255, 255, 255, 0.1) !important; color: rgb(255, 255, 255) !important; border: 1.5px solid rgba(255, 255, 255, 0.32) !important; }

#page-home .hm-tiles-clean { position: relative !important; height: 420px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; box-shadow: none !important; outline: none !important; }

#page-home .hm-tiles-clean::before, #page-home .hm-tiles-clean::after { display: none !important; content: none !important; }

#page-home .hm-tile { position: absolute !important; background: rgb(255, 255, 255) !important; color: rgb(30, 45, 61) !important; border-radius: 22px !important; padding: 18px 20px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 16px 38px !important; display: grid !important; grid-template-columns: 46px 1fr !important; column-gap: 14px !important; align-items: center !important; min-width: 250px !important; }

#page-home .hm-tile span { grid-row: span 2 !important; width: 46px !important; height: 46px !important; border-radius: 15px !important; background: rgb(238, 243, 248) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.35rem !important; }

#page-home .hm-tile strong { color: rgb(30, 45, 61) !important; -webkit-text-fill-color: rgb(30, 45, 61) !important; font-size: 0.92rem !important; }

#page-home .hm-tile small { color: rgb(106, 122, 138) !important; -webkit-text-fill-color: rgb(106, 122, 138) !important; font-size: 0.78rem !important; }

#page-home .clean-1 { top: 0px !important; left: 8px !important; }

#page-home .clean-2 { top: 84px !important; right: 0px !important; }

#page-home .clean-3 { top: 168px !important; left: 44px !important; }

#page-home .clean-4 { top: 252px !important; right: 28px !important; }

#page-home .clean-5 { top: 336px !important; left: 0px !important; }

@media (max-width: 900px) {
  #page-home .hm-hero-inner-clean { grid-template-columns: 1fr !important; text-align: center !important; }
  #page-home .hm-hero-copy-clean p, #page-home .hm-hero-btns-clean { margin-left: auto !important; margin-right: auto !important; justify-content: center !important; }
  #page-home .hm-tiles-clean { height: auto !important; display: flex !important; flex-direction: column !important; gap: 14px !important; }
  #page-home .hm-tile { position: relative !important; inset: auto !important; width: 100% !important; max-width: 420px !important; margin: 0px auto !important; }
}