/* ==========================================================================
   OrbynFlow · kit.css  (dono: agente do kit; outros agentes NÃO editam,
   peçam mudanças em _fonte/KIT-REQUESTS.md)
   Seções: 1 tokens · 2 base · 3 tipografia · 4 layout · 5 botões · 6 peças
   7 nav/rodapé · 8 padrões de seção · 9 telas do produto · 10 MCP · 11 planos
   12 FAQ/CTA · 13 movimento
   ========================================================================== */

/* 1 · tokens ------------------------------------------------------------- */
:root {
  --paper: #F7F5F2; --paper-2: #F1EDE7; --white: #FFFFFF; --chip: #F4F0EA; --hover: #F6F2EC;
  --line: #ECE6DE; --ctrl: #E2DBD1;
  --ink: #23201C; --ink-2: #5F5952; --ink-3: #958E85;
  --green: #128C7E; --green-deep: #0B6F63; --green-ink: #0B6F63; --mint: #CDEAE3; --mint-2: #E2F3EF; --mint-3: #EEF8F5;
  --moon: #EB6446; --moon-deep: #D24F32; --moon-tint: #FDEBE5;
  --night: #0B2A27; --night-2: #0F3430; --night-3: #154440; --night-line: rgba(205, 234, 227, .12); --night-mint: #7FD6C5;
  --amber-tint: #FFEFD6; --amber-text: #94570A;
  --shadow-1: 0 1px 2px rgba(60, 40, 20, .05), 0 6px 20px rgba(60, 40, 20, .05);
  --shadow-2: 0 1px 2px rgba(60, 40, 20, .05), 0 14px 40px rgba(60, 40, 20, .08);
  --shadow-3: 0 4px 12px rgba(60, 40, 20, .08), 0 30px 80px rgba(60, 40, 20, .16);
  --display: "Outfit", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
  --body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1220px;
  --r-sm: 12px; --r: 18px; --r-lg: 26px; --r-xl: 34px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --nav-h: 68px;
  /* cores de texto/superfície que mudam em seções escuras */
  --bg: var(--paper); --surface: var(--white); --text: var(--ink); --text-2: var(--ink-2); --text-3: var(--ink-3);
  --accent: var(--green); --accent-ink: var(--green-ink); --accent-tint: var(--mint-2); --border: var(--line);
}

/* 2 · base --------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--nav-h) + 16px); }
html, body { overflow-x: clip; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg, video { max-width: 100%; }
img { height: auto; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; }
::selection { background: var(--mint); color: var(--ink); }
:focus-visible { outline: 2.5px solid var(--green); outline-offset: 3px; border-radius: 6px; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--ink); color: #fff; padding: 10px 14px; border-radius: 10px; text-decoration: none; }
.skip:focus { top: 12px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
svg.ico, .ico svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ico-s { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
svg use { pointer-events: none; }

/* 3 · tipografia ---------------------------------------------------------- */
.d1, .d2, .h1, .h2, .h3, .h4 { font-family: var(--display); margin: 0; color: var(--text); text-wrap: balance; }
.d1 { font-size: clamp(44px, 7.4vw, 104px); font-weight: 700; letter-spacing: -.045em; line-height: .98; }
.h1 { font-size: clamp(40px, 5.8vw, 80px); font-weight: 700; letter-spacing: -.04em; line-height: 1.02; }
.h2 { font-size: clamp(32px, 4.4vw, 60px); font-weight: 700; letter-spacing: -.035em; line-height: 1.04; }
.h3 { font-size: clamp(22px, 2.3vw, 30px); font-weight: 600; letter-spacing: -.022em; line-height: 1.14; }
.h4 { font-size: 19px; font-weight: 600; letter-spacing: -.012em; line-height: 1.25; }
.lead { margin: 0; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.55; color: var(--text-2); text-wrap: pretty; max-width: 640px; }
.small { font-size: 14px; color: var(--text-3); }
.hl { color: var(--accent); }
.hl-moon { color: var(--moon); }
.under { background: linear-gradient(transparent 62%, rgba(235, 100, 70, .22) 62%, rgba(235, 100, 70, .22) 92%, transparent 92%); padding: 0 .06em; }
/* kicker: rótulo da seção com a órbita da marca */
.kicker { display: inline-flex; align-items: center; gap: 9px; font-family: var(--display); font-weight: 600; font-size: 15px; letter-spacing: -.005em; color: var(--accent-ink); }
.kicker { position: relative; }
.kicker::before { content: ""; width: 17px; height: 17px; flex: none; background: radial-gradient(circle 1.9px at 75.3% 28.8%, #EB6446 96%, transparent 100%), currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M67.75 11.94L66.80 11.53L65.84 11.15L64.87 10.80L63.89 10.47L62.91 10.16L61.92 9.88L60.92 9.63L59.92 9.39L58.91 9.19L57.90 9.00L56.89 8.85L55.87 8.71L54.85 8.61L53.83 8.53L52.80 8.47L51.78 8.44L50.76 8.43L49.74 8.45L48.72 8.49L47.70 8.56L46.68 8.66L45.67 8.77L44.66 8.92L43.65 9.09L42.65 9.28L41.66 9.50L40.67 9.74L39.69 10.00L38.72 10.29L37.75 10.61L36.79 10.94L35.85 11.30L34.91 11.68L33.98 12.09L33.06 12.52L32.16 12.97L31.26 13.44L30.38 13.93L29.51 14.45L28.66 14.98L27.81 15.54L26.99 16.11L26.18 16.71L25.38 17.33L24.60 17.96L23.83 18.61L23.09 19.29L22.35 19.97L21.64 20.68L20.95 21.40L20.27 22.14L19.61 22.90L18.97 23.67L18.35 24.46L17.76 25.26L17.18 26.07L16.62 26.90L16.08 27.74L15.56 28.60L15.07 29.46L14.60 30.34L14.14 31.23L13.71 32.12L13.31 33.03L12.92 33.95L12.56 34.87L12.22 35.81L11.91 36.75L11.62 37.70L11.35 38.65L11.11 39.61L10.89 40.58L10.69 41.55L10.52 42.52L10.37 43.50L10.24 44.48L10.14 45.46L10.07 46.44L10.02 47.43L9.99 48.41L9.99 49.40L10.01 50.38L10.05 51.36L10.12 52.34L10.22 53.32L10.33 54.30L10.48 55.27L10.64 56.23L10.83 57.20L11.04 58.15L11.28 59.10L11.53 60.05L11.82 60.98L12.12 61.91L12.45 62.83L12.80 63.74L13.17 64.64L13.56 65.54L13.97 66.42L14.41 67.29L14.87 68.15L15.34 68.99L15.84 69.83L16.36 70.65L16.90 71.46L17.45 72.25L18.03 73.03L18.63 73.80L19.24 74.55L19.87 75.28L20.52 76.00L21.18 76.70L21.87 77.39L22.56 78.05L23.28 78.70L24.01 79.33L24.75 79.95L25.51 80.54L26.28 81.11L27.07 81.67L27.87 82.20L28.68 82.72L29.50 83.21L30.34 83.69L31.18 84.14L32.04 84.57L32.90 84.98L33.78 85.37L34.66 85.74L35.55 86.09L36.45 86.41L37.36 86.71L38.27 86.99L39.19 87.24L40.12 87.48L41.05 87.69L41.98 87.87L42.92 88.04L43.86 88.18L44.80 88.29L45.75 88.39L46.70 88.46L47.65 88.50L48.59 88.53L49.54 88.53L50.49 88.51L51.43 88.46L52.38 88.39L53.32 88.30L54.26 88.18L55.19 88.04L56.12 87.88L57.05 87.70L57.97 87.49L58.88 87.26L59.79 87.01L60.69 86.74L61.59 86.44L62.47 86.13L63.35 85.79L64.22 85.43L65.07 85.05L65.92 84.65L66.76 84.23L67.59 83.78L68.40 83.32L69.21 82.84L70.00 82.34L70.77 81.82L71.54 81.28L72.29 80.73L73.02 80.15L73.74 79.56L74.45 78.95L75.14 78.33L75.81 77.68L76.47 77.02L77.11 76.35L77.74 75.66L78.34 74.96L78.93 74.24L79.50 73.51L80.06 72.76L80.59 72.00L81.11 71.23L81.60 70.45L82.08 69.66L82.53 68.85L82.97 68.04L83.38 67.21L83.78 66.38L84.15 65.53L84.51 64.68L84.84 63.82L85.15 62.95L85.44 62.08L85.70 61.19L85.95 60.31L86.17 59.42L86.37 58.52L86.55 57.62L86.71 56.71L86.84 55.81L86.96 54.90L87.05 53.98L87.11 53.07L87.16 52.15L87.18 51.24L87.18 50.32L87.16 49.41L87.12 48.50L87.05 47.59L86.96 46.68L86.85 45.77L86.72 44.87L86.57 43.97L86.39 43.08L86.19 42.19L85.98 41.30L85.74 40.42L85.57 39.93L85.34 39.46L85.05 39.02L84.70 38.63L84.31 38.29L83.88 37.99L83.41 37.76L82.91 37.60L82.40 37.49L81.88 37.46L81.35 37.49L80.84 37.60L80.34 37.76L79.88 37.99L79.44 38.29L79.05 38.63L78.70 39.02L78.41 39.46L78.18 39.93L78.01 40.42L77.91 40.94L77.88 41.46L77.91 41.98L78.01 42.49L78.18 43.19L78.32 43.89L78.45 44.59L78.55 45.29L78.64 46.00L78.72 46.71L78.77 47.41L78.81 48.12L78.83 48.83L78.83 49.54L78.81 50.25L78.78 50.96L78.73 51.67L78.66 52.37L78.57 53.07L78.47 53.77L78.35 54.47L78.21 55.16L78.06 55.85L77.89 56.53L77.70 57.21L77.49 57.88L77.27 58.55L77.04 59.21L76.78 59.87L76.51 60.52L76.23 61.16L75.93 61.79L75.61 62.42L75.28 63.03L74.93 63.64L74.57 64.24L74.20 64.83L73.81 65.41L73.41 65.98L72.99 66.54L72.56 67.08L72.11 67.62L71.66 68.14L71.19 68.66L70.71 69.16L70.22 69.65L69.71 70.12L69.20 70.59L68.67 71.04L68.13 71.47L67.59 71.90L67.03 72.30L66.46 72.70L65.89 73.08L65.30 73.45L64.71 73.80L64.11 74.13L63.50 74.45L62.89 74.76L62.27 75.05L61.64 75.32L61.00 75.58L60.36 75.82L59.72 76.05L59.07 76.26L58.41 76.45L57.75 76.63L57.09 76.79L56.42 76.94L55.75 77.07L55.08 77.18L54.41 77.27L53.73 77.35L53.06 77.41L52.38 77.46L51.70 77.48L51.03 77.50L50.35 77.49L49.67 77.47L49.00 77.43L48.33 77.37L47.66 77.30L46.99 77.21L46.32 77.11L45.66 76.99L45.00 76.85L44.35 76.70L43.70 76.53L43.05 76.34L42.41 76.14L41.78 75.93L41.15 75.69L40.53 75.45L39.92 75.19L39.31 74.91L38.71 74.62L38.12 74.31L37.53 73.99L36.96 73.66L36.39 73.31L35.84 72.95L35.29 72.58L34.75 72.19L34.22 71.79L33.71 71.37L33.20 70.95L32.71 70.51L32.22 70.06L31.75 69.60L31.29 69.13L30.84 68.65L30.40 68.16L29.98 67.65L29.57 67.14L29.17 66.62L28.79 66.09L28.42 65.55L28.06 65.00L27.72 64.44L27.39 63.88L27.08 63.31L26.78 62.73L26.49 62.14L26.22 61.55L25.97 60.95L25.73 60.35L25.50 59.74L25.29 59.13L25.10 58.51L24.92 57.89L24.76 57.26L24.61 56.63L24.48 56.00L24.36 55.37L24.26 54.73L24.17 54.09L24.10 53.45L24.05 52.81L24.01 52.17L23.99 51.53L23.98 50.89L23.99 50.25L24.02 49.61L24.06 48.97L24.12 48.33L24.19 47.70L24.28 47.07L24.38 46.44L24.50 45.82L24.64 45.19L24.79 44.58L24.95 43.96L25.13 43.36L25.32 42.75L25.53 42.16L25.75 41.57L25.99 40.98L26.24 40.40L26.51 39.83L26.79 39.27L27.08 38.71L27.39 38.16L27.71 37.62L28.04 37.09L28.38 36.56L28.74 36.05L29.11 35.54L29.49 35.05L29.88 34.56L30.29 34.09L30.70 33.63L31.13 33.17L31.57 32.73L32.02 32.30L32.47 31.88L32.94 31.47L33.42 31.08L33.90 30.69L34.40 30.32L34.90 29.96L35.41 29.62L35.93 29.29L36.46 28.97L36.99 28.66L37.53 28.37L38.08 28.09L38.64 27.83L39.19 27.58L39.76 27.34L40.33 27.12L40.90 26.91L41.48 26.71L42.07 26.54L42.65 26.37L43.24 26.22L43.84 26.09L44.43 25.97L45.03 25.86L45.63 25.77L46.23 25.69L46.83 25.63L47.43 25.59L48.04 25.56L48.64 25.54L49.24 25.54L49.84 25.55L50.45 25.58L51.04 25.62L51.64 25.68L52.24 25.75L52.83 25.84L53.42 25.94L54.01 26.06L54.59 26.19L55.17 26.33L55.74 26.49L56.31 26.66L56.88 26.85L57.44 27.05L57.99 27.26L58.54 27.49L59.08 27.73L59.61 27.98L60.14 28.25L61.24 28.68L62.38 28.96L63.55 29.08L64.73 29.06L65.89 28.88L67.02 28.55L68.10 28.07L69.11 27.46L70.03 26.73L70.84 25.88L71.54 24.93L72.10 23.90L72.53 22.80L72.81 21.65L72.94 20.48L72.91 19.31L72.73 18.14L72.40 17.01L71.93 15.94L71.32 14.93L70.58 14.01L69.73 13.20L68.78 12.50Z'/%3E%3Ccircle cx='75.28' cy='28.79' r='10.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M67.75 11.94L66.80 11.53L65.84 11.15L64.87 10.80L63.89 10.47L62.91 10.16L61.92 9.88L60.92 9.63L59.92 9.39L58.91 9.19L57.90 9.00L56.89 8.85L55.87 8.71L54.85 8.61L53.83 8.53L52.80 8.47L51.78 8.44L50.76 8.43L49.74 8.45L48.72 8.49L47.70 8.56L46.68 8.66L45.67 8.77L44.66 8.92L43.65 9.09L42.65 9.28L41.66 9.50L40.67 9.74L39.69 10.00L38.72 10.29L37.75 10.61L36.79 10.94L35.85 11.30L34.91 11.68L33.98 12.09L33.06 12.52L32.16 12.97L31.26 13.44L30.38 13.93L29.51 14.45L28.66 14.98L27.81 15.54L26.99 16.11L26.18 16.71L25.38 17.33L24.60 17.96L23.83 18.61L23.09 19.29L22.35 19.97L21.64 20.68L20.95 21.40L20.27 22.14L19.61 22.90L18.97 23.67L18.35 24.46L17.76 25.26L17.18 26.07L16.62 26.90L16.08 27.74L15.56 28.60L15.07 29.46L14.60 30.34L14.14 31.23L13.71 32.12L13.31 33.03L12.92 33.95L12.56 34.87L12.22 35.81L11.91 36.75L11.62 37.70L11.35 38.65L11.11 39.61L10.89 40.58L10.69 41.55L10.52 42.52L10.37 43.50L10.24 44.48L10.14 45.46L10.07 46.44L10.02 47.43L9.99 48.41L9.99 49.40L10.01 50.38L10.05 51.36L10.12 52.34L10.22 53.32L10.33 54.30L10.48 55.27L10.64 56.23L10.83 57.20L11.04 58.15L11.28 59.10L11.53 60.05L11.82 60.98L12.12 61.91L12.45 62.83L12.80 63.74L13.17 64.64L13.56 65.54L13.97 66.42L14.41 67.29L14.87 68.15L15.34 68.99L15.84 69.83L16.36 70.65L16.90 71.46L17.45 72.25L18.03 73.03L18.63 73.80L19.24 74.55L19.87 75.28L20.52 76.00L21.18 76.70L21.87 77.39L22.56 78.05L23.28 78.70L24.01 79.33L24.75 79.95L25.51 80.54L26.28 81.11L27.07 81.67L27.87 82.20L28.68 82.72L29.50 83.21L30.34 83.69L31.18 84.14L32.04 84.57L32.90 84.98L33.78 85.37L34.66 85.74L35.55 86.09L36.45 86.41L37.36 86.71L38.27 86.99L39.19 87.24L40.12 87.48L41.05 87.69L41.98 87.87L42.92 88.04L43.86 88.18L44.80 88.29L45.75 88.39L46.70 88.46L47.65 88.50L48.59 88.53L49.54 88.53L50.49 88.51L51.43 88.46L52.38 88.39L53.32 88.30L54.26 88.18L55.19 88.04L56.12 87.88L57.05 87.70L57.97 87.49L58.88 87.26L59.79 87.01L60.69 86.74L61.59 86.44L62.47 86.13L63.35 85.79L64.22 85.43L65.07 85.05L65.92 84.65L66.76 84.23L67.59 83.78L68.40 83.32L69.21 82.84L70.00 82.34L70.77 81.82L71.54 81.28L72.29 80.73L73.02 80.15L73.74 79.56L74.45 78.95L75.14 78.33L75.81 77.68L76.47 77.02L77.11 76.35L77.74 75.66L78.34 74.96L78.93 74.24L79.50 73.51L80.06 72.76L80.59 72.00L81.11 71.23L81.60 70.45L82.08 69.66L82.53 68.85L82.97 68.04L83.38 67.21L83.78 66.38L84.15 65.53L84.51 64.68L84.84 63.82L85.15 62.95L85.44 62.08L85.70 61.19L85.95 60.31L86.17 59.42L86.37 58.52L86.55 57.62L86.71 56.71L86.84 55.81L86.96 54.90L87.05 53.98L87.11 53.07L87.16 52.15L87.18 51.24L87.18 50.32L87.16 49.41L87.12 48.50L87.05 47.59L86.96 46.68L86.85 45.77L86.72 44.87L86.57 43.97L86.39 43.08L86.19 42.19L85.98 41.30L85.74 40.42L85.57 39.93L85.34 39.46L85.05 39.02L84.70 38.63L84.31 38.29L83.88 37.99L83.41 37.76L82.91 37.60L82.40 37.49L81.88 37.46L81.35 37.49L80.84 37.60L80.34 37.76L79.88 37.99L79.44 38.29L79.05 38.63L78.70 39.02L78.41 39.46L78.18 39.93L78.01 40.42L77.91 40.94L77.88 41.46L77.91 41.98L78.01 42.49L78.18 43.19L78.32 43.89L78.45 44.59L78.55 45.29L78.64 46.00L78.72 46.71L78.77 47.41L78.81 48.12L78.83 48.83L78.83 49.54L78.81 50.25L78.78 50.96L78.73 51.67L78.66 52.37L78.57 53.07L78.47 53.77L78.35 54.47L78.21 55.16L78.06 55.85L77.89 56.53L77.70 57.21L77.49 57.88L77.27 58.55L77.04 59.21L76.78 59.87L76.51 60.52L76.23 61.16L75.93 61.79L75.61 62.42L75.28 63.03L74.93 63.64L74.57 64.24L74.20 64.83L73.81 65.41L73.41 65.98L72.99 66.54L72.56 67.08L72.11 67.62L71.66 68.14L71.19 68.66L70.71 69.16L70.22 69.65L69.71 70.12L69.20 70.59L68.67 71.04L68.13 71.47L67.59 71.90L67.03 72.30L66.46 72.70L65.89 73.08L65.30 73.45L64.71 73.80L64.11 74.13L63.50 74.45L62.89 74.76L62.27 75.05L61.64 75.32L61.00 75.58L60.36 75.82L59.72 76.05L59.07 76.26L58.41 76.45L57.75 76.63L57.09 76.79L56.42 76.94L55.75 77.07L55.08 77.18L54.41 77.27L53.73 77.35L53.06 77.41L52.38 77.46L51.70 77.48L51.03 77.50L50.35 77.49L49.67 77.47L49.00 77.43L48.33 77.37L47.66 77.30L46.99 77.21L46.32 77.11L45.66 76.99L45.00 76.85L44.35 76.70L43.70 76.53L43.05 76.34L42.41 76.14L41.78 75.93L41.15 75.69L40.53 75.45L39.92 75.19L39.31 74.91L38.71 74.62L38.12 74.31L37.53 73.99L36.96 73.66L36.39 73.31L35.84 72.95L35.29 72.58L34.75 72.19L34.22 71.79L33.71 71.37L33.20 70.95L32.71 70.51L32.22 70.06L31.75 69.60L31.29 69.13L30.84 68.65L30.40 68.16L29.98 67.65L29.57 67.14L29.17 66.62L28.79 66.09L28.42 65.55L28.06 65.00L27.72 64.44L27.39 63.88L27.08 63.31L26.78 62.73L26.49 62.14L26.22 61.55L25.97 60.95L25.73 60.35L25.50 59.74L25.29 59.13L25.10 58.51L24.92 57.89L24.76 57.26L24.61 56.63L24.48 56.00L24.36 55.37L24.26 54.73L24.17 54.09L24.10 53.45L24.05 52.81L24.01 52.17L23.99 51.53L23.98 50.89L23.99 50.25L24.02 49.61L24.06 48.97L24.12 48.33L24.19 47.70L24.28 47.07L24.38 46.44L24.50 45.82L24.64 45.19L24.79 44.58L24.95 43.96L25.13 43.36L25.32 42.75L25.53 42.16L25.75 41.57L25.99 40.98L26.24 40.40L26.51 39.83L26.79 39.27L27.08 38.71L27.39 38.16L27.71 37.62L28.04 37.09L28.38 36.56L28.74 36.05L29.11 35.54L29.49 35.05L29.88 34.56L30.29 34.09L30.70 33.63L31.13 33.17L31.57 32.73L32.02 32.30L32.47 31.88L32.94 31.47L33.42 31.08L33.90 30.69L34.40 30.32L34.90 29.96L35.41 29.62L35.93 29.29L36.46 28.97L36.99 28.66L37.53 28.37L38.08 28.09L38.64 27.83L39.19 27.58L39.76 27.34L40.33 27.12L40.90 26.91L41.48 26.71L42.07 26.54L42.65 26.37L43.24 26.22L43.84 26.09L44.43 25.97L45.03 25.86L45.63 25.77L46.23 25.69L46.83 25.63L47.43 25.59L48.04 25.56L48.64 25.54L49.24 25.54L49.84 25.55L50.45 25.58L51.04 25.62L51.64 25.68L52.24 25.75L52.83 25.84L53.42 25.94L54.01 26.06L54.59 26.19L55.17 26.33L55.74 26.49L56.31 26.66L56.88 26.85L57.44 27.05L57.99 27.26L58.54 27.49L59.08 27.73L59.61 27.98L60.14 28.25L61.24 28.68L62.38 28.96L63.55 29.08L64.73 29.06L65.89 28.88L67.02 28.55L68.10 28.07L69.11 27.46L70.03 26.73L70.84 25.88L71.54 24.93L72.10 23.90L72.53 22.80L72.81 21.65L72.94 20.48L72.91 19.31L72.73 18.14L72.40 17.01L71.93 15.94L71.32 14.93L70.58 14.01L69.73 13.20L68.78 12.50Z'/%3E%3Ccircle cx='75.28' cy='28.79' r='10.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.night .kicker { color: var(--night-mint); }
.num { font-family: var(--display); font-variant-numeric: tabular-nums; font-weight: 700; letter-spacing: -.03em; }

/* 4 · layout -------------------------------------------------------------- */
.wrap { width: min(var(--max), 100% - 2 * var(--gutter)); margin-inline: auto; }
.wrap-wide { width: min(1400px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.wrap-narrow { width: min(820px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.sec { position: relative; padding: clamp(80px, 10vw, 150px) 0; }
.sec-tight { padding: clamp(56px, 7vw, 96px) 0; }
.sec:not(.night):not(.mint):not(.white) + .sec:not(.night):not(.mint):not(.white) { padding-top: 0; }
.white { background: var(--white); }
.mint { background: var(--mint-3); }
.sec-head { display: grid; gap: 18px; max-width: 820px; margin-bottom: clamp(40px, 5vw, 72px); }
.sec-head.center { text-align: center; justify-items: center; margin-inline: auto; }
.sec-head.center .lead { margin-inline: auto; }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 32px); }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 24px); }
.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 980px) { .grid-3, .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; } }
.split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.split.rev { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.split.rev > :first-child { order: 2; }
.split .copy { display: grid; gap: 20px; align-content: start; }
@media (max-width: 900px) { .split, .split.rev { grid-template-columns: 1fr; } .split.rev > :first-child { order: 0; } }
.stack { display: grid; gap: 16px; }
.row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.center { text-align: center; }

/* 5 · botões -------------------------------------------------------------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 52px; padding: 0 24px; border-radius: 15px; font-family: var(--body); font-weight: 600; font-size: 15.5px; letter-spacing: -.005em; text-decoration: none; border: 0; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s, transform .25s var(--ease), box-shadow .25s; }
.btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; flex: none; transition: transform .25s var(--ease); }
.btn:hover svg { transform: translateX(3px); }
.btn-primary { background: var(--green); color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 12px 28px -12px rgba(18, 140, 126, .8); }
.btn-primary:hover { background: var(--green-deep); transform: translateY(-1px); }
.btn-moon { background: var(--moon); color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 12px 28px -12px rgba(235, 100, 70, .85); }
.btn-moon:hover { background: var(--moon-deep); transform: translateY(-1px); }
.btn-ghost { background: var(--white); color: var(--ink); box-shadow: inset 0 0 0 1px var(--ctrl), 0 1px 2px rgba(0, 0, 0, .04); }
.btn-ghost:hover { background: var(--hover); }
.night .btn-ghost, .btn-line { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); }
.night .btn-ghost:hover, .btn-line:hover { background: rgba(255, 255, 255, .08); }
.btn-sm { height: 40px; padding: 0 16px; font-size: 14px; border-radius: 12px; }
.btn-lg { height: 58px; padding: 0 28px; font-size: 16.5px; border-radius: 17px; }
.link-arrow { display: inline-flex; align-items: center; gap: 6px; color: var(--accent-ink); font-weight: 600; text-decoration: none; font-size: 15px; }
.link-arrow svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s var(--ease); }
.link-arrow:hover svg { transform: translateX(3px); }
.night .link-arrow { color: var(--night-mint); }

/* 6 · peças ---------------------------------------------------------------- */
.card { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--shadow-1); padding: clamp(22px, 2.6vw, 32px); position: relative; }
.card-flat { background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border); padding: clamp(22px, 2.6vw, 32px); }
.card h3, .card .h4 { margin: 0 0 8px; }
.card p { margin: 0; color: var(--text-2); }
.tile { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--mint-2); color: var(--green-ink); flex: none; }
.tile svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.tile.moon { background: var(--moon-tint); color: var(--moon-deep); }
.tile.ink { background: var(--ink); color: #fff; }
.night .tile { background: rgba(127, 214, 197, .12); color: var(--night-mint); }
.chip { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 13px; border-radius: 999px; background: var(--white); box-shadow: inset 0 0 0 1px var(--line); font-size: 13.5px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
.chip svg { width: 15px; height: 15px; fill: none; stroke: var(--green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.chip.dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.chip.moon::before { background: var(--moon); }
.night .chip { background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px var(--night-line); color: rgba(234, 245, 242, .82); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.badge { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 8px; font-size: 12px; font-weight: 600; background: var(--mint-2); color: var(--green-ink); letter-spacing: .01em; }
.badge.moon { background: var(--moon-tint); color: var(--moon-deep); }
.badge.ink { background: var(--ink); color: #fff; }
.checks { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.checks li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; color: var(--text-2); font-size: 15.5px; line-height: 1.5; }
.checks li::before { content: ""; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: var(--mint-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6F63' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
.checks b { color: var(--text); font-weight: 600; }
.night .checks li::before { background-color: rgba(127, 214, 197, .14); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FD6C5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.divider { height: 1px; background: var(--border); border: 0; margin: 0; }
.mascot { pointer-events: none; user-select: none; filter: drop-shadow(0 24px 40px rgba(11, 42, 39, .22)); }
.mascot-float { animation: bob 6s ease-in-out infinite; }
@keyframes bob { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-12px) rotate(2deg); } }

/* janela do app (moldura das telas, igual às peças da marca) */
.appwin { position: relative; border-radius: var(--r-lg); background: #EFEAE3; box-shadow: inset 0 0 0 1px rgba(60, 40, 20, .06), var(--shadow-3); overflow: hidden; }
.appwin-bar { height: 42px; display: flex; align-items: flex-end; gap: 14px; padding: 0 14px; }
.appwin-bar .dots { display: flex; gap: 7px; align-self: center; }
.appwin-bar .dots i { width: 11px; height: 11px; border-radius: 50%; background: #D8D0C5; }
.appwin-tab { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 16px 0 10px; border-radius: 11px 11px 0 0; background: var(--paper); font-size: 13px; font-weight: 500; color: var(--ink); max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.appwin-tab .o { width: 18px; height: 18px; border-radius: 6px; background: var(--green); color: #fff; display: grid; place-items: center; flex: none; }
.appwin-tab .o svg { width: 12px; height: 12px; }
.appwin-body { background: var(--paper); }
.appwin.flat { box-shadow: inset 0 0 0 1px rgba(60, 40, 20, .06), var(--shadow-2); }
.night .appwin { box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 40px 120px rgba(0, 0, 0, .45); }

/* arte de órbitas (fundos) */
.orbit-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.orbit-art::before, .orbit-art::after { content: ""; position: absolute; border-radius: 50%; border: 1.5px solid var(--night-line); transform: rotate(-14deg); }
.orbit-art::before { width: 140%; height: 70%; left: -20%; top: 12%; }
.orbit-art::after { width: 90%; height: 46%; left: 5%; top: 26%; border-color: rgba(205, 234, 227, .08); }
.orbits-light .orbit-art::before { border-color: rgba(18, 140, 126, .12); }
.orbits-light .orbit-art::after { border-color: rgba(18, 140, 126, .08); }
.moon-dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--moon); box-shadow: 0 0 0 6px rgba(235, 100, 70, .12); }

/* 7 · nav e rodapé --------------------------------------------------------- */
.logo { display: inline-flex; align-items: center; text-decoration: none; color: var(--ink); font-family: var(--display); font-weight: 700; font-size: 25px; letter-spacing: -.035em; line-height: 1; gap: 1px; flex: none; }
.logo-o { width: .94em; height: .94em; color: var(--green); margin-right: .015em; transform: translateY(.07em); }
.logo-t b { font-weight: 700; color: var(--green); }
.logo-light { color: #fff; }
.logo-light .logo-o { color: #fff; }
.logo-light .logo-t b { color: var(--night-mint); }
.nav { position: fixed; inset: 0 0 auto; z-index: 60; transition: background .3s, box-shadow .3s; }
.nav.scrolled, .nav.open { background: rgba(247, 245, 242, .86); -webkit-backdrop-filter: saturate(1.4) blur(16px); backdrop-filter: saturate(1.4) blur(16px); box-shadow: 0 1px 0 var(--line); }
.nav-row { display: flex; align-items: center; height: var(--nav-h); gap: 22px; }
.nav-links { display: flex; align-items: center; gap: 2px; }
.nav-links > a, .nav-btn { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); font-size: 14.5px; font-weight: 500; text-decoration: none; padding: 8px 12px; border-radius: 10px; transition: color .2s, background .2s; background: none; border: 0; cursor: pointer; }
.nav-links > a:hover, .nav-btn:hover, .nav-btn[aria-expanded="true"] { color: var(--ink); background: var(--hover); }
.nav-links > a[aria-current="page"] { color: var(--green-ink); background: var(--mint-2); }
.nav-btn[aria-expanded="true"] .ico-s { transform: rotate(180deg); }
.nav-end { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.nav-login { color: var(--ink-2); font-size: 14.5px; font-weight: 500; text-decoration: none; padding: 8px 10px; }
.nav-login:hover { color: var(--ink); }
.nav-burger { display: none; width: 42px; height: 42px; border-radius: 12px; border: 0; background: var(--white); box-shadow: inset 0 0 0 1px var(--ctrl); place-items: center; cursor: pointer; }
.nav-burger svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.mega-wrap { position: relative; }
.mega { position: absolute; left: -12px; top: calc(100% + 10px); width: 620px; padding: 12px; border-radius: 22px; background: var(--white); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-3); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s, transform .25s var(--ease), visibility .2s; }
.mega.open { opacity: 1; visibility: visible; transform: none; }
.mega-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.mega-item { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 14px; text-decoration: none; color: var(--ink); transition: background .15s; }
.mega-item:hover { background: var(--hover); }
.mega-item b { display: block; font-size: 14.5px; font-weight: 600; }
.mega-item small { display: block; font-size: 13px; color: var(--ink-3); line-height: 1.35; }
.mega-main { grid-column: 1 / -1; background: var(--mint-3); }
.mega-main:hover { background: var(--mint-2); }
.mt { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--chip); color: var(--green-ink); flex: none; }
.mt svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.mt-green { background: var(--green); color: #fff; }
.mt-green svg { width: 20px; height: 20px; }
.sheet { border-top: 1px solid var(--line); background: var(--paper); max-height: calc(100dvh - var(--nav-h)); overflow-y: auto; padding: 8px 0 24px; }
.sheet a:not(.btn) { display: block; padding: 11px 0; font-size: 17px; font-weight: 500; text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--line); }
.sheet-k { margin: 18px 0 2px; font-size: 12.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.sheet-cta { display: grid; gap: 10px; margin-top: 20px; }
@media (max-width: 1080px) { .nav-links { display: none; } .nav-burger { display: grid; } .nav-login { display: none; } }
@media (max-width: 520px) { .nav-end .btn { display: none; } }
.fcta { position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 55; transform: translate(-50%, 180%); transition: transform .5s var(--ease); display: flex; align-items: center; gap: 12px; padding: 6px 6px 6px 8px; border-radius: 18px; background: var(--night); color: #fff; box-shadow: 0 20px 50px rgba(11, 42, 39, .35); font-size: 14.5px; font-weight: 500; text-decoration: none; white-space: nowrap; max-width: calc(100vw - 24px); }
.fcta.show { transform: translate(-50%, 0); }
.fcta-o { width: 34px; height: 34px; border-radius: 12px; background: var(--green); display: grid; place-items: center; color: #fff; flex: none; }
.fcta-o svg { width: 20px; height: 20px; }
.fcta b { background: var(--moon); color: #fff; border-radius: 12px; padding: 10px 16px; font-size: 14px; font-weight: 600; }
.fcta .t-short { display: none; }
@media (max-width: 560px) { .fcta .t-long { display: none; } .fcta .t-short { display: inline; } }
@media (min-width: 900px) { .fcta { left: auto; right: 24px; transform: translateY(180%); } .fcta.show { transform: none; } }
.foot { position: relative; padding: clamp(64px, 8vw, 110px) 0 28px; overflow: hidden; }
.foot-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.foot-brand { display: grid; gap: 18px; align-content: start; justify-items: start; }
.foot-brand p { margin: 0; color: rgba(234, 245, 242, .66); max-width: 320px; }
.foot nav { display: grid; gap: 10px; align-content: start; }
.foot nav p { margin: 0 0 4px; font-family: var(--display); font-weight: 600; color: #fff; }
.foot nav a { color: rgba(234, 245, 242, .66); text-decoration: none; font-size: 14.5px; }
.foot nav a:hover { color: #fff; }
.foot-base { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 64px; padding-top: 22px; border-top: 1px solid var(--night-line); color: rgba(234, 245, 242, .5); font-size: 13.5px; }
@media (max-width: 900px) { .foot-grid { grid-template-columns: 1fr 1fr; } .foot-brand { grid-column: 1 / -1; } }

/* seções escuras (Noite) e claras --------------------------------------- */
.night { --bg: var(--night); --surface: var(--night-2); --text: #F2F8F6; --text-2: rgba(234, 245, 242, .72); --text-3: rgba(234, 245, 242, .5); --accent: var(--night-mint); --accent-ink: var(--night-mint); --accent-tint: rgba(127, 214, 197, .12); --border: var(--night-line); background: var(--night); color: var(--text); }
.night .card { box-shadow: inset 0 0 0 1px var(--night-line); }
.night .card-flat { background: rgba(255, 255, 255, .03); }
.night > .wrap, .night > .wrap-wide, .night > .wrap-narrow { position: relative; z-index: 1; }

/* 8 · padrões de seção ------------------------------------------------------ */
/* herói */
.hero { position: relative; padding: calc(var(--nav-h) + clamp(48px, 7vw, 96px)) 0 clamp(48px, 6vw, 80px); isolation: isolate; }
.hero-copy { display: grid; gap: 22px; justify-items: center; text-align: center; max-width: 1040px; margin-inline: auto; }
.hero-copy .lead { max-width: 680px; }
.hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 8px; }
.hero-proof { display: flex; gap: 8px 22px; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; margin: 6px 0 0; font-size: 14px; color: var(--text-2); }
.hero-proof li { display: inline-flex; align-items: center; gap: 7px; }
.hero-proof svg { width: 16px; height: 16px; fill: none; stroke: var(--green); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.hero-bg { position: absolute; inset: 0 0 18%; z-index: -1; overflow: hidden; }
.hero-bg::before { content: ""; position: absolute; inset: 0; background: radial-gradient(55% 45% at 50% 0%, rgba(18, 140, 126, .11), transparent 70%), radial-gradient(30% 28% at 88% 22%, rgba(235, 100, 70, .07), transparent 70%); }
.hero-bg::after { content: ""; position: absolute; left: 50%; top: 6%; width: 150%; height: 80%; transform: translateX(-50%) rotate(-8deg); border-radius: 50%; border: 1.5px solid rgba(18, 140, 126, .13); box-shadow: 0 0 0 80px transparent, inset 0 0 0 1px transparent; }
.stage { position: relative; width: min(1240px, 100% - 2 * var(--gutter)); margin: clamp(44px, 6vw, 72px) auto 0; }

/* faixa de logos/canais (texto) */
.marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.marquee-track { display: flex; gap: 10px; width: max-content; animation: marq 46s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marq { to { transform: translateX(-50%); } }

/* números */
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0; background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--shadow-1); overflow: hidden; }
.stat { padding: 26px 26px 24px; display: grid; gap: 4px; border-left: 1px solid var(--border); }
.stat:first-child { border-left: 0; }
.stat small { font-size: 13.5px; color: var(--text-3); font-weight: 500; }
.stat b { font-family: var(--display); font-size: clamp(36px, 3.6vw, 50px); font-weight: 700; letter-spacing: -.04em; line-height: 1; color: var(--text); font-variant-numeric: tabular-nums; }
.stat span { font-size: 14px; color: var(--text-2); }
@media (max-width: 640px) { .stat { border-left: 0; border-top: 1px solid var(--border); } .stat:first-child { border-top: 0; } }

/* três portas (para quem) */
.doors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.door { position: relative; display: grid; grid-template-rows: auto 1fr auto; gap: 14px; min-height: 400px; padding-bottom: 150px; padding: 30px; border-radius: var(--r-xl); text-decoration: none; color: var(--ink); background: var(--white); box-shadow: var(--shadow-1); overflow: hidden; transition: transform .4s var(--ease), box-shadow .4s var(--ease); isolation: isolate; }
.door:hover { transform: translateY(-6px); box-shadow: var(--shadow-3); }
.door .h3 { color: inherit; }
.door p { margin: 0; color: var(--ink-2); max-width: 300px; }
.door > div, .door > .go { position: relative; z-index: 1; }
.door.d-night .kicker { color: var(--night-mint); }
.door .go { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--green-ink); }
.door .go svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); }
.door:hover .go svg { transform: translateX(4px); }
.door-art { position: absolute; right: -18px; bottom: -34px; width: 190px; z-index: 0; opacity: 1; transition: transform .6s var(--ease); }
.door:hover .door-art { transform: translate(-8px, -8px) rotate(-4deg); }
.door.d-night { background: var(--night); color: #fff; }
.door.d-night p { color: rgba(234, 245, 242, .72); }
.door.d-night .go { color: var(--night-mint); }
.door.d-green { background: var(--green); color: #fff; }
.door.d-green p { color: rgba(255, 255, 255, .82); }
.door.d-green .go { color: #fff; }
.door.d-mint { background: var(--mint-2); }
@media (max-width: 900px) { .doors { grid-template-columns: 1fr; } .door { min-height: 0; padding-bottom: 130px; } .door-art { width: 160px; } }

/* bento */
.bento { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.bx { grid-column: span 2; background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--shadow-1); padding: 26px; display: flex; flex-direction: column; gap: 10px; overflow: hidden; position: relative; }
.bx.s3 { grid-column: span 3; } .bx.s4 { grid-column: span 4; } .bx.s6 { grid-column: span 6; }
.bx h3 { margin: 0; font-family: var(--display); font-size: 21px; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; color: var(--text); }
.bx p { margin: 0; color: var(--text-2); font-size: 15px; }
.bx .vis { margin-top: auto; padding-top: 14px; }
.bx .vis.inset { background: var(--paper); border-radius: 18px; padding: 16px; margin-top: auto; }
.night .bx .vis.inset { background: rgba(255, 255, 255, .04); }
@media (max-width: 980px) { .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bx, .bx.s3, .bx.s4 { grid-column: span 1; } .bx.s6, .bx.s4 { grid-column: span 2; } }
@media (max-width: 640px) { .bento { grid-template-columns: 1fr; } .bx, .bx.s3, .bx.s4, .bx.s6 { grid-column: span 1; } }

/* vitrine fixa que troca com a rolagem (estilo Clint/ClickUp) */
.showcase { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.sc-steps { display: grid; }
.sc-step { min-height: 78vh; display: grid; align-content: center; gap: 16px; padding: 24px 0; opacity: .35; transition: opacity .5s var(--ease); }
.sc-step.on { opacity: 1; }
.sc-step:first-child { min-height: 64vh; align-content: start; padding-top: 12vh; }
.sc-step:last-child { min-height: 70vh; }
.sc-step .sn { display: inline-flex; align-items: center; gap: 10px; font-family: var(--display); font-weight: 600; font-size: 15px; color: var(--accent-ink); }
.sc-step .sn i { font-style: normal; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--accent-tint); color: var(--accent-ink); font-size: 14px; }
.sc-step > p { margin: 0; color: var(--text-2); font-size: 17px; max-width: 470px; }
.sc-stage { position: sticky; top: calc(var(--nav-h) + max(16px, (100vh - var(--nav-h) - var(--stage-h, 620px)) / 2)); height: var(--stage-h, 620px); }
.sc-frame { position: relative; height: 100%; border-radius: var(--r-xl); background: var(--white); box-shadow: var(--shadow-3); overflow: hidden; display: flex; flex-direction: column; }
.night .sc-frame { background: var(--night-2); }
.sc-top { height: 54px; flex: none; display: flex; align-items: center; gap: 10px; padding: 0 18px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--ink); background: var(--white); }
.sc-top .o { width: 26px; height: 26px; border-radius: 8px; background: var(--green); color: #fff; display: grid; place-items: center; }
.sc-top .o svg { width: 16px; height: 16px; }
.sc-prog { margin-left: auto; display: flex; gap: 5px; }
.sc-prog i { width: 18px; height: 5px; border-radius: 4px; background: var(--ctrl); transition: background .3s, width .3s; }
.sc-prog i.on { background: var(--green); width: 30px; }
.sc-panes { position: relative; flex: 1; background: var(--paper); }
.sc-pane { position: absolute; inset: 0; display: grid; place-items: center; padding: 16px; opacity: 0; visibility: hidden; transform: translateY(18px) scale(.985); transition: opacity .55s var(--ease), transform .7s var(--ease), visibility .55s; }
.sc-pane.on { opacity: 1; visibility: visible; transform: none; }
.sc-pane > .mock, .sc-pane > .fit { width: 100%; }
@media (max-width: 900px) {
  .showcase { grid-template-columns: minmax(0, 1fr); }
  .sc-steps, .sc-step { grid-template-columns: minmax(0, 1fr); min-width: 0; }
  .sc-step .sc-pane { min-width: 0; grid-template-columns: minmax(0, 1fr); }
  .sc-stage { display: none; }
  .sc-step, .sc-step:first-child, .sc-step:last-child { min-height: 0; opacity: 1; padding: 0 0 56px; align-content: start; }
  .sc-step .sc-pane { position: relative; inset: auto; opacity: 1; visibility: visible; transform: none; padding: 14px; margin-top: 10px; border-radius: 24px; background: var(--paper-2); }
  .night .sc-step .sc-pane { background: rgba(255, 255, 255, .04); }
}

/* lista de recursos com ícone */
.feats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 34px; }
.feat { display: grid; gap: 10px; align-content: start; }
.feat h3 { margin: 4px 0 0; font-family: var(--display); font-size: 19px; font-weight: 600; letter-spacing: -.015em; color: var(--text); }
.feat p { margin: 0; color: var(--text-2); font-size: 15px; }
@media (max-width: 900px) { .feats { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .feats { grid-template-columns: 1fr; } }

/* citação / destaque */
.quote { font-family: var(--display); font-size: clamp(26px, 3vw, 40px); font-weight: 600; letter-spacing: -.025em; line-height: 1.18; margin: 0; text-wrap: balance; }

/* abas */
.tabs { display: inline-flex; gap: 4px; padding: 5px; border-radius: 16px; background: var(--chip); flex-wrap: wrap; }
.tab { height: 40px; padding: 0 16px; border-radius: 12px; border: 0; background: transparent; color: var(--ink-2); font-weight: 600; font-size: 14.5px; cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; }
.tab[aria-selected="true"] { background: var(--white); color: var(--ink); box-shadow: var(--shadow-1); }
.night .tabs { background: rgba(255, 255, 255, .06); }
.night .tab { color: rgba(234, 245, 242, .7); }
.night .tab[aria-selected="true"] { background: var(--night-3); color: #fff; }
[hidden] { display: none !important; }

/* 9 · telas reais do produto --------------------------------------------- */
.mock { position: relative; overflow: hidden; width: 100%; }
.mock[data-scale] { width: auto; }
.mock-in { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.mock-in > .zf-beta { width: 100%; height: 100%; }
.zfui { --zf-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --zf-font-display: "Outfit", ui-rounded, system-ui, sans-serif; }
.zfui .zf-beta { --zf-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --zf-font-display: "Outfit", ui-rounded, system-ui, sans-serif; text-align: left; color: #23201C; line-height: 1.5; }
.zfui .h-screen { height: 100% !important; }
.zfui [role="log"] { scroll-behavior: smooth; }
.zfui button, .zfui input, .zfui textarea, .zfui a { pointer-events: none; }
.zf-inline { width: 100%; }
.zfui.zf-inline, .zfui.zf-node { height: auto; overflow: visible; }
.zf-node { flex: none; }
.zf-node .zfn { box-shadow: var(--shadow-2) !important; }
html.js [data-seq] > [data-step] { display: none; }
html.js [data-seq] > [data-step].shown { display: flex; animation: rowIn .5s var(--ease) both; }
html.js [data-seq] > [data-step].shown:not(.flex) { display: block; }
@keyframes rowIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* fluxo que se desenha (canvas com nós reais + conexões SVG) */
.flowdraw { position: relative; }
.flowdraw .fd-in { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.flowdraw .fd-bg { position: absolute; inset: 0; background-image: radial-gradient(#DDD5CA 1.2px, transparent 1.2px); background-size: 20px 20px; border-radius: inherit; }
.flowdraw .fd-node { position: absolute; transition: opacity .6s var(--ease), transform .7s var(--ease); }
.flowdraw .fd-edges { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; }
.flowdraw .fd-edges { z-index: 0; }
.flowdraw .fd-node { z-index: 1; }
.flowdraw .fd-edges path { fill: none; stroke: #3FA392; stroke-width: 1.75; stroke-linecap: round; }
.flowdraw.drawn .fd-edges path { stroke-dasharray: 8 5; }
html.motion .flowdraw.drawn .fd-edges path { animation: edgeFlow .45s linear infinite; }
@keyframes edgeFlow { from { stroke-dashoffset: 13; } to { stroke-dashoffset: 0; } }
html.motion .flowdraw:not(.drawn) .fd-node:not(.lit) { opacity: 0; transform: translateY(16px) scale(.97); }
html.motion .flowdraw .fd-node.lit { opacity: 1; transform: none; }
.flowdraw.fd-measure .fd-node { transform: none !important; transition: none !important; }
.flowdraw .fd-pulse { fill: #EB6446; }

/* 10 · MCP: cliente de IA operando o OrbynFlow ----------------------------- */
.mcp { overflow: hidden; }
.mcp-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: 22px; align-items: stretch; }
.ai-win { border-radius: var(--r-xl); background: #FBFAF8; color: var(--ink); box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 40px 120px rgba(0, 0, 0, .4); display: flex; flex-direction: column; min-height: 600px; overflow: hidden; }
.ai-top { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--line); font-size: 14px; }
.ai-top .av { width: 28px; height: 28px; border-radius: 9px; background: var(--ink); color: #fff; display: grid; place-items: center; }
.ai-top .av svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ai-top b { font-weight: 600; }
.ai-top .conn { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--mint-2); color: var(--green-ink); font-size: 12px; font-weight: 600; }
.ai-top .conn::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(18, 140, 126, .2); }
.ai-body { flex: 1; padding: 20px 18px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; justify-content: flex-end; }
.ai-msg { max-width: 88%; font-size: 14.5px; line-height: 1.5; animation: rowIn .45s var(--ease) both; }
.ai-msg.user { align-self: flex-end; background: var(--chip); padding: 10px 14px; border-radius: 16px 16px 4px 16px; }
.ai-msg.bot { align-self: flex-start; color: var(--ink); }
.ai-tool { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px 0 8px; border-radius: 10px; background: var(--white); box-shadow: inset 0 0 0 1px var(--line); font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12.5px; color: var(--ink-2); animation: rowIn .45s var(--ease) both; }
.ai-tool .o { width: 18px; height: 18px; border-radius: 6px; background: var(--green); display: grid; place-items: center; }
.ai-tool .o svg { width: 12px; height: 12px; color: #fff; }
.ai-tool .st { margin-left: 4px; font-family: var(--body); font-size: 11.5px; font-weight: 600; color: var(--green-ink); }
.ai-tool.run .st { color: var(--amber-text); }
.ai-input { margin: 0 14px 14px; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; border-radius: 16px; background: var(--white); box-shadow: inset 0 0 0 1px var(--ctrl); min-height: 50px; font-size: 14.5px; color: var(--ink); }
.ai-input .field { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-input .ph { color: var(--ink-3); }
.ai-input .caret { display: inline-block; width: 2px; height: 18px; background: var(--green); vertical-align: -3px; margin-left: 1px; animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.ai-input .send { width: 34px; height: 34px; border-radius: 11px; background: var(--ink); color: #fff; display: grid; place-items: center; flex: none; }
.ai-input .send svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mcp-stage { position: relative; border-radius: var(--r-xl); background: var(--paper); overflow: hidden; min-height: 600px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 40px 120px rgba(0, 0, 0, .4); }
.mcp-stage .sc-top { position: relative; z-index: 2; }
.mcp-pane { position: absolute; inset: 54px 0 0; padding: 22px; display: grid; place-items: center; opacity: 0; visibility: hidden; transform: scale(.98); transition: opacity .5s var(--ease), transform .6s var(--ease), visibility .5s; }
.mcp-pane.on { opacity: 1; visibility: visible; transform: none; }
.mcp-steps { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 26px; }
.mcp-step { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 12px; border: 0; cursor: pointer; background: rgba(255, 255, 255, .06); color: rgba(234, 245, 242, .74); font-weight: 600; font-size: 14px; box-shadow: inset 0 0 0 1px var(--night-line); transition: background .2s, color .2s; }
.mcp-step[aria-pressed="true"] { background: var(--night-mint); color: var(--night); box-shadow: none; }
.mcp-step i { font-style: normal; font-family: var(--display); }
.tool-cloud { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px; }
.tool-cloud code { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12px; padding: 5px 9px; border-radius: 8px; background: rgba(255, 255, 255, .05); color: rgba(234, 245, 242, .7); box-shadow: inset 0 0 0 1px var(--night-line); }
.mcp-num { display: flex; align-items: baseline; gap: 14px; margin-top: 8px; }
.mcp-num b { font-family: var(--display); font-size: clamp(64px, 8vw, 120px); font-weight: 700; letter-spacing: -.05em; line-height: .9; color: var(--night-mint); font-variant-numeric: tabular-nums; }
.mcp-num span { color: rgba(234, 245, 242, .72); font-size: 16px; max-width: 220px; line-height: 1.4; }
@media (max-width: 980px) { .mcp-grid { grid-template-columns: 1fr; } .ai-win, .mcp-stage { min-height: 520px; } }
@media (max-width: 560px) { .ai-win { min-height: 470px; } .mcp-stage { min-height: 440px; } .mcp-pane { padding: 12px; } }

/* 11 · planos ---------------------------------------------------------------- */
.bill-toggle { display: inline-flex; align-items: center; gap: 4px; padding: 5px; border-radius: 16px; background: var(--white); box-shadow: inset 0 0 0 1px var(--line); }
.bill-toggle button { height: 40px; padding: 0 16px; border: 0; border-radius: 12px; background: transparent; font-weight: 600; font-size: 14.5px; color: var(--ink-2); cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.bill-toggle button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.bill-toggle .save { font-size: 12px; font-weight: 700; color: var(--moon-deep); background: var(--moon-tint); padding: 3px 7px; border-radius: 7px; }
.bill-toggle button[aria-pressed="true"] .save { background: var(--moon); color: #fff; }
.plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.plan { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 30px; border-radius: var(--r-xl); background: var(--white); box-shadow: var(--shadow-1); }
.plan-hd { display: grid; gap: 6px; }
.plan-name { display: flex; align-items: center; gap: 10px; font-family: var(--display); font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.plan-for { margin: 0; color: var(--ink-2); font-size: 15px; min-height: 48px; }
.price { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.price .cur { font-family: var(--display); font-size: 20px; font-weight: 600; color: var(--ink-2); }
.price .val { font-family: var(--display); font-size: 56px; font-weight: 700; letter-spacing: -.045em; line-height: 1; font-variant-numeric: tabular-nums; }
.price .per { color: var(--ink-3); font-size: 14.5px; }
.price-note { font-size: 13.5px; color: var(--ink-3); min-height: 20px; margin-top: -8px; }
.plan .checks { margin-top: 2px; }
.plan .checks li { font-size: 15px; }
.plan .btn { width: 100%; margin-top: auto; }
.plan.featured { background: var(--night); color: #fff; box-shadow: 0 30px 80px rgba(11, 42, 39, .35); transform: translateY(-10px); }
.plan.featured .plan-for, .plan.featured .price .per, .plan.featured .price-note, .plan.featured .price .cur { color: rgba(234, 245, 242, .7); }
.plan.featured .checks li { color: rgba(234, 245, 242, .8); }
.plan.featured .checks b { color: #fff; }
.plan.featured .checks li::before { background-color: rgba(127, 214, 197, .14); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FD6C5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.plan .flag { position: absolute; top: 18px; right: 18px; }
.plan-mods { display: flex; flex-wrap: wrap; gap: 6px; }
.plan-mods span { font-size: 12.5px; font-weight: 600; padding: 5px 9px; border-radius: 8px; background: var(--chip); color: var(--ink-2); }
.plan.featured .plan-mods span { background: rgba(127, 214, 197, .14); color: var(--night-mint); }
@media (max-width: 1000px) { .plans { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; } .plan.featured { transform: none; } .plan-for { min-height: 0; } .plan .flag { position: static; justify-self: start; margin-bottom: -6px; } }
.mods-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--white); border-radius: var(--r-lg); box-shadow: var(--shadow-1); overflow: hidden; font-size: 15px; }
.mods-table th, .mods-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; }
.mods-table tr:last-child td { border-bottom: 0; }
.mods-table th { font-size: 13px; font-weight: 600; color: var(--ink-3); background: var(--paper); }
.mods-table td:first-child { font-weight: 600; }
.mods-table .p { font-family: var(--display); font-weight: 700; font-size: 20px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mods-table small { display: block; font-weight: 400; color: var(--ink-3); font-size: 13.5px; }
.table-wrap { overflow-x: auto; border-radius: var(--r-lg); }
.addons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.addon { padding: 20px; border-radius: 20px; background: var(--white); box-shadow: inset 0 0 0 1px var(--line); display: grid; gap: 6px; }
.addon b { font-family: var(--display); font-size: 17px; font-weight: 600; }
.addon .p { font-family: var(--display); font-weight: 700; font-size: 22px; letter-spacing: -.02em; }
.addon small { color: var(--ink-3); font-size: 13.5px; }
@media (max-width: 980px) { .addons { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .addons { grid-template-columns: 1fr; } }

/* 12 · FAQ e CTA final --------------------------------------------------------- */
.faq { display: grid; gap: 10px; max-width: 860px; margin-inline: auto; }
.faq details { background: var(--surface); border-radius: 20px; box-shadow: inset 0 0 0 1px var(--border); transition: box-shadow .2s; }
.faq details[open] { box-shadow: var(--shadow-1); }
.faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; font-family: var(--display); font-weight: 600; font-size: 18px; letter-spacing: -.012em; color: var(--text); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; width: 26px; height: 26px; flex: none; border-radius: 50%; background: var(--chip) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2323201C' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 13px no-repeat; transition: transform .3s var(--ease); }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { margin: 0; padding: 0 24px 22px; color: var(--text-2); max-width: 720px; }
.cta-final { position: relative; overflow: hidden; border-radius: clamp(28px, 4vw, 44px); padding: clamp(48px, 7vw, 96px) clamp(24px, 6vw, 88px); background: var(--night); color: #fff; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 32px; align-items: center; isolation: isolate; }
.cta-final .h2 { color: #fff; }
.cta-final .lead { color: rgba(234, 245, 242, .74); margin-top: 18px; }
.cta-final .row { margin-top: 30px; }
.cta-final .mascot { width: min(340px, 100%); justify-self: center; }
@media (max-width: 860px) { .cta-final { grid-template-columns: 1fr; text-align: left; } .cta-final .mascot { width: 200px; justify-self: start; order: -1; } }

/* módulos (família) — usados pela home e pelo strip */
.mods-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.mod-chip { display: grid; gap: 8px; padding: 16px; border-radius: 20px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); text-decoration: none; color: var(--text); transition: transform .3s var(--ease), box-shadow .3s; }
.mod-chip:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); }
.mod-chip b { font-family: var(--display); font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.mod-chip small { font-size: 13px; color: var(--text-3); line-height: 1.35; }
.mod-chip[aria-current="true"] { box-shadow: inset 0 0 0 2px var(--green); }
@media (max-width: 1000px) { .mods-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .mods-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* 13 · movimento -------------------------------------------------------------- */
html.motion [data-up] { opacity: 0; transform: translateY(26px); transition: opacity .9s var(--ease), transform .9s var(--ease); transition-delay: var(--d, 0s); }
html.motion [data-up].in { opacity: 1; transform: none; }
html.motion [data-zoom] { opacity: 0; transform: scale(.94) translateY(30px); transition: opacity 1s var(--ease), transform 1.1s var(--ease); transition-delay: var(--d, 0s); }
html.motion [data-zoom].in { opacity: 1; transform: none; }
html.motion .words .w { display: inline-block; opacity: 0; transform: translateY(.45em); transition: opacity .55s var(--ease), transform .65s var(--ease); transition-delay: calc(min(var(--i) * 32ms, .5s) + var(--d, 0s)); }
html.motion .words.in .w { opacity: 1; transform: none; }
[data-parallax] { will-change: transform; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .marquee-track { animation: none; flex-wrap: wrap; width: auto; justify-content: center; }
  .marquee-track [aria-hidden="true"] { display: none; }
  .marquee { -webkit-mask-image: none; mask-image: none; }
  .mascot-float { animation: none; }
}

/* complementos ----------------------------------------------------------- */
.mods-strip[data-current="fluxos"] [data-mod="fluxos"], .mods-strip[data-current="grupos"] [data-mod="grupos"], .mods-strip[data-current="atende"] [data-mod="atende"], .mods-strip[data-current="crm"] [data-mod="crm"], .mods-strip[data-current="agenda"] [data-mod="agenda"], .mods-strip[data-current="track"] [data-mod="track"] { box-shadow: inset 0 0 0 2px var(--green); background: var(--mint-3); }
.mcp-pane .scan { position: absolute; left: 0; right: 0; top: 0; height: 90px; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(127, 214, 197, .28) 60%, rgba(18, 140, 126, .55) 62%, transparent 64%); opacity: 0; border-radius: 12px; }
.mcp-pane .scan.go { animation: scan 2.4s var(--ease) both; }
@keyframes scan { 0% { opacity: 0; transform: translateY(-40px); } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; transform: translateY(560px); } }
.zfui .o-hl { box-shadow: 0 0 0 2px #128C7E, 0 16px 40px rgba(18, 140, 126, .25) !important; border-radius: 16px; position: relative; z-index: 2; }
.mcp-pane .flowdraw .fd-bg { opacity: .9; }

/* quem está respondendo (selo flutuante nas conversas) --------------------- */
.who-badge { position: absolute; z-index: 6; left: var(--who-x, 50%); top: var(--who-y, 16%); transform: translate(-50%, -8px) scale(.96); opacity: 0; display: inline-flex; align-items: center; gap: 9px; padding: 6px 14px 6px 6px; border-radius: 999px; background: rgba(255, 255, 255, .96); box-shadow: 0 0 0 1px rgba(60, 40, 20, .08), 0 14px 34px rgba(11, 42, 39, .18); font-size: 13px; line-height: 1.2; white-space: nowrap; transition: opacity .35s var(--ease), transform .45s var(--ease), background .3s; pointer-events: none; }
.who-badge.on { opacity: 1; transform: translate(-50%, 0) scale(1); }
.who-badge .wb-av { width: 30px; height: 30px; border-radius: 50%; flex: none; display: grid; place-items: center; overflow: hidden; background: var(--mint-2); color: var(--green-ink); font-weight: 700; font-size: 12px; }
.who-badge .wb-av img { width: 100%; height: 100%; object-fit: cover; }
.who-badge .wb-av svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.who-badge b { display: block; font-weight: 700; color: var(--ink); font-size: 13px; }
.who-badge small { display: block; color: var(--ink-2); font-size: 12px; }
.who-badge .wb-dots { display: inline-flex; gap: 3px; margin-left: 2px; }
.who-badge .wb-dots i { width: 4px; height: 4px; border-radius: 50%; background: var(--green); animation: wbDot 1.1s infinite; }
.who-badge .wb-dots i:nth-child(2) { animation-delay: .15s; } .who-badge .wb-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes wbDot { 0%, 60%, 100% { opacity: .25; transform: none; } 30% { opacity: 1; transform: translateY(-2px); } }
.who-badge.is-ia { background: var(--night); }
.who-badge.is-ia b { color: #fff; }
.who-badge.is-ia small { color: var(--night-mint); }
.who-badge.is-ia .wb-av { background: var(--green); box-shadow: 0 0 0 3px rgba(127, 214, 197, .35); }
.who-badge.is-hand { background: var(--moon); }
.who-badge.is-hand b, .who-badge.is-hand small { color: #fff; }
.who-badge.is-hand .wb-av { background: #fff; color: var(--moon-deep); }

/* reserva acontecendo (página pública de agendamento + confirmação no WhatsApp) */
.bk { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(16px, 2.4vw, 28px); align-items: center; width: 100%; }
.bk-phone { width: var(--bk-w, 262px); padding: 9px; border-radius: 40px; background: #1E1C1A; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 30px 70px rgba(11, 42, 39, .28); justify-self: center; }
.bk-screen { position: relative; border-radius: 32px; overflow: hidden; aspect-ratio: 390 / 760; background: #fff; }
.bk.tela .bk-screen { aspect-ratio: 1100 / 880; border-radius: 0; }
.bk-state { position: absolute; inset: 0; opacity: 0; transition: opacity .45s var(--ease); }
.bk-state.on { opacity: 1; z-index: 1; }
.bk-state > .mock { width: 100%; }
.bk-cursor { position: absolute; left: 0; top: 0; z-index: 4; width: 26px; height: 26px; transform: translate(60%, 110%); transition: transform .85s cubic-bezier(.3, .7, .2, 1), opacity .3s; opacity: 0; pointer-events: none; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .3)); }
.bk-cursor.on { opacity: 1; }
.bk-cursor svg { width: 26px; height: 26px; display: block; }
.bk-cursor::after { content: ""; position: absolute; left: 2px; top: 2px; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; background: rgba(18, 140, 126, .35); transform: scale(0); opacity: 0; }
.bk-cursor.tap::after { animation: bkTap .5s var(--ease); }
@keyframes bkTap { 0% { transform: scale(.2); opacity: 1; } 100% { transform: scale(1.6); opacity: 0; } }
.bk-side { display: grid; gap: 12px; align-content: center; min-width: 0; }
.bk-label { display: inline-flex; align-items: center; gap: 8px; justify-self: start; font-size: 13px; font-weight: 600; color: var(--green-ink); background: var(--mint-2); padding: 6px 12px; border-radius: 999px; }
.bk-label svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bk-whats { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-2); background: #fff; }
.bk-note { font-size: 12.5px; color: var(--text-3); margin: 0; }
@media (max-width: 700px) { .bk { grid-template-columns: minmax(0, 1fr); } .bk-phone { --bk-w: min(250px, 78vw); } }

/* mascote de cada módulo (passos da vitrine, cartões e cabeçalhos de seção) */
.sc-mascot { width: 120px; height: auto; margin: -4px 0 -6px -6px; filter: drop-shadow(0 14px 24px rgba(11, 42, 39, .18)); }
@media (max-width: 900px) { .sc-mascot { width: 96px; } }
.mod-mascot { display: block; width: 116px; height: auto; margin: 0 0 4px -6px; filter: drop-shadow(0 14px 24px rgba(11, 42, 39, .18)); }
.sec-head.center .mod-mascot { margin: 0 auto 4px; }
.night .mod-mascot, .night .sc-mascot { filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .35)); }

/* agenda de demonstração: pop-up e seção na página -------------------------- */
.agd { position: fixed; inset: 0; z-index: 95; display: grid; place-items: center; padding: 24px; background: rgba(11, 42, 39, .58); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity .22s var(--ease); }
.agd.open { opacity: 1; }
.agd[hidden] { display: none !important; }
html.agd-lock, html.agd-lock body { overflow: hidden; }
.agd-panel { width: min(1120px, 100%); height: auto; max-height: min(880px, calc(100dvh - 48px)); display: grid; grid-template-columns: 300px minmax(0, 1fr); border-radius: 28px; overflow: hidden; background: var(--paper); box-shadow: 0 40px 120px rgba(0, 0, 0, .4); transform: translateY(14px) scale(.985); transition: transform .3s var(--ease); }
.agd.open .agd-panel { transform: none; }
.agd-side { position: relative; padding: 32px 26px; display: grid; align-content: start; gap: 14px; overflow: hidden; }
.agd-side > * { position: relative; z-index: 1; }
.agd-side .mascot { width: 140px; margin: 0 0 6px -8px; }
.agd-k { margin: 0; font-size: 13px; font-weight: 600; color: var(--night-mint); }
.agd-h { margin: 0; font-family: var(--display); font-size: 26px; font-weight: 700; letter-spacing: -.025em; line-height: 1.1; color: #fff; }
.agd-side .checks li { font-size: 14.5px; }
.agd-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.agd-head { display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 20px; background: var(--white); border-bottom: 1px solid var(--line); flex: none; }
.agd-o { width: 34px; height: 34px; border-radius: 11px; background: var(--green); color: #fff; display: grid; place-items: center; flex: none; }
.agd-o svg { width: 21px; height: 21px; }
.agd-tt { flex: 1; min-width: 0; }
.agd-tt b { display: block; font-family: var(--display); font-size: 18px; font-weight: 700; letter-spacing: -.015em; }
.agd-tt small { display: block; font-size: 13px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.agd-new { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--green-ink); text-decoration: none; padding: 8px 10px; border-radius: 10px; white-space: nowrap; }
.agd-new:hover { background: var(--mint-2); }
.agd-new svg, .agd-x svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.agd-x { width: 40px; height: 40px; border-radius: 999px; border: 0; background: var(--chip); color: var(--ink); display: grid; place-items: center; cursor: pointer; flex: none; }
.agd-x:hover { background: var(--ctrl); }
.agd-x svg { width: 18px; height: 18px; }
.agd-ok { display: flex; align-items: center; gap: 12px; padding: 10px 20px; background: var(--mint-2); color: var(--green-ink); font-size: 14.5px; flex: none; }
.agd-ok img { width: 54px; height: auto; }
.agd-ok b { color: var(--ink); }
.agd-ok[hidden] { display: none; }
.agd-body { position: relative; flex: 1; min-height: 480px; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: clamp(14px, 3vw, 36px) clamp(12px, 3vw, 36px) 36px; }
.agd-frame { max-width: 760px; margin: 0 auto; }
.agd-load { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 14px; color: var(--ink-2); font-size: 14.5px; font-weight: 500; transition: opacity .3s; pointer-events: none; }
.is-ready .agd-load { opacity: 0; }
.agd-spin { width: 42px; height: 42px; border-radius: 50%; border: 4px solid var(--mint); border-top-color: var(--green); animation: agdSpin .9s linear infinite; position: relative; }
.agd-spin::after { content: ""; position: absolute; top: -6px; right: -2px; width: 10px; height: 10px; border-radius: 50%; background: var(--moon); }
@keyframes agdSpin { to { transform: rotate(360deg); } }
@media (max-width: 900px) { .agd-panel { grid-template-columns: minmax(0, 1fr); } .agd-side { display: none; } }
@media (max-width: 640px) {
  .agd { padding: 0; background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .agd-panel { width: 100%; height: 100dvh; max-height: none; border-radius: 0; box-shadow: none; }
  .agd-head { padding: 10px 10px 10px 14px; gap: 10px; }
  .agd-head .agd-new span { display: none; }
  .agd-head .agd-new { padding: 8px; }
  .agd-body { padding: 10px 8px 28px; }
}
@media (prefers-reduced-motion: reduce) { .agd, .agd-panel { transition: none; } .agd-spin { animation-duration: 2.5s; } }
.agd-sec .agd-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.agd-sec .copy { display: grid; gap: 18px; align-content: start; position: sticky; top: calc(var(--nav-h) + 24px); }
.agd-sec .copy .mascot { width: 150px; margin: 0 0 -6px -8px; }
.agd-inline-wrap { position: relative; border-radius: var(--r-xl); background: var(--white); box-shadow: var(--shadow-2); padding: clamp(10px, 2vw, 24px); min-height: 440px; }
.agd-inline-wrap.is-ready { min-height: 0; }
.agd-inline-wrap .agd-ok { border-radius: 16px; margin-bottom: 12px; }
.agd-inline-foot { display: flex; justify-content: flex-end; margin-top: 8px; }
@media (max-width: 900px) { .agd-sec .agd-grid { grid-template-columns: minmax(0, 1fr); } .agd-sec .copy { position: static; } }
@media (max-width: 560px) { .agd-inline-wrap { padding: 6px; border-radius: 22px; } }

/* telas reais (src/beta), escopadas em .zfui */
.zfui *,.zfui ::before,.zfui ::after{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
.zfui ::backdrop{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
.zfui *,.zfui ::before,.zfui ::after{box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235);}
.zfui ::before,.zfui ::after{--tw-content: '';}
.zfui{line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;}
.zfui{margin: 0px; line-height: inherit;}
.zfui strong{font-weight: bolder;}
.zfui button{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px;}
.zfui button{text-transform: none;}
.zfui button{appearance: button; background-color: transparent; background-image: none;}
.zfui ::-webkit-inner-spin-button,.zfui ::-webkit-outer-spin-button{height: auto;}
.zfui ::-webkit-search-decoration{appearance: none;}
.zfui ::-webkit-file-upload-button{appearance: button; font: inherit;}
.zfui p{margin: 0px;}
.zfui button{cursor: pointer;}
.zfui svg{display: block; vertical-align: middle;}
.zfui .sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px;}
.zfui .absolute{position: absolute;}
.zfui .relative{position: relative;}
.zfui .inset-x-0{left: 0px; right: 0px;}
.zfui .-top-2\.5{top: -0.625rem;}
.zfui .bottom-0{bottom: 0px;}
.zfui .bottom-2{bottom: 0.5rem;}
.zfui .left-1\/2{left: 50%;}
.zfui .left-3{left: 0.75rem;}
.zfui .right-2\.5{right: 0.625rem;}
.zfui .top-2{top: 0.5rem;}
.zfui .m-0{margin: 0px;}
.zfui .mx-2{margin-left: 0.5rem; margin-right: 0.5rem;}
.zfui .mb-0{margin-bottom: 0px;}
.zfui .mb-4{margin-bottom: 1rem;}
.zfui .ml-0\.5{margin-left: 0.125rem;}
.zfui .mt-0\.5{margin-top: 0.125rem;}
.zfui .mt-2{margin-top: 0.5rem;}
.zfui .mt-2\.5{margin-top: 0.625rem;}
.zfui .mt-4{margin-top: 1rem;}
.zfui .box-border{box-sizing: border-box;}
.zfui .line-clamp-2{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.zfui .block{display: block;}
.zfui .inline-block{display: inline-block;}
.zfui .flex{display: flex;}
.zfui .inline-flex{display: inline-flex;}
.zfui .grid{display: grid;}
.zfui .hidden{display: none;}
.zfui .h-5{height: 1.25rem;}
.zfui .h-\[26px\]{height: 26px;}
.zfui .h-\[30px\]{height: 30px;}
.zfui .h-\[6px\]{height: 6px;}
.zfui .h-\[78px\]{height: 78px;}
.zfui .w-\[30px\]{width: 30px;}
.zfui .w-full{width: 100%;}
.zfui .w-px{width: 1px;}
.zfui .min-w-0{min-width: 0px;}
.zfui .flex-1{flex: 1 1 0%;}
.zfui .shrink-0{flex-shrink: 0;}
.zfui .-translate-x-1\/2{--tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
@keyframes bounce{ 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
@keyframes pulse{ 
  50% { opacity: 0.5; }
}
@keyframes spin{ 
  100% { transform: rotate(360deg); }
}
.zfui .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.zfui .flex-col{flex-direction: column;}
.zfui .flex-wrap{flex-wrap: wrap;}
.zfui .items-start{align-items: flex-start;}
.zfui .items-center{align-items: center;}
.zfui .items-baseline{align-items: baseline;}
.zfui .justify-center{justify-content: center;}
.zfui .gap-0\.5{gap: 0.125rem;}
.zfui .gap-1{gap: 0.25rem;}
.zfui .gap-1\.5{gap: 0.375rem;}
.zfui .gap-2{gap: 0.5rem;}
.zfui .gap-3{gap: 0.75rem;}
.zfui .gap-6{gap: 1.5rem;}
.zfui .gap-\[5px\]{gap: 5px;}
.zfui .self-center{align-self: center;}
.zfui .overflow-hidden{overflow: hidden;}
.zfui .truncate{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zfui .whitespace-nowrap{white-space: nowrap;}
.zfui .break-words{overflow-wrap: break-word;}
.zfui .rounded-\[14px\]{border-radius: 14px;}
.zfui .rounded-\[18px\]{border-radius: 18px;}
.zfui .rounded-\[8px\]{border-radius: 8px;}
.zfui .rounded-\[9px\]{border-radius: 9px;}
.zfui .rounded-full{border-radius: 9999px;}
.zfui .rounded-zf-card{border-radius: var(--zf-r-card);}
.zfui .rounded-zf-md{border-radius: var(--zf-r-md);}
.zfui .rounded-zf-sm{border-radius: var(--zf-r-sm);}
.zfui .border{border-width: 1px;}
.zfui .border-0{border-width: 0px;}
.zfui .border-2{border-width: 2px;}
.zfui .border-transparent{border-color: transparent;}
.zfui .border-zf-accent{border-color: var(--zf-accent);}
.zfui .bg-transparent{background-color: transparent;}
.zfui .bg-zf-accent{background-color: var(--zf-accent);}
.zfui .bg-zf-accent-tint{background-color: var(--zf-accent-tint);}
.zfui .bg-zf-amber-tint{background-color: var(--zf-amber-tint);}
.zfui .bg-zf-blue-tint{background-color: var(--zf-blue-tint);}
.zfui .bg-zf-chip{background-color: var(--zf-chip);}
.zfui .bg-zf-green-tint{background-color: var(--zf-green-tint);}
.zfui .bg-zf-line{background-color: var(--zf-line);}
.zfui .bg-zf-surface{background-color: var(--zf-surface);}
.zfui .bg-zf-surface-2{background-color: var(--zf-surface-2);}
.zfui .p-0{padding: 0px;}
.zfui .p-3\.5{padding: 0.875rem;}
.zfui .p-6{padding: 1.5rem;}
.zfui .p-\[3px\]{padding: 3px;}
.zfui .px-2{padding-left: 0.5rem; padding-right: 0.5rem;}
.zfui .px-3{padding-left: 0.75rem; padding-right: 0.75rem;}
.zfui .py-3{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.zfui .pr-1{padding-right: 0.25rem;}
.zfui .pt-1{padding-top: 0.25rem;}
.zfui .pt-2{padding-top: 0.5rem;}
.zfui .pt-3{padding-top: 0.75rem;}
.zfui .text-left{text-align: left;}
.zfui .text-right{text-align: right;}
.zfui .text-\[11\.5px\]{font-size: 11.5px;}
.zfui .text-\[12\.5px\]{font-size: 12.5px;}
.zfui .text-\[12px\]{font-size: 12px;}
.zfui .text-\[13\.5px\]{font-size: 13.5px;}
.zfui .text-\[13px\]{font-size: 13px;}
.zfui .text-\[14px\]{font-size: 14px;}
.zfui .text-\[17px\]{font-size: 17px;}
.zfui .text-\[19px\]{font-size: 19px;}
.zfui .font-bold{font-weight: 700;}
.zfui .font-medium{font-weight: 500;}
.zfui .font-semibold{font-weight: 600;}
.zfui .leading-none{line-height: 1;}
.zfui .leading-snug{line-height: 1.375;}
.zfui .text-zf-accent{color: var(--zf-accent);}
.zfui .text-zf-amber-text{color: var(--zf-amber-text);}
.zfui .text-zf-blue{color: var(--zf-blue);}
.zfui .text-zf-green-text{color: var(--zf-green-text);}
.zfui .text-zf-on-accent{color: var(--zf-on-accent);}
.zfui .text-zf-text{color: var(--zf-text);}
.zfui .text-zf-text-2{color: var(--zf-text-2);}
.zfui .text-zf-text-3{color: var(--zf-text-3);}
.zfui .shadow-zf-btn{--tw-shadow: var(--zf-shadow-btn); --tw-shadow-colored: var(--zf-shadow-btn); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .shadow-zf-card{--tw-shadow: var(--zf-shadow-card); --tw-shadow-colored: var(--zf-shadow-card); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .transition-\[height\]{transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui .transition-colors{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui,.zfui,.zfui #root{height: 100%; overflow: hidden;}
@keyframes fadeIn{ 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes dateChipFadeIn{ 
  0% { opacity: 0; transform: translate(-50%, -10px); }
  100% { opacity: 1; transform: translate(-50%, 0px); }
}
@keyframes dateChipFadeOut{ 
  0% { opacity: 1; transform: translate(-50%, 0px); }
  100% { opacity: 0; transform: translate(-50%, -10px); }
}
@keyframes slideIn{ 
  0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.zfui .hover\:bg-zf-hover:hover{background-color: var(--zf-hover);}
.zfui .hover\:text-zf-text:hover{color: var(--zf-text);}
.zfui .focus-visible\:outline:focus-visible{outline-style: solid;}
.zfui .focus-visible\:outline-2:focus-visible{outline-width: 2px;}
.zfui .focus-visible\:outline-\[var\(--zf-accent\)\]:focus-visible{outline-color: var(--zf-accent);}
.zfui .disabled\:cursor-not-allowed:disabled{cursor: not-allowed;}
.zfui .disabled\:opacity-50:disabled{opacity: 0.5;}
.zfui .disabled\:opacity-55:disabled{opacity: 0.55;}
.zfui .sm\:inline-flex{display: inline-flex;}
.zfui .sm\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.zfui .md\:block{display: block;}
.zfui .md\:hidden{display: none;}
.zfui .lg\:block{display: block;}
.zfui .lg\:flex{display: flex;}
.zfui .lg\:flex-1{flex: 1 1 0%;}
.zfui .lg\:grid-cols-4{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.zfui .lg\:items-stretch{align-items: stretch;}
.zfui .lg\:gap-5{gap: 1.25rem;}
.zfui .zf-beta{--zf-bg: #F7F5F2; --zf-surface: #FFFFFF; --zf-surface-2: #F8F5F1; --zf-hover: #F6F2EC; --zf-chip: #F4F0EA; --zf-surface-3: #FFFFFF; --zf-text: #23201C; --zf-text-2: #6B655E; --zf-text-3: #9A938A; --zf-line: #F0ECE6; --zf-ctrl: #E4DED5; --zf-accent: #128C7E; --zf-accent-hover: #0B6F63; --zf-accent-tint: #E2F3EF; --zf-accent-tint-2: #CDEAE3; --zf-accent-text: #0B6F63; --zf-on-accent: #FFFFFF; --zf-coral: #EB6446; --zf-coral-tint: #FDEBE5; --zf-coral-text: #B8432A; --zf-green: #2F9E62; --zf-green-tint: #E3F2E8; --zf-green-text: #23683B; --zf-amber: #C27C0E; --zf-amber-tint: #FFEFD6; --zf-amber-text: #94570A; --zf-red: #E5484D; --zf-red-tint: #FDECEC; --zf-red-text: #B42E33; --zf-blue: #1E5C96; --zf-blue-tint: #E3EFFB; --zf-violet: #6D4BD8; --zf-violet-tint: #EFEAFF; --zf-bubble-out: #D8F0E8; --zf-bubble-out-text: #1D2B27; --zf-bubble-out-meta: #5E7C73; --zf-bubble-out-inner: rgba(255, 255, 255, 0.55); --zf-scrim: rgba(35, 32, 28, 0.32); --zf-nav-text: #4A453F; --zf-nav-icon: #958D83; --zf-nav-label: #A69E94; --zf-nav-meta: #8A8279; --zf-av-1-bg: #EAE8FF; --zf-av-1-fg: #4338CA; --zf-av-2-bg: #FCE4EC; --zf-av-2-fg: #A3265B; --zf-av-3-bg: #E3F2E8; --zf-av-3-fg: #23683B; --zf-av-4-bg: #FFEFD6; --zf-av-4-fg: #94570A; --zf-av-5-bg: #E3EFFB; --zf-av-5-fg: #1E5C96; --zf-av-6-bg: #EFEAE2; --zf-av-6-fg: #665640; --zf-av-coral-bg: #FDEBE5; --zf-av-coral-fg: #B8432A; --zf-shimmer: #FBF9F6; --zf-r-xs: 8px; --zf-r-sm: 12px; --zf-r-md: 16px; --zf-r-lg: 20px; --zf-r-card: 22px; --zf-r-xl: 24px; --zf-shadow-card: 0 1px 2px rgba(60, 40, 20, 0.04), 0 8px 28px rgba(60, 40, 20, 0.06); --zf-shadow-float: 0 1px 2px rgba(60, 40, 20, 0.05), 0 10px 30px rgba(60, 40, 20, 0.07); --zf-shadow-pop: 0 4px 12px rgba(60, 40, 20, 0.08), 0 18px 48px rgba(60, 40, 20, 0.14); --zf-shadow-btn: 0 1px 2px rgba(0, 0, 0, 0.08); --zf-font-display: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif; --zf-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif; font-family: var(--zf-font-body); color: var(--zf-text); -webkit-font-smoothing: antialiased;}
.zfui .zf-beta.zf-root{background: var(--zf-bg);}
.zfui .zf-beta :where(button, a, input, select, textarea, [tabindex]):focus-visible{outline: 2px solid var(--zf-accent); outline-offset: 2px;}
.zfui .zf-beta .zf-display{font-family: var(--zf-font-display);}
.zfui .zf-beta .zf-num{font-variant-numeric: tabular-nums; font-family: var(--zf-font-display); letter-spacing: -0.02em;}
@keyframes zf-shimmer{ 
  0% { background-position: -200px 0px; }
  100% { background-position: calc(100% + 200px) 0px; }
}
@keyframes zf-fade{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes zf-slide-in{ 
  0% { transform: translateX(24px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes zf-pop{ 
  0% { transform: translateY(6px) scale(0.98); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
.zfui[data-theme="dark"] .zf-beta{color-scheme: dark; --zf-bg: #1B1816; --zf-surface-2: #1F1C19; --zf-chip: #242120; --zf-surface: #2A2622; --zf-hover: #342F2A; --zf-surface-3: #363029; --zf-text: #F2EDE6; --zf-text-2: #B8B0A6; --zf-text-3: #978F85; --zf-line: #35302B; --zf-ctrl: #47403A; --zf-accent: #2BB39F; --zf-accent-hover: #3DC2AE; --zf-accent-tint: rgba(43, 179, 159, 0.14); --zf-accent-tint-2: rgba(43, 179, 159, 0.26); --zf-accent-text: #4DC8B3; --zf-on-accent: #0B1F1B; --zf-coral: #F07A5E; --zf-coral-tint: rgba(240, 122, 94, 0.16); --zf-coral-text: #F5A08A; --zf-green: #3DB873; --zf-green-tint: rgba(61, 184, 115, 0.15); --zf-green-text: #67CC8F; --zf-amber: #E2A23A; --zf-amber-tint: rgba(226, 162, 58, 0.16); --zf-amber-text: #ECBA5E; --zf-red: #F26B6F; --zf-red-tint: rgba(242, 107, 111, 0.15); --zf-red-text: #F79A9D; --zf-blue: #5FA8EC; --zf-blue-tint: rgba(95, 168, 236, 0.16); --zf-violet: #A48EF5; --zf-violet-tint: rgba(164, 142, 245, 0.17); --zf-bubble-out: #1F4F46; --zf-bubble-out-text: #E8F3EF; --zf-bubble-out-meta: #8DC3B6; --zf-bubble-out-inner: rgba(255, 255, 255, 0.08); --zf-scrim: rgba(0, 0, 0, 0.58); --zf-nav-text: var(--zf-text-2); --zf-nav-icon: var(--zf-text-3); --zf-nav-label: var(--zf-text-3); --zf-nav-meta: var(--zf-text-3); --zf-av-1-bg: #2E2A4E; --zf-av-1-fg: #B9B0FF; --zf-av-2-bg: #4B2735; --zf-av-2-fg: #F4A3C0; --zf-av-3-bg: #213A2C; --zf-av-3-fg: #8FD8AA; --zf-av-4-bg: #46351B; --zf-av-4-fg: #F3C46F; --zf-av-5-bg: #1E3147; --zf-av-5-fg: #8EC3F5; --zf-av-6-bg: #3B342B; --zf-av-6-fg: #D9CBB4; --zf-av-coral-bg: #4A2A22; --zf-av-coral-fg: #F5A08A; --zf-shimmer: var(--zf-hover); --zf-shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.045), 0 1px 2px rgba(0, 0, 0, 0.30); --zf-shadow-float: 0 0 0 1px rgba(255, 255, 255, 0.055), 0 10px 30px rgba(0, 0, 0, 0.45); --zf-shadow-pop: 0 0 0 1px rgba(255, 255, 255, 0.09), 0 18px 48px rgba(0, 0, 0, 0.60); --zf-shadow-btn: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.40);}
.zfui .react-flow{direction: ltr;}
.zfui .react-flow__container{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.zfui .react-flow__pane{z-index: 1; cursor: grab;}
.zfui .react-flow__viewport{transform-origin: 0px 0px; z-index: 2; pointer-events: none;}
.zfui .react-flow__renderer{z-index: 4;}
.zfui .react-flow__nodes{pointer-events: none; transform-origin: 0px 0px;}
.zfui .react-flow__node{position: absolute; user-select: none; pointer-events: all; transform-origin: 0px 0px; box-sizing: border-box; cursor: grab;}
.zfui .react-flow__handle{position: absolute; pointer-events: none; min-width: 5px; min-height: 5px; width: 6px; height: 6px; background: rgb(26, 25, 43); border: 1px solid white; border-radius: 100%;}
.zfui .react-flow__handle.connectionindicator{pointer-events: all; cursor: crosshair;}
.zfui .react-flow__handle-left{top: 50%; left: -4px; transform: translate(0px, -50%);}
.zfui .react-flow__handle-right{right: -4px; top: 50%; transform: translate(0px, -50%);}
@keyframes dashdraw{ 
  0% { stroke-dashoffset: 10; }
}
.zfui .react-flow__node.selectable:focus,.zfui .react-flow__node.selectable:focus-visible{outline: none;}
.zfui b{font-weight: bolder;}
.zfui small{font-size: 80%;}
.zfui button,.zfui [role="button"]{cursor: pointer;}
.zfui img,.zfui svg{display: block; vertical-align: middle;}
.zfui img{max-width: 100%; height: auto;}
.zfui .mt-1\.5{margin-top: 0.375rem;}
.zfui .h-full{height: 100%;}
.zfui .justify-between{justify-content: space-between;}
.zfui .whitespace-pre-wrap{white-space: pre-wrap;}
.zfui .rounded-\[10px\]{border-radius: 10px;}
.zfui .rounded-\[12px\]{border-radius: 12px;}
.zfui .object-cover{object-fit: cover;}
.zfui .zf-beta .zf-legacy-host{font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: rgb(30, 41, 59);}
.zfui .zf-beta{--zfn-canvas: #F3EFE9; --zfn-dot: #DDD5CA; --zfn-edge: #C9BFB2; --zfn-edge-active: #3FA392; --zfn-dash: #D6CEC3; --zfn-ring: #B9AFA2; --zfn-ink: #4A453F;}
.zfui .zf-beta .zfn{--zfn-pad: 16px; position: relative; box-sizing: border-box; background: var(--zf-surface); border-radius: 18px; box-shadow: rgba(60, 40, 20, 0.06) 0px 1px 2px, rgba(60, 40, 20, 0.07) 0px 6px 18px; color: var(--zf-text); font-family: var(--zf-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif); font-size: 13px; line-height: 1.4; text-align: left; transition: box-shadow 160ms;}
.zfui .zf-beta .zfn:hover{box-shadow: rgba(60, 40, 20, 0.07) 0px 1px 2px, rgba(60, 40, 20, 0.1) 0px 10px 26px;}
.zfui .zf-beta .zfn.is-selected{box-shadow: 0 0 0 2px var(--zf-accent), 0 10px 28px rgba(18, 140, 126, 0.16);}
.zfui .zf-beta .zfn::before{content: ""; position: absolute; top: 0px; left: 18px; right: 18px; height: 3px; border-radius: 0px 0px 3px 3px; background: var(--zfn-accent, var(--zfn-dash)); opacity: 0.9; pointer-events: none;}
.zfui .zf-beta .zfn-head{display: flex; align-items: flex-start; gap: 10px; padding: 14px var(--zfn-pad) 0;}
.zfui .zf-beta .zfn-tile{width: 34px; height: 34px; border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.zfui .zf-beta .zfn-titles{min-width: 0px; flex: 1 1 auto; min-height: 34px; display: flex; flex-direction: column; justify-content: center;}
.zfui .zf-beta .zfn-eyebrow{display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 1px;}
.zfui .zf-beta .zfn-title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14.5px; font-weight: 650; line-height: 1.25; color: var(--zf-text); overflow: hidden; overflow-wrap: anywhere; margin: 0px;}
.zfui .zf-beta .zfn-sub{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; line-height: 1.3; color: var(--zf-text-3); margin-top: 2px; overflow: hidden;}
.zfui .zf-beta .zfn-eyebrow-row{display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 16px; margin-bottom: 1px;}
.zfui .zf-beta .zfn-eyebrow-row .zfn-eyebrow{margin-bottom: 0px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zfui .zf-beta .zfn-eyebrow-row .zfn-badges{margin-top: 0px; align-self: center;}
.zfui .zf-beta .zfn-badges{display: flex; align-items: center; gap: 4px; flex-shrink: 0; align-self: flex-start; margin-top: 2px;}
.zfui .zf-beta .zfn-body{padding: 12px var(--zfn-pad) 0; display: flex; flex-direction: column; gap: 8px; min-width: 0px;}
.zfui .zf-beta .zfn-foot{margin-top: 12px; padding: 9px var(--zfn-pad) 11px; border-top: 1px solid var(--zf-line); font-size: 12px; color: var(--zf-text-2); display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}
.zfui .zf-beta .zfn-label{font-size: 11.5px; font-weight: 600; color: var(--zf-text-3); letter-spacing: 0.2px;}
.zfui .zf-beta .zfn-text{font-size: 12.5px; color: var(--zf-text-2); line-height: 1.45;}
.zfui .zf-beta .zfn-muted{color: var(--zf-text-3);}
.zfui .zf-beta .zfn-row{display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--zf-text-2); min-width: 0px;}
.zfui .zf-beta .zfn-row > svg{flex-shrink: 0; color: var(--zf-text-3);}
.zfui .zf-beta .zfn-row > .zfn-row-text{min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zfui .zf-beta .zfn-chips{display: flex; flex-wrap: wrap; gap: 5px; min-width: 0px;}
.zfui .zf-beta .zfn-chip{display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0px 9px; border-radius: 999px; background: var(--zf-chip); color: var(--zf-text-2); font-size: 12px; font-weight: 500; white-space: nowrap; max-width: 100%; box-sizing: border-box;}
.zfui .zf-beta .zfn-chip > span{overflow: hidden; text-overflow: ellipsis;}
.zfui .zf-beta .zfn-chip > svg{flex-shrink: 0;}
.zfui .zf-beta .zfn-chip.is-mono > span{font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace; font-size: 11.5px;}
.zfui .zf-beta .zfn-chip.is-empty{background: transparent; border: 1px dashed var(--zf-ctrl); color: var(--zf-text-3); font-style: italic;}
.zfui .zf-beta .zfn-chip.is-sm{height: 19px; padding: 0px 7px; font-size: 10.5px; font-weight: 600;}
.zfui .zf-beta .zfn-dot{width: 7px; height: 7px; border-radius: 50%; display: inline-block; flex-shrink: 0;}
.zfui .zf-beta .zfn-notice{display: flex; align-items: flex-start; gap: 6px; padding: 6px 9px; border-radius: 10px; font-size: 11.5px; font-weight: 500; line-height: 1.35;}
.zfui .zf-beta .zfn-notice > svg{flex-shrink: 0; margin-top: 1px;}
.zfui .zf-beta .zfn-inset{background: var(--zf-surface-2); border-radius: 12px; padding: 9px 11px; font-size: 12.5px; line-height: 1.45; color: var(--zf-text); min-width: 0px; position: relative;}
.zfui .zf-beta .zfn-var{background: var(--zf-accent-tint); color: var(--zf-accent-text); border-radius: 6px; padding: 0px 4px; font-weight: 600;}
.zfui .zf-beta .zfn-empty{border: 1.5px dashed var(--zf-ctrl); border-radius: 12px; padding: 14px 10px; text-align: center; font-size: 12px; color: var(--zf-text-3);}
.zfui .zf-beta .zfn-out{position: relative; display: flex; align-items: center; gap: 6px; min-height: 30px; padding: 5px 10px; border-radius: 10px; box-sizing: border-box; font-size: 12.5px; font-weight: 600; min-width: 0px;}
.zfui .zf-beta .zfn-out-label{flex: 1 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zfui .zf-beta .zfn-out.is-center .zfn-out-label{text-align: center;}
.zfui .zf-beta .zfn-out-sub{display: block; font-size: 10.5px; font-weight: 500; opacity: 0.75; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zfui .zf-beta .zfn-out.is-quiet{background: transparent; color: var(--zf-text-3); font-weight: 600; font-size: 11.5px; justify-content: flex-end; padding-right: 0px;}
.zfui .zf-beta .zfn-out.is-quiet .zfn-out-label{text-align: right; flex: 0 1 auto;}
.zfui .zf-beta .zfn-outs{display: flex; flex-direction: column; gap: 6px;}
.zfui .zf-beta .zfn-foot-out{margin-top: 10px; padding: 4px var(--zfn-pad) 6px; border-top: 1px solid var(--zf-line);}
.zfui .zf-beta .zfn-stats{display: flex; align-items: center; gap: 4px; flex-wrap: wrap; min-width: 0px;}
.zfui .zf-beta .zfn-stat{display: inline-flex; align-items: center; gap: 4px; padding: 2px 3px; margin: -2px 0px; border-radius: 7px; border: 0px; background: transparent; font: inherit; color: inherit; white-space: nowrap;}
.zfui .zf-beta button.zfn-stat{cursor: pointer;}
.zfui .zf-beta button.zfn-stat:hover{background: var(--zf-hover); color: var(--zf-text);}
.zfui .zf-beta .zfn-stat b{font-weight: 650; color: var(--zf-text); font-variant-numeric: tabular-nums;}
.zfui .zf-beta .zfn-stat-sep{color: var(--zfn-dash);}
.zfui .zf-beta .zfn-stats.is-grid{display: grid; gap: 2px; width: 100%;}
.zfui .zf-beta .zfn-stats.is-grid .zfn-stat{flex-direction: column; gap: 0px; padding: 3px 2px; margin: 0px; font-size: 10.5px; color: var(--zf-text-3); line-height: 1.2;}
.zfui .zf-beta .zfn-stats.is-grid .zfn-stat b{font-size: 13px; display: inline-flex; align-items: center; gap: 3px;}
.zfui .zf-beta .zfn-bar{display: flex; height: 4px; border-radius: 2px; overflow: hidden; background: var(--zf-line); width: 100%;}
.zfui .zf-beta .zfn-bar > i{display: block; height: 100%;}
.zfui .zf-beta .react-flow__handle.zfn-h{width: 12px; height: 12px; min-width: 0px; min-height: 0px; border-radius: 50%; background: var(--zf-surface); border: 2px solid var(--zfn-h, var(--zfn-ring)); box-sizing: border-box; transition: transform 120ms, background 120ms; z-index: 2;}
.zfui .zf-beta .react-flow__handle.zfn-h.react-flow__handle-right{right: -7px; left: auto;}
.zfui .zf-beta .react-flow__handle.zfn-h.react-flow__handle-left{left: -7px; right: auto;}
.zfui .zf-beta .zfn-out > .react-flow__handle.zfn-h.react-flow__handle-right{right: calc(-1 * var(--zfn-pad) - 7px);}
.zfui .zf-beta .react-flow__handle.zfn-h:hover{background: var(--zfn-h, var(--zfn-ring)); transform: translateY(-50%) scale(1.25);}
.zfui .zf-beta .react-flow{background-color: var(--zfn-canvas);}
.zfui .zf-beta .react-flow__node.selected > .zfn{outline: none;}
.zfui[data-theme="dark"] .zf-beta{--zfn-canvas: #171412; --zfn-dot: #3A342E; --zfn-edge: #5C544B; --zfn-edge-active: #36A893; --zfn-dash: #4A433C; --zfn-ring: #776E64; --zfn-ink: #D3CBC1; --zfn-triggers-bg: rgba(43, 179, 159, 0.16); --zfn-triggers-fg: #4DC8B3; --zfn-triggers-accent: #2BB39F; --zfn-time-bg: rgba(79, 163, 209, 0.16); --zfn-time-fg: #8CC4E6; --zfn-time-accent: #4FA3D1; --zfn-messages-bg: rgba(52, 194, 106, 0.15); --zfn-messages-fg: #6FD394; --zfn-messages-accent: #34C26A; --zfn-data-bg: rgba(123, 145, 230, 0.17); --zfn-data-fg: #A9B8F2; --zfn-data-accent: #7B91E6; --zfn-logic-bg: rgba(90, 155, 219, 0.16); --zfn-logic-fg: #93BFEB; --zfn-logic-accent: #5A9BDB; --zfn-delay-bg: rgba(164, 142, 245, 0.17); --zfn-delay-fg: #C2B2FA; --zfn-delay-accent: #A48EF5; --zfn-actions-bg: rgba(226, 162, 58, 0.16); --zfn-actions-fg: #ECBA5E; --zfn-actions-accent: #E2A23A; --zfn-crm-bg: rgba(147, 189, 92, 0.16); --zfn-crm-fg: #B5D58A; --zfn-crm-accent: #93BD5C; --zfn-ai-bg: rgba(183, 134, 238, 0.17); --zfn-ai-fg: #D2B2F6; --zfn-ai-accent: #B786EE; --zfn-integrations-bg: rgba(184, 176, 166, 0.13); --zfn-integrations-fg: #C9C0B5; --zfn-integrations-accent: #A0978C; --zfn-instagram-bg: rgba(238, 101, 150, 0.16); --zfn-instagram-fg: #F59DBC; --zfn-instagram-accent: #EE6596; --zfn-groups-bg: rgba(61, 184, 168, 0.16); --zfn-groups-fg: #74D0C3; --zfn-groups-accent: #3DB8A8; --zfn-email-bg: rgba(235, 154, 90, 0.16); --zfn-email-fg: #F2B888; --zfn-email-accent: #EB9A5A; --zfn-calls-bg: rgba(61, 184, 115, 0.15); --zfn-calls-fg: #67CC8F; --zfn-calls-accent: #3DB873; --zfn-tone-blue-ring: #5A9BDB; --zfn-tone-violet-ring: #A48EF5; --zfn-tone-pink-bg: rgba(238, 101, 150, 0.16); --zfn-tone-pink-fg: #F59DBC; --zfn-tone-pink-ring: #EE6596; --zfn-media-bg: #3A332C; --zfn-media-fg: #A89A87; --zfn-data-inset: rgba(123, 145, 230, 0.12); --zfn-violet-inset: rgba(164, 142, 245, 0.12); --zfn-violet-soft: #A48EF5; --zfn-ig-inset: rgba(238, 101, 150, 0.10); --zfn-ticto-bg: #0E0C0B; --zfn-ticto-accent: #8A8279; --zfn-hubla-accent: #9CCB33; --zfn-hubla-text: #B9DE6A;}
.zfui a{color: inherit; text-decoration: inherit;}
.zfui b,.zfui strong{font-weight: bolder;}
.zfui button,.zfui input{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px;}
.zfui input::placeholder{opacity: 1; color: rgb(156, 163, 175);}
.zfui .inset-0{inset: 0px;}
.zfui .left-0\.5{left: 0.125rem;}
.zfui .top-0\.5{top: 0.125rem;}
.zfui .h-9{height: 2.25rem;}
.zfui .h-\[34px\]{height: 34px;}
.zfui .min-h-0{min-height: 0px;}
.zfui .w-9{width: 2.25rem;}
.zfui .min-w-\[120px\]{min-width: 120px;}
.zfui .flex-\[0_1_420px\]{flex: 0 1 420px;}
.zfui .select-none{user-select: none;}
.zfui .rounded-lg{border-radius: 0.5rem;}
.zfui .border-gray-200{--tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));}
.zfui .border-zf-ctrl{border-color: var(--zf-ctrl);}
.zfui .bg-slate-50{--tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));}
.zfui .bg-white{--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));}
.zfui .px-2\.5{padding-left: 0.625rem; padding-right: 0.625rem;}
.zfui .px-3\.5{padding-left: 0.875rem; padding-right: 0.875rem;}
.zfui .px-\[18px\]{padding-left: 18px; padding-right: 18px;}
.zfui .py-0\.5{padding-top: 0.125rem; padding-bottom: 0.125rem;}
.zfui .py-1\.5{padding-top: 0.375rem; padding-bottom: 0.375rem;}
.zfui .pl-3{padding-left: 0.75rem;}
.zfui .pr-1\.5{padding-right: 0.375rem;}
.zfui .text-sm{font-size: 0.875rem; line-height: 1.25rem;}
.zfui .text-xs{font-size: 0.75rem; line-height: 1rem;}
.zfui .font-normal{font-weight: 400;}
.zfui .text-gray-500{--tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1));}
.zfui .text-zf-accent-text{color: var(--zf-accent-text);}
.zfui .no-underline{text-decoration-line: none;}
.zfui .transition-all{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui .transition-transform{transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui .hover\:border-gray-300:hover{--tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));}
.zfui .hover\:border-zf-accent-hover:hover{border-color: var(--zf-accent-hover);}
.zfui .hover\:bg-zf-accent-hover:hover{background-color: var(--zf-accent-hover);}
.zfui .hover\:text-gray-700:hover{--tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1));}
.zfui .zf-beta input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):focus-visible{outline: none;}
.zfui .react-flow .react-flow__edges{pointer-events: none; overflow: visible;}
.zfui .react-flow__edge{pointer-events: visiblestroke; cursor: pointer;}
.zfui .react-flow__edge:focus,.zfui .react-flow__edge:focus-visible{outline: none;}
.zfui .react-flow__panel{position: absolute; z-index: 5; margin: 15px;}
.zfui .react-flow__panel.top{top: 0px;}
.zfui .react-flow__panel.bottom{bottom: 0px;}
.zfui .react-flow__panel.left{left: 0px;}
.zfui .react-flow__panel.right{right: 0px;}
.zfui .react-flow__attribution{font-size: 10px; background: rgba(255, 255, 255, 0.5); padding: 2px 3px; margin: 0px;}
.zfui .react-flow__attribution a{text-decoration: none; color: rgb(153, 153, 153);}
.zfui .react-flow__edgelabel-renderer{position: absolute; width: 100%; height: 100%; pointer-events: none; user-select: none;}
.zfui .react-flow__minimap{background-color: rgb(255, 255, 255);}
.zfui .react-flow__minimap svg{display: block;}
.zfui[data-theme="dark"]{--zfl-wa-wallpaper: #0B141A; --zfl-wa-bar: #202C33; --zfl-wa-bar-border: #2A3942; --zfl-wa-out: #005C4B; --zfl-wa-card: #2A3942; --zfl-wa-system: #182229; --zfl-wa-notice: #182229; --zfl-wa-system-text: #8696A0; --zfl-wa-text: #E9EDEF; --zfl-wa-meta: rgba(233, 237, 239, 0.6); --zfl-wa-subtle: #8696A0; --zfl-wa-link: #53BDEB; --zfl-wa-teal: #00A884; --zfl-wa-divider: #2A3942; --zfl-wa-track: rgba(233, 237, 239, 0.22); --zfl-wa-icon: #AEBAC1; --zfl-wa-inset: rgba(0, 0, 0, 0.22); --zfl-wa-hair: rgba(255, 255, 255, 0.12);}
.zfui .zf-beta .react-flow__background{background-color: var(--zfn-canvas);}
.zfui .zf-beta .react-flow__background circle{fill: var(--zfn-dot);}
.zfui .zf-beta .react-flow__edge path[stroke="#6366f1"]{stroke: var(--zfn-edge-active); stroke-width: 1.75px;}
.zfui .zf-beta .react-flow__edge:focus path[stroke="#6366f1"]{stroke: var(--zf-accent); stroke-width: 2.5px;}
.zfui .zf-beta .react-flow__minimap{background: var(--zf-surface); border-radius: 14px; overflow: hidden; box-shadow: rgba(60, 40, 20, 0.08) 0px 2px 6px, rgba(60, 40, 20, 0.12) 0px 18px 48px;}
.zfui .zf-beta .react-flow__minimap-mask{fill: rgba(243, 239, 233, 0.72);}
.zfui .zf-beta .react-flow__minimap-node{fill: var(--zf-ctrl); stroke: none;}
.zfui .zf-beta .react-flow__attribution{background: transparent; color: var(--zf-text-3);}
.zfui .zf-beta .react-flow__attribution a{color: var(--zf-text-3);}
.zfui .zf-beta .zf-flow-editor{background: var(--zfn-canvas, #F3EFE9); --zf-flow-gap: 12px; --zf-flow-top: 84px; --zf-flow-panel-w: 360px;}
.zfui .zf-beta .zf-flow-chrome{font-family: var(--zf-font-body); color: var(--zf-text); -webkit-font-smoothing: antialiased;}
.zfui .zf-beta .zf-flow-toolbar{position: absolute; z-index: 30; top: var(--zf-flow-gap); left: var(--zf-flow-gap); right: var(--zf-flow-gap); min-height: 60px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 10px; background: var(--zf-surface); border-radius: 18px; box-shadow: rgba(60, 40, 20, 0.05) 0px 1px 2px, rgba(60, 40, 20, 0.07) 0px 8px 24px;}
.zfui .zf-beta .zf-flow-name{display: block; width: 100%; border: 0px; padding: 0px; margin: 0px; background: transparent; color: var(--zf-text); font-size: 16px; font-weight: 700; line-height: 1.3; border-radius: 6px; text-overflow: ellipsis;}
.zfui .zf-beta .zf-flow-name:hover{background: var(--zf-hover);}
.zfui .zf-beta .zf-flow-name:focus{outline: 2px solid var(--zf-accent); outline-offset: 2px; background: transparent;}
.zfui .zf-beta .zf-flow-daterange{font-size: 13px;}
@keyframes zf-flow-panel-in{ 
  0% { opacity: 0; transform: translateX(12px); }
  100% { opacity: 1; transform: none; }
}
.zfui .zf-beta .react-flow__panel.zf-canvas-controls{display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 4px; margin: 0 0 calc(var(--zf-flow-gap) + 64px) var(--zf-flow-gap); background: var(--zf-surface); border-radius: 14px; box-shadow: rgba(60, 40, 20, 0.08) 0px 2px 6px, rgba(60, 40, 20, 0.16) 0px 18px 48px;}
.zfui .zf-beta .zf-flow-editor[data-mode="analytics"] .react-flow__panel.zf-canvas-controls{margin-bottom: var(--zf-flow-gap);}
.zfui .zf-beta .zf-flow-editor .react-flow__panel.react-flow__minimap.zf-flow-minimap{margin: var(--zf-flow-top) var(--zf-flow-gap) 0 0;}
.zfui .zf-beta .zf-canvas-notices{position: absolute; z-index: 15; top: var(--zf-flow-top); left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; width: min(560px, calc(100% - 2 * var(--zf-flow-gap))); pointer-events: none;}
.zfui .zf-beta .zf-canvas-notices > *{pointer-events: auto;}
.zfui .zf-beta .zf-canvas-pill{display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.86); box-shadow: rgba(60, 40, 20, 0.06) 0px 1px 2px, rgba(60, 40, 20, 0.07) 0px 6px 18px; font-size: 12.5px; color: var(--zf-text-2); pointer-events: none;}
@keyframes edgeFlow{ 
  0% { stroke-dashoffset: 13; }
  100% { stroke-dashoffset: 0; }
}
@keyframes scaleIn{ 
  0% { transform: scale(0); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.zfui h1,.zfui h2{font-size: inherit; font-weight: inherit;}
.zfui button,.zfui input,.zfui textarea{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px;}
.zfui [type="search"]{appearance: textfield; outline-offset: -2px;}
.zfui h1,.zfui h2,.zfui p{margin: 0px;}
.zfui ul{list-style: none; margin: 0px; padding: 0px;}
.zfui textarea{resize: vertical;}
.zfui input::placeholder,.zfui textarea::placeholder{opacity: 1; color: rgb(156, 163, 175);}
.zfui img,.zfui svg,.zfui audio{display: block; vertical-align: middle;}
.zfui .pointer-events-none{pointer-events: none;}
.zfui .-bottom-0\.5{bottom: -0.125rem;}
.zfui .-bottom-3\.5{bottom: -0.875rem;}
.zfui .-right-0\.5{right: -0.125rem;}
.zfui .bottom-3{bottom: 0.75rem;}
.zfui .left-0{left: 0px;}
.zfui .left-2{left: 0.5rem;}
.zfui .right-10{right: 2.5rem;}
.zfui .right-2{right: 0.5rem;}
.zfui .right-3\.5{right: 0.875rem;}
.zfui .top-0{top: 0px;}
.zfui .top-1\.5{top: 0.375rem;}
.zfui .top-1\/2{top: 50%;}
.zfui .-mx-1{margin-left: -0.25rem; margin-right: -0.25rem;}
.zfui .mx-3{margin-left: 0.75rem; margin-right: 0.75rem;}
.zfui .mx-auto{margin-left: auto; margin-right: auto;}
.zfui .my-0\.5{margin-top: 0.125rem; margin-bottom: 0.125rem;}
.zfui .my-2{margin-top: 0.5rem; margin-bottom: 0.5rem;}
.zfui .-ml-1{margin-left: -0.25rem;}
.zfui .mb-1{margin-bottom: 0.25rem;}
.zfui .mb-2{margin-bottom: 0.5rem;}
.zfui .mb-3{margin-bottom: 0.75rem;}
.zfui .mt-1{margin-top: 0.25rem;}
.zfui .mt-3{margin-top: 0.75rem;}
.zfui .mt-\[3px\]{margin-top: 3px;}
.zfui .\!h-6{height: 1.5rem !important;}
.zfui .h-10{height: 2.5rem;}
.zfui .h-11{height: 2.75rem;}
.zfui .h-14{height: 3.5rem;}
.zfui .h-2{height: 0.5rem;}
.zfui .h-3{height: 0.75rem;}
.zfui .h-6{height: 1.5rem;}
.zfui .h-7{height: 1.75rem;}
.zfui .h-8{height: 2rem;}
.zfui .h-\[18px\]{height: 18px;}
.zfui .h-\[38px\]{height: 38px;}
.zfui .h-px{height: 1px;}
.zfui .h-screen{height: 100vh;}
.zfui .max-h-\[320px\]{max-height: 320px;}
.zfui .min-h-\[18px\]{min-height: 18px;}
.zfui .\!w-6{width: 1.5rem !important;}
.zfui .w-10{width: 2.5rem;}
.zfui .w-11{width: 2.75rem;}
.zfui .w-2{width: 0.5rem;}
.zfui .w-3{width: 0.75rem;}
.zfui .w-5{width: 1.25rem;}
.zfui .w-7{width: 1.75rem;}
.zfui .w-8{width: 2rem;}
.zfui .w-\[18px\]{width: 18px;}
.zfui .w-\[320px\]{width: 320px;}
.zfui .w-\[68px\]{width: 68px;}
.zfui .w-max{width: max-content;}
.zfui .\!min-w-\[20px\]{min-width: 20px !important;}
.zfui .min-w-\[200px\]{min-width: 200px;}
.zfui .min-w-\[22px\]{min-width: 22px;}
.zfui .min-w-\[90px\]{min-width: 90px;}
.zfui .min-w-\[96px\]{min-width: 96px;}
.zfui .max-w-\[120px\]{max-width: 120px;}
.zfui .max-w-\[140px\]{max-width: 140px;}
.zfui .max-w-\[150px\]{max-width: 150px;}
.zfui .max-w-\[200px\]{max-width: 200px;}
.zfui .max-w-\[280px\]{max-width: 280px;}
.zfui .max-w-\[380px\]{max-width: 380px;}
.zfui .max-w-\[88\%\]{max-width: 88%;}
.zfui .max-w-\[90\%\]{max-width: 90%;}
.zfui .shrink-\[0\.3\]{flex-shrink: 0.3;}
.zfui .-translate-y-1\/2{--tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.zfui .scale-0{--tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.zfui .cursor-pointer{cursor: pointer;}
.zfui .cursor-zoom-in{cursor: zoom-in;}
.zfui .touch-none{touch-action: none;}
.zfui .resize-none{resize: none;}
.zfui .list-none{list-style-type: none;}
.zfui .flex-row{flex-direction: row;}
.zfui .flex-row-reverse{flex-direction: row-reverse;}
.zfui .items-end{align-items: flex-end;}
.zfui .justify-start{justify-content: flex-start;}
.zfui .justify-end{justify-content: flex-end;}
.zfui .gap-0{gap: 0px;}
.zfui .gap-2\.5{gap: 0.625rem;}
.zfui .gap-\[3px\]{gap: 3px;}
.zfui .overflow-x-auto{overflow-x: auto;}
.zfui .overflow-y-auto{overflow-y: auto;}
.zfui .overflow-x-hidden{overflow-x: hidden;}
.zfui .overflow-y-hidden{overflow-y: hidden;}
.zfui .rounded-\[20px\]{border-radius: 20px;}
.zfui .rounded-md{border-radius: 0.375rem;}
.zfui .rounded-zf-lg{border-radius: var(--zf-r-lg);}
.zfui .rounded-tl-\[6px\]{border-top-left-radius: 6px;}
.zfui .rounded-tr-\[6px\]{border-top-right-radius: 6px;}
.zfui .border-b{border-bottom-width: 1px;}
.zfui .border-t{border-top-width: 1px;}
.zfui .border-dashed{border-style: dashed;}
.zfui .border-zf-line{border-color: var(--zf-line);}
.zfui .bg-zf-accent-tint-2{background-color: var(--zf-accent-tint-2);}
.zfui .bg-zf-bubble-out{background-color: var(--zf-bubble-out);}
.zfui .bg-zf-coral{background-color: var(--zf-coral);}
.zfui .p-1{padding: 0.25rem;}
.zfui .p-1\.5{padding: 0.375rem;}
.zfui .p-4{padding: 1rem;}
.zfui .p-5{padding: 1.25rem;}
.zfui .\!px-1\.5{padding-left: 0.375rem !important; padding-right: 0.375rem !important;}
.zfui .px-0{padding-left: 0px; padding-right: 0px;}
.zfui .px-1{padding-left: 0.25rem; padding-right: 0.25rem;}
.zfui .px-1\.5{padding-left: 0.375rem; padding-right: 0.375rem;}
.zfui .px-4{padding-left: 1rem; padding-right: 1rem;}
.zfui .px-\[15px\]{padding-left: 15px; padding-right: 15px;}
.zfui .px-\[7px\]{padding-left: 7px; padding-right: 7px;}
.zfui .py-1{padding-top: 0.25rem; padding-bottom: 0.25rem;}
.zfui .py-2{padding-top: 0.5rem; padding-bottom: 0.5rem;}
.zfui .py-2\.5{padding-top: 0.625rem; padding-bottom: 0.625rem;}
.zfui .py-4{padding-top: 1rem; padding-bottom: 1rem;}
.zfui .py-\[11px\]{padding-top: 11px; padding-bottom: 11px;}
.zfui .py-\[13px\]{padding-top: 13px; padding-bottom: 13px;}
.zfui .pb-1{padding-bottom: 0.25rem;}
.zfui .pb-2{padding-bottom: 0.5rem;}
.zfui .pb-2\.5{padding-bottom: 0.625rem;}
.zfui .pb-3{padding-bottom: 0.75rem;}
.zfui .pl-9{padding-left: 2.25rem;}
.zfui .pr-3{padding-right: 0.75rem;}
.zfui .pt-2\.5{padding-top: 0.625rem;}
.zfui .pt-4{padding-top: 1rem;}
.zfui .text-center{text-align: center;}
.zfui .text-\[10px\]{font-size: 10px;}
.zfui .text-\[11px\]{font-size: 11px;}
.zfui .text-\[14\.5px\]{font-size: 14.5px;}
.zfui .text-\[15px\]{font-size: 15px;}
.zfui .text-\[16px\]{font-size: 16px;}
.zfui .text-\[26px\]{font-size: 26px;}
.zfui .italic{font-style: italic;}
.zfui .tabular-nums{--tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);}
.zfui .leading-\[1\.45\]{line-height: 1.45;}
.zfui .leading-tight{line-height: 1.25;}
.zfui .tracking-\[-0\.3px\]{letter-spacing: -0.3px;}
.zfui .\!text-zf-red-text{color: var(--zf-red-text) !important;}
.zfui .text-\[\#C13584\]{--tw-text-opacity: 1; color: rgb(193 53 132 / var(--tw-text-opacity, 1));}
.zfui .text-gray-400{--tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1));}
.zfui .text-white{--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1));}
.zfui .text-zf-amber{color: var(--zf-amber);}
.zfui .text-zf-bubble-out-meta{color: var(--zf-bubble-out-meta);}
.zfui .text-zf-bubble-out-text{color: var(--zf-bubble-out-text);}
.zfui .text-zf-coral-text{color: var(--zf-coral-text);}
.zfui .text-zf-green{color: var(--zf-green);}
.zfui .text-zf-nav-icon{color: var(--zf-nav-icon);}
.zfui .text-zf-nav-text{color: var(--zf-nav-text);}
.zfui .underline{text-decoration-line: underline;}
.zfui .decoration-dotted{text-decoration-style: dotted;}
.zfui .underline-offset-2{text-underline-offset: 2px;}
.zfui .opacity-0{opacity: 0;}
.zfui .opacity-100{opacity: 1;}
.zfui .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .shadow-\[0_1px_1px_rgba\(60\,40\,20\,0\.06\)\]{--tw-shadow: 0 1px 1px rgba(60,40,20,0.06); --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .shadow-\[inset_0_0_0_1\.5px_var\(--zf-dyn\)\]{--tw-shadow: inset 0 0 0 1.5px var(--zf-dyn); --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .shadow-\[shadow\:inset_0_-2px_0_var\(--zf-dyn\)\,var\(--zf-shadow-btn\)\]{--tw-shadow: inset 0 -2px 0 var(--zf-dyn),var(--zf-shadow-btn); --tw-shadow-colored: inset 0 -2px 0 var(--tw-shadow-color), var(--zf-shadow-btn); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .shadow-zf-float{--tw-shadow: var(--zf-shadow-float); --tw-shadow-colored: var(--zf-shadow-float); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .outline-none{outline: transparent solid 2px; outline-offset: 2px;}
.zfui .transition-\[width\]{transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui .transition-opacity{transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui .transition-shadow{transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui .duration-200{transition-duration: 200ms;}
.zfui .\[scrollbar-width\:none\]{scrollbar-width: none;}
.zfui .placeholder\:text-zf-text-3::placeholder{color: var(--zf-text-3);}
.zfui .focus-within\:border-zf-accent:focus-within{border-color: var(--zf-accent);}
.zfui .focus-within\:opacity-100:focus-within{opacity: 1;}
.zfui .focus-within\:ring-\[3px\]:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}
.zfui .focus-within\:ring-zf-accent-tint:focus-within{--tw-ring-color: var(--zf-accent-tint);}
.zfui .hover\:bg-\[\#EFEBE4\]:hover{--tw-bg-opacity: 1; background-color: rgb(239 235 228 / var(--tw-bg-opacity, 1));}
.zfui .hover\:bg-indigo-50:hover{--tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));}
.zfui .hover\:bg-zf-accent-tint:hover{background-color: var(--zf-accent-tint);}
.zfui .hover\:bg-zf-accent-tint-2:hover{background-color: var(--zf-accent-tint-2);}
.zfui .hover\:bg-zf-coral-tint:hover{background-color: var(--zf-coral-tint);}
.zfui .hover\:bg-zf-surface:hover{background-color: var(--zf-surface);}
.zfui .hover\:text-indigo-600:hover{--tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity, 1));}
.zfui .hover\:text-zf-accent-text:hover{color: var(--zf-accent-text);}
.zfui .focus\:border-zf-accent:focus{border-color: var(--zf-accent);}
.zfui .focus\:ring-\[3px\]:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}
.zfui .focus\:ring-zf-accent-tint:focus{--tw-ring-color: var(--zf-accent-tint);}
.zfui .focus-visible\:opacity-100:focus-visible{opacity: 1;}
.zfui .focus-visible\:outline-offset-2:focus-visible{outline-offset: 2px;}
.zfui .focus-visible\:outline-zf-accent:focus-visible{outline-color: var(--zf-accent);}
.zfui .disabled\:bg-zf-chip:disabled{background-color: var(--zf-chip);}
.zfui .disabled\:text-zf-text-3:disabled{color: var(--zf-text-3);}
.zfui .group\/scrub:hover .group-hover\/scrub\:scale-100{--tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.zfui .group:hover .group-hover\:opacity-100{opacity: 1;}
.zfui .group\/scrub:focus-visible .group-focus-visible\/scrub\:scale-100{--tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.zfui .md\:flex{display: flex;}
.zfui .md\:w-\[320px\]{width: 320px;}
.zfui .md\:max-w-\[72\%\]{max-width: 72%;}
.zfui .md\:gap-1{gap: 0.25rem;}
.zfui .md\:gap-3{gap: 0.75rem;}
.zfui .md\:rounded-zf-card{border-radius: var(--zf-r-card);}
.zfui .md\:px-0{padding-left: 0px; padding-right: 0px;}
.zfui .md\:px-1\.5{padding-left: 0.375rem; padding-right: 0.375rem;}
.zfui .md\:px-5{padding-left: 1.25rem; padding-right: 1.25rem;}
.zfui .md\:px-6{padding-left: 1.5rem; padding-right: 1.5rem;}
.zfui .md\:py-3{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.zfui .md\:py-3\.5{padding-top: 0.875rem; padding-bottom: 0.875rem;}
.zfui .md\:pb-4{padding-bottom: 1rem;}
.zfui .md\:pl-2{padding-left: 0.5rem;}
.zfui .md\:pr-3{padding-right: 0.75rem;}
.zfui .md\:pt-\[22px\]{padding-top: 22px;}
.zfui .md\:text-\[18px\]{font-size: 18px;}
.zfui .md\:shadow-zf-card{--tw-shadow: var(--zf-shadow-card); --tw-shadow-colored: var(--zf-shadow-card); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .lg\:w-\[340px\]{width: 340px;}
.zfui .\[\&_input\]\:rounded-zf-md input{border-radius: var(--zf-r-md);}
.zfui .\[\&_input\]\:border-transparent input{border-color: transparent;}
.zfui .\[\&_input\]\:shadow-zf-card input{--tw-shadow: var(--zf-shadow-card); --tw-shadow-colored: var(--zf-shadow-card); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .zf-beta :where(input, select, textarea).zf-field:focus-visible{outline: none;}
.zfui .zf-beta textarea:focus-visible,.zfui .zf-beta input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):focus-visible{outline: none;}
.zfui .zf-beta .zf-scroll{scrollbar-width: thin; scrollbar-color: var(--zf-ctrl) transparent;}
.zfui .zf-beta .zf-scroll::-webkit-scrollbar{width: 10px; height: 10px;}
.zfui .zf-beta .zf-scroll::-webkit-scrollbar-thumb{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-radius: 999px; border: 3px solid transparent; background-clip: padding-box;}
.zfui .-left-1\.5{left: -0.375rem;}
.zfui .-top-1\.5{top: -0.375rem;}
.zfui .bottom-4{bottom: 1rem;}
.zfui .right-0{right: 0px;}
.zfui .right-3{right: 0.75rem;}
.zfui .right-5{right: 1.25rem;}
.zfui .z-10{z-index: 10;}
.zfui .z-\[1\]{z-index: 1;}
.zfui .-my-1{margin-top: -0.25rem; margin-bottom: -0.25rem;}
.zfui .-mr-1\.5{margin-right: -0.375rem;}
.zfui .-mt-0\.5{margin-top: -0.125rem;}
.zfui .mt-5{margin-top: 1.25rem;}
.zfui .mt-\[2px\]{margin-top: 2px;}
.zfui .contents{display: contents;}
.zfui .h-4{height: 1rem;}
.zfui .h-\[22px\]{height: 22px;}
.zfui .min-h-\[120px\]{min-height: 120px;}
.zfui .w-4{width: 1rem;}
.zfui .w-6{width: 1.5rem;}
.zfui .w-\[190px\]{width: 190px;}
.zfui .w-\[232px\]{width: 232px;}
.zfui .w-\[34px\]{width: 34px;}
.zfui .min-w-\[220px\]{min-width: 220px;}
.zfui .max-w-\[110px\]{max-width: 110px;}
.zfui .max-w-\[45\%\]{max-width: 45%;}
.zfui .max-w-\[62\%\]{max-width: 62%;}
.zfui .max-w-full{max-width: 100%;}
.zfui .grow{flex-grow: 1;}
.zfui .-translate-y-0\.5{--tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.zfui .rotate-90{--tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.zfui .animate-pulse{animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;}
.zfui .cursor-default{cursor: default;}
.zfui .cursor-not-allowed{cursor: not-allowed;}
.zfui .gap-4{gap: 1rem;}
.zfui .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));}
.zfui .whitespace-normal{white-space: normal;}
.zfui .rounded{border-radius: 0.25rem;}
.zfui .rounded-\[3px\]{border-radius: 3px;}
.zfui .rounded-\[6px\]{border-radius: 6px;}
.zfui .rounded-b-\[8px\]{border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
.zfui .bg-zf-ctrl{background-color: var(--zf-ctrl);}
.zfui .bg-zf-surface-3{background-color: var(--zf-surface-3);}
.zfui .p-2{padding: 0.5rem;}
.zfui .px-0\.5{padding-left: 0.125rem; padding-right: 0.125rem;}
.zfui .pb-1\.5{padding-bottom: 0.375rem;}
.zfui .pb-16{padding-bottom: 4rem;}
.zfui .pb-5{padding-bottom: 1.25rem;}
.zfui .pl-4{padding-left: 1rem;}
.zfui .pl-\[42px\]{padding-left: 42px;}
.zfui .pr-9{padding-right: 2.25rem;}
.zfui .pt-0\.5{padding-top: 0.125rem;}
.zfui .pt-3\.5{padding-top: 0.875rem;}
.zfui .pt-6{padding-top: 1.5rem;}
.zfui .pt-px{padding-top: 1px;}
.zfui .text-\[9\.5px\]{font-size: 9.5px;}
.zfui .tracking-\[-0\.2px\]{letter-spacing: -0.2px;}
.zfui .tracking-\[-0\.4px\]{letter-spacing: -0.4px;}
.zfui .text-gray-700{--tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1));}
.zfui .text-inherit{color: inherit;}
.zfui .text-zf-nav-label{color: var(--zf-nav-label);}
.zfui .text-zf-nav-meta{color: var(--zf-nav-meta);}
.zfui .opacity-60{opacity: 0.6;}
.zfui .shadow-\[0_6px_10px_-6px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 6px 10px -6px rgba(0,0,0,0.08); --tw-shadow-colored: 0 6px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}
.zfui .ring-zf-accent{--tw-ring-color: var(--zf-accent);}
.zfui .blur-\[1\.5px\]{--tw-blur: blur(1.5px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.zfui .transition-\[opacity\,transform\]{transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.zfui .ease-out{transition-timing-function: cubic-bezier(0, 0, 0.2, 1);}
.zfui .hover\:border-zf-accent:hover{border-color: var(--zf-accent);}
.zfui .hover\:underline:hover{text-decoration-line: underline;}
.zfui .hover\:opacity-100:hover{opacity: 1;}
.zfui .hover\:shadow-zf-float:hover{--tw-shadow: var(--zf-shadow-float); --tw-shadow-colored: var(--zf-shadow-float); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.zfui .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}
.zfui .focus-visible\:ring-zf-accent:focus-visible{--tw-ring-color: var(--zf-accent);}
.zfui .focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px;}
.zfui .disabled\:opacity-40:disabled{opacity: 0.4;}
.zfui .disabled\:opacity-60:disabled{opacity: 0.6;}
.zfui .group\/lane:hover .group-hover\/lane\:opacity-100{opacity: 1;}
.zfui .sm\:block{display: block;}
.zfui .sm\:w-\[260px\]{width: 260px;}
.zfui .md\:pl-\[22px\]{padding-left: 22px;}
.zfui .md\:pr-\[30px\]{padding-right: 30px;}
.zfui .md\:pt-\[30px\]{padding-top: 30px;}
.zfui .md\:text-\[30px\]{font-size: 30px;}
.zfui .zf-beta .zf-legacy-c{font-family: var(--zf-font-body); color: var(--zf-text);}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) .bg-white{background-color: var(--zf-surface);}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(.border-gray-100, .border-slate-100, .border-gray-200, .border-slate-200, .divide-gray-100 > *, .divide-gray-200 > *){border-color: var(--zf-line);}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-slate-900, .text-slate-800, .text-slate-700){color: var(--zf-text);}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(.text-gray-600, .text-gray-500, .text-slate-600, .text-slate-500){color: var(--zf-text-2);}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(.text-gray-400, .text-slate-400, .text-gray-300){color: var(--zf-text-3);}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(button, a).rounded-lg:is(.px-3, .px-4, .px-5, .px-6, .px-3\.5, .px-2\.5){border-radius: 12px;}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(button, a).border:is(.bg-white, .border-gray-200, .border-gray-300){border-color: var(--zf-ctrl); border-radius: 12px;}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(button, a, [tabindex]):focus-visible{outline: 2px solid var(--zf-accent); outline-offset: 2px;}
.zfui [data-rfd-drag-handle-context-id=":r6:"]{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation;}
.zfui [data-rfd-droppable-context-id=":r6:"]{overflow-anchor: none;}
.zfui [data-rfd-drag-handle-context-id=":r6:"]{cursor: grab;}
.zfui *,.zfui ::before,.zfui ::after{box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb;}
.zfui{line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;}
.zfui{margin: 0; line-height: inherit;}
.zfui h1,.zfui h2,.zfui h3{font-size: inherit; font-weight: inherit;}
.zfui button,.zfui input,.zfui optgroup,.zfui select{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0;}
.zfui button,.zfui select{text-transform: none;}
.zfui button{-webkit-appearance: button; background-color: transparent; background-image: none;}
.zfui :-moz-focusring{outline: auto;}
.zfui :-moz-ui-invalid{box-shadow: none;}
.zfui [type='search']{-webkit-appearance: textfield; outline-offset: -2px;}
.zfui ::-webkit-search-decoration{-webkit-appearance: none;}
.zfui ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}
.zfui dl,.zfui dd,.zfui h1,.zfui h2,.zfui h3,.zfui p{margin: 0;}
.zfui ol,.zfui ul{list-style: none; margin: 0; padding: 0;}
.zfui input::-moz-placeholder{opacity: 1; color: #9ca3af;}
.zfui input::placeholder{opacity: 1; color: #9ca3af;}
.zfui :disabled{cursor: default;}
.zfui .-mb-px{margin-bottom: -1px;}
.zfui .mb-1\.5{margin-bottom: 0.375rem;}
.zfui .mb-5{margin-bottom: 1.25rem;}
.zfui .mb-6{margin-bottom: 1.5rem;}
.zfui .mr-1\.5{margin-right: 0.375rem;}
.zfui .mt-\[7px\]{margin-top: 7px;}
.zfui .h-1\.5{height: 0.375rem;}
.zfui .w-1\.5{width: 0.375rem;}
.zfui .w-\[3px\]{width: 3px;}
.zfui .w-\[76px\]{width: 76px;}
.zfui .max-w-\[1480px\]{max-width: 1480px;}
.zfui .max-w-\[260px\]{max-width: 260px;}
.zfui .select-none{-webkit-user-select: none; -moz-user-select: none; user-select: none;}
.zfui .gap-5{gap: 1.25rem;}
.zfui .gap-\[18px\]{gap: 18px;}
.zfui .border-b-2{border-bottom-width: 2px;}
.zfui .bg-zf-red-tint{background-color: var(--zf-red-tint);}
.zfui .py-3\.5{padding-top: 0.875rem; padding-bottom: 0.875rem;}
.zfui .pb-10{padding-bottom: 2.5rem;}
.zfui .pb-6{padding-bottom: 1.5rem;}
.zfui .pl-2{padding-left: 0.5rem;}
.zfui .pl-3\.5{padding-left: 0.875rem;}
.zfui .pl-\[23px\]{padding-left: 23px;}
.zfui .pr-4{padding-right: 1rem;}
.zfui .text-zf-red-text{color: var(--zf-red-text);}
.zfui .line-through{text-decoration-line: line-through;}
.zfui .outline-none{outline: 2px solid transparent; outline-offset: 2px;}
.zfui,.zfui{height: 100%; overflow: hidden;}
.zfui .first-letter\:uppercase::first-letter{text-transform: uppercase;}
.zfui .placeholder\:text-zf-text-3::-moz-placeholder{color: var(--zf-text-3);}
.zfui .sm\:w-\[240px\]{width: 240px;}
.zfui .md\:pb-7{padding-bottom: 1.75rem;}
.zfui .md\:pt-\[34px\]{padding-top: 34px;}
.zfui .lg\:sticky{position: sticky;}
.zfui .lg\:top-4{top: 1rem;}
.zfui .lg\:w-\[420px\]{width: 420px;}
.zfui .lg\:flex-row{flex-direction: row;}
.zfui .zf-beta{--zf-bg: #F7F5F2; --zf-surface: #FFFFFF; --zf-surface-2: #F8F5F1; --zf-hover: #F6F2EC; --zf-chip: #F4F0EA; --zf-surface-3: #FFFFFF; --zf-text: #23201C; --zf-text-2: #6B655E; --zf-text-3: #9A938A; --zf-line: #F0ECE6; --zf-ctrl: #E4DED5; --zf-accent: #128C7E; --zf-accent-hover: #0B6F63; --zf-accent-tint: #E2F3EF; --zf-accent-tint-2: #CDEAE3; --zf-accent-text: #0B6F63; --zf-on-accent: #FFFFFF; --zf-coral: #EB6446; --zf-coral-tint: #FDEBE5; --zf-coral-text: #B8432A; --zf-green: #2F9E62; --zf-green-tint: #E3F2E8; --zf-green-text: #23683B; --zf-amber: #C27C0E; --zf-amber-tint: #FFEFD6; --zf-amber-text: #94570A; --zf-red: #E5484D; --zf-red-tint: #FDECEC; --zf-red-text: #B42E33; --zf-blue: #1E5C96; --zf-blue-tint: #E3EFFB; --zf-violet: #6D4BD8; --zf-violet-tint: #EFEAFF; --zf-bubble-out: #D8F0E8; --zf-bubble-out-text: #1D2B27; --zf-bubble-out-meta: #5E7C73; --zf-bubble-out-inner: rgba(255, 255, 255, 0.55); --zf-scrim: rgba(35, 32, 28, 0.32); --zf-nav-text: #4A453F; --zf-nav-icon: #958D83; --zf-nav-label: #A69E94; --zf-nav-meta: #8A8279; --zf-av-1-bg: #EAE8FF; --zf-av-1-fg: #4338CA; --zf-av-2-bg: #FCE4EC; --zf-av-2-fg: #A3265B; --zf-av-3-bg: #E3F2E8; --zf-av-3-fg: #23683B; --zf-av-4-bg: #FFEFD6; --zf-av-4-fg: #94570A; --zf-av-5-bg: #E3EFFB; --zf-av-5-fg: #1E5C96; --zf-av-6-bg: #EFEAE2; --zf-av-6-fg: #665640; --zf-av-coral-bg: #FDEBE5; --zf-av-coral-fg: #B8432A; --zf-shimmer: #FBF9F6; --zf-r-xs: 8px; --zf-r-sm: 12px; --zf-r-md: 16px; --zf-r-lg: 20px; --zf-r-card: 22px; --zf-r-xl: 24px; --zf-shadow-card: 0 1px 2px rgba(60, 40, 20, 0.04), 0 8px 28px rgba(60, 40, 20, 0.06); --zf-shadow-float: 0 1px 2px rgba(60, 40, 20, 0.05), 0 10px 30px rgba(60, 40, 20, 0.07); --zf-shadow-pop: 0 4px 12px rgba(60, 40, 20, 0.08), 0 18px 48px rgba(60, 40, 20, 0.14); --zf-shadow-btn: 0 1px 2px rgba(0, 0, 0, 0.08); --zf-font-display: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif; --zf-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif; font-family: var(--zf-font-body); color: var(--zf-text); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.zfui .zf-beta .zf-scroll::-webkit-scrollbar-thumb{background: var(--zf-ctrl); border-radius: 999px; border: 3px solid transparent; background-clip: padding-box;}
.zfui .zb-root{--zb-font-display: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif; --zb-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif; --zb-r-card: 28px; --zb-r-md: 16px; --zb-r-sm: 13px; --zb-ease: cubic-bezier(0.2, 0.8, 0.2, 1); --zb-danger: #B9382A; --zb-danger-tint: #FBE9E5; --zb-warn-tint: #FBF0DB; --zb-warn-text: #8A5A0B; --zb-pad: 32px; container: zb / inline-size; position: relative; height: 100%; overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; font-family: var(--zb-font-body); font-size: 15px; line-height: 1.45; color: var(--zb-text); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color-scheme: light;}
.zfui .zb-root *,.zfui .zb-root *::before,.zfui .zb-root *::after{box-sizing: border-box;}
.zfui :where(.zb-root) :where(h1, h2, h3){margin: 0; font-family: var(--zb-font-display); color: var(--zb-text);}
.zfui :where(.zb-root) :where(p){margin: 0;}
.zfui :where(.zb-root) :where(button, input, select, textarea){font: inherit; color: inherit;}
.zfui .zb-sr-only{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.zfui .zb-stage{min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 20px 28px; gap: 18px;}
.zfui .zb-card{position: relative; width: 100%; max-width: 600px; background: var(--zb-card); border-radius: var(--zb-r-card); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) inset, 0 2px 6px rgba(20, 12, 4, 0.06), 0 32px 80px -24px var(--zb-shadow-tint), 0 12px 28px -18px rgba(20, 12, 4, 0.25); transition: max-width 460ms var(--zb-ease); animation: zb-card-in 520ms var(--zb-ease) both;}
.zfui .zb-card--info{max-width: 1000px;}
.zfui .zb-card--narrow{max-width: 600px;}
.zfui .zb-powered{display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; letter-spacing: 0.01em; color: var(--zb-on-bg-2); text-decoration: none;}
.zfui .zb-powered svg{opacity: 0.85;}
.zfui .zb-grid{display: grid; grid-template-columns: minmax(0, 1fr);}
.zfui .zb-pane{padding: var(--zb-pad); min-width: 0;}
.zfui .zb-pane--side{border-bottom: 1px solid var(--zb-line);}
.zfui .zb-pane--main{position: relative;}
@container zb (min-width: 820px){.zfui .zb-card--info .zb-grid{grid-template-columns: 300px minmax(0, 1fr);}
.zfui .zb-card--info .zb-pane--side{border-bottom: 0; border-right: 1px solid var(--zb-line);}}
@container zb (min-width: 880px){.zfui .zb-card--info .zb-pane{padding: 36px;}}
@container zb (max-width: 639px){.zfui .zb-stage{--zb-pad: 22px; padding: 0; gap: 0; justify-content: flex-start; align-items: stretch;}
.zfui .zb-card{max-width: none !important; flex: 1 0 auto; border-radius: 0; box-shadow: none; animation: zb-fade 300ms ease-out both;}
.zfui .zb-powered:not(.zb-powered--inside){padding: 18px 0 22px; align-self: center;}}
.zfui .zb-head{display: flex; flex-direction: column; gap: 14px;}
.zfui .zb-brand{display: flex; align-items: center; gap: 10px; min-height: 34px;}
.zfui .zb-brand__mark{width: 32px; height: 32px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--zb-accent); color: var(--zb-on-accent); box-shadow: 0 6px 14px -6px var(--zb-accent-ring);}
.zfui .zb-brand__name{font-family: var(--zb-font-display); font-weight: 700; font-size: 16px; letter-spacing: -0.01em; color: var(--zb-text);}
.zfui .zb-hosts{display: flex; align-items: center; gap: 10px;}
.zfui .zb-avatars{display: flex;}
.zfui .zb-avatar{width: 36px; height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--zb-font-display); font-weight: 700; font-size: 13px; border: 2.5px solid var(--zb-card); background: var(--zb-accent-tint-2); color: var(--zb-accent-text); overflow: hidden; flex: none;}
.zfui .zb-avatar + .zb-avatar{margin-left: -10px;}
.zfui .zb-avatar--2{background: #FDEBE5; color: #A8432C;}
.zfui .zb-hosts__names{font-size: 14px; color: var(--zb-text-2); line-height: 1.3;}
.zfui .zb-hosts__names strong{color: var(--zb-text); font-weight: 600;}
.zfui .zb-title{font-size: 27px; line-height: 1.14; font-weight: 750; letter-spacing: -0.025em;}
@container zb (max-width: 639px){.zfui .zb-title{font-size: 24px;}}
.zfui .zb-meta{display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 0; margin: 0; list-style: none;}
.zfui .zb-meta li{display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 550; color: var(--zb-text-2);}
.zfui .zb-meta svg{color: var(--zb-accent-text); flex: none;}
.zfui .zb-desc{font-size: 15px; line-height: 1.6; color: var(--zb-text-2); white-space: pre-line;}
.zfui .zb-btn{-moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 22px; border-radius: 14px; border: 1.5px solid transparent; font-size: 15.5px; font-weight: 650; letter-spacing: -0.005em; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms var(--zb-ease), box-shadow 160ms ease, opacity 160ms ease; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.zfui .zb-btn--primary{background: var(--zb-accent); color: var(--zb-on-accent); border-color: var(--zb-accent); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 10px 22px -12px var(--zb-accent);}
.zfui .zb-btn--outline{background: var(--zb-surface); border-color: var(--zb-ctrl); color: var(--zb-text);}
.zfui .zb-btn--block{width: 100%;}
.zfui .zb-link{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; cursor: pointer; color: var(--zb-accent-text); font-weight: 600; font-size: inherit; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: text-decoration-color 150ms ease, color 150ms ease;}
.zfui .zb-link--muted{color: var(--zb-text-2); font-weight: 550;}
.zfui .zb-back{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 6px; margin-left: -6px; border-radius: 10px; color: var(--zb-text-2); font-size: 14px; font-weight: 600; transition: background-color 150ms ease, color 150ms ease;}
.zfui .zb-actions{display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 24px;}
.zfui .zb-actions .zb-btn--primary{min-width: 160px;}
@container zb (max-width: 639px){.zfui .zb-actions .zb-btn--primary{flex: 1;}
.zfui .zb-actions--sticky{position: sticky; bottom: 0; z-index: 6; margin: 20px calc(var(--zb-pad) * -1) calc(var(--zb-pad) * -1); padding: 10px var(--zb-pad) calc(14px + env(safe-area-inset-bottom, 0px)); background: var(--zb-card);}
.zfui .zb-actions--sticky::before{content: ''; position: absolute; left: 0; right: 0; top: -22px; height: 22px; background: linear-gradient(to top, var(--zb-card), transparent); pointer-events: none;}}
.zfui .zb-enter{animation: zb-enter 340ms var(--zb-ease) both;}
.zfui .zb-field{display: flex; flex-direction: column; gap: 7px;}
.zfui .zb-field + .zb-field{margin-top: 16px;}
.zfui .zb-field__label{font-size: 13.5px; font-weight: 650; color: var(--zb-text-2);}
.zfui .zb-input{width: 100%; min-height: 52px; padding: 0 16px; border-radius: 14px; border: 1.5px solid var(--zb-ctrl); background: var(--zb-surface); font-size: 16px; color: var(--zb-text); outline: none; transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.zfui .zb-input::-moz-placeholder{color: var(--zb-text-3); opacity: 1;}
.zfui .zb-input::placeholder{color: var(--zb-text-3); opacity: 1;}
.zfui .zb-phone{display: flex; align-items: stretch; min-height: 52px; border-radius: 14px; border: 1.5px solid var(--zb-ctrl); background: var(--zb-surface); transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;}
.zfui .zb-phone__country{position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px 0 14px; border-right: 1.5px solid var(--zb-line); font-size: 15px; font-weight: 600; color: var(--zb-text); font-variant-numeric: tabular-nums;}
.zfui .zb-phone__country svg{color: var(--zb-text-3);}
.zfui .zb-phone__country select{position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; font-size: 16px;}
.zfui .zb-phone__iso{color: var(--zb-text-3); font-weight: 650; font-size: 12.5px; letter-spacing: 0.02em;}
.zfui .zb-phone__input{flex: 1; min-width: 0; border: 0; outline: none; background: transparent; padding: 0 16px; font-size: 16px; color: var(--zb-text); font-variant-numeric: tabular-nums; letter-spacing: 0.01em;}
.zfui .zb-phone__input::-moz-placeholder{color: var(--zb-text-3);}
.zfui .zb-phone__input::placeholder{color: var(--zb-text-3);}
.zfui .zb-honeypot{position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.zfui .zb-cal{container: zbcal / inline-size;}
.zfui .zb-cal__top{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 18px;}
.zfui .zb-cal__title{font-size: 19px; font-weight: 700; letter-spacing: -0.015em;}
.zfui .zb-cal__body{display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px;}
@container zbcal (min-width: 600px){.zfui .zb-cal__body{grid-template-columns: minmax(0, 1fr) 208px; gap: 28px;}
.zfui .zb-slots__list{grid-template-columns: minmax(0, 1fr) !important; max-height: 352px; overflow-y: auto; padding: 2px 4px 2px 2px; margin: -2px -4px -2px -2px; scrollbar-width: thin; scrollbar-color: var(--zb-ctrl) transparent;}}
.zfui .zb-tz{position: relative; display: inline-flex; align-items: center; max-width: 100%;}
.zfui .zb-tz > svg{position: absolute; left: 12px; color: var(--zb-text-3); pointer-events: none;}
.zfui .zb-tz > svg:last-child{left: auto; right: 11px;}
.zfui .zb-tz select{-moz-appearance: none; appearance: none; -webkit-appearance: none; height: 38px; max-width: 100%; padding: 0 32px 0 34px; border-radius: 999px; border: 1px solid var(--zb-ctrl); background: var(--zb-surface); font-size: 13.5px; font-weight: 600; color: var(--zb-text-2); cursor: pointer; text-overflow: ellipsis; transition: border-color 150ms ease, box-shadow 150ms ease;}
.zfui .zb-month__nav{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
.zfui .zb-month__title{font-family: var(--zb-font-display); font-size: 16.5px; font-weight: 700; letter-spacing: -0.01em;}
.zfui .zb-month__btns{display: flex; gap: 6px;}
.zfui .zb-iconbtn{-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; cursor: pointer; width: 38px; height: 38px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--zb-accent-tint); color: var(--zb-accent-text); transition: background-color 150ms ease, transform 160ms var(--zb-ease), opacity 150ms ease;}
.zfui .zb-iconbtn:disabled{background: transparent; color: var(--zb-text-3); opacity: 0.5; cursor: default;}
.zfui .zb-month__grid{display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); row-gap: 6px; -moz-column-gap: 4px; column-gap: 4px;}
.zfui .zb-wd{text-align: center; font-size: 12px; font-weight: 650; color: var(--zb-text-3); padding: 4px 0 6px; letter-spacing: 0.04em;}
.zfui .zb-day-cell{display: flex; justify-content: center;}
.zfui .zb-day{position: relative; width: 100%; max-width: 46px; aspect-ratio: 1 / 1; border-radius: 999px; border: 0; display: inline-flex; align-items: center; justify-content: center; font-family: var(--zb-font-display); font-size: 15.5px; font-weight: 600; font-variant-numeric: tabular-nums; background: transparent; color: var(--zb-text-3); -webkit-tap-highlight-color: transparent;}
.zfui .zb-day--off{opacity: 0.55; cursor: default;}
.zfui .zb-day--on{cursor: pointer; background: var(--zb-accent-tint); color: var(--zb-accent-text); font-weight: 750; transition: background-color 150ms ease, color 150ms ease, transform 180ms var(--zb-ease), box-shadow 180ms ease;}
.zfui .zb-day.is-selected{background: var(--zb-accent); color: var(--zb-on-accent); box-shadow: 0 8px 18px -10px var(--zb-accent); transform: none;}
.zfui .zb-day.is-today::after{content: ''; position: absolute; bottom: 6px; left: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 999px; background: currentColor; opacity: 0.85;}
.zfui .zb-slots__title{font-size: 15px; font-weight: 700; margin-bottom: 4px; font-family: var(--zb-font-display); letter-spacing: -0.01em;}
.zfui .zb-slots__sub{font-size: 13px; color: var(--zb-text-3); margin-bottom: 12px;}
.zfui .zb-slots__list{display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px;}
.zfui .zb-slot{-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; min-height: 48px; padding: 0 12px; border-radius: 13px; border: 1.5px solid var(--zb-accent-tint-2); background: var(--zb-surface); display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-family: var(--zb-font-display); font-size: 15.5px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.01em; color: var(--zb-accent-text); transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 160ms var(--zb-ease), box-shadow 160ms ease; animation: zb-enter 300ms var(--zb-ease) both; animation-delay: calc(var(--i, 0) * 16ms); -webkit-tap-highlight-color: transparent;}
.zfui .zb-slot.is-selected{background: var(--zb-accent); border-color: var(--zb-accent); color: var(--zb-on-accent); box-shadow: 0 10px 20px -12px var(--zb-accent); transform: none;}
.zfui .zb-cal__continue{margin-top: 16px;}
.zfui .zb-lock{position: relative;}
.zfui .zb-lock__content{transition: filter 650ms var(--zb-ease), opacity 650ms var(--zb-ease), transform 650ms var(--zb-ease);}
.zfui .zb-lock__veil{position: absolute; inset: -8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; text-align: center; background: radial-gradient(closest-side, var(--zb-card) 30%, rgba(0, 0, 0, 0) 100%); transition: opacity 420ms ease, visibility 0s linear 420ms; z-index: 3;}
.zfui .zb-lock:not(.is-locked) .zb-lock__veil{opacity: 0; visibility: hidden; pointer-events: none;}
.zfui .zb-lock__badge{width: 60px; height: 60px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--zb-card); color: var(--zb-accent-text); box-shadow: 0 2px 6px rgba(20, 12, 4, 0.08), 0 16px 34px -14px var(--zb-shadow-tint); border: 1px solid var(--zb-line);}
.zfui .zb-lock__text{font-family: var(--zb-font-display); font-size: 16.5px; font-weight: 700; letter-spacing: -0.01em; max-width: 280px; line-height: 1.3;}
.zfui .zb-lock__hint{font-size: 13.5px; color: var(--zb-text-2); max-width: 260px;}
.zfui .zb-picked{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--zb-r-md); background: var(--zb-accent-tint); color: var(--zb-text); animation: zb-enter 320ms var(--zb-ease) both;}
.zfui .zb-picked > svg{color: var(--zb-accent-text); flex: none; margin-top: 2px;}
.zfui .zb-picked__day{font-family: var(--zb-font-display); font-weight: 700; font-size: 15.5px; letter-spacing: -0.01em;}
.zfui .zb-picked__time{font-size: 14px; color: var(--zb-text-2); margin-top: 2px; font-variant-numeric: tabular-nums;}
.zfui .zb-form-title{font-size: 21px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 6px;}
.zfui .zb-form-sub{font-size: 14.5px; color: var(--zb-text-2); margin-bottom: 22px;}
.zfui .zb-guests__open{display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; font-size: 14.5px; background: none; border: 0; padding: 0; cursor: pointer;}
.zfui .zb-done{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 44px var(--zb-pad) 36px;}
.zfui .zb-done__title{font-size: 28px; font-weight: 750; letter-spacing: -0.025em; margin-top: 18px;}
.zfui .zb-done__sub{margin-top: 8px; font-size: 15.5px; color: var(--zb-text-2); max-width: 420px; white-space: pre-line;}
.zfui .zb-done__msg{margin-top: 16px; font-size: 15px; line-height: 1.6; color: var(--zb-text-2); max-width: 440px; white-space: pre-line;}
.zfui .zb-check{position: relative; width: 76px; height: 76px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--zb-accent); color: var(--zb-on-accent); box-shadow: 0 16px 34px -14px var(--zb-accent); animation: zb-check-pop 520ms var(--zb-ease) both;}
.zfui .zb-check::before{content: ''; position: absolute; inset: -8px; border-radius: inherit; border: 2px solid var(--zb-accent); opacity: 0; animation: zb-ring 1100ms ease-out 260ms both;}
.zfui .zb-check path{stroke-dasharray: 32; stroke-dashoffset: 32; animation: zb-draw 420ms ease-out 260ms forwards;}
.zfui .zb-summary{width: 100%; margin-top: 24px; text-align: left; list-style: none; padding: 6px 18px; border-radius: 18px; background: var(--zb-surface); border: 1px solid var(--zb-line);}
.zfui .zb-summary li{display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; font-size: 15px; line-height: 1.4;}
.zfui .zb-summary li + li{border-top: 1px solid var(--zb-line);}
.zfui .zb-summary li > svg{color: var(--zb-accent-text); flex: none; margin-top: 1px;}
.zfui .zb-summary strong{font-weight: 650;}
.zfui .zb-summary small{display: block; color: var(--zb-text-3); font-size: 13px; margin-top: 2px;}
.zfui .zb-summary a{color: var(--zb-accent-text); font-weight: 650; overflow-wrap: anywhere;}
.zfui .zb-addcal{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 18px; width: 100%;}
.zfui .zb-done .zb-summary,.zfui .zb-done .zb-addcal{max-width: 460px;}
.zfui .zb-addcal .zb-btn{flex: 1 1 180px;}
.zfui .zb-manage-links{margin-top: 22px; font-size: 14px; color: var(--zb-text-2); display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: center; align-items: center;}
@media (prefers-reduced-motion: reduce){.zfui .zb-root *,.zfui .zb-root *::before,.zfui .zb-root *::after{animation-duration: 1ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; transition-delay: 0ms !important; scroll-behavior: auto !important;}
.zfui .zb-check path{stroke-dashoffset: 0;}}
@keyframes zb-card-in{from { opacity: 0; transform: translateY(16px) scale(0.985); } to { opacity: 1; transform: none; }}
@keyframes zb-enter{from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; }}
@keyframes zb-fade{from { opacity: 0; } to { opacity: 1; }}
@keyframes zb-check-pop{from { transform: scale(0.4); opacity: 0; } 60% { transform: scale(1.08); opacity: 1; } to { transform: none; opacity: 1; }}
@keyframes zb-draw{to { stroke-dashoffset: 0; }}
@keyframes zb-ring{0% { opacity: 0.55; transform: scale(0.9); } 100% { opacity: 0; transform: scale(1.35); }}
.zfui .zge-lp{font-size:16px;line-height:normal;letter-spacing:normal;text-align:left;--bg:#F7F5F2;--surface:#FFFFFF;--surface-2:#F8F5F1;--text:#23201C;--text-2:#6B655E;--text-3:#9A938A;--line:#F0ECE6;--ctrl:#E4DED5;--accent:#128C7E;--accent-h:#0B6F63;--accent-tint:#E2F3EF;--accent-text:#0B6F63;--on-accent:#FFFFFF;--coral-tint:#FDEBE5;--coral-text:#B8432A;--amber-tint:#FFEFD6;--amber-text:#94570A;--ring:#FFFFFF;--shadow:0 1px 2px rgba(60,40,20,.04),0 12px 36px rgba(60,40,20,.08);--btn-glow:0 8px 22px rgba(18,140,126,.28);
  --font-display:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  position:relative;min-height:760px;display:flex;flex-direction:column;background:radial-gradient(130% 55% at 50% -8%,var(--accent-tint) 0%,rgba(0,0,0,0) 62%),var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
.zfui .zge-lp-main{width:100%;max-width:420px;margin:0 auto;padding:84px 20px 24px;display:flex;flex-direction:column;flex:1}
.zfui .zge-lp-card{position:relative;background:var(--surface);border-radius:28px;box-shadow:var(--shadow);padding:78px 24px 24px;text-align:center}
.zfui .zge-lp-photo{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:124px;height:124px}
.zfui .zge-lp-photo img{width:124px;height:124px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 5px var(--ring),0 10px 28px rgba(40,25,10,.22);background:var(--surface-2)}
.zfui .zge-lp-photo .zge-badge{position:absolute;right:0;bottom:4px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;box-shadow:0 0 0 4px var(--ring)}
.zfui .zge-lp-photo .zge-badge svg{width:18px;height:18px}
.zfui .zge-lp-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent-text);background:var(--accent-tint);border-radius:999px;padding:5px 11px}
.zfui .zge-lp-chip svg{width:14px;height:14px}
.zfui .zge-lp-title{font-family:var(--font-display);font-size:24px;line-height:1.22;font-weight:700;letter-spacing:-.015em;margin:14px 0 8px;overflow-wrap:anywhere}
.zfui .zge-lp-desc{font-size:15px;line-height:1.55;color:var(--text-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}
.zfui .zge-lp-status{margin:22px 0 0;padding:14px 14px 12px;background:var(--surface-2);border-radius:16px;text-align:left}
.zfui .zge-lp-status .zge-line{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;min-height:20px}
.zfui .zge-lp-status .zge-tx{flex:1}
.zfui .zge-lp-status .zge-sub{font-size:12.5px;color:var(--text-2);margin:3px 0 0 28px;line-height:1.45}
.zfui .zge-spin{width:18px;height:18px;flex:none;border-radius:50%;border:2.5px solid var(--accent-tint);border-top-color:var(--accent);animation:zge-spin .8s linear infinite}
.zfui .zge-ok{width:18px;height:18px;flex:none;border-radius:50%;background:var(--accent-tint);color:var(--accent-text);display:grid;place-items:center}
.zfui .zge-ok svg{width:12px;height:12px}
.zfui .zge-lp-status .zge-ok{display:none}
.zfui .zge-lp.zge-is-fallback .zge-lp-status .zge-ok{display:grid}
.zfui .zge-lp.zge-is-fallback .zge-lp-status .zge-spin{display:none}
.zfui .zge-bar{height:4px;border-radius:2px;background:var(--line);margin:12px 0 0;overflow:hidden}
.zfui .zge-bar i{display:block;height:100%;width:8%;background:var(--accent);border-radius:2px;transition:width .9s linear}
.zfui .zge-lp.zge-is-opening .zge-bar i{width:72%}
.zfui .zge-lp.zge-is-fallback .zge-bar i{width:100%;transition:width .6s ease-out}
.zfui .zge-lp-actions{display:grid;gap:10px;margin-top:18px}
.zfui .zge-btn{appearance:none;border:0;cursor:pointer;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:16px;font-weight:650;letter-spacing:-.005em;transition:transform .12s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;text-decoration:none;width:100%}
.zfui .zge-btn svg{width:20px;height:20px;flex:none}
.zfui .zge-btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--btn-glow)}
.zfui .zge-lp.zge-is-fallback .zge-btn-primary{animation:zge-nudge 1.6s ease 1}
.zfui .zge-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--ctrl)}
.zfui .zge-lp-help{font-size:12.5px;line-height:1.5;color:var(--text-3);margin:14px 4px 0;overflow-wrap:anywhere}
.zfui .zge-lp-hint{display:none;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:14px 16px;gap:12px;align-items:flex-start;margin:0 0 20px;text-align:left}
.zfui .zge-lp.zge-is-inapp .zge-lp-hint{display:flex}
.zfui .zge-lp.zge-is-inapp .zge-lp-main{padding-top:20px}
.zfui .zge-lp.zge-is-inapp .zge-lp-card{margin-top:62px}
.zfui .zge-lp-hint .zge-ic{width:34px;height:34px;flex:none;border-radius:11px;background:var(--coral-tint);color:var(--coral-text);display:grid;place-items:center}
.zfui .zge-lp-hint .zge-ic svg{width:18px;height:18px}
.zfui .zge-lp-hint b{display:block;font-size:14px;margin-bottom:3px}
.zfui .zge-lp-hint p{margin:0;font-size:13px;line-height:1.45;color:var(--text-2)}
.zfui .zge-lp-hint p b{display:inline;font-size:inherit;margin:0}
.zfui .zge-kbd{display:inline-flex;vertical-align:-3px;width:20px;height:18px;border-radius:6px;background:var(--surface-2);border:1px solid var(--ctrl);align-items:center;justify-content:center}
.zfui .zge-kbd svg{width:12px;height:12px}
.zfui .zge-lp-foot{margin-top:auto;padding-top:26px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-3)}
.zfui .zge-lp-foot svg.zge-lock{width:12px;height:12px}
.zfui .zge-lp-foot .zge-mark{width:18px;height:18px;border-radius:6px;background:#128C7E;display:grid;place-items:center;overflow:hidden}
.zfui .zge-lp-foot .zge-mark svg{width:11px;height:11px}
.zfui .zge-lp-foot b{color:var(--text-2);font-weight:650}
@media (prefers-reduced-motion:reduce){.zfui .zge-spin{animation-duration:2s}
.zfui .zge-btn,.zfui .zge-bar i{transition:none}
.zfui .zge-lp.zge-is-fallback .zge-btn-primary{animation:none}}
@keyframes zge-spin{to{transform:rotate(360deg)}}
@keyframes zge-nudge{0%,100%{box-shadow:var(--btn-glow)}40%{box-shadow:0 0 0 7px var(--accent-tint),var(--btn-glow)}}
.zfui h3{font-size: inherit; font-weight: inherit;}
.zfui button{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0;}
.zfui h3,.zfui p{margin: 0;}
.zfui ul{list-style: none; margin: 0; padding: 0;}
.zfui .grid-cols-1{grid-template-columns: repeat(1, minmax(0, 1fr));}
.zfui .gap-x-5{-moz-column-gap: 1.25rem; column-gap: 1.25rem;}
.zfui .gap-y-2{row-gap: 0.5rem;}
.zfui .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));}
.zfui .break-all{word-break: break-all;}
.zfui .bg-zf-violet-tint{background-color: var(--zf-violet-tint);}
.zfui .px-5{padding-left: 1.25rem; padding-right: 1.25rem;}
.zfui .py-6{padding-top: 1.5rem; padding-bottom: 1.5rem;}
.zfui .pt-5{padding-top: 1.25rem;}
.zfui .font-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.zfui .text-\[24px\]{font-size: 24px;}
.zfui .leading-relaxed{line-height: 1.625;}
.zfui .text-zf-violet{color: var(--zf-violet);}
.zfui .sm\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.zfui .md\:px-\[30px\]{padding-left: 30px; padding-right: 30px;}
.zfui .md\:py-7{padding-top: 1.75rem; padding-bottom: 1.75rem;}
.zfui .lg\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr));}
.zfui .lg\:grid-cols-\[210px_minmax\(0\2c 1fr\)_200px\]{grid-template-columns: 210px minmax(0,1fr) 200px;}
.zfui html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id]){--zf-bg: #F7F5F2; --zf-surface: #FFFFFF; --zf-surface-2: #F8F5F1; --zf-hover: #F6F2EC; --zf-chip: #F4F0EA; --zf-text: #23201C; --zf-text-2: #6B655E; --zf-text-3: #9A938A; --zf-line: #F0ECE6; --zf-ctrl: #E4DED5; --zf-accent: #128C7E; --zf-accent-hover: #0B6F63; --zf-accent-tint: #E2F3EF; --zf-accent-tint-2: #CDEAE3; --zf-accent-text: #0B6F63; --zf-coral: #EB6446; --zf-coral-tint: #FDEBE5; --zf-coral-text: #B8432A; --zf-green: #2F9E62; --zf-green-tint: #E3F2E8; --zf-green-text: #23683B; --zf-amber: #C27C0E; --zf-amber-tint: #FFEFD6; --zf-amber-text: #94570A; --zf-red: #E5484D; --zf-red-tint: #FDECEC; --zf-red-text: #B42E33; --zf-blue: #1E5C96; --zf-blue-tint: #E3EFFB; --zf-violet: #6D4BD8; --zf-violet-tint: #EFEAFF; --zf-shadow-pop: 0 4px 12px rgba(60, 40, 20, 0.08), 0 18px 48px rgba(60, 40, 20, 0.14); --zf-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif; --zf-font-display: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif; font-family: var(--zf-font-body); -webkit-font-smoothing: antialiased;}
.zfui :is(.zf-beta .zf-legacy-c, html:has(.zf-beta.zf-root) body > div:not(#root):not(.zf-beta):not([id])) :is(h1, h2, h3).font-bold{font-family: var(--zf-font-display);}