body {
    background:#f7f3fc; /* очень светлый пастельный фиолетовый */
    color:#1a1a1a;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

h1,h2,h3 {
    color:#6b5a8e; /* мягкий серо-фиолетовый */
}

.hero {
    background:#f2ecfa; /* светлый фиолетовый */
    padding:80px 20px;
    border-bottom:1px solid #dcd2ef; /* бледная фиолетовая линия */
}

/* PURPLE CTA BUTTON */
.cta-btn {
    background:#b9a6e3; /* мягкий лавандовый */
    color:#000;
    padding:20px 48px;
    border-radius:14px;
    font-weight:900;
    font-size:1.35rem;
    text-decoration:none;
    display:inline-block;
    box-shadow:0 4px 0 #9a87c7; /* чуть темнее для глубины */
    transition:0.2s ease;
}
.cta-btn:hover {
    background:#a895d8; /* чуть темнее при ховере */
    box-shadow:0 3px 0 #8875b8;
    transform:translateY(1px);
    color:#000;
}

.card {
    border:1px solid #dcd2ef; /* мягкий фиолетовый */
    border-radius:12px;
}

#toc a {
    text-decoration:none;
    color:#6b5a8e; /* совпадает с заголовками */
}
#toc a:hover {
    text-decoration:underline;
}

.equal-card {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    height:100%;
}

/* CTA animations */
@keyframes ctaPulse {
    0% { transform: scale(1); box-shadow: 0 0 0 rgba(185, 166, 227, 0.0); }
    50% { transform: scale(1.06); box-shadow: 0 0 18px rgba(185, 166, 227, 0.45); }
    100% { transform: scale(1); box-shadow: 0 0 0 rgba(185, 166, 227, 0.0); }
}
.cta-pulse { animation: ctaPulse 6s ease-in-out infinite; }

@keyframes ctaShake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-1px); }
    100% { transform: translateX(0); }
}
.cta-btn-hover:hover { animation: ctaShake 0.25s ease; }

.cta-animated {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.cta-animated.show {
    opacity: 1;
    transform: translateY(0);
}

/* SVG icons */
.benefit-icon {
    width:42px;
    height:42px;
    margin-bottom:12px;
    fill:#6b5a8e; /* мягкий фиолетовый */
    opacity:0.9;
}

/* Основной стиль плиток */
.tile {
    background:#f4efff; /* мягкий лавандовый фон */
    border:1px solid #d8c9f3; /* светлая фиолетовая рамка */
    border-radius:14px;
    padding:24px;
    height:100%;
    box-shadow:0 4px 0 #c3b2e6; /* как у CTA-кнопки */
    transition:0.25s ease;
}

/* Заголовок плитки */
.tile h5 {
    color:#3d2f6e; /* глубокий фиолетовый */
    font-weight:800;
    margin-bottom:8px;
}

/* Текст плитки */
.tile p {
    color:#5a4b8a;
    margin:0;
    font-size:0.95rem;
}

/* Ссылка */
.tile-link {
    text-decoration:none;
    color:inherit;
}

/* Hover эффект */
.tile:hover {
    background:#e9e0ff; /* чуть темнее при ховере */
    box-shadow:0 3px 0 #b19fd9;
    transform:translateY(-3px);
}