*,:before,:after{box-sizing:border-box}html,body{color:#0a0a0a;background:#f5f4f0;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.05}h2{font-size:clamp(1.5rem,3.5vw,2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.3rem)}p{font-size:.95rem;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}section{padding:4rem 0}@media (min-width:768px){section{padding:6rem 0}}.grid{gap:2rem;display:grid}.grid-2,.grid-3{grid-template-columns:1fr}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.button{letter-spacing:.2em;text-transform:uppercase;padding:.85rem 1.5rem;font-family:IBM Plex Mono,monospace;font-size:.65rem;text-decoration:none;transition:all .2s;display:inline-block}.button-primary{color:#f5f4f0;background:#0a0a0a}.button-secondary{color:#0a0a0a;border:1px solid #0a0a0a}@media (max-width:640px){h1{margin-bottom:1.5rem}p{font-size:.9rem}.stat-strip{flex-direction:column;gap:1.5rem;display:flex}.principles-grid{grid-template-columns:1fr!important}}@media (min-width:641px) and (max-width:1024px){.principles-grid{grid-template-columns:1fr 1fr!important}}@media (min-width:1025px){p{font-size:1rem}}a{color:inherit;text-decoration:none}button,a{cursor:pointer}a:hover{opacity:.7}