.hero{position:relative;padding:0;overflow:hidden;background:none}
.hero-grid{position:relative;grid-template-columns:minmax(0,660px);min-height:clamp(560px,72vh,760px);align-items:center}
.hero-grid>div:first-child{position:relative;z-index:2;padding:clamp(2rem,4vw,3.25rem) 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hero-grid>div:first-child .eyebrow{color:#20b7ff;font-size:.82rem;letter-spacing:.15em;text-shadow:0 2px 7px rgba(0,22,17,.95)}
.hero-grid>div:first-child h1{max-width:10ch;margin:.65rem 0 1.15rem;color:#72f500;background:linear-gradient(115deg,#72f500 5%,#16e676 42%,#00c7e8 68%,#078af5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(2,31,24,.62);font-size:clamp(3rem,6vw,4.8rem);line-height:.94;letter-spacing:-.055em;filter:drop-shadow(0 4px 7px rgba(0,22,17,.72))}
.hero-grid>div:first-child p{max-width:48ch;margin:0;color:#effff7;font-size:clamp(1.02rem,1.7vw,1.15rem);font-weight:750;line-height:1.55;text-shadow:0 2px 7px rgba(0,25,19,1),0 0 2px rgba(0,25,19,.95)}
.hero-grid>div:first-child .hero-actions{margin-top:1.6rem}
.hero-panel{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;min-height:0;padding:0;transform:translateX(-50%);border-radius:0;box-shadow:none;isolation:isolate}
.hero-panel::before{display:none}
.hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-caption{display:none}
.hero-caption h2{margin:.3rem 0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.08}
.hero-caption p{margin:.7rem 0 0;color:#fff;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:600;line-height:1.45}
.card-image{display:block;width:calc(100% + 3rem);max-width:none;height:190px;object-fit:cover;margin:-1.5rem -1.5rem 1.25rem;border-radius:var(--radius) var(--radius) 0 0}
.hero + .section .section-head{display:block;text-align:center;max-width:760px;margin:0 auto 2.5rem}
.hero + .section .section-head p{max-width:660px;margin:1rem auto 0}
.text-card{position:relative;overflow:hidden;padding-top:2rem}
.text-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green),var(--blue),var(--cyan))}
.text-card h3{font-size:clamp(1.3rem,2vw,1.65rem);margin-top:1rem}
.text-card strong{display:inline-block;margin-top:.35rem;color:var(--blue)}
@media(max-width:620px){.hero-grid{min-height:650px;align-items:end}.hero-grid>div:first-child{margin:1rem 0;padding:2rem 0;background:transparent}.hero-grid>div:first-child h1{font-size:clamp(2.7rem,14vw,4rem)}.hero-grid>div:first-child .hero-actions{display:grid}.hero-panel{min-height:0;border-radius:0}.hero-photo{object-position:58% center}.hero-caption{left:1.25rem;right:1.25rem;bottom:1.5rem;width:auto}.card-image{height:210px}}
