/* Paired day/night art, with purpose-composed portrait assets on small screens. */
.page-home .hero-inner{padding-block:clamp(44px,7svh,88px) clamp(64px,9svh,105px)}
.page-home .hero h1{font-size:clamp(58px,6.5vw,110px);max-width:50vw;line-height:1.06;letter-spacing:-.045em;margin-bottom:26px}
.page-home .hero-copy{max-width:min(45vw,760px);font-size:clamp(16px,1.35vw,21px);line-height:1.75;margin-bottom:30px;color:#d3e2ef}
.page-home .hero-actions{gap:14px;flex-wrap:wrap}
.page-home .hero-actions .btn{font-size:clamp(13px,1.02vw,16px);padding:17px 25px;min-height:52px}
.page-home .hero-trust{font-size:clamp(10px,.8vw,12px);gap:18px;margin-top:28px}
.page-home .hero:after{background:linear-gradient(90deg,transparent 15%,#06111e18 27%,#06111e75 41%,#06111e85 50%,#06111e75 59%,#06111e18 73%,transparent 85%)}
html[data-theme=light] .page-home .hero:after{background:linear-gradient(90deg,transparent 14%,#e4edf235 23%,#e4edf2d9 34%,#e4edf2e8 50%,#e4edf2d9 66%,#e4edf235 77%,transparent 86%)}
html[data-theme=light] .page-home .hero-copy{color:#263e50}
@media(min-width:701px) and (max-width:1024px){
 .page-home .hero h1{font-size:clamp(56px,7vw,72px);max-width:70vw}
 .page-home .hero-copy{max-width:60vw;font-size:17px}
 .page-home .hero:after{background:linear-gradient(90deg,#06111e20,#06111ec9 35%,#06111ec9 65%,#06111e20)}
 html[data-theme=light] .page-home .hero:after{background:linear-gradient(90deg,#e4edf220,#e4edf2d9 35%,#e4edf2d9 65%,#e4edf220)}
}
@media(max-width:700px){
 .page-home .hero-inner{padding:clamp(90px,17svh,160px) 20px clamp(90px,17svh,160px)}
 .page-home .hero .hero-art{object-fit:cover;object-position:center;opacity:1}
 .page-home .hero h1{font-size:clamp(38px,11.4vw,64px);line-height:1.08;max-width:100%;margin-bottom:18px;letter-spacing:-.045em}
 .page-home .hero-copy{max-width:440px;font-size:clamp(14px,3.9vw,18px);line-height:1.7;margin-bottom:23px}
 .page-home .hero .eyebrow{font-size:clamp(7px,2.05vw,10px);letter-spacing:1.2px;margin-bottom:16px}
 .page-home .hero-actions{gap:10px;width:100%;max-width:450px}
 .page-home .hero-actions .btn{font-size:clamp(11px,3.1vw,14px);padding:13px 14px;min-height:46px}
 .page-home .hero-trust{max-width:430px;gap:8px 12px;font-size:clamp(8px,2.3vw,11px);margin-top:20px}
 .page-home .hero-trust{background:#06111edb;padding:7px 5px;border-radius:6px;color:#c7dce9}
 html[data-theme=light] .page-home .hero-trust{background:#e4edf2ed;color:#29485c}
 .page-home .hero:after{background:linear-gradient(180deg,transparent 9%,#06111e20 21%,#06111e88 34%,#06111e88 61%,#06111e20 76%,transparent 88%)}
 html[data-theme=light] .page-home .hero:after{background:linear-gradient(180deg,transparent 9%,#e4edf220 21%,#e4edf28c 34%,#e4edf28c 61%,#e4edf220 76%,transparent 88%)}
 .page-home .hero-scroll{bottom:18px;background:#06111ebf;color:#e5f4ff;padding:8px 12px;border-radius:30px}
 html[data-theme=light] .page-home .hero-scroll{background:#edf5f8e6;color:#183447}
}
@media(max-width:360px){
 .page-home .hero-inner{padding-inline:16px}
 .page-home .hero-actions{gap:8px}
 .page-home .hero-actions .btn{padding-inline:8px;font-size:10.5px;gap:6px}
 .page-home .hero-actions .btn .icon{width:14px;height:14px}
 .page-home .hero-trust{gap:8px}
}
@media(max-height:700px) and (max-width:700px){
 .page-home .hero-inner{padding-top:72px;padding-bottom:86px}
 .page-home .hero h1{font-size:clamp(34px,10.7vw,44px);margin-bottom:14px}
 .page-home .hero-copy{font-size:14px;line-height:1.6;margin-bottom:18px}
 .page-home .hero-trust{margin-top:16px}
}
@media(max-height:620px) and (min-width:701px){
 .page-home .hero-inner{padding-block:35px 65px}
 .page-home .hero h1{font-size:clamp(46px,5vw,68px);margin-bottom:18px}
 .page-home .hero-copy{font-size:16px;margin-bottom:20px}
 .page-home .hero-trust{margin-top:18px}
}

/* Mobile reads vertically: status / central message / trust over the lower scene.
   Flexible grid spacers absorb available height; content stays in normal flow
   when a short viewport or enlarged text needs more room. */
@media(max-width:700px){
 .page-home .hero-inner{
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(110px,1fr) auto auto auto minmax(38px,.65fr) auto 48px;
  align-content:stretch;align-items:center;justify-items:center;
  min-height:calc(100svh - var(--hero-chrome) - var(--hero-dock));
  padding:18px 22px 18px;
 }
 .page-home .hero .eyebrow{
  grid-row:1;margin:0;max-width:100%;font-size:clamp(8px,2.15vw,10px);
  font-weight:550;letter-spacing:1.2px;line-height:1.6;
  padding:6px 10px;border-radius:5px;background:#06111ee6;color:#b7e5eb;
 }
 html[data-theme=light] .page-home .hero .eyebrow{background:#e4edf2ed;color:#225766}
 .page-home .hero h1{
  grid-row:3;margin:0 0 22px;font-size:clamp(35px,10.4vw,52px);
  font-weight:450;line-height:1.22;letter-spacing:-.025em;
 }
 .page-home .hero h1 .gradient-text{font-weight:650}
 .page-home .hero-copy{
  grid-row:4;max-width:390px;margin:0 0 25px;
  font-size:clamp(14px,3.8vw,17px);font-weight:400;line-height:1.85;
 }
 .page-home .hero-actions{grid-row:5;gap:10px;max-width:410px}
 .page-home .hero-actions .btn{font-weight:550;font-size:clamp(11px,3vw,13px);padding:13px 12px;min-height:46px}
 .page-home .hero-trust{
  grid-row:7;margin:0;max-width:100%;padding:9px 10px;
  gap:9px 14px;line-height:1.55;font-size:clamp(9px,2.4vw,11px);font-weight:400;
 }
 .page-home .hero-scroll{bottom:18px}
}
@media(max-width:360px){
 .page-home .hero-inner{padding-inline:16px;grid-template-rows:auto minmax(90px,1fr) auto auto auto minmax(30px,.65fr) auto 48px}
 .page-home .hero-actions{gap:8px}
 .page-home .hero-actions .btn{font-size:10.5px;padding-inline:8px;gap:6px}
}
@media(max-width:700px) and (max-height:700px){
 .page-home .hero-inner{grid-template-rows:auto minmax(78px,1fr) auto auto auto minmax(24px,.65fr) auto 44px;padding-top:14px;padding-bottom:14px}
 .page-home .hero h1{font-size:clamp(33px,10vw,42px);margin-bottom:16px;line-height:1.2}
 .page-home .hero-copy{font-size:14px;line-height:1.7;margin-bottom:20px}
 .page-home .hero-trust{padding-block:7px}
}