.section{padding-block:var(--sp-7)}
.section--tight{padding-block:var(--sp-6)}
.section--alt{background:var(--c-bg-2)}
.section--card{background:var(--c-surface);border-block:1px solid var(--c-line)}
.section__head{max-width:640px;margin-bottom:var(--sp-5)}
.section__head--center{margin-inline:auto;text-align:center}
.section__head--center .eyebrow{justify-content:center}
.section__head h2{margin-bottom:var(--sp-2)}
.section__head .lede{font-size:var(--fs-3)}
.section__foot{margin-top:var(--sp-5);text-align:center}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#e9f7f1 0%,var(--c-bg) 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(14,155,125,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,155,125,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 82%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 82%);pointer-events:none}
.hero::after{content:"";position:absolute;top:-220px;right:-140px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(53,232,194,.22),transparent 62%);pointer-events:none}
.hero__in{position:relative;z-index:1;max-width:var(--wrap-wide);margin-inline:auto;padding:var(--sp-6) var(--sp-4) 88px;display:grid;grid-template-columns:1.02fr .98fr;gap:var(--sp-6);align-items:center}
.hero__copy{min-width:0}
.hero__copy h1{margin-bottom:var(--sp-3)}
.hero__copy h1 em{font-style:normal;color:var(--c-teal-deep);position:relative}
.hero__copy h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:9px;background:rgba(53,232,194,.35);z-index:-1}
.hero__sub{font-size:var(--fs-4);color:var(--c-ink-2);line-height:1.75;max-width:46ch;margin-bottom:var(--sp-4)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--sp-4)}
.hero__meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--font-mono);font-size:var(--fs-1);color:var(--c-ink-3)}
.hero__meta span{display:inline-flex;align-items:center;gap:7px}
.hero__visual{position:relative;min-width:0}
.hero__scene{width:100%;height:auto;display:block;filter:drop-shadow(0 28px 56px rgba(7,33,28,.14))}
.hero__term{position:absolute;left:-18px;bottom:-26px;width:min(330px,86%);z-index:2}
.hero__chip{position:absolute;top:6px;right:2px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--c-line-2);border-radius:var(--r-1);padding:7px 12px;font-family:var(--font-mono);font-size:var(--fs-1);color:var(--c-ink);box-shadow:var(--sh-1)}
@media (max-width:1023px){
.hero__in{grid-template-columns:1fr;padding-block:var(--sp-5) var(--sp-6);gap:var(--sp-5)}
.hero__visual{max-width:560px;margin-top:var(--sp-3)}
.hero__term{position:relative;left:0;bottom:0;width:100%;margin-top:var(--sp-3)}
.hero__chip{top:-8px;right:8px}
}
.page-head{position:relative;overflow:hidden;background:linear-gradient(180deg,#e9f7f1 0%,var(--c-bg) 100%);border-bottom:1px solid var(--c-line)}
.page-head::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(14,155,125,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,155,125,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 90%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 90%);pointer-events:none}
.page-head__in{position:relative;max-width:var(--wrap);margin-inline:auto;padding:var(--sp-6) var(--sp-4) var(--sp-5)}
.page-head h1{font-size:clamp(30px,3.8vw,42px);margin-bottom:var(--sp-2)}
.page-head .lede{margin-bottom:0}
.cta-band{position:relative;overflow:hidden;background:var(--c-term);border-radius:var(--r-3);color:#bfeede}
.cta-band::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(53,232,194,.04) 0 1px,transparent 1px 4px);pointer-events:none}
.cta-band::after{content:"";position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:520px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(53,232,194,.18),transparent 65%);pointer-events:none}
.cta-band__in{position:relative;z-index:1;padding:var(--sp-6) var(--sp-5);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-5);align-items:center}
.cta-band h2{color:#e7fff8;margin-bottom:var(--sp-2)}
.cta-band p{color:#8db8ab;font-size:var(--fs-3)}
.cta-band .vm-btn--primary{background:var(--c-phosphor);border-color:var(--c-phosphor);color:var(--c-term)}
.cta-band .vm-btn--primary:hover{box-shadow:0 0 0 4px rgba(53,232,194,.25)}
.cta-band .vm-btn--secondary{background:transparent;border-color:rgba(53,232,194,.4);color:#e7fff8}
.cta-band .vm-btn--secondary:hover{border-color:var(--c-phosphor);color:var(--c-phosphor)}
.cta-band .vm-term{border-color:rgba(53,232,194,.25);box-shadow:none}
.cta-band__in:not(:has(.vm-term)){grid-template-columns:1fr;text-align:center;justify-items:center}
.cta-band__in:not(:has(.vm-term))>p{max-width:560px}
@media (max-width:860px){.cta-band__in{grid-template-columns:1fr;padding:var(--sp-5) var(--sp-4)}}
@media (max-width:768px){
.section{padding-block:var(--sp-6)}
.section--tight{padding-block:var(--sp-5)}
.page-head__in{padding-block:var(--sp-5) var(--sp-4)}
}
