.positioning-section{background:#e6f9d1;border-block:1px solid #d5e8c4}
.positioning-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.positioning-grid h2{max-width:19ch;margin-bottom:0}
.positioning-copy{max-width:38rem;padding-top:.35rem}
.positioning-line{color:var(--ink);font-size:1.12em;font-weight:750;line-height:1.35}

.home-hero{overflow:hidden;padding:clamp(4rem,6vw,5.6rem) 0;background:radial-gradient(circle at 76% 28%,rgba(185,255,102,.2),transparent 35%)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(2.25rem,3.6vw,4rem);align-items:start}
.hero-copy{grid-column:1;grid-row:1;min-width:0}
.home-hero h1{max-width:10.8ch;font-size:clamp(3rem,4.7vw,5.05rem)}
.home-hero .lead{max-width:42rem}
.hero-visual{position:relative;grid-column:2;grid-row:1;min-width:0;height:clamp(470px,36vw,545px);margin:3rem 0 0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero-visual>img{display:block;min-height:0;width:100%;height:100%;object-fit:contain;object-position:center}

.future-section{background:var(--white);border-block:1px solid var(--line)}
.future-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(3rem,7vw,7rem);align-items:center}
.future-copy h2{max-width:18ch}
.future-copy .prose{max-width:44rem}
.system-flow{position:relative;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.system-core{display:flex;align-items:flex-start;flex-direction:column;gap:.2rem;width:min(100%,23rem);padding:1.1rem 1.25rem;border-radius:9px;background:var(--navy);color:#fff}
.system-core span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.system-core strong{font-size:1.35rem;letter-spacing:-.025em}
.system-core small{color:#b9c9c4;font-size:.86rem}
.system-connector{width:1px;height:2.4rem;margin-left:1.35rem;background:#8da198}
.system-flow-label{margin:0 0 .65rem;color:var(--muted);font-size:.73rem;font-weight:750;text-align:left;text-transform:uppercase;letter-spacing:.1em}
.system-outputs{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}
.system-outputs span{display:flex;align-items:center;gap:.65rem;min-height:0;padding:.8rem 0;border:0;border-top:1px solid #cdd7d0;border-radius:0;background:transparent;font-size:.93rem;font-weight:700}
.system-outputs span:before{width:5px;height:5px;content:"";flex:0 0 5px;border-radius:50%;background:var(--accent-dark);opacity:.75}
.system-flow-note{max-width:34rem;margin:1.15rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.5}

@media(max-width:1000px){
  .home-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:2.25rem}
  .home-hero h1{font-size:clamp(3rem,5.6vw,4.45rem)}
  .hero-visual{margin-top:2.5rem}
  .future-grid{grid-template-columns:1fr 1fr;gap:3rem}
}

@media(max-width:900px){
  .positioning-grid,.future-grid{grid-template-columns:1fr}
  .positioning-grid{gap:1.5rem}
  .future-copy h2{max-width:22ch}
  .system-flow{max-width:42rem}
}

@media(max-width:820px){
  .home-hero-grid{grid-template-columns:1fr;gap:3rem}
  .hero-copy{grid-column:1;grid-row:1}
  .hero-visual{grid-column:1;grid-row:2;height:auto;margin-top:0}
  .hero-visual>img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
}

@media(max-width:620px){
  .home-hero{padding:3.45rem 0}
  .home-hero-grid{gap:2.2rem}
  .home-hero h1{font-size:clamp(2.55rem,12vw,3.25rem);line-height:1.03}
  .home-hero .lead{font-size:1.08rem}
  .home-hero .actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:1rem 1.25rem;margin-top:1.55rem}
  .future-grid{gap:2rem}
  .system-flow{padding:0}
  .system-outputs{grid-template-columns:1fr}
}
