*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Sora",sans-serif;background:#0b1220;color:#eaf0ff;min-height:100vh;overflow-x:clip;background-image:radial-gradient(ellipse at 50% 0%,#1a2a4a,transparent 55%)}
.nav{display:flex;justify-content:space-between;padding:1.3rem clamp(1.2rem,4vw,3rem);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:2}
.nav a{color:#7dd3fc;text-decoration:none}
.space{padding:1rem clamp(1.2rem,4vw,3rem) 4rem;perspective:1100px;min-height:80vh}
.layers{position:relative;min-height:620px;transform-style:preserve-3d;animation:orbit 12s ease-in-out infinite;max-width:900px;margin:0 auto}
.plane{position:absolute;border-radius:24px;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:1.5rem;width:min(340px,80%)}
.p1{left:5%;top:8%;background:rgba(125,211,252,.14);transform:translateZ(80px);width:min(420px,90%)}
.p2{right:4%;top:18%;background:rgba(167,139,250,.14);transform:translateZ(30px)}
.p3{left:12%;top:48%;background:rgba(52,211,153,.12);transform:translateZ(-20px)}
.p4{right:8%;bottom:4%;background:rgba(255,255,255,.08);transform:translateZ(-70px)}
.brand{font-size:clamp(2.8rem,10vw,5rem);line-height:.9;margin-bottom:.7rem;background:linear-gradient(120deg,#fff,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.p1 h1{font-size:clamp(1.2rem,2.5vw,1.7rem);max-width:12ch}
.plane h2{font-size:1.1rem;margin-bottom:.4rem;color:#7dd3fc}
.plane p{opacity:.8;line-height:1.45;font-size:.95rem;max-width:28ch}
.cta{display:inline-block;margin-top:1rem;text-decoration:none;color:#0b1220;background:#7dd3fc;font-weight:700;padding:.85rem 1.2rem;border-radius:12px;box-shadow:0 20px 40px rgba(125,211,252,.25);transition:transform .2s ease}
.cta:hover{transform:translateY(-3px)}
@keyframes orbit{0%,100%{transform:rotateY(-7deg) rotateX(4deg)}50%{transform:rotateY(7deg) rotateX(-3deg)}}
@media(max-width:700px){.layers{min-height:auto;display:grid;gap:1rem;animation:none}.plane{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}