.sympl-page {
    color-scheme: dark;
    --paper: #29292c;
    --white: #323235;
    --ink: #f1f0f2;
    --muted: #c0bec4;
    --green: #f0ad73;
    --lime: #84c8cb;
    --line: #505054;
    --soft: #232326;
    --orange: #f0ad73;
    --sympl-teal: #84c8cb;
    --sympl-lilac: #bea0d6;
}
.sympl-page .site-header { background: #29292cf7; }
.sympl-page .product-hero { background: radial-gradient(ellipse at 20% 55%, #f0ad730d, transparent 55%), radial-gradient(ellipse at 80% 65%, #bea0d610, transparent 55%), var(--paper); }
.sympl-colors { display: flex; justify-content: center; gap: 10px; margin-bottom: 16px; }
.sympl-colors span { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }
.sympl-colors span:nth-child(2) { background: var(--sympl-teal); }
.sympl-colors span:nth-child(3) { background: var(--sympl-lilac); }
.sympl-page .button, .sympl-page .gallery-tab[aria-selected="true"] { color: #232326; }
.sympl-page .button:hover { background: #fac291; color: #232326; }
.sympl-page .main-nav .button:hover { color: #232326; }
.sympl-page .button-outline { color: var(--ink); border-color: var(--line); }
.sympl-page .button-outline:hover { background: var(--soft); color: var(--ink); }
.sympl-page .button-light { background: var(--sympl-teal); }
.sympl-page .button-light:hover { background: #a0dcde; }
.sympl-page .product-dropdown { box-shadow: 0 12px 36px #00000030; }
.sympl-page .product-screenshot img { border-color: var(--line); box-shadow: 0 12px 40px #00000030; }
.sympl-page .product-screenshot iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 1px solid var(--line); border-radius: 6px 6px 0 0; box-shadow: 0 12px 40px #00000030; }
.sympl-page .gallery-panel img { aspect-ratio: auto; background: var(--soft); border-color: var(--line); }
.sympl-page .gallery-tab { border-color: var(--line); }
.sympl-page .gallery-tab[aria-selected="true"] { border-color: var(--orange); }
.sympl-page .workflow:nth-child(2) { border-color: var(--sympl-teal); }
.sympl-page .workflow:nth-child(2) .service-number, .sympl-page .feature:nth-child(2) h3 { color: var(--sympl-teal); }
.sympl-page .workflow:nth-child(3) { border-color: var(--sympl-lilac); }
.sympl-page .workflow:nth-child(3) .service-number, .sympl-page .feature:nth-child(3) h3 { color: var(--sympl-lilac); }
.sympl-page .feature:first-child h3 { color: var(--orange); }
.sympl-page .download-section { background: var(--soft); border-top: 1px solid var(--line); color: var(--ink); }
.sympl-page .download-section p { color: var(--muted); }
.sympl-page .download-section .eyebrow { justify-content: center; color: var(--sympl-lilac); margin-top: 0; }
.sympl-page .download-section .eyebrow::before { background: var(--sympl-lilac); }
.sympl-page ::selection { background: var(--sympl-lilac); color: #232326; }