body.science-page{
--science-ink:#102a34;
--science-muted:#5d7179;
--science-teal:#087f8c;
--science-cyan:#18aabd;
--science-lime:#b7df5b;
--science-surface:#f7fcfc;
margin:0;
background:
radial-gradient(circle at 8% 10%,rgba(24,170,189,.12),transparent 25rem),
linear-gradient(180deg,#f4fbfc 0,#fff 38rem,#eef8f7 100%);
color:var(--science-ink);
}

.science-main{
width:min(1280px,calc(100% - 40px));
margin:0 auto;
padding:34px 0 78px;
}

.science-hero{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,38%);
align-items:center;
min-height:470px;
padding:clamp(38px,7vw,88px);
overflow:hidden;
border-radius:28px;
background:
radial-gradient(circle at 85% 20%,rgba(183,223,91,.2),transparent 18rem),
linear-gradient(120deg,#073e50,#087f8c 64%,#0b96a5);
box-shadow:0 30px 70px rgba(7,62,80,.2);
color:#fff;
}

.science-hero::before{
content:"";
position:absolute;
inset:0;
opacity:.22;
background-image:
radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1.5px);
background-size:42px 42px;
mask-image:linear-gradient(90deg,transparent 20%,#000);
}

.science-hero-copy{
position:relative;
z-index:2;
max-width:720px;
}

.science-kicker{
margin:0 0 13px;
color:var(--science-teal);
font-size:.76rem;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
}

.science-hero .science-kicker{color:#cde977}

.science-hero h1{
margin:0;
font-size:clamp(3rem,6.5vw,6.2rem);
font-weight:900;
line-height:.92;
letter-spacing:-.055em;
}

.science-intro{
max-width:680px;
margin:26px 0 0;
color:rgba(255,255,255,.82);
font-size:clamp(1rem,1.5vw,1.15rem);
line-height:1.75;
}

.science-hero-action{
display:inline-flex;
align-items:center;
gap:12px;
margin-top:30px;
padding:13px 19px;
border:1px solid rgba(255,255,255,.3);
border-radius:999px;
background:rgba(255,255,255,.1);
color:#fff;
font-weight:800;
text-decoration:none;
transition:transform .2s ease,background .2s ease;
}

.science-hero-action:hover,
.science-hero-action:focus-visible{
transform:translateY(-2px);
background:rgba(255,255,255,.18);
}

.science-orbit{
position:relative;
z-index:1;
width:min(340px,28vw);
aspect-ratio:1;
margin:auto;
}

.science-orbit-ring{
position:absolute;
inset:13%;
border:1px solid rgba(255,255,255,.46);
border-radius:50%;
transform:rotate(58deg) scaleY(.36);
}

.science-orbit-ring-two{
transform:rotate(-58deg) scaleY(.36);
}

.science-orbit-ring::after,
.science-orbit-ring-two::after{
content:"";
position:absolute;
top:45%;
left:-7px;
width:13px;
height:13px;
border-radius:50%;
background:var(--science-lime);
box-shadow:0 0 20px rgba(183,223,91,.8);
}

.science-orbit-core{
position:absolute;
inset:35%;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.12);
box-shadow:0 0 45px rgba(183,223,91,.25);
color:#d9ef94;
font-size:clamp(2.4rem,5vw,4.5rem);
}

.science-disciplines{
padding:82px 0 0;
scroll-margin-top:30px;
}

.science-section-heading{
display:flex;
align-items:end;
justify-content:space-between;
gap:40px;
margin-bottom:34px;
}

.science-section-heading h2{
margin:0;
font-size:clamp(2rem,4vw,3.4rem);
line-height:1;
letter-spacing:-.04em;
}

.science-section-heading>p{
max-width:560px;
margin:0;
color:var(--science-muted);
line-height:1.65;
}

.science-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}

.science-card{
display:grid;
align-content:start;
gap:28px;
min-height:270px;
padding:28px;
border:1px solid rgba(8,127,140,.15);
border-radius:22px;
background:rgba(255,255,255,.86);
box-shadow:0 16px 38px rgba(16,42,52,.08);
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
color:inherit;
text-decoration:none;
}

.science-card:hover{
transform:translateY(-5px);
border-color:rgba(8,127,140,.34);
box-shadow:0 22px 46px rgba(16,42,52,.13);
}

.science-card-icon{
display:grid;
place-items:center;
width:56px;
height:56px;
border-radius:16px;
background:linear-gradient(145deg,#e0f6f5,#f4fadf);
color:var(--science-teal);
font-size:1.45rem;
}

.science-card-status{
margin:0 0 9px!important;
color:var(--science-teal)!important;
font-size:.68rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}

.science-card h3{
margin:0 0 11px;
font-size:1.22rem;
}

.science-card p{
margin:0;
color:var(--science-muted);
line-height:1.6;
}

.science-state{
grid-column:1/-1;
padding:38px;
border:1px dashed rgba(8,127,140,.28);
border-radius:22px;
background:rgba(255,255,255,.72);
text-align:center;
}

.science-state>i{
color:var(--science-teal);
font-size:2rem;
}

.science-state h3{margin:14px 0 8px}
.science-state p{margin:0;color:var(--science-muted)}
.science-state code{font-size:.9em}

body.science-page footer{margin-top:0}

@media(max-width:980px){
.science-hero{grid-template-columns:1fr minmax(210px,30%)}
.science-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
.science-main{width:min(100% - 24px,1280px);padding-top:12px}
.science-hero{display:block;min-height:auto;padding:42px 25px;border-radius:20px}
.science-hero h1{font-size:clamp(2.8rem,16vw,4.6rem)}
.science-orbit{display:none}
.science-section-heading{display:block}
.science-section-heading>p{margin-top:16px}
.science-disciplines{padding-top:55px}
.science-grid{grid-template-columns:1fr}
.science-card{min-height:0}
}

@media(prefers-reduced-motion:reduce){
.science-hero-action,.science-card{transition:none}
}