*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#EBF0F7;color:#1B2A4A;font-family:'Source Serif 4',serif;overflow-x:hidden}
.hero{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}
.title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#0D1B2E;line-height:1.1}
.sub{font-family:'Source Serif 4',serif;font-size:clamp(.9rem,1.3vw,1.05rem);color:#4A6080;max-width:520px;line-height:1.75;margin-top:20px}
.content{max-width:900px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.panel{background:#D6E2F0;border-left:3px solid #7A9CC6;padding:32px;transition:transform .3s,background .3s}
.panel:hover{transform:translateY(-4px);background:#C1D4E8}
.panel-label{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#3D7ABF;display:block;margin-bottom:8px}
.panel h2{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;color:#1B2A4A}
.panel p{font-size:.92rem;line-height:1.75;color:#4A6080}
.p1{border-left-color:#7A9CC6}.p2{border-left-color:#3D7ABF}.p3{border-left-color:#A3BBDA}
.annotation-section{text-align:center;padding:80px 24px;background:#C1D4E8}
.quote{font-family:'Source Serif 4',serif;font-style:italic;font-size:clamp(1.2rem,2.5vw,1.8rem);color:#1B2A4A;max-width:500px;margin:0 auto}
.meta{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.2em;color:#4A6080;margin-top:16px}
.footer{text-align:center;padding:40px 24px;border-top:1px solid #A3BBDA}
.footer p{font-size:.75rem;color:#4A6080;opacity:.5}