:root{
  --sun:#F2A900; --sunrise:#FF6B00; --navy:#0B132B; --sand:#F6E7D8; --white:#FFFFFF;
}
body.arkavate{font-family:'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--navy);margin:0;background:#fff}
.header,.footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #eee}
.header a{margin:0 12px;text-decoration:none;color:var(--navy);font-weight:600}
.logo img{height:36px}
.hero{background:linear-gradient(135deg,var(--sun),var(--sunrise));color:#fff;padding:80px 24px;text-align:center}
.hero .btn{background:#0B132B;color:#fff;padding:12px 20px;border-radius:12px;display:inline-block;font-weight:700;text-decoration:none}
.benefits ul{display:flex;gap:24px;list-style:none;max-width:1000px;margin:16px auto;padding:0;justify-content:center}
.featured{padding:32px 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;padding:12px}
.card h3{margin:8px 0 4px;font-size:16px}
.footer{border-top:1px solid #eee}