.hpb-eco-pin{margin-top:var(--space-7);overflow:hidden;position:relative}.hpb-eco-pin__track{display:flex;gap:var(--space-6);padding-inline:var(--container-pad-x);will-change:transform}.hpb-eco-card{flex:0 0 clamp(280px, 36vw, 420px);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);min-height:360px;position:relative}.hpb-eco-card.is-active{border-color:var(--clr-brand-green);box-shadow:var(--shadow-lifted)}.hpb-eco-card__num{font-family:var(--ff-display);font-size:.875rem;color:var(--clr-brand-green);letter-spacing:.1em}.hpb-eco-card h3{font-family:var(--ff-display);font-size:1.5rem;font-weight:500;margin:var(--space-2) 0 var(--space-3);line-height:1.2}.hpb-eco-card p{font-size:.9375rem;line-height:1.55;color:var(--clr-ink-soft);margin:0}.hpb-top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-8);align-items:start}@media (max-width:900px){.hpb-top{grid-template-columns:1fr;gap:var(--space-6)}}.hpb-top__list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.hpb-top__list li{position:relative;padding-left:28px;color:var(--clr-ink-soft)}.hpb-top__list li::before{content:"";position:absolute;left:0;top:.6em;width:18px;height:2px;background:var(--clr-brand-green)}.hpb-top__visual{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.hpb-top__wordmark svg{width:100%;height:auto}.hpb-top__panel{display:flex;flex-direction:column;gap:var(--space-3)}.hpb-top__panel-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hpb-timeline{position:relative;margin-top:var(--space-8);padding-top:var(--space-6)}.hpb-timeline__progress{position:absolute;left:0;right:0;top:24px;width:100%;height:4px;pointer-events:none}.hpb-timeline__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media (max-width:900px){.hpb-timeline__list{grid-template-columns:1fr}.hpb-timeline__progress{display:none}}.hpb-phase{display:flex;flex-direction:column;gap:var(--space-4)}.hpb-phase__marker{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.hpb-phase__dot{width:14px;height:14px;border-radius:50%;background:var(--clr-bg);border:2px solid var(--clr-brand-green);transition:transform var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.hpb-phase[data-phase="1"] .hpb-phase__dot{background:var(--clr-brand-green)}.hpb-phase__label{font-family:var(--ff-ui);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-ink-soft)}.hpb-phase__card{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--space-5);flex:1}.hpb-phase__card h3{font-family:var(--ff-display);font-size:1.25rem;margin:var(--space-2) 0 var(--space-4)}.hpb-phase__card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.hpb-phase__card li{position:relative;padding-left:18px;font-size:.875rem;color:var(--clr-ink-soft);line-height:1.5}.hpb-phase__card li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:1px;background:var(--clr-brand-green)}