.page-hero{padding:calc(var(--nav-height) + 32px) 40px 60px;max-width:860px;margin:0 auto}
.page-hero .eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-weight:700;margin-bottom:12px}
.page-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;text-transform:uppercase;line-height:1;margin-bottom:16px;color:var(--navy)}
.page-hero p{font-size:.9rem;color:var(--text-muted);line-height:1.7}

.content{max-width:860px;margin:0 auto;padding:0 40px 80px}
.content h2{font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:800;text-transform:uppercase;color:var(--cyan);margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--border)}
.content h2:first-child{border-top:none;margin-top:0}
.content p{font-size:.9rem;color:var(--navy);line-height:1.8;margin-bottom:16px}
.content ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-left:0}
.content ul li{font-size:.9rem;color:var(--navy);line-height:1.7;padding-left:20px;position:relative}
.content ul li::before{content:"\2022";position:absolute;left:0;color:var(--cyan);font-weight:700}
.content a{color:var(--cyan);text-decoration:none}
.content a:hover{text-decoration:underline}
.highlight-box{background:rgba(0,194,212,.06);border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin:24px 0}
.highlight-box p{margin-bottom:0;color:var(--text-muted)}
.highlight-box strong{color:var(--cyan)}

@media(max-width:900px){
  .page-hero{padding:calc(var(--nav-height) + 24px) 20px 40px}
  .content{padding:0 20px 60px}
}