.eco-page h1 { font-size:clamp(2rem,5vw,4.5rem); overflow-wrap:anywhere; }
.eco-page .feature { display:flex; flex-direction:column; }
.eco-page .feature > a { margin-top:auto; padding-top:18px; color:var(--cyan); text-underline-offset:4px; }
.eco-page .feature h3 { line-height:1.3; }
.eco-page .eco-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:32px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(125deg,#102a37,#070f19); }
.eco-page .eco-cta h2 { margin:0 0 14px; font-size:clamp(1.4rem,3vw,2rem); }
.eco-page .eco-cta p { margin:0; color:var(--muted); line-height:1.6; }
.eco-page .eco-related { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.eco-page .eco-related a { padding:12px 18px; border:1px solid var(--line); border-radius:30px; color:var(--text); text-decoration:none; }
.eco-page .eco-related a:hover { border-color:var(--cyan); color:var(--cyan); }
.eco-page .eco-notice { padding:22px; border:1px solid #ac8cf343; border-radius:20px; color:#d4c5ed; line-height:1.7; background:#19172b; }
@media(max-width:680px) { .eco-page .eco-cta { align-items:stretch; flex-direction:column; padding:24px; } .eco-page .eco-cta .button { justify-content:center; } .eco-page .eyebrow { line-height:1.6; } }
@media(prefers-reduced-motion:reduce) { .eco-page * { scroll-behavior:auto!important; } }