/* Full-screen image with centered copy and prominent actions below. */
.hero{margin:0;width:100%;height:100svh;min-height:0;max-height:none;border-radius:0}
.hero-shade{background:radial-gradient(ellipse at 50% 28%,#03242e50 0%,#03242e18 65%,transparent 90%),linear-gradient(180deg,#03242e52 0%,#03242e30 55%,#03242e12 100%)}
.hero-content{display:flex;flex-direction:column;align-items:center;gap:34px;left:6%;right:6%;top:clamp(135px,18svh,210px);bottom:auto;transform:none;text-align:center}
.hero-copy-block{width:100%;max-width:1150px}
.hero h1{max-width:none;font-size:clamp(48px,5.3vw,88px);line-height:1.12;text-wrap:initial;text-shadow:0 3px 26px #03232b66}
.hero-copy-block>p{max-width:610px;margin:23px auto 0;font-size:16px;font-weight:500;line-height:1.8;letter-spacing:.005em;color:#fff;text-shadow:0 2px 14px #03232b99}











@media(max-width:1100px){
 .hero h1{font-size:clamp(45px,5.8vw,64px)}



}
@media(max-width:800px){
 .hero-content{top:clamp(120px,18svh,170px);gap:28px}
 .hero h1{font-size:clamp(40px,6.8vw,54px)}
 .hero-copy-block>p{font-size:14px;max-width:500px;margin-top:20px}



}
@media(max-width:600px){
 .hero-content{left:7%;right:7%;top:clamp(115px,16svh,155px);gap:25px}
 .hero h1{font-size:clamp(36px,8.6vw,49px)}
 .hero-copy-block>p{font-size:13px;max-width:350px;margin-top:19px;line-height:1.75}



}
@media(max-height:700px) and (min-width:601px){
 .hero-content{top:120px;gap:25px}
 .hero h1{font-size:clamp(40px,5vw,64px)}
 .hero-copy-block>p{margin-top:18px;font-size:14px}

}
@media(max-height:740px) and (max-width:600px){
 .hero-content{top:112px;gap:21px}
 .hero h1{font-size:clamp(34px,8.3vw,43px)}
 .hero-copy-block>p{margin-top:16px;font-size:12px}


}
@media(max-height:500px){
 .hero-content{top:96px;gap:18px}
 .hero h1{font-size:clamp(28px,4.5vw,46px)}
 .hero-copy-block>p{font-size:11px;line-height:1.6;margin-top:12px;max-width:560px}



}


/* Sculpted CTA: solid color, a fine highlight and a compressible edge. */
.hero-actions{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:22px;width:100%;max-width:780px;margin:0;justify-self:auto}
.hero-actions .button{
 --edge:#8b3014;--rx:0deg;--ry:0deg;--lift:0px;
 position:relative;isolation:isolate;flex:1;width:100%;min-width:0;min-height:74px;
 display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 25px;
 border:1px solid #f88c6450;border-radius:20px;color:#fff;
 font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.25;
 white-space:nowrap;text-align:left;text-shadow:0 1px 1px #6f210d30;overflow:hidden;backdrop-filter:none;
 background:linear-gradient(165deg,#c84b23 0%,#c1431d 65%,#b93918 100%);
 box-shadow:0 5px 0 var(--edge),0 13px 24px #01233348,0 24px 45px #01233326,inset 0 1px 0 #ffffff45;
 transform:perspective(900px) translate3d(0,var(--lift),0) rotateX(var(--rx)) rotateY(var(--ry));
 transition:transform .35s cubic-bezier(.2,.8,.25,1.2),box-shadow .25s ease,border-color .25s ease;
 touch-action:manipulation;
}
.hero-actions .button::before{content:'';position:absolute;left:22px;right:22px;top:1px;height:1px;background:linear-gradient(90deg,transparent,#ffffff65,transparent);pointer-events:none}
.hero-actions .button-glass{--edge:#062a4e;color:#fff;border-color:#72a7d340;background:linear-gradient(165deg,#104e83,#0b3d6c 65%,#073157);text-shadow:0 1px 1px #001a3030}
.cta-label{display:block;white-space:nowrap}
.cta-arrow{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff25;border-radius:50%;background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff20;transition:transform .3s,background .3s}
.hero-actions .button svg{width:20px;height:20px;padding:0;border-radius:0;background:none;stroke-width:1.8;flex-shrink:0;box-sizing:border-box;transition:transform .25s}
.hero-actions .button:hover{--lift:-3px;background:linear-gradient(165deg,#c95025,#c1431d 65%,#b93918);border-color:#ffb08b80;box-shadow:0 7px 0 var(--edge),0 18px 30px #01233355,0 30px 48px #01233330,inset 0 1px 0 #ffffff55;transform:perspective(900px) translate3d(0,var(--lift),0) rotateX(var(--rx)) rotateY(var(--ry))}
.hero-actions .button-glass:hover{background:linear-gradient(165deg,#145589,#0b3d6c 65%,#073157);border-color:#88bae180}
.hero-actions .button:hover .cta-arrow{background:#ffffff20}
.hero-actions .button:hover svg{transform:translateX(2px)}
.hero-actions .button:is(:active,.is-pressed){--lift:3px;box-shadow:0 1px 0 var(--edge),0 5px 12px #01233340,inset 0 1px 3px #00000020;transform:perspective(900px) translate3d(0,3px,0);transition:transform .08s ease,box-shadow .08s ease}
.hero-actions .button:focus-visible{outline:3px solid #fff;outline-offset:8px}
@media(max-width:1100px){.hero-actions{max-width:730px;gap:18px}.hero-actions .button{font-size:18px;min-height:72px;padding:16px 23px}}
@media(max-width:800px){.hero-actions{flex-direction:column;max-width:390px;gap:18px}.hero-actions .button{flex:none;min-height:70px;font-size:18px;padding:15px 23px}}
@media(max-width:600px){.hero-actions{max-width:390px;gap:17px}.hero-actions .button{font-size:17px;min-height:66px;padding:14px 20px;gap:14px}.cta-arrow{width:34px;height:34px}.hero-actions .button svg{width:18px;height:18px}}
@media(max-width:360px){.hero-actions .button{font-size:14px;gap:10px;padding-inline:16px}.cta-arrow{width:30px;height:30px}}
@media(max-height:500px) and (min-width:601px){.hero-actions{flex-direction:row;max-width:700px;gap:16px}.hero-actions .button{font-size:15px;min-height:58px;padding:12px 18px;gap:10px}.cta-arrow{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.hero-actions .button,.hero-actions .button:hover,.hero-actions .button:is(:active,.is-pressed){transform:none}.hero-actions .button:hover svg{transform:none}}