/*
 * Digital management (page 14157, template page-digital). Concept "מערכת הפעילות": one managed core with the
 * seven disciplines of the opening paragraph around it, a funnel, and an activity board that fills lane by lane.
 * Palette: deep indigo ink, lavender paper, electric violet signal, mint accent (fills, or behind ink text only).
 */

:root, .sv-page--digital {
	--sv-ink: #1a1433;
	--sv-ink-2: #241c45;
	--sv-ink-3: #3a3160;
	--sv-paper: #f5f3fb;
	--sv-paper-2: #e9e5f5;
	--sv-card: #fcfbff;
	--sv-line: #d3cde6;
	--sv-line-strong: #9187b3;
	--sv-muted: #554d70;
	--sv-signal: #6236e0;
	--sv-signal-deep: #5128cc;
	--sv-signal-soft: #b9a6ff;
	--sv-accent: #4fe0b6;
	--sv-alert: #b4325a;
	--sv-on-ink: #f5f3fb;
	--sv-on-ink-muted: #bdb6d8;
	--sv-on-ink-line: #3d3463;
	--sv-on-signal: #ffffff;
	--sv-grid: rgba(26, 20, 51, .05);
	--sv-grid-ink: rgba(245, 243, 251, .045);
	--sv-glow: rgba(98, 54, 224, .2);
	--sv-underline: linear-gradient(90deg, #4fe0b6, #6236e0);
	--sv-cta-mark: "∞";
}

/* ---------- Hero: the activity system ---------- */
.dg-orbit { position: relative; width: min(100%, 21rem); aspect-ratio: 1; margin: .5rem auto 0; container-type: inline-size; --r: 40cqw; }
.dg-orbit::before, .dg-orbit::after { /* two rings: the managed core's reach */
	content: ""; position: absolute; inset: 9%; border-radius: 50%; border: 1.5px dashed var(--sv-line-strong);
}
.dg-orbit::after { inset: 27%; border: 1px solid var(--sv-line); background: radial-gradient(circle, rgba(79, 224, 182, .18), transparent 70%); }
.dg-orbit__core {
	position: absolute !important; z-index: 2; left: 50%; top: 50%; translate: -50% -50%; margin: 0 !important;
	width: 7.2rem; aspect-ratio: 1; display: grid; place-items: center; text-align: center; border-radius: 50%;
	background: var(--sv-ink); color: var(--sv-on-ink); font-weight: 700; font-size: 1rem; line-height: 1.25; padding: .75rem;
	box-shadow: 0 0 0 6px var(--sv-card), 0 0 0 7.5px var(--sv-signal);
}
.dg-orbit__nodes { position: absolute; inset: 0; margin: 0; }
.dg-orbit__nodes li {
	--a: calc(360deg / 7 * var(--i) - 90deg);
	position: absolute; z-index: 1; left: 50%; top: 50%;
	translate: calc(-50% + cos(var(--a)) * var(--r)) calc(-50% + sin(var(--a)) * var(--r));
	max-width: 6.6rem; padding: .3rem .65rem; text-align: center;
	font-size: .8125rem; font-weight: 700; line-height: 1.25;
	background: var(--sv-paper); color: var(--sv-ink); border: 1.5px solid var(--sv-ink); border-radius: 999px;
}
.dg-orbit__nodes li:nth-child(1) { --i: 0; } .dg-orbit__nodes li:nth-child(2) { --i: 1; } .dg-orbit__nodes li:nth-child(3) { --i: 2; }
.dg-orbit__nodes li:nth-child(4) { --i: 3; } .dg-orbit__nodes li:nth-child(5) { --i: 4; } .dg-orbit__nodes li:nth-child(6) { --i: 5; }
.dg-orbit__nodes li:nth-child(7) { --i: 6; }
@media (prefers-reduced-motion: no-preference) {
	.dg-orbit::before { animation: dg-spin 40s linear infinite; }
	.dg-orbit__nodes li { animation: sv-pop .45s var(--sv-ease) both, dg-pulse 7s ease-in-out infinite; animation-delay: calc(.4s + var(--i) * .1s), calc(1.5s + var(--i) * 1s); }
}
@keyframes dg-spin { to { rotate: 360deg; } }
@keyframes dg-pulse { 0%, 10%, 100% { background: var(--sv-paper); color: var(--sv-ink); } 4% { background: var(--sv-signal); color: var(--sv-on-signal); } }
@media (max-width: 420px) {
	.dg-orbit { --r: 39cqw; }
	.dg-orbit__nodes li { max-width: 5.6rem; font-size: .75rem; padding: .25rem .5rem; }
	.dg-orbit__core { width: 6rem; font-size: .9375rem; }
}

/* ---------- Funnel (ink section) ---------- */
.dg-funnel__steps { display: grid; gap: .45rem; counter-reset: dg-f; }
.dg-funnel__steps li {
	counter-increment: dg-f; position: relative; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem;
	width: calc(100% - (var(--n, 0) * 11%)); padding: .7rem 1rem; border-radius: var(--sv-radius);
	background: linear-gradient(90deg, rgba(79, 224, 182, .22), rgba(98, 54, 224, .55)); border: 1px solid var(--sv-on-ink-line);
	font-weight: 700; color: var(--sv-on-ink);
}
.dg-funnel__steps li::after { content: counter(dg-f, decimal-leading-zero); font-family: var(--sv-mono); font-size: .8125rem; font-weight: 500; color: var(--sv-accent); }
.dg-funnel__steps li:nth-child(2) { --n: 1; } .dg-funnel__steps li:nth-child(3) { --n: 2; } .dg-funnel__steps li:nth-child(4) { --n: 3; background: var(--sv-accent); color: var(--sv-ink); }
.dg-funnel__steps li:nth-child(4)::after { color: var(--sv-ink); }
@media (prefers-reduced-motion: no-preference) {
	.sv-js .dg-funnel:not(.is-in) .dg-funnel__steps li { opacity: 0; translate: 0 10px; }
	.dg-funnel__steps li { transition: opacity .5s var(--sv-ease), translate .5s var(--sv-ease); }
	.dg-funnel__steps li:nth-child(2) { transition-delay: .12s; } .dg-funnel__steps li:nth-child(3) { transition-delay: .24s; } .dg-funnel__steps li:nth-child(4) { transition-delay: .36s; }
}

/* ---------- Activity board (stages) ---------- */
.dg-lanes .sv-zone__bar { fill: var(--sv-signal); }
.dg-lanes .sv-zone__track { fill: var(--sv-paper); }