:root {
  --bg: #f4f6f8;
  --ink: #111827;
  --muted: #5d6978;
  --line: rgba(16, 24, 40, .12);
  --navy: #071728;
  --navy-2: #0b263f;
  --cyan: #2ad2e8;
  --blue: #397af7;
  --white: #fff;
  --accent: #eefaff;
  --radius: 24px;
  --shadow: 0 22px 70px rgba(10, 25, 45, .12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, sans-serif; color: var(--ink); background: var(--bg); line-height: 1.65; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: 99; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.section-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 50; height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(20px, calc((100vw - 1180px)/2)); backdrop-filter: blur(18px); background: rgba(244,246,248,.84); border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: linear-gradient(145deg,var(--cyan),var(--blue)); color: white; font-family: 'Montserrat'; font-weight: 700; font-size: 24px; box-shadow: 0 10px 25px rgba(57,122,247,.22); }
.brand-text { display: flex; flex-direction: column; line-height: 1.05; }
.brand-text strong { font-family:'Montserrat'; letter-spacing:.03em; font-size:20px; }
.brand-text small { margin-top:5px; font-size:10px; color:var(--muted); letter-spacing:.05em; }
.nav-links { display:flex; gap:28px; font-size:14px; font-weight:600; }
.nav-links a:hover { color:var(--blue); }
.menu-toggle { display:none; background:none; border:0; font-size:24px; }
.hero { min-height: calc(100vh - 78px); display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:70px; padding-top:70px; padding-bottom:80px; }
.eyebrow,.section-label { text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:800; color:var(--blue); }
h1,h2,h3 { font-family:'Montserrat', sans-serif; line-height:1.08; margin:0; }
h1 { font-size: clamp(48px, 7vw, 88px); letter-spacing:-.055em; max-width:800px; }
h2 { font-size: clamp(36px, 4.7vw, 60px); letter-spacing:-.04em; }
h3 { font-size:22px; letter-spacing:-.02em; }
.hero-lead { font-size:21px; max-width:720px; color:var(--muted); margin:28px 0 22px; }
.tagline { display:flex; flex-direction:column; gap:5px; padding:18px 20px; border-left:3px solid var(--cyan); background:white; border-radius:0 14px 14px 0; box-shadow:0 12px 40px rgba(8,25,45,.06); }
.tagline strong { font-size:15px; }
.tagline span { font-size:13px; color:var(--muted); }
.hero-actions { display:flex; gap:14px; margin:30px 0 18px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 23px; border-radius:14px; font-weight:800; font-size:14px; transition:.2s ease; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--navy); color:white; }
.secondary { border:1px solid var(--line); background:white; }
.light { background:white; color:var(--navy); }
.hero-note { max-width:670px; font-size:12px; color:var(--muted); }
.hero-visual { position:relative; aspect-ratio:1/1; max-width:540px; margin-left:auto; border-radius:50%; background:radial-gradient(circle at center, rgba(42,210,232,.16), rgba(57,122,247,.03) 42%, transparent 65%); }
.orbit { position:absolute; inset:13%; border:1px solid rgba(57,122,247,.22); border-radius:50%; }
.orbit-b { inset:27%; border-style:dashed; animation:spin 28s linear infinite reverse; }
.orbit-a { animation:spin 38s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.core-card { position:absolute; inset:34%; border-radius:28px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:linear-gradient(145deg,var(--navy),var(--navy-2)); color:white; box-shadow:var(--shadow); }
.core-card strong { font-family:'Montserrat'; font-size:46px; letter-spacing:.05em; }
.core-card span:last-child { font-size:9px; opacity:.72; letter-spacing:.08em; }
.core-kicker { font-size:7px!important; letter-spacing:.16em!important; color:var(--cyan); }
.node { position:absolute; padding:10px 14px; background:white; border:1px solid var(--line); border-radius:999px; font-size:12px; font-weight:800; box-shadow:0 12px 35px rgba(10,25,45,.08); }
.node-1{top:6%;left:42%}.node-2{top:23%;right:1%}.node-3{bottom:22%;right:2%}.node-4{bottom:5%;left:40%}.node-5{bottom:22%;left:0}.node-6{top:22%;left:1%}
.problem-band { background:var(--navy); color:white; padding:72px 0; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.problem-band article { padding-right:25px; }
.problem-band p { color:rgba(255,255,255,.67); margin-bottom:0; }
.number { display:block; color:var(--cyan); font-family:'Montserrat'; font-weight:700; margin-bottom:18px; }
.content-section { padding:115px 0; }
.split { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; }
.big-copy { font-size:23px; line-height:1.5; color:#27374a; }
.definition-card { padding:36px; border-radius:var(--radius); background:white; box-shadow:var(--shadow); }
.definition-card span { font-size:13px; text-transform:uppercase; letter-spacing:.15em; color:var(--blue); font-weight:800; }
.definition-card ul { padding-left:20px; margin-bottom:0; }
.definition-card li { margin:12px 0; }
.dark-section { background:linear-gradient(145deg,#061522,#0b253e); color:white; }
.section-heading { max-width:780px; margin-bottom:55px; }
.section-heading p { color:var(--muted); font-size:18px; }
.dark-section .section-heading p { color:rgba(255,255,255,.63); }
.centered { text-align:center; margin-left:auto; margin-right:auto; }
.architecture-stack { max-width:920px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.layer { display:grid; grid-template-columns:56px 1fr; gap:20px; align-items:center; padding:19px 24px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.045); border-radius:16px; }
.layer span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:rgba(42,210,232,.12); color:var(--cyan); font-weight:800; }
.layer div { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.layer small { color:rgba(255,255,255,.55); text-align:right; }
.model-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.model-grid article { padding:25px; border-radius:18px; background:white; border:1px solid var(--line); min-height:130px; display:flex; flex-direction:column; justify-content:space-between; }
.model-grid b { font-family:'Montserrat'; font-size:18px; }
.model-grid span { color:var(--muted); font-size:14px; }
.poster { margin:70px 0 0; background:white; padding:16px; border-radius:24px; box-shadow:var(--shadow); }
.poster img { border-radius:14px; }
.poster figcaption { font-size:12px; color:var(--muted); padding:12px 8px 4px; }
.accent-section { background:var(--accent); }
.reference-box { border-radius:var(--radius); background:white; padding:42px; box-shadow:var(--shadow); }
.reference-flow { display:flex; flex-direction:column; align-items:center; gap:15px; }
.reference-flow div { width:100%; text-align:center; padding:22px; border-radius:16px; background:#f6f9fc; border:1px solid var(--line); }
.reference-flow strong,.reference-flow small { display:block; }
.reference-flow small { color:var(--muted); }
.reference-flow span { color:var(--blue); font-size:24px; }
.research-path { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.research-path div { position:relative; padding:30px 24px; background:white; border-radius:20px; border:1px solid var(--line); }
.research-path span { position:absolute; top:18px; right:18px; font-family:'Montserrat'; color:var(--blue); font-size:20px; font-weight:700; }
.research-path strong,.research-path small { display:block; }
.research-path strong { font-family:'Montserrat'; font-size:18px; margin-bottom:15px; }
.research-path small { color:var(--muted); }
.project-section { background:#dff5fb; }
.project-card { background:var(--navy); color:white; padding:60px; border-radius:30px; box-shadow:var(--shadow); }
.project-card h2 { max-width:1000px; margin:12px 0 24px; }
.project-card > p { max-width:900px; color:rgba(255,255,255,.68); font-size:18px; }
.project-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:40px; }
.project-columns div { padding:24px; border-radius:18px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.09); }
.project-columns strong,.project-columns span { display:block; }
.project-columns span { color:rgba(255,255,255,.64); margin-top:10px; font-size:14px; }
.vision-section { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:center; }
.compliance-badge { justify-self:center; width:320px; aspect-ratio:1; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(circle,#0a2944,#061421 68%); color:white; border:8px solid white; outline:2px solid var(--cyan); box-shadow:0 30px 80px rgba(10,25,45,.22); }
.compliance-badge span,.compliance-badge small { text-transform:uppercase; letter-spacing:.16em; font-size:9px; color:var(--cyan); }
.compliance-badge strong { font-family:'Montserrat'; font-size:56px; line-height:1; margin:8px 0; }
.compliance-badge b { letter-spacing:.16em; }
.cta-section { background:linear-gradient(120deg,var(--blue),#1fbdd9); color:white; padding:80px 0; }
.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.cta-inner h2 { max-width:850px; margin:8px 0 15px; }
.cta-inner p { max-width:770px; color:rgba(255,255,255,.78); }
.cta-inner .section-label { color:white; opacity:.8; }
footer { background:#04111d; color:rgba(255,255,255,.6); padding:28px 0; font-size:12px; }
.footer-inner { display:flex; justify-content:space-between; gap:25px; }
.footer-inner strong { color:white; margin-right:8px; }
@media(max-width:900px){
  .nav-links{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:white;padding:25px 30px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-toggle{display:block}
  .hero,.split,.vision-section{grid-template-columns:1fr}.hero{padding-top:45px}.hero-visual{margin:10px auto 0;width:100%}.grid-3,.model-grid,.project-columns{grid-template-columns:1fr}.research-path{grid-template-columns:repeat(2,1fr)}.layer div{display:block}.layer small{display:block;text-align:left;margin-top:5px}.project-card{padding:36px 24px}.cta-inner{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column}
}
@media(max-width:560px){.section-shell{width:min(100% - 24px,1180px)}.site-header{padding:0 12px}.brand-text small{display:none}.hero{gap:20px}.hero-actions{flex-direction:column}.button{width:100%}.content-section{padding:78px 0}.research-path{grid-template-columns:1fr}.hero-visual{transform:scale(.94)}.node{font-size:10px;padding:8px 10px}.core-card strong{font-size:34px}.compliance-badge{width:260px}.project-card h2{font-size:34px}}

/* UTEA visual identity update */
.brand img{display:block;width:205px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.core-card{padding:24px}
.core-card img{width:78%;max-width:235px;height:auto;display:block;filter:none}
.core-card span:last-child{margin-top:10px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.contact-grid h2{margin:8px 0 18px}
.contact-grid p{max-width:720px;color:rgba(255,255,255,.78);font-size:18px}
.contact-grid .section-label{color:white;opacity:.8}
.contact-card{background:white;color:#0a1f5c;padding:34px 38px;border-radius:22px;box-shadow:0 24px 70px rgba(7,22,55,.2);display:flex;flex-direction:column;gap:9px}
.contact-card strong{font-size:25px}
.contact-card span{color:#6b7280;margin-bottom:10px}
.contact-card a{font-weight:700;color:#1e6bd6}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.brand img{width:170px}}

/* Hero layout correction */
.hero{
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:56px;
  overflow:visible;
}
.hero-copy,.hero-visual{min-width:0}
.hero-copy h1{font-size:clamp(48px,5.5vw,76px);max-width:720px}
.hero-visual{
  width:min(100%,520px);
  min-width:420px;
  justify-self:end;
  margin-left:0;
  isolation:isolate;
}
.core-card{inset:30%;z-index:3;overflow:hidden;padding:22px}
.core-card img{width:92%;max-width:250px;border-radius:8px}
.orbit{z-index:1}
.node{z-index:4;white-space:nowrap}
.node-1{top:3%;left:39%}
.node-2{top:20%;right:-2%}
.node-3{bottom:20%;right:-1%}
.node-4{bottom:3%;left:38%}
.node-5{bottom:20%;left:-2%}
.node-6{top:20%;left:-1%}

@media(max-width:1050px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);gap:34px}
  .hero-visual{min-width:340px;width:100%}
  .hero-copy h1{font-size:clamp(46px,6vw,68px)}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-visual{min-width:0;width:min(100%,520px);justify-self:center}
}