.hero-heading { font-family: "Poppins", sans-serif; font-size: clamp(44px, calc(25.95px + 4.63vw), 100px); font-weight: 700; line-height: 1.2; letter-spacing: -0.045em; } .heading-h2 { font-family: "Poppins", sans-serif; font-size: clamp(32px, calc(21.68px + 2.65vw), 64px); font-weight: 700; line-height: 1.25; letter-spacing: -0.035em; } .heading-h3 { font-family: "Poppins", sans-serif; font-size: clamp(26px, calc(21.49px + 1.16vw), 40px); font-weight: 700; line-height: 1.25; letter-spacing: -0.03em; } .card-title { font-family: "Poppins", sans-serif; font-size: clamp(20px, calc(18.71px + 0.33vw), 24px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; } .card-eyebrow { font-family: "Poppins", sans-serif; font-size: clamp(20px, calc(18.71px + 0.33vw), 24px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; } .text-large { font-family: "Poppins", sans-serif; font-size: clamp(16px, calc(15.36px + 0.17vw), 18px); font-weight: 400; line-height: 1.61; letter-spacing: -0.01em; } .text-body { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.56; letter-spacing: -0.01em; } .btn-text { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.01em; } .text-info { font-family: "Poppins", sans-serif; font-size: clamp(12px, calc(11.68px + 0.08vw), 13px); font-weight: 500; line-height: 1.38; letter-spacing: -0.005em; } .top-bar__text { font-family: "Poppins", sans-serif; font-size: clamp(14px, calc(12.07px + 0.5vw), 20px); font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }  .hero-section { width: 100%; height: calc(100svh - var(--site-header-height, 140px)); padding: 0 20px 20px 20px; box-sizing: border-box; } .hero-card { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; position: relative; }