/* 2.24: approved 8563B88B reference. Live text, ordered flow and real links. */
.nh-reference-hero{--u:min(1vw,10.24px);background:#edfcf4;color:#05152e;max-width:1024px;margin:0 auto;overflow:hidden}
.nh-reference-stage{position:relative;min-height:calc(var(--u)*72);isolation:isolate}
.nh-reference-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.nh-reference-copy{padding:calc(var(--u)*2) calc(var(--u)*5) calc(var(--u)*6)}
.nh-reference-pill{display:inline-flex;align-items:center;gap:calc(var(--u)*1);padding:calc(var(--u)*.6) calc(var(--u)*2.2);border:2px solid #00743e;border-radius:50px;font-size:calc(var(--u)*3.5);line-height:1.35;font-weight:800;color:#005330;background:#fafffbc9}
.nh-reference-pill svg{width:calc(var(--u)*3);height:calc(var(--u)*3.7)}
.nh-reference-copy h1{display:table;margin:calc(var(--u)*1.8) 0 calc(var(--u)*1.2);border-bottom:2px solid #6bd886;color:#004a2e;font-size:calc(var(--u)*2.85);font-weight:800;letter-spacing:-.035em;line-height:1.5}
.nh-reference-copy .nh-reference-headline{font-size:calc(var(--u)*9.2);letter-spacing:-.065em;font-weight:900;line-height:1.2;margin:0 0 calc(var(--u)*3.5)}
.nh-reference-headline strong{color:#006838;position:relative;display:inline-block;font-weight:900;isolation:isolate}
.nh-reference-headline strong:after{content:"";position:absolute;left:10%;right:5%;bottom:-3%;height:8%;border-radius:80% 60% 30% 40%;background:#defb60;z-index:-1;transform:rotate(-1deg)}
.nh-reference-copy .nh-reference-lead{font-size:calc(var(--u)*3.05);line-height:1.48;font-weight:700;letter-spacing:-.025em;text-shadow:0 0 8px white}
.nh-reference-stage .nh-reference-speech{position:absolute;right:2%;top:11%;font-size:calc(var(--u)*2.25);line-height:1.45;font-weight:800;color:#004c30;transform:rotate(-9deg);padding-bottom:calc(var(--u)*1.3);border-bottom:2px solid #005836;border-radius:0 0 45% 0;text-shadow:0 0 5px #fff}
.nh-reference-bottom{position:relative;padding:0 calc(var(--u)*4.5) calc(var(--u)*3);background:linear-gradient(155deg,#e2fbed70,#fff 70%,#ddf9e7)}
.nh-reference-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:calc(var(--u)*2) 0;background:#fff;border-radius:calc(var(--u)*3);box-shadow:0 4px 15px #135e3820;position:relative}
.nh-reference-steps li{position:relative;text-align:center;font-size:calc(var(--u)*2.9);font-weight:800;line-height:1.25;padding:0 calc(var(--u)*1)}
.nh-reference-steps li+li{border-left:1px solid #d7e8df}
.nh-reference-steps li:not(:last-child):after{content:'›';position:absolute;right:-3%;top:35%;font-size:calc(var(--u)*5);color:#269e56;background:#fff;line-height:.8;z-index:1}
.nh-reference-steps li>div{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*3);margin-bottom:calc(var(--u)*1)}
.nh-reference-steps b{display:flex;align-items:center;justify-content:center;width:calc(var(--u)*5.5);height:calc(var(--u)*5.5);border-radius:50%;background:linear-gradient(120deg,#3eaf57,#008745);font-size:calc(var(--u)*2.7);color:#fff}
.nh-reference-steps .icon{width:calc(var(--u)*5.2);height:calc(var(--u)*5.6);color:#006839}
.nh-reference-bottom .nh-reference-invite{font-size:calc(var(--u)*2.9);text-align:center;font-weight:800;color:#00492e;margin:calc(var(--u)*2.2) 0 calc(var(--u)*1.4);line-height:1.5}
.nh-reference-invite:before{content:'＼';margin-right:.35em}.nh-reference-invite:after{content:'／';margin-left:.35em}
.nh-reference-buttons{display:grid;gap:calc(var(--u)*1.8)}
.nh-reference-cta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:calc(var(--u)*11);padding:calc(var(--u)*1.8) calc(var(--u)*4.5);border:2px solid transparent;border-radius:100px;background:linear-gradient(115deg,#00c778,#008242);color:#fff;text-decoration:none;font-size:calc(var(--u)*4.5);font-weight:700;line-height:1.35;letter-spacing:0;box-shadow:0 5px 14px #08774218}
.nh-reference-cta .icon{width:calc(var(--u)*5.5);height:calc(var(--u)*5.5);justify-self:start}
.nh-reference-cta>span:last-child{justify-self:end;font-size:calc(var(--u)*6.5);font-weight:400;line-height:1}
.nh-reference-cta--phone{background:#fff;color:#004d32;border-color:#00673c;box-shadow:none}
.nh-reference-cta:hover{filter:brightness(.95);text-decoration:none}.nh-reference-cta:focus-visible{outline:3px solid #071b38;outline-offset:4px}
.nh-reference-bottom .nh-reference-note{text-align:center;font-size:calc(var(--u)*1.85);line-height:1.7;margin:calc(var(--u)*1.6) 0 0;color:#183a35}
.nh-header__inner{min-height:90px}.nh-brand{flex-basis:240px}.nh-brand img{width:240px;max-height:78px}
.nh-header .nh-button--coral{background:#fa4d61;color:#fff;border:1px solid #fa4d61}
.nh-expanded .nh-cases{background:linear-gradient(#edfcf4,#fff);padding-top:25px}
@media(max-width:700px){
.ownership-approved .nh-header .nh-wrap{width:90%}.nh-header__inner{min-height:65px;gap:5px}
.nh-header__message{display:none}.nh-brand{flex:1 1 auto;min-width:0}.nh-brand img{width:180px;max-width:100%;height:auto;max-height:none}
.nh-header__actions{gap:7px;flex:0 0 auto}
.nh-header .nh-button{display:flex;align-items:center;justify-content:center;min-width:42px;width:42px;height:44px;min-height:44px;padding:8px;border-radius:10px}
.nh-header .nh-button>span:not(.icon){display:none}.nh-header .nh-button .icon,.nh-header .nh-button--outline .icon{display:block;width:25px;height:25px;flex-basis:25px}
.nh-header .nh-button--outline{border:2px solid #125e9e}.nh-menu{margin:0;padding:8px 0 8px 5px;width:35px;height:44px}.nh-menu .icon{width:30px;height:30px}
.nh-reference-cta{min-height:48px;font-size:clamp(17px,4.5vw,31px);gap:8px}
.nh-reference-bottom .nh-reference-note{font-size:10px}
.nh-reference-copy h1{font-size:max(11px,2.85vw)}
.nh-reference-copy .nh-reference-lead{font-size:max(12px,3.05vw)}
.nh-reference-steps li{font-size:max(12px,2.9vw)}
.nh-reference-bottom .nh-reference-invite{font-size:max(11px,2.9vw)}
}
@media(prefers-reduced-motion:reduce){.nh-reference-hero *{scroll-behavior:auto}}

/* 2.24.1: reserve clear space above the portrait; do not crop/stretch it. */
.nh-reference-stage{min-height:calc(var(--u)*80);background:#effbf5}
.nh-reference-scene{object-fit:contain;object-position:center bottom}
.nh-reference-copy{padding-bottom:calc(var(--u)*14)}
.nh-reference-stage .nh-reference-speech{top:calc(var(--u)*1.8);right:2%;width:26%;font-size:calc(var(--u)*2.15);line-height:1.45;transform:none;text-align:center;padding:0 0 calc(var(--u)*1);border-bottom-width:2px}
@media(max-width:700px) and (orientation:portrait){
  .nh-reference-hero{display:flex;flex-direction:column;min-height:calc(100vh - 65px);min-height:calc(100svh - 65px)}
  .nh-reference-stage{flex:1 0 auto;min-height:calc(var(--u)*84)}
  .nh-reference-copy{padding-bottom:calc(var(--u)*18)}
  .nh-reference-bottom{flex:0 0 auto}
  body.admin-bar .nh-reference-hero{min-height:calc(100svh - 111px)}
}

/* 2.25: separate desktop composition; mobile rules above remain unchanged. */
@media(min-width:1024px){
  .nh-reference-hero{max-width:none;width:100%;position:relative;background:linear-gradient(110deg,#f7fffa,#e8faf1);overflow:hidden}
  .nh-reference-stage{max-width:1280px;margin:0 auto;min-height:560px;background:transparent}
  .nh-reference-scene{width:100%;height:100%;object-fit:contain;object-position:right bottom}
  .nh-reference-copy{padding:28px 32px 210px;width:66%;position:relative;z-index:1}
  .nh-reference-pill{font-size:19px;padding:4px 17px;gap:7px;line-height:1.4;background:#fafffbe6}
  .nh-reference-pill svg{width:18px;height:23px}
  .nh-reference-copy h1{font-size:22px;line-height:1.5;margin:15px 0 10px;letter-spacing:-.04em}
  .nh-reference-copy .nh-reference-headline{font-size:clamp(40px,4.15vw,54px);line-height:1.28;letter-spacing:-.055em;margin:0 0 24px;white-space:nowrap}
  .nh-reference-headline br:first-of-type{display:none}
  .nh-reference-copy .nh-reference-lead{font-size:18px;line-height:1.7;letter-spacing:0;font-weight:700}
  .nh-reference-lead br:last-of-type{display:none}
  .nh-reference-stage .nh-reference-speech{top:8px;right:18px;width:170px;font-size:14px;line-height:1.5;padding:0 0 8px;z-index:2}
  .nh-reference-bottom{position:absolute;top:350px;left:max(32px,calc((100% - 1280px)/2 + 32px));width:min(620px,58%);padding:0;background:transparent;z-index:2}
  .nh-reference-steps{display:none}
  .nh-reference-bottom .nh-reference-invite{font-size:16px;margin:0 0 9px;text-align:left}
  .nh-reference-invite:before,.nh-reference-invite:after{display:none}
  .nh-reference-buttons{grid-template-columns:1.2fr 1fr;gap:12px}
  .nh-reference-cta{font-size:20px;min-height:60px;padding:12px 17px;border-radius:12px;gap:10px;grid-template-columns:28px 1fr 14px;text-align:center}
  .nh-reference-cta .icon{width:27px;height:30px}
  .nh-reference-cta>span:last-child{font-size:31px}
  .nh-reference-bottom .nh-reference-note{font-size:11px;text-align:left;margin:12px 0 0;line-height:1.7}
}

/* 2.27: full-bleed desktop art, with the existing mobile image as fallback. */
.nh-reference-picture{position:absolute;inset:0;z-index:-1;display:block}
@media(min-width:1024px){
  .nh-reference-stage{max-width:none;min-height:clamp(560px,40vw,720px)}
  .nh-reference-scene{object-fit:cover;object-position:right center;width:100%;height:100%}
  .nh-reference-copy{max-width:1280px;width:100%;margin:0 auto}
  .nh-reference-stage .nh-reference-speech{right:max(18px,calc((100% - 1280px)/2 + 18px))}
}