:root{--va-primary:#5b6cff; --va-dark:#0b1220; --va-muted:#6b7280; --card-grad: linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);}
html{scroll-behavior:smooth}
body{font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; color:#101828;background: radial-gradient(1000px 600px at 10% -10%, rgba(91,108,255,.35), transparent 60%), radial-gradient(1000px 600px at 90% -10%, rgba(155,89,255,.25), transparent 60%), linear-gradient(180deg,#ffffff 0%,#f7f8ff 100%);}
.navbar-brand {  background: linear-gradient(90deg, #1c00ff 0%, #6f6afb 40%, #d83548 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  color: transparent;}
.nav-link{font-weight:600}
.btn-gradient{background:linear-gradient(90deg, #0055ff 0%, #6a82fb 50%, #d335d8 100%);color:#fff;border:0} 
.btn-gradient:hover{filter:brightness(1.05)}
.hero{background: radial-gradient(1000px 600px at 10% -10%, rgba(91,108,255,.35), transparent 60%), radial-gradient(1000px 600px at 90% -10%, rgba(155,89,255,.25), transparent 60%), linear-gradient(180deg,#ffffff 0%,#f7f8ff 100%); padding: 4rem 0 4rem;}
#suite{background-color: #f7f8ff;}
#why{background-color: #f7f8ff;}
#testimonials{background-color: #f7f8ff;}
#aboutus{background-color: #f7f8ff;}
#contact{background-color: #f7f8ff;}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:600}
.product-card{background:var(--card-grad);border:1px solid #d6dcec;border-radius:1.25rem;padding:1.25rem;transition: transform .35s ease, box-shadow .35s ease; position:relative; overflow:hidden;box-shadow:0 1px 3px rgb(163 43 43 / 45%), 0 10px 20px rgb(41 57 198 / 30%)}
.product-card:hover{transform:translateY(-6px); box-shadow:0 16px 40px rgba(91,108,255,.12)}
.product-logo{font-size: 32px; border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid #e5e7eb}
.feature-chip{display:inline-block;padding:.35rem .6rem;border-radius:999px;background:#f2f4ff;color:#3730a3;font-size:.8rem;margin:.25rem .25rem 0 0}
.section-muted{color:var(--va-muted)}
.ticker{white-space:nowrap;overflow:hidden}
.ticker > div{display:inline-block;padding-left:100%;animation:ticker 18s linear infinite}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)} }
.gradient-text{background:linear-gradient(90deg,#111827,#5b6cff,#9b59ff,#111827);-webkit-background-clip:text;background-clip:text;color:transparent}
.shadow-soft{box-shadow:0 1px 3px rgb(163 43 43 / 45%), 0 10px 20px rgb(41 57 198 / 30%)}
.footer a{color:#9aa0b4}
.fade-in{opacity:0; transform:translateY(10px); transition: all .6s ease}
.fade-in.visible{opacity:1; transform:none}
.nav-link.active { color: var(--va-primary) !important; }
.badge-beta{background:#ecfeff;border:1px solid #a5f3fc;color:#0e7490;font-weight:600}
.dark body{background:#0b1220;color:#e5e7eb}
.testimonial-author {margin-top: 1rem;padding-top: 1rem;border-top: 1px solid rgba(91, 108, 255, 0.1);font-weight: 700;color: var(--va-primary);font-size: 1.05rem;}
.testimonial-author span {display: block;font-weight: 500;font-size: 0.8rem;margin-top: 0.25rem;color: #c900ff99;}
.better-highlight {background: linear-gradient(90deg, #f0f4ff 0%, #e6e9ff 100%);padding: 0.75rem;border-radius: var(--radius-sm);border-left: 3px solid var(--va-primary);margin-top: 0.75rem;}
.py-5{padding-top: 5rem !important;}  
.fixed-top{position: sticky !important;}