/* Lighthouse reference hero: scoped styles keep CMS configuration intact. */
.lighthouse-hero{position:relative;padding:0 0 42px;border:0;background:#fff;isolation:isolate}
.lighthouse-hero .hero-stage{position:relative;min-height:480px;padding:64px 0 84px;background:#e0ecff;overflow:hidden}
.lighthouse-hero .hero-art{position:absolute;inset:0;pointer-events:none}
.lighthouse-hero .hero-art picture,.lighthouse-hero .hero-art img,.lighthouse-hero .hero-motion{display:block;width:100%;height:100%}
.lighthouse-hero .hero-art img{object-fit:cover;object-position:center}
.lighthouse-hero .hero-motion{position:absolute;inset:0;object-fit:cover;object-position:center}
.lighthouse-hero .hero-grid{position:relative;z-index:1;display:block}
.lighthouse-hero .hero-copy{max-width:660px}
.lighthouse-hero .hero-category{display:inline-flex;align-items:center;min-height:30px;max-width:100%;padding:3px 12px;border:1px solid #9dbce9;color:#274667;background:#ffffff52;font-size:14px;line-height:1.6;font-weight:500;letter-spacing:.02em;text-transform:none;margin:0 0 22px}
.lighthouse-hero h1{max-width:680px;font-size:46px;line-height:1.3;font-weight:600;letter-spacing:0;color:#111827;margin:0 0 22px;text-wrap:balance}
.lighthouse-hero .hero-description{max-width:635px;font-size:18px;line-height:1.8;color:#3d485d;margin:0}
.lighthouse-hero .actions{gap:16px;margin-top:28px}
.lighthouse-hero .button{min-width:152px;min-height:48px;padding:10px 24px;font-size:16px;font-weight:500;border-radius:2px;gap:22px;background:#0052d9;border-color:#0052d9}
.lighthouse-hero .button:hover{background:#0044b7}
.lighthouse-hero .button.secondary{background:#fff;color:#0052d9;border-color:#0052d9}
.lighthouse-hero .button.secondary:hover{background:#f1f6ff}
.lighthouse-hero .hero-notes{font-size:14px;line-height:1.7;gap:12px 22px;flex-wrap:wrap;margin-top:26px;color:#465773}
.lighthouse-hero .hero-notes i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#0052d9}
.lighthouse-hero .hero-promos{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:-36px}
.lighthouse-hero .hero-promo{display:flex;align-items:center;gap:16px;min-width:0;min-height:116px;padding:24px;background:#fff;border:1px solid #e1e8f3;box-shadow:0 8px 28px #2445710b;transition:border-color .18s,box-shadow .18s}
.lighthouse-hero .hero-promo:hover{border-color:#80aeff;box-shadow:0 8px 24px #0052d914}
.lighthouse-hero .hero-promo-mark{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;background:#eef4ff;color:#0052d9}
.lighthouse-hero .hero-promo-mark svg{width:38px;height:38px}
.lighthouse-hero .hero-promo-copy{min-width:0;display:grid;gap:5px}
.lighthouse-hero .hero-promo-copy strong{font-size:19px;line-height:1.5;font-weight:600;color:#17263e}
.lighthouse-hero .hero-promo-copy>span{font-size:15px;line-height:1.6;color:#66748b}
.lighthouse-hero .hero-promo-arrow{margin-left:auto;flex-shrink:0;font-size:24px;font-weight:400;color:#0052d9}
.lighthouse-hero.has-custom-image .hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.lighthouse-hero .hero-picture{display:block}
.lighthouse-hero .hero-picture img{display:block;width:100%;max-height:390px;object-fit:contain}
.page-inner .lighthouse-hero .hero-stage{min-height:390px;padding-top:46px;padding-bottom:76px}
.page-inner .lighthouse-hero h1{font-size:42px}
@media(min-width:801px) and (max-width:1150px){
.lighthouse-hero .hero-copy{max-width:58%}
.lighthouse-hero h1{font-size:42px}
.lighthouse-hero .hero-description{font-size:17px}
.lighthouse-hero .hero-promo{gap:12px;padding:20px 16px}
.lighthouse-hero .hero-promo-copy strong{font-size:17px}
.lighthouse-hero .hero-promo-mark{width:40px;height:40px}
.lighthouse-hero .hero-promo-arrow{display:none}
}
@media(max-width:800px){
.lighthouse-hero{padding-bottom:28px}
.lighthouse-hero .hero-stage,.page-inner .lighthouse-hero .hero-stage{display:flex;flex-direction:column;min-height:0;padding:36px 0 0;background:#eaf2ff}
.lighthouse-hero .hero-grid{order:1}
.lighthouse-hero .hero-copy{max-width:100%}
.lighthouse-hero .hero-category{font-size:13px;margin-bottom:18px}
.lighthouse-hero h1,.page-inner .lighthouse-hero h1{font-size:32px;line-height:1.4;max-width:100%;margin-bottom:16px}
.lighthouse-hero .hero-description{font-size:16px;line-height:1.8;max-width:100%}
.lighthouse-hero .actions{gap:12px;margin-top:24px}
.lighthouse-hero .button{min-width:140px;min-height:46px;padding:10px 18px;gap:14px}
.lighthouse-hero .hero-notes{font-size:14px;gap:8px 16px;margin-top:22px}
.lighthouse-hero .hero-art{position:relative;inset:auto;order:2;flex-shrink:0;height:205px;width:100%;margin-top:4px;overflow:hidden}
.lighthouse-hero .hero-art img{object-fit:cover;object-position:center bottom}
.lighthouse-hero .hero-motion{display:none}
.lighthouse-hero .hero-promos{grid-template-columns:1fr;gap:0;margin-top:0;border:1px solid #e1e8f3;background:#fff}
.lighthouse-hero .hero-promo{min-height:90px;padding:16px 20px;border:0;box-shadow:none}
.lighthouse-hero .hero-promo+.hero-promo{border-top:1px solid #e8edf5}
.lighthouse-hero .hero-promo-copy strong{font-size:18px}
.lighthouse-hero .hero-promo-copy>span{font-size:14px}
.lighthouse-hero .hero-promo-mark{width:44px;height:44px}
.lighthouse-hero.has-custom-image .hero-grid{display:flex;flex-direction:column;gap:22px}
.lighthouse-hero.has-custom-image .hero-picture{width:100%;padding-bottom:22px}
.lighthouse-hero .hero-picture img{max-height:220px}
}
@media(prefers-reduced-motion:reduce){.lighthouse-hero .hero-motion{display:none}.lighthouse-hero .hero-promo{transition:none}}

/* Keep the larger type while removing oversized empty bands. */
.lighthouse-hero{padding-bottom:20px}
.lighthouse-hero .hero-stage{min-height:400px;padding:38px 0 66px}
.page-inner .lighthouse-hero .hero-stage{min-height:300px;padding:32px 0 62px}
.lighthouse-hero .hero-category{margin-bottom:16px}
.lighthouse-hero .hero-promos{gap:16px}
.lighthouse-hero .hero-promo{min-height:98px;padding:18px 22px}
@media(max-width:800px){
.lighthouse-hero .hero-stage,.page-inner .lighthouse-hero .hero-stage{min-height:0;padding:26px 0 0}
.lighthouse-hero .hero-art{height:140px}
.lighthouse-hero .hero-promos{gap:0}
.lighthouse-hero .hero-promo{min-height:76px;padding:12px 16px}
}