:root{
  --bg:#0a0e14;
  --ink:#e6e9ef;
  --dim:#8b93a7;
  --aero-gold:#C9A227;
  --aero-navy:#0F1B2E;
  --it-accent:#6e8cff;
}
*{ box-sizing:border-box; }
html,body{ margin:0; height:100%; }
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter', sans-serif;
  overflow:hidden;
}

.brand{
  position:fixed;
  top:28px; left:50%; transform:translateX(-50%);
  z-index:10;
  font-family:'JetBrains Mono', monospace;
  font-weight:700;
  font-size:15px;
  letter-spacing:0.04em;
  color:var(--ink);
  text-align:center;
}
.brand span{ color:var(--dim); font-weight:400; }

.split{
  display:flex;
  height:100vh;
  width:100%;
}
.panel{
  position:relative;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  text-decoration:none;
  transition:flex 0.45s ease;
  cursor:pointer;
}
.split:has(.panel:hover) .panel:not(:hover){ flex:0.8; }
.split:has(.panel:hover) .panel:hover{ flex:1.25; }

.panel-content{
  position:relative;
  z-index:2;
  text-align:center;
  padding:0 8vw;
}

/* ---- AERO panel ---- */
.aero{
  background:
    radial-gradient(circle at 30% 20%, rgba(201,162,39,0.10), transparent 55%),
    linear-gradient(160deg, var(--aero-navy), #060B14);
  border-right:1px solid rgba(201,162,39,0.15);
}
.aero .eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; text-transform:uppercase; letter-spacing:0.22em;
  color:var(--aero-gold); margin-bottom:18px;
}
.aero h2{
  font-family:'Cormorant Garamond', serif;
  font-weight:600; font-style:italic;
  font-size:clamp(30px,3.6vw,46px);
  margin:0 0 16px; color:var(--ink);
}
.aero p{ color:var(--dim); font-size:14.5px; max-width:320px; margin:0 auto 26px; line-height:1.6; }
.aero .cta{
  display:inline-block; border:1px solid var(--aero-gold); color:var(--aero-gold);
  padding:12px 26px; border-radius:2px; font-size:13px; letter-spacing:0.04em;
  font-family:'JetBrains Mono', monospace;
}
.aero-wing{
  position:absolute; inset:0; opacity:0.5;
  background:
    linear-gradient(115deg, transparent 40%, rgba(201,162,39,0.05) 41%, rgba(201,162,39,0.05) 42%, transparent 43%),
    linear-gradient(115deg, transparent 55%, rgba(201,162,39,0.04) 56%, rgba(201,162,39,0.04) 57%, transparent 58%);
}

/* ---- IT panel ---- */
.it{
  background:
    radial-gradient(circle at 70% 20%, rgba(110,140,255,0.10), transparent 50%),
    #0a0e14;
}
.it .eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; text-transform:uppercase; letter-spacing:0.22em;
  color:var(--it-accent); margin-bottom:18px;
}
.it h2{
  font-family:'JetBrains Mono', monospace;
  font-weight:700;
  font-size:clamp(26px,3.2vw,40px);
  margin:0 0 16px; color:var(--ink);
}
.it h2 .prompt{ color:var(--it-accent); }
.it p{ color:var(--dim); font-size:14.5px; max-width:320px; margin:0 auto 26px; line-height:1.6; font-family:'JetBrains Mono', monospace; }
.it .cta{
  display:inline-block; background:var(--it-accent); color:#0a0e14;
  padding:12px 26px; border-radius:6px; font-size:13px; font-weight:700;
  font-family:'JetBrains Mono', monospace;
}
.it-grid{
  position:absolute; inset:0; opacity:0.5;
  background-image:
    linear-gradient(rgba(110,140,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110,140,255,0.06) 1px, transparent 1px);
  background-size:36px 36px;
}

.divider{
  position:absolute; top:0; bottom:0; left:50%;
  width:1px; background:rgba(255,255,255,0.08); z-index:3;
}

@media(max-width:760px){
  .split{ flex-direction:column; }
  .split:has(.panel:hover) .panel:not(:hover){ flex:0.8; }
  .brand{ top:18px; font-size:13px; }
  .panel-content{ padding:0 6vw; }
}