/* Matching inner-page shell */
.page-hero{position:relative;overflow:hidden;padding:86px 0 78px;background:linear-gradient(180deg,#fbfdff,#f5f9fc)}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,31,68,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,31,68,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}
.page-hero__grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}
.breadcrumbs{font-size:.78rem;color:#64748b;margin-bottom:22px}
.breadcrumbs a{font-weight:700;color:#0e9f6e}
.page-hero h1{font:800 clamp(2.8rem,5vw,4.5rem)/1.02 Manrope,sans-serif;letter-spacing:-.055em;color:var(--navy);margin:12px 0 22px;max-width:720px}
.page-hero h1 span{color:var(--green-dark)}
.page-hero__lede{font-size:1.08rem;line-height:1.72;color:var(--slate);max-width:640px}
.page-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.page-visual{position:relative}
.page-visual img{width:100%;height:480px;object-fit:cover;border-radius:30px;border:1px solid #e2e8f0;box-shadow:var(--shadow)}
.page-visual__card{position:absolute;left:-28px;bottom:28px;background:#fff;padding:18px 20px;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 45px rgba(10,31,68,.14);max-width:250px}
.page-visual__card strong{display:block;color:var(--navy);font:800 .95rem Manrope}
.page-visual__card span{font-size:.78rem;color:var(--muted)}

.detail-strip{border-block:1px solid #e2e8f0;background:#fff}
.detail-strip__inner{min-height:76px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.detail-strip__inner div{text-align:center;border-right:1px solid #e2e8f0}
.detail-strip__inner div:last-child{border-right:0}
.detail-strip strong{font:800 1rem Manrope;color:var(--navy);display:block}
.detail-strip span{font-size:.76rem;color:var(--muted)}

.inner-section{padding:92px 0}
.inner-section--soft{background:#f8fafc}
.inner-heading{max-width:720px;margin-bottom:42px}
.inner-heading--center{text-align:center;margin:0 auto 42px}
.inner-heading h2{font:800 clamp(2.1rem,4vw,3.2rem)/1.06 Manrope;color:var(--navy);letter-spacing:-.045em;margin:8px 0 12px}
.inner-heading p{color:var(--slate);margin:0;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:28px;min-height:220px}
.feature-icon{width:46px;height:46px;border-radius:13px;background:#eafaf4;color:var(--green-dark);display:grid;place-items:center;font-weight:900;margin-bottom:26px}
.feature-card h3{font:800 1.08rem Manrope;color:var(--navy);margin:0 0 8px}
.feature-card p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.65}

.content-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.content-panel{background:var(--navy);border-radius:28px;padding:34px;color:#fff;position:sticky;top:120px}
.content-panel .section-kicker{color:#6ee7b7}
.content-panel h2{font:800 2.2rem/1.08 Manrope;margin:8px 0 16px}
.content-panel p{color:#cbd5e1}
.content-list{display:grid;gap:14px}
.content-list article{border:1px solid #e2e8f0;border-radius:18px;padding:22px;background:#fff}
.content-list h3{font:800 1rem Manrope;color:var(--navy);margin:0 0 7px}
.content-list p{font-size:.9rem;color:var(--muted);margin:0}

.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{display:block;padding:24px;border:1px solid #e2e8f0;border-radius:20px;background:#fff}
.related-card span{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark)}
.related-card h3{font:800 1.08rem Manrope;color:var(--navy);margin:8px 0}
.related-card p{font-size:.84rem;color:var(--muted);margin:0 0 18px}
.related-card b{font-size:.78rem;color:var(--green-dark)}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}
.contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:30px}
.contact-card h2,.contact-card h3{font-family:Manrope;color:var(--navy)}
.contact-row{padding:16px 0;border-bottom:1px solid #e2e8f0}
.contact-row:last-child{border-bottom:0}
.contact-row strong{display:block}
.contact-row a{color:var(--green-dark);font-weight:700}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{font-size:.78rem;font-weight:800;color:#475569}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form .full{grid-column:1/-1}

.legal-wrap{max-width:880px}
.legal-wrap h2{font:800 1.7rem Manrope;color:var(--navy);margin-top:34px}
.legal-wrap p,.legal-wrap li{color:var(--slate);line-height:1.75}

@media(max-width:980px){
  .page-hero__grid,.content-split,.contact-grid{grid-template-columns:1fr;gap:46px}
  .page-visual img{height:430px}
  .content-panel{position:static}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:680px){
  .page-hero{padding:58px 0}
  .page-hero h1{font-size:clamp(2.45rem,11vw,3.2rem)}
  .page-visual img{height:320px}
  .page-visual__card{left:12px;right:12px;bottom:12px}
  .detail-strip__inner{grid-template-columns:1fr;padding:10px 0}
  .detail-strip__inner div{border-right:0;border-bottom:1px solid #e2e8f0;padding:12px}
  .detail-strip__inner div:last-child{border-bottom:0}
  .feature-grid,.related-grid,.contact-form{grid-template-columns:1fr}
  .contact-form .full{grid-column:auto}
  .inner-section{padding:70px 0}
}