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

body{
    background:#0B0E1A;
    color:#E2E6F0;
    font-family:'JetBrains Mono','IBM Plex Mono',monospace;
    font-size:1rem;
    line-height:1.7;
    overflow-x:hidden;
}

h1,h2{
    font-family:'Space Grotesk',sans-serif;
    font-weight:700;
    letter-spacing:0.02em;
}

.accent-cyan{color:#00D4FF}

/* ISO GRID BACKGROUND */
.iso-grid-bg{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        repeating-linear-gradient(30deg,transparent,transparent 59px,rgba(0,212,255,0.03) 60px),
        repeating-linear-gradient(150deg,transparent,transparent 59px,rgba(0,212,255,0.03) 60px);
}

/* STRATA */
.strata{position:relative;z-index:1}

.stratum{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:4rem 2rem;
    position:relative;
}

/* HERO */
.stratum-0{text-align:center}
.iso-platform{margin-bottom:2rem}
.platform-svg{
    width:min(400px,80vw);
    height:auto;
}
.hero-title{
    font-size:clamp(2rem,5vw,5.5rem);
    line-height:1.1;
    margin-bottom:0.5rem;
}
.hero-sub{
    color:#8B8FA8;
    font-size:0.95rem;
    font-family:'JetBrains Mono',monospace;
    font-weight:400;
    margin-bottom:2rem;
}
.depth-indicator{
    border:1px solid rgba(0,212,255,0.2);
    padding:0.4rem 1.2rem;
    display:inline-block;
}
.depth-label{
    font-size:0.7rem;
    letter-spacing:0.15em;
    color:#00D4FF;
    text-transform:uppercase;
}

/* STRATUM SECTIONS */
.stratum-header{
    text-align:center;
    margin-bottom:2rem;
}
.stratum-tag{
    font-size:0.65rem;
    letter-spacing:0.2em;
    color:#E91E8C;
    text-transform:uppercase;
    display:block;
    margin-bottom:0.5rem;
}
.stratum-header h2{
    font-size:clamp(1.2rem,2.2vw,2rem);
    font-weight:500;
    color:#E2E6F0;
}

.iso-block{margin-bottom:2rem}
.block-svg{
    width:min(300px,70vw);
    height:auto;
}

.stratum-text{
    max-width:560px;
    text-align:center;
    color:#8B8FA8;
    font-size:0.9rem;
    line-height:1.8;
}

/* STRATUM ANIMATION */
.stratum{
    opacity:0;
    transform:translateY(40px);
    transition:opacity 0.7s ease,transform 0.7s ease;
}
.stratum.visible{
    opacity:1;
    transform:translateY(0);
}
.stratum-0{opacity:1;transform:none}

/* GLITCH LINE */
.glitch-line{
    width:80px;
    height:2px;
    background:linear-gradient(90deg,#00D4FF,#E91E8C,#FFAA2E);
    margin-bottom:1.5rem;
}

/* FOOTER */
.stratum-footer{
    min-height:auto;
    padding:4rem 2rem;
    text-align:center;
    border-top:1px solid #1E2438;
    background:#151929;
}
.footer-domain{
    font-family:'Space Grotesk',sans-serif;
    font-size:1.5rem;
    font-weight:700;
    margin-bottom:0.3rem;
}
.footer-tag{
    font-size:0.75rem;
    color:#8B8FA8;
    letter-spacing:0.1em;
}

/* MOBILE */
@media(max-width:640px){
    .stratum{padding:3rem 1.5rem}
    .platform-svg{width:90vw}
}