.site{background:var(--color-surface);min-height:100dvh;color:var(--color-text);flex-direction:column;display:flex}.site-main{flex:1}.site-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;width:min(100%,1120px);margin-inline:auto;padding:16px 24px;display:flex}.site-header{border-bottom:1px solid var(--color-border)}.site-brand{font-weight:700;text-decoration:none}.site-nav{gap:20px;display:flex}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.9rem}.site-hero{justify-items:start;gap:20px;width:min(100%,1120px);margin-inline:auto;padding:clamp(48px,10vw,112px) 24px;display:grid}.site-hero h1{max-width:20ch;font-size:clamp(2rem,5vw,3rem)}.site-hero p{max-width:52ch;color:var(--color-muted);font-size:1.1rem}.site-button{border-radius:var(--radius);background:var(--color-accent);min-height:48px;color:var(--color-accent-contrast);align-items:center;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-flex}.site-button:hover{background:var(--color-accent-hover)}@media (max-width:600px){.site-bar{padding:14px 16px}.site-hero{padding-inline:16px}}