/* PLASTICA identity, user changes #4–5. Ink text pairs with the exact vivid primary colors. */
:root {
    --brand-50: #fff0f6;
    --brand-100: #fce0ed;
    --brand-200: #f9b9d5;
    --brand-300: #f58bb9;
    --brand-400: #ef5395;
    --brand-500: #e51a72;
    --brand-600: #c4105e;
    --brand-700: #a30e4f;
    --brand-800: #820c40;
    --brand-900: #610931;
    --brand-cyan: #00aeef;
    --color-brand: #e51a72;
    --color-primary: #c4105e;
    --color-primary-hover: #a30e4f;
    --color-link: #a30e4f;
    --color-link-hover: #820c40;
    --color-focus-ring: #e51a72;
}
[data-testid="hero-media"] { background-image: url("../videos/hero-poster.jpg"); background-size: cover; background-position: center; }
.bg-brand-500.text-ink, .btn-primary { color: #000 !important; }
.plastica-section-wrap { width: min(1280px, 100%); margin-inline: auto; padding-inline: 24px; }
.plastica-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 40px; }
.plastica-kicker { margin: 0 0 16px; font-size: 13px; font-weight: 700; letter-spacing: .15em; }
.plastica-section-heading h2 { margin: 0 0 16px; font-size: clamp(32px, 4vw, 54px); line-height: 1.1; font-weight: 700; letter-spacing: -.035em; }
.plastica-section-heading p:not(.plastica-kicker) { max-width: 640px; margin: 0; line-height: 1.7; }
.plastica-analytic { scroll-margin-top: 140px; padding-block: 88px; color: #0b0c0f; background: #f2f4f8; }
.plastica-analytic .plastica-kicker { color: #a30e4f; }
.plastica-analytic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.plastica-analytic-panel { overflow: hidden; border: 1px solid #d1d7e2; border-radius: 24px; background: #fff; }
.plastica-analytic-panel header { display: flex; gap: 20px; align-items: center; padding: 28px; border-top: 5px solid #e51a72; background: #fff0f6; }
.plastica-analytic-panel:nth-child(2) header { border-top-color: #00aeef; background: #eaf8ff; }
.plastica-analytic-panel header span { color: #a30e4f; font-size: 28px; font-weight: 700; }
.plastica-analytic-panel:nth-child(2) header span { color: #00658b; }
.plastica-analytic-panel h3 { margin: 0; font-size: 24px; line-height: 1.3; font-weight: 700; }
.plastica-analytic-panel ul { list-style: none; padding: 0 28px; margin: 0; }
.plastica-analytic-panel li { padding: 20px 0; border-bottom: 1px solid #e6e9ef; color: #1f2329; font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.plastica-analytic-panel li:last-child { border-bottom: 0; }
@media (max-width: 767px) {
    .plastica-analytic { padding-block: 56px; }
    .plastica-section-wrap { padding-inline: 20px; }
    .plastica-section-heading { align-items: start; margin-bottom: 28px; }
    .plastica-analytic-grid { grid-template-columns: 1fr; }
    .plastica-analytic-panel header { padding: 24px; }
    .plastica-analytic-panel ul { padding-inline: 24px; }
}
@media (prefers-reduced-motion: reduce) { [data-testid="hero-video"] { visibility: hidden; } }

/* Previous IA design, recolored with the requested magenta and cyan. */
.ia-glow { background: radial-gradient(42rem 28rem at 8% 0%, rgba(229,26,114,.30), transparent 65%), radial-gradient(36rem 26rem at 100% 100%, rgba(0,174,239,.26), transparent 65%), radial-gradient(30rem 20rem at 85% 10%, rgba(245,139,185,.10), transparent 70%); background-size: 140% 140%; }
.ia-pulse, .ia-pulse::after { background: #e51a72; }
.ia-gradient-text { color: #f58bb9; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .ia-gradient-text { background-image: linear-gradient(100deg, #f58bb9 0%, #00aeef 35%, #fff 50%, #00aeef 65%, #f58bb9 100%); }
}
.ia-counter__num { color: #00aeef; text-shadow: 0 0 40px rgba(0,174,239,.45); }
.ia-tile::before { background: radial-gradient(14rem circle at var(--mx, 50%) var(--my, 0%), rgba(229,26,114,.24), transparent 65%); }
.ia-tile:hover { border-color: rgba(229,26,114,.60); box-shadow: 0 18px 40px -18px rgba(229,26,114,.60); }
.ia-tile .font-heading.text-white { overflow-wrap: anywhere; }
.ia-tile__icon { color: #f58bb9; background: rgba(229,26,114,.14); border-color: rgba(229,26,114,.35); }
.ia-tile:hover .ia-tile__icon { color: #000; background: #e51a72; }
.ia-marquee__item:nth-of-type(6n + 1), .ia-marquee__star { color: #00aeef; }
.ia-cta { background-image: linear-gradient(120deg, #e51a72, rgba(255,255,255,.18), #00aeef, rgba(255,255,255,.18), #e51a72); box-shadow: 0 30px 80px -40px rgba(229,26,114,.55); }
