:root{--op-import-color-1: #f6f6f8;--op-import-color-2: #111827;--op-import-color-3: rgba(255,255,255,.14);--op-import-color-4: rgba(20,8,40,.08);--op-import-color-5: rgba(38,12,84,.3);--op-import-color-6: rgba(38,12,84,.45);--op-import-color-7: #f6f3fb;--op-import-color-8: #e9e3f3;--op-import-color-9: #6b7280;--op-import-color-10: #374151;--op-import-color-11: #fff;--op-import-color-12: #ececf1;--op-import-color-13: #1f2937;--op-import-color-14: #4b5563;--op-import-color-15: #e5e7eb;--op-import-color-16: #fecaca;--op-import-color-17: #d97706;--op-import-color-18: #faf5ff;--op-import-color-19: #22c55e;--op-import-color-20: #fafafb;--op-import-color-21: #9ca3af;--op-import-color-22: #f1f1f4;--op-import-color-23: rgba(147,51,234,.14);--op-import-color-24: #fcfffd;--op-import-color-25: #bbf7d0;--op-import-color-26: #15803d;--op-import-color-27: rgba(20,8,40,.3);--op-import-color-28: rgba(147,51,234,.8);--op-import-color-29: rgba(147,51,234,.1);--op-import-color-30: rgba(0,0,0,.45);--op-import-color-31: #4ade80;--op-import-color-32: #c4b5fd;--op-import-color-33: rgba(255,255,255,.72);--op-import-color-34: rgba(15,13,21,.04);--op-import-color-35: rgba(46,16,101,.3);--op-import-color-36: rgba(255,255,255,.75);--op-import-color-37: #a855f7;--op-import-color-38: rgba(255,255,255,.28);--op-import-color-39: rgba(126,34,206,.6);--op-import-color-40: rgba(15,13,21,.16);--op-import-color-41: rgba(168,85,247,.07);--op-import-color-42: rgba(147,51,234,.38);--op-import-color-43: rgba(168,85,247,.08);--op-import-color-44: rgba(168,85,247,.1);--op-import-color-45: rgba(147,51,234,.6);--op-import-color-46: rgba(168,85,247,.12);--op-import-color-47: rgba(147,51,234,0);--op-import-color-48: rgba(147,51,234,.1);--op-import-color-49: rgba(147,51,234,.35);--op-import-color-50: #e9d5ff;--op-import-color-51: #ece7f5;--op-import-color-52: #efedf3;--op-import-color-53: #fdfaff;--op-import-color-54: #f0fdf4;--op-import-color-55: #14532d;--op-import-color-56: #166534;--op-import-color-57: rgba(46,16,101,.38);--op-import-color-58: rgba(15,13,21,.18);--op-import-color-59: rgba(124,58,237,.38);--op-import-color-60: rgba(196,167,255,.16);--op-import-color-61: rgba(255,255,255,.55);--op-import-color-62: rgba(20,8,40,.28);--op-import-color-63: rgba(167,139,250,.14);--op-import-color-64: #d9ccef;--op-import-color-65: #b995f5;--op-import-color-66: rgba(147,51,234,.7);--op-import-color-67: rgba(147,51,234,.22);--op-import-color-68: rgba(147,51,234,.06);--op-import-color-69: #a78bda;--op-import-color-70: rgba(124,58,237,.28);--op-import-color-71: rgba(147,51,234,.04);--op-import-color-72: rgba(255,255,255,.86);--op-import-color-73: rgba(91,33,182,.35);--op-import-color-74: #c4a8f2;--op-import-color-75: #efe9f8;--op-home-stage: #07060b;--op-home-font-text: "Inter Chrome", Inter, system-ui, sans-serif;--op-home-font-display: "Geist Variable", Geist, system-ui, sans-serif;--op-demo-px-1200: 1200px;--op-demo-px-760: 760px;--op-demo-px-14: 14px;--op-demo-px-13: 13px;--op-demo-px-1: 1px;--op-demo-px-2: 2px;--op-demo-px-4: 4px;--op-demo-px-24: 24px;--op-demo-px-48: 48px;--op-demo-px-neg-12: -12px;--op-demo-px-70: 70px;--op-demo-px-120: 120px;--op-demo-px-neg-30: -30px;--op-demo-px-16: 16px;--op-demo-px-52: 52px;--op-demo-px-200: 200px;--op-demo-px-22: 22px;--op-demo-px-21: 21px;--op-demo-px-20: 20px;--op-demo-px-5: 5px;--op-demo-px-10: 10px;--op-demo-px-999: 999px;--op-demo-px-12: 12px;--op-demo-px-8: 8px;--op-demo-px-28: 28px;--op-demo-px-34: 34px;--op-demo-px-6: 6px;--op-demo-px-30: 30px;--op-demo-px-11: 11px;--op-demo-px-7: 7px;--op-demo-px-12-5: 12.5px;--op-demo-px-11-5: 11.5px;--op-demo-px-18: 18px;--op-demo-px-17: 17px;--op-demo-px-32: 32px;--op-demo-px-9: 9px;--op-demo-px-150: 150px;--op-demo-px-170: 170px;--op-demo-px-90: 90px;--op-demo-px-3: 3px;--op-demo-s--4: .4s;--op-demo-s--35: .35s;--op-demo-s--25: .25s;--op-demo-px-neg-4: -4px;--op-demo-px-1100: 1100px;--op-demo-px-700: 700px;--op-demo-s-1-1: 1.1s;--op-demo-s--5: .5s;--op-demo-px-neg-17: -17px;--op-demo-s--7: .7s;--op-demo-px-neg-8: -8px;--op-demo-px-128: 128px;--op-demo-px-56: 56px;--op-demo-px-104: 104px;--op-demo-s--3: .3s;--op-demo-px-36: 36px;--op-demo-px-460: 460px;--op-demo-px-15: 15px;--op-demo-px-318: 318px;--op-demo-s-1: 1s;--op-demo-s-1-3: 1.3s;--op-demo-px-neg-16: -16px;--op-demo-s--45: .45s;--op-demo-deg-180: 180deg;--op-demo-px-neg-6: -6px;--op-demo-px-96: 96px;--op-demo-px-40: 40px;--op-demo-px-680: 680px;--op-demo-px-560: 560px;--op-demo-px-neg-24: -24px;--op-demo-px-44: 44px;--op-demo-s--75: .75s;--op-demo-s--14: .14s;--op-demo-s-0: 0s;--op-demo-px-330: 330px;--op-demo-px-440: 440px;--op-demo-s--6: .6s;--op-demo-px-80: 80px;--op-demo-px-neg-80: -80px;--op-demo-s-2-4: 2.4s;--op-demo-s-1-2: 1.2s;--op-demo-px-132: 132px;--op-demo-px-100: 100px;--op-demo-px-10-5: 10.5px;--op-demo-s--15: .15s;--op-demo-px-64: 64px;--op-demo-px-1700: 1700px;--op-demo-s-1-5: 1.5s;--op-demo-px-neg-36: -36px;--op-demo-s--8: .8s;--op-demo-px-neg-2: -2px;--op-demo-px-1-5: 1.5px;--op-demo-deg-90: 90deg;--op-demo-px-neg-3: -3px;--op-demo-deg-105: 105deg;--op-demo-px-480: 480px;--op-demo-px-neg-18: -18px;--op-demo-px-1040: 1040px;--op-demo-px-1000: 1000px;--op-demo-px-88: 88px;--op-demo-px-60: 60px;--op-demo-px-112: 112px;--op-demo-px-neg-34: -34px;--op-demo-px-neg-60: -60px;--op-demo-px-110: 110px;--op-demo-px-19: 19px;--op-demo-px-29: 29px;--op-demo-px-26: 26px;--op-demo-px-50: 50px;--op-demo-px-neg-46: -46px;--op-demo-px-210: 210px;--op-home-wrap:1200px;--op-space-32:32px;--op-home-mobile-wordmark:105px;--op-home-hero-padding:168px;--op-home-aurora-height:1000px;--op-home-heading-width:1100px;--op-home-sub-width:600px;--op-home-app-height:760px;--op-home-arch-head-width:1040px;--op-home-space-26:26px;--op-home-space-28:28px;--op-home-space-32:32px;--op-home-space-72:72px;--op-home-space-80:80px;--op-home-space-88:88px;--op-home-space-96:96px;--op-home-space-112:112px;--op-home-space-128:128px;--op-home-space-152:152px;--op-home-size-20:20px;--op-home-size-27:27px;--op-home-perspective:1800px;--op-home-split-height:260px;--op-home-rollout-heading-size:clamp(28px,2.8vw,36px);--op-home-aurora-mask:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);--op-home-aurora-overlay:linear-gradient(90deg,rgba(18,9,36,.78) 0%,rgba(18,9,36,.45) 45%,rgba(18,9,36,.18) 75%),rgba(18,9,36,.12);--op-home-film-line:rgba(181,132,255,.32);--op-home-film-bg:rgba(147,51,234,.14);--op-home-film-ink:#d8c2ff;--op-home-film-play:rgba(216,194,255,.18);--op-home-film-separator:rgba(216,194,255,.45);--op-home-film-hover:rgba(147,51,234,.22);--op-home-film-line-hover:rgba(181,132,255,.5);--op-home-film-ink-hover:#efe6ff;--op-home-infoshare:#f43578;--op-home-logo-muted:#5f5b68;--op-home-integrations-bg:radial-gradient(60% 50% at 50% 62%,var(--op-import-color-63),transparent 70%),linear-gradient(180deg,var(--op-bg) 0%,#f8f5fd 100%);--op-home-inspire:#6428b4;--op-home-weight-section:540;--op-home-cta-padding-end:184px;--op-home-film-heading-gap:var(--op-space-40);--op-home-hero-product-gap:var(--op-home-space-128);--op-home-integrations-lead-width:930px;--op-home-rollout-cta-gap:var(--op-space-40)}@media(max-width:720px){:root{--op-home-film-heading-gap:var(--op-space-32);--op-home-hero-product-gap:var(--op-home-space-96)}}:root{--op-import-extra-306:#111;--op-av-object-w: 686px;--op-av-object-h: 600px;--op-av-hero-gap: 24px;--op-av-spot: radial-gradient(50% 50% at 50% 55%, rgba(196, 160, 255, .22), rgba(124, 58, 237, .1) 45%, transparent 72%);--op-av-floor: radial-gradient(50% 40% at 50% 30%, rgba(0, 0, 0, .45), transparent 70%);--op-av-product-shadow: drop-shadow(0 30px 40px rgba(6, 2, 18, .55));--op-av-float: -6px;--op-av-float-dur: 7s;--op-av-lead: rgba(233, 213, 255, .55);--op-av-anchor: #e9d5ff;--op-av-anchor-dot: #f5edff;--op-av-lead-under: 8px;--op-av-lead-dur: 1s;--op-av-lead-step: .7s;--op-av-hero-start: .5s;--op-av-card-at: 3.3s;--op-av-callout-bg: rgba(255, 255, 255, .98);--op-av-callout-shadow: 0 0 0 1px rgba(255, 255, 255, .4), 0 26px 50px -22px rgba(4, 1, 14, .85), 0 8px 16px -10px rgba(4, 1, 14, .5);--op-av-callout-min: 210px;--op-av-callout-h: 65px;--op-av-callout-pad: 12px 15px 13px;--op-av-callout-row: 17px;--op-av-callout-value-lh: 20px;--op-av-size-callout-label: 11.5px;--op-av-size-callout-chip: 10.5px;--op-av-size-callout-value: 17px;--op-av-card-w: 340px;--op-av-card-bottom: 8px;--op-av-card-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 1px 0 rgba(255, 255, 255, .9) inset, 0 40px 70px -28px rgba(4, 1, 14, .9), 0 12px 24px -14px rgba(4, 1, 14, .55);--op-av-card-shadow-light: 0 0 0 1px rgba(20, 10, 40, .07), 0 40px 70px -32px rgba(46, 16, 101, .4), 0 12px 24px -16px rgba(15, 13, 21, .16);--op-av-thumb: 64px;--op-av-thumb-img: 58px;--op-av-thumb-tilt: -8deg;--op-av-thumb-bg: radial-gradient(80% 80% at 50% 30%, #ffffff, #eef0f4);--op-av-thumb-line: #e9e7ef;--op-av-code-bg: #f4f4f6;--op-av-card-rule: #f1eff5;--op-av-card-row: #f4f3f7;--op-av-saved-bg: linear-gradient(180deg, #f3fbf5, #ecf8f0);--op-av-saved-line: #dcf1e3;--op-av-saved-ring: rgba(34, 197, 94, .14);--op-av-size-card-name: 15.5px;--op-av-size-card-row: 12.5px;--op-av-size-card-value: 13.5px;--op-av-scene-w: 1200px;--op-av-scene-gap: 64px;--op-av-mosaic-gap: 40px;--op-av-scene-pool: radial-gradient(45% 50% at 50% 45%, rgba(147, 51, 234, .1), rgba(147, 51, 234, .04) 45%, transparent 72%);--op-av-back-veil: linear-gradient(180deg, rgba(248, 246, 253, .62), rgba(248, 246, 253, .5));--op-av-back-mask: linear-gradient(180deg, #000 62%, transparent 100%);--op-av-back-shadow: 0 0 0 1px rgba(20, 10, 40, .06), 0 20px 40px -30px rgba(40, 20, 80, .3);--op-av-front-shadow: 0 0 0 1px rgba(20, 10, 40, .07), 0 2px 4px rgba(20, 10, 40, .04), 0 50px 90px -40px rgba(76, 29, 149, .45), 0 22px 40px -28px rgba(20, 10, 40, .25);--op-av-aside-shadow: 0 0 0 1px rgba(20, 10, 40, .07), 0 30px 50px -26px rgba(76, 29, 149, .45);--op-av-link: #c4a3f7;--op-av-link-end: 3px;--op-av-cursor: 20px;--op-av-cursor-move: 1.2s;--op-av-cursor-shadow: drop-shadow(0 4px 6px rgba(20, 8, 40, .3));--op-av-ripple: rgba(147, 51, 234, .7);--op-av-ripple-size: 30px;--op-av-hot-ring: 0 0 0 3px rgba(147, 51, 234, .1);--op-av-sel-ring: 0 0 0 3px rgba(147, 51, 234, .07);--op-av-sel-bg: #fcf9ff;--op-av-row-on: #faf6ff;--op-av-radio-line: #d1d5db;--op-av-control-line: 1.5px;--op-av-front-zoom-compact: 1.15;--op-av-front-max-compact: 792px;--op-av-rail-w: 54px;--op-av-back-min-h: 470px;--op-av-row-cols: 1fr 90px 110px 78px;--op-av-rail-cell: #f3f2f6;--op-av-rail-on: #e4d4fb;--op-av-hairline: #f0eef4;--op-av-hairline-soft: #f3f2f6;--op-av-size-ui-2xs: 10px;--op-av-size-ui-xs: 10.5px;--op-av-size-ui-sm: 11.5px;--op-av-size-ui: 12.5px;--op-av-size-ui-title: 16px;--op-av-size-ui-screen: 17px;--op-av-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--op-av-cap-w: 380px;--op-av-size-cap-title: 15px;--op-av-size-cap-text: 14.5px;--op-av-cell-h: 290px;--op-av-cell-ui-top: 38px;--op-av-cell-ui-h: 130px;--op-av-cell-title-top: 193px;--op-av-micro-shadow: 0 0 0 1px rgba(20, 10, 40, .07), 0 18px 36px -22px rgba(76, 29, 149, .5);--op-av-micro-shadow-hover: 0 0 0 1px rgba(20, 10, 40, .07), 0 26px 44px -22px rgba(76, 29, 149, .6);--op-av-micro-lift: -4px;--op-av-size-micro: 16px;--op-av-size-micro-sm: 14px;--op-av-size-cell-title: 15.5px;--op-av-size-cell-text: 14.5px}.op-section:has(.op-scene){overflow-x:clip}.op-sui{font-family:var(--op-font-text);font-size:var(--op-av-size-ui);line-height:1.4;color:var(--op-import-color-2);text-align:left}.op-sui *{font-family:inherit;box-sizing:border-box}.op-sui b{font-weight:600}.op-sui p{margin:0}.op-sui small{font-size:inherit}.op-sui-muted{color:var(--op-import-color-9)}.op-sui-faint{color:var(--op-import-color-21)}.op-sui-mono{font-family:var(--op-av-font-mono)}.op-sui-hd{height:var(--op-space-40);display:flex;align-items:center;gap:var(--op-space-8);padding:0 var(--op-space-14);border-bottom:var(--op-space-1) solid var(--op-av-hairline);font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9);white-space:nowrap;overflow:hidden}.op-sui-hd img{height:var(--op-space-12);width:auto;flex:none}.op-sui-hd b{color:var(--op-import-color-2);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-sui-hd__sep{width:var(--op-space-1);height:var(--op-demo-px-13);background:var(--op-import-color-12);flex:none}.op-sui-hd__ic--ok{color:var(--op-ok)}.op-sui-hd__ic--accent{color:var(--op-accent)}.op-sui-hd__ic--muted{color:var(--op-import-color-9)}.op-sui-app{display:grid;grid-template-columns:var(--op-av-rail-w) minmax(0,1fr);min-height:var(--op-av-back-min-h)}.op-sui-rail{border-right:var(--op-space-1) solid var(--op-av-hairline);padding:var(--op-space-14) var(--op-space-12);display:grid;gap:var(--op-space-10);align-content:start}.op-sui-rail i{width:var(--op-demo-px-28);height:var(--op-demo-px-28);border-radius:var(--op-radius-sm);background:var(--op-av-rail-cell)}.op-sui-rail i.on{background:var(--op-accent-soft);box-shadow:inset 0 0 0 var(--op-space-1) var(--op-av-rail-on)}.op-sui-main{padding:var(--op-space-16) var(--op-space-18);min-width:0}.op-sui-title{display:flex;align-items:center;gap:var(--op-space-8);font-size:var(--op-av-size-ui-screen);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--op-space-12)}.op-sui-title .op-icon{color:var(--op-accent)}.op-sui-sum{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);padding:var(--op-space-10) var(--op-space-12);margin-bottom:var(--op-space-12);font-size:var(--op-demo-px-12);display:grid;gap:var(--op-space-4)}.op-sui-sum span{color:var(--op-import-color-14)}.op-sui-row{display:grid;grid-template-columns:var(--op-av-row-cols);align-items:center;gap:var(--op-space-6);padding:var(--op-space-10) var(--op-space-14);border-top:var(--op-space-1) solid var(--op-av-hairline-soft);font-size:var(--op-demo-px-12);color:var(--op-import-color-2)}.op-sui-row small{display:block;font-size:var(--op-av-size-ui-2xs);color:var(--op-import-color-9)}.op-sui-row .op-sui-bt{justify-self:end;height:var(--op-space-24);display:inline-flex;align-items:center;gap:var(--op-space-4);padding:0 var(--op-space-8);border-radius:var(--op-space-6);border:var(--op-space-1) solid var(--op-import-color-15);font-size:var(--op-demo-px-11);font-weight:500}.op-sui-row.cur{background:var(--op-av-row-on)}.op-sui-row.cur .op-sui-bt{border-color:var(--op-footer-link);color:var(--op-accent-strong)}.op-sui-meta{display:flex;flex-wrap:wrap;gap:var(--op-space-6);margin:calc(var(--op-space-8) * -1) 0 var(--op-space-12)}.op-sui-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);overflow:hidden;margin-bottom:var(--op-space-12)}.op-sui-steps>div{display:flex;align-items:center;gap:var(--op-space-8);padding:var(--op-space-8) var(--op-space-10);border-left:var(--op-space-1) solid var(--op-import-color-12);font-size:var(--op-demo-px-11);min-width:0}.op-sui-steps>div:first-child{border-left:0}.op-sui-steps>div.on{background:var(--op-import-color-18);box-shadow:inset 0 calc(var(--op-space-2) * -1) 0 var(--op-accent)}.op-sui-steps b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-sui-steps small{display:block;font-size:var(--op-av-size-ui-2xs);color:var(--op-import-color-9)}.op-sui-steps i{width:var(--op-space-18);height:var(--op-space-18);border-radius:50%;border:var(--op-space-1) solid var(--op-import-color-15);flex:none}.op-sui-steps i.ok{border-color:var(--op-import-color-25);background:var(--op-import-color-54)}.op-sui-steps i.on{border-color:var(--op-accent)}.op-sui-panel{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);padding:var(--op-space-12) var(--op-space-14)}.op-sui-panel__hd{display:flex;align-items:center;gap:var(--op-space-8);margin-bottom:var(--op-space-10)}.op-sui-panel__hd>b{font-size:var(--op-demo-px-14)}.op-sui-panel__hd .op-sui-acts{margin-left:auto}.op-sui-dlg{padding:var(--op-space-16) var(--op-space-18) var(--op-space-18);font-size:var(--op-av-size-ui)}.op-sui-k{font-size:var(--op-av-size-ui-xs);font-weight:600;letter-spacing:.08em;color:var(--op-accent);text-transform:uppercase}.op-sui-dtop{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--op-space-8)}.op-sui-dtitle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--op-space-8);margin-top:var(--op-space-2)}.op-sui-dtitle>b{font-size:var(--op-av-size-ui-title)}.op-sui-acts{margin-left:auto;display:flex;gap:var(--op-space-6)}.op-sui-chipbtn{display:inline-flex;align-items:center;gap:var(--op-space-5);height:var(--op-space-24);padding:0 var(--op-space-9);border-radius:var(--op-demo-px-7);border:var(--op-space-1) solid var(--op-import-color-15);font-size:var(--op-av-size-ui-sm);background:var(--op-import-color-11);white-space:nowrap}.op-sui-chipbtn--hot{border-color:var(--op-footer-link);color:var(--op-accent-strong);box-shadow:var(--op-av-hot-ring)}.op-sui-btn{height:var(--op-demo-px-28);display:inline-flex;align-items:center;gap:var(--op-space-6);padding:0 var(--op-space-11);border-radius:var(--op-demo-px-7);border:var(--op-space-1) solid var(--op-import-color-15);font-weight:500;font-size:var(--op-demo-px-12);background:var(--op-import-color-11);color:var(--op-import-color-2);white-space:nowrap;flex:none}.op-sui-btn--pri{background:var(--op-accent);border-color:var(--op-accent);color:var(--op-import-color-11)}.op-sui-btn--off{background:var(--op-import-color-20);color:var(--op-import-color-21)}.op-sui-btn--sm{height:var(--op-space-24);padding:0 var(--op-space-8);font-size:var(--op-av-size-ui-sm)}.op-sui-opt{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-9);padding:var(--op-space-10) var(--op-space-12);display:flex;gap:var(--op-space-9);margin-top:var(--op-space-8);transition:border-color var(--op-duration-300) var(--op-ease),background var(--op-duration-300) var(--op-ease),box-shadow var(--op-duration-300) var(--op-ease)}.op-sui-opt small{display:block;color:var(--op-import-color-9);margin-top:var(--op-space-2);font-size:var(--op-demo-px-11)}.op-sui-opt.sel{border-color:var(--op-footer-link);background:var(--op-av-sel-bg);box-shadow:var(--op-av-sel-ring)}.op-sui-rad{width:var(--op-space-14);height:var(--op-space-14);border-radius:50%;border:var(--op-av-control-line) solid var(--op-av-radio-line);flex:none;margin-top:var(--op-space-1);display:grid;place-items:center}.op-sui-rad:after{content:"";width:var(--op-demo-px-7);height:var(--op-demo-px-7);border-radius:50%;background:var(--op-accent);transform:scale(0);transition:transform var(--op-duration-300) var(--op-ease-expo)}.op-sui-opt.sel .op-sui-rad{border-color:var(--op-accent)}.op-sui-opt.sel .op-sui-rad:after{transform:none}.op-sui-check{display:flex;align-items:center;gap:var(--op-space-8)}.op-sui-box{width:var(--op-space-14);height:var(--op-space-14);border-radius:var(--op-space-4);border:var(--op-av-control-line) solid var(--op-av-radio-line);flex:none;display:grid;place-items:center;transition:background var(--op-duration-300) var(--op-ease),border-color var(--op-duration-300) var(--op-ease)}.op-sui-box svg{width:var(--op-space-10);height:var(--op-space-10);fill:none;stroke:var(--op-import-color-11);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}.op-sui-check.on .op-sui-box{background:var(--op-accent);border-color:var(--op-accent)}.op-sui-check.on .op-sui-box svg{opacity:1}.op-sui-goes{margin-top:var(--op-space-14);border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-9);overflow:hidden}.op-sui-goes>div{display:grid;grid-template-columns:var(--op-sui-cols,1.2fr 1fr .8fr .6fr);gap:var(--op-space-6);padding:var(--op-space-9) var(--op-space-10);border-top:var(--op-space-1) solid var(--op-import-color-22);align-items:center}.op-sui-goes>div:first-child{border-top:0;background:var(--op-import-color-20);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9);padding-block:var(--op-demo-px-7)}.op-sui-to{color:var(--op-accent);font-weight:700}.op-sui-csv{font-size:var(--op-av-size-ui-sm)}.op-sui-csv>div{display:grid;grid-template-columns:var(--op-space-24) 1fr 1fr;padding:var(--op-space-8) var(--op-space-10);border-top:var(--op-space-1) solid var(--op-import-color-22);font-family:var(--op-av-font-mono);color:var(--op-import-color-10)}.op-sui-csv>div:first-child{background:var(--op-import-color-20);color:var(--op-import-color-9);font-size:var(--op-av-size-ui-2xs);padding-block:var(--op-space-6);border-top:0}.op-sui-csv .n{color:var(--op-import-color-21)}.op-sui-csv .hi{background:var(--op-import-color-18);box-shadow:inset var(--op-space-2) 0 0 var(--op-accent)}.op-sui-csv .hi span:last-child{color:var(--op-accent-strong);font-weight:600}.op-sui-tag{display:inline-flex;align-items:center;gap:var(--op-space-4);height:var(--op-space-18);padding:0 var(--op-space-6);border-radius:var(--op-space-5);font-size:var(--op-av-size-ui-xs);font-weight:500;background:var(--op-import-color-22);color:var(--op-import-color-14);white-space:nowrap}.op-sui-tag--ok{background:var(--op-ok-soft);color:var(--op-import-color-26)}.op-sui-tag--warn{background:var(--op-warn-soft);color:var(--op-warn)}.op-sui-tag--accent{background:var(--op-accent-soft);color:var(--op-accent-strong)}.op-sui-tag--line{background:var(--op-import-color-11);border:var(--op-space-1) solid var(--op-import-color-15);color:var(--op-import-color-9)}.op-sui-credit{display:inline-flex;align-items:center;gap:var(--op-space-4);height:var(--op-space-20);padding:0 var(--op-space-8);border-radius:var(--op-radius-pill);border:var(--op-space-1) solid var(--op-import-color-50);background:var(--op-import-color-18);color:var(--op-accent-strong);font-weight:600;font-size:var(--op-av-size-ui-sm)}@media(max-width:1023px){.op-sui-acts{margin-left:0}.op-sui-dtop>:first-child{flex:1 1 auto}}@media(max-width:560px){.op-sui-goes>div{grid-template-columns:var(--op-sui-cols-compact,minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr))}.op-sui-goes--nowrap>div>:first-child{white-space:nowrap}}.op-micro{display:inline-flex;align-items:center;gap:var(--op-space-10);max-width:100%;padding:var(--op-space-12) var(--op-space-16);border-radius:var(--op-radius-md);background:var(--op-import-color-11);font-family:var(--op-font-text);font-size:var(--op-av-size-micro);line-height:1.3;color:var(--op-import-color-2);white-space:nowrap;box-shadow:var(--op-av-micro-shadow);transition:transform var(--op-duration-600) var(--op-ease-expo),box-shadow var(--op-duration-600) var(--op-ease-expo)}.op-micro *{font-family:inherit}.op-micro b{font-weight:600}.op-micro .op-icon{color:var(--op-accent);flex:none}.op-micro__muted{color:var(--op-import-color-21)}.op-micro__arr{color:var(--op-import-color-32)}.op-micro__to{color:var(--op-accent);font-weight:700}.op-micro__mono{font-family:var(--op-av-font-mono);font-size:var(--op-av-size-micro-sm)}.op-micro__tick{width:var(--op-space-20);height:var(--op-space-20);border-radius:50%;background:var(--op-import-color-19);display:grid;place-items:center;flex:none}.op-micro__tick svg{width:var(--op-space-11);height:var(--op-space-11);stroke:var(--op-import-color-11);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.op-micro__chip{font-size:var(--op-demo-px-11);font-weight:600;color:var(--op-import-color-9);background:var(--op-av-code-bg);border-radius:var(--op-radius-pill);padding:var(--op-space-2) var(--op-space-9)}.op-micro__chip--ok{background:var(--op-ok-soft);color:var(--op-import-color-26)}.op-micro__chip--warn{background:var(--op-warn-soft);color:var(--op-warn)}.op-micro--btn{background:var(--op-accent);color:var(--op-import-color-11);font-weight:500;font-size:var(--op-av-size-micro-sm)}.op-micro--btn .op-icon{color:currentColor}.op-micro__seg{display:inline-flex;gap:var(--op-space-4);padding:var(--op-space-4);border-radius:var(--op-radius-sm);background:var(--op-import-color-22);font-size:var(--op-av-size-micro-sm)}.op-micro__seg span{display:inline-flex;align-items:center;gap:var(--op-space-6);padding:var(--op-space-5) var(--op-space-10);border-radius:var(--op-space-6);color:var(--op-import-color-10)}.op-micro__seg span.on{background:var(--op-import-color-11);color:var(--op-import-color-2);font-weight:500;box-shadow:0 var(--op-space-1) var(--op-space-2) var(--op-import-color-34)}.op-micro__bar{width:var(--op-demo-px-48);height:var(--op-space-5);border-radius:var(--op-radius-pill);background:var(--op-import-color-19);flex:none}.op-micro--seg{padding:var(--op-space-6)}.op-micro__box{width:var(--op-space-18);height:var(--op-space-18);border-radius:var(--op-space-5);background:var(--op-accent);display:grid;place-items:center;flex:none}.op-micro__box svg{width:var(--op-space-12);height:var(--op-space-12);stroke:var(--op-import-color-11);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.op-micro__credit{display:inline-flex;align-items:center;gap:var(--op-space-5);height:var(--op-space-24);padding:0 var(--op-space-10);border-radius:var(--op-radius-pill);border:var(--op-space-1) solid var(--op-import-color-50);background:var(--op-import-color-18);color:var(--op-accent-strong);font-weight:600;font-size:var(--op-av-size-micro-sm)}.op-micro__credit .op-icon{color:currentColor}@media(prefers-reduced-motion:reduce){.op-micro,.op-sui *,.op-sui-rad:after{transition:none!important}}.op-scene[data-astro-cid-5zbcftsb]{position:relative;margin:0;width:100%;font-family:var(--op-font-text)}.op-scene__stage[data-astro-cid-5zbcftsb]{position:relative;width:var(--op-av-scene-w);height:var(--op-scene-h);background-image:var(--op-av-scene-pool);background-repeat:no-repeat;background-size:calc(var(--op-av-scene-w) * .92) calc(var(--op-scene-h) * .96);background-position:calc(var(--op-av-scene-w) * .18) calc(var(--op-scene-h) * .04)}.op-scene__layers[data-astro-cid-5zbcftsb]{position:absolute;inset:0}.op-scene__layer[data-astro-cid-5zbcftsb]{position:absolute;left:var(--op-l);top:var(--op-t);width:var(--op-w);zoom:var(--op-z);border-radius:var(--op-radius-lg);background:var(--op-import-color-11);overflow:hidden}.op-scene__back[data-astro-cid-5zbcftsb]{box-shadow:var(--op-av-back-shadow);-webkit-mask-image:var(--op-av-back-mask);mask-image:var(--op-av-back-mask)}.op-scene__back[data-astro-cid-5zbcftsb]:after{content:"";position:absolute;inset:0;background:var(--op-av-back-veil);border-radius:inherit;pointer-events:none}.op-scene__front[data-astro-cid-5zbcftsb]{box-shadow:var(--op-av-front-shadow)}.op-scene__aside[data-astro-cid-5zbcftsb]{box-shadow:var(--op-av-aside-shadow)}.op-scene__link[data-astro-cid-5zbcftsb]{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}.op-scene__link[data-astro-cid-5zbcftsb] path{fill:none;stroke:var(--op-av-link);stroke-width:1.2;stroke-dasharray:3 4}.op-scene__link[data-astro-cid-5zbcftsb] circle{fill:var(--op-accent)}.op-scene__cursor[data-astro-cid-5zbcftsb]{position:absolute;z-index:6;left:0;top:0;width:var(--op-av-cursor);height:var(--op-av-cursor);filter:var(--op-av-cursor-shadow);opacity:0;pointer-events:none}.op-scene__cursor[data-astro-cid-5zbcftsb] path[data-astro-cid-5zbcftsb]{fill:var(--op-import-color-2);stroke:var(--op-import-color-11);stroke-width:1.6;stroke-linejoin:round}.op-scene[data-astro-cid-5zbcftsb].has-cursor .op-scene__cursor[data-astro-cid-5zbcftsb]{opacity:1}.op-scene[data-astro-cid-5zbcftsb].is-moving .op-scene__cursor[data-astro-cid-5zbcftsb]{transition:transform var(--op-av-cursor-move) var(--op-ease-expo),opacity var(--op-duration-400) var(--op-ease)}.op-scene__ripple[data-astro-cid-5zbcftsb]{position:absolute;z-index:5;left:0;top:0;width:var(--op-av-ripple-size);height:var(--op-av-ripple-size);margin:calc(var(--op-av-ripple-size) / -2) 0 0 calc(var(--op-av-ripple-size) / -2);border-radius:50%;border:var(--op-space-2) solid var(--op-av-ripple);opacity:0;pointer-events:none}.op-scene__ripple[data-astro-cid-5zbcftsb].is-go{animation:op-scene-ripple var(--op-demo-s--7) var(--op-ease-expo)}@keyframes op-scene-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}.op-scene__cap[data-astro-cid-5zbcftsb]{position:absolute;z-index:5;left:0;bottom:var(--op-space-6);max-width:var(--op-av-cap-w);color:var(--op-ink)}.op-scene__cap[data-astro-cid-5zbcftsb] b[data-astro-cid-5zbcftsb]{display:block;margin-bottom:var(--op-space-4);font-size:var(--op-av-size-cap-title);font-weight:600}.op-scene__cap[data-astro-cid-5zbcftsb] span[data-astro-cid-5zbcftsb]{font-size:var(--op-av-size-cap-text);line-height:1.5;color:var(--op-ink-2)}.op-scene[data-astro-cid-5zbcftsb] [data-scene-reveal]{transition:opacity var(--op-duration-500) var(--op-ease),transform var(--op-dur-slow) var(--op-ease-expo)}.op-scene[data-astro-cid-5zbcftsb].is-armed [data-scene-reveal]:not(.is-shown){opacity:0;transform:translateY(var(--op-space-8))}@media(min-width:1024px)and (max-width:1263px){.op-scene__stage[data-astro-cid-5zbcftsb]{zoom:.86}}@media(min-width:1024px)and (max-width:1095px){.op-scene__stage[data-astro-cid-5zbcftsb]{zoom:.8}}@media(max-width:1023px){.op-scene__stage[data-astro-cid-5zbcftsb]{width:auto;height:auto;zoom:1!important;background-size:100% 100%;background-position:0 0}.op-scene__layers[data-astro-cid-5zbcftsb]{position:relative;inset:auto}.op-scene__back[data-astro-cid-5zbcftsb],.op-scene__aside[data-astro-cid-5zbcftsb],.op-scene__link[data-astro-cid-5zbcftsb],.op-scene__cursor[data-astro-cid-5zbcftsb],.op-scene__ripple[data-astro-cid-5zbcftsb]{display:none}.op-scene__front[data-astro-cid-5zbcftsb]{position:relative;left:auto;top:auto;width:100%;max-width:calc(var(--op-av-front-max-compact) / var(--op-av-front-zoom-compact));zoom:var(--op-av-front-zoom-compact)}.op-scene__cap[data-astro-cid-5zbcftsb]{position:relative;left:auto;bottom:auto;margin-top:var(--op-space-30)}}@media(prefers-reduced-motion:reduce){.op-scene[data-astro-cid-5zbcftsb] [data-astro-cid-5zbcftsb],.op-scene[data-astro-cid-5zbcftsb] *{transition:none!important;animation:none!important}}.op-mosaic[data-astro-cid-onuatqry]{display:grid;grid-template-columns:repeat(var(--op-mosaic-cols),minmax(0,1fr));border-top:var(--op-space-1) solid var(--op-line);border-bottom:var(--op-space-1) solid var(--op-line);font-family:var(--op-font-text)}.op-mosaic--4[data-astro-cid-onuatqry]{--op-mosaic-cols: 4}.op-mosaic--3[data-astro-cid-onuatqry]{--op-mosaic-cols: 3}.op-mosaic[data-astro-cid-onuatqry]>:first-child{border-left:0;padding-left:0;--op-cell-ui-left: 0px}@media(max-width:1000px){.op-mosaic--4[data-astro-cid-onuatqry]{--op-mosaic-cols: 2}.op-mosaic--4[data-astro-cid-onuatqry]>:nth-child(odd){border-left:0;padding-left:0;--op-cell-ui-left: 0px}.op-mosaic--4[data-astro-cid-onuatqry]>:nth-child(n+3){border-top:var(--op-space-1) solid var(--op-line)}}@media(max-width:720px){.op-mosaic--3[data-astro-cid-onuatqry]{--op-mosaic-cols: 1}}@media(max-width:560px){.op-mosaic[data-astro-cid-onuatqry]{--op-mosaic-cols: 1}.op-mosaic[data-astro-cid-onuatqry]>.op-dcell{border-left:0;padding-left:0;padding-right:0;--op-cell-ui-left: 0px}.op-mosaic[data-astro-cid-onuatqry]>.op-dcell+.op-dcell{border-top:var(--op-space-1) solid var(--op-line)}}.op-dcell[data-astro-cid-ht2qatu4]{position:relative;min-width:0;min-height:var(--op-av-cell-h);padding:var(--op-av-cell-title-top) var(--op-space-24) var(--op-demo-px-26);border-left:var(--op-space-1) solid var(--op-line);display:flex;flex-direction:column;justify-content:flex-start;font-family:var(--op-font-text);color:var(--op-ink)}.op-dcell[data-astro-cid-ht2qatu4] *{font-family:inherit}.op-dcell__ui[data-astro-cid-ht2qatu4]{position:absolute;left:var(--op-cell-ui-left, var(--op-space-24));right:var(--op-space-24);top:var(--op-av-cell-ui-top);height:var(--op-av-cell-ui-h);display:flex;align-items:center;justify-content:center}.op-dcell[data-astro-cid-ht2qatu4]:hover .op-dcell__ui[data-astro-cid-ht2qatu4] .op-micro{transform:translateY(var(--op-av-micro-lift));box-shadow:var(--op-av-micro-shadow-hover)}.op-dcell__title[data-astro-cid-ht2qatu4]{margin:0 0 var(--op-space-6);font-size:var(--op-av-size-cell-title);font-weight:600;line-height:1.35;letter-spacing:0;color:var(--op-ink)}.op-dcell__text[data-astro-cid-ht2qatu4]{margin:0;font-size:var(--op-av-size-cell-text);line-height:1.5;color:var(--op-ink)}@media(max-width:560px){.op-dcell[data-astro-cid-ht2qatu4]{min-height:0;padding-block:var(--op-space-24) var(--op-space-30)}.op-dcell__ui[data-astro-cid-ht2qatu4]{position:relative;left:auto;right:auto;top:auto;height:auto;justify-content:flex-start;padding:var(--op-space-12) 0 var(--op-space-24)}}