:root{
  --navy:#071d2b;
  --navy-2:#102f43;
  --blue:#334e62;
  --sky:#dce5eb;
  --green:#11845b;
  --gold:#c9a96a;
  --red:#d7192d;
  --red-dark:#a60f20;
  --silver:#d9e0e5;
  --ink:#0c2231;
  --muted:#5f7280;
  --bg:#f4f6f7;
  --line:#d6dde2;
  --white:#fff;
}

body{
  color:var(--ink);
  background:
    linear-gradient(90deg,rgba(12,34,49,.022) 1px,transparent 1px) 0 0/72px 72px,
    var(--bg);
}

.site-header{
  position:relative;
  width:100%;
  min-height:96px;
  padding:0 max(30px,calc((100vw - 1320px)/2));
  background:linear-gradient(180deg,#fff 0%,#f4f7f9 100%);
  border-top:3px solid var(--red);
  border-bottom:1px solid #cbd4da;
  box-shadow:0 10px 35px rgba(7,29,43,.08);
}
.site-header::after{
  content:"";
  position:absolute;
  inset:auto 0 -2px;
  height:1px;
  background:linear-gradient(90deg,transparent,#fff 28%,#9caab4 50%,#fff 72%,transparent);
}
.brand img{width:218px;filter:drop-shadow(0 5px 7px rgba(7,29,43,.13))}
.desktop-nav{gap:34px}
.desktop-nav a{color:#203a4b;font-size:13px;letter-spacing:.015em}
.desktop-nav a::after{height:3px;background:var(--red)}
.round-button,.account-button{border-color:#cdd7de;box-shadow:inset 0 1px 0 #fff,0 5px 15px rgba(7,29,43,.06)}
.round-button:hover{border-color:#94a6b2;background:#f7f9fa}
.account-button{background:linear-gradient(145deg,#17384d,#071d2b);border-color:#071d2b;border-radius:10px}
.account-button:hover{background:linear-gradient(145deg,#d7192d,#a60f20);box-shadow:0 10px 24px rgba(166,15,32,.23)}

.hero{min-height:770px;background:#061a28;border-bottom:1px solid #8d9aa3}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.09) 62.15%,transparent 62.4%);
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(3,18,29,.99) 0%,rgba(5,26,40,.95) 37%,rgba(5,26,40,.58) 65%,rgba(5,26,40,.12) 100%),
    linear-gradient(0deg,rgba(3,18,29,.48),transparent 60%);
}
.eyebrow,.section-label{color:#aebbc4;letter-spacing:.19em}
.eyebrow i{height:3px;background:var(--red)}
h1{font-size:clamp(60px,6.35vw,98px);text-shadow:0 3px 18px rgba(0,0,0,.24)}
h1 span,.method-copy h2 span{color:#fff;position:relative}
h1 span::after{
  content:"";
  position:absolute;
  left:4px;
  bottom:-8px;
  width:106px;
  height:5px;
  border-radius:9px;
  background:linear-gradient(90deg,var(--red),#ff5b69);
  box-shadow:0 2px 12px rgba(215,25,45,.45);
}
.hero-copy>p{color:#d6dfe4}
.search-control{border-radius:14px;border:1px solid rgba(255,255,255,.8);box-shadow:0 28px 60px rgba(0,0,0,.34),inset 0 0 0 1px rgba(7,29,43,.06)}
.search-control>svg{color:var(--red)}
.search-control button{position:relative;overflow:hidden;background:linear-gradient(145deg,#eb273b,var(--red-dark));border-radius:9px;box-shadow:0 10px 24px rgba(166,15,32,.34)}
.search-control button::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.3) 47%,transparent 70%);
  transform:translateX(-130%);
  transition:transform .55s var(--ease);
}
.search-control button:hover{box-shadow:0 16px 32px rgba(166,15,32,.42)}
.search-control button:hover::after{transform:translateX(130%)}
.hero-proof svg{color:#cbd5dc}

.floating-panel{
  padding:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(232,237,240,.94));
  border:1px solid rgba(255,255,255,.95);
  border-radius:22px;
  box-shadow:0 38px 90px rgba(0,0,0,.38),inset 0 1px 0 #fff;
  transform:none;
}
.floating-panel::before{border-color:rgba(218,226,231,.5);border-radius:28px}
.live-pill{color:#086d4a;background:#e1f6ec}
.panel-score{background:linear-gradient(135deg,#e8edf0,#fff);border:1px solid #d5dde2;border-left:4px solid var(--red);border-radius:11px}
.floating-panel li>i{background:#e3e9ed;border-radius:8px}
.floating-panel button{background:linear-gradient(145deg,#17384d,#071d2b);border-radius:9px}
.floating-panel button:hover{background:linear-gradient(145deg,#d7192d,#a60f20)}

.category-marquee{padding:15px 0;background:linear-gradient(90deg,#071d2b,#17384d,#071d2b);border-top:2px solid var(--red);border-bottom:1px solid #637582;box-shadow:0 8px 24px rgba(7,29,43,.2)}
.marquee-track span{color:#f7f9fa;letter-spacing:.15em}
.marquee-track i{width:6px;height:6px;background:var(--red);box-shadow:0 0 0 3px rgba(215,25,45,.16)}

.compare-section{padding-top:120px}
.section-label{color:var(--red)}
.section-label.light{color:#d2dbe1}
.section-intro h2{color:#0a2638}
.filter{color:#354f60;border-color:#ccd6dc;border-radius:10px;box-shadow:inset 0 1px 0 #fff}
.filter.active{background:linear-gradient(145deg,#17384d,#071d2b);border-color:#071d2b;box-shadow:0 8px 20px rgba(7,29,43,.17)}
.universe-card{
  position:relative;
  overflow:hidden;
  border-color:#ced8de;
  border-radius:18px;
  box-shadow:0 16px 40px rgba(7,29,43,.075),inset 0 1px 0 #fff;
}
.universe-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--red) 0 18%,#8c9aa4 18% 45%,#eef1f3 45% 100%);
}
.universe-card:hover{border-color:#9baab4;box-shadow:0 28px 65px rgba(7,29,43,.15),inset 0 1px 0 #fff}
.universe-icon{border-radius:12px;border:1px solid rgba(7,29,43,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.universe-card li::before{background:var(--red);border-radius:1px;transform:rotate(45deg)}
.universe-card>a{color:#253f50;border-color:#e0e6ea}
.universe-card:hover>a{color:var(--red)}
.universe-card.wide{background:linear-gradient(120deg,#061a28,#17384d 55%,#101e28);border:1px solid #506572;box-shadow:0 25px 65px rgba(7,29,43,.24)}
.universe-card.wide::before{background:linear-gradient(90deg,var(--red),#9eacb5 35%,transparent 75%)}
.universe-card.wide:hover>a{color:#fff}

.project-stories{background:linear-gradient(135deg,#061a28,#112f42 58%,#071d2b);border-block:1px solid #405867}
.story-card{border:1px solid #6f818d;border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.story-card::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);border-radius:inherit}
.story-content>span{color:#e2e8ec}
.story-content a{border-radius:8px;border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(8px)}
.story-content a:hover{background:var(--red);border-color:var(--red)}

.method-section{background:linear-gradient(135deg,#061a28,#17384d);border:1px solid #526774;border-radius:24px;box-shadow:0 32px 80px rgba(7,29,43,.23)}
.method-copy h2 span::after{content:"";display:block;width:82px;height:4px;margin-top:16px;background:var(--red)}
.method-points b{color:#fff;background:var(--red)}
.proof-card{border-radius:16px;border:1px solid #bac6cd;box-shadow:0 28px 60px rgba(0,0,0,.2),inset 0 1px 0 #fff}
.proof-head>span{background:linear-gradient(145deg,#d7192d,#9f0d1d);box-shadow:0 8px 20px rgba(166,15,32,.28)}
.proof-factor em{background:linear-gradient(90deg,#233f50,#9aaab4,var(--red))}
.source-box{background:#e6ecef;border-left:3px solid var(--red);border-radius:8px}
.source-box svg{color:var(--red)}

.dossier-card{background:linear-gradient(135deg,#fff,#e5eaed 70%,#d7dfe4);border-color:#bdc8cf;border-radius:22px;box-shadow:0 25px 65px rgba(7,29,43,.12),inset 0 1px 0 #fff}
.dossier-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--red),#8899a4 42%,transparent 76%)}
.dossier-card a{background:linear-gradient(145deg,#d7192d,#a60f20);border-radius:9px;box-shadow:0 10px 25px rgba(166,15,32,.2)}
.orbit{border-color:rgba(45,68,82,.18)}
.orbit::after{background:var(--red)}
footer{background:transparent;border-color:#cbd5db}
.footer-brand img{width:190px}

@media(max-width:1080px){
  .site-header{padding-inline:24px}
}
@media(max-width:760px){
  .site-header{width:100%;min-height:78px;padding:0 16px;border-top-width:3px}
  .brand img{width:174px}
  .hero-shade{background:linear-gradient(180deg,rgba(5,26,40,.72),rgba(3,18,29,.99) 50%)}
  h1 span::after{bottom:-5px;width:74px;height:4px}
  .floating-panel{border-radius:18px;transform:none}
  .universe-card,.story-card{border-radius:16px}
  .dossier-card{border-radius:18px}
}