.sc-placeholder { background: color-mix(in srgb, currentcolor 8%, transparent); border: 1px solid color-mix(in srgb, currentcolor, transparent); border-radius: 2px; box-sizing: border-box; overflow: hidden; }
@keyframes sc-shine { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
html.sc-dc-streaming .sc-placeholder, html.sc-dc-streaming .sc-interp.sc-missing { position: relative; background: color-mix(in srgb, currentcolor 5%, transparent); border-color: transparent; }
html.sc-dc-streaming .sc-placeholder::before, html.sc-dc-streaming .sc-interp.sc-missing::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(217, 119, 87, 0) 25%, rgba(247, 225, 211, 0.95) 37%, rgba(217, 119, 87, 0) 63%) 0% 0% / 400% 100%; animation: 1.4s ease 0s infinite normal none running sc-shine; }
html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before, html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before { animation: auto ease 0s 1 normal none running none; background: color-mix(in srgb, currentcolor 8%, transparent); }
.sc-placeholder-error { padding: 4px 8px; font: 11px / 1.4 ui-monospace, monospace; color: color-mix(in srgb, currentcolor 70%, transparent); word-break: break-word; }
.sc-interp.sc-missing { display: inline-block; width: 2em; height: 1em; overflow: hidden; vertical-align: text-bottom; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 2px; box-sizing: border-box; color: transparent; user-select: none; }
.sc-interp.sc-unresolved { font-family: ui-monospace, monospace; font-size: 0.85em; color: color-mix(in srgb, currentcolor, transparent); background: color-mix(in srgb, currentcolor 10%, transparent); border-radius: 3px; padding: 0px 3px; }
.sc-host.sc-has-error { position: relative; }
.sc-logic-error { position: absolute; top: 8px; left: 8px; z-index: 2147483647; max-width: 60ch; padding: 6px 10px; background: rgb(176, 0, 32); color: rgb(255, 255, 255); font: 12px / 1.4 ui-monospace, monospace; border-radius: 4px; white-space: pre-wrap; pointer-events: none; }
@media print {
  @page { margin: 0.5cm; }
  figure, table { break-inside: avoid; }
  #dc-root, #dc-root > .sc-host { height: auto; }
  *, ::before, ::after { print-color-adjust: exact; backdrop-filter: none !important; animation-delay: -99s !important; animation-duration: 0.001s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-play-state: running !important; transition-duration: 0s !important; }
}
@import url("../../../vendor/fonts/fonts.css");
:root { --ds-magenta: #f12bcc; --ds-magenta-bright: #e700e9; --ds-magenta-deep: #a3128c; --ds-periwinkle: #6c87e6; --ds-blue: #4e7bf5; --ds-cyan: #0cd4fe; --ds-violet: #a857fe; --ds-violet-deep: #5b3ce0; --ds-black: #000000; --ds-ink-900: #030303; --ds-ink-850: #0a090c; --ds-ink-800: #101014; --ds-ink-750: #161619; --ds-ink-700: #1c1c21; --ds-ink-600: #252a32; --ds-ink-500: #3a3a42; --ds-ink-400: #5c5c66; --ds-grey-300: #8a8a94; --ds-grey-200: #b4b4bd; --ds-grey-100: #d8d8de; --ds-white: #ffffff; --ds-success: #4ade80; --ds-success-deep: #1c7a44; --ds-warning: #f0a63c; --ds-danger: #f2555a; --ds-info: #0cd4fe; --ds-tint-blue: #091823; --ds-tint-violet: #140d23; --ds-tint-magenta: #1d0b16; --ds-tint-neutral: #040407; --veil-blur: 16px; --veil-15: rgba(0,0,0,.15); --veil-35: rgba(0,0,0,.35); --veil-grey-15: rgba(138,138,148,.15); --veil-grey-35: rgba(138,138,148,.35); --gradient-veil: linear-gradient(160deg,var(--veil-35) 0%,var(--veil-15) 100%); --gradient-veil-up: linear-gradient(180deg,var(--veil-15) 0%,var(--veil-35) 100%); --gradient-veil-grey: linear-gradient(160deg,var(--veil-grey-35) 0%,var(--veil-grey-15) 100%); --surface-page: var(--ds-ink-900); --surface-app: var(--ds-ink-850); --surface-raised: var(--veil-grey-15); --surface-card: var(--veil-grey-15); --surface-card-hover: var(--veil-grey-35); --surface-input: var(--veil-35); --surface-raised-solid: var(--ds-ink-800); --surface-card-solid: var(--ds-ink-750); --surface-card-hover-solid: var(--ds-ink-700); --surface-glass: var(--glass-control); --surface-glass-strong: var(--glass-control-hover); --surface-inverse: var(--ds-white); --surface-control: #17171c; --surface-control-hover: #23232b; --surface-control-active: #2c2c35; --border-control: rgba(255,255,255,.14); --surface-popover: #2a2b31; --surface-popover-row-hover: #34353c; --surface-popover-foot: #3a3b41; --text-primary: var(--ds-white); --text-dim: #9a9aa4; --text-body: var(--ds-grey-200); --text-muted: #9ea0aa; --text-faint: #82828f; --text-inverse: var(--ds-ink-900); --text-accent: var(--ds-magenta); --text-link: var(--ds-grey-100); --text-link-hover: var(--ds-white); --border-hairline: rgba(255,255,255,.08); --border-subtle: rgba(255,255,255,.12); --border-strong: rgba(255,255,255,.22); --border-focus: var(--ds-cyan); --icon-default: #c9c9d2; --icon-strong: var(--ds-white); --icon-dim: #84848f; --accent-primary: var(--ds-magenta); --accent-secondary: var(--ds-periwinkle); --accent-ai: var(--ds-violet); --gradient-brand: linear-gradient(90deg,var(--ds-cyan) 0%,var(--ds-magenta-bright) 100%); --gradient-rule: linear-gradient(90deg,#8b5cf6 0%,#2f7dff 100%); --gradient-logo: var(--gradient-rule); --gradient-ai: linear-gradient(150deg,#ff3ddb 0%,#c018c8 44%,#4a108a 100%); --gradient-kpi: linear-gradient(140deg,#2f7dff 0%,#7fd8ff 100%); --gradient-chrome: linear-gradient(115deg,#39406b 0%,#8e9cc9 28%,#f2f5ff 47%,#a58ad0 64%,#2c2547 100%); --gradient-orb: radial-gradient(circle at 34% 26%,#efdcff 0%,#b06bf7 28%,#6f28d9 60%,#2a1150 100%); --gradient-card-blue: linear-gradient(160deg,#0d2333 0%,#050a10 70%); --gradient-card-violet: linear-gradient(160deg,#1d1236 0%,#08060f 70%); --gradient-card-magenta: linear-gradient(160deg,#2a0e21 0%,#0d0409 70%); --gradient-fade-black: linear-gradient(180deg,rgba(3,3,3,0) 0%,var(--ds-ink-900) 100%); --gradient-card-blue-veil: linear-gradient(160deg,color-mix(in oklab,var(--ds-blue) 15%,var(--veil-35)) 0%,var(--veil-35) 70%); --gradient-card-violet-veil: linear-gradient(160deg,color-mix(in oklab,var(--ds-violet) 15%,var(--veil-35)) 0%,var(--veil-35) 70%); --gradient-card-magenta-veil: linear-gradient(160deg,color-mix(in oklab,var(--ds-magenta) 15%,var(--veil-35)) 0%,var(--veil-35) 70%); }
:root { --font-sans: "Figtree","Sofia Pro","Segoe UI",system-ui,sans-serif; --font-display: "Archivo","Figtree",system-ui,sans-serif; --display-stretch: 112%; --font-mono: "JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; --text-hero: clamp(2.75rem,calc(2.083rem + 2.96vw),4.75rem); --text-h1: clamp(2.25rem,calc(1.833rem + 1.85vw),3.5rem); --text-h2: clamp(1.75rem,calc(1.5rem + 1.11vw),2.5rem); --text-h3: clamp(1.25rem,calc(1.167rem + .37vw),1.5rem); --text-h4: clamp(1.125rem,calc(1.083rem + .19vw),1.25rem); --text-lg: clamp(1rem,calc(.958rem + .19vw),1.125rem); --text-base: clamp(.9375rem,calc(.917rem + .09vw),1rem); --text-sm: .875rem; --text-xs: .8125rem; --text-2xs: .6875rem; --leading-tight: 1.04; --leading-snug: 1.18; --leading-normal: 1.45; --leading-relaxed: 1.6; --weight-light: 300; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-black: 800; --tracking-tight: -.03em; --tracking-snug: -.015em; --tracking-normal: 0; --tracking-wide: .06em; --tracking-eyebrow: .16em; --type-hero-weight: var(--weight-bold); --type-heading-weight: var(--weight-bold); --type-body-size: var(--text-base); --type-body-color: var(--text-body); --type-eyebrow-size: var(--text-sm); }
:root { --space-0: 0rem; --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem; --gutter-card: 1.5rem; --gutter-card-lg: 2rem; --gutter-grid: 1rem; --gutter-section: clamp(3.5rem,calc(2.33rem + 5.19vw),6rem); --gutter-page: clamp(1.25rem,calc(.583rem + 2.96vw),2rem); --gutter-hero: clamp(3rem,calc(1.33rem + 7.41vw),6rem); --gutter-bento: clamp(.75rem,calc(.5rem + 1.11vw),1.25rem); --container-max: 1280px; --container-narrow: 840px; --sidebar-width: 248px; }
:root { --radius-xs: 4px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 16px; --radius-2xl: 16px; --radius-3xl: 20px; --radius-bento: 16px; --radius-pill: 999px; --radius-circle: 50%; --radius-card: var(--radius-lg); --radius-control: var(--radius-md); --radius-chip: var(--radius-pill); }
:root { --edge-hairline: inset 0 0 0 1px rgba(255,255,255,.07); --edge-hairline-strong: inset 0 0 0 1px rgba(255,255,255,.12); --edge-lit-top: inset 0 1px 0 rgba(255,255,255,.08); --lift-sm: 0 4px 14px rgba(0,0,0,.5); --lift-md: 0 12px 32px rgba(0,0,0,.55); --lift-lg: 0 28px 72px rgba(0,0,0,.66); --shadow-none: none; --shadow-sm: var(--lift-sm); --shadow-md: var(--lift-md); --shadow-lg: var(--lift-lg); --shadow-inset-top: var(--edge-lit-top); --glow-focus: 0 0 0 3px rgba(12,212,254,.22); --glow-selected: 0 0 24px -6px rgba(168,87,254,.45); --glow-live: 0 0 20px -6px rgba(12,212,254,.40); --glow-danger: 0 0 20px -6px rgba(255,77,106,.40); --stroke-card: 1px solid rgba(255,255,255,.15); --stroke-card-color: rgba(255,255,255,.15); --inner-cyan: inset 0 0 40px -10px rgba(12,212,254,.55),inset 0 0 0 1px rgba(12,212,254,.22); --inner-violet: inset 0 0 40px -10px rgba(168,87,254,.55),inset 0 0 0 1px rgba(168,87,254,.22); --inner-magenta: inset 0 0 40px -10px rgba(241,43,204,.50),inset 0 0 0 1px rgba(241,43,204,.20); --inner-green: inset 0 0 40px -10px rgba(52,211,153,.45),inset 0 0 0 1px rgba(52,211,153,.18); --inner-amber: inset 0 0 40px -10px rgba(251,191,36,.45),inset 0 0 0 1px rgba(251,191,36,.18); --inner-plain: inset 0 0 40px -12px rgba(255,255,255,.30),inset 0 0 0 1px rgba(255,255,255,.10); --transition-inner: box-shadow 420ms var(--ease-liquid),background-color 420ms var(--ease-liquid),border-color 420ms var(--ease-liquid),transform 420ms var(--ease-out); --hover-inner-rgb: 168 87 254; --hover-inner-blur: 20px; --hover-inner-spread: -4px; --hover-inner-alpha: .55; --hover-inner-ring: 1px; --hover-inner-ring-alpha: .22; --hover-inner-duration: 420ms; --hover-inner-ease: var(--ease-liquid); --hover-inner-lift: 0px; --hover-rest-blur: 0px; --hover-rest-spread: 0px; --hover-rest-alpha: 0; --hover-rest-ring: 0px; --hover-rest-ring-alpha: 0; --transition-hover-inner: box-shadow var(--hover-inner-duration) var(--hover-inner-ease),transform var(--hover-inner-duration) var(--ease-out); --hover-flood-blur: 64px; --hover-flood-spread: 26px; --hover-flood-alpha: .40; --hover-flood-ring-alpha: .30; --glow-magenta: none; --glow-cyan: none; --glow-violet: none; --glow-blue: none; --glow-soft: none; --ring-focus: 0 0 0 2px var(--ds-ink-900),0 0 0 4px var(--ds-cyan); --blur-glass: var(--glass-blur); --blur-heavy: blur(48px); }
:root { --field-grid-size: 152px; --field-grid-line: rgba(255,255,255,.045); --field-grid: linear-gradient(var(--field-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--field-grid-line) 1px,transparent 1px); --field-dot-size: 4px; --field-dots: radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px); --field-hatch: repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 7px); --leak-bloom: radial-gradient(120% 80% at 50% 118%,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 38%,transparent 68%); --leak-violet: radial-gradient(circle at 50% 50%,rgba(168,87,254,.34) 0%,transparent 68%); --leak-magenta: radial-gradient(circle at 50% 50%,rgba(241,43,204,.28) 0%,transparent 68%); --leak-cyan: radial-gradient(circle at 50% 50%,rgba(12,212,254,.24) 0%,transparent 70%); --leak-blue: radial-gradient(circle at 50% 50%,rgba(78,123,245,.30) 0%,transparent 70%); --leak-beam: linear-gradient(112deg,transparent 0%,rgba(150,120,255,.30) 42%,rgba(150,120,255,.05) 62%,transparent 78%); --wash-top-left: radial-gradient(90% 120% at 0% 0%,rgba(255,255,255,.07) 0%,transparent 58%); --wash-top: radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.06) 0%,transparent 60%); --rim-top: inset 0 1px 0 rgba(255,255,255,.14); --rim-all: inset 0 0 0 1px rgba(255,255,255,.09); --glass-blur: blur(22px) saturate(140%); --glass-blur-heavy: blur(40px) saturate(150%); --glass-control: rgba(34,34,41,.30); --glass-control-hover: rgba(54,54,64,.42); --glass-panel: rgba(24,24,29,.30); --glass-popover: rgba(30,30,37,.38); --glass-row-hover: rgba(255,255,255,.07); --glass-foot: rgba(255,255,255,.06); --glass-border: rgba(255,255,255,.14); --glass-border-control: rgba(255,255,255,.18); --glass-shadow: 0 22px 52px rgba(0,0,0,.62); --glass-fill: var(--glass-control); --glass-fill-strong: var(--glass-control-hover); --shadow-liquid: inset 3px 3px .5px -3.5px rgba(255,255,255,.10),
    inset -3px -3px .5px -3.5px rgba(255,255,255,.60),
    inset 1px 1px 1px -.5px rgba(255,255,255,.34),
    inset -1px -1px 1px -.5px rgba(255,255,255,.34),
    inset 0 0 6px 6px rgba(255,255,255,.055),
    inset 0 0 2px 2px rgba(255,255,255,.035),
    0 2px 10px rgba(0,0,0,.38),
    0 10px 34px rgba(0,0,0,.26); --shadow-liquid-sm: inset 2px 2px .5px -2.5px rgba(255,255,255,.12),
    inset -2px -2px .5px -2.5px rgba(255,255,255,.55),
    inset 1px 1px 1px -.5px rgba(255,255,255,.30),
    inset -1px -1px 1px -.5px rgba(255,255,255,.30),
    inset 0 0 4px 4px rgba(255,255,255,.05),
    0 1px 6px rgba(0,0,0,.34); --liquid-displace: 14; --liquid-frequency: .008; --orbit-ring: rgba(255,255,255,.10); --bevel-raised: inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.55),
    inset 0 8px 14px -8px rgba(255,255,255,.16),
    inset 0 -10px 14px -10px rgba(0,0,0,.5),
    0 1px 1px rgba(0,0,0,.4),
    0 6px 16px -6px rgba(0,0,0,.55); --bevel-pressed: inset 0 -1px 0 rgba(255,255,255,.14),
    inset 0 2px 6px rgba(0,0,0,.62),
    inset 0 10px 16px -10px rgba(0,0,0,.5); --bevel-sheen: linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 42%,transparent 60%); --scroll-thumb: rgba(255,255,255,.10); --scroll-thumb-hover: rgba(255,255,255,.20); --scroll-thumb-active: rgba(255,255,255,.30); --scroll-size: 10px; --scroll-size-thin: 6px; --alpha-ghost: .04; --alpha-hairline: .08; --alpha-veil: .12; --alpha-edge: .18; --alpha-hover: .24; --wire-hairline: rgba(255,255,255,.09); --wire-line: rgba(255,255,255,.15); --wire-edge: rgba(255,255,255,.24); --wire-fill: rgba(255,255,255,.14); --wire-1: var(--wire-hairline); --wire-2: var(--wire-line); --wire-3: var(--wire-edge); --wire-bar-h: 6px; --wire-bar-r: 3px; --wire-row-h: 27px; --wire-surface: rgba(6,6,8,.72); --wire-rail: rgba(255,255,255,.025); }
:root { --duration-instant: 80ms; --duration-fast: 140ms; --duration-base: 220ms; --duration-slow: 400ms; --duration-glide: 640ms; --duration-settle: 900ms; --duration-ambient: 8s; --ease-standard: cubic-bezier(.22,.61,.36,1); --ease-out: cubic-bezier(.16,1,.3,1); --ease-in-out: cubic-bezier(.65,0,.35,1); --ease-liquid: cubic-bezier(.19,1,.22,1); --transition-control: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard); --transition-surface: background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-standard); --press-scale: .98; --hover-lift: -2px; --tilt-perspective: 900px; --tilt-max: 7deg; --tilt-lift: 14px; --mask-fade-b: linear-gradient(180deg,#000 62%,transparent 100%); --mask-smooth-b: linear-gradient(180deg,#000 0%,rgba(0,0,0,.985) 12%,rgba(0,0,0,.94) 23%,rgba(0,0,0,.862) 33%,rgba(0,0,0,.748) 43%,rgba(0,0,0,.604) 53%,rgba(0,0,0,.448) 62%,rgba(0,0,0,.306) 71%,rgba(0,0,0,.186) 80%,rgba(0,0,0,.094) 88%,rgba(0,0,0,.034) 95%,transparent 100%); --mask-smooth-t: linear-gradient(0deg,#000 0%,rgba(0,0,0,.985) 12%,rgba(0,0,0,.94) 23%,rgba(0,0,0,.862) 33%,rgba(0,0,0,.748) 43%,rgba(0,0,0,.604) 53%,rgba(0,0,0,.448) 62%,rgba(0,0,0,.306) 71%,rgba(0,0,0,.186) 80%,rgba(0,0,0,.094) 88%,rgba(0,0,0,.034) 95%,transparent 100%); --mask-smooth-r: linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 18%,rgba(0,0,0,.88) 34%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.52) 62%,rgba(0,0,0,.31) 76%,rgba(0,0,0,.13) 89%,transparent 100%); --mask-smooth-y: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.13) 6%,rgba(0,0,0,.42) 13%,rgba(0,0,0,.78) 21%,#000 30%,#000 70%,rgba(0,0,0,.78) 79%,rgba(0,0,0,.42) 87%,rgba(0,0,0,.13) 94%,transparent 100%); --mask-smooth-radial: radial-gradient(62% 62% at 50% 45%,#000 0%,rgba(0,0,0,.972) 28%,rgba(0,0,0,.88) 44%,rgba(0,0,0,.72) 57%,rgba(0,0,0,.51) 69%,rgba(0,0,0,.29) 81%,rgba(0,0,0,.11) 92%,transparent 100%); --mask-smooth-ellipse: radial-gradient(78% 54% at 50% 52%,#000 0%,rgba(0,0,0,.95) 34%,rgba(0,0,0,.78) 52%,rgba(0,0,0,.52) 68%,rgba(0,0,0,.26) 83%,transparent 100%); --mask-fade-edge: linear-gradient(180deg,#000 88%,transparent 100%); --mask-fade-t: linear-gradient(0deg,#000 62%,transparent 100%); --mask-fade-r: linear-gradient(90deg,#000 72%,transparent 100%); --mask-fade-y: linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%); --mask-fade-edges: linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%); --mask-sweep: linear-gradient(105deg,transparent 34%,#000 46%,#000 54%,transparent 66%); --mask-wipe: linear-gradient(90deg,#000 0%,#000 42%,transparent 62%); --gsap-ease-standard: cubic-bezier(.22,.61,.36,1); --gsap-ease-out: cubic-bezier(.16,1,.3,1); --gsap-ease-liquid: cubic-bezier(.19,1,.22,1); --reveal-distance: 26px; --reveal-stagger: 70ms; --lag-light: 490ms; --lag-plane: 850ms; --lag-release: 520ms; --reveal-channels: 7; --reveal-start: 86; --reveal-scrub-span: 60; --reveal-channel-stagger: .075; --reveal-channel-span: .52; --edge-mask: 14%; --edge-mask-y: linear-gradient(180deg,transparent 0%,#000 var(--edge-mask,14%),#000 calc(100% - var(--edge-mask,14%)),transparent 100%); }
:root { --story-track-per-stage: 150vh; --story-stages: 6; --story-playhead-rate: 7; --story-xf-start: .35; --story-xf-span: .3; --lag-light: .25; --lag-plane: .6; --lag-release: 1.1; --q-frame-ok: 24ms; --q-frame-bad: 34ms; --q-sample-frames: 80; --q-mobile-below: 760px; --atmos-blur-high: 34px; --atmos-blur-lite: 14px; --atmos-reach: 260px; --scrim-copy: linear-gradient(to top,#030303 0%,#030303 22%,rgba(3,3,3,.985) 32%,rgba(3,3,3,.95) 41%,rgba(3,3,3,.88) 49%,rgba(3,3,3,.78) 57%,rgba(3,3,3,.65) 64%,rgba(3,3,3,.5) 71%,rgba(3,3,3,.35) 78%,rgba(3,3,3,.22) 85%,rgba(3,3,3,.11) 91%,rgba(3,3,3,.04) 96%,transparent 100%); --scrim-copy-height: 54%; --mask-stage-vignette: radial-gradient(ellipse 70% 65% at 50% 45%,#000 30%,transparent 100%); --mask-closest-side: radial-gradient(closest-side at 50% 50%,#000 46%,rgba(0,0,0,.72) 68%,rgba(0,0,0,.22) 86%,transparent 100%); --stage-grid: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); --stage-grid-size: 152px; }
*, ::before, ::after { box-sizing: border-box; }
body { margin: 0px; background: var(--surface-page); color: var(--text-primary); font-family: var(--font-sans); font-size: var(--text-base); line-height: var(--leading-normal); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5 { margin: 0px; font-weight: var(--weight-bold); letter-spacing: var(--tracking-tight); line-height: var(--leading-snug); color: var(--text-primary); text-wrap: balance; }
p { margin: 0px; color: var(--text-body); text-wrap: pretty; }
a { color: var(--text-link); text-decoration: none; transition: color var(--duration-fast) var(--ease-standard); }
a:hover { color: var(--text-link-hover); }
button { font: inherit; }
::selection { background: var(--ds-magenta); color: var(--ds-white); }
* { scrollbar-width: thin; scrollbar-color: var(--scroll-thumb) transparent; }
::-webkit-scrollbar { width: var(--scroll-size); height: var(--scroll-size); background: transparent; }
::-webkit-scrollbar-track { background: transparent; border: 0px; }
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-radius: var(--radius-pill); border: 3px solid transparent; background-clip: padding-box; transition: background-color var(--duration-base) var(--ease-standard); }
::-webkit-scrollbar-thumb:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; }
::-webkit-scrollbar-thumb:active { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; }
:hover::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; }
.ds-scroll-thin::-webkit-scrollbar { width: var(--scroll-size-thin); height: var(--scroll-size-thin); }
.ds-scroll-thin::-webkit-scrollbar-thumb { border-width: 1px; }
.ds-scroll-none { scrollbar-width: none; }
.ds-scroll-none::-webkit-scrollbar { display: none; }
.ds-eyebrow { font-size: var(--type-eyebrow-size); font-weight: var(--weight-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--text-primary); }
x-dc { display: none !important; }
[data-perf-austero] .dsOrb__c { visibility: hidden !important; }
[data-perf-austero] *, [data-perf-austero] ::before, [data-perf-austero] ::after { backdrop-filter: none !important; }
[data-perf-austero] [data-rail-track], [data-perf-austero] [data-beam], [data-perf-austero] [data-sweep] { animation: auto ease 0s 1 normal none running none !important; }
[data-perf-austero] [data-illo] * { animation: auto ease 0s 1 normal none running none !important; }
.scp0:hover { background: rgba(255, 255, 255, 0.11) !important; color: rgb(255, 255, 255) !important; }
.scp1:hover { color: rgb(255, 255, 255) !important; }
.scp2:hover { background: rgba(255, 255, 255, 0.08) !important; }
.scp3:hover { background: rgba(255, 255, 255, 0.05) !important; }
.scp4:hover { background: rgba(255, 255, 255, 0.027) !important; }
.scp5:hover { background: rgb(217, 188, 255) !important; }
html, body { height: 100%; margin: 0px; }
#dc-root, #dc-root > .sc-host { height: 100%; }
#cta { --cta-rgb: 241,43,204; --cta-glow: 1; --cta-lop: .5; --cta-lw: 1; --cta-seg: 3.4s; --cta-seglen: 90; --cta-art-h: clamp(150px,22vw,232px); }
#cta[data-cta-hue="violeta"] { --cta-rgb: 168,87,254; }
#cta[data-cta-hue="cian"] { --cta-rgb: 12,212,254; }
#cta [data-cta-art] { position: relative; z-index: 1; width: 100%; height: var(--cta-art-h); display: grid; place-items: center; }
#cta[data-cta-style="limpio"] [data-cta-art] { display: none; }
#cta [data-cta-svg] { position: absolute; inset: -70% -10%; z-index: -1; pointer-events: none; overflow: visible; }
#cta [data-cta-svg] svg { width: 100%; height: 100%; display: block; overflow: visible; }
#cta[data-cta-style="lluvia"] [data-cta-art], #cta[data-cta-style="rio"] [data-cta-art] { --cta-art-h: clamp(96px,12vw,128px); margin-top: 8px; }
#cta[data-cta-style="lluvia"] [data-cta-svg], #cta[data-cta-style="rio"] [data-cta-svg] { inset: -340% -12% -8%; }
#cta [data-cta-svg] .rail { fill: none; stroke: rgba(255,255,255,calc(var(--cta-lop) * .34)); stroke-width: var(--cta-lw); }
#cta [data-cta-svg] .seg { fill: none; stroke: rgba(var(--cta-rgb),var(--cta-lop)); stroke-width: calc(var(--cta-lw) * 1.6); stroke-linecap: round; stroke-dasharray: var(--cta-seglen) 1000; stroke-dashoffset: 1000; animation: mipCtaSeg var(--cta-seg) linear infinite; }
@keyframes mipCtaSeg { 
  0% { stroke-dashoffset: calc(1000 + var(--cta-seglen) * 1px); }
  100% { stroke-dashoffset: calc(0px - var(--cta-seglen) * 1px); }
}
#cta [data-cta-svg] .ring { fill: none; stroke: rgba(var(--cta-rgb),calc(var(--cta-lop) * .8)); stroke-width: var(--cta-lw); }
#cta [data-cta-svg] .out { fill: none; stroke: rgba(var(--cta-rgb),var(--cta-lop)); stroke-width: var(--cta-lw); transform-box: fill-box; transform-origin: center center; animation: mipCtaOut var(--cta-seg) ease-out infinite; }
@keyframes mipCtaOut { 
  0% { transform: scale(0.28); opacity: 0; }
  14% { opacity: var(--cta-lop); }
  100% { transform: scale(1); opacity: 0; }
}
#cta [data-cta-badge] { position: relative; z-index: 3; width: clamp(62px, 7.4vw, 88px); aspect-ratio: 1 / 1; border-radius: 26%; display: grid; place-items: center; background: linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 0 0 1px rgba(var(--cta-rgb),calc(.18 * var(--cta-glow))),
0 18px 50px -14px rgba(var(--cta-rgb),calc(.55 * var(--cta-glow))),
inset 0 1px 0 rgba(255,255,255,.16); }
#cta [data-cta-badge] img { width: 58%; height: auto; display: block; }
#cta [data-cta-logo] { position: absolute; z-index: 2; width: clamp(26px, 3vw, 34px); aspect-ratio: 1 / 1; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.07); transform: translate(-50%, -50%); opacity: 0.66; }
#cta [data-cta-logo] img { width: 56%; height: 56%; object-fit: contain; filter: grayscale(1) brightness(1.6); opacity: 0.85; }
#cta [data-cta-glass] { display: none; }
#cta[data-cta-glass-on="1"] [data-cta-glass] { display: block; position: absolute; left: -5%; right: -5%; top: -30px; bottom: calc(var(--cta-art-h) + 14px); z-index: 0; pointer-events: none; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.13); background: linear-gradient(rgba(255, 255, 255, 0.086), rgba(255, 255, 255, 0.024)); backdrop-filter: blur(18px) saturate(135%); box-shadow: rgba(0, 0, 0, 0.75) 0px 26px 64px -30px, rgba(255, 255, 255, 0.14) 0px 1px 0px inset; }
#cta[data-cta-glass-on="1"] [data-cta-box] > :not([data-cta-glass]) { position: relative; z-index: 1; }
#cta::after { content: ""; position: absolute; left: 50%; bottom: -34%; width: 150%; aspect-ratio: 2 / 1; transform: translateX(-50%); pointer-events: none; z-index: 0; background: radial-gradient(ellipse at 50% 100%,rgba(var(--cta-rgb),calc(.26 * var(--cta-glow))) 0%,
rgba(var(--cta-rgb),calc(.11 * var(--cta-glow))) 38%,transparent 70%); }
@media (max-width: 700px) {
  #cta [data-cta-svg] { left: -16%; right: -16%; }
  #cta [data-cta-logo]:nth-of-type(n+7) { display: none; }
  #cta[data-cta-glass-on="1"] [data-cta-glass] { left: -3%; right: -3%; top: -20px; }
}
@media (prefers-reduced-motion: reduce) {
  #cta [data-cta-svg] .seg { animation: auto ease 0s 1 normal none running none; stroke-dashoffset: 400; }
  #cta [data-cta-svg] .out { animation: auto ease 0s 1 normal none running none; transform: scale(0.7); opacity: calc(var(--cta-lop) * .5); }
}
#how { --how-edge: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 6%,#000 12%,#000 88%,rgba(0,0,0,.6) 94%,transparent 100%); }
#how [data-how-root] { display: flex; flex-direction: column; gap: 14px; }
#how [data-how-tabs] { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); border: 1px solid var(--border-hairline); border-radius: 14px; overflow: hidden; background: rgba(255, 255, 255, 0.01); }
#how[data-how-nav="none"] [data-how-tabs] { display: none; }
#how [data-how-tab] { position: relative; appearance: none; margin: 0px; font: inherit; color: inherit; background: transparent; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 1px solid var(--border-hairline); text-align: left; padding: 17px 18px 19px; display: grid; gap: 8px; align-content: start; min-width: 0px; cursor: pointer; transition: background-color var(--duration-base) var(--ease-standard); }
#how [data-how-tab]:first-child { border-left: 0px; }
#how [data-how-tab]:hover { background: rgba(255, 255, 255, 0.043); }
#how [data-how-tab]:focus-visible { outline: 2px solid var(--ds-cyan); outline-offset: -3px; }
#how [data-how-tab][data-on="1"] { background: rgba(255, 255, 255, 0.03); }
#how [data-how-tab]::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: rgba(255, 255, 255, 0.07); }
#how [data-how-fill] { position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: var(--ds-cyan); box-shadow: rgba(12, 212, 254, 0.5) 0px 0px 12px; transform: scaleX(0); transform-origin: 0px 50%; }
#how [data-how-tab][data-on="1"] [data-how-fill] { transform: scaleX(var(--how-p,1)); }
#how [data-how-k] { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; color: var(--text-faint); transition: color var(--duration-base) var(--ease-standard); }
#how [data-how-tab][data-on="1"] [data-how-k] { color: var(--ds-cyan); }
#how [data-how-n] { min-width: 0px; font-size: 17px; font-weight: 700; letter-spacing: var(--tracking-tight); color: var(--text-muted); transition: color var(--duration-base) var(--ease-standard); }
#how [data-how-tab][data-on="1"] [data-how-n] { color: rgb(255, 255, 255); }
#how [data-how-p] { display: block; margin: 0px; font-size: 13px; line-height: 1.5; color: rgb(123, 124, 134); text-wrap: pretty; transition: color var(--duration-base) var(--ease-standard); }
#how [data-how-tab][data-on="1"] [data-how-p] { color: var(--text-body); }
#how [data-how-frame] { border: 1px solid var(--ha-bd,var(--glass-border-control)); border-radius: 16px; background: var(--ha-bg,rgba(9,9,13,.72)); backdrop-filter: blur(var(--ha-blur,22px)) saturate(140%); box-shadow: var(--ha-shadow,var(--shadow-liquid)); overflow: hidden; }
#how [data-how-bar] { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--border-hairline); background: rgba(255, 255, 255, 0.02); }
#how [data-how-id] { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-faint); }
#how [data-how-meta] { margin-left: auto; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ds-grey-100); white-space: nowrap; }
#how [data-how-stage] { position: relative; min-width: 0px; overflow: hidden; background: rgb(5, 5, 8); }
#how [data-how-panel] { opacity: 0; transform: translate3d(0px, 10px, 0px); pointer-events: none; transition: opacity 420ms var(--ease-out),transform 520ms var(--ease-out); }
#how [data-how-panel]:not(:first-child) { position: absolute; inset: 0px 0px auto; }
#how [data-how-panel][data-on="1"] { opacity: 1; transform: none; pointer-events: auto; }
#how .mipFrame .dsChatFab, #how .mipFrame .dsRail__add { display: none; }
@media (max-width: 1240px) {
  #how [data-how-tabs] { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  #how [data-how-p] { max-width: 62ch; }
  #how [data-how-tab]:nth-child(2n+1) { border-left: 0px; }
  #how [data-how-tab]:nth-child(n+3) { border-top: 1px solid var(--border-hairline); }
  #how [data-how-tab]:nth-child(n+3)::before, #how [data-how-tab]:nth-child(n+3) [data-how-fill] { top: -1px; }
  #how [data-how-tab] { padding: 15px 14px 16px; }
  #how [data-how-n] { font-size: 15.5px; }
}
@media (max-width: 780px) {
  #how [data-how-stage] { mask-image: var(--how-edge); }
  #how .mipFrame { position: relative; width: 900px; left: -118px; }
}
@media (max-width: 600px) {
  #how [data-how-tabs] { grid-template-columns: minmax(0px, 1fr); }
  #how [data-how-tab] { border-left: 0px; border-top: 1px solid var(--border-hairline); padding: 14px 14px 15px; }
  #how [data-how-tab]:first-child { border-top: 0px; }
  #how [data-how-tab]::before, #how [data-how-fill] { top: -1px; }
  #how [data-how-tab]:first-child::before, #how [data-how-tab]:first-child [data-how-fill] { top: 0px; }
}
@media (prefers-reduced-motion: reduce) {
  #how [data-how-panel], #how [data-how-fill], #how [data-how-k], #how [data-how-n], #how [data-how-p], #how [data-how-tab] { transition: none; }
}
#how [data-how-tab] { --how-accent: var(--ds-cyan); }
#how [data-how-tab]:nth-child(2) { --how-accent: var(--ds-blue); }
#how [data-how-tab]:nth-child(3) { --how-accent: var(--ds-violet); }
#how [data-how-tab]:nth-child(4) { --how-accent: var(--ds-magenta); }
#how [data-how-fill] { background: var(--how-accent); box-shadow: 0 0 12px color-mix(in srgb,var(--how-accent) 55%,transparent); }
#how [data-how-tab][data-on="1"] [data-how-k] { color: var(--how-accent); }
#how[data-how-icons="1"] [data-how-tab] { padding-right: 18px; }
#how[data-how-icons="1"] [data-how-k], #how[data-how-icons="1"] [data-how-n] { padding-right: 46px; }
#how [data-how-ico] { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: var(--how-accent); background: var(--glass-control); border: 1px solid var(--glass-border-control); backdrop-filter: blur(14px) saturate(140%); opacity: 0.5; transform: scale(0.94); transition: opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-standard); }
#how [data-how-ico] svg { width: 16px; height: 16px; }
#how [data-how-tab][data-on="1"] [data-how-ico] { opacity: 1; transform: none; background: color-mix(in srgb,var(--how-accent) 14%,var(--glass-control)); border-color: color-mix(in srgb,var(--how-accent) 40%,transparent); box-shadow: 0 0 0 1px color-mix(in srgb,var(--how-accent) 14%,transparent),0 6px 18px -8px color-mix(in srgb,var(--how-accent) 45%,transparent); }
#how [data-how-tab]:hover [data-how-ico] { opacity: 0.85; }
#how[data-how-icons="0"] [data-how-ico] { display: none; }
#how[data-how-join="1"] [data-how-root] { gap: 0px; }
#how[data-how-join="1"] [data-how-tabs] { border-radius: 14px 14px 0px 0px; border-bottom: 0px; }
#how[data-how-join="1"] [data-how-frame] { border-radius: 0px 0px 16px 16px; border-top: 1px solid var(--border-hairline); }
#how[data-how-nav="none"][data-how-join="1"] [data-how-frame] { border-radius: 16px; border-top: 1px solid var(--ha-bd,var(--glass-border-control)); }
@media (max-width: 600px) {
  #how[data-how-icons="1"] [data-how-tab] { padding-right: 58px; }
  #how [data-how-ico] { top: 11px; right: 11px; width: 29px; height: 29px; }
}
@media (max-width: 700px) {
  #how[data-how-mobile="acordeon"] [data-how-tabs] { grid-template-columns: minmax(0px, 1fr); }
  #how[data-how-mobile="acordeon"] [data-how-tab] { display: block; border-left: 0px; border-top: 1px solid var(--border-hairline); min-height: 52px; padding: 15px 16px 15px 18px; }
  #how[data-how-mobile="acordeon"] [data-how-tab]:first-child { border-top: 0px; }
  #how[data-how-mobile="acordeon"] [data-how-k] { display: inline; margin-right: 9px; }
  #how[data-how-mobile="acordeon"] [data-how-n] { display: inline; font-size: 16px; }
  #how[data-how-mobile="acordeon"][data-how-icons="1"] [data-how-tab] { padding-right: 56px; }
  #how[data-how-mobile="acordeon"] [data-how-ico] { top: 50%; right: 14px; transform: translateY(-50%) scale(0.94); }
  #how[data-how-mobile="acordeon"] [data-how-tab][data-on="1"] [data-how-ico] { transform: translateY(-50%); }
  #how[data-how-mobile="acordeon"] [data-how-p] { display: grid; grid-template-rows: 0fr; margin-top: 0px; transition: grid-template-rows 280ms var(--ease-out),margin-top 280ms var(--ease-out); }
  #how[data-how-mobile="acordeon"] [data-how-p] > [data-how-ptxt] { overflow: hidden; min-height: 0px; }
  #how[data-how-mobile="acordeon"] [data-how-tab][data-on="1"] [data-how-p] { grid-template-rows: 1fr; margin-top: 7px; }
  #how[data-how-mobile="acordeon"] [data-how-tab]::before { inset: 0px auto 0px 0px; width: 2px; height: auto; }
  #how[data-how-mobile="acordeon"] [data-how-fill] { inset: 0px auto 0px 0px; width: 2px; height: auto; transform-origin: 50% 0px; transform: scaleY(0); }
  #how[data-how-mobile="acordeon"] [data-how-tab][data-on="1"] [data-how-fill] { transform: scaleY(var(--how-p,1)); }
}
@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
  #how[data-how-mobile="acordeon"] [data-how-p] { transition: none; }
}
#intelligence [data-intel-grid] { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: var(--gutter-bento) !important; align-items: stretch !important; flex-wrap: nowrap !important; }
#intelligence [data-intel-card] { flex: 0 0 auto !important; min-width: 0px !important; display: flex !important; }
#intelligence [data-intel-art] { position: relative; margin: 8px -28px -28px; aspect-ratio: 360 / 168; min-height: 132px; border-top: 1px solid rgba(255, 255, 255, 0.075); border-radius: 0px 0px 15px 15px; overflow: hidden; background: linear-gradient(rgba(255, 255, 255, 0.008), rgba(255, 255, 255, 0.05)); }
#intelligence [data-intel-art]::before { content: ""; position: absolute; inset: 0px; background-image: var(--field-grid); background-size: 40px 40px; opacity: 0.5; mask-image: radial-gradient(86% 96% at 28% 108%, rgb(0, 0, 0) 6%, transparent 74%); }
#intelligence [data-intel-art]::after { content: ""; position: absolute; left: 50%; bottom: -52%; width: 126%; aspect-ratio: 1 / 1; transform: translateX(-50%); border-radius: 50%; pointer-events: none; }
#intelligence [data-intel-art="profile"]::after { background: radial-gradient(circle, rgba(12, 212, 254, 0.2), transparent 66%); }
#intelligence [data-intel-art="series"]::after { background: radial-gradient(circle, rgba(168, 87, 254, 0.22), transparent 66%); }
#intelligence [data-intel-art="rank"]::after { background: radial-gradient(circle, rgba(78, 123, 245, 0.22), transparent 66%); }
#intelligence [data-intel-art] svg { position: absolute; inset: 0px; z-index: 2; display: block; width: 100%; height: 100%; }
#intelligence [data-intel-art] text { font-family: var(--font-mono); letter-spacing: 0.06em; }
#intelligence [data-intel-mark] { position: relative; flex: 0 0 auto; display: block; width: 34px; height: 42px; margin: 0px auto; }
#intelligence [data-intel-mark]::before { content: ""; position: absolute; left: 50%; top: 52%; width: 158px; height: 158px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgba(168, 87, 254, 0.3), rgba(12, 212, 254, 0.09) 44%, transparent 70%); pointer-events: none; }
#intelligence [data-intel-mark] img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; animation: mipIntFloat 6s var(--ease-out,cubic-bezier(.16,1,.3,1)) infinite alternate; }
@keyframes mipIntFloat { 
  0% { transform: translateY(2.5px); }
  100% { transform: translateY(-3.5px); }
}
#intelligence [data-i1-scan] { animation: 7s cubic-bezier(0.25, 0.6, 0.35, 1) -2.4s infinite normal none running mipI1scan; }
@keyframes mipI1scan { 
  0% { transform: translateX(0px); opacity: 0; }
  7% { opacity: 0.95; }
  50% { transform: translateX(330px); opacity: 0.95; }
  59% { transform: translateX(330px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 0; }
}
#intelligence [data-i1-tag] { animation: mipI1tag 7s var(--ease-out,cubic-bezier(.16,1,.3,1)) infinite; }
@keyframes mipI1tag { 
  0% { opacity: 0.16; }
  8% { opacity: 1; }
  80% { opacity: 1; }
  90% { opacity: 0.16; }
  100% { opacity: 0.16; }
}
#intelligence [data-i1-check] { animation: mipI1check 7s var(--ease-out,cubic-bezier(.16,1,.3,1)) -4.7s infinite; }
@keyframes mipI1check { 
  0%, 52% { stroke-dashoffset: 15; opacity: 0; }
  66%, 94% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: 15; opacity: 0; }
}
#intelligence [data-i2-head] { animation: 6s cubic-bezier(0.25, 0.6, 0.35, 1) -2.4s infinite alternate none running mipI2head; }
@keyframes mipI2head { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(334px); }
}
#intelligence [data-i2-halo] { transform-box: fill-box; transform-origin: center center; animation: mipI2halo 3.2s var(--ease-out,cubic-bezier(.16,1,.3,1)) -1.1s infinite; }
@keyframes mipI2halo { 
  0% { transform: scale(1); opacity: 0.85; }
  70%, 100% { transform: scale(2.7); opacity: 0; }
}
#intelligence [data-i2-chip] { animation: mipI2chip 4.6s var(--ease-out,cubic-bezier(.16,1,.3,1)) -1.6s infinite alternate; }
@keyframes mipI2chip { 
  0% { opacity: 0.55; }
  100% { opacity: 1; }
}
#intelligence [data-i2-band] { transform-box: fill-box; transform-origin: center center; animation: mipI2band 7.4s var(--ease-out,cubic-bezier(.16,1,.3,1)) -2.2s infinite alternate; }
@keyframes mipI2band { 
  0% { transform: scaleY(0.9); }
  100% { transform: scaleY(1.06); }
}
#intelligence [data-i3-rise] { animation: mipI3rise 7.2s var(--ease-out,cubic-bezier(.16,1,.3,1)) -4.6s infinite; }
@keyframes mipI3rise { 
  0%, 16% { transform: translateY(0px); }
  48%, 86% { transform: translateY(-64px); }
  100% { transform: translateY(0px); }
}
#intelligence [data-i3-drop] { animation: mipI3drop 7.2s var(--ease-out,cubic-bezier(.16,1,.3,1)) -4.6s infinite; }
@keyframes mipI3drop { 
  0%, 16% { transform: translateY(0px); }
  48%, 86% { transform: translateY(32px); }
  100% { transform: translateY(0px); }
}
#intelligence [data-i3-bar] { transform-box: fill-box; transform-origin: left center; transform: scaleX(var(--v,1)); animation: mipI3bar 7.2s var(--ease-out,cubic-bezier(.16,1,.3,1)) -4.6s infinite; }
@keyframes mipI3bar { 
  0%, 12% { transform: scaleX(0.14); }
  44%, 86% { transform: scaleX(var(--v,1)); }
  100% { transform: scaleX(0.14); }
}
#intelligence [data-i3-viz] { transform-box: fill-box; transform-origin: left bottom; animation: mipI3viz 7.2s var(--ease-out,cubic-bezier(.16,1,.3,1)) -4.6s infinite; }
@keyframes mipI3viz { 
  0%, 40% { opacity: 0; transform: scale(0.7); }
  58%, 86% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.7); }
}
#intelligence [data-i3-crown] { animation: mipI3crown 7.2s var(--ease-out,cubic-bezier(.16,1,.3,1)) -4.6s infinite; }
@keyframes mipI3crown { 
  0%, 30% { opacity: 0.28; }
  52%, 88% { opacity: 1; }
  100% { opacity: 0.28; }
}
@media (max-width: 1079px) {
  #intelligence [data-intel-grid] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  #intelligence [data-intel-card="3"] { width: calc(50% - var(--gutter-bento)/2); justify-self: center; grid-column: 1 / -1 !important; }
}
@media (max-width: 699px) {
  #intelligence [data-intel-grid] { max-width: 520px; margin-left: auto; margin-right: auto; grid-template-columns: minmax(0px, 1fr) !important; }
  #intelligence [data-intel-card="3"] { width: auto; justify-self: stretch; grid-column: auto !important; }
}
#intelligence { --i-a1: 12,212,254; --i-a2: 168,87,254; --i-a3: 78,123,245; }
#intelligence[data-intel-tone="espectro"] { --i-a1: 12,212,254; --i-a2: 168,87,254; --i-a3: 241,43,204; }
#intelligence[data-intel-tone="frio"] { --i-a1: 12,212,254; --i-a2: 78,123,245; --i-a3: 93,215,255; }
#intelligence[data-intel-tone="mono"] { --i-a1: 216,216,222; --i-a2: 216,216,222; --i-a3: 216,216,222; }
#intelligence [data-intel-card="1"] { --i-acc: var(--i-a1); }
#intelligence [data-intel-card="2"] { --i-acc: var(--i-a2); }
#intelligence [data-intel-card="3"] { --i-acc: var(--i-a3); }
#intelligence [data-intel-card] [data-intel-art]::after { background: radial-gradient(circle at 50% 50%,rgba(var(--i-acc,12,212,254),.21),transparent 62%) !important; }
#intelligence[data-intel-tone="mono"] [data-intel-art]::after { opacity: 0.5; }
#intelligence[data-intel-card-style="cristal"] [data-intel-card] .dsIG { backdrop-filter: blur(18px) saturate(140%); background: color-mix(in srgb,rgba(var(--i-acc,12,212,254),1) 6%,var(--glass-panel)) !important; border: 1px solid color-mix(in srgb,rgba(var(--i-acc,12,212,254),1) 26%,transparent) !important; }
#intelligence[data-intel-card-style="perfilada"] [data-intel-card] .dsIG { background: transparent !important; border: 1px solid color-mix(in srgb,rgba(var(--i-acc,12,212,254),1) 32%,transparent) !important; box-shadow: none !important; }
#intelligence[data-intel-card-style="perfilada"] [data-intel-card] .dsIG__tint { opacity: 0.35; }
#intelligence[data-intel-title="acento"] [data-intel-card] h3 { color: rgb(var(--i-acc,12,212,254)) !important; }
#intelligence[data-intel-pills="acento"] [data-intel-card] .dsBadge { background: color-mix(in srgb,rgba(var(--i-acc,12,212,254),1) 15%,transparent) !important; border-color: color-mix(in srgb,rgba(var(--i-acc,12,212,254),1) 34%,transparent) !important; color: color-mix(in srgb,rgba(var(--i-acc,12,212,254),1) 72%,#fff) !important; }
#intelligence[data-intel-pills="ninguna"] [data-intel-card] .dsBadge { display: none; }
#intelligence[data-intel-art-on="0"] [data-intel-art] { display: none; }
@media (prefers-reduced-motion: reduce) {
  #intelligence [data-intel-art] *, #intelligence [data-intel-mark] img { animation: auto ease 0s 1 normal none running none !important; }
  #intelligence [data-i1-scan] { transform: translateX(300px); opacity: 0.8; }
  #intelligence [data-i1-tag] { opacity: 1; }
  #intelligence [data-i1-check] { stroke-dashoffset: 0; opacity: 1; }
  #intelligence [data-i2-head] { transform: translateX(150px); }
  #intelligence [data-i2-halo] { transform: scale(1.9); opacity: 0.35; }
  #intelligence [data-i2-chip] { opacity: 1; }
  #intelligence [data-i3-rise] { transform: translateY(-64px); }
  #intelligence [data-i3-drop] { transform: translateY(32px); }
  #intelligence [data-i3-bar] { transform: scaleX(var(--v,1)); }
  #intelligence [data-i3-viz] { opacity: 1; transform: none; }
  #intelligence [data-i3-crown] { opacity: 1; }
}
#platform .dsBN__kicker { flex-wrap: wrap; row-gap: 9px; align-items: center; }
#platform .dsBN__kicker > :first-child { flex: 0 0 auto; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-faint); }
#platform .dsBN__kicker [data-replaces] { gap: 7px; flex: 1 1 100%; min-width: 0px; flex-wrap: wrap; margin: 0px !important; }
#platform .dsBN__kicker [data-replaces] > span { text-transform: none; letter-spacing: -0.005em; font-family: var(--font-sans); }
#platform .dsBN { position: relative; isolation: isolate; }
#platform .dsBN::after { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; border-radius: inherit; background: linear-gradient(to top,rgba(var(--plat-glow,93,215,255),calc(var(--pg-op,.5) * .40)) 0%,rgba(var(--plat-glow,93,215,255),calc(var(--pg-op,.5) * .30)) calc(var(--pg-top,62%) * .30),rgba(var(--plat-glow,93,215,255),calc(var(--pg-op,.5) * .12)) calc(var(--pg-top,62%) * .66),transparent var(--pg-top,62%)); }
#shift [data-mip-dot] { position: relative; }
#shift [data-mip-tick] { position: absolute; left: 50%; top: 50%; width: 165%; height: 165%; border-radius: 50%; display: grid; place-items: center; pointer-events: none; background: linear-gradient(145deg, rgb(12, 212, 254) 0%, rgb(168, 87, 254) 62%, rgb(241, 43, 204) 100%); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 1px, rgba(12, 212, 254, 0.28) 0px 2px 10px; opacity: 0; transform: translate(-50%, -50%) scale(0.45); transition: opacity 320ms cubic-bezier(0.16, 1, 0.3, 1), transform 520ms cubic-bezier(0.16, 1, 0.3, 1); }
#shift [data-mip-tick] svg { display: block; width: 12px; height: 12px; overflow: visible; }
#shift [data-mip-tick] path { fill: none; stroke: rgb(255, 255, 255); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 420ms cubic-bezier(0.16, 1, 0.3, 1) 130ms; }
#shift [data-mip-tick][data-on] { opacity: 1; transform: translate(-50%, -50%) scale(1); }
#shift [data-mip-tick][data-on] path { stroke-dashoffset: 0; }
@media (max-width: 640px) {
  #shift [data-mip-tick] { width: 155%; height: 155%; }
  #shift [data-mip-tick] svg { width: 11px; height: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  #shift [data-mip-tick] { opacity: 1; transform: translate(-50%, -50%); transition: none; }
  #shift [data-mip-tick] path { stroke-dashoffset: 0; transition: none; }
}
[data-sig-row] { display: block !important; padding: 0px !important; }
[data-sig-head] { width: 100%; appearance: none; margin: 0px; border: 0px; background: transparent; font: inherit; color: inherit; text-align: left; cursor: pointer; display: flex; align-items: center; gap: 13px; padding: 13px 20px; transition: background-color var(--duration-base) var(--ease-standard); }
[data-sig-head]:hover { background: rgba(255, 255, 255, 0.035); }
[data-sig-head]:focus-visible { outline: 2px solid var(--ds-cyan); outline-offset: -3px; }
[data-sig-head] [data-sig-ico] { flex: 0 0 auto; width: 28px !important; height: 28px !important; border-radius: 8px !important; }
[data-sig-head] [data-sig-ico] svg { width: 15px; height: 15px; }
[data-sig-title] { min-width: 0px; display: flex; align-items: baseline; gap: 10px; flex: 1 1 auto; }
[data-sig-title] [data-sig-kick] { flex: 0 0 auto; }
[data-sig-title] [data-sig-name] { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm); }
[data-sig-verdict] { flex: 0 0 auto; display: none; }
@media (min-width: 720px) {
  [data-sig-verdict] { display: inline-flex; }
}
[data-sig-caret] { flex: 0 0 auto; width: 15px; height: 15px; color: var(--text-faint); transition: transform var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-standard); }
[data-sig-head][aria-expanded="true"] [data-sig-caret] { transform: rotate(180deg); color: var(--ds-grey-100); }
[data-sig-body] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 320ms var(--ease-out); }
[data-sig-body] > div { overflow: hidden; min-height: 0px; }
[data-sig-row][data-open="1"] [data-sig-body] { grid-template-rows: 1fr; }
[data-sig-body] > div > * { padding-left: 61px; padding-right: 20px; }
[data-sig-body] > div > :last-child { padding-bottom: 16px; }
@media (max-width: 600px) {
  [data-sig-body] > div > * { padding-left: 20px; }
}
@media (max-width: 640px) {
  [data-sig-title] { flex-direction: column; align-items: flex-start; gap: 3px; }
  [data-sig-title] [data-sig-name] { white-space: normal; overflow: visible; text-overflow: clip; }
  [data-sig-head] { align-items: flex-start; padding: 12px 16px; }
  [data-sig-caret] { margin-top: 3px; }
}
[data-sig-mode="lista"] [data-sig-body] { grid-template-rows: 1fr; }
[data-sig-mode="lista"] [data-sig-head] { cursor: default; pointer-events: none; }
[data-sig-mode="lista"] [data-sig-caret] { display: none; }
@media (prefers-reduced-motion: reduce) {
  [data-sig-body], [data-sig-caret] { transition: none; }
}
#who [data-who-card] { position: relative; --who-s: 60px; --who-t: 24px; --who-i: 27px; }
#who [data-who-leak] { position: absolute; pointer-events: none; top: calc(var(--who-t) - 10px); right: calc(var(--who-t) - 10px); width: 124px; height: 124px; border-radius: 50%; filter: blur(10px); background: radial-gradient(closest-side,rgba(var(--who-rgb),.22),rgba(var(--who-rgb),.08) 54%,rgba(var(--who-rgb),0) 100%); }
#who [data-who-tile] { position: absolute; top: var(--who-t); right: var(--who-t); width: var(--who-s); height: var(--who-s); border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(9, 9, 13, 0.3); backdrop-filter: blur(22px) saturate(140%); box-shadow: var(--shadow-liquid-sm); overflow: hidden; display: grid; place-items: center; pointer-events: none; }
#who [data-who-band] { position: absolute; inset: -100%; pointer-events: none; will-change: transform; transform: translate3d(-58%, 0px, 0px); background: linear-gradient(118deg,rgba(var(--who-rgb),0) 40%,rgba(var(--who-rgb),.20) 46%,rgba(var(--who-rgb),.62) 50%,rgba(var(--who-rgb),.20) 54%,rgba(var(--who-rgb),0) 60%); animation: 7.6s linear -2.2s infinite normal none running mipWhoSweep; }
@keyframes mipWhoSweep { 
  0% { transform: translate3d(-58%, 0px, 0px); }
  62%, 100% { transform: translate3d(58%, 0px, 0px); }
}
#who [data-who-tile] svg { position: relative; display: block; width: var(--who-i); height: var(--who-i); color: rgb(var(--who-rgb)); filter: drop-shadow(0 0 6px rgba(var(--who-rgb),.42)); }
#who [data-who-lab] { padding-right: var(--who-res,64px); }
#who [data-who-sp] { float: right; width: var(--who-fw,64px); height: var(--who-fh,34px); pointer-events: none; }
@media (max-width: 900px) {
  #who [data-who-card] { --who-s: 54px; --who-t: 20px; --who-i: 25px; }
}
@media (max-width: 720px) {
  #who [data-who-card] { --who-s: 46px; --who-t: 16px; --who-i: 22px; }
  #who [data-who-leak] { width: 100px; height: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  #who [data-who-band] { animation: auto ease 0s 1 normal none running none; transform: translate3d(-8%, 0px, 0px); }
}
body { margin: 0px; background: var(--surface-page); }
a { color: var(--ds-grey-100); text-decoration: none; }
a:hover { color: rgb(255, 255, 255); }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
details[open] [data-caret] { transform: rotate(180deg); }
@keyframes mipRail { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-50%, 0px, 0px); }
}
@keyframes mipRailBack { 
  0% { transform: translate3d(-50%, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes mipBeam { 
  0% { transform: translateX(-40%); opacity: 0; }
  22% { opacity: 1; }
  78% { opacity: 1; }
  100% { transform: translateX(140%); opacity: 0; }
}
@keyframes mipSweep { 
  0% { background-position: -30% 0px; }
  100% { background-position: 130% 0px; }
}
@keyframes mipTabIn { 
  0% { opacity: 0.55; transform: translate3d(0px, 12px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes mipGrow15 { 
  0% { width: 9%; }
  100% { width: 15%; }
}
@keyframes mipGrow100 { 
  0% { width: 62%; }
  100% { width: 100%; }
}
@keyframes mipPulse { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}
@keyframes mipCaret { 
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@keyframes mipDraw { 
  100% { stroke-dashoffset: 0; }
}
@keyframes mipMeter { 
  0%, 100% { width: 31%; }
  52% { width: 38%; }
}
@keyframes mipPop { 
  0%, 26% { opacity: 1; transform: none; }
  40%, 58% { opacity: 0; transform: translateY(10px) scale(0.97); }
  72%, 100% { opacity: 1; transform: none; }
}
@keyframes mipTile { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-9px); }
}
[data-rail]:hover [data-rail-track] { animation-play-state: paused; }
[data-rail-track] * { backdrop-filter: none !important; }
@media (prefers-reduced-motion: reduce) {
  [data-rail-track], [data-beam], [data-sweep] { animation: auto ease 0s 1 normal none running none; }
  [data-illo] * { animation: auto ease 0s 1 normal none running none !important; }
}
[data-story] .dsSC { position: static; bottom: auto; justify-content: center; align-items: end; }
[data-story] .dsPR { position: static; left: auto; top: auto; transform: none; }
[data-story] .dsSC__box { width: min(760px, 88vw); min-height: min(124px, 17vh); display: grid; align-items: end; }
[data-story] .dsSC__scene { position: static; grid-area: 1 / 1; align-self: end; gap: 9px; }
[data-story] .dsSC__idx { color: var(--ds-cyan); }
[data-story] .dsSC__h { font-size: clamp(1.12rem, 0.92rem + 0.78vw, 1.55rem); line-height: 1.24; letter-spacing: -0.01em; }
[data-story] .dsSC__p { font-size: var(--text-sm); }
@keyframes mipDrift { 
  0%, 100% { transform: translate3d(-3%, 0px, 0px) scale(1); }
  50% { transform: translate3d(5%, 3%, 0px) scale(1.14); }
}
@keyframes mipDiag { 
  0% { transform: translateX(-70%); opacity: 0; }
  18% { opacity: 0.85; }
  80% { opacity: 0.85; }
  100% { transform: translateX(170%); opacity: 0; }
}
@keyframes mipScreen { 
  0% { opacity: 1; }
  25% { opacity: 1; }
  27.5% { opacity: 0; }
  97.5% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes mipSel { 
  0% { background: rgb(79, 70, 229); color: rgb(255, 255, 255); }
  25% { background: rgb(79, 70, 229); color: rgb(255, 255, 255); }
  27.5% { background: transparent; color: rgb(154, 154, 164); }
  97.5% { background: transparent; color: rgb(154, 154, 164); }
  100% { background: rgb(79, 70, 229); color: rgb(255, 255, 255); }
}
@keyframes mipFall { 
  0% { transform: none; opacity: 1; }
  58% { transform: translateY(54px); opacity: 1; }
  80% { transform: translateY(54px); opacity: 0; }
  86% { transform: translateY(-20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes mipFill { 
  0% { height: 14%; }
  100% { height: 78%; }
}
@keyframes mipSlide { 
  0% { transform: none; opacity: 1; }
  70% { transform: none; opacity: 1; }
  88% { transform: translateX(-16px); opacity: 0; }
  92% { transform: translateX(38px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes mipQueue { 
  100% { transform: translateY(-50%); }
}
@keyframes mipRing { 
  0% { stroke-dashoffset: 74; }
  50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 226; }
}
@keyframes mipDrop { 
  0% { opacity: 1; transform: none; }
  76% { opacity: 1; transform: none; }
  88% { opacity: 0; transform: translateY(-4px); }
  94% { opacity: 0; transform: translateY(-14px); }
  100% { opacity: 1; transform: none; }
}
@keyframes mipSeat { 
  0%, 8% { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); box-shadow: none; }
  26%, 68% { background: rgba(168, 87, 254, 0.34); border-color: rgba(168, 87, 254, 0.6); box-shadow: rgba(168, 87, 254, 0.3) 0px 0px 12px; }
  90%, 100% { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); box-shadow: none; }
}
@keyframes mipSlot { 
  0% { opacity: 1; transform: none; }
  62% { opacity: 1; transform: none; }
  80% { opacity: 0.16; transform: scaleY(0.28); }
  88% { opacity: 0.16; transform: scaleY(0.28); }
  100% { opacity: 1; transform: none; }
}
@keyframes mipHand { 
  100% { transform: rotate(360deg); }
}
@keyframes mipClimb { 
  0%, 100% { height: var(--h,60%); }
  44% { height: calc(var(--h,60%) * .3); }
}
@keyframes mipCeil { 
  0%, 62% { opacity: 0.62; }
  72%, 86% { opacity: 1; }
  100% { opacity: 0.62; }
}
@keyframes mipLoaderFail { 
  100% { opacity: 0; visibility: hidden; }
}
[data-intro-armed] [data-intro-copy] > *, [data-intro-armed] [data-intro-mock], [data-intro-armed] [data-intro-tail], [data-intro-armed] [data-mock-orb] { opacity: 0; }
@keyframes mipWmHue { 
  0%, 100% { color: rgb(127, 230, 255); }
  33% { color: rgb(201, 167, 255); }
  66% { color: rgb(255, 143, 224); }
}
@keyframes mipWmGlow { 
  0%, 100% { text-shadow: none; color: var(--ds-grey-100); }
  50% { text-shadow: rgba(12, 212, 254, 0.5) 0px 0px 16px; color: rgb(255, 255, 255); }
}
@keyframes mipWmSlide { 
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
@keyframes mipWmPulse { 
  0%, 100% { text-shadow: rgba(12, 212, 254, 0) 0px 0px 0px; }
  50% { text-shadow: rgba(12, 212, 254, 0.75) 0px 0px 15px; }
}
@keyframes mipWmRule { 
  0% { transform: scaleX(0); opacity: 0.25; }
  55% { transform: scaleX(1); opacity: 1; }
  100% { transform: scaleX(1); opacity: 0.25; }
}
[data-eb-fx="gradient"] { background: linear-gradient(90deg, rgb(12, 212, 254), rgb(168, 87, 254), rgb(241, 43, 204), rgb(12, 212, 254)) 0% 0% / 200% 100% text; color: transparent; animation: 8s linear 0s infinite normal none running mipWmSlide; }
[data-eb-fx="chrome"] { background: linear-gradient(100deg, rgb(125, 135, 148) 18%, rgb(255, 255, 255) 42%, rgb(201, 167, 255) 58%, rgb(125, 135, 148) 82%) 0% 0% / 220% 100% text; color: transparent; animation: 9.5s linear 0s infinite normal none running mipWmSlide; }
[data-eb-fx="initials"] [data-eb-c], [data-eb-fx="relay"] [data-eb-c], [data-eb-fx="underline"] [data-eb-c] { color: var(--text-faint); }
[data-eb-fx="initials"] [data-eb-i], [data-eb-fx="relay"] [data-eb-i], [data-eb-fx="underline"] [data-eb-i] { color: rgb(255, 255, 255); }
[data-eb-fx="initials"] [data-eb-i] { animation: mipWmPulse 3.6s var(--ease-standard) infinite; }
[data-eb-fx="relay"] [data-eb-i] { animation: mipWmPulse 2.4s var(--ease-standard) infinite; }
[data-eb-fx="relay"] [data-eb-i]:nth-of-type(4) { animation-delay: 0.28s; }
[data-eb-fx="relay"] [data-eb-i]:nth-of-type(6) { animation-delay: 0.56s; }
[data-eb-fx="underline"]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -4px; height: 1.5px; border-radius: 2px; background: linear-gradient(90deg, rgb(12, 212, 254), rgb(168, 87, 254), rgb(241, 43, 204)); transform-origin: 0px 50%; animation: mipWmRule 5.4s var(--ease-standard) infinite; }
[data-eb-fx="breathe"] [data-eb-i] { color: rgb(255, 255, 255); animation: mipWmPulse 4.6s var(--ease-standard) infinite; }
[data-eb-text]:not([data-eb-run]) [data-eb-brand], [data-eb-text]:not([data-eb-run]) [data-eb-i], [data-eb-text]:not([data-eb-run]) [data-eb-r] { display: inline; }
[data-eb-fx="plate"] [data-eb-c] { color: var(--text-faint); }
[data-eb-fx="plate"] [data-eb-i] { color: rgb(255, 255, 255); border-radius: 3px; background: rgba(12, 212, 254, 0.16); box-shadow: rgba(12, 212, 254, 0.16) 0px 0px 0px 2.5px; }
[data-eb-fx="violet"] [data-eb-c], [data-eb-fx="magenta"] [data-eb-c] { color: var(--text-faint); }
[data-eb-fx="violet"] [data-eb-i] { color: rgb(201, 167, 255); animation: mipWmVio 3.8s var(--ease-standard) infinite; }
[data-eb-fx="magenta"] [data-eb-i] { color: rgb(247, 165, 230); animation: mipWmMag 3.2s var(--ease-standard) infinite; }
[data-eb-fx="brandlead"] [data-eb-brand] { color: rgb(255, 255, 255); }
[data-eb-fx="brandlead"] [data-eb-i], [data-eb-fx="brandlead"] [data-eb-c] { color: var(--ds-grey-100); }
[data-eb-fx="sweep"] [data-eb-i] { color: rgb(255, 255, 255); }
[data-eb-fx="sweep"]::after { content: ""; position: absolute; inset: -7px -14px; pointer-events: none; background: linear-gradient(100deg, transparent 42%, rgba(255, 255, 255, 0.3) 50%, transparent 58%) 0% 0% / 260% 100%; mix-blend-mode: screen; animation: 5.6s linear 0s infinite normal none running mipWmBand; }
@keyframes mipWmVio { 
  0%, 100% { text-shadow: rgba(168, 87, 254, 0) 0px 0px 0px; }
  50% { text-shadow: rgba(168, 87, 254, 0.8) 0px 0px 15px; }
}
@keyframes mipWmMag { 
  0%, 100% { text-shadow: rgba(241, 43, 204, 0) 0px 0px 0px; }
  50% { text-shadow: rgba(241, 43, 204, 0.8) 0px 0px 15px; }
}
@keyframes mipWmBand { 
  0% { background-position: 120% 0px; }
  100% { background-position: -60% 0px; }
}
[data-eb-run] { background-image: none !important; background-clip: border-box !important; animation: auto ease 0s 1 normal none running none !important; }
[data-eb-run][data-eb-fx="gradient"], [data-eb-run][data-eb-fx="chrome"] { color: var(--ds-grey-100) !important; }
[data-eb-run][data-eb-fx="gradient"] [data-eb-i], [data-eb-run][data-eb-fx="chrome"] [data-eb-i] { color: rgb(255, 255, 255) !important; }
[data-eb-run] [data-eb-i] { animation: auto ease 0s 1 normal none running none !important; }
[data-eb-run]::after { opacity: 0 !important; }
@keyframes mipHowHit { 
  0% { box-shadow: var(--ha-shadow,var(--shadow-liquid)),0 0 0 0 rgba(12,212,254,.55); }
  42% { box-shadow: var(--ha-shadow,var(--shadow-liquid)),0 0 36px 2px rgba(12,212,254,.4); }
  100% { box-shadow: var(--ha-shadow,var(--shadow-liquid)),0 0 0 0 rgba(12,212,254,0); }
}
[data-r="howframe"][data-hit] { animation: mipHowHit .9s var(--ease-liquid) 1; }
@keyframes mipPipe { 
  0% { left: -9%; opacity: 0; }
  12% { opacity: 1; }
  86% { opacity: 1; }
  100% { left: 104%; opacity: 0; }
}
@keyframes mipNeedle { 
  0% { transform: rotate(-62deg); }
  100% { transform: rotate(54deg); }
}
@keyframes mipArc { 
  0% { stroke-dashoffset: 270; }
  100% { stroke-dashoffset: 104; }
}
[data-hs] { transition: box-shadow .16s var(--ease-standard),transform .16s var(--ease-standard),filter .16s linear; }
[data-hs]:hover { box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px inset; filter: brightness(1.12); transform: translateX(2px); }
[data-hs]:active { transform: translateX(2px) scale(0.985); }
[data-menu][onclick], [data-menu] { transition: background .16s var(--ease-standard),color .16s var(--ease-standard); }
[data-menu]:hover { background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); }
[data-chrome] { transition: background .16s var(--ease-standard),color .16s var(--ease-standard); }
[data-chrome]:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.07); }
@keyframes mipMarch { 
  100% { stroke-dashoffset: -28; }
}
@keyframes mipTileIn { 
  0%, 58% { opacity: 1; transform: none; }
  72% { opacity: 0; transform: translateY(-6px) scale(0.98); }
  82% { opacity: 0; transform: translateY(10px) scale(0.95); }
  94%, 100% { opacity: 1; transform: none; }
}
@keyframes mipScan { 
  0% { transform: translateX(-120%); }
  100% { transform: translateX(420%); }
}
@keyframes mipBlip { 
  0%, 38% { opacity: 0; transform: translateX(-50%) scale(0.5); }
  52%, 86% { opacity: 1; transform: translateX(-50%) scale(1); }
  100% { opacity: 0; transform: translateX(-50%) scale(0.6); }
}
@keyframes mipType { 
  0%, 8% { max-width: 0px; }
  48%, 100% { max-width: 100%; }
}
@keyframes mipRise { 
  0% { height: 18%; }
  100% { height: var(--bh,62%); }
}
[data-hero-h] h1 { font-size: calc(clamp(1.85rem,1.36rem + 1.98vw,3.25rem) * var(--hs,.84)) !important; line-height: 1.08; }
[data-hero-cta] { flex-wrap: nowrap !important; }
[data-hero-cta] > * { flex: 0 0 auto; min-width: 0px; }
@container herocopy (max-width: 460px) {
  [data-hero-cta] { zoom: 0.95; }
}
@container herocopy (max-width: 430px) {
  [data-hero-cta] { zoom: 0.89; }
}
@container herocopy (max-width: 405px) {
  [data-hero-cta] { zoom: 0.83; }
}
@container herocopy (max-width: 385px) {
  [data-hero-cta] { zoom: 0.78; }
}
@container herocopy (max-width: 355px) {
  [data-hero-cta] { zoom: 0.72; }
}
@container herocopy (max-width: 470px) {
  [data-hero-eyebrow] { font-size: 9.2px !important; padding: 8px 14px !important; }
}
@container herocopy (max-width: 400px) {
  [data-hero-eyebrow] { font-size: 8.4px !important; letter-spacing: 0.1em !important; }
}
#top[data-hero-glass="opaco"], #top[data-hero-glass="sin"] { --glass-blur: none; }
#top[data-hero-glass="opaco"] *, #top[data-hero-glass="opaco"] ::before, #top[data-hero-glass="opaco"] ::after, #top[data-hero-glass="sin"] *, #top[data-hero-glass="sin"] ::before, #top[data-hero-glass="sin"] ::after { backdrop-filter: none !important; }
#top[data-hero-glass="opaco"] { --glass-control: rgba(30,30,37,.92); --glass-control-hover: rgba(48,48,58,.95); --glass-panel: rgba(19,19,24,.95); --glass-popover: rgba(26,26,33,.95); --glass-fill: rgba(30,30,37,.92); }
@media (max-width: 470px) {
  [data-cta-eyebrow] { font-size: 9.2px !important; padding: 8px 14px !important; }
}
@media (max-width: 400px) {
  [data-cta-eyebrow] { font-size: 8.4px !important; letter-spacing: 0.1em !important; }
}
@media (max-width: 1100px) {
  [data-hero-grid] { grid-template-columns: minmax(0px, 1fr) !important; justify-items: center; }
  [data-intro-copy] { margin-inline: auto; max-width: min(680px, 100%) !important; }
  [data-intro-mock] { width: min(100%, 900px) !important; max-width: none !important; }
  [data-hero-grid] { --lg-x: 2%; }
  [data-r="whwrap"] { max-width: 760px; margin-inline: auto; width: 100% !important; }
  [data-r="whmock"] { transform: none !important; }
}
@media (max-width: 920px) {
  [data-r="whtile"] { display: none !important; }
}
@media (max-width: 860px) {
  [data-r="prow"] { grid-template-columns: minmax(0px, 1fr) !important; }
}
@media (max-width: 900px) {
  [data-r="howbody"] { flex-direction: column !important; }
  [data-r="howcap"] { max-width: 60ch !important; text-align: center !important; }
  [data-r="howframe"] { --hf-w: 100% !important; }
  [data-r="howart"] { height: clamp(220px, 38vh, 340px) !important; }
}
@media (max-width: 820px) {
  [data-r="whgrid"] { grid-template-columns: minmax(0px, 1fr) !important; }
  [data-r="whrail"] { border-bottom: 1px solid var(--border-hairline); border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
  [data-r="whrail"] > div:nth-of-type(1) { grid-template-columns: 1fr 1fr; gap: 2px 10px; display: grid !important; }
  [data-r="story"] { height: 320vh !important; }
}
@media (max-width: 760px) {
  [data-menu-col] { display: none !important; }
  [data-r="tourmock"] { min-height: 400px !important; }
}
@media (max-width: 720px) {
  [data-r="ledger"] { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  [data-r="statgrid"] > div { border-bottom: 1px solid var(--border-hairline); border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
  [data-r="tourmock"] { min-height: 360px !important; }
  [data-story] .dsSC__box { width: 92vw; }
  [data-r="whscreen"] [data-r="whpane"] { min-height: 340px; }
}
@media (max-width: 520px) {
  [data-hero-eyebrow] { line-height: 1.5; white-space: normal !important; font-size: 9px !important; }
  [data-r="whwrap"] { max-width: none; width: calc(100% + 2 * var(--gutter-page)) !important; margin-inline: calc(-1 * var(--gutter-page)) !important; }
  [data-r="whmock"] { border-radius: 0px !important; border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
}
.dsOrb { position: relative; isolation: isolate; overflow: hidden; background: var(--surface-page); }
.dsOrb__c { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; z-index: 0; }
.dsOrb__svg { position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 1; will-change: transform; }
.dsOrb__content { position: relative; z-index: 2; }
.dsOrb[data-nogl="1"] .dsOrb__c { background: radial-gradient(120% 74% at 50% 100%,#fff 0%,var(--orb-in) 13%,var(--orb-out) 32%,var(--surface-page) 66%); }
.dsHL { margin: 0px; font-family: var(--font-display); font-stretch: var(--display-stretch); font-weight: var(--weight-regular); color: var(--text-dim); letter-spacing: var(--tracking-tight); line-height: 1.06; text-wrap: balance; }
.dsHL b, .dsHL strong { font-weight: var(--weight-bold); color: var(--text-primary); }
.dsHL--xl { font-size: clamp(40px, 5.4vw, 72px); }
.dsHL--lg { font-size: clamp(32px, 4vw, 52px); }
.dsHL--md { font-size: clamp(26px, 3vw, 40px); }
.dsHL--sm { font-size: 26px; }
.dsHL--center { text-align: center; }
.dsHL--solid { color: var(--text-primary); font-weight: var(--weight-bold); }
.dsBtn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-sans); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-snug); border: 1px solid transparent; border-radius: var(--radius-pill); cursor: pointer; white-space: nowrap; text-decoration: none; isolation: isolate; transition: background-color var(--duration-base) var(--ease-liquid),border-color var(--duration-base) var(--ease-liquid),color var(--duration-base) var(--ease-liquid),box-shadow var(--duration-base) var(--ease-liquid),transform var(--duration-base) var(--ease-liquid),filter var(--duration-base) var(--ease-liquid); }
.dsBtn:focus-visible { outline: none; box-shadow: var(--ring-focus); }
.dsBtn, .dsBtn:hover, .dsBtn:focus, .dsBtn:active, .dsBtn:visited, .dsBtn:link { color: var(--btn-fg,var(--text-primary)); }
.dsBtn[disabled], .dsBtn[aria-disabled="true"] { opacity: 0.4; pointer-events: none; }
.dsBtn--sm { height: 34px; padding: 0px 16px; font-size: var(--text-xs); }
.dsBtn--md { height: 44px; padding: 0px 22px; font-size: var(--text-sm); }
.dsBtn--lg { height: 54px; padding: 0px 30px; font-size: var(--text-base); }
.dsBtn__label { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: inherit; }
.dsBtn:hover { transform: translateY(-2px); }
.dsBtn:active { transform: translateY(1px) scale(0.985); transition-duration: var(--duration-instant); }
.dsBtn::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; z-index: 1; pointer-events: none; opacity: 0; background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 260% 100%; background-position: 150% 0px; background-repeat: no-repeat; transition: opacity var(--duration-fast) linear,background-position var(--duration-settle) var(--ease-liquid); }
.dsBtn:hover::after { opacity: 1; background-position: -60% 0px; }
.dsBtn--badged { padding-right: 7px; gap: 14px; }
.dsBtn--badged.dsBtn--sm { padding-right: 5px; gap: 10px; }
.dsBtn--badged.dsBtn--lg { padding-right: 9px; gap: 16px; }
.dsBtn__badge { position: relative; z-index: 2; display: grid; place-items: center; border-radius: var(--radius-circle); flex: 0 0 auto; font-size: 1.05em; line-height: 1; overflow: hidden; transition: transform var(--duration-glide) var(--ease-liquid),box-shadow var(--duration-base) var(--ease-liquid); }
.dsBtn--sm .dsBtn__badge { width: 24px; height: 24px; }
.dsBtn--md .dsBtn__badge { width: 30px; height: 30px; }
.dsBtn--lg .dsBtn__badge { width: 36px; height: 36px; }
.dsBtn__badge > span { display: block; transition: transform var(--duration-glide) var(--ease-liquid); }
.dsBtn__badge > span::before { content: "→"; position: absolute; inset: 0px; display: grid; place-items: center; transform: translate(-120%, 120%); }
.dsBtn:hover .dsBtn__badge { transform: scale(1.06); }
.dsBtn:hover .dsBtn__badge > span { transform: rotate(-40deg); }
.dsBtn--primary .dsBtn__badge { background: var(--ds-ink-900); color: var(--ds-white); }
.dsBtn--secondary .dsBtn__badge, .dsBtn--ghost .dsBtn__badge, .dsBtn--bevel .dsBtn__badge { background: var(--ds-white); color: var(--ds-ink-900); }
.dsBtn--gradient .dsBtn__badge { background: rgba(0, 0, 0, 0.28); color: var(--ds-white); }
.dsBtn__arrow { position: relative; z-index: 2; font-size: 1.05em; line-height: 1; transition: transform var(--duration-glide) var(--ease-liquid); }
.dsBtn:hover .dsBtn__arrow { transform: translate(3px, -3px); }
.dsBtn--primary { background: var(--surface-inverse); --btn-fg: var(--text-inverse); box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px inset, rgba(255, 255, 255, 0.32) 0px 8px 22px -10px; }
.dsBtn--primary { --btn-sheen: rgba(0,0,0,.13); }
.dsBtn--primary:hover { background: var(--ds-white); box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset, rgba(255, 255, 255, 0.45) 0px 14px 30px -12px; }
.dsBtn--bevel { --btn-fg: var(--text-primary); border-color: rgba(255, 255, 255, 0.07); background: linear-gradient(180deg,var(--bevel-top,#2b2b33) 0%,var(--bevel-bot,#15151a) 100%); box-shadow: var(--bevel-raised); }
.dsBtn--bevel::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; z-index: 1; pointer-events: none; background: var(--bevel-sheen); opacity: 0.9; transition: opacity var(--duration-base) var(--ease-liquid); }
.dsBtn--bevel:hover { filter: brightness(1.14); }
.dsBtn--bevel:active { box-shadow: var(--bevel-pressed); filter: brightness(0.94); }
.dsBtn--bevel:active::before { opacity: 0.35; }
.dsBtn--secondary { background: var(--glass-control); --btn-fg: var(--text-primary); border-color: var(--glass-border-control); backdrop-filter: var(--glass-blur); box-shadow: var(--shadow-liquid-sm); }
.dsBtn--secondary:hover { background: var(--glass-control-hover); border-color: var(--border-strong); box-shadow: var(--shadow-liquid); }
.dsBtn--gradient { background: var(--gradient-brand); --btn-fg: var(--ds-white); box-shadow: var(--glow-magenta); }
.dsBtn--gradient:hover { filter: brightness(1.1); }
.dsBtn--ghost { background: transparent; --btn-fg: var(--text-body); }
.dsBtn--ghost:hover { --btn-fg: var(--text-primary); background: var(--glass-control); }
.dsBtn--inset { background: rgba(255, 255, 255, 0.043); --btn-fg: var(--text-primary); border-color: rgba(255, 255, 255, 0.1); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 16px inset, rgba(255, 255, 255, 0.13) 0px 1px 0px inset, rgba(0, 0, 0, 0.7) 0px -12px 22px -14px inset; }
.dsBtn--inset { --btn-sheen: rgba(255,255,255,.22); }
.dsBtn--inset:hover { background: rgba(255, 255, 255, 0.075); border-color: rgba(255, 255, 255, 0.16); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 24px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.6) 0px -12px 22px -14px inset; }
.dsBtn--inset:active { box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 12px inset, rgba(255, 255, 255, 0.1) 0px -1px 0px inset; }
.dsBtn--inset .dsBtn__badge { background: rgba(255, 255, 255, 0.9); color: var(--ds-ink-900); }
.dsBtn--glowing { overflow: hidden; }
.dsBtn__glow { position: absolute; z-index: 0; left: 50%; top: 50%; width: 72%; aspect-ratio: 1 / 1; border-radius: var(--radius-circle); pointer-events: none; opacity: 0; background: radial-gradient(50% 50% at 50% 50%,var(--btn-glow,var(--ds-electric)) 0%,color-mix(in oklab,var(--btn-glow,var(--ds-electric)) 45%,transparent) 45%,transparent 72%); filter: blur(16px); will-change: transform, opacity; }
.dsBtn__glow--rise { transform: translate(-50%, 60%); }
.dsBtn__glow--sweep { transform: translate(-160%, -50%); }
.dsBtn__glow--follow, .dsBtn__glow--breathe { transform: translate(-50%, -50%); }
.dsBtn__glow--breathe { opacity: 0.55; }
.dsBtn--glowing:hover .dsBtn__glow--rise { opacity: 0.85; transform: translate(-50%, 18%); transition: opacity var(--duration-base) var(--ease-liquid),transform var(--duration-glide) var(--ease-liquid); }
.dsBtn--glowing:hover .dsBtn__glow--follow { opacity: 0.7; transition: opacity var(--duration-base) var(--ease-liquid); }
@media (prefers-reduced-motion: reduce) {
  .dsBtn__glow { transition: none !important; }
}
.dsBtn--block { width: 100%; }
@media (prefers-reduced-motion: reduce) {
  .dsBtn, .dsBtn__badge, .dsBtn__badge > span, .dsBtn__arrow, .dsBtn::after { transition-duration: 1ms; }
  .dsBtn:hover, .dsBtn:active { transform: none; }
  .dsBtn:hover .dsBtn__badge { transform: none; }
}
.dsChip { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; padding: 8px 20px 8px 8px; border-radius: var(--radius-pill); background: var(--surface-card); backdrop-filter: blur(var(--veil-blur)); border: 1px solid var(--border-hairline); color: var(--text-primary); font-size: var(--text-sm); font-weight: var(--weight-medium); cursor: default; transition: var(--transition-surface); }
.dsChip--interactive { cursor: pointer; }
.dsChip--interactive:hover { background: var(--surface-card-hover); border-color: var(--border-subtle); transform: translateY(var(--hover-lift)); }
.dsChip--selected { border-color: var(--border-strong); box-shadow: var(--glow-soft); }
.dsChip__icon { width: 34px; height: 34px; border-radius: var(--radius-circle); background: var(--ds-black); display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; }
.dsChip__icon img { width: 22px; height: 22px; object-fit: contain; }
.dsChip--sm { padding: 5px 14px 5px 5px; font-size: var(--text-xs); }
.dsChip--sm .dsChip__icon { width: 26px; height: 26px; }
.dsChip--sm .dsChip__icon img { width: 16px; height: 16px; }
.dsIL { display: inline-flex; align-items: center; gap: 14px; font-family: var(--font-sans); }
.dsIL__text { font-size: 17px; font-weight: var(--weight-bold); color: var(--text-primary); letter-spacing: var(--tracking-snug); }
.dsIL__icon { width: 26px; height: 26px; }
.dsIL__icon img { width: 100%; height: 100%; object-fit: contain; }
.dsIG { --hover-inner-rgb: 255 255 255; position: relative; display: block; min-width: 0px; border-radius: var(--radius-lg); border: var(--stroke-card); box-shadow: var(--edge-lit-top),inset 0 0 var(--hover-rest-blur) var(--hover-rest-spread) rgb(var(--hover-inner-rgb) / var(--hover-rest-alpha)),inset 0 0 0 var(--hover-rest-ring) rgb(var(--hover-inner-rgb) / var(--hover-rest-ring-alpha)); font-family: var(--font-sans); color: var(--text-body); text-decoration: none; transition: var(--transition-hover-inner); }
.dsIG--card { background: var(--surface-card); backdrop-filter: blur(var(--veil-blur)); }
.dsIG--bare { background: transparent; }
.dsIG--on.dsIG--glow:hover, .dsIG--on.dsIG--glow:focus-visible { box-shadow: var(--edge-lit-top),inset 0 0 var(--hover-inner-blur) var(--hover-inner-spread) rgb(var(--hover-inner-rgb) / var(--hover-inner-alpha)),inset 0 0 0 var(--hover-inner-ring) rgb(var(--hover-inner-rgb) / var(--hover-inner-ring-alpha)); transform: translateY(var(--hover-inner-lift)); }
.dsIG--on.dsIG--flood:hover, .dsIG--on.dsIG--flood:focus-visible { box-shadow: var(--edge-lit-top),inset 0 0 var(--hover-flood-blur) var(--hover-flood-spread) rgb(var(--hover-inner-rgb) / var(--hover-flood-alpha)),inset 0 0 0 var(--hover-inner-ring) rgb(var(--hover-inner-rgb) / var(--hover-flood-ring-alpha)); transform: translateY(var(--hover-inner-lift)); }
.dsIG--on:focus-visible { outline: none; }
.dsIG--lit { --hover-rest-blur: var(--hover-inner-blur); --hover-rest-spread: var(--hover-inner-spread); --hover-rest-alpha: var(--hover-inner-alpha); --hover-rest-ring: var(--hover-inner-ring); --hover-rest-ring-alpha: var(--hover-inner-ring-alpha); }
.dsIG--flood.dsIG--lit { --hover-rest-blur: var(--hover-flood-blur); --hover-rest-spread: var(--hover-flood-spread); --hover-rest-alpha: var(--hover-flood-alpha); --hover-rest-ring: var(--hover-inner-ring); --hover-rest-ring-alpha: var(--hover-flood-ring-alpha); }
.dsIG--magenta { --hover-inner-rgb: 241 43 204; }
.dsIG--cyan { --hover-inner-rgb: 12 212 254; }
.dsIG--violet { --hover-inner-rgb: 168 87 254; }
.dsIG--electric { --hover-inner-rgb: 78 123 245; }
.dsIG--green { --hover-inner-rgb: 74 222 128; }
.dsIG--amber { --hover-inner-rgb: 240 166 60; }
.dsIG--danger { --hover-inner-rgb: 255 77 106; }
.dsIG--plain { --hover-inner-rgb: 255 255 255; --hover-inner-alpha: .30; --hover-inner-ring-alpha: .10; --hover-flood-alpha: .22; --hover-flood-ring-alpha: .12; }
.dsIG__tint { position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; background: linear-gradient(160deg,rgb(var(--hover-inner-rgb) / .10) 0%,transparent 62%); }
.dsIG > * { position: relative; }
@media (prefers-reduced-motion: reduce) {
  .dsIG { transition: box-shadow var(--hover-inner-duration) var(--hover-inner-ease); }
  .dsIG--on:hover { transform: none; }
}
.dsBN { position: relative; display: flex; flex-direction: column; border-radius: var(--radius-bento); background: var(--surface-card); backdrop-filter: blur(var(--veil-blur)); border: 1px solid var(--border-hairline); overflow: hidden; font-family: var(--font-sans); transition: var(--transition-surface); isolation: isolate; }
.dsBN::before { content: ""; position: absolute; inset: 0px; background: var(--wash-top-left); pointer-events: none; z-index: 0; }
.dsBN > * { position: relative; z-index: 1; }
.dsBN:hover { border-color: var(--border-subtle); }
.dsBN__head { padding: 34px 36px 0px; display: flex; flex-direction: column; gap: 12px; }
.dsBN--compact .dsBN__head { padding: 24px 24px 0px; gap: 8px; }
.dsBN__kicker { display: flex; align-items: center; gap: 10px; font-size: var(--text-xs); color: var(--text-muted); }
.dsBN__title { margin: 0px; font-size: 34px; font-weight: var(--weight-bold); letter-spacing: var(--tracking-tight); color: var(--text-primary); line-height: 1.1; }
.dsBN--compact .dsBN__title { font-size: 20px; }
.dsBN__body { margin: 0px; font-size: 16px; line-height: var(--leading-normal); color: var(--text-body); max-width: 52ch; }
.dsBN--compact .dsBN__body { font-size: 14px; }
.dsBN__visual { position: relative; flex: 1 1 0%; min-height: 150px; margin-top: 26px; overflow: hidden; }
.dsBN__visual--inset { margin: 26px 36px 36px; border-radius: var(--radius-lg); min-height: 120px; }
.dsBN__tex { position: absolute; inset: 0px; pointer-events: none; }
.dsBN__tex--hatch { background: var(--field-hatch); }
.dsBN__tex--dots { background-image: var(--field-dots); background-size: var(--field-dot-size) var(--field-dot-size); opacity: 0.5; }
.dsBN__tex--grid { background-image: var(--field-grid); background-size: 44px 44px; opacity: 0.7; }
.dsBN__leak { position: absolute; left: 50%; bottom: -40%; width: 120%; aspect-ratio: 1 / 1; transform: translateX(-50%); pointer-events: none; border-radius: 50%; }
.dsBN__foot { padding: 0px 36px 32px; margin-top: auto; }
.dsBadge { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-sans); font-size: var(--text-2xs); font-weight: var(--weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; padding: 4px 9px; border-radius: var(--radius-pill); border: 1px solid transparent; line-height: 1.3; }
.dsBadge--new { background: var(--ds-magenta-bright); color: var(--ds-white); }
.dsBadge--promo { background: var(--gradient-brand); color: var(--ds-white); }
.dsBadge--neutral { background: var(--surface-glass); color: var(--text-body); border-color: var(--border-hairline); }
.dsBadge--category { background: transparent; color: var(--text-muted); border-color: var(--border-subtle); text-transform: none; letter-spacing: var(--tracking-normal); font-weight: var(--weight-medium); }
.dsBadge--success { background: rgba(74, 222, 128, 0.14); color: var(--ds-success); }
.dsBadge--danger { background: rgba(242, 85, 90, 0.14); color: var(--ds-danger); }
.dsBadge--info { background: rgba(12, 212, 254, 0.14); color: var(--ds-info); }
.dsBadge--violet { background: rgba(168, 87, 254, 0.18); color: rgb(199, 156, 255); }
.dsPL { position: relative; isolation: isolate; border-radius: var(--pl-r,0); }
.dsPL__plane { position: relative; height: 100%; border-radius: inherit; will-change: transform; transform: perspective(1500px) translateY(var(--pl-lift,0px)) rotateX(var(--pl-rx,0deg)) rotateY(var(--pl-ry,0deg)); }
.dsPL__fx { position: absolute; inset: 0px; border-radius: inherit; overflow: hidden; pointer-events: none; z-index: 2; }
.dsPL__l { position: absolute; inset: 0px; mix-blend-mode: var(--pl-bm,plus-lighter); filter: blur(var(--pl-blur,0px)); opacity: calc(var(--pl-on,0) * var(--pl-i,.8)); }
.dsPL__l > span { position: absolute; left: var(--pl-x,50%); top: var(--pl-y,50%); aspect-ratio: 1 / 1; border-radius: 50%; }
@keyframes dsPLauA { 
  0%, 100% { transform: translate(-56%, -46%) scale(1); }
  50% { transform: translate(-40%, -60%) scale(1.22); }
}
@keyframes dsPLauB { 
  0%, 100% { transform: translate(-44%, -56%) scale(1.1); }
  50% { transform: translate(-62%, -40%) scale(0.9); }
}
@keyframes dsPLauC { 
  0%, 100% { transform: translate(-50%, -52%) scale(0.95); }
  50% { transform: translate(-46%, -42%) scale(1.18); }
}
@keyframes dsPLrip { 
  0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.15; }
  35% { opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1.15); opacity: 0; }
}
@keyframes dsPLbeam { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes dsPLnoise { 
  0% { background-position: 0px 0px; }
  50% { background-position: 37px 19px; }
  100% { background-position: 0px 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .dsPL__plane { transform: none; }
  .dsPL__l, .dsPL__l > span { animation: auto ease 0s 1 normal none running none !important; }
}
.mip-rest, .mip-rest *, .mip-rest ::before, .mip-rest ::after { animation-play-state: paused !important; }
.mip-rest, .mip-rest * { backdrop-filter: none !important; }
.mip-rest canvas { visibility: hidden !important; }
html.mip-away *, html.mip-away ::before, html.mip-away ::after { animation-play-state: paused !important; }
html.mip-away canvas { visibility: hidden !important; }
html.mip-still *, html.mip-still ::before, html.mip-still ::after { animation-play-state: paused !important; }
:root { --tw-w: 348px; }
.twFab { position: fixed; right: 18px; bottom: 18px; z-index: 2147483000; display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0px 16px 0px 13px; border: 0px; cursor: pointer; border-radius: 999px; font: 600 13px/1 var(--font-sans,ui-sans-serif,system-ui); letter-spacing: -0.01em; color: rgb(255, 255, 255); background: rgba(20, 20, 25, 0.72); box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.5) 0px 10px 34px; backdrop-filter: blur(20px) saturate(150%); transition: background-color 0.14s, transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.18s; }
.twFab:hover { background: rgba(34, 34, 42, 0.86); transform: translateY(-2px); }
.twFab:active { transform: scale(0.98); }
.twFab svg { width: 16px; height: 16px; flex: 0 0 auto; }
.twFab b { font-weight: 700; }
.twFab .twFab__n { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding: 0px 5px; border-radius: 999px; background: var(--ds-magenta,#f12bcc); color: rgb(255, 255, 255); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: tabular-nums; }
.twFab[hidden] { display: none; }
.twPanel { position: fixed; top: 0px; right: 0px; bottom: 0px; width: var(--tw-w); z-index: 2147483001; display: flex; flex-direction: column; background: rgba(10, 10, 13, 0.86); backdrop-filter: blur(26px) saturate(160%); box-shadow: rgba(255, 255, 255, 0.1) 1px 0px 0px inset, rgba(0, 0, 0, 0.5) -24px 0px 60px; color: rgb(242, 242, 246); font-family: var(--font-sans,ui-sans-serif,system-ui); font-size: 13px; transform: translateX(0px); transition: transform 0.32s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; }
.twPanel[hidden] { display: none; }
.twPanel.is-out { transform: translateX(100%); }
html.tw-push #dc-root { margin-right: var(--tw-w); transition: margin-right 0.32s cubic-bezier(0.19, 1, 0.22, 1); }
.twHead { display: flex; align-items: center; gap: 10px; padding: 14px 14px 12px; box-shadow: rgba(255, 255, 255, 0.08) 0px -1px 0px inset; }
.twHead h2 { margin: 0px; font-size: 14px; font-weight: 800; letter-spacing: -0.02em; color: rgb(255, 255, 255); }
.twHead__n { font: 600 10px/1 var(--font-mono,ui-monospace,monospace); letter-spacing: 0.1em; color: rgb(138, 138, 148); padding: 4px 7px; border-radius: 999px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; }
.twHead__sp { flex: 1 1 0%; }
.twIcon { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; cursor: pointer; border: 0px; border-radius: 9px; background: transparent; color: rgb(169, 169, 180); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; transition: background-color 0.14s, color 0.14s; }
.twIcon:hover { background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); }
.twIcon[aria-pressed="true"] { background: rgba(168, 87, 254, 0.22); color: rgb(255, 255, 255); box-shadow: rgba(168, 87, 254, 0.5) 0px 0px 0px 1px inset; }
.twIcon svg { width: 15px; height: 15px; }
.twSearch { position: relative; padding: 11px 14px; box-shadow: rgba(255, 255, 255, 0.06) 0px -1px 0px inset; }
.twSearch input { width: 100%; height: 34px; padding: 0px 32px; border: 0px; border-radius: 9px; background: rgba(255, 255, 255, 0.05); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; outline: none; }
.twSearch input::placeholder { color: rgb(124, 124, 136); }
.twSearch input:focus { box-shadow: inset 0 0 0 1px var(--ds-cyan,#0cd4fe), 0 0 0 3px rgba(12,212,254,.14); }
.twSearch svg { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; color: rgb(124, 124, 136); pointer-events: none; }
.twSearch__x { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border: 0px; border-radius: 6px; background: transparent; color: rgb(138, 138, 148); cursor: pointer; display: none; place-items: center; }
.twSearch__x[data-on] { display: grid; }
.twSearch__x:hover { background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.twTabs { display: flex; gap: 6px; padding: 0px 14px 11px; box-shadow: rgba(255, 255, 255, 0.06) 0px -1px 0px inset; }
.twTab { flex: 1 1 0%; height: 30px; border: 0px; border-radius: 8px; cursor: pointer; background: transparent; color: rgb(143, 143, 154); font: 600 12px/1 var(--font-sans,ui-sans-serif,system-ui); display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset; transition: background-color 0.14s, color 0.14s; }
.twTab:hover { background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); }
.twTab.is-on { background: rgba(168, 87, 254, 0.2); color: rgb(255, 255, 255); box-shadow: rgba(168, 87, 254, 0.48) 0px 0px 0px 1px inset; }
.twTab__n { display: inline-grid; place-items: center; min-width: 17px; height: 17px; padding: 0px 5px; border-radius: 999px; background: var(--ds-magenta,#f12bcc); color: rgb(255, 255, 255); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: tabular-nums; }
.twNew { display: inline-block; margin-left: 6px; padding: 2px 6px; border-radius: 999px; vertical-align: 1px; background: rgba(241, 43, 204, 0.16); color: rgb(255, 138, 228); font: 700 8.5px/1 var(--font-mono,ui-monospace,monospace); letter-spacing: 0.08em; text-transform: uppercase; }
.twBody { flex: 1 1 0%; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 6px 0px 14px; }
.twBody::-webkit-scrollbar { width: 10px; }
.twBody::-webkit-scrollbar-thumb { background: padding-box rgba(255, 255, 255, 0.12); border: 3px solid transparent; border-radius: 999px; }
.twBody::-webkit-scrollbar-thumb:hover { background: padding-box rgba(255, 255, 255, 0.22); }
.twSec { box-shadow: rgba(255, 255, 255, 0.05) 0px -1px 0px inset; }
.twSec[hidden] { display: none; }
.twSec > summary { display: flex; align-items: center; gap: 9px; padding: 11px 14px; cursor: pointer; list-style: none; font-size: 12px; font-weight: 700; letter-spacing: -0.005em; color: rgb(212, 212, 220); user-select: none; }
.twSec > summary::-webkit-details-marker { display: none; }
.twSec > summary:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.03); }
.twSec__car { width: 11px; height: 11px; flex: 0 0 auto; color: rgb(124, 124, 136); transition: transform 0.18s; }
.twSec[open] .twSec__car { transform: rotate(90deg); }
.twSec__n { margin-left: auto; font: 600 10px/1 var(--font-mono,ui-monospace,monospace); color: rgb(111, 111, 123); }
.twSec__dot { width: 5px; height: 5px; border-radius: 50%; background: var(--ds-magenta,#f12bcc); flex: 0 0 auto; opacity: 0; }
.twSec.is-dirty .twSec__dot { opacity: 1; }
.twSec__in { padding: 2px 14px 12px; }
.twRow { padding: 9px 0px 11px; }
.twRow[hidden] { display: none; }
.twRow__t { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
.twRow__l { font-size: 12px; color: rgb(184, 184, 194); letter-spacing: -0.005em; }
.twRow.is-dirty .twRow__l { color: rgb(255, 255, 255); font-weight: 600; }
.twRow__r { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.twRow__v { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; color: rgb(143, 143, 154); font-variant-numeric: tabular-nums; }
.twRow.is-dirty .twRow__v { color: var(--ds-cyan,#0cd4fe); }
.twReset { width: 18px; height: 18px; border: 0px; border-radius: 5px; background: transparent; color: rgb(124, 124, 136); cursor: pointer; display: none; place-items: center; flex: 0 0 auto; }
.twRow.is-dirty .twReset { display: grid; }
.twReset:hover { background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.twReset svg { width: 11px; height: 11px; }
.twSlide { display: flex; align-items: center; gap: 10px; }
.twSlide input[type="range"] { flex: 1 1 0%; appearance: none; height: 18px; background: transparent; cursor: pointer; margin: 0px; }
.twSlide input[type="range"]::-webkit-slider-runnable-track { height: 3px; border-radius: 99px; background: linear-gradient(90deg, var(--ds-cyan,#0cd4fe) var(--pc,0%), rgba(255,255,255,.13) var(--pc,0%)); }
.twSlide input[type="range"]::-webkit-slider-thumb { appearance: none; width: 13px; height: 13px; margin-top: -5px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.55) 0px 1px 4px; transition: transform 0.12s; }
.twSlide input[type="range"]:hover::-webkit-slider-thumb { transform: scale(1.18); }
.twSlide input[type="range"]:focus-visible { outline: none; }
.twSlide input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow: rgba(12, 212, 254, 0.35) 0px 0px 0px 3px; }
.twNum { width: 62px; height: 26px; flex: 0 0 auto; text-align: right; padding: 0px 7px; border: 0px; border-radius: 7px; background: rgba(255, 255, 255, 0.05); color: rgb(255, 255, 255); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: tabular-nums; box-shadow: rgba(255, 255, 255, 0.09) 0px 0px 0px 1px inset; outline: none; }
.twNum:focus { box-shadow: inset 0 0 0 1px var(--ds-cyan,#0cd4fe); }
.twSw { position: relative; width: 36px; height: 21px; flex: 0 0 auto; border: 0px; border-radius: 99px; cursor: pointer; background: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; transition: background-color 0.16s; }
.twSw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px; transition: transform 0.18s cubic-bezier(0.19, 1, 0.22, 1); }
.twSw[aria-checked="true"] { background: var(--ds-violet,#a857fe); }
.twSw[aria-checked="true"]::after { transform: translateX(15px); }
.twSw:focus-visible { outline: none; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, rgba(12, 212, 254, 0.3) 0px 0px 0px 3px; }
.twSel { width: 100%; height: 32px; padding: 0px 30px 0px 10px; border: 0px; border-radius: 8px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a94' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 8px center / 13px no-repeat rgba(255, 255, 255, 0.05); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; appearance: none; box-shadow: rgba(255, 255, 255, 0.09) 0px 0px 0px 1px inset; outline: none; }
.twSel:focus { box-shadow: inset 0 0 0 1px var(--ds-cyan,#0cd4fe); }
.twSel option { background: rgb(21, 21, 27); color: rgb(255, 255, 255); }
.twCol { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.twCol__s { width: 26px; height: 26px; border: 0px; border-radius: 8px; cursor: pointer; padding: 0px; box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px inset; transition: transform 0.14s; }
.twCol__s:hover { transform: translateY(-2px); }
.twCol__s[aria-pressed="true"] { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.14) 0px 0px 0px 3px; }
.twCol input[type="color"] { width: 30px; height: 26px; padding: 0px; border: 0px; border-radius: 8px; background: transparent; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.14) 0px 0px 0px 1px inset; }
.twCol input[type="color"]::-webkit-color-swatch-wrapper { padding: 2px; }
.twCol input[type="color"]::-webkit-color-swatch { border: 0px; border-radius: 6px; }
.twFoot { display: flex; gap: 8px; padding: 11px 14px; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.twBtn { flex: 1 1 0%; height: 32px; border: 0px; border-radius: 9px; cursor: pointer; color: rgb(216, 216, 222); background: rgba(255, 255, 255, 0.05); font: 600 12px/1 var(--font-sans,ui-sans-serif,system-ui); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; transition: background-color 0.14s, color 0.14s; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.twBtn:hover { background: rgba(255, 255, 255, 0.11); color: rgb(255, 255, 255); }
.twBtn svg { width: 13px; height: 13px; }
.twBtn--warn:hover { background: rgba(242, 85, 90, 0.18); color: rgb(255, 155, 158); box-shadow: rgba(242, 85, 90, 0.4) 0px 0px 0px 1px inset; }
.twBtn[disabled] { opacity: 0.4; cursor: not-allowed; }
.twToast { position: fixed; right: calc(var(--tw-w) + 16px); bottom: 20px; z-index: 2147483002; padding: 9px 14px; border-radius: 10px; background: rgba(20, 20, 25, 0.92); color: rgb(255, 255, 255); font-size: 12px; box-shadow: rgba(255, 255, 255, 0.14) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.5) 0px 10px 30px; opacity: 0; transform: translateY(6px); transition: opacity 0.2s, transform 0.2s; pointer-events: none; }
.twToast.is-on { opacity: 1; transform: none; }
.twEmpty { padding: 26px 16px; text-align: center; color: rgb(124, 124, 136); font-size: 12px; }
@media (max-width: 640px) {
  :root { --tw-w: 100vw; }
  html.tw-push #dc-root { margin-right: 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .twPanel, .twFab, .twSw::after, html.tw-push #dc-root { transition: none; }
}
.dsapp { --app-bg: #0d0f13; --app-shell: #12151c; --app-panel: #111419; --app-card: #161a22; --app-card-2: #1b202a; --app-row-hover: rgba(148,163,184,.055); --app-line: #1d2434; --app-line-2: #28324a; --app-line-3: #36425e; --app-ink: #f1f4f9; --app-body: #c6cfdd; --app-dim: #90a1b9; --app-faint: #7a8aa3; --app-indigo: #4f46e5; --app-indigo-hi: #6366f1; --app-indigo-soft: rgba(99,102,241,.16); --app-violet: #a857fe; --app-magenta: #f12bcc; --app-cyan: #0cd4fe; --app-green: #3ecf8e; --app-green-soft: rgba(62,207,142,.14); --app-red: #f2555a; --app-red-soft: rgba(242,85,90,.14); --app-amber: #f0a63c; --app-amber-soft: rgba(240,166,60,.14); --c-yellow: #fbbf24; --c-blue: #38bdf8; --c-pink: #f87171; --c-green: #34d399; --c-violet: #c084fc; --c-grey: #3c3f47; position: relative; width: 1440px; height: 900px; overflow: hidden; background: var(--app-bg); color: var(--app-ink); font-family: var(--font-sans); font-size: 13px; line-height: 1.45; letter-spacing: -0.005em; -webkit-font-smoothing: antialiased; border-radius: 10px; contain: paint; }
.dsapp * { box-sizing: border-box; }
.dsapp--tall { height: 1720px; }
.dsapp--auto { height: auto; }
.mipFrame { position: relative; overflow: hidden; isolation: isolate; }
.mipFrame .dsapp { position: absolute; left: 0px; top: 0px; transform-origin: 0px 0px; will-change: transform; }
.mipFrame [data-screen] { display: contents; }
.dsapp__top { display: flex; align-items: center; gap: 14px; height: 47px; padding: 0px 14px 0px 0px; background: var(--app-bg); position: relative; z-index: 5; }
.dsapp__brand { width: 44px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.dsapp__brand img { width: 19px; height: auto; display: block; }
.dsapp .dsSeg { display: flex; align-items: center; gap: 2px; padding: 4px; border-radius: 9px; background: rgb(16, 16, 21); border: 1px solid var(--app-line); }
.dsapp .dsSeg__i { display: flex; align-items: center; gap: 6px; height: 26px; padding: 0px 11px; border-radius: 6px; font-size: 12.5px; font-weight: 600; color: var(--app-dim); white-space: nowrap; cursor: default; }
.dsapp .dsSeg__i svg { width: 13px; height: 13px; opacity: 0.8; }
.dsapp .dsSeg__i.is-on { background: var(--app-indigo); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 0px inset; }
.dsapp .dsSeg__i.is-on svg { opacity: 1; }
.dsapp__topRight { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.dsWs { display: flex; align-items: center; gap: 7px; height: 29px; padding: 0px 10px; border-radius: 8px; border: 1px solid var(--app-line-2); background: rgb(14, 14, 19); font-size: 11.5px; color: var(--app-ink); }
.dsWs svg { width: 12px; height: 12px; color: var(--app-dim); }
.dsWs b { font-weight: 700; }
.dsWs span { color: var(--app-faint); font-size: 9.5px; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 600; }
.dsIconBtn { width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--app-line); background: rgb(14, 14, 19); color: var(--app-dim); }
.dsIconBtn svg { width: 13px; height: 13px; }
.dsAvatar { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; background: rgb(18, 18, 26); border: 1px solid var(--app-line-2); overflow: hidden; }
.dsAvatar img { width: 13px; height: auto; display: block; }
.dsFlag { width: 19px; height: 13px; border-radius: 2px; overflow: hidden; display: block; }
.dsapp__body { display: flex; height: calc(100% - 47px); position: relative; }
.dsRail { width: 44px; flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 18px 0px 14px; }
.dsRail__i { width: 22px; height: 22px; display: grid; place-items: center; color: rgb(95, 96, 105); position: relative; }
.dsRail__i svg { width: 17px; height: 17px; }
.dsRail__i.is-on { color: rgb(255, 255, 255); }
.dsRail__i.is-on::before { content: ""; position: absolute; left: -14px; top: 50%; transform: translateY(-50%); width: 3px; height: 26px; border-radius: 0px 3px 3px 0px; background: linear-gradient(180deg,var(--app-magenta),var(--app-violet)); }
.dsRail__spacer { flex: 1 1 0%; }
.dsRail__add { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: rgb(255, 255, 255); background: linear-gradient(140deg, rgb(139, 92, 246), rgb(224, 44, 180)); }
.dsRail__add svg { width: 15px; height: 15px; }
.dsMenu { width: 138px; flex: 0 0 auto; padding: 14px 10px 0px 0px; }
.dsMenu__h { display: flex; align-items: center; justify-content: space-between; padding: 0px 8px 12px; }
.dsMenu__h b { font-size: 14px; font-weight: 800; letter-spacing: -0.02em; }
.dsMenu__h svg { width: 12px; height: 12px; color: var(--app-faint); }
.dsMenu__i { display: flex; align-items: center; gap: 9px; height: 30px; padding: 0px 8px; border-radius: 7px; font-size: 12px; font-weight: 500; color: var(--app-body); position: relative; }
.dsMenu__i svg { width: 14px; height: 14px; color: var(--app-dim); flex: 0 0 auto; }
.dsMenu__i .cx { margin-left: auto; width: 11px; height: 11px; opacity: 0.7; }
.dsMenu__i.is-on { color: rgb(255, 255, 255); font-weight: 700; }
.dsMenu__i.is-on svg { color: rgb(255, 255, 255); }
.dsMenu__i.is-on::before { content: ""; position: absolute; left: -10px; top: 5px; bottom: 5px; width: 2px; border-radius: 2px; background: linear-gradient(180deg,var(--app-magenta),var(--app-violet)); }
.dsPane { flex: 1 1 0%; min-width: 0px; padding: 12px 14px 14px 0px; }
.dsShell { height: 100%; border-radius: 13px; background: var(--app-shell); border: 1px solid var(--app-line); padding: 20px 22px; overflow: hidden; position: relative; }
.dsShell--flat { background: transparent; border: 0px; padding: 0px; }
.dsHead { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 18px; }
.dsHead__ico { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; background: rgba(99, 102, 241, 0.14); border: 1px solid rgba(99, 102, 241, 0.26); color: rgb(165, 180, 252); }
.dsHead__ico svg { width: 17px; height: 17px; }
.dsHead h1, .dsHead .dsH1 { font-family: var(--font-display); font-stretch: var(--display-stretch); font-size: 22px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin: 0px 0px 3px; color: rgb(255, 255, 255); }
.dsHead p { font-size: 11.5px; color: var(--app-dim); margin: 0px; display: flex; align-items: center; gap: 5px; }
.dsHead p svg { width: 11px; height: 11px; opacity: 0.7; }
.dsHead__act { margin-left: auto; display: flex; align-items: center; gap: 8px; padding-top: 3px; }
.dsapp .dsBtn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 29px; padding: 0px 12px; border-radius: 8px; border: 1px solid transparent; font-size: 11.5px; font-weight: 600; letter-spacing: -0.005em; white-space: nowrap; color: rgb(255, 255, 255); background: var(--app-indigo); box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset; }
.dsapp .dsBtn svg { width: 13px; height: 13px; }
.dsapp .dsBtn--ghost { background: transparent; border-color: var(--app-line-2); color: var(--app-body); box-shadow: none; }
.dsapp .dsBtn--ghost svg { color: var(--app-dim); }
.dsapp .dsBtn--soft { background: rgb(21, 21, 28); border-color: var(--app-line-2); color: var(--app-ink); box-shadow: none; }
.dsapp .dsBtn--ai { background: linear-gradient(100deg, rgb(109, 61, 240), rgb(79, 70, 229)); color: rgb(255, 255, 255); }
.dsapp .dsBtn--danger { background: transparent; border-color: rgba(242, 85, 90, 0.35); color: var(--app-red); box-shadow: none; }
.dsapp .dsBtn--lg { height: 33px; padding: 0px 14px; font-size: 12px; }
.dsapp .dsBtn--full { width: 100%; }
.dsapp .dsInput { display: flex; align-items: center; gap: 8px; height: 30px; padding: 0px 11px; border-radius: 8px; background: rgb(14, 14, 19); border: 1px solid var(--app-line); color: var(--app-faint); font-size: 11.5px; }
.dsapp .dsInput svg { width: 12px; height: 12px; flex: 0 0 auto; opacity: 0.75; }
.dsapp .dsInput--lg { height: 34px; }
.dsTab { display: flex; align-items: center; gap: 16px; border-bottom: 1px solid var(--app-line); }
.dsTab__i { display: flex; align-items: center; gap: 6px; padding: 0px 1px 8px; font-size: 12px; font-weight: 600; color: var(--app-dim); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.dsTab__i svg { width: 12px; height: 12px; }
.dsTab__i.is-on { color: rgb(255, 255, 255); border-bottom-color: var(--app-indigo-hi); }
.dsPill { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 600; color: var(--app-dim); border: 1px solid transparent; }
.dsPill svg { width: 12px; height: 12px; }
.dsPill.is-on { background: var(--app-indigo); color: rgb(255, 255, 255); }
.dsPill--out { border-color: var(--app-line-2); color: var(--app-body); }
.dsapp .dsBadge { display: inline-flex; align-items: center; gap: 5px; height: 19px; padding: 0px 7px; border-radius: 5px; font-size: 10px; font-weight: 700; letter-spacing: 0.01em; white-space: nowrap; background: var(--app-indigo-soft); color: rgb(165, 180, 252); }
.dsapp .dsBadge--green { background: var(--app-green-soft); color: var(--app-green); }
.dsapp .dsBadge--red { background: var(--app-red-soft); color: var(--app-red); }
.dsapp .dsBadge--amber { background: var(--app-amber-soft); color: rgb(245, 195, 122); }
.dsapp .dsBadge--grey { background: rgba(255, 255, 255, 0.06); color: var(--app-dim); }
.dsapp .dsBadge--cyan { background: rgba(12, 212, 254, 0.13); color: rgb(125, 227, 255); }
.dsapp .dsBadge--outline { background: transparent; border: 1px solid var(--app-line-2); color: var(--app-dim); }
.dsapp .dsBadge__dot { width: 5px; height: 5px; border-radius: 50%; background: currentcolor; }
.dsKbd { font-family: var(--font-mono); font-size: 10px; color: var(--app-faint); }
.dsapp .dsCard { background: var(--app-card); border: 1px solid var(--app-line); border-radius: 11px; padding: 14px; }
.dsapp .dsCard--flat { background: rgb(12, 12, 17); }
.dsapp .dsCard__t { font-size: 12.5px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.01em; margin: 0px; }
.dsapp .dsCard__s { font-size: 11px; color: var(--app-dim); margin: 2px 0px 0px; }
.dsGrid { display: grid; gap: 11px; }
.dsGrid--2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.dsGrid--3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.dsGrid--4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.dsSect { display: flex; align-items: center; gap: 6px; font-size: 9.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--app-dim); }
.dsSect::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--app-violet); }
.dsSect--green::before { background: var(--app-green); }
.dsSect--cyan::before { background: var(--app-cyan); }
.dsTable { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.dsTable th { text-align: left; font-size: 9.5px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--app-faint); padding: 9px 12px; border-bottom: 1px solid var(--app-line); white-space: nowrap; }
.dsTable td { padding: 10px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.043); color: var(--app-body); white-space: nowrap; }
.dsTable tr:last-child td { border-bottom: 0px; }
.dsTable .num { text-align: right; font-variant-numeric: tabular-nums; }
.dsTable .dim { color: var(--app-faint); }
.dsTable--head-plain th { text-transform: none; font-size: 11px; letter-spacing: 0px; color: var(--app-dim); font-weight: 600; }
.dsConn { display: flex; align-items: center; gap: 14px; padding: 14px 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.dsConn:last-child { border-bottom: 0px; }
.dsConn__n { font-size: 15px; font-weight: 800; letter-spacing: -0.02em; color: rgb(255, 255, 255); line-height: 1.15; }
.dsConn__m { font-size: 10.5px; color: var(--app-faint); margin-top: 2px; }
.dsConn__meta { display: flex; align-items: center; gap: 26px; margin-left: auto; }
.dsConn__k { font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--app-faint); display: flex; align-items: center; gap: 5px; }
.dsConn__k svg { width: 10px; height: 10px; }
.dsConn__v { font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); margin-top: 2px; }
.dsMeter { height: 5px; border-radius: 99px; background: rgba(255, 255, 255, 0.07); overflow: hidden; }
.dsMeter__f { height: 100%; border-radius: 99px; background: var(--app-green); }
.dsMeter__f--red { background: rgb(232, 57, 95); }
.dsKpi { position: relative; background: var(--app-card); border: 1px solid var(--app-line); border-radius: 11px; padding: 13px 15px 14px; overflow: hidden; }
.dsKpi--hero { background: linear-gradient(160deg,rgba(62,207,142,.06),transparent 58%),var(--app-card); border-color: rgba(62, 207, 142, 0.2); }
.dsKpi__t { font-size: 11.5px; font-weight: 600; color: var(--app-body); margin: 0px 0px 6px; }
.dsKpi__v { font-family: var(--font-display); font-stretch: var(--display-stretch); font-size: 34px; font-weight: 700; letter-spacing: -0.035em; line-height: 1; color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; }
.dsKpi__d { display: inline-flex; align-items: center; gap: 5px; height: 21px; padding: 0px 8px; border-radius: 6px; font-size: 10.5px; font-weight: 700; margin-top: 9px; }
.dsKpi__d--up { background: var(--app-green-soft); color: var(--app-green); }
.dsKpi__d--dn { background: var(--app-red-soft); color: rgb(255, 128, 133); }
.dsKpi__d em { font-style: normal; font-weight: 600; color: var(--app-faint); }
.dsKpi__p { font-size: 9.5px; color: var(--app-faint); margin-top: 7px; }
.dsKpi__spark { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 120px; height: 44px; opacity: 0.95; }
.dsSig { display: flex; gap: 11px; padding: 13px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.043); }
.dsSig:last-child { border-bottom: 0px; }
.dsSig__ico { width: 24px; height: 24px; flex: 0 0 auto; border-radius: 7px; display: grid; place-items: center; }
.dsSig__ico svg { width: 13px; height: 13px; }
.dsSig__ico--risk { background: rgba(242, 85, 90, 0.13); color: var(--app-red); }
.dsSig__ico--drive { background: rgba(62, 207, 142, 0.13); color: var(--app-green); }
.dsSig__k { font-size: 9px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--app-faint); }
.dsSig__h { font-size: 12.5px; font-weight: 700; color: rgb(255, 255, 255); margin: 2px 0px; }
.dsSig__p { font-size: 11px; color: var(--app-dim); margin: 0px; }
.dsSig__tags { display: flex; gap: 6px; margin-top: 7px; flex-wrap: wrap; }
.dsOpp { display: flex; align-items: center; gap: 11px; padding: 11px 14px; border-radius: 10px; background: linear-gradient(97deg, rgba(62, 207, 142, 0.1), rgba(62, 207, 142, 0.02) 46%, transparent); border: 1px solid rgba(62, 207, 142, 0.2); }
.dsOpp__ico { width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; background: rgba(62, 207, 142, 0.16); color: var(--app-green); flex: 0 0 auto; }
.dsOpp__ico svg { width: 13px; height: 13px; }
.dsOpp__k { font-size: 9px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--app-green); }
.dsOpp__h { font-size: 12.5px; color: var(--app-ink); margin-top: 1px; }
.dsOpp__h b { color: rgb(255, 255, 255); font-weight: 700; }
.dsLeg { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; font-size: 9.5px; color: var(--app-dim); }
.dsLeg__i { display: flex; align-items: center; gap: 5px; }
.dsLeg__sw { width: 7px; height: 7px; border-radius: 50%; }
.dsLeg__ln { width: 13px; height: 2px; border-radius: 2px; }
.dsTrend { display: flex; align-items: center; gap: 13px; padding: 5px 9px; border-radius: 6px; background: rgba(255, 255, 255, 0.027); font-size: 9.5px; color: var(--app-dim); margin-top: 8px; }
.dsTrend b { color: var(--app-green); font-weight: 700; }
.dsChart { display: block; width: 100%; height: auto; overflow: visible; }
.dsChart text { font-family: var(--font-sans); font-size: 9px; fill: var(--app-faint); }
.dsChart .gl { stroke: rgba(255, 255, 255, 0.055); stroke-width: 1; }
.dsChart .ax { stroke: rgba(255, 255, 255, 0.09); stroke-width: 1; }
.dsHeat td { text-align: center; font-weight: 700; color: rgb(255, 255, 255); font-size: 11.5px; padding: 8px 6px; border-radius: 5px; }
.dsHeat th { font-size: 9.5px; }
.dsHeat .h1 { background: rgb(29, 122, 82); }
.dsHeat .h2 { background: rgb(23, 96, 63); }
.dsHeat .h3 { background: rgb(18, 63, 44); }
.dsHeat .h4 { background: rgb(35, 38, 48); }
.dsHeat .h5 { background: rgb(74, 32, 40); }
.dsHeat .h6 { background: rgb(122, 39, 50); }
.dsHeat .h7 { background: rgb(224, 56, 74); }
.dsSrc { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: 10px; background: var(--app-card); border: 1px solid var(--app-line); }
.dsSrc__logo { width: 26px; height: 26px; border-radius: 7px; flex: 0 0 auto; display: grid; place-items: center; background: rgb(0, 0, 0); overflow: hidden; }
.dsSrc__logo img { width: 16px; height: 16px; object-fit: contain; display: block; }
.dsSrc__n { font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.01em; }
.dsSrc__s { font-size: 10px; color: var(--app-green); display: flex; align-items: center; gap: 5px; margin-top: 2px; }
.dsSrc__s::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentcolor; }
.dsSrc__go { margin-left: auto; width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; border: 1px solid var(--app-line-2); color: var(--app-dim); flex: 0 0 auto; }
.dsSrc__go svg { width: 11px; height: 11px; }
.dsSrc--wide { padding: 12px 14px; }
.dsSrc--feature { background: linear-gradient(100deg,rgba(99,102,241,.11),transparent 55%),var(--app-card); border-color: rgba(99, 102, 241, 0.24); }
.dsGroupLbl { font-size: 9.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--app-faint); margin: 0px 0px 9px; }
.dsSql { font-family: var(--font-mono); font-size: 11.5px; line-height: 1.75; }
.dsSql .k { color: rgb(192, 132, 252); }
.dsSql .f { color: rgb(125, 211, 252); }
.dsSql .s { color: rgb(134, 239, 172); }
.dsSql .n { color: rgb(251, 191, 36); }
.dsSql .c { color: rgb(107, 114, 128); }
.dsGutter { color: rgb(75, 75, 87); font-family: var(--font-mono); font-size: 11px; text-align: right; padding-right: 12px; user-select: none; }
.dsCaret { display: inline-block; width: 1.5px; height: 13px; background: rgb(199, 199, 210); vertical-align: -2px; animation: 1.05s steps(1) 0s infinite normal none running dsCaret; }
@keyframes dsCaret { 
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
.dsStep { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; }
.dsStep.is-on { background: rgb(20, 20, 25); border: 1px solid var(--app-line-2); }
.dsStep__ico { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; background: rgba(99, 102, 241, 0.14); color: rgb(165, 180, 252); flex: 0 0 auto; }
.dsStep__ico svg { width: 12px; height: 12px; }
.dsStep__k { font-size: 8.5px; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; color: var(--app-faint); }
.dsStep__n { font-size: 11.5px; font-weight: 600; color: var(--app-body); }
.dsStep.is-on .dsStep__n { color: rgb(255, 255, 255); font-weight: 700; }
.dsSummary { display: flex; justify-content: space-between; font-size: 10.5px; padding: 4px 0px; color: var(--app-faint); }
.dsSummary b { color: rgb(255, 255, 255); font-weight: 700; }
.dsDivider { height: 1px; background: var(--app-line); border: 0px; margin: 0px; }
.dsEmpty { display: grid; place-items: center; color: var(--app-faint); font-size: 12px; }
.dsChatFab { position: absolute; right: 18px; bottom: 18px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(140deg, rgb(225, 29, 155), rgb(241, 43, 204)); color: rgb(255, 255, 255); }
.dsChatFab svg { width: 16px; height: 16px; }
.dsTooltip { position: absolute; padding: 3px 7px; border-radius: 5px; background: rgb(28, 28, 34); border: 1px solid var(--app-line-2); font-size: 10px; color: var(--app-ink); white-space: nowrap; }
.dsapp .mt4 { margin-top: 4px; }
.dsapp .mt6 { margin-top: 6px; }
.dsapp .mt8 { margin-top: 8px; }
.dsapp .mt10 { margin-top: 10px; }
.dsapp .mt12 { margin-top: 12px; }
.dsapp .mt14 { margin-top: 14px; }
.dsapp .mt16 { margin-top: 16px; }
.dsapp .mt20 { margin-top: 20px; }
.dsapp .mt24 { margin-top: 24px; }
.dsapp .row { display: flex; align-items: center; }
.dsapp .row-g6 { gap: 6px; }
.dsapp .row-g8 { gap: 8px; }
.dsapp .row-g10 { gap: 10px; }
.dsapp .row-g14 { gap: 14px; }
.dsapp .grow { flex: 1 1 0%; min-width: 0px; }
.dsapp .muted { color: var(--app-dim); }
.dsapp .faint { color: var(--app-faint); }
.dsapp .mono { font-family: var(--font-mono); }
.dsapp .tnum { font-variant-numeric: tabular-nums; }
#screen-connect { --app-bg: #0f1012; }
#screen-connect .dsPane { padding: 12px 18px 14px 6px; }
#screen-connect .dsRail { background: rgb(8, 9, 13); gap: 7px; padding: 12px 0px 8px; }
#screen-connect .dsRail__i { width: 22px; height: 22px; color: rgb(244, 244, 246); }
#screen-connect .dsRail__i svg { width: 14px; height: 14px; }
#screen-connect .dsRail__i.is-on { color: rgb(255, 255, 255); }
#screen-connect .dsRail__i.is-on::before { content: ""; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); width: 8px; height: 26px; border-radius: 14px 0px 0px 14px; background: none; border-width: 0px 0px 0px 2px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(239, 44, 202); border-image: none; }
#screen-connect .dsRail__add { width: 26px; height: 26px; border-radius: 8px; margin-bottom: 3px; background: linear-gradient(140deg, rgb(106, 92, 242) 0%, rgb(163, 79, 216) 52%, rgb(229, 64, 155) 100%); box-shadow: rgba(214, 66, 168, 0.34) 0px 6px 20px 2px; }
#screen-connect .dsRail__add svg { width: 14px; height: 14px; }
.dsRail__sep { width: 29px; height: 1px; background: rgb(42, 42, 49); flex: 0 0 auto; }
.cd { height: 760px; border-radius: 14px; background: rgb(19, 22, 29); border: 1px solid rgb(29, 41, 61); display: flex; flex-direction: column; overflow: hidden; }
.cd__head { position: relative; flex: 0 0 auto; display: flex; align-items: flex-end; height: 69px; padding: 0px 36px 14px; }
.cd__head::after { content: ""; position: absolute; left: 19px; right: 19px; bottom: 0px; height: 1px; background: rgb(29, 41, 61); }
.cd__head h1, .cd__head .dsH1 { font-family: var(--font-display); font-stretch: var(--display-stretch); font-size: 12.5px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin: 0px; color: rgb(255, 255, 255); }
.cd__x { margin-left: auto; width: 18px; height: 18px; border-radius: 6px; flex: 0 0 auto; display: grid; place-items: center; background: rgb(45, 48, 54); color: rgb(226, 228, 234); }
.cd__x svg { width: 8px; height: 8px; stroke-width: 2.6; }
.cd__tools { flex: 0 0 auto; display: flex; align-items: center; gap: 7px; padding: 0px 30px; margin-top: 15px; }
.cd__search { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 7px; height: 31px; padding: 0px 10px; border-radius: 9px; background: rgb(26, 29, 36); border: 1px solid rgb(50, 52, 58); }
.cd__search svg { width: 10px; height: 10px; color: rgb(139, 156, 179); flex: 0 0 auto; }
.cd__search span { font-size: 10px; color: rgb(138, 140, 143); }
.cd__seg { flex: 0 0 auto; display: flex; align-items: center; gap: 1px; height: 31px; padding: 0px 2px; border-radius: 999px; background: rgb(26, 29, 36); border: 1px solid rgb(38, 42, 49); }
.cd__pill { display: inline-flex; align-items: center; height: 23px; padding: 0px 7px; border-radius: 999px; font-size: 9.5px; font-weight: 700; letter-spacing: -0.005em; color: rgb(255, 255, 255); background: rgb(89, 80, 253); white-space: nowrap; }
.cd__pill--off { background: transparent; color: rgb(201, 203, 209); font-weight: 600; padding: 0px 7px; }
.cd__avail { font-size: 9px; color: rgb(146, 156, 173); white-space: nowrap; margin-left: 4px; letter-spacing: -0.01em; }
.cd__avail b { font-size: 9.5px; font-weight: 800; color: rgb(255, 255, 255); margin-left: 4px; }
.cd__body { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; padding: 0px 30px; margin-top: 20px; }
.cd__sect { flex: 0 0 auto; display: flex; align-items: flex-start; gap: 8px; }
.cd__sicon { width: 20px; height: 20px; border-radius: 6px; flex: 0 0 auto; display: grid; place-items: center; background: rgb(34, 37, 74); color: rgb(168, 176, 255); }
.cd__sicon svg { width: 11px; height: 11px; }
.cd__sect h2, .cd__sect .dsH2 { font-size: 11.5px; font-weight: 800; letter-spacing: -0.022em; line-height: 1.15; margin: 1px 0px 0px; color: rgb(255, 255, 255); }
.cd__sect p { font-size: 7.5px; color: rgb(141, 146, 160); margin: 4px 0px 0px; line-height: 1.25; }
.cd__multi { flex: 0 0 auto; display: flex; align-items: center; gap: 13px; height: 63px; padding: 0px 12px; margin-top: 11px; border-radius: 11px; border: 1px solid rgb(51, 51, 124); background: linear-gradient(90deg, rgb(27, 26, 56) 0%, rgb(26, 27, 52) 20%, rgb(26, 27, 47) 51%, rgb(23, 26, 41) 68%, rgb(21, 23, 34) 85%, rgb(19, 22, 29) 100%); }
.cd__mico { position: relative; width: 24px; height: 24px; border-radius: 8px; flex: 0 0 auto; display: grid; place-items: center; background: rgb(38, 36, 86); border: 1px solid rgba(146, 146, 255, 0.22); color: rgb(174, 180, 255); }
.cd__mico svg { width: 12px; height: 12px; }
.cd__mico i { position: absolute; right: -5px; top: 50%; transform: translateY(-50%); width: 11px; height: 11px; border-radius: 50%; background: rgb(51, 47, 116); border: 1.5px solid rgb(28, 27, 58); display: grid; place-items: center; }
.cd__mico i svg { width: 6px; height: 6px; stroke-width: 3; color: rgb(220, 220, 255); }
.cd__multi b { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: -0.015em; color: rgb(255, 255, 255); line-height: 1.2; }
.cd__multi span { display: block; font-size: 9px; color: rgb(166, 171, 186); margin-top: 2px; line-height: 1.25; letter-spacing: -0.004em; }
.cd__go { margin-left: auto; color: rgb(138, 142, 155); display: grid; place-items: center; flex: 0 0 auto; }
.cd__go svg { width: 13px; height: 13px; }
.cd__grid { flex: 0 0 auto; display: grid; gap: 10px; margin-top: 10px; }
.cd__grid--6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.cd__grid--5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 8px; margin-top: 8px; }
.cd__grid--3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; margin-top: 8px; }
.cd__c { display: flex; align-items: center; gap: 8px; height: 74px; padding: 0px 9px 0px 10px; border-radius: 9px; background: rgb(19, 20, 25); border: 1px solid rgb(36, 37, 41); min-width: 0px; }
.cd__c--db { height: 57px; padding: 0px 9px; }
.cd__c--other { height: 51px; padding: 0px 9px; }
.cd__logo { width: 25px; height: 25px; border-radius: 8px; flex: 0 0 auto; display: grid; place-items: center; background: rgb(31, 32, 37); overflow: hidden; }
.cd__c--db .cd__logo, .cd__c--other .cd__logo { width: 18px; height: 18px; border-radius: 6px; }
.cd__logo img { width: 16px; height: 16px; object-fit: contain; display: block; }
.cd__c--db .cd__logo img, .cd__c--other .cd__logo img { width: 14px; height: 14px; }
.cd__logo svg { width: 15px; height: 15px; }
.cd__c--db .cd__logo svg, .cd__c--other .cd__logo svg { width: 11px; height: 11px; }
.cd__logo--s { font-family: var(--font-display); font-stretch: var(--display-stretch); font-size: 15px; font-weight: 800; color: rgb(99, 91, 255); line-height: 1; }
.cd__t { min-width: 0px; flex: 1 1 0%; }
.cd__n { display: block; font-size: 10px; font-weight: 700; letter-spacing: -0.022em; color: rgb(255, 255, 255); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cd__c--db .cd__n, .cd__c--other .cd__n { font-size: 11px; letter-spacing: -0.022em; }
.cd__r { display: flex; align-items: center; gap: 5px; margin-top: 3px; font-size: 9px; color: rgb(194, 198, 209); white-space: nowrap; }
.cd__dot { width: 4px; height: 4px; border-radius: 50%; background: rgb(0, 212, 146); flex: 0 0 auto; }
.cd__arw { margin-left: auto; width: 20px; height: 20px; border-radius: 7px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgb(50, 50, 55); background: rgb(26, 27, 32); color: rgb(152, 152, 154); }
.cd__arw svg { width: 10px; height: 10px; }
.cd__lbl { flex: 0 0 auto; font-size: 7.5px; line-height: 1.25; font-weight: 700; letter-spacing: 0.115em; text-transform: uppercase; color: rgb(144, 161, 185); margin: 20px 0px 0px; padding-bottom: 6px; border-bottom: 1px solid rgb(41, 53, 70); }
.cd__grid--5 + .cd__lbl { margin-top: 17px; }
.cd__other { flex: 0 0 auto; display: flex; align-items: center; height: 45px; padding: 0px 9px; margin-top: 16px; border-radius: 11px; background: rgb(24, 27, 33); border: 1px solid rgb(39, 42, 49); }
.cd__other b { display: block; font-size: 7.5px; font-weight: 700; letter-spacing: 0.115em; text-transform: uppercase; color: rgb(139, 150, 166); line-height: 1.2; }
.cd__other span { display: block; font-size: 7.5px; color: rgb(106, 114, 128); margin-top: 3px; line-height: 1.2; }
.cd__count { margin-left: auto; min-width: 16px; height: 18px; padding: 0px 4px; border-radius: 5px; display: grid; place-items: center; background: rgb(32, 35, 41); font-size: 9px; font-weight: 700; color: rgb(154, 163, 181); }
.cd__foot { position: relative; flex: 0 0 auto; margin-top: auto; padding: 8px 31px 33px; }
.cd__foot::before { content: ""; position: absolute; left: 19px; right: 19px; top: 0px; height: 1px; background: rgb(29, 41, 61); }
.cd__back { display: inline-flex; align-items: center; justify-content: center; height: 29px; padding: 0px 9px; border-radius: 8px; border: 1px solid rgb(54, 57, 63); background: transparent; font-size: 10.5px; font-weight: 600; color: rgb(204, 206, 214); }
#screen-dashboard { --db-canvas: #0a0a10; --db-card: #0f1219; --db-card-2: #121620; --db-line: rgba(255,255,255,.065); --db-line-2: rgba(255,255,255,.11); --db-edge: rgba(124,110,240,.85); --db-lav: #9d9fd6; --db-txt: #c9cbd8; --db-dim: #8b8d9c; --db-orange: #f59e42; }
#screen-dashboard .dsapp__top { height: 42px; padding-right: 20px; }
#screen-dashboard .dsapp__brand img { width: auto; height: 23px; }
#screen-dashboard .dsSeg { padding: 2px; border-radius: 8px; }
#screen-dashboard .dsSeg__i { height: 22px; padding: 0px 9px; font-size: 10px; gap: 5px; border-radius: 6px; }
#screen-dashboard .dsSeg__i svg { width: 11px; height: 11px; }
#screen-dashboard .dsapp__topRight { gap: 13px; }
#screen-dashboard .dsWs { height: 19px; padding: 0px 7px; gap: 4px; font-size: 8px; border-radius: 6px; }
#screen-dashboard .dsWs svg { width: 9px; height: 9px; }
#screen-dashboard .dsWs span { font-size: 6.5px; letter-spacing: 0.08em; }
#screen-dashboard .dsIconBtn { width: 21px; height: 21px; }
#screen-dashboard .dsIconBtn svg { width: 10px; height: 10px; }
#screen-dashboard .dsAvatar { width: 20px; height: 20px; border-radius: 50%; }
#screen-dashboard .dsAvatar img { width: 10px; }
#screen-dashboard .dsFlag { width: 15px; height: 10px; }
#screen-dashboard .dsapp__body { height: calc(100% - 42px); }
#screen-dashboard .dsRail { padding: 19px 0px 13px; gap: 11px; }
#screen-dashboard .dsRail__i { width: 18px; height: 18px; }
#screen-dashboard .dsRail__i svg { width: 14px; height: 14px; }
#screen-dashboard .dsRail__i.is-on::before { left: -13px; width: 2.5px; height: 21px; }
#screen-dashboard .dsRail__add { width: 23px; height: 23px; }
#screen-dashboard .dsRail__add svg { width: 12px; height: 12px; }
#screen-dashboard .dsChatFab { right: 10px; bottom: 14px; width: 33px; height: 33px; }
#screen-dashboard .dsChatFab svg { width: 15px; height: 15px; }
.db-pane { flex: 1 1 0%; min-width: 0px; position: relative; }
.db-fields { position: absolute; left: -1px; top: 99px; width: 15px; height: 43px; display: flex; flex-direction: column; align-items: center; gap: 4px; padding-top: 4px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-radius: 0px 6px 6px 0px; background: rgb(16, 20, 32); }
.db-fields svg { width: 8px; height: 8px; color: rgb(127, 136, 216); }
.db-fields span { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 5.5px; font-weight: 700; letter-spacing: 0.18em; color: var(--db-dim); }
.db-head { margin: 0px 17px 0px 14px; }
.db-crumb { display: flex; align-items: center; gap: 4px; font-size: 8.5px; line-height: 1.45; color: var(--db-dim); }
.db-crumb svg { width: 7px; height: 7px; opacity: 0.75; }
.db-crumb b { font-weight: 400; color: var(--db-txt); }
.db-titlerow { display: flex; align-items: center; margin-top: 3px; }
.db-titlerow h1, .db-titlerow .dsH1 { font-family: var(--font-display); font-stretch: var(--display-stretch); font-size: 11px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; margin: 0px; color: rgb(255, 255, 255); }
.db-hact { margin-left: auto; display: flex; align-items: center; gap: 11px; color: rgb(106, 109, 124); }
.db-hact svg { width: 10px; height: 10px; display: block; }
.db-rule { height: 1px; background: var(--db-line); margin: 13px 17px 0px 14px; }
.db-filters { display: flex; align-items: center; gap: 8px; height: 30px; padding: 0px 4px 0px 9px; margin: 9px 17px 0px 14px; border: 1px solid var(--db-line); border-radius: 9px; background: rgb(11, 12, 17); }
.db-filters .db-fl { display: flex; align-items: center; gap: 5px; font-size: 8.5px; font-weight: 700; color: rgb(255, 255, 255); }
.db-filters .db-fl svg { width: 10px; height: 10px; color: rgb(180, 92, 245); }
.db-vr { width: 1px; height: 13px; background: var(--db-line-2); }
.db-chip { display: flex; align-items: center; gap: 5px; height: 15px; padding: 0px 6px; border-radius: 5px; border: 1px solid var(--db-line-2); font-size: 7.5px; color: var(--db-txt); white-space: nowrap; }
.db-chip svg { width: 8px; height: 8px; color: var(--db-dim); }
.db-chip .cx { width: 7px; height: 7px; }
.db-edit { display: flex; align-items: center; gap: 4px; height: 14px; padding: 0px 6px; border-radius: 5px; border: 1px dashed var(--db-line-2); font-size: 7px; color: var(--db-dim); white-space: nowrap; }
.db-edit svg { width: 7px; height: 7px; }
.db-xbtn { width: 10px; height: 10px; color: var(--db-dim); }
.db-xbtn svg { width: 10px; height: 10px; display: block; }
.db-aigrp { display: flex; align-items: center; border-radius: 6px; overflow: hidden; height: 17px; }
.db-aibtn { display: flex; align-items: center; gap: 4px; height: 17px; padding: 0px 7px; font-size: 8px; font-weight: 700; color: rgb(255, 255, 255); white-space: nowrap; }
.db-aibtn svg { width: 8px; height: 8px; }
.db-aibtn--dark { background: rgb(26, 31, 46); }
.db-aibtn--ai { background: rgb(99, 102, 241); }
.db-aibtn--ai + .db-aibtn--ai { box-shadow: rgba(255, 255, 255, 0.22) 1px 0px 0px inset; }
.db-aibtn--ico { padding: 0px 6px; }
.db-aibtn--green { background: rgb(16, 168, 106); gap: 3px; }
.db-canvas { margin: 10px 21px 0px 16px; border: 1px solid rgba(255, 255, 255, 0.043); border-radius: 12px; background: var(--db-canvas); padding: 0px 8px 3px 10px; position: relative; }
.db-card { position: relative; background: var(--db-card); border: 1px solid rgba(255, 255, 255, 0.055); border-radius: 11px; padding: 10px 11px; overflow: hidden; }
.db-card::after { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 1px; background: linear-gradient(90deg,rgba(124,110,240,0),var(--db-edge) 42%,rgba(124,110,240,.12)); }
.db-cc { padding: 9px 6px 7px 10px; display: flex; flex-direction: column; }
.db-t { font-size: 9px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.01em; margin: 0px; line-height: 1.3; display: flex; align-items: center; gap: 6px; }
.db-t svg { width: 9px; height: 9px; }
.db-t .i-list { color: rgb(240, 166, 60); }
.db-t .i-fil { color: rgb(168, 87, 254); }
.db-lab { display: flex; align-items: center; gap: 5px; font-size: 6px; font-weight: 700; line-height: 1.3; letter-spacing: 0.12em; text-transform: uppercase; color: var(--db-lav); }
.db-lab::before { content: ""; width: 3.5px; height: 3.5px; border-radius: 50%; background: rgb(124, 110, 240); }
.db-lab--green { color: rgb(62, 207, 142); }
.db-lab--green::before { background: rgb(62, 207, 142); }
.db-opp { display: flex; align-items: center; gap: 7px; height: 33px; padding: 0px 8px; border-radius: 9px; margin: 5px -8px 0px; background: linear-gradient(97deg, rgba(62, 207, 142, 0.086), rgba(62, 207, 142, 0.016) 46%, transparent); border: 1px solid rgba(62, 207, 142, 0.2); }
.db-opp__ico { width: 18px; height: 18px; border-radius: 6px; display: grid; place-items: center; background: rgba(62, 207, 142, 0.16); color: rgb(62, 207, 142); flex: 0 0 auto; }
.db-opp__ico svg { width: 10px; height: 10px; }
.db-opp__k { font-size: 6.5px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(62, 207, 142); line-height: 1.3; }
.db-opp__h { font-size: 9px; color: var(--db-dim); line-height: 1.3; }
.db-opp__h b { color: rgb(255, 255, 255); font-weight: 700; }
.db-opp__go { margin-left: auto; display: flex; align-items: center; gap: 5px; font-size: 8.5px; font-weight: 700; color: rgb(255, 255, 255); }
.db-opp__go svg { width: 9px; height: 9px; }
.db-r3 { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; margin-top: 8px; }
.db-r2 { display: grid; grid-template-columns: 772fr 552fr; gap: 14px; margin-top: 8px; }
.db-kpi { height: 114px; border-left-color: rgba(124, 110, 240, 0.5); display: flex; flex-direction: column; }
.db-kpi__t { font-size: 9px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px; line-height: 1.25; }
.db-kpi__v { font-family: var(--font-display); font-stretch: var(--display-stretch); font-size: 31.5px; font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: rgb(255, 255, 255); margin-top: 5px; }
.db-kpi__d { display: inline-flex; align-items: center; gap: 4px; height: 17px; padding: 0px 7px; border-radius: 999px; font-size: 8.5px; font-weight: 700; margin-top: 7px; align-self: flex-start; border: 1px solid var(--db-line-2); }
.db-kpi__d svg { width: 8px; height: 8px; }
.db-kpi__d--dn { border-color: rgba(242, 85, 90, 0.24); color: rgb(242, 85, 90); }
.db-kpi__d--up { border-color: rgba(62, 207, 142, 0.24); color: rgb(62, 207, 142); }
.db-kpi__d i { font-style: normal; color: rgb(230, 231, 239); font-weight: 600; }
.db-kpi__d em { font-style: normal; color: var(--db-dim); font-weight: 500; }
.db-kpi__p { font-size: 7px; color: rgb(113, 115, 127); margin-top: 5px; line-height: 1.3; }
.db-kpi__sp { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); width: 82px; height: 32px; border-radius: 6px; background: rgb(18, 21, 29); overflow: hidden; }
.db-kpi__sp svg { display: block; width: 100%; height: 100%; }
.db-chart { display: block; width: 100%; flex: 1 1 0%; min-height: 0px; }
.db-chart text { font-family: var(--font-sans); font-size: 6.5px; fill: rgb(126, 128, 142); }
.db-chart .gl { stroke: rgba(255, 255, 255, 0.05); stroke-width: 1; }
.db-leg { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; font-size: 6.5px; line-height: 1.4; color: var(--db-txt); }
.db-leg__i { display: flex; align-items: center; gap: 4px; }
.db-leg__dot { width: 5.5px; height: 5.5px; border-radius: 50%; border: 1.1px solid rgba(255, 255, 255, 0.55); box-sizing: border-box; }
.db-leg__sq { width: 6px; height: 6px; border-radius: 2px; }
.db-leg__ln { width: 10px; height: 1.8px; border-radius: 2px; }
.db-leg__dash { width: 10px; height: 0px; border-top: 1.8px dashed; }
.db-trend { display: flex; align-items: center; gap: 8px; height: 14px; padding: 0px 5px; border-radius: 5px; background: rgba(255, 255, 255, 0.027); font-size: 7px; color: var(--db-dim); margin-top: 4px; }
.db-trend svg { width: 7px; height: 7px; color: rgb(12, 212, 254); flex: 0 0 auto; }
.db-trend .k { font-weight: 700; color: rgb(255, 255, 255); }
.db-trend .s { display: flex; align-items: center; gap: 5px; }
.db-trend .s::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentcolor; }
.db-trend .s.c-g { color: rgb(52, 211, 153); }
.db-trend .s.c-p { color: rgb(248, 113, 127); }
.db-trend .s.c-y { color: rgb(251, 191, 36); }
.db-trend .s span { color: var(--db-dim); }
.db-trend .up { font-weight: 700; color: rgb(248, 113, 127); }
.db-trend .dn { font-weight: 700; color: rgb(52, 211, 153); }
.db-donut { height: 184px; padding: 12px 10px 10px; display: flex; flex-direction: column; align-items: center; }
.db-donut .db-t { align-self: flex-start; }
.db-donut svg.d { width: 132px; height: 132px; display: block; margin: 7px auto 0px; }
.db-donut .db-leg { margin-top: 5px; align-self: flex-start; gap: 9px; padding-left: 11px; }
.db-donut .db-leg__dot { border: 0px; }
.db-pages { display: flex; align-items: stretch; height: 20px; margin: 2px 0px 0px -28px; background: rgb(16, 19, 24); border-radius: 5px 5px 0px 0px; }
.db-page { position: relative; display: flex; align-items: center; padding: 0px 20px 0px 11px; font-size: 8px; color: rgb(139, 143, 240); font-weight: 500; }
.db-page::before { content: ""; position: absolute; left: 5px; right: 6px; top: 0px; height: 2px; border-radius: 0px 0px 2px 2px; background: rgb(91, 84, 232); }
.db-pageadd { display: flex; align-items: center; padding: 0px 10px; color: rgb(106, 109, 124); }
.db-pageadd svg { width: 9px; height: 9px; }
.db-heatbox { margin-top: 8px; border: 1px solid var(--db-line); border-radius: 8px; padding: 3px; }
.db-heat { width: 100%; border-collapse: separate; border-spacing: 2px; table-layout: fixed; }
.db-heat th { font-size: 6px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(131, 134, 154); text-align: center; padding: 2px 4px; }
.db-heat th.lbl { text-align: left; padding-left: 7px; width: 36%; }
.db-heat th.reg { text-transform: none; letter-spacing: 0px; font-size: 7px; color: rgb(194, 196, 212); }
.db-heat td { text-align: center; font-size: 9.5px; font-weight: 700; color: rgb(255, 255, 255); padding: 4px; height: 22.7px; border-radius: 4px; }
.db-heat td.lbl { text-align: left; padding-left: 7px; font-size: 7.5px; font-weight: 700; background: transparent; }
.db-heat .h1 { background: rgb(26, 130, 89); }
.db-heat .h2 { background: rgb(21, 94, 69); }
.db-heat .h3 { background: rgb(21, 58, 44); }
.db-heat .h4 { background: rgb(36, 41, 54); }
.db-heat .h5 { background: rgb(63, 34, 42); }
.db-heat .h6 { background: rgb(122, 39, 50); }
.db-heat .h7 { background: rgb(207, 74, 74); }
.db-scale { display: flex; align-items: center; justify-content: flex-end; gap: 7px; font-size: 7px; color: rgb(131, 134, 154); border-top: 1px solid var(--db-line); padding-top: 8px; margin-top: auto; }
.db-scale .bar { width: 54px; height: 4px; border-radius: 99px; background: linear-gradient(90deg, rgb(26, 130, 89), rgb(75, 90, 107), rgb(207, 74, 74)); }
.db-tblwrap { margin-top: 6px; border: 1px solid var(--db-line); border-radius: 8px; overflow: hidden; position: relative; }
.db-tbl { width: 100%; border-collapse: collapse; table-layout: fixed; }
.db-tbl th { font-size: 8px; font-weight: 700; color: rgb(233, 234, 242); line-height: 1.25; padding: 6px 7px; vertical-align: bottom; background: rgb(21, 25, 38); height: 43px; text-align: right; }
.db-tbl th.l { text-align: left; }
.db-tbl td { font-size: 8.5px; color: rgb(211, 213, 224); padding: 0px 7px; height: 21.4px; text-align: right; border-top: 1px solid rgba(255, 255, 255, 0.043); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.db-tbl td.l { text-align: left; }
.db-tbl td.p { color: rgb(116, 118, 138); }
.db-tbl td.e { color: rgb(77, 79, 92); }
.db-tbl .chg { display: inline-flex; align-items: center; justify-content: center; height: 14px; padding: 0px 8px; border-radius: 999px; background: rgba(62, 207, 142, 0.13); color: rgb(62, 207, 142); font-size: 8px; font-weight: 700; }
.db-sb { position: absolute; right: 2px; top: 45px; bottom: 2px; width: 3.5px; border-radius: 99px; background: rgba(255, 255, 255, 0.09); }
.db-sb::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 62%; border-radius: 99px; background: rgba(255, 255, 255, 0.24); }
.db-sigcard { height: 363px; margin: 12px -8px 0px; padding: 5px 11px 8px; display: flex; flex-direction: column; }
.db-sigh { display: flex; align-items: center; gap: 7px; padding-bottom: 6px; border-bottom: 1px solid var(--db-line); }
.db-sigh svg.sp { width: 11px; height: 11px; color: rgb(165, 180, 252); }
.db-sigh b { font-size: 9.5px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.45; }
.db-sigh .cnt { height: 12px; padding: 0px 6px; border-radius: 4px; background: rgb(27, 32, 48); color: rgb(185, 188, 208); font-size: 7.5px; font-weight: 600; display: flex; align-items: center; }
.db-sigh .now { margin-left: auto; font-size: 7.5px; color: rgb(113, 115, 127); }
.db-sig { display: flex; gap: 9px; height: 102px; padding-top: 9px; border-bottom: 1px solid rgba(255, 255, 255, 0.043); overflow: hidden; }
.db-sig__ico { width: 17.5px; height: 17.5px; flex: 0 0 auto; border-radius: 6px; display: grid; place-items: center; }
.db-sig__ico svg { width: 10px; height: 10px; }
.db-sig__ico--r { background: rgba(242, 85, 90, 0.14); color: rgb(242, 85, 90); }
.db-sig__ico--d { background: rgba(62, 207, 142, 0.14); color: rgb(62, 207, 142); }
.db-sig__k { font-size: 7px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(131, 134, 154); line-height: 1.2; }
.db-sig__h { font-size: 9.5px; font-weight: 700; color: rgb(255, 255, 255); margin: 2px 0px 0px; line-height: 1.25; }
.db-sig__p { font-size: 9px; color: var(--db-dim); margin: 2px 0px 0px; line-height: 1.3; }
.db-sig__tags { display: flex; gap: 5px; margin-top: 5px; }
.db-tag { height: 11px; padding: 0px 5px; border-radius: 4px; font-size: 7px; font-weight: 500; display: flex; align-items: center; }
.db-tag--n { background: rgb(27, 31, 44); color: rgb(197, 199, 214); }
.db-tag--i { background: rgb(32, 36, 74); color: rgb(165, 180, 252); }
.db-sig__st { display: flex; align-items: center; gap: 4px; font-size: 7.5px; color: rgb(131, 134, 154); margin-top: 4px; line-height: 1.3; }
.db-sig__st svg { width: 8px; height: 8px; }
.db-sig__go { margin-top: 5px; width: 15px; height: 12.5px; border-radius: 4px; background: rgb(26, 31, 46); border: 1px solid rgba(255, 255, 255, 0.07); display: grid; place-items: center; color: rgb(154, 160, 192); }
.db-sig__go svg { width: 7px; height: 7px; display: block; }
.db-sigf { display: flex; justify-content: center; align-items: center; flex: 1 1 0%; min-height: 24px; }
.db-viewall { display: inline-flex; align-items: center; height: 17px; padding: 0px 11px; border-radius: 6px; border: 1px solid var(--db-line-2); font-size: 8.5px; font-weight: 700; color: rgb(255, 255, 255); }
#screen-explore { --ed-card: #0e121c; --ed-panel: #0c0e16; --ed-hdr: #10131c; --ed-rowA: #0c0e16; --ed-rowB: #0e121c; --ed-line: rgba(255,255,255,.055); --ed-line-2: rgba(255,255,255,.08); --ed-colsep: rgba(255,255,255,.032); --ed-lbl: #8b95a5; --ed-cell: #c2c8d4; --ed-peri: #8f96ff; }
.ed-shell { display: flex; flex-direction: column; }
.ed-body { flex: 1 1 0%; min-height: 0px; display: grid; grid-template-columns: 204px minmax(0px, 1fr); gap: 16px; }
.ed-side { display: flex; flex-direction: column; min-width: 0px; padding-top: 12px; }
.ed-side__h { display: flex; align-items: center; gap: 8px; padding: 0px 5px; }
.ed-side__t { font-size: 12px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.015em; line-height: 1.25; }
.ed-side__s { font-size: 10px; color: var(--app-dim); line-height: 1.3; margin-top: 1px; }
.ed-side__acts { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.ed-side__acts svg { width: 12px; height: 12px; color: var(--app-dim); display: block; }
.ed-side__acts .p svg { width: 13px; height: 13px; color: var(--ed-peri); }
.ed-search { margin: 11px 5px 0px; height: 22px; border-radius: 7px; background: rgb(11, 14, 19); border: 1px solid var(--ed-line-2); display: flex; align-items: center; gap: 7px; padding: 0px 9px; color: rgb(118, 127, 143); font-size: 10px; }
.ed-search svg { width: 11px; height: 11px; flex: 0 0 auto; opacity: 0.9; }
.ed-hr { height: 1px; background: var(--ed-line); margin: 11px 0px 8px; }
.ed-row { display: flex; align-items: center; gap: 6px; padding: 7px 8px; border-radius: 8px; border: 1px solid transparent; }
.ed-row + .ed-row { margin-top: 4px; }
.ed-row__ico { width: 12px; height: 12px; flex: 0 0 auto; color: var(--app-dim); }
.ed-row__ico svg { width: 12px; height: 12px; display: block; }
.ed-row__n { flex: 1 1 0%; min-width: 0px; font-size: 9.5px; font-weight: 500; color: var(--app-body); line-height: 1.3; word-break: break-all; }
.ed-row__meta { flex: 0 0 auto; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.ed-chip { display: inline-flex; align-items: center; height: 15px; padding: 0px 4px; border-radius: 5px; background: rgb(29, 41, 61); font-size: 8.5px; font-weight: 700; color: rgb(227, 232, 242); white-space: nowrap; }
.ed-sz { font-size: 8.5px; font-weight: 600; color: var(--app-faint); white-space: nowrap; }
.ed-row.is-on { background: rgb(27, 29, 67); border-color: rgba(120, 124, 255, 0.2); }
.ed-row.is-on .ed-row__n { color: rgb(169, 176, 255); font-weight: 600; }
.ed-row.is-on .ed-row__ico { color: rgb(207, 211, 255); }
.ed-card { display: flex; flex-direction: column; min-width: 0px; background: var(--ed-card); border: 1px solid var(--ed-line-2); border-radius: 12px; overflow: hidden; }
.ed-chead { flex: 0 0 auto; display: flex; align-items: center; gap: 11px; padding: 11px 26px 11px 14px; border-bottom: 1px solid var(--ed-line); }
.ed-chead__ico { width: 22px; height: 22px; flex: 0 0 auto; color: rgb(124, 134, 255); }
.ed-chead__ico svg { width: 22px; height: 22px; display: block; }
.ed-chead__t { font-size: 15px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.02em; line-height: 1.2; }
.ed-chead__s { font-size: 9.5px; color: var(--ed-lbl); margin-top: 2px; line-height: 1.3; }
.ed-chead__r { margin-left: auto; display: flex; align-items: center; gap: 15px; }
.ed-ai { display: inline-flex; align-items: center; gap: 7px; height: 27px; padding: 0px 11px; border-radius: 9px; background: rgb(27, 38, 56); border: 1px solid rgba(255, 255, 255, 0.09); font-size: 10.5px; font-weight: 700; color: rgb(255, 255, 255); white-space: nowrap; }
.ed-ai svg { width: 12px; height: 12px; }
.ed-ico { width: 14px; height: 14px; color: rgb(154, 163, 178); }
.ed-ico svg { width: 14px; height: 14px; display: block; }
.ed-ico--share { color: rgb(111, 121, 255); }
.ed-ico--more { color: rgb(154, 163, 178); }
.ed-pane { flex: 1 1 0%; min-height: 0px; margin: 12px; display: flex; flex-direction: column; background: var(--ed-panel); border: 1px solid var(--ed-line); border-radius: 11px; overflow: hidden; }
.ed-tabs { flex: 0 0 auto; display: flex; align-items: flex-end; gap: 7px; padding: 9px 14px 0px; border-bottom: 1px solid var(--ed-line); }
.ed-tab { display: flex; align-items: center; gap: 8px; padding: 0px 7px 8px; font-size: 10.5px; font-weight: 700; color: rgb(205, 211, 222); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.ed-tab svg { width: 13px; height: 13px; color: var(--app-dim); }
.ed-tab.is-on { color: var(--ed-peri); border-bottom-color: rgb(99, 102, 241); }
.ed-tab.is-on svg { color: var(--ed-peri); }
.ed-srch { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 11px 14px; }
.ed-srch__i { width: 252px; height: 25px; border-radius: 8px; background: rgb(10, 12, 17); border: 1px solid var(--ed-line-2); display: flex; align-items: center; gap: 9px; padding: 0px 10px; color: rgb(118, 127, 143); font-size: 10.5px; }
.ed-srch__i svg { width: 12px; height: 12px; flex: 0 0 auto; opacity: 0.85; }
.ed-srch__c { margin-left: auto; font-size: 7.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ed-lbl); white-space: nowrap; }
.ed-tw { flex: 1 1 0%; min-height: 0px; position: relative; overflow: hidden; }
.ed-tbl { width: 1042px; height: 100%; border-collapse: collapse; table-layout: fixed; }
.ed-tbl col.c1 { width: 82px; }
.ed-tbl col.cx { width: 82px; }
.ed-tbl col.cz { width: 140px; }
.ed-tbl th { height: 28px; padding: 0px 5px; text-align: left; font-size: 9.5px; font-weight: 500; color: var(--ed-lbl); background: var(--ed-hdr); border-bottom: 1px solid var(--ed-line); border-right: 1px solid var(--ed-colsep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ed-tbl td { height: 28px; padding: 0px 5px; font-size: 8.5px; color: var(--ed-cell); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.002em; }
.ed-tbl td:first-child { border-right: 1px solid var(--ed-colsep); }
.ed-tbl tbody tr:nth-child(2n+1) td { background: var(--ed-rowA); }
.ed-tbl tbody tr:nth-child(2n) td { background: var(--ed-rowB); }
.ed-tbl tbody tr td { border-top: 1px solid rgba(255, 255, 255, 0.027); }
.ed-tbl tbody tr:first-child td { border-top: 0px; }
.ed-sb { position: absolute; left: 0px; right: 0px; bottom: 3px; height: 4px; display: flex; align-items: center; gap: 3px; padding: 0px 2px; }
.ed-sb__a { width: 6px; height: 6px; flex: 0 0 auto; color: rgb(111, 119, 135); }
.ed-sb__a svg { width: 6px; height: 6px; display: block; }
.ed-sb__t { height: 4px; border-radius: 99px; background: rgb(71, 85, 105); width: 34%; }
.ed-fab { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: rgb(22, 25, 39); border: 1px solid rgb(90, 82, 181); color: rgb(185, 192, 255); }
.ed-fab svg { width: 11px; height: 11px; }
.ed-foot { flex: 0 0 auto; display: flex; align-items: center; padding: 0px 14px; height: 38px; border-top: 1px solid var(--ed-line); }
.ed-live { display: flex; align-items: center; gap: 6px; font-size: 7.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ed-lbl); }
.ed-live::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: rgb(18, 160, 107); }
.ed-pg { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.ed-pg__b { display: inline-flex; align-items: center; height: 20px; padding: 0px 7px; border-radius: 6px; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.06); font-size: 7.5px; font-weight: 700; letter-spacing: 0.06em; color: rgb(74, 81, 96); }
.ed-pg__b.is-live { border-color: rgba(255, 255, 255, 0.12); color: rgb(139, 149, 165); }
.ed-pg__n { font-size: 7.5px; font-weight: 700; letter-spacing: 0.06em; color: rgb(198, 204, 216); white-space: nowrap; text-transform: uppercase; }
.id-shell { height: auto; padding: 26px 29px 23px; }
.id-shell .dsHead { gap: 11px; margin: 0px 0px 23px -6px; }
.id-shell .dsHead__ico { width: 36px; height: 36px; border-radius: 11px; border-color: rgba(99, 102, 241, 0.45); }
.id-shell .dsHead__ico svg { width: 18px; height: 18px; }
.id-shell .dsHead h1, .id-shell .dsHead .dsH1 { font-size: 17px; margin-bottom: 3px; }
.id-shell .dsHead p { font-size: 11.75px; gap: 7px; }
.id-shell .dsHead p svg { width: 9px; height: 9px; }
.id-shell .dsHead__act { padding-top: 0px; margin-top: -3px; }
.id-shell .dsBtn { height: 30px; padding: 0px 16px; }
.id-bar { display: flex; align-items: center; gap: 14px; margin-left: -6px; padding: 7.5px 9px 7.5px 8px; border: 1px solid var(--app-line); border-radius: 10px; background: rgb(8, 8, 13); }
.id-search { flex: 0 0 auto; width: 329px; display: flex; align-items: center; gap: 10px; height: 29px; padding: 0px 13px; border-radius: 8px; background: var(--app-shell); border: 1px solid var(--app-line); }
.id-search svg { width: 14px; height: 14px; color: var(--app-dim); flex: 0 0 auto; }
.id-search span { font-size: 11.75px; color: var(--app-dim); }
.id-filters { margin-left: auto; display: flex; align-items: center; gap: 2px; }
.id-pill { display: inline-flex; align-items: center; height: 22px; padding: 0px 9.5px; border-radius: 9px; font-size: 10px; font-weight: 500; color: var(--app-dim); white-space: nowrap; }
.id-pill.is-on { background: rgb(22, 29, 46); color: rgb(127, 139, 255); box-shadow: rgba(255, 255, 255, 0.09) 0px 0px 0px 1px inset; }
.id-views { display: flex; align-items: center; gap: 10px; margin-left: 6px; }
.id-view { display: grid; place-items: center; color: var(--app-dim); }
.id-view svg { width: 10px; height: 10px; }
.id-view.is-on { width: 26px; height: 24px; border-radius: 8px; background: rgb(22, 29, 46); border: 1px solid rgba(255, 255, 255, 0.09); color: rgb(127, 139, 255); }
.id-grp { display: flex; align-items: center; gap: 8px; margin: 22px 0px 14px; }
.id-grp__cx { width: 11px; height: 11px; color: var(--app-faint); flex: 0 0 auto; }
.id-grp__ico { width: 17px; height: 17px; border-radius: 50%; flex: 0 0 auto; display: grid; place-items: center; background: rgb(22, 38, 61); color: rgb(43, 127, 255); }
.id-grp__ico svg { width: 10px; height: 10px; }
.id-grp__t { font-size: 8.75px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; color: var(--app-body); white-space: nowrap; margin-right: -1px; }
.id-grp__n { display: grid; place-items: center; min-width: 15px; height: 15px; padding: 0px 4px; border-radius: 999px; background: rgb(23, 32, 46); color: var(--app-dim); font-size: 8.5px; font-weight: 700; }
.id-grp__ln { flex: 1 1 0%; height: 1px; background: var(--app-line); margin-left: 3px; }
.id-conn { display: flex; align-items: center; height: 73.5px; padding: 0px 19px 0px 12px; border: 1px solid var(--app-line); border-radius: 10px; background: var(--app-shell); }
.id-conn + .id-conn { margin-top: 9px; }
.id-conn__n { font-size: 14px; font-weight: 800; letter-spacing: -0.015em; color: rgb(255, 255, 255); line-height: 1.15; }
.id-conn__m { font-size: 9px; color: var(--app-faint); margin-top: 4px; line-height: 1.45; }
.id-chip { display: inline-flex; align-items: center; height: 17px; padding: 0px 5.5px; margin-top: 2px; border-radius: 5px; font-size: 8.5px; font-weight: 700; letter-spacing: -0.005em; white-space: nowrap; color: rgb(250, 221, 127); background: rgba(240, 166, 60, 0.14); border: 1px solid rgba(240, 166, 60, 0.42); }
.id-conn__r { margin-left: auto; display: flex; align-items: center; gap: 0px; }
.id-conn__r > * + * { margin-left: var(--g,12px); }
.id-active { display: inline-flex; align-items: center; gap: 5px; height: 17px; padding: 0px 7px; border-radius: 999px; background: rgba(4, 120, 87, 0.42); color: rgb(34, 221, 157); font-size: 7.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; }
.id-active__d { width: 5px; height: 5px; border-radius: 50%; background: rgb(16, 198, 127); flex: 0 0 auto; }
.id-meta { --g: 10.5px; }
.id-meta + .id-meta { --g: 37px; }
.id-meta__k { display: flex; align-items: center; gap: 1.5px; font-size: 7.4px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--app-faint); }
.id-meta__k svg { width: 9px; height: 9px; flex: 0 0 auto; }
.id-meta__v { font-size: 8px; font-weight: 700; color: rgb(230, 232, 238); margin-top: 1.5px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.id-meta__v--lg { font-size: 10.5px; }
.id-sync { --g: 33px; display: flex; align-items: center; gap: 3px; white-space: nowrap; }
.id-sync > svg { width: 9px; height: 9px; color: rgb(129, 140, 248); flex: 0 0 auto; }
.id-sync span { font-size: 8.25px; font-weight: 600; color: var(--app-dim); }
.id-sync b { font-size: 7.75px; font-weight: 800; letter-spacing: 0.01em; text-transform: uppercase; color: rgb(127, 139, 255); }
.id-sync .cx { width: 7px; height: 7px; color: var(--app-dim); flex: 0 0 auto; }
.id-rbtn { --g: 12.7px; width: 27px; height: 27px; border-radius: 9px; flex: 0 0 auto; display: grid; place-items: center; background: rgb(27, 29, 52); border: 1px solid rgb(58, 46, 176); color: rgb(163, 179, 255); }
.id-rbtn svg { width: 10px; height: 10px; }
.id-acts { --g: 14px; display: flex; align-items: center; gap: 21px; }
.id-pause { width: 10px; height: 10px; color: rgb(251, 191, 36); flex: 0 0 auto; display: grid; place-items: center; }
.id-pause svg { width: 10px; height: 10px; }
.id-dots { width: 12px; height: 12px; color: var(--app-faint); flex: 0 0 auto; display: grid; place-items: center; }
.id-dots svg { width: 12px; height: 12px; }
.lb-pane { padding: 0px 21px; position: relative; }
.lb-pane .dsShell { border-radius: 0px; }
.lb-hair { position: absolute; background: rgba(255, 255, 255, 0.05); }
.lb-pane > .lb-hair { left: 0px; top: 0px; bottom: 0px; width: 1px; transform: scaleX(0.5); transform-origin: left center; }
.lb-head { display: flex; align-items: center; height: 72.5px; padding: 12.5px 12px 0px 13px; position: relative; background: var(--app-bg); }
.lb-head::before, .lb-head::after { content: ""; position: absolute; left: 0px; right: 0px; height: 1px; }
.lb-head::before { top: 0px; background: rgba(255, 255, 255, 0.08); transform: scaleY(0.5); transform-origin: center top; }
.lb-head::after { bottom: 0px; background: rgba(255, 255, 255, 0.1); transform: scaleY(0.5); transform-origin: center bottom; }
.lb-title { font-size: 15px; font-weight: 700; letter-spacing: 0.015em; line-height: 1; color: rgb(255, 255, 255); margin-right: 14px; white-space: nowrap; }
#screen-library .dsRail__i.is-on::before { left: -7px; height: 26.5px; width: 2.5px; }
.lb-pills { display: flex; align-items: center; gap: 6px; }
.lb-pill { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0px 14px; border-radius: 999px; font-size: 11.5px; font-weight: 600; letter-spacing: -0.005em; color: rgb(198, 198, 201); background: rgb(21, 22, 25); box-shadow: rgba(255, 255, 255, 0.114) 0px 0px 0px 0.5px inset; white-space: nowrap; }
.lb-pill svg { width: 13px; height: 13px; color: var(--app-dim); flex: 0 0 auto; }
.lb-pill.is-on { background: var(--app-indigo); color: rgb(255, 255, 255); box-shadow: none; }
.lb-pill.is-on svg { color: rgb(255, 255, 255); }
.lb-search { margin-left: auto; display: flex; align-items: center; gap: 8px; flex: 0 0 auto; width: 216px; height: 30px; padding: 0px 12px; border-radius: 8px; background: rgb(21, 22, 25); box-shadow: rgba(255, 255, 255, 0.114) 0px 0px 0px 0.5px inset; font-size: 11.5px; color: rgb(141, 141, 151); }
.lb-search svg { width: 12px; height: 12px; flex: 0 0 auto; opacity: 0.85; }
.lb-grid { display: flex; justify-content: center; align-items: flex-start; gap: 18px; margin-top: 24.5px; }
.lb-card { position: relative; flex: 0 0 auto; width: 226px; height: 129px; padding: 15.5px; border-radius: 12px; background: rgb(19, 20, 25); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 0.5px inset; }
.lb-card--new { box-shadow: none; padding: 0px; display: flex; align-items: center; }
.lb-dash { position: absolute; inset: 0px; display: block; }
.lb-newBox { width: 42px; height: 42px; border-radius: 12px; margin-left: 15.5px; flex: 0 0 auto; display: grid; place-items: center; background: rgba(255, 255, 255, 0.05); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 0.5px inset; color: rgb(201, 201, 210); }
.lb-newBox svg { width: 20px; height: 20px; }
.lb-newT { margin-left: 11px; font-size: 11.5px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.01em; }
.lb-top { display: flex; align-items: flex-start; gap: 9px; }
.lb-ico { width: 27px; height: 27px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; color: rgb(255, 255, 255); }
.lb-ico svg { width: 15px; height: 15px; }
.lb-ico--pink { background: linear-gradient(135deg, rgb(121, 84, 218), rgb(209, 65, 132)); }
.lb-ico--teal { background: linear-gradient(135deg, rgb(22, 162, 146), rgb(16, 144, 207)); }
.lb-ico--blue { background: linear-gradient(135deg, rgb(123, 82, 234), rgb(47, 111, 228)); }
.lb-txt { min-width: 0px; flex: 1 1 0%; }
.lb-name { width: 142px; height: 33px; overflow: hidden; font-size: 13px; font-weight: 700; line-height: 16.5px; letter-spacing: -0.005em; color: rgb(255, 255, 255); }
.lb-sub { display: flex; align-items: center; gap: 6px; height: 15px; margin-top: 1px; font-size: 10px; line-height: 15px; color: var(--app-dim); white-space: nowrap; overflow: hidden; }
.lb-sub svg { width: 10px; height: 10px; flex: 0 0 auto; opacity: 0.9; }
.lb-meta { display: flex; align-items: center; gap: 11px; height: 14px; margin-top: 6.5px; font-size: 10px; line-height: 14px; color: var(--app-dim); }
.lb-meta span { display: inline-flex; align-items: center; gap: 6px; }
.lb-meta svg { width: 11px; height: 11px; flex: 0 0 auto; opacity: 0.9; }
.lb-badges { display: flex; align-items: center; gap: 6px; height: 19.5px; margin-top: 9px; }
.lb-chip { display: inline-flex; align-items: center; height: 19.5px; padding: 0px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.075); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 0.5px inset; font-size: 9px; font-weight: 700; color: rgb(226, 226, 232); letter-spacing: -0.005em; white-space: nowrap; }
.lb-new { display: inline-flex; align-items: center; gap: 3.5px; height: 15px; padding: 0px 7px; border-radius: 6px; background: rgb(17, 37, 49); box-shadow: rgb(12, 81, 110) 0px 0px 0px 0.5px inset; font-size: 8px; font-weight: 700; color: rgb(167, 210, 232); letter-spacing: 0.02em; white-space: nowrap; }
.lb-new svg { width: 9px; height: 9px; flex: 0 0 auto; }
#screen-query-builder { --qb-line: #1d293d; --qb-line-2: #314158; --qb-dim: #8f9bad; --qb-faint: #77839a; --qb-indigo: #4f39f6; --qb-indigo-hi: #615fff; }
#screen-query-builder .dsShell { height: auto; padding: 18px; }
#screen-query-builder .dsHead { margin-bottom: 16px; }
#screen-query-builder .dsHead__ico { background: rgb(27, 29, 52); border-color: rgb(45, 45, 103); color: rgb(163, 179, 255); }
#screen-query-builder .dsRail__i.is-on::before { left: -5px; width: 3px; height: 22px; border-radius: 3px; background: rgb(239, 44, 202); }
#screen-query-builder .dsMenu__i.is-on::before { left: -4px; width: 2px; background: rgb(97, 95, 255); }
#screen-query-builder .dsMenu { position: relative; }
#screen-query-builder .dsMenu::before { content: ""; position: absolute; left: 6px; top: 0px; width: 1px; height: 288px; background: var(--qb-line); }
.qb-grid { display: grid; grid-template-columns: 126px minmax(0px, 1fr); gap: 9px; align-items: stretch; }
.qb-steps { border: 1px solid var(--qb-line); border-radius: 7px; padding: 5px 5px 8px; }
.qb-step { display: flex; align-items: center; gap: 5px; padding: 3px 4px; border-radius: 6px; border: 1px solid transparent; }
.qb-step + .qb-step { margin-top: 2px; }
.qb-step.is-on { background: rgb(27, 29, 52); border-color: transparent; }
.qb-step__ico { width: 16px; height: 16px; flex: 0 0 auto; border-radius: 5px; display: grid; place-items: center; border: 1px solid var(--qb-line-2); color: rgb(98, 116, 142); }
.qb-step__ico svg { width: 9px; height: 9px; }
.qb-step.is-on .qb-step__ico { border-color: rgb(124, 134, 255); color: rgb(163, 179, 255); background: transparent; }
.qb-step__k { display: block; font-size: 6.5px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; color: rgb(154, 165, 184); line-height: 1.35; }
.qb-step__n { display: block; font-size: 10px; font-weight: 500; color: rgb(205, 213, 224); line-height: 1.32; letter-spacing: -0.012em; white-space: nowrap; }
.qb-step.is-on .qb-step__n { color: rgb(255, 255, 255); font-weight: 600; }
.qb-step.is-off .qb-step__n { color: var(--qb-faint); }
.qb-rule { height: 1px; background: var(--qb-line); border: 0px; margin: 8px 2px 6px; }
.qb-sumT { font-size: 7.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--qb-dim); padding: 0px 2px; margin-bottom: 4px; }
.qb-sum { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 1px 2px; font-size: 9px; color: var(--qb-dim); }
.qb-sum b { color: rgb(255, 255, 255); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 88px; }
.qb-card { border: 1px solid var(--qb-line); border-radius: 7px; overflow: hidden; }
.qb-bar { display: flex; align-items: center; gap: 12px; height: 36px; padding: 0px 11px; border-bottom: 1px solid var(--qb-line); }
.qb-bar__t { font-size: 11px; color: var(--qb-dim); letter-spacing: -0.005em; }
.qb-bar__a { margin-left: auto; display: flex; align-items: center; gap: 5px; }
.qb-bar__a .dsBtn { height: 23px; padding: 0px 10px; border-radius: 6px; font-size: 11px; }
.qb-bar__a .dsBtn svg { width: 11px; height: 11px; }
.qb-bar__a .dsBtn--danger { border-color: rgb(90, 25, 46); color: rgb(255, 99, 126); }
.qb-bar__a .dsBtn--ghost { border-color: rgb(34, 44, 58); color: rgb(130, 139, 152); }
.qb-bar__a .dsBtn--ghost svg { color: rgb(92, 100, 111); }
.qb-bar__a .dsBtn:last-child { background: var(--qb-indigo); }
.qb-body { padding: 13px 0px; display: flex; justify-content: center; }
.qb-col { width: 576px; }
.qb-h2 { font-family: var(--font-sans); font-size: 15px; font-weight: 700; letter-spacing: -0.022em; color: rgb(255, 255, 255); margin: 0px; line-height: 1.2; }
.qb-p { font-size: 10.5px; line-height: 1.52; color: var(--qb-dim); margin: 5px 0px 0px; max-width: 440px; }
.qb-search { display: flex; align-items: center; gap: 11px; margin-top: 10px; }
.qb-search .dsInput { width: 297px; height: 26px; border-radius: 6px; padding: 0px 8px; background: rgb(11, 14, 19); border-color: var(--qb-line-2); font-size: 10.5px; gap: 7px; color: rgb(139, 144, 153); }
.qb-search .dsInput svg { width: 11px; height: 11px; color: rgb(143, 160, 184); opacity: 1; }
.qb-refresh { width: 14px; height: 14px; color: var(--qb-faint); display: grid; place-items: center; flex: 0 0 auto; }
.qb-refresh svg { width: 13px; height: 13px; }
.qb-tables { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; margin-top: 10px; }
.qb-t { border: 1px solid var(--qb-line); border-radius: 7px; padding: 5px 7px; }
.qb-t.is-sel { border-color: var(--qb-indigo-hi); }
.qb-t__h { display: flex; align-items: center; gap: 7px; }
.qb-t__h > span:first-child { width: 11px; height: 11px; flex: 0 0 auto; color: rgb(144, 161, 185); display: grid; place-items: center; }
.qb-t__h svg { width: 11px; height: 11px; }
.qb-t__n { font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.015em; white-space: nowrap; line-height: 1.15; }
.qb-tags { display: flex; align-items: center; gap: 5px; margin-top: 5px; }
.qb-tag { display: inline-flex; align-items: center; height: 13px; padding: 0px 6px; border-radius: 999px; font-size: 8.5px; font-weight: 700; letter-spacing: -0.005em; white-space: nowrap; }
.qb-tag--grey { background: rgb(29, 41, 61); color: rgb(202, 213, 226); }
.qb-tag--blue { background: rgb(21, 33, 52); color: rgb(142, 197, 255); }
.qb-t__rule { height: 1px; background: var(--qb-line); margin: 6px 0px 5px; }
.qb-t__stats { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px; }
.qb-t__k { font-size: 8.5px; color: var(--qb-dim); line-height: 1.25; }
.qb-t__v { font-size: 9.5px; font-weight: 700; color: rgb(255, 255, 255); margin-top: 1px; letter-spacing: -0.01em; line-height: 1.3; }
.qb-t__btn { display: flex; align-items: center; justify-content: center; gap: 6px; height: 21px; margin-top: 7px; border-radius: 6px; font-size: 11px; font-weight: 600; letter-spacing: -0.005em; background: var(--qb-indigo); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset; }
.qb-t__btn svg { width: 11px; height: 11px; }
.qb-t__btn--ghost { background: transparent; color: rgb(226, 232, 240); border: 1px solid var(--qb-line-2); box-shadow: none; font-weight: 500; }
.qb-tip { left: 44px; top: 143px; z-index: 20; background: rgb(20, 22, 29); border-color: rgb(44, 46, 52); color: rgb(237, 239, 243); font-size: 9px; font-weight: 500; padding: 2px 6px; line-height: 1.35; border-radius: 4px; }
.sqe-shell { display: flex; flex-direction: column; }
.sqe-shell .dsHead { flex: 0 0 auto; }
.sqe { flex: 1 1 0%; min-height: 0px; margin-bottom: 24px; display: grid; grid-template-columns: 197px minmax(0px, 1fr); gap: 12px; }
.sqe-side { border: 1px solid var(--app-line); border-radius: 11px; background: transparent; display: flex; flex-direction: column; overflow: hidden; }
.sqe-side__tabs { display: flex; align-items: stretch; gap: 9px; padding: 8px 9px 0px; border-bottom: 1px solid var(--app-line); }
.sqe-tab { display: flex; align-items: flex-start; gap: 6px; padding-bottom: 3px; border-bottom: 2px solid transparent; margin-bottom: 6px; font-size: 11.5px; font-weight: 700; letter-spacing: -0.01em; color: var(--app-dim); line-height: 1.18; }
.sqe-tab svg { width: 11px; height: 11px; flex: 0 0 auto; margin-top: 2px; color: var(--app-faint); }
.sqe-tab em { font-style: normal; font-size: 8.5px; font-weight: 600; color: var(--app-faint); margin-top: 0px; }
.sqe-tab--saved span { max-width: 44px; text-align: center; }
.sqe-tab.is-on { color: rgb(255, 255, 255); border-bottom-color: var(--app-indigo-hi); }
.sqe-tab.is-on svg { color: rgb(199, 199, 214); }
.sqe-refresh { width: 13px; height: 13px; flex: 0 0 auto; color: var(--app-faint); margin-top: 1px; margin-left: auto; }
.sqe-refresh svg { width: 13px; height: 13px; display: block; }
.sqe-input { height: 25px; padding: 0px 8px; gap: 7px; font-size: 10.5px; background: rgb(10, 10, 14); border-color: rgba(255, 255, 255, 0.15); border-radius: 7px; margin: 10px 8px 0px; }
.sqe-input svg { width: 11px; height: 11px; }
.sqe-tree { padding: 6px 6px 0px; }
.sqe-tree__r { display: flex; align-items: center; gap: 7px; height: 24px; padding: 0px 5px; border-radius: 6px; min-width: 0px; }
.sqe-tree__r .cv { width: 10px; height: 10px; flex: 0 0 auto; color: var(--app-faint); }
.sqe-tree__r .tb { width: 11px; height: 11px; flex: 0 0 auto; color: var(--app-dim); }
.sqe-tree__r span { font-family: var(--font-mono); font-size: 10px; color: var(--app-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
.sqe-main { display: flex; flex-direction: column; min-height: 0px; }
.sqe-doctabs { flex: 0 0 auto; display: flex; align-items: stretch; height: 33px; border-bottom: 1px solid var(--app-line); }
.sqe-doc { display: flex; align-items: center; gap: 7px; padding: 0px 10px; font-size: 11.5px; font-weight: 600; color: var(--app-dim); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.sqe-doc svg { width: 12px; height: 12px; color: var(--app-faint); }
.sqe-doc .xx { width: 10px; height: 10px; color: var(--app-faint); margin-left: 3px; }
.sqe-doc.is-on { color: rgb(255, 255, 255); border-bottom-color: var(--app-indigo-hi); }
.sqe-doc.is-on > svg:first-child { color: rgb(139, 139, 245); }
.sqe-new { margin-left: auto; align-self: center; display: flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; color: rgb(182, 191, 252); }
.sqe-new svg { width: 12px; height: 12px; }
.sqe-ai { flex: 0 0 auto; height: 44px; margin-top: 7px; display: flex; align-items: center; padding: 0px 13px; border: 1px solid var(--app-line); border-radius: 10px; background: rgba(255, 255, 255, 0.01); }
.sqe-ai__t { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.01em; }
.sqe-ai__t svg { width: 14px; height: 14px; color: rgb(139, 139, 245); }
.sqe-seg { margin-left: auto; display: flex; align-items: center; gap: 2px; padding: 2px; border-radius: 9px; border: 1px solid var(--app-line-2); background: rgba(255, 255, 255, 0.02); }
.sqe-seg__i { display: flex; align-items: center; gap: 5px; height: 20px; padding: 0px 9px; border-radius: 7px; font-size: 11px; font-weight: 700; color: var(--app-dim); white-space: nowrap; }
.sqe-seg__i svg { width: 12px; height: 12px; }
.sqe-seg__i.is-on { background: rgb(29, 36, 52); color: rgb(201, 211, 251); }
.sqe-seg__i.is-on svg { color: rgb(201, 211, 251); }
.sqe-ed { flex: 1 1 0%; min-height: 0px; margin-top: 20px; display: flex; flex-direction: column; border: 1px solid var(--app-line); border-radius: 11px; overflow: hidden; background: var(--app-card-2); }
.sqe-ed__bar { flex: 0 0 auto; height: 37px; display: flex; align-items: center; padding: 0px 13px; border-bottom: 1px solid var(--app-line); }
.sqe-chip { display: inline-flex; align-items: center; height: 16px; padding: 0px 8px; border-radius: 999px; border: 1px solid var(--app-line-2); background: rgba(255, 255, 255, 0.03); font-size: 8.5px; font-weight: 800; letter-spacing: 0.085em; text-transform: uppercase; color: rgb(169, 169, 182); }
.sqe-copy { margin-left: auto; width: 11px; height: 11px; color: var(--app-faint); }
.sqe-copy svg { width: 11px; height: 11px; display: block; }
.sqe-code { flex: 1 1 0%; min-height: 0px; padding: 6px 0px 0px; background: linear-gradient(90deg,var(--app-panel) 0 32px,rgba(255,255,255,.075) 32px 33px,var(--app-panel) 33px); }
.sqe-line { display: flex; align-items: center; height: 18px; }
.sqe-line__n { width: 32px; flex: 0 0 auto; text-align: right; padding-right: 8px; font-family: var(--font-mono); font-size: 10px; line-height: 18px; color: rgb(75, 75, 87); user-select: none; }
.sqe-line__c { flex: 1 1 0%; min-width: 0px; padding-left: 6px; white-space: pre; overflow: hidden; }
.sqe-line.is-cur .sqe-line__n { background: rgba(139, 92, 246, 0.28); color: rgb(228, 228, 242); font-weight: 700; }
.sqe-line.is-cur .sqe-line__c { background: rgba(255, 255, 255, 0.024); }
.sqe-src { font-family: var(--font-mono); font-size: 11.5px; line-height: 18px; color: rgb(211, 211, 224); letter-spacing: -0.01em; }
.sqe-src .k { color: rgb(192, 132, 252); }
.sqe-src .f { color: rgb(125, 211, 252); }
.sqe-src .s { color: rgb(134, 239, 172); }
.sqe-src .n { color: rgb(251, 191, 36); }
.sqe-src .c { color: rgb(107, 114, 128); }
.sqe-caret { display: inline-block; width: 1.5px; height: 12px; background: rgb(207, 207, 224); vertical-align: -2px; animation: 1.2s steps(1) 0s infinite normal none running sqeCaret; }
@keyframes sqeCaret { 
  0%, 72% { opacity: 1; }
  73%, 100% { opacity: 0; }
}
.sqe-ed__foot { flex: 0 0 auto; height: 40px; display: flex; align-items: center; gap: 8px; padding: 0px 12px; border-top: 1px solid var(--app-line); background: var(--app-card-2); }
.sqe-ln { font-family: var(--font-mono); font-size: 10px; color: var(--app-faint); letter-spacing: 0.01em; }
.sqe-ed__foot .dsBtn { height: 27px; padding: 0px 11px; font-size: 11.5px; }
.sqe-ed__foot .dsBtn svg { width: 12px; height: 12px; }
.sqe-res { flex: 0 0 auto; height: 170px; margin-top: 12px; display: flex; flex-direction: column; border: 1px solid var(--app-line); border-radius: 11px; overflow: hidden; background: rgb(16, 16, 21); }
.sqe-res__h { flex: 0 0 auto; height: 30px; display: flex; align-items: center; padding: 0px 14px; border-bottom: 1px solid var(--app-line); background: var(--app-card-2); font-size: 12.5px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.01em; }
.sqe-res__h em { margin-left: auto; font-style: normal; font-family: var(--font-mono); font-size: 9.5px; font-weight: 500; color: var(--app-faint); letter-spacing: 0px; }
.sqe-res__b { flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.sqe-res table { width: 100%; border-collapse: collapse; }
.sqe-res th { text-align: left; font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0px; text-transform: none; color: var(--app-dim); padding: 0px 14px; height: 25px; border-bottom: 1px solid var(--app-line); white-space: nowrap; background: rgba(255, 255, 255, 0.016); }
.sqe-res td { padding: 0px 14px; height: 23px; font-size: 11.5px; color: var(--app-body); border-bottom: 1px solid rgba(255, 255, 255, 0.04); white-space: nowrap; }
.sqe-res tr:last-child td { border-bottom: 0px; }
.sqe-res .num { text-align: right; font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: rgb(255, 255, 255); font-weight: 600; }
.sqe-res .w1 { width: 38%; }
.sqe-res .w2 { width: 38%; }