*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{

    height:100%;

    scroll-behavior:smooth;

    scroll-snap-type:y mandatory;

}

body{

    width:100%;

    min-height:100vh;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    color:#fff;

    overflow-x:hidden;

    font-family:Inter,sans-serif;

}

body.mmv-investor-page{
    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );
}

#mmv-investor{
    width:100%;
    min-height:100vh;
    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );
}

section{

    width:100%;

    min-height:100vh;

    position:relative;

    scroll-snap-align:start;

    scroll-snap-stop:always;

}

/* ==========================================
   HERO
========================================== */

#hero{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    padding:40px 30px;

    text-align:center;

    scroll-snap-align:start;

    scroll-snap-stop:always;

    background:
        radial-gradient(
            circle at top,
            rgba(124,58,237,.14),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #09090d 0%,
            #050505 100%
        );

    background-size:150% 150%;

    animation:heroGlow 18s ease-in-out infinite;

}

.hero-content{

    position:relative;

    z-index:5;

    width:100%;

    max-width:1100px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}

/* ==========================================
   FLOATING INVESTOR NAVIGATION
========================================== */

.investor-nav{

    position:fixed;

    top:50%;

    right:28px;

    transform:translateY(-50%);

    z-index:9999;

    display:flex;

    flex-direction:column;

    gap:14px;

}

.investor-nav a{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:14px;

    text-decoration:none;

}

.investor-nav span{

    width:8px;

    height:8px;

    border-radius:50%;

    background:rgba(255,255,255,.22);

    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.investor-nav small{

    color:#ffffff;

    font-size:.85rem;

    font-weight:600;

    letter-spacing:.04em;

    opacity:0;

    transform:translateX(8px);

    transition:
        opacity .3s ease,
        transform .3s ease;

    white-space:nowrap;

    pointer-events:none;

}

.investor-nav a.active small{

    opacity:1;

    transform:translateX(0);

}

.investor-nav a:hover small{

    opacity:1;

    transform:translateX(0);

}

.investor-nav a:hover span{

    background:#8b5cf6;

    transform:scale(1.45);

    box-shadow:
        0 0 16px rgba(124,58,237,.55);

}

.investor-nav a.active span{

    width:12px;

    height:12px;

    background:#7c3aed;

    box-shadow:
        0 0 18px rgba(124,58,237,.8);

}
@media(max-width:900px){

    .investor-nav{

        display:none;

    }

}

/* ==========================================
   HERO ENTRANCE
========================================== */

.hero-brand,
.hero-content h1,
.hero-description,
.hero-actions,
.hero-footer{

    opacity:0;

    transform:translateY(35px);

}

.hero-brand{

    animation:fadeUp .8s ease forwards;
    animation-delay:.2s;

}

.hero-content h1{

    animation:fadeUp .9s ease forwards;
    animation-delay:.5s;

}

.hero-description{

    animation:fadeUp .9s ease forwards;
    animation-delay:.9s;

}

.hero-actions{

    animation:fadeUp .9s ease forwards;
    animation-delay:1.2s;

}

.hero-footer{

    animation:fadeUp .9s ease forwards;
    animation-delay:1.5s;

}

/* ==========================================
   BRAND
========================================== */

.hero-brand{

    margin-bottom:28px;

}

.mmv-logo{

    font-size:clamp(68px,8vw,110px);

    font-weight:900;

    letter-spacing:-5px;

    line-height:.85;

    margin-bottom:10px;

    background:linear-gradient(
        90deg,
        #ffffff 0%,
        #d946ef 45%,
        #8b5cf6 100%
    );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;

    display:inline-block;

}

.hero-company{

    margin-top:8px;

    color:#d8b4fe;

    font-size:18px;

    letter-spacing:4px;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:18px;

}

.hero-category{

    display:inline-block;

    color:#8b8b96;

    font-size:11px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

}

/* ==========================================
   HEADLINE
========================================== */

.hero-content h1{

    max-width:1050px;

    font-size:clamp(3.2rem,5vw,4.8rem);

    font-weight:900;

    line-height:1.02;

    letter-spacing:-3px;

    margin-bottom:26px;

    color:#ffffff;

}

.hero-content h1 span{

    display:block;

    color:#b794f6;

}

/* ==========================================
   DESCRIPTION
========================================== */

.hero-description{

    max-width:820px;

    margin:0 auto 34px;

    color:#b5b5bd;

    font-size:1.18rem;

    line-height:1.65;

}

/* ==========================================
   BUTTONS
========================================== */

.hero-actions{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.hero-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    padding:18px 34px;

    border-radius:999px;

    text-decoration:none;

    font-size:17px;

    font-weight:700;

    transition:.3s ease;

}

.hero-button.primary{

    background:#7c3aed;

    color:#fff;

    box-shadow:0 15px 40px rgba(124,58,237,.35);

}

.hero-button.primary:hover{

    transform:translateY(-4px);

    background:#8b5cf6;

}

.hero-button.secondary{

    border:1px solid rgba(255,255,255,.12);

    color:#fff;

    background:rgba(255,255,255,.04);

}

.hero-button.secondary:hover{

    background:rgba(255,255,255,.08);

    transform:translateY(-4px);

}

/* ==========================================
   FOOTER TEXT
========================================== */

.hero-footer{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

}
.hero-footer span{

    color:#6f6f77;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:4px;

}

/* ==========================================
   BACKGROUND EFFECTS
========================================== */

#hero::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.03) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.03) 1px,
            transparent 1px
        );

    background-size:80px 80px;

    opacity:.45;

    pointer-events:none;

    z-index:1;

}

#hero::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(5,5,5,0) 0%,
        rgba(5,5,5,.20) 45%,
        rgba(5,5,5,.65) 100%
    );

    pointer-events:none;

    z-index:2;

}

/* ==========================================
   HERO ANIMATIONS
========================================== */

@keyframes heroGlow{

    0%{
        background-position:50% 0%;
    }

    50%{
        background-position:50% 20%;
    }

    100%{
        background-position:50% 0%;
    }

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* ==========================================
   VISION
========================================== */

#vision{

    position:relative;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

.section-container{

    width:100%;

    max-width:1000px;

    margin:0 auto;

    text-align:center;

}

.section-label{

    display:inline-block;

    margin-bottom:20px;

    color:#7c3aed;

    font-size:.85rem;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}

#vision h2{

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.05;

    color:#fff;

    margin-bottom:30px;

}

#vision h2 span{

    color:#7c3aed;

}

#vision p{

    max-width:850px;

    margin:0 auto;

    font-size:1.25rem;

    line-height:1.75;

    color:rgba(255,255,255,.75);

}


/* ==========================================
   VISION PILLARS
========================================== */

#vision-pillars{

    position:relative;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:55px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#vision-pillars .section-container{

    width:100%;

    max-width:1150px;

}

#vision-pillars h2{

    font-size:clamp(3rem,5.5vw,4.6rem);

    font-weight:800;

    line-height:1.02;

    color:#ffffff;

    margin-bottom:16px;

}

#vision-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   VISION GRID
========================================== */

.vision-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    gap:22px;

    margin-top:42px;

    flex-wrap:nowrap;

}

.vision-card{

    flex:1 1 0;

    max-width:350px;

    min-height:220px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:28px 24px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    text-align:center;

    transition:.35s ease;

}

.vision-card:hover{

    transform:translateY(-8px);

    border-color:#7c3aed;

    background:rgba(124,58,237,.08);

}

.vision-card h3{

    color:#fff;

    font-size:1.35rem;

    line-height:1.25;

    margin-bottom:14px;

}

.vision-card p{

    margin:0;

    font-size:.95rem !important;

    line-height:1.65;

    color:rgba(255,255,255,.72);

}


/* ==========================================
   VISION RESPONSIVE
========================================== */

@media(max-width:900px){

    #vision-pillars{

        height:auto;

        min-height:100vh;

        padding:90px 24px;

        overflow:visible;

    }

    .vision-grid{

        flex-wrap:wrap;

    }

    .vision-card{

        flex:1 1 280px;

        max-width:360px;

    }

}

@media(max-width:600px){

    #vision{

        height:auto;

        min-height:100vh;

        padding:90px 20px;

    }

    #vision-pillars{

        padding:80px 20px;

    }

    #vision h2,
    #vision-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #vision p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .vision-grid{

        margin-top:36px;

        gap:18px;

    }

    .vision-card{

        flex:1 1 100%;

        max-width:100%;

        min-height:190px;

        padding:26px 22px;

    }

}

/* ==========================================
   PROBLEM
========================================== */

#problem{

    position:relative;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#problem .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

}

#problem h2{

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.05;

    color:#ffffff;

    margin-bottom:30px;

}

#problem h2 span{

    display:block;

    color:#7c3aed;

}

#problem > .section-container > p{

    max-width:880px;

    margin:0 auto;

    font-size:1.25rem;

    line-height:1.75;

    color:rgba(255,255,255,.75);

}


/* ==========================================
   PROBLEM PILLARS
========================================== */

#problem-pillars{

    position:relative;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:55px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#problem-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at center,
            rgba(124,58,237,.08),
            transparent 68%
        );

    pointer-events:none;

}

#problem-pillars .section-container{

    width:100%;

    max-width:1150px;

    position:relative;

    z-index:2;

}

#problem-pillars h2{

    font-size:clamp(3rem,5.5vw,4.6rem);

    font-weight:800;

    line-height:1.02;

    color:#ffffff;

    margin-bottom:16px;

}

#problem-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   PROBLEM GRID
========================================== */

.problem-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    gap:22px;

    margin-top:42px;

    flex-wrap:nowrap;

}

.problem-card{

    flex:1 1 0;

    max-width:350px;

    min-height:220px;

    padding:28px 24px;

    border-radius:22px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    display:flex;

    flex-direction:column;

    justify-content:center;

    text-align:center;

    transition:.35s ease;

}

.problem-card:hover{

    transform:translateY(-8px);

    border-color:#7c3aed;

    background:rgba(124,58,237,.08);

    box-shadow:0 20px 50px rgba(124,58,237,.14);

}

.problem-number{

    margin-bottom:14px;

    color:#7c3aed;

    font-size:.95rem;

    font-weight:800;

    letter-spacing:3px;

}

.problem-card h3{

    margin-bottom:14px;

    color:#ffffff;

    font-size:1.35rem;

    line-height:1.25;

}

.problem-card p{

    margin:0;

    color:rgba(255,255,255,.72);

    font-size:.95rem;

    line-height:1.65;

}


/* ==========================================
   PROBLEM RESPONSIVE
========================================== */

@media(max-width:900px){

    #problem-pillars{

        height:auto;

        min-height:100vh;

        padding:90px 24px;

        overflow:visible;

    }

    .problem-grid{

        flex-wrap:wrap;

    }

    .problem-card{

        flex:1 1 280px;

        max-width:360px;

    }

}

@media(max-width:600px){

    #problem{

        height:auto;

        min-height:100vh;

        padding:90px 20px;

    }

    #problem-pillars{

        padding:80px 20px;

    }

    #problem h2,
    #problem-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #problem > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .problem-grid{

        margin-top:36px;

        gap:18px;

    }

    .problem-card{

        flex:1 1 100%;

        max-width:100%;

        min-height:190px;

        padding:26px 22px;

    }

}

/* ==========================================
   SOLUTION
========================================== */

#solution{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#solution::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#solution .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

    text-align:center;

}

#solution h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#solution h2 span{

    display:block;

    color:#7c3aed;

}

#solution > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   SOLUTION PILLARS
========================================== */

#solution-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#solution-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#solution-pillars .section-container{

    width:100%;

    max-width:1180px;

    position:relative;

    z-index:2;

    text-align:center;

}

#solution-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#solution-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   SOLUTION CARDS
========================================== */

.solution-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:18px;

    margin-top:32px;

}

.solution-card{

    flex:1 1 calc(33.333% - 18px);

    max-width:360px;

    min-width:280px;

    min-height:185px;

    padding:24px 22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.solution-card:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.solution-card h3{

    margin:0 0 12px;

    color:#ffffff;

    font-size:1.24rem;

    font-weight:750;

    line-height:1.25;

}

.solution-card p{

    margin:0;

    color:rgba(255,255,255,.68);

    font-size:.92rem;

    line-height:1.58;

}


/* ==========================================
   SOLUTION RESPONSIVE
========================================== */

@media(max-width:1050px){

    #solution-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .solution-card{

        flex:1 1 calc(50% - 18px);

        max-width:420px;

    }

}

@media(max-width:700px){

    #solution{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #solution-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #solution h2,
    #solution-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #solution > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .solution-grid{

        gap:16px;

        margin-top:30px;

    }

    .solution-card{

        flex:1 1 100%;

        max-width:100%;

        min-width:0;

        min-height:175px;

        padding:24px 21px;

    }

}

/* ==========================================
   TECHNOLOGY
========================================== */

#technology{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#technology::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#technology .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

    text-align:center;

}

#technology h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#technology h2 span{

    display:block;

    color:#7c3aed;

}

#technology > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   TECHNOLOGY PILLARS
========================================== */

#technology-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#technology-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#technology-pillars .section-container{

    width:100%;

    max-width:1180px;

    position:relative;

    z-index:2;

    text-align:center;

}

#technology-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#technology-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   TECHNOLOGY CARDS
========================================== */

.technology-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:18px;

    margin-top:32px;

}

.technology-card{

    flex:1 1 calc(33.333% - 18px);

    max-width:360px;

    min-width:280px;

    min-height:185px;

    padding:24px 22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.technology-card:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.technology-card h3{

    margin:0 0 12px;

    color:#ffffff;

    font-size:1.24rem;

    font-weight:750;

    line-height:1.25;

}

.technology-card p{

    margin:0;

    color:rgba(255,255,255,.68);

    font-size:.92rem;

    line-height:1.58;

}


/* ==========================================
   TECHNOLOGY RESPONSIVE
========================================== */

@media(max-width:1050px){

    #technology-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .technology-card{

        flex:1 1 calc(50% - 18px);

        max-width:420px;

    }

}

@media(max-width:700px){

    #technology{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #technology-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #technology h2,
    #technology-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #technology > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .technology-grid{

        gap:16px;

        margin-top:30px;

    }

    .technology-card{

        flex:1 1 100%;

        max-width:100%;

        min-width:0;

        min-height:175px;

        padding:24px 21px;

    }

}


/* ==========================================
   ECOSYSTEM
========================================== */

#ecosystem{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#ecosystem::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#ecosystem .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

    text-align:center;

}

#ecosystem h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#ecosystem h2 span{

    display:block;

    color:#7c3aed;

}

#ecosystem > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   ECOSYSTEM PILLARS
========================================== */

#ecosystem-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#ecosystem-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#ecosystem-pillars .section-container{

    width:100%;

    max-width:1180px;

    position:relative;

    z-index:2;

    text-align:center;

}

#ecosystem-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#ecosystem-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   ECOSYSTEM CARDS
========================================== */

.ecosystem-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:18px;

    margin-top:32px;

}

.ecosystem-item{

    flex:1 1 calc(33.333% - 18px);

    max-width:360px;

    min-width:280px;

    min-height:185px;

    padding:24px 22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.ecosystem-item:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.ecosystem-item h3{

    margin:0 0 12px;

    color:#ffffff;

    font-size:1.24rem;

    font-weight:750;

    line-height:1.25;

}

.ecosystem-item p{

    margin:0;

    color:rgba(255,255,255,.68);

    font-size:.92rem;

    line-height:1.58;

}


/* ==========================================
   ECOSYSTEM RESPONSIVE
========================================== */

@media(max-width:1050px){

    #ecosystem-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .ecosystem-item{

        flex:1 1 calc(50% - 18px);

        max-width:420px;

    }

}

@media(max-width:700px){

    #ecosystem{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #ecosystem-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #ecosystem h2,
    #ecosystem-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #ecosystem > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .ecosystem-grid{

        gap:16px;

        margin-top:30px;

    }

    .ecosystem-item{

        flex:1 1 100%;

        max-width:100%;

        min-width:0;

        min-height:175px;

        padding:24px 21px;

    }

}

/* ==========================================
   BUSINESS MODEL
========================================== */

#business-model{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#business-model::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#business-model .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

    text-align:center;

}

#business-model h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#business-model h2 span{

    display:block;

    color:#7c3aed;

}

#business-model > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   BUSINESS MODEL PILLARS
========================================== */

#business-model-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#business-model-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#business-model-pillars .section-container{

    width:100%;

    max-width:1180px;

    position:relative;

    z-index:2;

    text-align:center;

}

#business-model-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#business-model-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   BUSINESS MODEL CARDS
========================================== */

.business-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:18px;

    margin-top:32px;

}

.business-card{

    flex:1 1 calc(33.333% - 18px);

    max-width:360px;

    min-width:280px;

    min-height:185px;

    padding:24px 22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.business-card:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.business-card h3{

    margin:0 0 12px;

    color:#ffffff;

    font-size:1.24rem;

    font-weight:750;

    line-height:1.25;

}

.business-card p{

    margin:0;

    color:rgba(255,255,255,.68);

    font-size:.92rem;

    line-height:1.58;

}


/* ==========================================
   BUSINESS MODEL RESPONSIVE
========================================== */

@media(max-width:1050px){

    #business-model-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .business-card{

        flex:1 1 calc(50% - 18px);

        max-width:420px;

    }

}

@media(max-width:700px){

    #business-model{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #business-model-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #business-model h2,
    #business-model-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #business-model > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .business-grid{

        gap:16px;

        margin-top:30px;

    }

    .business-card{

        flex:1 1 100%;

        max-width:100%;

        min-width:0;

        min-height:175px;

        padding:24px 21px;

    }

}

/* ==========================================
   MARKET
========================================== */

#market{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#market::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#market .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

    text-align:center;

}

#market h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#market h2 span{

    display:block;

    color:#7c3aed;

}

#market > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   MARKET PILLARS
========================================== */

#market-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#market-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#market-pillars .section-container{

    width:100%;

    max-width:1180px;

    position:relative;

    z-index:2;

    text-align:center;

}

#market-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#market-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   MARKET CARDS
========================================== */

.market-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:18px;

    margin-top:32px;

}

.market-card{

    flex:1 1 calc(33.333% - 18px);

    max-width:360px;

    min-width:280px;

    min-height:185px;

    padding:24px 22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.market-card:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.market-card h3{

    margin:0 0 12px;

    color:#ffffff;

    font-size:1.24rem;

    font-weight:750;

    line-height:1.25;

}

.market-card p{

    margin:0;

    color:rgba(255,255,255,.68);

    font-size:.92rem;

    line-height:1.58;

}


/* ==========================================
   MARKET RESPONSIVE
========================================== */

@media(max-width:1050px){

    #market-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .market-card{

        flex:1 1 calc(50% - 18px);

        max-width:420px;

    }

}

@media(max-width:700px){

    #market{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #market-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #market h2,
    #market-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #market > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .market-grid{

        gap:16px;

        margin-top:30px;

    }

    .market-card{

        flex:1 1 100%;

        max-width:100%;

        min-width:0;

        min-height:175px;

        padding:24px 21px;

    }

}

/* ==========================================
   TRACTION
========================================== */

#traction{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#traction::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#traction .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

    text-align:center;

}

#traction h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#traction h2 span{

    display:block;

    color:#7c3aed;

}

#traction > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   TRACTION PILLARS
========================================== */

#traction-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#traction-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#traction-pillars .section-container{

    width:100%;

    max-width:1180px;

    position:relative;

    z-index:2;

    text-align:center;

}

#traction-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#traction-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   TRACTION CARDS
========================================== */

.traction-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:18px;

    margin-top:32px;

}

.traction-card{

    flex:1 1 calc(33.333% - 18px);

    max-width:360px;

    min-width:280px;

    min-height:190px;

    padding:24px 22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.traction-card:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.traction-card h3{

    margin:0 0 14px;

    color:#7c3aed;

    font-size:1.55rem;

    font-weight:800;

    line-height:1;

    letter-spacing:-.02em;

}

.traction-card p{

    margin:0;

    color:rgba(255,255,255,.68);

    font-size:.93rem;

    line-height:1.6;

}

.traction-card strong{

    color:#ffffff;

    font-weight:700;

}


/* ==========================================
   TRACTION RESPONSIVE
========================================== */

@media(max-width:1050px){

    #traction-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .traction-card{

        flex:1 1 calc(50% - 18px);

        max-width:420px;

    }

}

@media(max-width:700px){

    #traction{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #traction-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #traction h2,
    #traction-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #traction > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .traction-grid{

        gap:16px;

        margin-top:30px;

    }

    .traction-card{

        flex:1 1 100%;

        max-width:100%;

        min-width:0;

        min-height:175px;

        padding:24px 20px;

    }

}

/* ==========================================
   ROADMAP
========================================== */

#roadmap{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#roadmap::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#roadmap .section-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1000px;

    text-align:center;

}

#roadmap h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#roadmap h2 span{

    display:block;

    color:#7c3aed;

}

#roadmap > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   ROADMAP PILLARS
========================================== */

#roadmap-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#roadmap-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#roadmap-pillars .section-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1280px;

    text-align:center;

}

#roadmap-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#roadmap-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   ROADMAP PHASES
========================================== */

.roadmap{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:nowrap;

    gap:18px;

    margin-top:32px;

}

.roadmap-phase{

    flex:1 1 0;

    min-width:0;

    min-height:430px;

    padding:26px 22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    text-align:left;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.roadmap-phase:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.phase-title{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:32px;

    margin-bottom:18px;

    padding:7px 13px;

    border:1px solid rgba(124,58,237,.35);

    border-radius:999px;

    background:rgba(124,58,237,.11);

    color:#a78bfa;

    font-size:.76rem;

    font-weight:800;

    letter-spacing:.12em;

    line-height:1;

    text-transform:uppercase;

}

.roadmap-phase h3{

    margin:0 0 20px;

    color:#ffffff;

    font-size:1.35rem;

    font-weight:750;

    line-height:1.25;

    letter-spacing:-.02em;

}

.roadmap-phase ul{

    width:100%;

    margin:0;

    padding:0;

    list-style:none;

}

.roadmap-phase li{

    position:relative;

    margin:0;

    padding:10px 0 10px 20px;

    border-bottom:1px solid rgba(255,255,255,.055);

    color:rgba(255,255,255,.68);

    font-size:.9rem;

    line-height:1.45;

}

.roadmap-phase li:last-child{

    border-bottom:none;

}

.roadmap-phase li::before{

    content:"";

    position:absolute;

    left:0;

    top:17px;

    width:6px;

    height:6px;

    border-radius:50%;

    background:#7c3aed;

    box-shadow:0 0 12px rgba(124,58,237,.55);

}


/* ==========================================
   COMPLETED ITEMS
========================================== */

.roadmap-phase:first-child li{

    color:rgba(255,255,255,.78);

}

.roadmap-phase:first-child li::before{

    width:7px;

    height:7px;

    top:16px;

    background:#a78bfa;

}


/* ==========================================
   ROADMAP RESPONSIVE
========================================== */

@media(max-width:1180px){

    #roadmap-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .roadmap{

        flex-wrap:wrap;

    }

    .roadmap-phase{

        flex:1 1 calc(50% - 18px);

        max-width:500px;

        min-height:390px;

    }

}

@media(max-width:700px){

    #roadmap{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #roadmap-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #roadmap h2,
    #roadmap-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #roadmap > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .roadmap{

        gap:16px;

        margin-top:30px;

    }

    .roadmap-phase{

        flex:1 1 100%;

        max-width:100%;

        min-height:0;

        padding:25px 21px;

    }

}

/* ==========================================
   INVESTMENT
========================================== */

#investment{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#investment::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.10),
        transparent 68%
    );

    pointer-events:none;

}

#investment .section-container{

    width:100%;

    max-width:1000px;

    position:relative;

    z-index:2;

    text-align:center;

}

#investment h2{

    margin:0 0 30px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.04em;

}

#investment h2 span{

    display:block;

    color:#7c3aed;

}

#investment > .section-container > p{

    max-width:880px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.22rem;

    line-height:1.75;

}


/* ==========================================
   INVESTMENT PILLARS
========================================== */

#investment-pillars{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:42px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.08),
        transparent 40%
    ),
    linear-gradient(
        180deg,
        #0a0a10 0%,
        #060608 100%
    );

    overflow:hidden;

}

#investment-pillars::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at center,
        rgba(124,58,237,.09),
        transparent 64%
    );

    pointer-events:none;

}

#investment-pillars .section-container{

    width:100%;

    max-width:1180px;

    position:relative;

    z-index:2;

    text-align:center;

}

#investment-pillars h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(2.8rem,4.7vw,4.2rem);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-.04em;

}

#investment-pillars h2 span{

    display:block;

    color:#7c3aed;

}


/* ==========================================
   INVESTMENT CARDS
========================================== */

.investment-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:20px;

    margin-top:34px;

}

.investment-card{

    flex:1 1 calc(50% - 20px);

    max-width:520px;

    min-width:320px;

    padding:28px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    background:rgba(255,255,255,.035);

    text-align:left;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;

}

.investment-card:hover{

    transform:translateY(-7px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.08);

    box-shadow:0 18px 45px rgba(124,58,237,.13);

}

.investment-card h3{

    margin:0 0 22px;

    color:#ffffff;

    font-size:1.4rem;

    font-weight:750;

    line-height:1.2;

}

.investment-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.investment-card li{

    position:relative;

    padding:11px 0 11px 22px;

    border-bottom:1px solid rgba(255,255,255,.055);

    color:rgba(255,255,255,.70);

    font-size:.95rem;

    line-height:1.45;

}

.investment-card li:last-child{

    border-bottom:none;

}

.investment-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:18px;

    width:6px;

    height:6px;

    border-radius:50%;

    background:#7c3aed;

    box-shadow:0 0 10px rgba(124,58,237,.5);

}


/* ==========================================
   INVESTMENT QUOTE
========================================== */

.investment-quote{

    max-width:980px;

    margin:42px auto 0;

    padding:36px;

    border-radius:24px;

    border:1px solid rgba(124,58,237,.18);

    background:rgba(124,58,237,.06);

}

.investment-quote h3{

    margin:0;

    color:#ffffff;

    font-size:clamp(1.35rem,2vw,1.8rem);

    font-weight:600;

    line-height:1.55;

    letter-spacing:-.02em;

}


/* ==========================================
   INVESTMENT RESPONSIVE
========================================== */

@media(max-width:1050px){

    #investment-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 30px;

        overflow:visible;

    }

    .investment-card{

        flex:1 1 100%;

        max-width:100%;

    }

}

@media(max-width:700px){

    #investment{

        height:auto;

        min-height:100vh;

        padding:90px 22px;

    }

    #investment-pillars{

        height:auto;

        min-height:100vh;

        padding:80px 20px;

        overflow:visible;

    }

    #investment h2,
    #investment-pillars h2{

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #investment > .section-container > p{

        font-size:1.05rem;

        line-height:1.7;

    }

    .investment-grid{

        gap:16px;

        margin-top:30px;

    }

    .investment-card{

        min-width:0;

        padding:24px 22px;

    }

    .investment-quote{

        margin-top:30px;

        padding:26px 22px;

    }

}

/* ==========================================
   CONTACT
========================================== */

#contact{

    position:relative;

    width:100%;

    height:100vh;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:60px 40px;

    background:
    radial-gradient(
        circle at top,
        rgba(124,58,237,.10),
        transparent 45%
    ),
    linear-gradient(
        180deg,
        #09090d 0%,
        #050505 100%
    );

    overflow:hidden;

}

#contact::before{

    content:"";

    position:absolute;

    width:760px;

    height:760px;

    left:50%;

    top:48%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        circle,
        rgba(124,58,237,.13),
        transparent 68%
    );

    pointer-events:none;

}

#contact .section-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1000px;

    text-align:center;

}


/* ==========================================
   CONTACT LOGO
========================================== */

.contact-logo{

    display:flex;

    align-items:center;

    justify-content:center;

    width:78px;

    height:78px;

    margin:0 auto 20px;

    border:1px solid rgba(124,58,237,.35);

    border-radius:22px;

    background:rgba(124,58,237,.10);

    color:#7c3aed;

    font-size:1.45rem;

    font-weight:900;

    letter-spacing:-.04em;

    box-shadow:
        0 16px 40px rgba(124,58,237,.15),
        inset 0 1px 0 rgba(255,255,255,.06);

}


/* ==========================================
   CONTACT HEADING
========================================== */

#contact .section-label{

    display:block;

    margin-bottom:22px;

}

#contact h2{

    margin:0 0 26px;

    color:#ffffff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.04;

    letter-spacing:-.045em;

}

#contact h2 span{

    display:block;

    color:#7c3aed;

}

#contact > .section-container > p{

    max-width:850px;

    margin:0 auto;

    color:rgba(255,255,255,.74);

    font-size:1.14rem;

    line-height:1.72;

}


/* ==========================================
   CONTACT BUTTONS
========================================== */

.contact-buttons{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin-top:34px;

}

.contact-buttons a,
.contact-buttons a:visited,
.contact-buttons a:hover,
.contact-buttons a:active,
.contact-buttons a:focus{

    min-width:220px;

    padding:15px 24px;

    border:1px solid rgba(255,255,255,.10);

    border-radius:999px;

    color:#ffffff !important;

    background:rgba(255,255,255,.045);

    font-size:.94rem;

    font-weight:700;

    line-height:1;

    text-decoration:none;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

    -webkit-text-fill-color:#ffffff;

}

.contact-buttons a:first-child{

    border-color:#7c3aed;

    background:#7c3aed;

    box-shadow:0 14px 34px rgba(124,58,237,.24);

}

.contact-buttons a:hover{

    transform:translateY(-4px);

    border-color:rgba(124,58,237,.75);

    background:rgba(124,58,237,.12);

    box-shadow:0 16px 38px rgba(124,58,237,.17);

}

.contact-buttons a:first-child:hover{

    background:#6d28d9;

    border-color:#6d28d9;

}

/* ==========================================
   CONTACT FOOTER
========================================== */

.contact-footer{

    max-width:760px;

    margin:38px auto 0;

    padding-top:30px;

    border-top:1px solid rgba(255,255,255,.08);

}

.contact-footer h3{

    margin:0 0 10px;

    color:#ffffff;

    font-size:1.25rem;

    font-weight:800;

    line-height:1.2;

}

.contact-footer p{

    margin:6px 0 0;

    color:rgba(255,255,255,.56);

    font-size:.88rem;

    line-height:1.55;

    letter-spacing:.02em;

}

.contact-footer p:first-of-type{

    color:#a78bfa;

    font-size:.78rem;

    font-weight:750;

    letter-spacing:.14em;

    text-transform:uppercase;

}


/* ==========================================
   CONTACT RESPONSIVE
========================================== */

@media(max-width:700px){

    #contact{

        height:auto;

        min-height:100vh;

        padding:76px 22px;

        overflow:visible;

    }

    .contact-logo{

        width:68px;

        height:68px;

        margin-bottom:18px;

        border-radius:19px;

        font-size:1.25rem;

    }

    #contact h2{

        margin-bottom:24px;

        font-size:clamp(2.5rem,11vw,3.5rem);

    }

    #contact > .section-container > p{

        font-size:1.02rem;

        line-height:1.68;

    }

    .contact-buttons{

        flex-direction:column;

        gap:12px;

        margin-top:30px;

    }

    .contact-buttons a{

        width:100%;

        min-width:0;

        max-width:380px;

    }

    .contact-footer{

        margin-top:32px;

        padding-top:26px;

    }

}

/* =====================================================
   SECTION COLOR THEMES
===================================================== */

#vision,
#vision-pillars{

    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(124,58,237,.18),
            transparent 34%
        ),
        radial-gradient(
            circle at 85% 75%,
            rgba(76,29,149,.12),
            transparent 32%
        ),
        #050507;

}

#problem,
#problem-pillars{

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(124,58,237,.17),
            transparent 34%
        ),
        radial-gradient(
            circle at 15% 82%,
            rgba(88,28,135,.11),
            transparent 30%
        ),
        #050507;

}

#solution,
#solution-pillars{

    background:
        radial-gradient(
            circle at 18% 75%,
            rgba(124,58,237,.16),
            transparent 34%
        ),
        radial-gradient(
            circle at 82% 28%,
            rgba(99,102,241,.10),
            transparent 32%
        ),
        #050507;

}

#technology,
#technology-pillars{

    background:
        radial-gradient(
            circle at 80% 25%,
            rgba(99,102,241,.16),
            transparent 34%
        ),
        radial-gradient(
            circle at 20% 78%,
            rgba(124,58,237,.11),
            transparent 30%
        ),
        #050507;

}

#ecosystem,
#ecosystem-pillars{

    background:
        radial-gradient(
            circle at 22% 22%,
            rgba(124,58,237,.16),
            transparent 35%
        ),
        radial-gradient(
            circle at 78% 78%,
            rgba(168,85,247,.10),
            transparent 30%
        ),
        #050507;

}

#business-model,
#business-model-pillars{

    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(124,58,237,.15),
            transparent 34%
        ),
        radial-gradient(
            circle at 18% 80%,
            rgba(67,56,202,.10),
            transparent 32%
        ),
        #050507;

}

#market,
#market-pillars{

    background:
        radial-gradient(
            circle at 18% 25%,
            rgba(99,102,241,.15),
            transparent 34%
        ),
        radial-gradient(
            circle at 80% 76%,
            rgba(124,58,237,.11),
            transparent 31%
        ),
        #050507;

}

#traction,
#traction-pillars{

    background:
        radial-gradient(
            circle at 82% 22%,
            rgba(124,58,237,.17),
            transparent 35%
        ),
        radial-gradient(
            circle at 15% 78%,
            rgba(147,51,234,.10),
            transparent 31%
        ),
        #050507;

}

#roadmap,
#roadmap-pillars{

    background:
        radial-gradient(
            circle at 20% 78%,
            rgba(124,58,237,.16),
            transparent 34%
        ),
        radial-gradient(
            circle at 82% 20%,
            rgba(79,70,229,.10),
            transparent 32%
        ),
        #050507;

}

#investment,
#investment-pillars{

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(124,58,237,.19),
            transparent 38%
        ),
        radial-gradient(
            circle at 85% 82%,
            rgba(168,85,247,.10),
            transparent 30%
        ),
        #050507;

}

#contact{

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(124,58,237,.22),
            transparent 42%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(76,29,149,.11),
            transparent 30%
        ),
        #040406;

}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:992px){

    .mmv-logo{

        font-size:58px;

    }

    .hero-company{

        font-size:22px;

    }

    .hero-content h1{

        font-size:54px;

    }

    .hero-description{

        font-size:20px;

    }

.problem-grid{

    display:block;

}
}

@media (max-width:768px){

    #hero{

        padding:60px 20px;

    }

    #problem{

        padding:120px 20px;

    }

    .mmv-logo{

        font-size:48px;

    }

    .hero-company{

        font-size:18px;

    }

    .hero-category{

        font-size:11px;

        letter-spacing:4px;

    }

    .hero-content h1{

        font-size:40px;

    }

    .hero-description{

        font-size:18px;

        line-height:1.6;

    }

    .hero-actions{

        flex-direction:column;

        align-items:center;

    }

    .hero-button{

        width:100%;

        max-width:320px;

    }

    #problem h2{

        font-size:clamp(2.5rem,8vw,3.5rem);

    }

    #problem > .section-container > p{

        font-size:1.1rem;

        line-height:1.8;

    }

    .problem-card{

        padding:32px;

    }

}

/* =====================================================
   INVESTOR PRESENTATION — GLOBAL RESPONSIVE
===================================================== */

/* ==========================================
   TABLET
========================================== */

@media(max-width:1180px){

    section{

        height:auto;

        min-height:100vh;

        padding-left:30px;

        padding-right:30px;

    }

    .section-container{

        width:100%;

        max-width:960px;

    }


    /* ------------------------------------------
       PILLAR SECTIONS
    ------------------------------------------ */

#vision-pillars,
#problem-pillars,
#solution-pillars,
#technology-pillars,
#ecosystem-pillars,
#business-model-pillars,
#market-pillars,
#traction-pillars,
#roadmap-pillars,
#investment-pillars{

    width:100%;

    height:auto;

    min-height:auto;

    padding:56px 20px 60px;

    overflow:visible;

}


    /* ------------------------------------------
       CARD LAYOUTS
    ------------------------------------------ */

    .vision-grid,
    .problem-grid,
    .solution-grid,
    .technology-grid,
    .ecosystem-grid,
    .business-grid,
    .market-grid,
    .traction-grid,
    .investment-grid{

        flex-wrap:wrap;

    }

    .vision-card,
    .problem-card,
    .solution-card,
    .technology-card,
    .ecosystem-item,
    .business-card,
    .market-card,
    .traction-card{

        flex:1 1 calc(50% - 18px);

        width:calc(50% - 18px);

        max-width:440px;

        min-width:280px;

    }


    /* ------------------------------------------
       ROADMAP
    ------------------------------------------ */

    .roadmap{

        flex-wrap:wrap;

    }

    .roadmap-phase{

        flex:1 1 calc(50% - 18px);

        width:calc(50% - 18px);

        max-width:520px;

        min-height:0;

    }


    /* ------------------------------------------
       INVESTMENT
    ------------------------------------------ */

    .investment-card{

        flex:1 1 calc(50% - 20px);

        width:calc(50% - 20px);

        min-width:300px;

    }

}


/* ==========================================
   SMALL TABLET
========================================== */

@media(max-width:900px){

    html{

        scroll-snap-type:none;

    }

    section{

        scroll-snap-align:none;

        scroll-snap-stop:normal;

    }


    /* ------------------------------------------
       SECTION SPACING
    ------------------------------------------ */

    #hero,
    #vision,
    #problem,
    #solution,
    #technology,
    #ecosystem,
    #business-model,
    #market,
    #traction,
    #roadmap,
    #investment,
    #contact{

        height:auto;

        min-height:100vh;

        padding:90px 28px;

        overflow:visible;

    }


   /* ------------------------------------------
   TYPOGRAPHY
------------------------------------------ */

section h2{

    font-size:clamp(2.7rem,7vw,4.2rem);

    line-height:1.05;

    margin-bottom:14px;

}

    section > .section-container > p{

        max-width:760px;

        font-size:1.08rem;

        line-height:1.7;

    }


    /* ------------------------------------------
       CARDS
    ------------------------------------------ */

    .vision-card,
    .problem-card,
    .solution-card,
    .technology-card,
    .ecosystem-item,
    .business-card,
    .market-card,
    .traction-card{

        max-width:none;

    }


    /* ------------------------------------------
       INVESTMENT
    ------------------------------------------ */

    .investment-grid{

        flex-direction:column;

        align-items:center;

    }

    .investment-card{

        width:100%;

        max-width:720px;

        min-width:0;

    }

}


/* ==========================================
   MOBILE
========================================== */

@media(max-width:700px){

    body{

        overflow-x:hidden;

    }

    main{

        width:100%;

        overflow-x:hidden;

    }


    /* ------------------------------------------
       ALL SECTIONS
    ------------------------------------------ */

    section,
    #hero,
    #vision,
    #problem,
    #solution,
    #technology,
    #ecosystem,
    #business-model,
    #market,
    #traction,
    #roadmap,
    #investment,
    #contact{

        width:100%;

        height:auto;

        min-height:100vh;

        padding:76px 20px;

        overflow:visible;

    }

    #vision-pillars,
    #problem-pillars,
    #solution-pillars,
    #technology-pillars,
    #ecosystem-pillars,
    #business-model-pillars,
    #market-pillars,
    #traction-pillars,
    #roadmap-pillars,
    #investment-pillars{

        width:100%;

        height:auto;

        min-height:100vh;

        padding:76px 20px;

        overflow:visible;

    }

    .section-container{

        width:100%;

        max-width:100%;

    }


    /* ------------------------------------------
       LABELS
    ------------------------------------------ */

    .section-label{

        margin-bottom:18px;

        font-size:.7rem;

        line-height:1.3;

        letter-spacing:.22em;

    }


    /* ------------------------------------------
       HEADINGS
    ------------------------------------------ */

    section h2,
    #hero h1,
    #vision h2,
    #vision-pillars h2,
    #problem h2,
    #problem-pillars h2,
    #solution h2,
    #solution-pillars h2,
    #technology h2,
    #technology-pillars h2,
    #ecosystem h2,
    #ecosystem-pillars h2,
    #business-model h2,
    #business-model-pillars h2,
    #market h2,
    #market-pillars h2,
    #traction h2,
    #traction-pillars h2,
    #roadmap h2,
    #roadmap-pillars h2,
    #investment h2,
    #investment-pillars h2,
    #contact h2{

        margin-bottom:22px;

        font-size:clamp(2.35rem,11vw,3.4rem);

        line-height:1.04;

        letter-spacing:-.045em;

        overflow-wrap:break-word;

    }


    /* ------------------------------------------
       PARAGRAPHS
    ------------------------------------------ */

    section > .section-container > p,
    #vision > .section-container > p,
    #problem > .section-container > p,
    #solution > .section-container > p,
    #technology > .section-container > p,
    #ecosystem > .section-container > p,
    #business-model > .section-container > p,
    #market > .section-container > p,
    #traction > .section-container > p,
    #roadmap > .section-container > p,
    #investment > .section-container > p,
    #contact > .section-container > p{

        width:100%;

        max-width:100%;

        font-size:1rem;

        line-height:1.68;

    }


    /* ------------------------------------------
       ALL CARD GRIDS
    ------------------------------------------ */

.vision-grid,
.problem-grid,
.solution-grid,
.technology-grid,
.ecosystem-grid,
.business-grid,
.market-grid,
.traction-grid,
.investment-grid{

    width:100%;

    flex-direction:column;

    align-items:stretch;

    gap:16px;

    margin-top:18px;

}

    /* ------------------------------------------
       ALL CARDS
    ------------------------------------------ */

    .vision-card,
    .problem-card,
    .solution-card,
    .technology-card,
    .ecosystem-item,
    .business-card,
    .market-card,
    .traction-card,
    .investment-card{

        flex:1 1 100%;

        width:100%;

        max-width:100%;

        min-width:0;

        min-height:0;

       padding:20px 18px;

        border-radius:20px;

    }

    .vision-card h3,
    .problem-card h3,
    .solution-card h3,
    .technology-card h3,
    .ecosystem-item h3,
    .business-card h3,
    .market-card h3,
    .investment-card h3{

        font-size:1.2rem;

    }

    .vision-card p,
    .problem-card p,
    .solution-card p,
    .technology-card p,
    .ecosystem-item p,
    .business-card p,
    .market-card p,
    .traction-card p,
    .investment-card li{

        font-size:.94rem;

        line-height:1.58;

    }


    /* ------------------------------------------
       TRACTION
    ------------------------------------------ */

    .traction-card h3{

        font-size:1.45rem;

    }


    /* ------------------------------------------
       ROADMAP
    ------------------------------------------ */

    .roadmap{

        width:100%;

        flex-direction:column;

        align-items:stretch;

        gap:16px;

        margin-top:28px;

    }

    .roadmap-phase{

        flex:1 1 100%;

        width:100%;

        max-width:100%;

        min-width:0;

        min-height:0;

        padding:24px 20px;

        border-radius:20px;

    }

    .roadmap-phase h3{

        margin-bottom:16px;

        font-size:1.25rem;

    }

    .roadmap-phase li{

        padding-top:9px;

        padding-bottom:9px;

        font-size:.9rem;

    }


    /* ------------------------------------------
       INVESTMENT
    ------------------------------------------ */

    .investment-card{

        text-align:left;

    }

    .investment-card li{

        padding-left:20px;

    }

    .investment-quote{

        width:100%;

        margin-top:28px;

        padding:24px 20px;

        border-radius:20px;

    }

    .investment-quote h3{

        font-size:1.2rem;

        line-height:1.55;

    }


    /* ------------------------------------------
       CONTACT
    ------------------------------------------ */

    .contact-logo{

        width:66px;

        height:66px;

        margin-bottom:18px;

        border-radius:18px;

        font-size:1.2rem;

    }

    .contact-buttons{

        width:100%;

        flex-direction:column;

        align-items:center;

        gap:12px;

        margin-top:28px;

    }

    .contact-buttons a{

        width:100%;

        max-width:380px;

        min-width:0;

        padding:16px 20px;

    }

    .contact-footer{

        width:100%;

        margin-top:30px;

        padding-top:25px;

    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media(max-width:430px){

    section,
    #hero,
    #vision,
    #problem,
    #solution,
    #technology,
    #ecosystem,
    #business-model,
    #market,
    #traction,
    #roadmap,
    #investment,
    #contact,
    #vision-pillars,
    #problem-pillars,
    #solution-pillars,
    #technology-pillars,
    #ecosystem-pillars,
    #business-model-pillars,
    #market-pillars,
    #traction-pillars,
    #roadmap-pillars,
    #investment-pillars{

        padding-left:16px;

        padding-right:16px;

    }

    section h2,
    #hero h1{

        font-size:clamp(2.1rem,12vw,2.8rem);

    }

    section > .section-container > p{

        font-size:.96rem;

    }

    .vision-card,
    .problem-card,
    .solution-card,
    .technology-card,
    .ecosystem-item,
    .business-card,
    .market-card,
    .traction-card,
    .roadmap-phase,
    .investment-card{

        padding:22px 18px;

    }

    .contact-buttons a{

        font-size:.9rem;

    }

}

/* ==========================================
   PROBLEM PILLARS — MOBILE FIX
========================================== */

@media(max-width:700px){

    #problem-pillars{

        height:auto;

        min-height:auto;

        padding:56px 20px 64px;

        overflow:visible;

    }

    #problem-pillars .section-container{

        width:100%;

        max-width:100%;

    }

    #problem-pillars h2{

        margin:0 0 24px;

        font-size:clamp(2.35rem,11vw,3.4rem);

        line-height:1.04;

        letter-spacing:-.045em;

    }

    #problem-pillars .problem-grid{

        display:flex;

        flex-direction:column;

        align-items:stretch;

        width:100%;

        gap:16px;

        margin-top:0;

    }

    #problem-pillars .problem-card{

        flex:none;

        width:100%;

        max-width:100%;

        min-width:0;

        min-height:0;

        margin:0;

        padding:28px 20px;

        border-radius:20px;

    }

    #problem-pillars .problem-card h3{

        margin:0 0 16px;

        font-size:1.2rem;

        line-height:1.3;

    }

    #problem-pillars .problem-card p{

        margin:0;

        font-size:.94rem;

        line-height:1.58;

    }

}