/* Theme G — Clean Blue: crisp white, royal blue, geometric sans */
:root { --ink:#0b1533; --ink-2:#1f2a48; --muted:#5a6683; --line:#e3e8f4; --bg:#ffffff; --bg-soft:#f4f7ff; --accent:#2f5bff; --accent-2:#1e3fd8; --radius:18px; }
body, h1, h2, h3, h4, .logo, .btn, input, select, textarea, .lang button, .filters button { font-family: "Poppins", Inter, sans-serif; }
h1, h2 { font-weight: 600; letter-spacing: -0.02em; }
h3, h4 { font-weight: 600; letter-spacing: -0.01em; }
body { font-size: 15px; }
header { background: rgba(255,255,255,.96); border-bottom: 1px solid #edf0f7; }
.menu > li > a, .menu > li > button { font-weight: 400; color: var(--ink-2); }
@media (min-width: 961px) {
  .menu > li > .active { color: var(--accent); font-weight: 500; border-bottom: 3px solid var(--accent); }
  .menu > li > .active::after { display: none; }
}
.hero, .page-hero { background: linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%); border-bottom: 0; }
.eyebrow { color: var(--accent); font-weight: 600; letter-spacing: .1em; }
.eyebrow::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); margin-right: 8px; vertical-align: middle; }
.btn { border-radius: 10px; font-weight: 600; }
.btn-primary { background: var(--accent); box-shadow: 0 10px 24px rgba(47,91,255,.28); }
.btn-primary:hover { background: var(--accent-2); }
.btn-ghost { border: 1.5px solid #d5dcef; }
.btn-wa { background: linear-gradient(135deg, #22c55e, #16a34a); }
.logo-mark { background: var(--accent); border-radius: 9px; }
.logo .mn { color: var(--accent); }
.lang { background: #fff; border: 1.5px solid #d5dcef; border-radius: 10px; }
.lang button { border-radius: 7px; }
.lang button.on { background: #eef2ff; color: var(--accent); box-shadow: none; }
.card, .work, .why-item, .phase, form.quote, .post-card { border: 1px solid var(--line); box-shadow: 0 6px 24px rgba(15,35,95,.05); }
a.card:hover, .card.lift:hover { border-color: #c9d4ff; box-shadow: 0 16px 40px rgba(47,91,255,.12); }
.svc-ico { background: linear-gradient(135deg, #eef2ff, #e3eaff); color: var(--accent); border-radius: 12px; }
.mega-item .svc-ico { border-radius: 12px; }
.why-item .num { background: none; -webkit-background-clip: initial; background-clip: initial; color: var(--accent); }
.ticks li::before { background: #e8eeff; color: var(--accent); }
.soft { background: #f5f8ff; }
.mega-intro { background: linear-gradient(150deg, #2f5bff, #1a36b8); }
.mega-intro .eyebrow { color: #c7d4ff; } .mega-intro .eyebrow::before { background: #c7d4ff; }
.mega-intro p { color: #dbe3ff; }
.price-card.featured { background: linear-gradient(160deg, #2f5bff, #1a36b8); border: 0; box-shadow: 0 24px 50px rgba(47,91,255,.3); }
.price-card.featured p, .price-card.featured .amt small { color: #dbe3ff; }
.price-card.featured .btn-primary { background: #fff; color: var(--accent); box-shadow: none; }
.price-card .tag { background: #0b1533; }
.cta { background: linear-gradient(135deg, #1e3fd8, #2f5bff 60%, #4f7bff); }
.cta::before { background: radial-gradient(circle, rgba(255,255,255,.18), transparent 70%); }
.cta p { color: #dbe3ff; }
.cta .btn-primary { background: #fff; color: var(--accent); box-shadow: none; }
.phase { border-top-color: var(--accent) !important; }
table.compare th.us, table.compare td.us { background: #eef2ff; }
th { background: #f5f8ff; }
.chips span { border: 1px solid var(--line); box-shadow: 0 4px 14px rgba(15,35,95,.04); }
.filters button.on { background: var(--accent); border-color: var(--accent); }
.badge { background: var(--accent); }
.sc-dots button.on, .hero-device .cap i.on { background: var(--accent); }
.sc-card { box-shadow: inset 0 0 0 1px rgba(47,91,255,.06); }
footer { background: #0b1533; }
@media (min-width: 961px) { .menu > li > a, .menu > li > button { padding: 0 11px; font-size: 14.5px; } .nav-right { gap: 10px; } .nav-right .btn-sm { padding: 10px 16px; } }
.price-card.featured .eyebrow { color: #c7d4ff; }
.price-card.featured .eyebrow::before { background: #c7d4ff; }
.price-card.featured .ticks li::before { background: rgba(255,255,255,.18); color: #fff; }