:root{–eon-primary:#ef4444;–eon-grad:linear-gradient(135deg,#00d4ff,#ef4444);–eon-text:#0b1220;–eon-muted:rgba(11,18,32,.72);–eon-border:rgba(11,18,32,.10);–eon-shadow:0 18px 60px rgba(11,18,32,.10);} /* sections */ .eon-wrap{max-width:1120px;margin:0 auto;padding:0 18px;} .eon-hero{background:var(–eon-grad);color:#fff;border-radius:28px;padding:54px 28px;box-shadow:0 30px 90px rgba(11,18,32,.22);position:relative;overflow:hidden;} .eon-hero:before{content:””;position:absolute;inset:-60px -80px auto auto;width:280px;height:280px;border-radius:999px;background:rgba(255,255,255,.18);filter:blur(0px);} .eon-hero h1{font-size:44px;line-height:1.05;letter-spacing:-.03em;margin:0 0 12px;} .eon-hero p{margin:0;color:rgba(255,255,255,.88);font-size:16px;} .eon-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:13px;margin-bottom:14px;} .eon-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch;} .eon-card{border:1px solid var(–eon-border);background:#fff;border-radius:22px;padding:18px;box-shadow:var(–eon-shadow);} .eon-card h3{margin-top:0;} .eon-muted{color:var(–eon-muted);} .eon-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} .eon-badge{border:1px solid var(–eon-border);border-radius:18px;padding:16px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.85));box-shadow:var(–eon-shadow);} .eon-badge strong{display:block;font-size:15px;margin-bottom:6px;} .eon-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} .eon-service{border:1px solid var(–eon-border);border-radius:18px;padding:16px;background:#fff;box-shadow:var(–eon-shadow);} .eon-service .t{font-weight:700;margin:0 0 6px;} .eon-service .d{margin:0;color:var(–eon-muted);font-size:14px;} .eon-cta{background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(106,92,255,.12));border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:22px;} .eon-btn a{border-radius:999px !important;padding:12px 16px !important;font-weight:700 !important;} .eon-btn-primary a{background:var(–eon-primary) !important;color:#08101f !important;} .eon-btn-ghost a{background:rgba(255,255,255,.18) !important;color:#fff !important;border:1px solid rgba(255,255,255,.35) !important;} @media (max-width:900px){.eon-grid{grid-template-columns:1fr}.eon-badges{grid-template-columns:1fr}.eon-services{grid-template-columns:1fr}.eon-hero h1{font-size:34px}}