.pod{container-type:inline-size;aspect-ratio:696 / 422;width:100%;max-width:1000px}#serviceHero:has(.pod) .sv-h-visual{-webkit-mask-image:none;mask-image:none}#serviceHero .pod{max-width:675px}#tool-showcase .pod{max-width:680px}@media(width>=50rem){#serviceHero .pod{margin-top:5vh}}@media(width<50rem){#serviceHero:has(.pod) .sv-h-visual{left:50%;right:auto;bottom:4vh;width:86vw;transform:translate(-50%)}}@media(width<21.25rem){#serviceHero:has(.pod) .sv-h-visual{display:none}}.pod-frame{--u: calc(100cqw / 696);--text-main: #0a0d14;--text-soft: #8d9296;--stroke: #e2e4e9;--flow: #c062ff;--flow-glow: rgb(192 98 255 / .75);--pod-line-from: #a844ff;--pod-line-to: #e4c5ff;--accent-badge-bg: #ebcbf5;--accent-badge-text: #241608;--shadow-tint: 69 22 100;position:relative;width:100%;height:100%;color:var(--text-main);line-height:1.2;white-space:nowrap}.pod-frame--green{--flow: #2fbf4f;--flow-glow: rgb(47 191 79 / .7);--pod-line-from: #1fb84a;--pod-line-to: #b7f0c5;--accent-badge-bg: #cbf3d5;--accent-badge-text: #05401f;--shadow-tint: 22 100 47}.pod-frame--orange{--flow: #ff8a1e;--flow-glow: rgb(255 138 30 / .7);--pod-line-from: #ff9f43;--pod-line-to: #ffd9a8;--accent-badge-bg: #fbe1c2;--accent-badge-text: #5a2c08;--shadow-tint: 100 60 22}.pod svg{display:block}.pod-defs{position:absolute}.pod-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pod-link{stroke:#ffffffe6;stroke-width:1;fill:none}.pod-link-flow{stroke:var(--flow);stroke-width:1.5;stroke-linecap:round;fill:none;stroke-dasharray:14 86;filter:drop-shadow(0 0 calc(var(--u) * 4) var(--flow-glow));animation:pod-flow 3.2s linear infinite}.pod-link-flow--alt{animation-delay:-1.6s}@keyframes pod-flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.pod-link-flow{animation:none;stroke-dashoffset:43}}.pod-node{fill:var(--flow);stroke:#ffffffd9;stroke-width:1.5}.pod-card{position:absolute;background:#fff;border-radius:calc(var(--u) * 23);box-shadow:0 0 0 1px #0a0d140a,0 calc(var(--u) * 24) calc(var(--u) * 56) rgb(var(--shadow-tint) / .12);transition:translate .35s ease,box-shadow .35s ease}@media(hover:hover){.pod-card:hover{translate:0 calc(var(--u) * -4);box-shadow:0 0 0 1px #0a0d140a,0 calc(var(--u) * 30) calc(var(--u) * 64) rgb(var(--shadow-tint) / .16)}}.pod-card--balance{display:flex;flex-direction:column;gap:calc(var(--u) * 20);left:calc(var(--u) * 154);top:0;width:calc(var(--u) * 380);height:calc(var(--u) * 187);padding:calc(var(--u) * 20)}.pod-balance-head{display:flex;align-items:flex-start;gap:calc(var(--u) * 8)}.pod-balance-info{display:flex;flex-direction:column;gap:calc(var(--u) * 4);min-width:0;flex:1}.pod-balance-title{font-family:var(--font-serif);font-weight:400;font-size:calc(var(--u) * 25.8);letter-spacing:-.01em;line-height:1.1;color:#2b2825}.pod-amount-row{display:flex;align-items:center;gap:calc(var(--u) * 8)}.pod-balance-amount{font-size:calc(var(--u) * 17.5);line-height:1.4;color:var(--text-main)}.pod-badge{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--u) * 2) calc(var(--u) * 6);border-radius:9999px;font-style:normal;font-weight:500;font-size:calc(var(--u) * 10.5);line-height:1.15;letter-spacing:.02em;text-transform:uppercase}.pod-badge--accent{background:var(--accent-badge-bg);color:var(--accent-badge-text)}.pod-badge--red{background:#f8c9d2;color:#710e21}.pod-dropdown{display:inline-flex;align-items:center;gap:calc(var(--u) * 3.6);padding:calc(var(--u) * 5.4) calc(var(--u) * 5.4) calc(var(--u) * 5.4) calc(var(--u) * 10.9);border:1px solid var(--stroke);border-radius:9999px;background:#fff;box-shadow:0 1px 2px #e4e5e73d;color:#7f838e;cursor:pointer;transition:border-color .18s ease}@media(hover:hover){.pod-dropdown:hover{border-color:#cdd0d5}}.pod-dropdown-lock{width:calc(var(--u) * 11);height:calc(var(--u) * 13.7)}.pod-dropdown-chevron{width:calc(var(--u) * 18.1);height:calc(var(--u) * 18.1);color:#525866;opacity:.7}.pod-chart{position:relative;height:calc(var(--u) * 64);margin-top:auto}.pod-grid{position:absolute;inset:0;display:flex;justify-content:space-between}.pod-grid-col{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 8)}.pod-grid-line{flex:1;width:1px;background:repeating-linear-gradient(to bottom,var(--stroke) 0,var(--stroke) 2px,transparent 2px,transparent 4px)}.pod-grid-label{font-family:ui-monospace,SF Mono,IBM Plex Mono,monospace;font-size:calc(var(--u) * 10.5);line-height:1.2;letter-spacing:.01em;text-transform:uppercase;color:var(--text-soft)}.pod-chart-line{position:absolute;left:0;right:0;top:0;height:calc(var(--u) * 44);width:100%;overflow:visible}.pod-card--stat{display:flex;flex-direction:column;top:calc(var(--u) * 252);width:calc(var(--u) * 325);height:calc(var(--u) * 170);padding:calc(var(--u) * 18.5)}.pod-card--left{left:0}.pod-card--right{left:calc(var(--u) * 371)}.pod-stat-icon{display:inline-flex;align-items:flex-start;align-self:flex-start;padding:calc(var(--u) * 7.4);border-radius:9999px;background:#fff;filter:drop-shadow(0 1px 1px rgb(228 229 231 / .24))}.pod-stat-icon-svg{width:calc(var(--u) * 32);height:calc(var(--u) * 32);color:#0000006b}.pod-chart-small{position:absolute;top:calc(var(--u) * 28);right:calc(var(--u) * 21);width:calc(var(--u) * 111);height:calc(var(--u) * 37);overflow:visible}.pod-stat-text{display:flex;flex-direction:column;gap:calc(var(--u) * 3.7);margin-top:auto}.pod-stat-label{font-family:ui-monospace,SF Mono,IBM Plex Mono,monospace;font-size:calc(var(--u) * 11);line-height:1.9;letter-spacing:.01em;text-transform:uppercase;color:var(--text-soft)}.pod-stat-amount{font-size:calc(var(--u) * 29.5);font-weight:500;line-height:1.25;color:var(--text-main)}
