:root{--ink:#04152e;--navy:#061b38;--navy2:#08284e;--blue:#0788ff;--cyan:#38d8ff;--white:#fff;--muted:#a9bfd8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#031329;color:#eef7ff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{text-decoration:none}.navbar{background:rgba(3,19,41,.86)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(105,190,255,.16)}
.navbar-brand{font-weight:800;letter-spacing:.04em}.nav-link{color:#dcecff!important;font-size:.92rem}.nav-link:hover,.nav-link.active{color:#45d9ff!important}
.hero{min-height:92vh;display:flex;align-items:center;position:relative;overflow:hidden;background:
radial-gradient(circle at 72% 40%,rgba(0,136,255,.23),transparent 31%),
radial-gradient(circle at 15% 15%,rgba(31,213,255,.11),transparent 25%),
linear-gradient(135deg,#031329 0%,#061d3b 55%,#031329 100%)}
.hero:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(78,176,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(78,176,255,.15) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}
.eyebrow{color:#55dfff;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.4rem);line-height:.91;letter-spacing:-.045em;margin:.35em 0 .28em}.hero h1 span{color:#27a9ff}
.hero p,.prose p,.page-hero p,.panel p{text-align:justify!important;text-justify:inter-word;line-height:1.75}
.hero p{max-width:720px;color:#c7d9ec;font-size:1.08rem}
.hero-visual{position:relative;perspective:1300px}.hero-visual img{width:100%;max-height:720px;object-fit:contain;border-radius:38px;filter:drop-shadow(0 40px 70px rgba(0,128,255,.28));transition:transform .12s ease-out}
.hero-visual:after{content:"";position:absolute;inset:12% 10%;z-index:-1;background:#008cff;filter:blur(80px);opacity:.2;border-radius:50%}
.btn-tech{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.25rem;border-radius:999px;border:1px solid rgba(83,207,255,.42);color:white;background:rgba(8,53,95,.45);backdrop-filter:blur(12px);transition:.25s}
.btn-tech.primary{background:linear-gradient(135deg,#0788ff,#20c9ff);border:0}.btn-tech:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,145,255,.25);color:white}
.section{padding:90px 0}.section-light{background:#f5f9fd;color:#071b35}.section-title{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02}
.science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.panel{position:relative;min-height:380px;padding:28px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(15,54,92,.96),rgba(4,25,52,.98));border:1px solid rgba(95,197,255,.2);box-shadow:0 24px 55px rgba(0,0,0,.2);transform-style:preserve-3d;transition:transform .12s ease-out,box-shadow .3s}
.panel:hover{box-shadow:0 40px 80px rgba(0,133,255,.22)}.panel .num{color:#43d8ff;font:700 1rem/1 monospace;letter-spacing:.12em}.panel h3{font-family:Georgia,serif;font-size:2rem;margin-top:130px}.panel p{color:#bcd0e5}.panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(27,188,255,.32),transparent 30%),linear-gradient(135deg,transparent 40%,rgba(0,120,255,.08));z-index:-1}
.panel .orb{position:absolute;right:24px;top:25px;width:120px;height:120px;border:1px solid rgba(83,213,255,.55);border-radius:50%;box-shadow:inset 0 0 35px rgba(0,162,255,.18),0 0 30px rgba(0,162,255,.13)}
.panel .orb:before,.panel .orb:after{content:"";position:absolute;inset:17px;border:1px dashed rgba(95,220,255,.42);border-radius:50%;transform:rotate(35deg)}.panel .orb:after{inset:38px;background:radial-gradient(circle,#65e4ff 0,#098cff 25%,transparent 65%);border:0}
.statement{background:linear-gradient(110deg,#021024,#082c52);border-top:1px solid rgba(72,190,255,.18);border-bottom:1px solid rgba(72,190,255,.18)}
.page-hero{padding:150px 0 80px;background:radial-gradient(circle at 85% 20%,rgba(0,140,255,.18),transparent 28%),#031329}
.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5.4rem)}
.prose{max-width:900px}.prose p{font-size:1.05rem;color:#29415c}
.footer{padding:55px 0;background:#020c1c;border-top:1px solid rgba(100,200,255,.15);color:#9eb4cc}
@media(max-width:991px){.science-grid{grid-template-columns:1fr 1fr}.hero{padding:120px 0 70px}.hero h1{font-size:3.6rem}}
@media(max-width:640px){.science-grid{grid-template-columns:1fr}.hero h1{font-size:3rem}.panel{min-height:340px}}