.home-page .esteem-hero-container { min-height:min(920px,94vh); padding:clamp(150px,18vh,205px) clamp(24px,6vw,96px) 72px; justify-content:flex-start; align-items:flex-start; isolation:isolate; }
.home-page .esteem-hero-bg::before,.home-page .esteem-hero-bg::after { content:""; position:absolute; inset:0; z-index:1; }
.home-page .esteem-hero-bg::before { background:linear-gradient(90deg,rgba(249,250,244,.97) 0%,rgba(249,250,244,.9) 29%,rgba(249,250,244,.3) 58%,rgba(10,16,9,.05) 100%); }
.home-page .esteem-hero-bg::after { background:linear-gradient(0deg,rgba(10,16,9,.55) 0%,transparent 33%); mix-blend-mode:multiply; }
.home-page .esteem-hero-bg img { object-position:center 62%; filter:saturate(.9) contrast(1.03); }
.home-page .esteem-hero-content { align-items:flex-start; max-width:690px; gap:28px; }
.home-page .esteem-hero-text { align-items:flex-start; gap:20px; }
.home-page .esteem-hero-title h1 { max-width:680px; text-align:left; font-size:clamp(48px,5.2vw,78px); line-height:.98; letter-spacing:-.045em; text-wrap:balance; }
.home-page .esteem-hero-title h1::after { content:""; display:inline-block; width:.23em; height:.23em; margin-left:.12em; border-radius:50%; background:#dff447; box-shadow:0 0 0 7px rgba(223,244,71,.18); }
.home-page .esteem-hero-description { max-width:540px; }
.home-page .esteem-hero-description p { text-align:left; font-size:18px; line-height:1.55; color:rgba(17,17,17,.72); }
.home-page .esteem-hero-badge { box-shadow:0 10px 35px rgba(16,23,10,.15); }
.esteem-hero-proof { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:2px; }
.esteem-hero-proof span { display:inline-flex; align-items:center; gap:7px; color:rgba(17,17,17,.76); font:600 12px/1.2 "Instrument Sans",sans-serif; }
.esteem-hero-proof svg { width:18px; height:18px; fill:none; stroke:#26311c; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.esteem-state-coverage { display:flex; align-items:center; gap:18px; width:min(780px,calc(100vw - 48px)); margin-top:4px; padding:12px 14px; border:1px solid rgba(26,38,18,.12); border-radius:18px; background:rgba(255,255,255,.72); box-shadow:0 16px 45px rgba(27,36,19,.12); backdrop-filter:blur(18px) saturate(1.15); -webkit-backdrop-filter:blur(18px) saturate(1.15); }
.esteem-coverage-intro { display:flex; align-items:center; gap:10px; padding-right:18px; border-right:1px solid rgba(17,17,17,.1); }
.esteem-coverage-intro>span:last-child,.esteem-coverage-verified span { display:flex; flex-direction:column; }
.esteem-coverage-intro strong { color:#151a11; font:700 12px/1.25 "Instrument Sans",sans-serif; white-space:nowrap; }
.esteem-state-coverage small { margin-top:2px; color:rgba(17,17,17,.55); font:500 9px/1.25 "Instrument Sans",sans-serif; white-space:nowrap; }
.esteem-coverage-pin { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:11px; color:#18200f; background:#dff447; box-shadow:0 6px 18px rgba(143,165,31,.2); }
.esteem-coverage-pin svg,.esteem-coverage-verified svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.esteem-state-list { display:flex; align-items:center; gap:7px; }
.esteem-state-list>span { display:flex; flex-direction:column; min-width:98px; padding:8px 10px; border:1px solid rgba(17,17,17,.08); border-radius:11px; background:rgba(249,250,244,.8); transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.esteem-state-list>span:hover { transform:translateY(-2px); border-color:rgba(143,165,31,.42); background:#fff; }
.esteem-state-list b { color:#18200f; font:800 12px/1 "Host Grotesk",sans-serif; letter-spacing:.06em; }
.esteem-coverage-verified { display:flex; align-items:center; gap:7px; margin-left:auto; color:#688000; font:700 10px/1.2 "Instrument Sans",sans-serif; }
.esteem-coverage-verified small { color:rgba(17,17,17,.48); }
.home-page .esteem-hero-graphic { display:none; }
.home-page .esteem-hero-noise { inset:0; height:100%; bottom:auto; opacity:.025; }
.esteem-energy-card { position:absolute; z-index:5; right:clamp(26px,7vw,110px); bottom:54px; width:min(310px,calc(100vw - 48px)); padding:22px; color:#fff; border:1px solid rgba(255,255,255,.24); border-radius:22px; background:rgba(14,20,12,.78); box-shadow:0 24px 80px rgba(0,0,0,.32); backdrop-filter:blur(20px) saturate(1.2); -webkit-backdrop-filter:blur(20px) saturate(1.2); }
.esteem-energy-card-top { display:flex; align-items:center; gap:7px; color:rgba(255,255,255,.62); font:700 10px/1 "Instrument Sans",sans-serif; letter-spacing:.12em; }
.esteem-energy-card-top strong { margin-left:auto; color:rgba(255,255,255,.82); font-weight:500; letter-spacing:0; }
.esteem-live-dot { width:7px; height:7px; border-radius:50%; background:#dff447; box-shadow:0 0 0 5px rgba(223,244,71,.12); }
.esteem-energy-value { margin-top:23px; font:500 46px/.95 "Host Grotesk",sans-serif; letter-spacing:-.04em; }
.esteem-energy-value small { font-size:16px; color:#dff447; letter-spacing:0; }
.esteem-energy-label { margin-top:7px; color:rgba(255,255,255,.62); font:400 12px/1.3 "Instrument Sans",sans-serif; }
.esteem-energy-chart { height:68px; display:flex; align-items:flex-end; gap:5px; margin:22px 0 18px; border-bottom:1px solid rgba(255,255,255,.13); }
.esteem-energy-chart i { flex:1; min-height:10%; border-radius:4px 4px 0 0; background:linear-gradient(#e9fa74,#8fa51f); opacity:.9; }
.esteem-energy-chart i:nth-child(1),.esteem-energy-chart i:nth-child(12){height:16%}.esteem-energy-chart i:nth-child(2),.esteem-energy-chart i:nth-child(11){height:29%}.esteem-energy-chart i:nth-child(3),.esteem-energy-chart i:nth-child(10){height:45%}.esteem-energy-chart i:nth-child(4),.esteem-energy-chart i:nth-child(9){height:66%}.esteem-energy-chart i:nth-child(5),.esteem-energy-chart i:nth-child(8){height:83%}.esteem-energy-chart i:nth-child(6){height:100%}.esteem-energy-chart i:nth-child(7){height:92%}
.esteem-energy-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.esteem-energy-stats span { color:rgba(255,255,255,.54); font:500 10px/1.35 "Instrument Sans",sans-serif; }
.esteem-energy-stats b { display:block; margin-bottom:3px; color:#fff; font-size:15px; }
@media (max-width:900px) { .home-page .esteem-hero-container { min-height:930px; padding:140px 28px 38px; } .home-page .esteem-hero-bg::before { background:linear-gradient(180deg,rgba(249,250,244,.97) 0%,rgba(249,250,244,.84) 50%,rgba(14,20,12,.2) 74%,rgba(14,20,12,.58) 100%); } .home-page .esteem-hero-content { max-width:620px; } .esteem-state-coverage { width:min(620px,calc(100vw - 56px)); flex-wrap:wrap; gap:10px; } .esteem-coverage-intro { flex:1; } .esteem-coverage-verified { margin-left:0; } .esteem-energy-card { right:28px; bottom:30px; } }
@media (max-width:620px) {
  .home-page .esteem-hero-section,.home-page .esteem-hero-container { width:100%; max-width:100vw; overflow:hidden; }
  .home-page .esteem-hero-container { min-height:1030px; padding:104px 16px 24px; box-sizing:border-box; }
  .home-page .esteem-hero-bg img { object-position:63% center; }
  .home-page .esteem-hero-content,.home-page .esteem-hero-text,.home-page .esteem-hero-title,.home-page .esteem-hero-description { width:calc(100vw - 32px)!important; min-width:0!important; max-width:calc(100vw - 32px)!important; box-sizing:border-box; flex:none!important; }
  .home-page .esteem-hero-content { gap:20px; }
  .home-page .esteem-hero-text { gap:14px; }
  .home-page .esteem-hero-title h1 { width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; font-size:clamp(33px,9vw,40px); line-height:1.04; letter-spacing:-.04em; white-space:normal!important; overflow-wrap:anywhere; }
  .home-page .esteem-hero-description p { width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; font-size:14px; line-height:1.5; white-space:normal!important; overflow-wrap:anywhere; }
  .home-page .esteem-hero-actions { display:grid; grid-template-columns:1fr; width:100%; min-width:0; justify-content:stretch; opacity:1!important; transform:none!important; }
  .home-page .esteem-hero-actions :is(.esteem-primary-cta,.esteem-secondary-cta) { width:100%; min-width:0; box-sizing:border-box; justify-content:center; }
  .esteem-hero-proof { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:calc(100vw - 32px); max-width:calc(100vw - 32px); min-width:0; gap:9px 6px; }
  .esteem-hero-proof span { min-width:0; font-size:10px; white-space:normal; }
  .esteem-hero-proof span:last-child { grid-column:1/-1; }
  .esteem-state-coverage { width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; min-width:0; padding:10px; border-radius:15px; box-sizing:border-box; overflow:hidden; }
  .esteem-coverage-intro { width:100%; min-width:0; flex:none; padding:0 0 9px; border-right:0; border-bottom:1px solid rgba(17,17,17,.1); }
  .esteem-coverage-intro strong,.esteem-coverage-intro small { white-space:normal; }
  .esteem-state-list { width:100%; min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .esteem-state-list>span { width:auto; min-width:0; padding:8px 6px; overflow:hidden; }
  .esteem-state-list small { max-width:100%; font-size:8px; white-space:normal; overflow-wrap:anywhere; }
  .esteem-coverage-verified { display:none; }
  .esteem-energy-card { left:16px; right:16px; bottom:20px; width:auto; max-width:calc(100vw - 32px); padding:16px; box-sizing:border-box; }
  .esteem-energy-value { margin-top:14px; font-size:34px; }
  .esteem-energy-chart { height:42px; margin:12px 0; }
}
@media (prefers-reduced-motion:no-preference) { .esteem-energy-card { animation:esteem-card-arrive .8s .25s both cubic-bezier(.2,.8,.2,1); } @keyframes esteem-card-arrive { from { opacity:0; transform:translateY(20px) scale(.98); } } }