:root{--bg:#fafaf8;--text:#222;--muted:#666;--accent:#1f2937;}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
header{position:fixed;top:0;width:100%;padding:20px 6%;display:flex;justify-content:space-between;background:rgba(250,250,248,.9);backdrop-filter:blur(8px)}
nav a{margin-left:24px;color:var(--text);text-decoration:none}
.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:120px 6% 60px}
.hero h1{font-size:4rem;margin:0}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-block;margin-top:24px;background:#222;color:#fff;padding:14px 22px;text-decoration:none;border-radius:4px}
.photo{background:#ddd;aspect-ratio:4/5;border-radius:8px;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}
section{padding:90px 6%;max-width:1200px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:white;padding:24px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
footer{padding:60px 6%;text-align:center;color:var(--muted)}
@media(max-width:900px){.hero,.cards{grid-template-columns:1fr}.hero h1{font-size:2.7rem}header{flex-direction:column;gap:10px}}