/* Five conceptual vector scenes, using the existing site palette and tab layout. */
.module-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}
.module-illustration{--mi-play:paused;position:relative;isolation:isolate;min-width:0;width:100%;margin:0;justify-self:center;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 22px 50px -38px var(--shadow-c);}
.module-illustration::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 66%,var(--glow),transparent 68%);}
.module-art{display:block;width:100%;height:auto;aspect-ratio:800/440;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.module-caption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;height:92px;padding:15px 16px 17px;gap:12px;border-top:1px solid var(--line);color:var(--ink-2);font:500 .72rem/1.6 var(--body);text-align:center!important;}
.module-caption span{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;text-align:center;overflow-wrap:anywhere;}
.module-caption span::before{content:"";display:block;flex:0 0 5px;width:5px;height:5px;background:var(--accent);border-radius:50%;opacity:.75;}
:root[data-rtl] .module-caption span{direction:rtl;}
:root[data-rtl] figcaption.module-caption{direction:ltr;}
.mi-grid-dot{fill:var(--muted);opacity:.18;}
.mi-shadow{fill:var(--shadow-c);opacity:.07;}
.mi-ground-grid{fill:var(--glow);stroke:var(--line);stroke-width:1;opacity:.55;}
.mi-grid-lines{fill:none;stroke:var(--line);stroke-width:1;opacity:.35;}
.mi-grid-plane{fill:none;stroke:var(--line);stroke-width:1;}
.mi-route{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:4 7;opacity:.25;}
.mi-route-active{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:8 110;animation:module-record-flow 7s linear infinite;animation-play-state:var(--mi-play);}
.mi-raised{filter:drop-shadow(0 12px 15px rgba(0,0,0,.09));}
.mi-paper{fill:color-mix(in srgb,var(--surface) 96%,var(--ink));stroke:color-mix(in srgb,var(--muted) 45%,var(--line));stroke-width:1.7;}
.mi-fold{fill:var(--bg-alt);stroke:var(--line);stroke-width:1.5;}
.mi-object,.mi-label{fill:var(--bg);stroke:var(--line);stroke-width:1.6;}
.mi-person{fill:var(--glow);stroke:var(--accent);stroke-width:1.7;}
.mi-line{fill:none;stroke:var(--muted);stroke-width:1.7;opacity:.65;}
.mi-faint{fill:none;stroke:var(--muted);stroke-width:1.3;opacity:.35;}
.mi-object-line{fill:none;stroke:var(--accent);stroke-width:2;opacity:.65;}
.mi-metal-ring{fill:url(#module-metal);stroke:#7b93a9;stroke-width:1.3;}
.mi-dial{fill:var(--surface);stroke:var(--muted);stroke-width:1.2;}
.mi-tick{fill:none;stroke:var(--muted);stroke-width:1.7;}
.mi-needle{fill:none;stroke:var(--accent);stroke-width:3;}
.mi-dot{fill:var(--accent);}
.mi-box-top,.mi-pedestal-top{fill:var(--bg-alt);stroke:var(--line);stroke-width:1.5;}
.mi-box-front,.mi-pedestal-front{fill:var(--surface);stroke:var(--line);stroke-width:1.5;}
.mi-box-side,.mi-pedestal-side{fill:color-mix(in srgb,var(--accent) 12%,var(--surface));stroke:var(--line);stroke-width:1.5;}
.mi-box-seam{fill:var(--glow);stroke:var(--line);stroke-width:1;}
.mi-clipboard{fill:var(--bg-alt);stroke:var(--line);stroke-width:2;}
.mi-clip{fill:color-mix(in srgb,var(--accent) 25%,var(--surface));stroke:var(--accent);stroke-width:1.3;}
.mi-record-row{fill:var(--glow);stroke:var(--line);stroke-width:1.3;}
.mi-record-row path{fill:none;stroke:var(--muted);opacity:.6;}
.mi-check-stroke{fill:none;stroke:var(--accent);stroke-width:2.5;}
.mi-check-large{stroke-width:4;}
.mi-status-surface{fill:var(--surface);stroke:var(--line);stroke-width:1.5;}
.mi-calendar{fill:none;stroke:var(--accent);stroke-width:1.7;}
.mi-reference-badge{fill:color-mix(in srgb,var(--sage) 16%,var(--surface));stroke:var(--sage);stroke-width:1.5;}
.mi-table-grid{fill:none;stroke:var(--muted);stroke-width:1.2;opacity:.35;}
.mi-plot{fill:none;stroke:var(--accent);stroke-width:2;}
.mi-errorbar{fill:none;stroke:var(--sage);stroke-width:1.3;}
.mi-droplet{fill:var(--glow);stroke:var(--accent);stroke-width:1.3;}
.mi-code-line{fill:none;stroke:var(--accent);stroke-width:3.4;}
.mi-slider{fill:none;stroke:var(--muted);stroke-width:1.5;opacity:.7;}
.mi-slider-knob{fill:var(--surface);stroke:var(--accent);stroke-width:2;}
.mi-limit-zone{fill:var(--glow);stroke:none;}
.mi-accept-zone{fill:color-mix(in srgb,var(--sage) 14%,transparent);stroke:none;}
.mi-limit{fill:none;stroke:var(--sage);stroke-width:1.2;stroke-dasharray:3 5;}
.mi-lens-handle{fill:none;stroke:var(--line);stroke-width:20;}
.mi-lens-grip{fill:none;stroke:var(--accent);stroke-width:20;}
.mi-lens{fill:color-mix(in srgb,var(--surface) 92%,transparent);stroke:var(--muted);stroke-width:4;}
.mi-lens-inner{fill:var(--glow);stroke:var(--line);stroke-width:1;}
.mi-shield{fill:var(--glow);stroke:var(--accent);stroke-width:2;}
.mi-tag{fill:color-mix(in srgb,var(--surface) 96%,var(--ink));stroke:color-mix(in srgb,var(--muted) 45%,var(--line));stroke-width:2;}
.mi-tag-hole{fill:var(--bg);stroke:var(--line);stroke-width:2;}
.mi-tag-thread{fill:none;stroke:var(--muted);stroke-width:1.2;}
.mi-currency-sign{fill:none;stroke:var(--accent);stroke-width:3;}
.mi-coin-side{fill:color-mix(in srgb,var(--accent) 20%,var(--surface));stroke:var(--accent);stroke-width:1.2;}
.mi-coin-top{fill:color-mix(in srgb,var(--accent) 9%,var(--surface));stroke:var(--accent);stroke-width:1.2;}
.mi-coin-inset{fill:none;stroke:var(--accent);stroke-width:1;opacity:.55;}
.mi-coin-mark{fill:none;stroke:var(--accent);stroke-width:1.6;opacity:.65;}
.mi-percentage{fill:none;stroke:var(--accent);stroke-width:3;}
.mi-total-line{fill:none;stroke:var(--accent);stroke-width:2.5;}
.mi-folder-back{fill:var(--bg-alt);stroke:var(--line);stroke-width:1.7;}
.mi-folder-front{fill:color-mix(in srgb,var(--accent) 12%,var(--surface));stroke:var(--line);stroke-width:1.7;}
.mi-calendar-cells{fill:var(--glow);stroke:var(--line);stroke-width:1;}
.unify.scene-near .panel:not([hidden]) .module-illustration{--mi-play:running;}
@keyframes module-record-flow{to{stroke-dashoffset:-236;}}
@media(min-width:900px){.module-illustration{width:min(100%,calc((100svh - var(--header-h) - 2 * clamp(24px,4.5vh,52px) - 52px - clamp(22px,4.5vh,48px)) / .65));}}
@media(max-width:640px){.module-illustration{border-radius:14px;}.module-caption{height:100px;padding:13px 10px 14px;gap:8px;font-size:.68rem;}.module-caption span{flex-direction:column;gap:7px;}.module-caption span::before{width:4px;height:4px;flex-basis:4px;}}
@media(prefers-reduced-motion:reduce){.mi-route-active{animation:none!important;}}