.congo-future{background:radial-gradient(circle at 10% 10%,rgba(232,182,77,.08),transparent 30%),var(--bg)}
.hero-portrait{padding-top:135px;background:#060a0e}
.hero-portrait .hero-bg{opacity:1;object-position:center 25%}
.hero-portrait:after{background:linear-gradient(90deg,rgba(3,8,12,.97) 0%,rgba(3,8,12,.86) 34%,rgba(3,8,12,.23) 67%,rgba(3,8,12,.1) 100%),linear-gradient(0deg,rgba(3,8,12,.85),transparent 35%)}
.hero-portrait .hero-content{width:min(790px,74vw)}
.hero-portrait h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:clamp(4.2rem,7.4vw,8.1rem);line-height:.87;letter-spacing:-.035em;margin:1.35rem 0 1.8rem;text-wrap:balance;color:#fff;text-shadow:0 3px 30px rgba(0,0,0,.35)}
.hero-portrait h1 em{color:inherit;-webkit-text-stroke:0;font-style:normal}
.hero-portrait .hero-copy{max-width:670px;font-weight:600;color:#e1e4e2;text-shadow:0 2px 18px #000}
.hero-portrait .hero-grid{opacity:.55;mask-image:linear-gradient(90deg,#000,transparent 58%)}
.hero-portrait #network{opacity:.42}
.hero-portrait .ghost-pill{border-width:0 0 1px;border-radius:0;padding-inline:.3rem;color:#fff}
.hero-portrait .metrics{background:rgba(5,10,15,.76);border-color:rgba(232,182,77,.28)}
.hero-portrait .metrics strong{color:#fff}.hero-portrait .metrics span{color:#9ca9b1}
.future-intro{max-width:760px;color:var(--muted);font-size:1.08rem}
.visualization-note{display:inline-flex;margin-top:1rem;padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.62rem;letter-spacing:.06em}
.journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:1rem;margin-top:4rem;padding:1.4rem;border:1px solid var(--line);border-radius:22px;background:var(--glass);backdrop-filter:blur(14px)}
.journey span{text-align:center;color:var(--text);font:600 .72rem var(--display);text-transform:uppercase;letter-spacing:.08em}
.journey i{color:var(--cyan);font-style:normal}
.future-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.future-card{position:relative;min-height:520px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.future-card img{position:absolute;inset:0;height:100%;transition:transform .8s ease}
.future-card:hover img{transform:scale(1.025)}
.future-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,13,.97),rgba(3,7,13,.08) 72%)}
.future-card>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:2.3rem;color:#fff}
.future-card span{color:var(--cyan);font-size:.58rem;letter-spacing:.14em}
.future-card h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1;margin:.6rem 0}
.future-card p{max-width:650px;color:#c2cbd1;margin-bottom:0}
.future-wide{grid-column:1/3;min-height:650px}
@media(max-width:720px){.hero-portrait{padding-top:310px;min-height:100svh}.hero-portrait .hero-bg{object-position:57% top}.hero-portrait:after{background:linear-gradient(90deg,rgba(3,8,12,.82),rgba(3,8,12,.22)),linear-gradient(0deg,rgba(3,8,12,.98) 42%,rgba(3,8,12,.2) 78%)}.hero-portrait .hero-content{width:94vw}.hero-portrait h1{font-size:clamp(3.35rem,15vw,5rem);line-height:.9}.hero-portrait .hero-copy{max-width:92vw;font-size:.95rem}.hero-portrait .metrics{margin-top:3.5rem}.future-gallery{grid-template-columns:1fr}.future-wide{grid-column:auto;min-height:480px}.future-card{min-height:440px}.future-card>div{padding:1.5rem}.language{display:flex;gap:.15rem}.language button{padding:.25rem}.theme-toggle{display:none}.journey{grid-template-columns:1fr;padding:1.2rem}.journey i{transform:rotate(90deg);text-align:center}}