/* LandedCheck clean hero rebuild — Phase 21 This file intentionally owns ONLY the homepage hero layout. It is loaded after legacy theme CSS so the calculator engine and the rest of the site remain untouched. */ @media (min-width:1181px){ body.exact-home .exact-hero{ position:relative !important; height:650px !important; min-height:650px !important; overflow:hidden !important; background:#f4dfcb !important; } body.exact-home .exact-hero .hero-bg{ display:block !important; position:absolute !important; inset:0 !important; width:100% !important; height:650px !important; background-image:url('/assets/hero-recovery-1920x800.jpg') !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important; filter:none !important; transform:none !important; } body.exact-home .exact-hero .hero-overlay{ display:block !important; position:absolute !important; inset:0 !important; width:100% !important; height:650px !important; background:linear-gradient(90deg, rgba(255,247,237,.12) 0%, rgba(255,247,237,.07) 32%, rgba(255,247,237,0) 48%, rgba(255,247,237,0) 100%) !important; pointer-events:none !important; } body.exact-home .exact-hero > .shell{ position:relative !important; z-index:2 !important; width:min(1510px,calc(100% - 48px)) !important; height:100% !important; margin-inline:auto !important; } body.exact-home .exact-hero-grid{ display:grid !important; grid-template-columns:minmax(650px,1fr) 640px !important; column-gap:46px !important; align-items:start !important; height:100% !important; padding:30px 0 0 !important; } body.exact-home .hero-space{ min-height:0 !important; height:auto !important; display:block !important; } body.exact-home .hero-copy{ display:block !important; width:100% !important; max-width:690px !important; margin:0 0 0 100px !important; padding:24px 0 0 !important; background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; backdrop-filter:none !important; } body.exact-home .hero-copy h1{ display:block !important; width:100% !important; max-width:690px !important; margin:0 0 14px !important; padding:0 !important; font-family:Georgia,'Times New Roman',serif !important; font-size:54px !important; font-weight:700 !important; line-height:.98 !important; letter-spacing:-.035em !important; color:#17130f !important; text-shadow:0 1px 0 rgba(255,255,255,.72),0 2px 12px rgba(255,247,236,.20) !important; } body.exact-home .hero-copy h1 em{ color:#c64f34 !important; font-style:italic !important; font-weight:700 !important; } body.exact-home .hero-copy > p{ display:block !important; width:100% !important; max-width:650px !important; margin:0 !important; padding:0 !important; font-family:Georgia,'Times New Roman',serif !important; font-size:17px !important; font-weight:700 !important; line-height:1.42 !important; color:#fff8ef !important; text-shadow:0 2px 3px rgba(38,20,12,.78),0 0 10px rgba(38,20,12,.34) !important; } body.exact-home .hero-benefits, body.exact-home .hero-kicker{display:none !important;} body.exact-home .calculator-shell{ position:relative !important; z-index:4 !important; justify-self:end !important; width:640px !important; max-width:640px !important; margin:2px 0 0 !important; background:#fffaf4 !important; border:1px solid rgba(141,96,63,.20) !important; border-radius:18px !important; box-shadow:0 18px 44px rgba(61,35,17,.16) !important; overflow:visible !important; } body.exact-home .calculator-title-row, body.exact-home .compact-grid, body.exact-home .exact-advanced{background:#fffaf4 !important;} } @media (min-width:1181px) and (max-width:1500px){ body.exact-home .exact-hero > .shell{width:calc(100% - 34px) !important;} body.exact-home .exact-hero-grid{ grid-template-columns:minmax(585px,1fr) 600px !important; column-gap:30px !important; padding-top:28px !important; } body.exact-home .hero-copy{max-width:620px !important;margin-left:42px !important;padding-top:20px !important;} body.exact-home .hero-copy h1{max-width:620px !important;font-size:49px !important;} body.exact-home .hero-copy > p{max-width:590px !important;font-size:16px !important;} body.exact-home .calculator-shell{width:600px !important;max-width:600px !important;} } /* Keep the existing responsive calculator behavior, but make the hero copy clean on tablets/phones too. */ @media (max-width:1180px){ body.exact-home .hero-copy{background:none !important;box-shadow:none !important;border:0 !important;margin-left:8px !important;} body.exact-home .hero-kicker,body.exact-home .hero-benefits{display:none !important;} } /* Phase 22 — single-line desktop hero headline */ @media (min-width:1181px){ body.exact-home .hero-copy{max-width:none!important;margin-left:34px!important;padding-top:22px!important;} body.exact-home .hero-copy h1{white-space:nowrap!important;max-width:none!important;width:auto!important;font-size:30px!important;line-height:1.05!important;letter-spacing:-.035em!important;margin-bottom:13px!important;} body.exact-home .hero-copy>p{max-width:620px!important;} } @media (min-width:1501px){body.exact-home .hero-copy{margin-left:48px!important;} body.exact-home .hero-copy h1{font-size:32px!important;}} @media (max-width:1180px){body.exact-home .hero-copy h1{white-space:normal!important;}} /* Phase 23 — bright contrasting hero paragraph */ @media (min-width:1181px){ body.exact-home .hero-copy > p{ color:#00E5FF !important; font-weight:800 !important; text-shadow: 0 1px 0 rgba(15,24,28,.95), 0 2px 5px rgba(15,24,28,.82), 0 0 14px rgba(15,24,28,.38) !important; } } @media (max-width:1180px){ body.exact-home .hero-copy > p{ color:#00E5FF !important; font-weight:800 !important; text-shadow: 0 1px 0 rgba(15,24,28,.95), 0 2px 5px rgba(15,24,28,.82), 0 0 12px rgba(15,24,28,.34) !important; } }