.hero .hero-content{max-width:720px}
.hero .section-label{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);margin-bottom:1rem;background:rgba(255,255,255,.08);padding:.35rem .9rem;border-radius:4px;border:1px solid rgba(255,255,255,.12)}
.hero .hero-title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1.1;margin-bottom:1rem;color:#fff;letter-spacing:-.5px}
.hero .hero-description{font-size:1.1rem;color:rgba(255,255,255,.75);margin-bottom: 1rem;line-height:1.6;max-width:560px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}
.hero-buttons .btn{padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;border-radius:6px}
.hero-buttons .btn-primary{background:var(--accent-gold);color:var(--primary-navy);border:none}
.hero-buttons .btn-primary:hover{background:#d4a83a;transform:translateY(-2px)}
.hero-buttons .btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
.hero-buttons .btn-secondary:hover{background:rgba(255,255,255,.2)}
.flow-diagram-section{background:linear-gradient(180deg,#f8fafc 0%,#f0f4f8 100%);padding: 3rem 0}
.flow-diagram-section:nth-child(even){background:#fff}
.flow-diagram-wrap{background:#fff;border:1px solid #e8ecf1;border-radius:16px;padding: 1rem;box-shadow:0 4px 24px rgba(0,0,0,.06);overflow-x:auto}
.flow-svg{width:100%;min-width:900px;height:auto;display:block}
.flow-stage{cursor:pointer;transition:all .3s ease}
.flow-stage:hover .stage-rect{filter:drop-shadow(0 6px 16px rgba(0,82,155,.25))}
.flow-stage:hover .stage-text{font-weight:700}
.flow-stage:hover .stage-rect{filter:brightness(1.08) drop-shadow(0 6px 16px rgba(0,82,155,.25))}
.flow-stage:hover circle[fill='#fff']{filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}
.flow-stage:hover .stage-num{fill:var(--accent-gold)}
.flow-stage.active .stage-rect{stroke:var(--accent-gold);stroke-width:2.5;filter:drop-shadow(0 8px 20px rgba(201,162,39,.3))}
.flow-stage.active .stage-num{fill:var(--accent-gold)}
.stage-rect{transition:all .35s ease}
.stage-text{font-family:'Inter',sans-serif;font-size:10.5px;font-weight:700;fill:#fff;text-anchor:middle;pointer-events:none;transition:all .2s ease}
.stage-subtext{font-family:'Inter',sans-serif;font-size:8px;font-weight:400;fill:rgba(255,255,255,.9);text-anchor:middle;pointer-events:none}
.stage-num{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;fill:var(--primary-blue);text-anchor:middle;transition:all .3s ease}
.stage-icon{transition:all .3s ease;pointer-events:none}
.flow-pipe{fill:none;stroke:#d0d8e2;stroke-width:3;stroke-linecap:round}
.flow-pipe-active{fill:none;stroke:var(--primary-blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 4;animation:flowDash 1s linear infinite}
.flow-arrow{fill:var(--primary-blue)}
@keyframes flowDash{to{stroke-dashoffset:-12}}
.return-line{fill:none;stroke:#e8b44c;stroke-width:2;stroke-dasharray:5 3;opacity:.6}
.side-stream{fill:none;stroke:#2a9d6f;stroke-width:2;stroke-dasharray:4 3;opacity:.7}
.stage-panel{background:#fff;border:1px solid #e8ecf1;border-radius:14px;padding:1.75rem;margin-top:1.5rem;display:none;animation:panelFade .4s ease}
.stage-panel.active{display:block}
@keyframes panelFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.stage-panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-light)}
.stage-panel-num{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary-blue),#0068b8);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stage-panel-title{font-size:1.2rem;font-weight:700;color:var(--primary-navy);margin:0}
.stage-panel-desc{font-size:.95rem;color:var(--text-medium);line-height:1.7;margin-bottom:1rem}
.stage-panel-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}
.spec-item{background:#f6f8fb;border-radius:8px;padding:.75rem 1rem}
.spec-item-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-blue);margin-bottom:.2rem}
.spec-item-value{font-size:.88rem;font-weight:600;color:var(--primary-navy)}
.flow-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}
.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-medium)}
.legend-dot{width:12px;height:12px;border-radius:3px}
.legend-line{width:24px;height:3px;border-radius:2px}
@media(max-width:768px){.flow-svg{min-width:100%}.flow-diagram-wrap{padding:1rem}.stage-panel-specs{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;text-align:center}}

.hero-features a.hero-feature-item { transition: all 0.3s ease; }
.hero-features a.hero-feature-item:hover { transform: translateY(-4px); background: rgba(255,255,255,0.15); }
.hero-features a.hero-feature-item:hover h4 { color: #8a6d1c; }