* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: Arial, Helvetica, sans-serif; background: #030711; color: #eef7ff; }
a { color: inherit; text-decoration: none; }
.nav { position: fixed; top: 0; z-index: 10; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 18px 7%; background: rgba(2,6,14,.62); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(93,180,255,.25); }
.brand { font-weight: 800; letter-spacing: 3px; color: #fff; text-shadow: 0 0 18px #4da3ff; }
.brand span { color: #55b5ff; }
.nav nav { display: flex; gap: 24px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.nav a:hover { color: #72c7ff; }
.hero { min-height: 100vh; position: relative; display: grid; place-items: center; text-align: center; padding: 120px 20px 70px; background: url('assets/labz-legendz-studio.png') center/cover no-repeat; }
.hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle, rgba(9,35,80,.35), rgba(0,0,0,.82)); }
.hero-content { position: relative; max-width: 860px; animation: fadeUp 1s ease both; }
.logo { width: min(340px, 72vw); border-radius: 24px; box-shadow: 0 0 45px rgba(53,160,255,.45); margin-bottom: 28px; }
h1 { font-size: clamp(42px, 8vw, 88px); line-height: .95; text-transform: uppercase; letter-spacing: 3px; text-shadow: 0 0 28px #4aaeff; }
.hero p { max-width: 720px; margin: 24px auto; font-size: 20px; color: #d8ebff; line-height: 1.6; }
.buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn { display: inline-block; padding: 15px 26px; border-radius: 999px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; transition: .25s ease; }
.primary { background: #f7fbff; color: #061021; box-shadow: 0 0 28px rgba(71,174,255,.75); }
.secondary { border: 1px solid #79c8ff; color: #e9f7ff; }
.btn:hover { transform: translateY(-3px); }
.section { padding: 90px 7%; }
h2 { font-size: clamp(32px, 5vw, 56px); margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 0 18px rgba(72,174,255,.65); }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.cards article { padding: 26px; border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(0,91,166,.12)); border: 1px solid rgba(110,200,255,.23); box-shadow: inset 0 0 18px rgba(255,255,255,.04); }
.cards h3 { color: #75c7ff; margin-bottom: 10px; font-size: 22px; }
.cards p, .split p, .contact p { color: #cfdfef; line-height: 1.7; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: center; padding: 90px 7%; background: linear-gradient(180deg, #030711, #071326); }
.split img { width: 100%; border-radius: 26px; border: 1px solid rgba(128,210,255,.35); box-shadow: 0 0 45px rgba(45,141,255,.25); }
.tagline { margin-top: 22px; color: #fff !important; font-weight: 800; letter-spacing: 1px; }
.contact { text-align: center; background: radial-gradient(circle at center, rgba(31,111,199,.35), #030711 65%); }
.contact p { margin-bottom: 25px; font-size: 19px; }
footer { text-align: center; padding: 30px; color: #8eb9dd; border-top: 1px solid rgba(93,180,255,.25); }
@keyframes fadeUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) { .nav { padding: 14px 5%; } .nav nav { display: none; } .split { grid-template-columns: 1fr; } }


.eyebrow { color: #80d8ff; text-transform: uppercase; letter-spacing: 3px; font-weight: 800; margin-bottom: 12px; }
.lab-entry { animation: labPulse 1.9s ease-in-out infinite; }
.enter-lab-preview { text-align: center; background: radial-gradient(circle at center, rgba(0, 136, 255, .28), rgba(3,7,17,1) 62%); border-top: 1px solid rgba(110,200,255,.18); border-bottom: 1px solid rgba(110,200,255,.18); }
.enter-lab-preview p { max-width: 780px; margin: 0 auto 24px; color: #cfdfef; line-height: 1.7; font-size: 18px; }
@keyframes labPulse { 0%,100% { box-shadow: 0 0 24px rgba(71,174,255,.65); } 50% { box-shadow: 0 0 48px rgba(71,174,255,1); } }