.page{max-width:1040px;margin:0 auto;padding:clamp(2rem,5vw,5rem) 1.5rem 3rem}.hero{text-align:center;padding:clamp(2rem,6vw,5rem) 0 clamp(2.5rem,6vw,4rem)}.brand{display:inline-block;font-size:.85rem;letter-spacing:.28em;font-weight:600;color:#9aa3b2;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.45rem 1.1rem;margin-bottom:1.8rem}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#aab2c5);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:1.2rem auto 0;max-width:540px;font-size:clamp(1rem,2vw,1.15rem);color:#9aa3b2}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.card{background:linear-gradient(160deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.8rem;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:#fff3}.card h3{font-size:1.2rem;letter-spacing:-.01em;margin-bottom:.6rem}.card-desc{color:#c2c8d4;font-size:.97rem}.footer{margin-top:clamp(3rem,8vw,5rem);padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#6b7280;font-size:.88rem}.footer a{color:#9aa3b2;text-decoration:none}.footer a:hover{color:#e8eaf0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#0b0d12;color:#e8eaf0}a{color:inherit}