.netarena-page{
  --record-blue:#6ec1e4;
  --record-blue-dark:#4aa9d1;
  --record-blue-light:#9ad0f5;
  --record-pale:#eef9fd;
  --record-line:#d8eaf2;
  background:#f7f8fa;
  color:#222;
}
.netarena-page main{overflow:hidden;}
.netarena-page :focus-visible{outline:3px solid rgba(74,169,209,.42);outline-offset:3px;}
.netarena-page h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.045em;}

.netarena-hero{
  max-width:none;
  min-height:760px;
  padding:11rem 1.5rem 7rem;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  text-align:center;
  background:
    radial-gradient(ellipse 68% 64% at 50% 108%,rgba(255,255,255,.32),transparent 66%),
    linear-gradient(145deg,#419bc5 0%,var(--record-blue) 48%,var(--record-blue-light) 100%);
}
.netarena-hero-inner{position:relative;z-index:2;max-width:980px;}
.network-grid{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent,black 30%,transparent);}
.record-pill{display:inline-flex;align-items:center;gap:.58rem;padding:.52rem .9rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(255,255,255,.15);color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;transition:transform .25s,background .25s;}
.record-pill:hover{transform:translateY(-2px);background:rgba(255,255,255,.24);}
.record-dot{width:.52rem;height:.52rem;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.19);}
.record-eyebrow,.section-kicker{font-size:.73rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;}
.record-eyebrow{margin:1.8rem 0 1rem;color:#fff;}
.netarena-hero h1{margin:0;color:#fff;font-size:clamp(3.2rem,7.5vw,6.2rem);line-height:.92;letter-spacing:-.065em;}
.netarena-hero h1 em{color:#f1fbff;font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;}
.record-lede{max-width:720px;margin:1.8rem auto 2.4rem;color:rgba(255,255,255,.92);font-size:1.12rem;}
.record-actions{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;}
.record-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.82rem 1.35rem;border-radius:14px;background:#fff;color:#4299bf;text-decoration:none;font-size:.88rem;font-weight:700;box-shadow:0 8px 22px rgba(26,99,133,.18);transition:transform .25s,box-shadow .25s;}
.record-button:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(26,99,133,.24);}
.record-text-link{padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-size:.88rem;font-weight:700;}

.record-metrics{max-width:1120px;margin:-3.2rem auto 0;padding:0 1.5rem 6rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;position:relative;z-index:3;}
.record-metrics article{padding:1.55rem 1.4rem;background:#fff;border:1px solid var(--record-line);border-radius:14px;box-shadow:0 12px 30px rgba(39,115,149,.13);}
.record-metrics strong{display:block;color:var(--record-blue-dark);font-size:2.15rem;line-height:1;letter-spacing:-.05em;}
.record-metrics strong small{font-size:1rem;color:#77909b;}
.record-metrics span{display:block;margin-top:.45rem;color:#263b46;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.record-metrics p{margin-top:.65rem;color:#65727a;font-size:.78rem;line-height:1.5;}

.agent-resource-links{max-width:1120px;margin:-3.5rem auto 2rem;padding:0 1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.agent-resource-links a{display:block;padding:1.4rem 1.5rem;border:1px solid var(--record-line);border-radius:14px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.045);transition:transform .25s,box-shadow .25s,border-color .25s;}
.agent-resource-links a:hover{transform:translateY(-3px);border-color:#add9ec;box-shadow:0 10px 26px rgba(39,115,149,.11);}
.agent-resource-links span,.agent-resource-links strong{display:block;}
.agent-resource-links>a>span{margin-bottom:.28rem;color:#72828b;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.agent-resource-links strong{color:var(--record-blue-dark);font-size:.93rem;}
.agent-resource-links strong span{display:inline;}

.benchmark-section,.agent-section,.evidence-section,.record-contact{max-width:1120px;margin:0 auto;padding:6rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.section-kicker{margin-bottom:.85rem;color:var(--record-blue-dark);}
.section-heading h2,.capability-section h2,.agent-section h2,.evidence-section h2{color:#152d3a;}
.benchmark-copy p,.agent-copy>p,.record-contact p{color:#5c6870;font-size:1rem;}
.benchmark-copy p+p{margin-top:1.25rem;}

.capability-section{max-width:none;padding:6.5rem max(1.5rem,calc((100vw - 1120px)/2));background:var(--record-pale);}
.capability-section>.section-kicker,.capability-section>h2{text-align:center;}
.capability-section>h2{max-width:720px;margin:0 auto;}
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:3rem;}
.capability-card{padding:2rem 1.55rem;background:#fff;border:1px solid var(--record-line);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.05);}
.card-number{margin-bottom:1.5rem;color:var(--record-blue);font-size:.72rem;font-weight:700;letter-spacing:.16em;}
.capability-card h3{margin-bottom:.6rem;color:var(--record-blue-dark);font-size:1.15rem;}
.capability-card p:last-child{color:#5d6870;font-size:.86rem;line-height:1.6;}

.agent-section{padding-top:7rem;padding-bottom:7rem;}
.agent-copy>p{margin:1.3rem 0;}
.agent-copy>a{color:var(--record-blue-dark);text-decoration:none;font-weight:700;}
.agent-principles{padding:1rem;border-radius:14px;background:linear-gradient(135deg,var(--record-blue-dark),var(--record-blue),var(--record-blue-light));box-shadow:0 14px 34px rgba(65,155,197,.2);}
.agent-principles div{display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;padding:1.1rem;border-bottom:1px solid rgba(255,255,255,.28);color:#fff;}
.agent-principles div:last-child{border-bottom:0;}
.agent-principles div>span{grid-row:1/3;width:.65rem;height:.65rem;margin-top:.3rem;border:2px solid #fff;border-radius:50%;}
.agent-principles strong,.agent-principles small{display:block;}
.agent-principles strong{font-size:.95rem;}
.agent-principles small{margin-top:.2rem;color:rgba(255,255,255,.86);font-size:.76rem;}

.evidence-section{max-width:none;padding:6.5rem max(1.5rem,calc((100vw - 1120px)/2));background:#fff;}
.evidence-links{border:1px solid var(--record-line);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.04);}
.evidence-links a{display:block;padding:1.2rem 1.35rem;border-bottom:1px solid var(--record-line);color:inherit;text-decoration:none;transition:background .2s;}
.evidence-links a:last-child{border-bottom:0;}
.evidence-links a:hover{background:var(--record-pale);}
.evidence-links span,.evidence-links strong{display:block;}
.evidence-links span{color:#71808a;font-size:.72rem;}
.evidence-links strong{margin-top:.18rem;color:var(--record-blue-dark);font-size:.9rem;}

.record-contact{max-width:none;padding:5.5rem max(1.5rem,calc((100vw - 1120px)/2));background:linear-gradient(135deg,#4fa8cf 0%,var(--record-blue) 55%,var(--record-blue-light) 100%);}
.record-contact .section-kicker,.record-contact h2,.record-contact p{color:#fff;}
.record-contact p{margin-bottom:1.2rem;}
.record-note{max-width:1120px;margin:0 auto;padding:1.25rem 1.5rem;color:#75818a;font-size:.72rem;text-align:center;}
.netarena-page footer{background:#4ba7d0;color:#eefaff;}
.netarena-page footer a{color:#fff;border-bottom-color:rgba(255,255,255,.5);}

@media(max-width:920px){
  .record-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:768px){
  .netarena-hero{min-height:700px;padding-top:9.5rem;padding-bottom:6rem;}
  .netarena-hero h1{font-size:clamp(3rem,14vw,4.6rem);}
  .record-metrics{margin-top:-2rem;padding-bottom:4rem;}
  .benchmark-section,.agent-section,.evidence-section,.record-contact{grid-template-columns:1fr;gap:2rem;padding-top:4.5rem;padding-bottom:4.5rem;}
  .capability-section{padding-top:4.5rem;padding-bottom:4.5rem;}
  .agent-resource-links{margin-top:-2.5rem;grid-template-columns:1fr;}
}

@media(max-width:520px){
  .record-metrics,.capability-grid{grid-template-columns:1fr;}
  .record-actions{align-items:center;flex-direction:column;}
  .record-pill{font-size:.72rem;}
}