.page-hero { position:relative; padding:clamp(5rem,10vw,9rem) 0 clamp(4rem,8vw,7rem); overflow:hidden; background:linear-gradient(180deg,var(--surface-1),var(--maithraa-dark)); }
.page-hero__glow { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; height:500px; background:radial-gradient(ellipse,rgba(1,141,209,0.1) 0%,transparent 70%); pointer-events:none; }

.eco-overview-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; }
.eco-full-card { display:flex; flex-direction:column; gap:1.25rem; background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius-xl); padding:2.5rem; text-decoration:none; color:inherit; transition:var(--transition); overflow:hidden; position:relative; }
.eco-full-card:hover { border-color:var(--maithraa-blue); transform:translateY(-6px); box-shadow:var(--shadow-blue); color:inherit; }
.eco-full-card--gold:hover { border-color:var(--maithraa-gold); box-shadow:var(--shadow-gold); }
.eco-full-card--labs { cursor:default; }
.eco-full-card--labs:hover { border-color:var(--maithraa-gold); box-shadow:var(--shadow-gold); }
.eco-full-card__header { display:flex; align-items:center; gap:1rem; }
.eco-full-card__icon { font-size:2.2rem; }
.eco-full-card h2 { font-size:1.8rem; }
.eco-full-card p { font-size:0.95rem; color:var(--text-secondary); line-height:1.75; }
.eco-full-card__features { display:flex; flex-direction:column; gap:0.6rem; border-top:1px solid var(--border); padding-top:1.25rem; flex:1; }
.eco-feature { display:flex; gap:0.6rem; font-size:0.9rem; color:var(--text-secondary); }
.eco-feature span:first-child { color:var(--maithraa-blue); font-weight:700; flex-shrink:0; }
.eco-full-card--gold .eco-feature span:first-child,.eco-full-card--labs .eco-feature span:first-child { color:var(--maithraa-gold); }
.eco-full-card__cta { font-family:var(--font-display); font-weight:600; font-size:0.9rem; color:var(--maithraa-blue); display:flex; align-items:center; gap:0.5rem; transition:var(--transition); }
.eco-full-card:hover .eco-full-card__cta span { transform:translateX(4px); display:inline-block; transition:var(--transition); }

.eco-connect-section { background:var(--surface-1); border-top:1px solid var(--border); }
.connect-visual { display:flex; flex-direction:column; align-items:center; gap:2rem; }
.connect-node--center { background:linear-gradient(135deg,rgba(1,141,209,0.15),rgba(243,201,9,0.08)); border:2px solid rgba(1,141,209,0.4); border-radius:var(--radius-full); padding:1.5rem 3rem; text-align:center; }
.connect-node__label { font-family:var(--font-display); font-weight:700; font-size:1.3rem; }
.connect-node__sub { font-family:var(--font-mono); font-size:0.72rem; text-transform:uppercase; letter-spacing:0.1em; color:var(--maithraa-blue); margin-top:0.25rem; }
.connect-links { display:flex; gap:1.5rem; flex-wrap:wrap; justify-content:center; }
.connect-item { display:flex; flex-direction:column; align-items:center; gap:0.5rem; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-lg); padding:1.25rem 1.5rem; min-width:110px; transition:var(--transition); }
.connect-item:hover { border-color:var(--maithraa-blue); transform:translateY(-3px); }
.connect-item__icon { font-size:1.8rem; }
.connect-item__label { font-family:var(--font-display); font-size:0.85rem; font-weight:600; text-align:center; line-height:1.3; }
.connect-item__label span { font-family:var(--font-mono); font-size:0.65rem; color:var(--text-muted); display:block; margin-top:0.2rem; }

@media(max-width:900px) { .eco-overview-grid{grid-template-columns:1fr} }