.hero{background:radial-gradient(120% 90% at 85% 0%, #8291f061, #8291f000 55%), var(--c-brand);color:#fff}.hero__inner{grid-template-columns:1.35fr 1fr;align-items:center;gap:52px;padding-top:56px;padding-bottom:64px;display:grid}.hero__eyebrow{color:#fff;letter-spacing:.04em;border-radius:var(--radius-pill);background:#ffffff1f;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero__pulse{background:#f0b25a;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #e89a2e40}.hero__title{color:#fff;letter-spacing:-.02em;max-width:15ch;margin:0;font-size:clamp(38px,5.2vw,60px);line-height:1}.hero__lead{color:#ffffffd1;max-width:520px;margin:20px 0 0;font-size:19px;line-height:1.6}.hero__ctas{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero__call{height:58px;padding-inline:30px;font-size:17px}.hero__enquire{height:58px;color:var(--c-brand-deep);background:#fff;padding-inline:30px;font-size:17px}.hero__enquire:hover{background:var(--c-offwhite)}.hero__trust{flex-wrap:wrap;gap:26px;margin:28px 0 0;padding:0;list-style:none;display:flex}.hero__trust li{color:#ffffffd9;align-items:center;gap:8px;font-size:14.5px;display:inline-flex}.hero__media{position:relative}.hero__card{aspect-ratio:456/402;background:#4a57bc;border:1px solid #ffffff1a;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #181d421f}.hero__badge{background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;top:-18px;left:-18px;box-shadow:0 16px 24px #181d421f}.hero__badge-icon{background:#ecedf6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.hero__badge-text{flex-direction:column;display:flex}.hero__badge-text strong{color:var(--c-ink);font-size:15px;font-weight:700}.hero__badge-text span{color:var(--c-muted);font-size:13.5px}@media (max-width:900px){.hero__inner{grid-template-columns:1fr;gap:40px}.hero__media{max-width:480px}.hero__badge{top:12px;left:12px}}@media (max-width:640px){.hero__inner{gap:22px;padding-top:26px;padding-bottom:30px}.hero__title{font-size:40px;line-height:1.05}.hero__lead{margin-top:14px;font-size:16px}.hero__ctas,.hero__badge{display:none}.hero__trust{gap:12px 20px;margin-top:18px}.hero__trust li{font-size:13.5px}.hero__media{max-width:none}}
