@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
    --container-width: 1720px;
    --bg: #eef2ff;
    --panel: #ffffff;
    --card: #ffffff;
    --surface: #ffffff;
    --surface-1: #f8fafc;
    --surface-2: #f8fbff;
    --surface-3: #f7fafc;
    --surface-4: #f9fbff;
    --surface-5: #f6f9ff;
    --surface-6: #f4f6f8;
    --surface-7: #fdfefe;
    --surface-8: #f7f9fb;
    --surface-9: #f6f8fb;
    --surface-10: #eef4ff;
    --surface-11: #eef2f6;
    --surface-12: #e5edff;
    --surface-13: #e3e8f2;
    --border: rgba(64, 87, 128, 0.16);
    --border-soft: #e5e7eb;
    --text: #0b1224;
    --muted: #4b5a7a;
    --ink: #0f172a;
    --ink-strong: #0f1629;
    --ink-soft: #1f2a44;
    --ink-2: #11294f;
    --ink-3: #111827;
    --ink-4: #0f1729;
    --ink-5: #0d1b36;
    --ink-6: #000000;
    --text-muted-1: #475569;
    --text-muted-2: #6b7280;
    --text-muted-3: #5b6b7d;
    --text-muted-4: #5b6370;
    --text-muted-5: #64748b;
    --text-muted-6: #6b7a90;
    --text-muted-7: #60708a;
    --text-muted-8: #51607a;
    --text-muted-9: #4c5668;
    --accent: #1d4ed8;
    --accent-2: #7c3aed;
    --accent-3: #60a5fa;
    --accent-strong: #0a4ead;
    --section-border-color: rgba(124, 58, 237, 0.45);
    --section-border: 1px solid var(--section-border-color);
    --danger: #ef4444;
    --brand-whatsapp: #25d366;

    --color-050712: #050712;
    --color-090d1c: #090d1c;
    --color-0a0d1a: #0a0d1a;
    --color-0a55d4: #0a55d4;
    --color-0a6fed: #0a6fed;
    --color-0b1123: #0b1123;
    --color-0b4d7a: #0b4d7a;
    --color-0b9f42: #0b9f42;
    --color-0c1228: #0c1228;
    --color-0c1c36: #0c1c36;
    --color-0d1a35: #0d1a35;
    --color-0f1838: #0f1838;
    --color-0f2f8d: #0f2f8d;
    --color-0f57ff: #0f57ff;
    --color-120c1e: #120c1e;
    --color-15b53f: #15b53f;
    --color-1a2763: #1a2763;
    --color-1c1b32: #1c1b32;
    --color-1c2a3a: #1c2a3a;
    --color-1d2b54: #1d2b54;
    --color-1f2937: #1f2937;
    --color-1fd256: #1fd256;
    --color-2a7bff: #2a7bff;
    --color-2f3b4d: #2f3b4d;
    --color-2f3f6b: #2f3f6b;
    --color-2f63d6: #2f63d6;
    --color-334155: #334155;
    --color-33415e: #33415e;
    --color-354155: #354155;
    --color-42526e: #42526e;
    --color-45516f: #45516f;
    --color-4a4f5a: #4a4f5a;
    --color-4a4f62: #4a4f62;
    --color-4b5563: #4b5563;
    --color-4c5a7e: #4c5a7e;
    --color-4ea2ff: #4ea2ff;
    --color-4f6df6: #4f6df6;
    --color-54657e: #54657e;
    --color-5b6476: #5b6476;
    --color-5c6c96: #5c6c96;
    --color-6c7487: #6c7487;
    --color-7c8596: #7c8596;
    --color-a6d4ff: #a6d4ff;
    --color-c9d0df: #c9d0df;
    --color-cbd5e1: #cbd5e1;
    --color-d6ebff: #d6ebff;
    --color-d7e7ff: #d7e7ff;
    --color-d7e8ff: #d7e8ff;
    --color-dbe2ef: #dbe2ef;
    --color-dbe7ff: #dbe7ff;
    --color-e0e7ff: #e0e7ff;
    --color-e2e8f0: #e2e8f0;
    --color-e5e9f2: #e5e9f2;
    --color-e7f4ff: #e7f4ff;
    --color-eef3f9: #eef3f9;
    --color-eef3ff: #eef3ff;
    --color-eef6ff: #eef6ff;
    --color-eef7ff: #eef7ff;
    --color-eff5ff: #eff5ff;
    --color-f0f6ff: #f0f6ff;
    --color-f1f1f1: #f1f1f1;
    --color-f1f5f9: #f1f5f9;
    --color-f1f5ff: #f1f5ff;
    --color-f1f6ff: #f1f6ff;
    --color-f2f2f2: #f2f2f2;
    --color-f3f4f6: #f3f4f6;
    --color-f3f7fb: #f3f7fb;
    --color-f4f6fb: #f4f6fb;
    --color-f4f6ff: #f4f6ff;
    --color-f5f3ff: #f5f3ff;
    --color-f5f5ff: #f5f5ff;
    --color-f5f9ff: #f5f9ff;
    --color-f6f8fc: #f6f8fc;
    --color-f7f8ff: #f7f8ff;
    --color-f7f9ff: #f7f9ff;
    --color-f9fafb: #f9fafb;
    --color-f9fafc: #f9fafc;
    --glow: 0 18px 45px rgba(92, 86, 226, 0.25);
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
    --shadow-lift: 0 24px 60px rgba(15, 23, 42, 0.14);
    --shadow-deep: 0 35px 80px rgba(15, 23, 42, 0.18);
    --page-padding: clamp(1rem, 2.2vw, 2.5rem);
    --home-heading-size: clamp(1.6rem, 2.2vw, 2rem);
    --home-section-gap: clamp(14px, 2vw, 24px);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: 'Sora', 'Space Grotesk', sans-serif;
    font-size-adjust: 0.52;
    background:
        radial-gradient(60% 60% at 12% 18%, rgba(29, 78, 216, 0.18), transparent 60%),
        radial-gradient(55% 55% at 88% 6%, rgba(124, 58, 237, 0.18), transparent 62%),
        linear-gradient(180deg, #eef2ff 0%, #f5f7ff 40%, #ffffff 100%);
    color: var(--text);
    min-height: 100vh;
}

a {
    color: inherit;
}

h1, h2, h3, h4 {
    font-family: 'Space Grotesk', 'Sora', sans-serif;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
}

p {
    color: var(--muted);
    line-height: 1.7;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--accent);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.78rem;
}