.eo-page{--art-shadow:rgba(27,67,50,.08)}
.eo-page h2{max-width:760px}
.page-hero{padding:72px 0 80px}
.eo-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:56px;align-items:center;margin-top:48px}
.page-hero .eo-title{max-width:1000px;font-size:clamp(3.6rem,10.5vw,9rem);line-height:.9;letter-spacing:-.05em;margin-top:22px}
.eo-title em{display:block;font-style:italic;color:var(--forest)}
.eo-tagline{margin:0;border-left:3px solid var(--accent-dark);padding:6px 0 6px 26px;font:500 clamp(1.7rem,3.4vw,2.7rem)/1.15 var(--display);color:var(--forest);letter-spacing:-.03em}
.page-hero .eo-intro{max-width:620px;margin-top:30px;font-size:17px}
.eo-lede{margin-top:16px;color:var(--muted);max-width:560px}
.eo-art{margin:0;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:10px 10px 0 var(--art-shadow)}
.eo-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.eo-hero .eo-art{animation:eo-rise .7s ease-out .15s both}
.eo-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:72px;align-items:center}
.eo-split.flip{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
.eo-split .section-head{margin-bottom:28px}
.eo-stack{grid-template-columns:1fr!important;gap:0;border-top:1px solid var(--line)}
.eo-stack .feature-card{background:none;border:0;border-bottom:1px solid var(--line);padding:18px 0;min-height:0}
.eo-stack .feature-index,.eo-page .feature-card .feature-index,.eo-page .roadmap-card .feature-index{font-family:'DM Mono',monospace;margin-bottom:8px}
.eo-stack h3,#pipeline h3,.eo-phases h3{font:500 22px/1.2 var(--display)}
#pipeline .feature-card{background:none;border:0;border-bottom:1px solid var(--line);padding:22px 0;min-height:0}
#deliverability{background:#e9eee5;color:var(--ink)}
#deliverability .eo-art{margin-top:28px}
#deliverability .profile-checklist li{padding:12px 0 12px 28px;border-bottom:1px solid var(--line)}
#deliverability .profile-checklist li:before{color:var(--accent-dark);top:12px}
#deliverability .profile-checklist li:first-child{border-top:1px solid var(--line)}
.eo-checklist{margin:0 0 28px}
.eo-phases{display:grid;gap:28px;max-width:760px;margin:0;padding:0}
.eo-phases .roadmap-card{position:relative;background:none;border:0;min-height:0;padding:0 0 0 40px}
.eo-phases .roadmap-card:before{content:'';position:absolute;left:0;top:4px;width:18px;height:18px;box-sizing:border-box;background:var(--accent);border:4px solid var(--forest-soft);border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.eo-phases .roadmap-card:not(:last-child):after{content:'';position:absolute;left:8px;top:22px;bottom:-32px;width:2px;background:var(--line)}
.eo-page .roadmap-note{padding:16px 20px;border-left:3px solid var(--accent-dark);background:var(--surface);max-width:640px;margin-top:34px}
.eo-needs{max-width:760px;margin-top:0}
@keyframes eo-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:900px){.eo-phase{grid-template-columns:1fr!important;gap:18px!important}.eo-steps{grid-template-columns:1fr!important}.eo-hero,.eo-split,.eo-split.flip{grid-template-columns:1fr;gap:36px}.eo-art{max-width:380px}#pipeline .service-feature-grid{grid-template-columns:1fr}}
@media(max-width:700px){.page-hero{padding:48px 0 56px}.eo-art{box-shadow:6px 6px 0 var(--art-shadow)}}
@media(prefers-reduced-motion:reduce){.eo-hero .eo-art{animation:none}}

.eo-page .eo-book{border-radius:12px}
.eo-process{display:grid;gap:20px}
.eo-phase{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:28px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent-dark);border-radius:12px}
.eo-phase-head{display:flex;flex-direction:column;gap:8px;align-self:start}
.eo-phase-num{font:500 11px/1 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-dark)}
.eo-phase-head h3{font:500 28px/1.12 var(--display);color:var(--forest)}
.eo-phase-range{font:400 12px 'DM Mono',monospace;color:var(--muted)}
.eo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#pipeline .eo-steps .feature-card{border:0;border-top:1px solid var(--line);padding:16px 0 0}
#pipeline .eo-steps h3{font-size:20px}
@media(max-width:700px){.eo-phase{padding:22px 18px}}