*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020911;color:#fff;font-family:Poppins,sans-serif;line-height:1.65;overflow-x:hidden}a{text-decoration:none;color:inherit}
:root{--blue:#10aaff;--purple:#9a62ff;--green:#63f36a;--teal:#00e0b8;--muted:#aab4bf;--max:1180px}

/* STATIC BACKGROUND: remains fixed while page scrolls */
.page-bg{position:fixed;inset:0;z-index:-5;overflow:hidden;background:#020911}.world{position:absolute;top:0;bottom:0;width:100%;overflow:hidden}.world img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.08)}
.labs-bg{mask-image:linear-gradient(90deg,#000 0%,#000 100%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 100%,transparent 100%)}
.studio-bg{left:21%;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent)}
.learning-bg{right:-8%;mask-image:linear-gradient(90deg,transparent,#000 40%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000)}
.bg-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,15,.25),rgba(1,8,15,.5) 45%,rgba(1,8,15,.34)),linear-gradient(180deg,rgba(0,5,10,.78),rgba(0,8,14,.08) 27%,rgba(0,8,14,.12) 60%,rgba(0,5,10,.94));}.bg-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(0,210,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.15) 1px,transparent 1px);background-size:70px 70px}

header{height:90px;max-width:var(--max);margin:auto;padding:0 20px;display:flex;align-items:center;position:sticky;top:0;z-index:10;background:rgba(1,7,13,.68);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.logo img{width:205px;display:block}nav{display:flex;gap:40px;margin-left:auto;margin-right:28px}nav a{font-size:13px}nav a:hover{color:var(--teal)}.connect{border:1px solid var(--teal);color:var(--teal);padding:8px 17px;border-radius:8px;font-size:13px}.connect:hover{background:var(--teal);color:#00130f}

.hero{min-height:620px;max-width:var(--max);margin:auto;padding:50px 20px 75px;display:flex;align-items:center}.hero-copy{width:52%}.hero small,.detail em,.about em,.cta small{font-size:11px;letter-spacing:.16em;color:#8b9aa5;font-style:normal}.hero h1{font-size:clamp(54px,6vw,76px);line-height:.98;letter-spacing:-.045em;margin:12px 0 22px}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--teal),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:500px;color:#d0d8df;font-size:15px}.actions{display:flex;gap:15px;margin-top:25px}.primary,.secondary{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 18px;border-radius:8px;font-size:13px}.primary{background:linear-gradient(90deg,#0b9cff,#16c9a6);box-shadow:0 10px 35px rgba(0,168,255,.18)}.secondary{border:1px solid var(--teal);background:rgba(0,0,0,.2)}

.cards{max-width:var(--max);margin:auto;padding:0 20px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{min-height:450px;padding:20px;background:rgba(4,16,26,.89);border:1px solid rgba(150,190,220,.3);border-radius:14px;backdrop-filter:blur(7px);transition:.3s}.card:hover{transform:translateY(-7px)}.card .image{height:210px;border-radius:10px;overflow:hidden;margin-bottom:18px}.card .image img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover .image img{transform:scale(1.05)}.card h2{font-size:22px;margin:8px 0 5px}.card i{display:block;width:40px;height:2px;margin:9px 0 14px}.card p{min-height:105px;color:#d0d8df;font-size:13px}.card a{font-size:13px}.labs h2,.labs a{color:var(--blue)}.labs i{background:var(--blue)}.studio h2,.studio a{color:var(--purple)}.studio i{background:var(--purple)}.learning h2,.learning a{color:var(--green)}.learning i{background:var(--green)}
.principles{max-width:var(--max);margin:auto;padding:35px 20px 70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}.principles>div{padding:0 28px;border-right:1px solid rgba(255,255,255,.12)}.principles>div:last-child{border:0}.principles strong{font-size:28px;color:var(--blue)}.principles div:nth-child(2) strong{color:var(--purple)}.principles div:nth-child(3) strong{color:var(--green)}.principles div:nth-child(4) strong{color:#ffb833}.principles h3{font-size:14px;margin:7px 0 2px}.principles p{color:var(--muted);font-size:11px;margin:0}
.detail,.about{max-width:900px;margin:auto;padding:105px 20px;border-top:1px solid rgba(255,255,255,.08)}.detail h2,.about h2{font-size:clamp(34px,5vw,52px);line-height:1.1;margin:8px 0 15px}.detail p,.about p{max-width:650px;color:var(--muted)}.detail em:nth-child(1){color:var(--blue)}
.cta{text-align:center;padding:110px 20px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.cta h2{font-size:clamp(35px,5vw,56px);line-height:1.1;margin:8px 0 28px}.cta h2 span{background:linear-gradient(90deg,var(--blue),var(--teal),var(--green));-webkit-background-clip:text;color:transparent}
footer{max-width:var(--max);margin:auto;padding:55px 20px 25px;display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:28px}.footer-brand img{width:180px}.footer-brand p{max-width:230px;color:var(--muted);font-size:11px}footer h4{margin:0 0 12px;color:var(--teal);font-size:12px;letter-spacing:.08em}footer div>a{display:block;color:var(--muted);font-size:11px;margin:7px 0}footer div>a:hover{color:#fff}.bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:17px;color:#77838d;font-size:10px;display:flex;justify-content:space-between}

@media(max-width:900px){nav{display:none}.hero-copy{width:70%}.cards{grid-template-columns:1fr;max-width:650px}.principles{grid-template-columns:1fr 1fr}.principles>div:nth-child(2){border-right:0}footer{grid-template-columns:1fr 1fr}.world{opacity:.5}}
@media(max-width:600px){header{height:72px}.logo img{width:160px}.connect{padding:7px 10px;font-size:11px}.hero{min-height:650px;padding-top:60px}.hero-copy{width:100%}.hero h1{font-size:51px}.actions{flex-direction:column}.primary,.secondary{justify-content:center}.world{width:85%;opacity:.38}.labs-bg{left:-25%}.studio-bg{left:7%}.learning-bg{right:-25%}.principles{grid-template-columns:1fr}.principles>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:20px 5px}.principles>div:last-child{border-bottom:0}footer{grid-template-columns:1fr}.bottom{flex-direction:column;gap:8px}}