/* Layout — Header, nav, grids, sections */
.header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:44px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.brand-name{font-weight:600;color:var(--text-strong)}
.header-nav{display:flex;gap:12px;flex-wrap:wrap}
.header-nav a{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(var(--glass-bg),.28)}

/* Sticky Onepager nav */
.nav-main{position:sticky;top:0;z-index:99;display:flex;gap:22px;justify-content:center;background:rgba(var(--glass-bg),.75);backdrop-filter:blur(18px);padding:16px 20px;border-bottom:1px solid var(--border)}
.nav-main a{color:var(--text);font-weight:500;padding-bottom:4px;border-bottom:2px solid transparent;transition:.25s}
.nav-main a:hover,.nav-main a.active{border-bottom-color:var(--accent-teal);color:var(--accent-teal)}

/* Section spacing */
section{margin-bottom:clamp(48px, 6vw, 80px)}
section:last-child{margin-bottom:0}

.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,3vw,40px);align-items:start}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,24px);margin-top:clamp(26px,6vw,60px)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,24px);margin-top:clamp(26px,6vw,60px)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,18px);margin-top:clamp(26px,6vw,60px)}
@media(max-width:1200px){.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:880px){.steps,.grid-3,.grid-2{grid-template-columns:1fr}}

.footer{margin:48px 0 32px;color:var(--text-muted);font-size:13px;display:grid;gap:14px;justify-items:center;text-align:center}
.footer .footer-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center}
.footer .cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.footer .legal{font-size:12px;color:var(--text-muted)}