:root{
    --dark:#050316;
    --navy:#07172f;
    --blue:#163b60;
    --panel:rgba(255,255,255,.06);
    --panel2:rgba(255,255,255,.1);
    --line:rgba(0,240,200,.34);
    --green:#00f0c8;
    --cyan:#19d4ff;
    --purple:#a985ff;
    --text:#f7f5ff;
    --muted:#c9c4df;
}

*{box-sizing:border-box}

body{
    margin:0;
    font-family:Inter,Arial,sans-serif;
    background:linear-gradient(135deg,#07172f,#1b2854 55%,#130c3a);
    color:var(--text);
    overflow-x:hidden;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.wwa-header{
    height:86px;
    padding:0 6%;
    background:#07061a;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.08);
    position:sticky;
    top:0;
    z-index:99;
}

.wwa-brand{display:flex;align-items:center;gap:14px}
.brand-logo{
    width:48px;height:48px;border-radius:15px;
    background:#07061a;
    display:grid;place-items:center;
    color:#020113;font-weight:900;
}
.brand-text strong{display:block;font-size:16px}
.brand-text small{font-size:11px;color:var(--muted)}

.wwa-nav{display:flex;gap:26px;align-items:center}
.wwa-nav a{font-size:14px;color:var(--muted)}
.header-btn{
    background:linear-gradient(135deg,var(--green),#10d6d0);
    color:#020113!important;
    padding:13px 22px;
    border-radius:999px;
    font-weight:900;
}

.wwa-hero{
    min-height:calc(100vh - 86px);
    padding:58px 6%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:42px;
    align-items:center;
}

.hero-copy{
    padding:42px;
    border:1px solid var(--line);
    border-radius:34px;
    background:radial-gradient(circle at 80% 0,rgba(0,240,200,.12),transparent 35%),rgba(0,0,0,.14);
    box-shadow:0 0 60px rgba(0,240,200,.08);
}

.wwa-badge,
.section-heading span,
.moonshot-content span,
.cinematic-split span,
.founder-quote span,
.hackathon-card span,
.partner-box span,
.final-cta span{
    display:inline-flex;
    color:var(--green);
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:12px;
    font-weight:900;
    margin-bottom:16px;
}

.hero-copy h1{
    margin:0;
    font-size:clamp(48px,5vw,78px);
    line-height:1;
    letter-spacing:-3px;
}

.hero-copy h1 span{
    background:linear-gradient(135deg,#fff,var(--purple),var(--green));
    -webkit-background-clip:text;
    color:transparent;
}

.hero-copy p{
    color:var(--muted);
    font-size:18px;
    line-height:1.7;
    max-width:700px;
}

.hero-buttons{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
}

.wwa-btn{
    min-height:52px;
    padding:14px 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-weight:900;
}
.wwa-btn.primary{background:linear-gradient(135deg,var(--green),#13d8ce);color:#020113}
.wwa-btn.secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}

.hero-visual{
    position:relative;
    height:610px;
    border:1px solid var(--line);
    border-radius:34px;
    overflow:hidden;
}
.hero-visual img{width:100%;height:100%;object-fit:cover}
.hero-visual:after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 40%,rgba(5,3,22,.75));
}
.hero-glass{
    position:absolute;left:32px;bottom:32px;z-index:2;
    width:340px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:24px;
    background:rgba(5,3,22,.86);
}
.hero-glass strong{display:block;color:var(--green);font-size:20px}
.hero-glass span{display:block;color:var(--muted);margin-top:8px}

.wwa-section,
.alignment-section,
.global-section,
.hackathon-section,
.partner-section,
.final-cta{
    padding:90px 6%;
}

.section-heading{max-width:920px;margin-bottom:42px}
.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}
.section-heading h2,
.moonshot-content h2,
.cinematic-split h2,
.founder-quote h2,
.hackathon-card h2,
.partner-box h2,
.final-cta h2{
    margin:0 0 16px;
    font-size:clamp(38px,4vw,64px);
    line-height:1.04;
    letter-spacing:-2px;
}
.section-heading p,
.moonshot-content p,
.cinematic-split p,
.founder-quote p,
.hackathon-card p,
.partner-box p,
.final-cta p{
    color:var(--muted);
    font-size:18px;
    line-height:1.7;
}

.alignment-orbit{
    position:relative;
    max-width:850px;
    height:520px;
    margin:50px auto 0;
    border:1px solid var(--line);
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,240,200,.12),transparent 55%);
}
.orbit-core{
    position:absolute;inset:50% auto auto 50%;
    transform:translate(-50%,-50%);
    width:220px;height:220px;border-radius:50%;
    display:grid;place-items:center;
    background:linear-gradient(135deg,var(--green),var(--cyan));
    color:#020113;font-weight:900;font-size:28px;
}
.orbit-item{
    position:absolute;
    padding:16px 22px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#08051f;
    color:var(--text);
    font-weight:800;
}
.item-1{top:35px;left:50%;transform:translateX(-50%)}
.item-2{right:20px;top:190px}
.item-3{right:120px;bottom:45px}
.item-4{left:120px;bottom:45px}
.item-5{left:20px;top:190px}

.ecosystem-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:22px;
}
.ecosystem-main{
    grid-row:span 2;
    border:1px solid var(--line);
    border-radius:34px;
    overflow:hidden;
    background:var(--panel);
}
.ecosystem-main img{height:390px;width:100%;object-fit:cover}
.ecosystem-main div{padding:30px}
.ecosystem-main h3,.eco-card h3{font-size:25px;margin:0 0 10px}
.ecosystem-main p,.eco-card p{color:var(--muted);line-height:1.65}
.eco-card{
    border:1px solid rgba(255,255,255,.12);
    background:var(--panel);
    border-radius:28px;
    padding:28px;
}
.eco-card b{color:var(--green)}

.pillars-premium{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}
.pillar-premium{
    min-height:300px;
    padding:32px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.14);
    background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
}
.pillar-premium div{
    width:58px;height:58px;border-radius:18px;
    background:linear-gradient(135deg,var(--green),var(--cyan));
    color:#020113;display:grid;place-items:center;
    font-size:24px;margin-bottom:28px;
}
.pillar-premium h3{font-size:24px;margin:0 0 14px}
.pillar-premium p{color:var(--muted);line-height:1.65}

.moonshot-section{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:48px;
    align-items:center;
}
.moonshot-image{
    height:680px;
    border-radius:36px;
    overflow:hidden;
    border:1px solid var(--line);
}
.moonshot-image img{width:100%;height:100%;object-fit:cover}
.moonshot-list{display:grid;gap:15px;margin-top:28px}
.moonshot-list div{
    display:grid;
    grid-template-columns:50px 1fr;
    gap:10px;
    padding:18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    background:var(--panel);
}
.moonshot-list b{color:var(--green)}
.moonshot-list strong{font-size:18px}
.moonshot-list p{grid-column:2;margin:0;color:var(--muted);font-size:15px}

.cinematic-split,
.partner-section{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:46px;
    align-items:center;
}
.cinematic-split img,
.partner-box.image-box img{
    width:100%;
    height:540px;
    object-fit:cover;
    border-radius:34px;
    border:1px solid var(--line);
}
.mini-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:28px;
}
.mini-grid div{
    padding:18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    background:var(--panel);
}
.mini-grid small{display:block;color:var(--muted);margin-top:6px}

.founder-section{
    display:grid;
    grid-template-columns:45% 55%;
    min-height:620px;
}
.founder-section img{width:100%;height:100%;object-fit:cover}
.founder-quote{
    padding:80px 8%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#07061a;
}

.global-map{
    position:relative;
    max-width:1100px;
    margin:auto;
    border-radius:36px;
    overflow:hidden;
    border:1px solid var(--line);
}
.global-map img{width:100%;height:620px;object-fit:cover;opacity:.7}
.chapter{
    position:absolute;
    padding:14px 18px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(5,3,22,.85);
    color:var(--green);
    font-weight:900;
}
.chapter small{color:var(--muted);font-weight:500}
.c1{left:55%;top:48%}.c2{left:38%;top:42%}.c3{left:63%;top:62%}
.c4{left:28%;top:30%}.c5{left:10%;top:42%}.c6{left:68%;top:44%}

.hackathon-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    padding:42px;
    border:1px solid var(--line);
    border-radius:38px;
    background:var(--panel);
}
.hackathon-card img{
    height:520px;width:100%;object-fit:cover;
    border-radius:30px;
}
.impact-row{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    margin-top:24px;
}
.impact-row div{
    padding:26px;
    text-align:center;
    border:1px solid rgba(255,255,255,.12);
    background:var(--panel);
    border-radius:24px;
}
.impact-row b{display:block;font-size:42px;color:var(--green)}
.impact-row span{color:var(--muted)}

.theme-strip{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
}
.theme-strip div{
    min-height:130px;
    padding:22px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:24px;
    background:var(--panel);
    font-weight:800;
}

.partner-box{
    padding:46px;
    border:1px solid var(--line);
    border-radius:34px;
    background:var(--panel);
}
.partner-box.image-box{padding:0;border:none;background:none}
.final-cta{
    text-align:center;
    background:radial-gradient(circle at 50% 0,rgba(0,240,200,.16),transparent 35%),#07061a;
}
.center-buttons{justify-content:center}

.wwa-footer{
    padding:64px 6% 26px;
    background:#050316;
    border-top:1px solid rgba(255,255,255,.08);
}
.footer-grid{
    display:grid;
    grid-template-columns:1.4fr .7fr .7fr 1fr;
    gap:34px;
}
.footer-brand{display:flex;gap:16px}
.wwa-footer p,.wwa-footer a{display:block;color:var(--muted);margin:8px 0}
.footer-box{
    border:1px solid var(--line);
    border-radius:22px;
    padding:22px;
}
.footer-bottom{
    margin-top:42px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.08);
    display:flex;
    justify-content:space-between;
    color:var(--muted);
}

@media(max-width:1100px){
    .wwa-hero,
    .ecosystem-grid,
    .moonshot-section,
    .cinematic-split,
    .partner-section,
    .hackathon-card,
    .founder-section{
        grid-template-columns:1fr;
    }
    .pillars-premium,
    .impact-row,
    .theme-strip,
    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:760px){
    .wwa-header{height:auto;padding:16px 5%;position:relative}
    .wwa-nav{display:none}
    .wwa-hero,.wwa-section,.alignment-section,.global-section,.hackathon-section,.partner-section,.final-cta{
        padding:52px 5%;
    }
    .hero-copy{padding:28px}
    .hero-copy h1{font-size:42px;letter-spacing:-1.5px}
    .hero-visual{height:420px}
    .hero-glass{left:18px;right:18px;bottom:18px;width:auto}
    .pillars-premium,
    .impact-row,
    .theme-strip,
    .mini-grid,
    .footer-grid{
        grid-template-columns:1fr;
    }
    .alignment-orbit{height:auto;border-radius:30px;padding:28px;display:grid;gap:14px}
    .orbit-core,.orbit-item{position:static;transform:none;width:auto;height:auto;border-radius:18px}
    .moonshot-image,.cinematic-split img,.hackathon-card img,.global-map img{height:360px}
    .chapter{position:static;margin:8px}
    .footer-bottom{flex-direction:column;gap:10px}
}

/* ======================================================
   WWA UI NORMALIZATION PATCH
   Paste at END of public/assets/css/wwa.css
====================================================== */

body {
    font-size: 16px;
    line-height: 1.6;
}

/* HERO NORMAL SIZE */
.wwa-hero {
    min-height: auto;
    padding: 56px 6%;
    grid-template-columns: 49% 51%;
    gap: 34px;
}

.hero-copy {
    padding: 34px 38px;
    border-radius: 28px;
}

.hero-copy h1 {
    font-size: clamp(36px, 3.6vw, 56px);
    line-height: 1.08;
    letter-spacing: -1.7px;
}

.hero-copy p {
    font-size: 16px;
    line-height: 1.65;
    max-width: 620px;
}

.wwa-badge,
.section-heading span,
.moonshot-content span,
.cinematic-split span,
.founder-quote span,
.hackathon-card span,
.partner-box span,
.final-cta span {
    font-size: 11px;
    letter-spacing: 2.4px;
    margin-bottom: 12px;
}

.hero-visual {
    height: 460px;
    border-radius: 28px;
}

.hero-glass {
    width: 310px;
    padding: 20px;
}

.hero-glass strong {
    font-size: 17px;
}

.hero-glass span {
    font-size: 14px;
}

/* NORMAL SECTION SPACING */
.wwa-section,
.alignment-section,
.global-section,
.hackathon-section,
.partner-section,
.final-cta {
    padding: 64px 6%;
}

/* NORMAL HEADINGS */
.section-heading h2,
.moonshot-content h2,
.cinematic-split h2,
.founder-quote h2,
.hackathon-card h2,
.partner-box h2,
.final-cta h2 {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.12;
    letter-spacing: -1.2px;
}

.section-heading p,
.moonshot-content p,
.cinematic-split p,
.founder-quote p,
.hackathon-card p,
.partner-box p,
.final-cta p {
    font-size: 16px;
    line-height: 1.65;
}

/* ALIGNMENT ORBIT COMPACT FIX */
.alignment-orbit {
    max-width: 760px;
    height: 360px;
    margin-top: 36px;
}

.orbit-core {
    width: 150px;
    height: 150px;
    font-size: 22px;
}

.orbit-item {
    padding: 11px 18px;
    font-size: 14px;
}

.item-1 {
    top: 28px;
}

.item-2 {
    right: 35px;
    top: 145px;
}

.item-3 {
    right: 125px;
    bottom: 32px;
}

.item-4 {
    left: 125px;
    bottom: 32px;
}

.item-5 {
    left: 35px;
    top: 145px;
}

/* ECOSYSTEM IMAGE NORMALIZATION */
.ecosystem-main img {
    height: 300px;
}

.ecosystem-main h3,
.eco-card h3 {
    font-size: 21px;
}

/* FOUR PILLARS NORMAL */
.pillar-premium {
    min-height: 240px;
    padding: 26px;
}

.pillar-premium h3 {
    font-size: 21px;
}

.pillar-premium p {
    font-size: 15px;
}

/* MOONSHOT FIX */
.moonshot-section {
    gap: 34px;
}

.moonshot-image {
    height: 520px;
}

.moonshot-list div {
    padding: 15px;
}

/* SPLIT SECTIONS NORMAL */
.cinematic-split img,
.partner-box.image-box img {
    height: 420px;
}

.mini-grid {
    grid-template-columns: repeat(3, 1fr);
}

/* FOUNDER SECTION */
.founder-section {
    min-height: 480px;
}

.founder-quote {
    padding: 56px 6%;
}

/* GLOBAL MAP FIX */
.global-map {
    max-width: 1000px;
}

.global-map img {
    height: 430px;
    object-fit: cover;
    opacity: 0.55;
}

.chapter {
    padding: 10px 14px;
    font-size: 14px;
}

.chapter small {
    font-size: 12px;
}

/* Put map labels in cleaner positions */
.c1 { left: 56%; top: 47%; }
.c2 { left: 43%; top: 42%; }
.c3 { left: 63%; top: 64%; }
.c4 { left: 30%; top: 32%; }
.c5 { left: 13%; top: 46%; }
.c6 { left: 70%; top: 43%; }

/* HACKATHON SECTION */
.hackathon-card {
    padding: 34px;
}

.hackathon-card img {
    height: 420px;
}

.impact-row div {
    padding: 22px;
}

.impact-row b {
    font-size: 34px;
}

/* THEMES NORMAL */
.theme-strip {
    grid-template-columns: repeat(5, 1fr);
}

.theme-strip div {
    min-height: 105px;
    padding: 18px;
    font-size: 15px;
}

/* PARTNER SECTION */
.partner-box {
    padding: 36px;
}

/* BUTTON NORMAL */
.wwa-btn {
    min-height: 48px;
    padding: 12px 22px;
    font-size: 15px;
}

/* TABLET */
@media (max-width: 1100px) {
    .wwa-hero,
    .ecosystem-grid,
    .moonshot-section,
    .cinematic-split,
    .partner-section,
    .hackathon-card,
    .founder-section {
        grid-template-columns: 1fr;
    }

    .hero-visual {
        height: 420px;
    }

    .theme-strip,
    .impact-row,
    .pillars-premium {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE */
@media (max-width: 760px) {
    .wwa-hero,
    .wwa-section,
    .alignment-section,
    .global-section,
    .hackathon-section,
    .partner-section,
    .final-cta {
        padding: 42px 5%;
    }

    .hero-copy {
        padding: 26px;
    }

    .hero-copy h1 {
        font-size: 36px;
        line-height: 1.08;
    }

    .hero-copy p {
        font-size: 15px;
    }

    .hero-visual {
        height: 330px;
    }

    .hero-glass {
        width: auto;
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

    .section-heading h2,
    .moonshot-content h2,
    .cinematic-split h2,
    .founder-quote h2,
    .hackathon-card h2,
    .partner-box h2,
    .final-cta h2 {
        font-size: 30px;
    }

    .alignment-orbit {
        height: auto;
        max-width: 100%;
        border-radius: 24px;
        padding: 20px;
        display: grid;
        gap: 10px;
    }

    .orbit-core,
    .orbit-item {
        position: static;
        transform: none;
        width: auto;
        height: auto;
        border-radius: 16px;
    }

    .theme-strip,
    .impact-row,
    .pillars-premium,
    .mini-grid {
        grid-template-columns: 1fr;
    }

    .moonshot-image,
    .cinematic-split img,
    .hackathon-card img,
    .global-map img,
    .partner-box.image-box img {
        height: 300px;
    }

    .chapter {
        position: static;
        margin: 8px;
        display: inline-block;
    }
}