:root{--primary:#5b4cf0;--dark:#15152b;--muted:#6f7185;--line:#e8e8ef;--soft:#f7f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#202033}a{text-decoration:none}.topbar{background:var(--dark);color:#fff;padding:9px 0;font-size:12px}.topbar a{color:#c9c4ff;font-weight:700}.navbar{background:#fff;border-bottom:1px solid var(--line)}.navbar-brand{color:var(--dark);font-size:20px;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:8px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--primary),#7b70ff)}.nav-link{color:#5d5e70!important;font-size:13px;font-weight:700;margin:0 7px}.nav-link:hover{color:var(--primary)!important}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#4638d2;border-color:#4638d2}.hero{padding:85px 0;background:radial-gradient(circle at 80% 20%,rgba(91,76,240,.13),transparent 34%),linear-gradient(135deg,#fbfaff,#f2f1ff)}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:15px}.eyebrow span{width:25px;height:2px;background:var(--primary)}.hero h1{max-width:850px;font-size:clamp(40px,6vw,66px);line-height:1.03;letter-spacing:-.055em;font-weight:800;margin:0 0 22px}.hero h1 span{color:var(--primary)}.hero-text{max-width:700px;color:var(--muted);line-height:1.8;font-size:17px}.hero-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.section{padding:80px 0}.section h2{font-size:40px;letter-spacing:-.045em;font-weight:800}.detail-box{height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 15px 40px rgba(21,20,43,.06)}.detail-box h3{font-size:20px;font-weight:800}.detail-box p,.detail-box li{color:var(--muted);font-size:14px;line-height:1.8}.detail-box li{margin-bottom:9px}.service-detail{background:var(--soft)}.workflow{background:var(--dark);color:#fff}.workflow .section-heading p{color:#aaaabc}.flow-card{height:100%;padding:25px;border:1px solid #30304b;border-radius:16px;background:#1d1d38}.flow-card .number{color:#aaa3ff;font-size:11px;font-weight:800;letter-spacing:.1em}.flow-card h3{font-size:17px;font-weight:800;margin:10px 0}.flow-card p{color:#aaaabc;font-size:13px;line-height:1.7}.cta{padding:70px 0;background:#f0efff}.cta h2{font-size:40px;font-weight:800}.cta p{color:var(--muted);max-width:650px;line-height:1.8}footer{background:var(--dark);color:#fff;padding:50px 0 25px}footer .navbar-brand{color:#fff}footer p{color:#a3a3b5;font-size:13px;line-height:1.7}footer h5{color:#8f8fa4;font-size:11px;letter-spacing:.1em;text-transform:uppercase}footer a{color:#bbbaca;font-size:12px;display:block;margin:10px 0}.footer-bottom{border-top:1px solid #2b2b43;color:#858599;font-size:11px;display:flex;justify-content:space-between;padding-top:20px;margin-top:30px}@media(max-width:575px){.section h2,.cta h2{font-size:32px}.footer-bottom{flex-direction:column;gap:8px}}
.service-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.service-link:hover {
  color: inherit;
}

.service-link .service-card {
  height: 100%;
  cursor: pointer;
}

.service-learn {
  display: inline-block;
  margin-top: 12px;
  color: #5b4cf0;
  font-size: 13px;
  font-weight: 700;
}

.service-learn i {
  margin-left: 5px;
  transition: transform .2s ease;
}

.service-link:hover .service-learn i {
  transform: translateX(4px);
}
