/* Homepage header and banner inspired by the Mrfix reference. */
.home-page{--hero-green:#323f24;--hero-cream:#eedccf;background-image:none}
.home-page main{padding-top:0}
.home-page .site-header{position:relative;inset:auto;transform:none;width:100%;height:104px;margin:0;padding:0 max(32px,calc((100vw - 1320px)/2));background:var(--hero-green);border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible}
.home-page .site-header:before{display:none}
.home-page .site-header .brand{gap:12px}
.home-page .site-header .brand:after{content:"FEB Digi";color:#fff;font-size:28px;font-weight:700;letter-spacing:-1px}
.home-page .site-header .brand-logo{width:44px;height:44px;box-shadow:none}
.home-page .site-header nav{gap:28px;font-size:13px}
.home-page .site-header nav>a:not(.talk-button){color:#fff}
.home-page .site-header nav>a:not(.talk-button):before{content:"+ ";color:var(--hero-cream)}
.home-page .site-header nav>a:not(.talk-button):after{background:var(--hero-cream)}
.home-page .site-header .talk-button{padding:16px 27px;border-radius:100px;background:var(--hero-cream);color:#222;box-shadow:none}
.home-page .hero{position:relative;isolation:isolate;width:100%;margin:0;padding:30px max(32px,calc((100vw - 1320px)/2)) 64px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;text-align:left;color:#fff;background:var(--hero-green)}
.hero-copy{position:relative;z-index:2;padding:28px 0;min-width:0}
.hero-eyebrow{display:block;margin-bottom:26px;color:var(--hero-cream);font-size:11px;letter-spacing:2px;text-transform:uppercase}
.home-page .hero h1{position:relative;width:115%;margin:0 0 28px;font-size:clamp(44px,5.5vw,82px);line-height:1.04;font-weight:700;letter-spacing:-2.5px;text-transform:uppercase;text-wrap:balance}
.home-page .hero h1 span{color:inherit}
.hero-copy>p{max-width:520px;margin:0 0 36px;color:#e4e8de;font-size:16px;line-height:1.65}
.home-page .hero .primary-button{min-width:260px;justify-content:space-between;padding:19px 24px;border:0;border-radius:10px;color:#28341f;background:var(--hero-cream);box-shadow:none;font-size:14px;transition:background .2s,transform .2s}
.home-page .hero .primary-button:hover{background:#fff0e5;transform:translateY(-2px)}
.hero .primary-button>span{font-size:22px}
.hero-support{display:flex;align-items:center;gap:17px;margin-top:44px}
.hero-support>img{width:64px;height:64px;object-fit:cover;border-radius:50%}
.hero-support>div>span{display:block;margin-bottom:8px;color:#e0e5da;font-size:14px}
.hero-support a{font-size:19px;font-weight:600}
.hero-visual{position:relative;align-self:stretch;min-height:570px;border-radius:18px;overflow:hidden;background:#566247}
.hero-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.hero-visual:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(20,30,12,.65));pointer-events:none}
.hero-visual-label{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:12px;padding:17px 19px;border:1px solid #ffffff40;border-radius:10px;background:#323f24d9;color:#fff;font-size:13px;backdrop-filter:blur(10px)}
.hero-visual-label>span:last-child{margin-left:auto;font-size:24px}
.hero-status{flex:none;width:9px;height:9px;border-radius:50%;background:#c5d8a4}
.home-page .site-header a:focus-visible,.hero a:focus-visible{outline:3px solid #d8e9b8;outline-offset:5px}
@media(min-width:1600px){.home-page .hero h1{font-size:84px}}
@media(max-width:1100px){.home-page .site-header nav{gap:16px}.home-page .hero h1{width:100%;font-size:54px}.hero-visual{min-height:540px}}
@media(max-width:900px){.home-page .site-header{height:88px;padding-inline:24px}.home-page .site-header .brand:after{font-size:23px}.home-page .site-header nav{gap:10px}.home-page .hero{padding:20px 24px 40px;gap:24px;grid-template-columns:1fr}.hero-copy{padding:18px 0}.home-page .hero h1{width:100%;max-width:720px;font-size:clamp(40px,8vw,68px);letter-spacing:-1.5px}.hero-copy>p{max-width:620px}.hero-visual{min-height:440px}.hero-support{margin-top:30px}.home-page .site-header .talk-button{padding:13px 20px}}
@media(max-width:480px){.home-page .site-header{padding-inline:18px}.home-page .site-header .brand:after{font-size:18px}.home-page .site-header .brand{gap:8px}.home-page .site-header .brand-logo{width:34px;height:34px}.home-page .site-header .talk-button{padding:12px;font-size:11px}.home-page .hero{padding-inline:18px}.hero-eyebrow{font-size:10px;letter-spacing:1px}.home-page .hero h1{font-size:40px}.hero-visual{min-height:340px}.hero-visual-label{left:14px;right:14px;bottom:14px;padding:14px;font-size:11px}.hero-support a{font-size:17px}.hero-support>div>span{font-size:12px}.home-page .hero .primary-button{width:100%}}
@media(prefers-reduced-motion:reduce){.home-page .hero .primary-button{transition:none}}
/* Nafu Home Care: reference proportions and overlapping headline. */
.home-page{--hero-green:#333f23;--hero-cream:#efddcf}
.home-page .site-header{height:100px;padding-inline:max(30px,calc((100vw - 1580px)/2));gap:24px}
.nafu-header .brand:after{display:none!important}.nafu-mark{width:48px;height:48px;flex:none;color:#dadbc1}.nafu-wordmark{color:#fff;font:600 38px/1 Arial,sans-serif;letter-spacing:-1px}.nafu-wordmark small{display:block;margin-top:5px;font-size:10px;letter-spacing:3px}.nafu-tagline{margin-right:auto;padding:12px 0 12px 24px;border-left:1px solid #c9cbb47d;color:#fff;font:16px/1.3 Arial,sans-serif}
.home-page .site-header nav{gap:38px;font-size:14px}.home-page .site-header .talk-button{padding:17px 34px;font-weight:400}.home-page .site-header nav>a.is-active{text-decoration:underline;text-underline-offset:4px;color:#ded5c4}
.home-page .hero{padding:33px max(30px,calc((100vw - 1580px)/2)) 0;grid-template-columns:52% 46%;gap:2%;align-items:start;min-height:790px}
.hero-copy{padding:43px 0 48px}.home-page .hero h1{width:155%;font-size:clamp(64px,7.1vw,140px);line-height:1.08;letter-spacing:-3px;margin:0 0 32px;font-weight:700;text-wrap:initial}.hero-copy>p{max-width:760px;font-size:18px;line-height:1.6;margin:0 0 50px}.hero-visual{min-height:730px;border-radius:22px 22px 0 0;overflow:visible}.hero-photo{border-radius:22px 22px 0 0;object-position:center}.hero-visual:after{display:none}.hero-email{display:flex;align-items:center;gap:14px;width:min(584px,100%);padding:12px 16px 12px 24px;background:var(--hero-cream);border-radius:11px}.hero-email input{width:100%;min-width:0;padding:9px 0;background:none;border:0;outline:none;font:18px/1.3 Arial,sans-serif;color:#171b13}.hero-email input::placeholder{color:#24251f}.hero-email:focus-within{outline:3px solid #bac99e;outline-offset:4px}.hero-email button{flex:none;padding:12px 20px;border:1px solid #202b17;border-radius:100px;background:var(--hero-green);color:#fff;font:14px/1 Arial,sans-serif;cursor:pointer}.hero-email button:hover{background:#465630}.hero-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero-support{gap:18px;margin-top:56px}.hero-support>img{width:90px;height:90px}.hero-support>div>span{font-size:21px;margin-bottom:12px}.hero-support a{font-size:24px}
.hero-review{position:absolute;z-index:3;bottom:44px;left:-145px;display:flex;flex-direction:column;gap:7px;padding:24px;width:218px;min-height:157px;border-radius:12px;color:#090b07;background:#dedec7;font-size:18px}.hero-review strong{font-size:21px;font-weight:500;margin-bottom:20px}.hero-review strong>span{color:#333f23}.hero-stars{color:#ffab16;font-size:26px;letter-spacing:-2px;line-height:1}
@media(max-width:1400px){.nafu-tagline{display:none}.home-page .site-header nav{gap:24px}.home-page .hero{min-height:690px}.hero-visual{min-height:650px}.hero-copy{padding-top:32px}.hero-support>div>span{font-size:17px}.hero-support a{font-size:21px}.hero-review{left:-95px;width:200px}}
@media(max-width:900px){.home-page .site-header{height:90px;padding-inline:24px}.nafu-wordmark{font-size:29px}.nafu-mark{width:40px;height:40px}.home-page .hero{padding:24px 24px 40px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:12px 0 20px}.home-page .hero h1{width:100%;font-size:clamp(44px,8vw,72px);letter-spacing:-2px}.hero-copy>p{font-size:16px;margin-bottom:30px}.hero-support{margin-top:32px}.hero-support>img{width:68px;height:68px}.hero-visual{min-height:580px;margin-top:20px;border-radius:20px}.hero-photo{border-radius:20px}.hero-review{left:20px;bottom:20px}.home-page .site-header nav>a:not(.talk-button){display:none}}
@media(max-width:480px){.home-page .site-header{padding-inline:18px;gap:12px}.home-page .site-header .talk-button{padding:14px 18px;font-size:11px}.home-page .hero{padding-inline:18px}.home-page .hero h1{font-size:clamp(35px,9vw,43px);letter-spacing:-1px}.hero-email{padding:10px 12px 10px 16px}.hero-email input{font-size:15px}.hero-email button{padding:12px;font-size:11px}.hero-support>div>span{font-size:14px}.hero-support a{font-size:18px}.hero-visual{min-height:440px}.hero-review{width:185px;padding:20px;font-size:15px;min-height:140px}.hero-review strong{font-size:18px}}