*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#f4f7fb;background:#06101b}
body{min-height:100vh;background:linear-gradient(rgba(1,10,20,.18),rgba(1,10,20,.30)),url("lab-background.png") center/cover fixed no-repeat}
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center}
.hero{text-align:center;padding:5vh 20px 1.25rem;text-shadow:0 2px 16px #000}
.hero h1{margin:0;font-size:clamp(2.7rem,6vw,5.3rem);letter-spacing:.22em;font-weight:700}
.hero h1 strong{color:#50aef3}
.hero h2{margin:.25rem 0 0;font-size:clamp(1.25rem,2.4vw,2.15rem);letter-spacing:.18em;font-weight:400}
.hero p{margin:1rem 0 0;color:#c1cad5;font-size:clamp(.95rem,1.7vw,1.35rem);letter-spacing:.14em}
.experiments{width:100%;display:flex;justify-content:center;padding:1rem}
.card{width:min(410px,88vw);text-decoration:none;color:inherit;border:1px solid rgba(61,174,255,.85);border-radius:18px;background:linear-gradient(180deg,rgba(0,7,15,.78),rgba(4,20,35,.92));box-shadow:0 18px 55px rgba(0,0,0,.4);backdrop-filter:blur(4px);transition:.2s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 28px rgba(50,158,235,.2)}
.card-content{padding:27px;text-align:center}
.card h3{margin:0 0 22px;font-size:1.45rem;letter-spacing:.12em}
.ring{width:225px;height:225px;max-width:68vw;max-height:68vw;border:15px solid #939da6;border-radius:50%;margin:0 auto 22px;position:relative;box-shadow:inset 0 0 0 3px #2d3942}
.hub{position:absolute;width:52px;height:52px;border-radius:50%;background:#939da6;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring i{position:absolute;left:50%;top:50%;width:43%;height:9px;background:#939da6;transform-origin:left center}
.ring i:nth-of-type(1){transform:rotate(0deg)}
.ring i:nth-of-type(2){transform:rotate(120deg)}
.ring i:nth-of-type(3){transform:rotate(240deg)}
.card p{font-size:1.15rem;line-height:1.45;letter-spacing:.06em;color:#d7dee7}
.launch{display:inline-flex;align-items:center;gap:20px;margin-top:6px;padding:14px 42px;border-radius:999px;background:linear-gradient(90deg,#197bd0,#49a7ee);font-size:1.3rem;letter-spacing:.08em}
.launch b{font-size:1.6rem;font-weight:400}
.coming{margin:.7rem 0 2rem;color:#bdc5d0;text-shadow:0 2px 8px #000;letter-spacing:.15em;font-size:1.05rem}
footer{margin-top:auto;width:100%;display:flex;justify-content:space-between;padding:22px 36px;background:rgba(0,8,16,.7);border-top:1px solid rgba(255,255,255,.12);color:#9ca7b4;letter-spacing:.15em;font-size:.82rem}
@media(max-width:650px){.hero{padding-top:2.7rem}.hero h1{letter-spacing:.13em}.ring{width:185px;height:185px}footer{padding:18px;gap:15px;flex-direction:column;align-items:center;text-align:center}}