*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#dbe5ef;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(2,14,28,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;font-weight:850;font-size:1.2rem;display:flex;gap:10px;align-items:center}.logo{width:34px;height:34px;border:2px solid #4b8fc9;border-radius:50%;display:grid;place-items:center;color:#4b8fc9}.nav nav{display:flex;gap:25px;align-items:center;color:#b5c4d4;font-size:.9rem}.nav nav a:hover{color:#fff}.navcta{background:#3f7fb5;padding:10px 17px;border-radius:10px;color:#fff!important}.menu{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{position:relative;overflow:hidden;min-height:680px;color:#fff;background:radial-gradient(circle at 68% 35%,#1558a355,transparent 25%),linear-gradient(120deg,#010711,#03172f 55%,#010712)}.stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:140px 140px}.sun{position:absolute;right:-160px;top:30px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#fff4a7,#ffc42b 30%,#ff6a00 68%,transparent 72%);box-shadow:0 0 100px #ff9f36aa}.hero-grid{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;z-index:2}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:850;color:#5a91bd;margin-bottom:10px}.hero .eyebrow{color:#75add1}.hero h1{font-size:clamp(3rem,6vw,5.2rem);line-height:.98;letter-spacing:-.065em;margin:0}.hero h1 span{color:#6ba4ce}.hero p{max-width:640px;color:#aebdcd}.hero .lead{font-size:1.35rem;font-weight:750;color:#fff;margin:25px 0 10px;line-height:1.3}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;padding:13px 21px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#427fae,#356b98);color:#fff;box-shadow:0 12px 30px #427fae40}.secondary{color:#fff;border:1px solid #5b91b855;background:#ffffff08}.visual{height:450px;position:relative}.galaxy{position:absolute;right:2%;top:65px;width:430px;height:250px;border-radius:50%;transform:rotate(-18deg);background:repeating-radial-gradient(ellipse at center,#557fa866 0 3px,transparent 4px 13px),radial-gradient(ellipse,#fff 0 2%,#506fd9 8%,transparent 20%);box-shadow:0 0 100px #426b8a22}.orbit{position:absolute;border:1px solid #ffffff3b;border-radius:50%;right:0;top:60px;width:440px;height:260px;transform:rotate(-15deg)}.o2{width:300px;height:180px;right:80px;top:130px}.earth{position:absolute;width:36px;height:36px;border-radius:50%;right:180px;top:240px;background:radial-gradient(circle at 35% 30%,#86b4d0,#356e98 50%,#0a2035)}.jupiter{position:absolute;width:72px;height:72px;border-radius:50%;right:80px;top:310px;background:linear-gradient(#e6c796 0 20%,#9d7651 22% 38%,#d8b886 40% 55%,#805d40 58%)}.mars{position:absolute;width:22px;height:22px;border-radius:50%;right:285px;top:175px;background:#a65342}.capabilities{position:absolute;z-index:4;bottom:20px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);padding:14px;border:1px solid #4d83aa45;border-radius:14px;background:#021022cc;backdrop-filter:blur(15px);color:#fff}.capabilities div{padding:5px 18px;border-right:1px solid #ffffff18;color:#5a91bd;font-size:1.4rem}.capabilities div:last-child{border:0}.capabilities b{font-size:.8rem;color:#fff;margin-left:7px}.capabilities small{display:block;color:#91a2b4;font-size:.72rem;margin-left:33px}.section{padding:100px 0}.feature-layout{display:grid;grid-template-columns:.75fr 1.7fr;gap:65px;align-items:center}h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 18px}.feature-layout p,.about p{color:#9aaabd}.link{color:#5b91bd;font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article{border:1px solid #102c4c18;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #00000040;background:#fff}.card{height:170px}.galaxy-card{background:repeating-radial-gradient(ellipse,#527b9a66 0 3px,transparent 4px 13px),linear-gradient(135deg,#061229,#243e93,#090b25)}.solar-card{background:radial-gradient(circle at 18% 50%,#ffd64b 0 9%,#ff7d0b 11%,transparent 14%),radial-gradient(circle at 70% 50%,#bda77e 0 10%,transparent 11%),linear-gradient(135deg,#020817,#0a2c53)}.planet-card{background:radial-gradient(circle at 35% 30%,#d8e8ff,#7ea7db 30%,#263a67 62%,#07101e 65%)}.cards h3,.cards p{margin:16px 18px}.cards p{color:#9aaabd;font-size:.92rem}.dark{background:radial-gradient(circle at 80% 10%,#1c6bd844,transparent 30%),linear-gradient(135deg,#030a14,#071727 55%,#020812);color:#fff}.dark .eyebrow{color:#75add1}.dark .intro{color:#b7c5d4;max-width:760px;margin-bottom:45px}.audiences{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audiences>div{min-height:220px;padding:28px;border:1px solid #42adff47;border-radius:18px;background:#071727cc}.audiences span{font-size:2rem}.audiences h3{margin:18px 0 7px}.audiences p{color:#aebdcd;margin:0}.journey{background:#050c16}.center{text-align:center;max-width:750px;margin:0 auto 50px}.center p{color:#9aaabd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.steps>div{padding:28px;background:#fff;border:1px solid #102c4c18;border-radius:18px;box-shadow:0 15px 40px #00000035}.steps b{color:#3f7fb5}.steps h3{margin:12px 0 6px}.steps p{color:#9aaabd;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.demo{padding:110px 0;text-align:center;color:#fff;background:radial-gradient(ellipse at 50% 120%,#1571ff99,transparent 45%),linear-gradient(#020b18,#071728)}.demo h2{color:#fff}.demo p{color:#b7c5d4;margin-bottom:25px}.footer{padding:55px 0 20px;background:#020711;color:#aebdcd}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:40px}.footer-grid a{display:block;margin:8px 0}.footer-grid .brand{display:flex}.footer-grid p{max-width:360px}.foot-bottom{border-top:1px solid #ffffff18;padding-top:20px;display:flex;justify-content:space-between;font-size:.82rem}.modal{display:none;position:fixed;inset:0;z-index:100;background:#000b;backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{position:relative;width:min(600px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:35px;box-shadow:0 40px 100px #0006}.close{position:absolute;right:15px;top:12px;border:0;border-radius:50%;width:38px;height:38px;font-size:1.5rem;cursor:pointer}.modal-box label{display:block;font-weight:700;margin:15px 0}.modal-box input,.modal-box select,.modal-box textarea{width:100%;margin-top:5px;padding:11px;border:1px solid #34475a;border-radius:9px}.modal-box small{display:block;color:#9aaabd;margin-top:14px}@media(max-width:980px){.nav nav{display:none;position:absolute;top:70px;left:20px;right:20px;padding:20px;flex-direction:column;align-items:stretch;background:#041426;border-radius:14px}.nav nav.open{display:flex}.menu{display:block}.hero-grid,.feature-layout,.about-grid{grid-template-columns:1fr}.hero{min-height:900px}.visual{height:350px}.capabilities{position:relative;bottom:auto;margin-top:-35px;grid-template-columns:repeat(2,1fr)}.audiences,.steps{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}}@media(max-width:620px){.container{width:calc(100% - 28px)}.hero h1{font-size:3rem}.hero{min-height:950px}.capabilities{grid-template-columns:1fr}.audiences,.steps,.footer-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column}.visual{transform:scale(.78);transform-origin:top left;width:128%}.section{padding:70px 0}}
/* ============================================================
   ASTROSPHERE COMMERCIAL DARK THEME
   ============================================================ */

body {
    background: #050c16;
    color: #dbe5ef;
}

.section {
    background: #050c16;
    color: #dbe5ef;
}

.feature-layout h2,
.feature-layout h3,
.about h2,
.about h3 {
    color: #e6edf5;
}

.feature-layout p,
.about p {
    color: #9aaabd;
}

.cards article {
    background: #0a1626;
    border: 1px solid #27415b;
    box-shadow: 0 20px 55px #00000045;
}

.cards h3 {
    color: #e6edf5;
}

.cards p {
    color: #9aaabd;
}

.journey {
    background: #030a14;
}

.steps > div {
    background: #0a1626;
    border: 1px solid #27415b;
    box-shadow: 0 15px 40px #00000035;
}

.steps h3 {
    color: #e6edf5;
}

.center p,
.steps p {
    color: #9aaabd;
}

.about {
    background: #050c16;
}

.demo {
    background:
        radial-gradient(
            ellipse at 50% 120%,
            #245b8255,
            transparent 45%
        ),
        linear-gradient(#020a14, #061728);
}

.footer {
    background: #020711;
}

@media (max-width: 620px) {
    .cards article {
        background: #0a1626;
    }
}


/* ============================================================
   ASTROSPHERE 3D COMMERCIAL EXPERIENCE
   Landing-page presentation only.
   ============================================================ */

/* ---------- HERO DEPTH ---------- */

.hero {
    perspective: 1400px;
    perspective-origin: 55% 45%;
    isolation: isolate;
    background:
        radial-gradient(
            circle at 72% 42%,
            rgba(35, 111, 205, .18),
            transparent 24%
        ),
        radial-gradient(
            circle at 88% 80%,
            rgba(18, 72, 145, .12),
            transparent 32%
        ),
        linear-gradient(
            120deg,
            #010711 0%,
            #03172f 54%,
            #010712 100%
        );
}

.hero::before {
    content: "";
    position: absolute;
    inset: -20%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at 68% 48%,
            rgba(63, 139, 255, .12),
            transparent 24%
        ),
        radial-gradient(
            ellipse at 82% 30%,
            rgba(92, 165, 255, .08),
            transparent 18%
        );
    filter: blur(35px);
    transform: translateZ(-100px);
}

/* ---------- STAR DEPTH LAYERS ---------- */

.stars {
    transform: translateZ(-80px) scale(1.12);
    opacity: .62;
}

.stars::before,
.stars::after {
    content: "";
    position: absolute;
    inset: -10%;
    pointer-events: none;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.5px);
    background-size: 220px 220px;
}

.stars::before {
    transform: translateZ(-30px) scale(1.18);
    opacity: .28;
}

.stars::after {
    background-size: 310px 310px;
    transform: translateZ(-60px) scale(1.25);
    opacity: .18;
}

/* ---------- HERO CONTENT ---------- */

.hero-grid {
    transform-style: preserve-3d;
}

.hero-copy {
    transform: translateZ(55px);
}

.hero-copy .eyebrow {
    text-shadow: 0 0 22px rgba(90, 201, 255, .28);
}

.hero h1 {
    text-shadow:
        0 5px 30px rgba(0,0,0,.35),
        0 0 45px rgba(74,151,255,.08);
}

.hero .lead {
    text-shadow: 0 3px 18px rgba(0,0,0,.35);
}

/* ---------- 3D SPACE SCENE ---------- */

.visual {
    height: 470px;
    perspective: 1100px;
    transform-style: preserve-3d;
    position: relative;
    isolation: isolate;
}

/* Ambient scene glow */

.visual::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 340px;
    right: -10px;
    top: 45px;
    border-radius: 50%;
    background:
        radial-gradient(
            ellipse,
            rgba(52, 113, 255, .17),
            rgba(38, 86, 190, .07) 38%,
            transparent 70%
        );
    filter: blur(22px);
    transform: translateZ(-70px);
    pointer-events: none;
}

/* ---------- SUN ---------- */

.sun {
    transform:
        translateZ(-120px)
        scale(1.08);
    transform-style: preserve-3d;

    background:
        radial-gradient(
            circle at 35% 30%,
            #fffbd1 0%,
            #fff4a7 12%,
            #ffd34d 30%,
            #ff9a19 58%,
            #ff6200 70%,
            rgba(255,98,0,0) 74%
        );

    box-shadow:
        0 0 55px rgba(255,174,45,.70),
        0 0 120px rgba(255,123,18,.42),
        0 0 210px rgba(255,95,0,.22);
}

.sun::before {
    content: "";
    position: absolute;
    inset: 7%;
    border-radius: 50%;
    background:
        radial-gradient(
            circle at 30% 25%,
            rgba(255,255,220,.65),
            transparent 28%
        );
    filter: blur(3px);
}

.sun::after {
    content: "";
    position: absolute;
    inset: -15%;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(255,180,48,.20),
            rgba(255,120,0,.08) 42%,
            transparent 68%
        );
    filter: blur(22px);
    z-index: -1;
}

/* ---------- GALAXY ---------- */

.galaxy {
    transform:
        translateZ(45px)
        rotateX(58deg)
        rotateZ(-18deg);

    transform-style: preserve-3d;

    background:
        repeating-radial-gradient(
            ellipse at center,
            rgba(108,174,255,.72) 0 2px,
            transparent 3px 13px
        ),
        radial-gradient(
            ellipse at center,
            #ffffff 0 1.5%,
            #a7c9ff 4%,
            #536fd9 9%,
            rgba(55,82,180,.45) 16%,
            transparent 32%
        );

    box-shadow:
        0 0 30px rgba(91,145,255,.25),
        0 0 90px rgba(61,140,255,.24),
        0 35px 70px rgba(0,0,0,.35);

    filter: saturate(1.1);
}

.galaxy::before {
    content: "";
    position: absolute;
    inset: 8%;
    border-radius: 50%;
    background:
        radial-gradient(
            ellipse,
            rgba(255,255,255,.18),
            transparent 52%
        );
    filter: blur(10px);
    transform: translateZ(22px);
}

.galaxy::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 0 12px #ffffff,
        0 0 30px rgba(120,175,255,.95),
        0 0 60px rgba(80,125,255,.65);
    transform: translateZ(35px);
}

/* ---------- ORBITAL PLANES ---------- */

.orbit {
    transform-style: preserve-3d;
    border-color: rgba(130, 190, 255, .28);

    box-shadow:
        0 0 18px rgba(70,145,255,.06),
        inset 0 0 15px rgba(70,145,255,.03);

    backdrop-filter: blur(.3px);
}

.o1 {
    transform:
        translateZ(15px)
        rotateX(62deg)
        rotateZ(-15deg);
}

.o2 {
    transform:
        translateZ(55px)
        rotateX(62deg)
        rotateZ(-15deg);
    border-color: rgba(115, 190, 255, .38);
}

/* ---------- PLANETS ---------- */

.earth,
.jupiter,
.mars {
    transform-style: preserve-3d;
}

/* Earth */

.earth {
    transform:
        translateZ(95px)
        rotateY(-18deg);

    background:
        radial-gradient(
            circle at 30% 25%,
            #dff8ff 0%,
            #8edcff 10%,
            #287ee9 42%,
            #0d3d82 67%,
            #041a38 100%
        );

    box-shadow:
        inset -9px -7px 15px rgba(0,0,0,.42),
        inset 5px 4px 10px rgba(255,255,255,.18),
        0 8px 24px rgba(0,0,0,.35),
        0 0 25px rgba(48,147,255,.22);
}

.earth::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 1px solid rgba(150,220,255,.35);
    box-shadow: 0 0 13px rgba(87,184,255,.22);
}

/* Jupiter */

.jupiter {
    transform:
        translateZ(70px)
        rotateY(-20deg);

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #e9d4aa 0 12%,
            #9c7652 13% 24%,
            #d6b27f 25% 37%,
            #806043 38% 49%,
            #d5b681 50% 62%,
            #9c724d 63% 77%,
            #d8bf98 78% 100%
        );

    box-shadow:
        inset -16px -10px 24px rgba(0,0,0,.43),
        inset 7px 5px 12px rgba(255,255,255,.18),
        0 12px 30px rgba(0,0,0,.38),
        0 0 22px rgba(214,178,125,.14);
}

.jupiter::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 12px;
    right: 9px;
    top: 40px;
    border-radius: 50%;
    background: rgba(112,68,48,.58);
    box-shadow: inset 2px 2px 5px rgba(255,255,255,.12);
}

/* Mars */

.mars {
    transform:
        translateZ(115px)
        rotateY(-20deg);

    background:
        radial-gradient(
            circle at 32% 25%,
            #ef9b7d,
            #c65f43 45%,
            #713124 78%,
            #35150f 100%
        );

    box-shadow:
        inset -5px -4px 8px rgba(0,0,0,.42),
        inset 3px 2px 5px rgba(255,255,255,.14),
        0 7px 18px rgba(0,0,0,.34),
        0 0 15px rgba(198,95,67,.16);
}

/* ---------- FLOATING DEPTH ---------- */

.visual > * {
    will-change: transform;
    transition:
        filter .35s ease,
        box-shadow .35s ease;
}

/* ---------- GLASS CAPABILITY DECK ---------- */

.capabilities {
    transform:
        translateX(-50%)
        translateZ(70px);

    transform-style: preserve-3d;

    background:
        linear-gradient(
            135deg,
            rgba(5,25,50,.86),
            rgba(3,16,34,.72)
        );

    border-color: rgba(94,182,255,.25);

    box-shadow:
        0 25px 70px rgba(0,0,0,.42),
        0 0 45px rgba(36,113,205,.08),
        inset 0 1px 0 rgba(255,255,255,.07);

    backdrop-filter: blur(20px) saturate(130%);
}

.capabilities::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 13px;
    pointer-events: none;
    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,.06),
            transparent 35%,
            transparent 70%,
            rgba(100,180,255,.04)
        );
}

.capabilities div {
    position: relative;
    transition:
        transform .25s ease,
        background .25s ease;
}

.capabilities div:hover {
    transform: translateZ(12px);
    background: rgba(65,145,230,.06);
}

/* ---------- BUTTON DEPTH ---------- */

.btn {
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.btn:hover {
    transform: translateY(-3px) translateZ(8px);
}

.primary:hover {
    box-shadow:
        0 16px 36px rgba(22,141,255,.30),
        0 0 24px rgba(48,139,255,.14);
}

.secondary:hover {
    border-color: rgba(90,190,255,.65);
    background: rgba(255,255,255,.06);
}

/* ---------- 3D FEATURE CARDS ---------- */

.cards {
    perspective: 1000px;
}

.cards article {
    transform-style: preserve-3d;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.cards article:hover {
    transform:
        translateY(-8px)
        rotateX(3deg)
        rotateY(-3deg);
    box-shadow:
        0 30px 70px rgba(20,50,90,.18),
        0 0 30px rgba(44,145,255,.06);
    border-color: rgba(72,160,230,.30);
}

.cards article .card {
    transform: translateZ(12px);
}

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

.audiences {
    perspective: 1200px;
}

.audiences > div {
    transform-style: preserve-3d;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.audiences > div:hover {
    transform:
        translateY(-7px)
        rotateX(2deg)
        rotateY(-2deg);
    border-color: rgba(82,173,255,.55);
    box-shadow:
        0 25px 55px rgba(0,0,0,.28),
        0 0 30px rgba(53,139,235,.08);
}

/* ---------- JOURNEY DEPTH ---------- */

.steps {
    perspective: 1100px;
}

.steps > div {
    transform-style: preserve-3d;
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.steps > div:hover {
    transform:
        translateY(-6px)
        rotateX(2deg)
        rotateY(-2deg);
    box-shadow:
        0 25px 55px rgba(20,50,90,.14);
}

/* ---------- DEMO SECTION ---------- */

.demo {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.demo::before,
.demo::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.demo::before {
    width: 500px;
    height: 500px;
    left: -180px;
    bottom: -300px;
    background: radial-gradient(
        circle,
        rgba(47,137,255,.20),
        transparent 68%
    );
    filter: blur(20px);
}

.demo::after {
    width: 420px;
    height: 420px;
    right: -170px;
    top: -250px;
    background: radial-gradient(
        circle,
        rgba(87,181,255,.12),
        transparent 68%
    );
    filter: blur(25px);
}

/* ---------- ACCESSIBILITY ---------- */

@media (prefers-reduced-motion: reduce) {
    .visual,
    .visual > *,
    .cards article,
    .audiences > div,
    .steps > div,
    .btn,
    .capabilities div {
        transition: none !important;
        animation: none !important;
    }
}

/* ---------- MOBILE ---------- */

@media (max-width: 980px) {
    .visual {
        perspective: 900px;
    }

    .galaxy {
        right: 4%;
    }

    .capabilities {
        transform:
            translateX(-50%)
            translateZ(20px);
    }
}

@media (max-width: 620px) {
    .visual {
        perspective: 700px;
        transform: scale(.82);
        transform-origin: top center;
        width: 122%;
        margin-left: -11%;
    }

    .sun {
        right: -230px;
    }

    .capabilities {
        transform: none;
    }
}

/* ============================================================
   CRISP 3D OVERRIDE
   Preserve depth while avoiding blurry GPU rasterisation.
   ============================================================ */

/* Keep the scene crisp — avoid 3D compositing on the objects */
.visual {
    transform: none !important;
    filter: none !important;
    will-change: auto;
}

/* Keep atmospheric glow behind objects rather than blurring
   the actual objects themselves. */
.visual::before {
    filter: blur(18px);
    transform: none;
}

/* ---------- SUN ---------- */

.sun {
    transform: none !important;
    filter: none !important;

    box-shadow:
        0 0 24px rgba(255,174,45,.72),
        0 0 55px rgba(255,123,18,.38),
        0 0 105px rgba(255,95,0,.18);
}

.sun::after {
    filter: blur(18px);
}

/* ---------- GALAXY ---------- */

.galaxy {
    transform: none !important;
    filter: none !important;

    box-shadow:
        0 0 22px rgba(91,145,255,.32),
        0 0 55px rgba(61,140,255,.20),
        0 22px 45px rgba(0,0,0,.30);
}

.galaxy::before {
    transform: none !important;
    filter: blur(7px);
}

/* ---------- ORBITS ---------- */

.orbit {
    transform: none !important;
    filter: none !important;

    box-shadow:
        0 0 12px rgba(70,145,255,.10),
        inset 0 0 10px rgba(70,145,255,.025);
}

.o1 {
    transform: rotateX(58deg) rotateZ(-15deg) !important;
}

.o2 {
    transform: rotateX(58deg) rotateZ(-15deg) !important;
}

/* ---------- PLANETS ---------- */

.earth,
.jupiter,
.mars {
    transform: none !important;
    filter: none !important;
}

/* Earth depth */

.earth {
    box-shadow:
        inset -10px -8px 16px rgba(0,0,0,.48),
        inset 5px 4px 9px rgba(255,255,255,.20),
        0 8px 20px rgba(0,0,0,.42),
        0 0 18px rgba(48,147,255,.24);
}

/* Jupiter depth */

.jupiter {
    box-shadow:
        inset -15px -10px 22px rgba(0,0,0,.48),
        inset 6px 4px 10px rgba(255,255,255,.18),
        0 10px 24px rgba(0,0,0,.42),
        0 0 16px rgba(214,178,125,.16);
}

/* Mars depth */

.mars {
    box-shadow:
        inset -6px -5px 10px rgba(0,0,0,.48),
        inset 3px 2px 5px rgba(255,255,255,.16),
        0 7px 18px rgba(0,0,0,.42),
        0 0 13px rgba(198,95,67,.18);
}

/* ---------- CAPABILITY DECK ---------- */

.capabilities {
    transform: translateX(-50%) !important;
    filter: none !important;

    box-shadow:
        0 20px 45px rgba(0,0,0,.40),
        0 0 25px rgba(36,113,205,.08),
        inset 0 1px 0 rgba(255,255,255,.08);
}

/* ---------- REMOVE BLUR FROM MAIN CONTENT ---------- */

.hero h1,
.hero .lead,
.hero-copy,
.capabilities,
.visual {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* ---------- MOBILE ---------- */

@media (max-width: 620px) {
    .visual {
        transform: none !important;
        filter: none !important;
    }
}