@import"https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Inter:wght@400;500;600;700;800&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,600&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-paper: #ffffff;--color-paper-deep: #f5f3ef;--color-paper-bright: #ffffff;--color-ink: #14120f;--color-ink-soft: #38342e;--color-ink-muted: #6e6a60;--color-rule: #e4dfd3;--color-ruby: #ff2833;--color-ruby-bright: #ff4654;--color-ruby-deep: #c81f28;--color-ruby-wash: #ffebed;--color-gold: #9e7a1f;--color-cyan: #0f6b78;--color-void: #0c0d12;--color-char: #161720;--color-panel: #1f2030;--color-panel-2: #2a2c3d;--color-cream: #f5efe4;--color-cream-dim: #d5cfbf;--color-red-hot: #ff2833;--color-cyan-hot: #00f0ff;--color-destructive: #a02525;--color-background: var(--color-paper);--color-foreground: var(--color-ink);--color-muted: var(--color-paper-deep);--color-muted-foreground: var(--color-ink-muted);--color-border: var(--color-rule);--color-primary: var(--color-ruby);--color-primary-foreground: var(--color-paper-bright);--color-accent: var(--color-gold);--color-card: var(--color-paper-bright);--color-ring: var(--color-ruby);--radius: 0;--bl-aurora-red: rgba(188, 44, 56, .42);--bl-aurora-magenta: rgba(214, 52, 132, .27);--bl-aurora-blue: rgba(79, 124, 255, .09);--bl-aurora-base: #080b15;--bl-bg: radial-gradient(90% 90% at 82% -5%, #fdf8f0, #ece1ce 72%);--bl-bg-solid: #f0e7d8;--bl-ink: #2d3230;--bl-ink-soft: rgba(45, 50, 48, .68);--bl-ink-faint: rgba(45, 50, 48, .45);--bl-card: #fffdf8;--bl-card-2: #f4ecdd;--bl-border: rgba(72, 82, 83, .18);--bl-border-2: rgba(72, 82, 83, .34);--bl-dot: rgba(72, 82, 83, .26);--bl-pill: rgba(255, 255, 255, .55);--bl-nav: rgba(251, 246, 238, .82);--bl-band: #f6efe2;--bl-shadow: 0 22px 48px rgba(40, 30, 16, .13)}[data-theme=dark]{color-scheme:dark;--color-paper: #0c0d12;--color-paper-deep: #161720;--color-paper-bright: #1f2030;--color-ink: #f5efe4;--color-ink-soft: #d6d0c2;--color-ink-muted: #9c968a;--color-rule: #2a2c3d;--color-ruby-wash: rgba(255, 40, 51, .16);--bl-bg: radial-gradient(72% 88% at 86% -8%, var(--bl-aurora-red), transparent 56%), radial-gradient(66% 80% at -6% 106%, var(--bl-aurora-magenta), transparent 54%), radial-gradient(circle at 50% -12%, var(--bl-aurora-blue), transparent 44%), var(--bl-aurora-base);--bl-bg-solid: #080b15;--bl-ink: #ffffff;--bl-ink-soft: rgba(230, 234, 245, .66);--bl-ink-faint: rgba(230, 234, 245, .42);--bl-card: rgba(255, 255, 255, .05);--bl-card-2: rgba(255, 255, 255, .035);--bl-border: rgba(255, 255, 255, .12);--bl-border-2: rgba(255, 255, 255, .24);--bl-dot: rgba(255, 255, 255, .16);--bl-pill: rgba(255, 255, 255, .05);--bl-nav: rgba(8, 11, 21, .72);--bl-band: rgba(255, 255, 255, .025);--bl-shadow: 0 30px 64px rgba(0, 0, 0, .55)}:root{--p1: #00ddff;--p2: #ffee00;--p3: #ff00aa;--p4: #aa00ff;--p5: #00ffaa;--p-soft: rgba(0, 221, 255, .22);--sya-bg-base: #0c1224;--sya-bg-top: #1a2244;--sya-ink: #ffffff;--sya-ink-2: rgba(255, 255, 255, .78);--sya-muted: rgba(255, 255, 255, .5);--sya-dim: rgba(255, 255, 255, .28);--sya-rule: rgba(255, 255, 255, .08);--sya-rule-strong: rgba(255, 255, 255, .18);--tile-fill: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .018) 100%);--tile-border: rgba(255, 255, 255, .14);--tile-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .3), 0 30px 60px -22px rgba(0, 0, 0, .55);--bg-glow-1: rgba(0, 221, 255, .16);--bg-glow-2: rgba(170, 0, 255, .12);--bg-glow-3: rgba(0, 255, 170, .1);--bg-glow-4: rgba(255, 0, 170, .08)}.palette-studio{--p1: #7da3ff;--p2: #a9c4ff;--p3: #6ee7d0;--p4: #c4a8ff;--p5: #ffd6a8;--p-soft: rgba(125, 163, 255, .14);--sya-bg-base: #0e1424;--sya-bg-top: #1c2548;--bg-glow-1: rgba(125, 163, 255, .3);--bg-glow-2: rgba(110, 231, 208, .16);--bg-glow-3: rgba(196, 168, 255, .16);--bg-glow-4: rgba(255, 214, 168, .1)}.palette-warm{--p1: #fdb87c;--p2: #ffd29a;--p3: #f5a98b;--p4: #e892a8;--p5: #ffd6a8;--p-soft: rgba(253, 184, 124, .14);--sya-bg-base: #1a1014;--sya-bg-top: #2e1a22;--bg-glow-1: rgba(253, 184, 124, .32);--bg-glow-2: rgba(245, 169, 139, .22);--bg-glow-3: rgba(232, 146, 168, .2);--bg-glow-4: rgba(255, 196, 212, .1)}:root{--font-display: "Archivo", "Archivo Black", "Helvetica Neue", sans-serif;--font-body: "Inter", "Manrope", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--font-fraunces: "Fraunces", Georgia, serif;--font-grotesk: "Space Grotesk", "Inter", sans-serif;--text-display-hero: clamp(44px, 6.2vw, 70px);--text-display-2: clamp(30px, 4.2vw, 38px);--text-lede: 16.5px;--text-body: 1.03rem;--text-meta: .72rem;--text-heading-family: var(--font-fraunces);--text-body-family: var(--font-body);--text-meta-family: var(--font-mono)}:root{--radius-btn: 11px;--radius-input: 10px;--radius-card: 16px;--radius-widget: 18px;--radius-pill: 999px;--shadow-card: 0 22px 48px rgba(40, 30, 16, .13);--shadow-card-dark: 0 30px 64px rgba(0, 0, 0, .55);--shadow-cta-ruby: 0 6px 22px rgba(255, 40, 51, .3), inset 0 1px 0 rgba(255, 255, 255, .22);--shadow-cta-ruby-hover: 0 10px 32px rgba(255, 40, 51, .45), inset 0 1px 0 rgba(255, 255, 255, .25);--shadow-tile-hover: 0 14px 36px rgba(20, 18, 15, .1);--shadow-holo: 0 6px 22px rgba(120, 90, 240, .4), inset 0 1px 0 rgba(255, 255, 255, .3);--grad-ruby-cta: linear-gradient(135deg, var(--color-ruby-bright, #ff4654), var(--color-ruby, #ff2833));--grad-holo: linear-gradient(100deg, #2dd4ff, #4f7cff, #a855f7, #ec4899, #2dd4ff);--grad-aurora-cta: linear-gradient(95deg, var(--p1, #00ddff), var(--p4, #aa00ff), var(--p3, #ff00aa));--ease-lift: cubic-bezier(.2, .65, .25, 1);--dur-fast: .15s;--dur-hover: .18s;--dur-tile: .22s;--dur-reveal: .72s;--dot-pitch: 26px;--dot-pitch-sya: 28px}.bl-button{-webkit-tap-highlight-color:transparent}.bl-button--ruby:hover:not(:disabled){box-shadow:var( --shadow-cta-ruby-hover, 0 10px 32px rgba(255, 40, 51, .45), inset 0 1px 0 rgba(255, 255, 255, .25) );transform:translateY(-1px)}.bl-button--ghost:hover:not(:disabled){border-color:#fff6;color:#fff;transform:translateY(-1px)}.bl-button:active:not(:disabled){transform:translateY(0)}.bl-button:focus-visible,.bl-chip:focus-visible{outline:2px solid var(--color-cyan-hot, #00f0ff);outline-offset:2px}.bl-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.bl-chip{-webkit-tap-highlight-color:transparent}.bl-chip:hover:not(:disabled){border-color:#fff6}.bl-chip:disabled{opacity:1}@keyframes bl-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bl-star--spin{transform-origin:50% 50%;animation:bl-star-spin 9s linear infinite}@media (prefers-reduced-motion: reduce){.bl-star--spin{animation:none}.bl-button,.bl-chip{transition:none}.bl-button--ruby:hover:not(:disabled),.bl-button--ghost:hover:not(:disabled){transform:none}}:root{--df-bg: #080b15;--df-ink: #ffffff;--df-accent: #ff2833;--df-accent-hi: #ff4654;--df-cyan: #00f0ff;--df-cyan-70: rgba(0,240,255,.7);--df-cyan-60: rgba(0,240,255,.6);--df-cyan-55: rgba(0,240,255,.55);--df-cyan-50: rgba(0,240,255,.5);--df-cyan-ring: rgba(0,240,255,.22);--df-cyan-halo: rgba(0,240,255,.16);--df-cyan-halo-soft: rgba(0,240,255,.14);--df-cyan-halo-zero: rgba(0,240,255,0);--df-cyan-wash: rgba(0,240,255,.07);--df-hairline: rgba(255,255,255,.14);--df-hairline-hi: rgba(255,255,255,.4);--df-row-hover: rgba(255,255,255,.06);--df-row-hover-soft: rgba(255,255,255,.05);--df-scroll-thumb: rgba(255,255,255,.14);--df-glass-rgb: 8,11,21;--df-panel-rgb: 10,14,26;--df-ink-38: rgba(230,234,245,.38);--df-ink-40: rgba(230,234,245,.4);--df-ink-42: rgba(230,234,245,.42);--df-ink-45: rgba(230,234,245,.45);--df-ink-50: rgba(230,234,245,.5);--df-scene-floor: #0a0e1a;--df-scene-dot: rgba(255,255,255,.075);--df-scene-rim: #2a3550;--df-scene-wall: #141c30;--df-scene-door: #27324e;--df-scene-door-seam: #3a4a70;--df-scene-metal: #93a0b4;--df-scene-flex: #4c5566;--df-scene-edge: #05070d}[data-theme=light]{--df-bg: #eef1f6;--df-ink: #14181f;--df-accent: #ff2833;--df-accent-hi: #d81a24;--df-cyan: #0087a8;--df-cyan-70: rgba(0,135,168,.7);--df-cyan-60: rgba(0,135,168,.6);--df-cyan-55: rgba(0,135,168,.55);--df-cyan-50: rgba(0,135,168,.5);--df-cyan-ring: rgba(0,135,168,.3);--df-cyan-halo: rgba(0,135,168,.2);--df-cyan-halo-soft: rgba(0,135,168,.16);--df-cyan-halo-zero: rgba(0,135,168,0);--df-cyan-wash: rgba(0,135,168,.09);--df-hairline: rgba(20,24,31,.18);--df-hairline-hi: rgba(20,24,31,.45);--df-row-hover: rgba(20,24,31,.07);--df-row-hover-soft: rgba(20,24,31,.05);--df-scroll-thumb: rgba(20,24,31,.22);--df-glass-rgb: 8,11,21;--df-panel-rgb: 10,14,26;--df-ink-38: rgba(230,234,245,.38);--df-ink-40: rgba(230,234,245,.4);--df-ink-42: rgba(230,234,245,.42);--df-ink-45: rgba(230,234,245,.45);--df-ink-50: rgba(230,234,245,.5);--df-scene-floor: #e9edf4;--df-scene-dot: rgba(20,24,31,.14);--df-scene-rim: #9aa6bd;--df-scene-wall: #8f9cb4;--df-scene-door: #7c8aa6;--df-scene-door-seam: #5f6d88;--df-scene-metal: #3f4a5c;--df-scene-flex: #6b7488;--df-scene-edge: #c3ccdb}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--df-bg)}:root[data-brand=setupyourai]{--bl-aurora-base: var(--sya-bg-base);--bl-aurora-blue: var(--bg-glow-1);--bl-aurora-red: var(--bg-glow-3);--bl-aurora-magenta: var(--bg-glow-2);--bl-night-ink-faint: var(--sya-muted)}.aurora-mark{--ink: var(--sya-ink);--bg-base: var(--sya-bg-base)}#root{height:100%}a{color:var(--df-accent);text-decoration:none}a:hover{color:var(--df-accent-hi)}.dfscroll::-webkit-scrollbar{width:8px}.dfscroll::-webkit-scrollbar-thumb{background:var(--df-scroll-thumb);border-radius:8px}.dfscroll::-webkit-scrollbar-track{background:transparent}@keyframes dfPulse{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}.df-pulse{animation:dfPulse 1.6s infinite}.df-variant:hover{border-color:var(--df-hairline-hi)!important;transform:translateY(-1px)}.df-machine-row:hover{background:var(--df-row-hover)!important}.df-zone-row:hover{background:var(--df-row-hover-soft)}.df-zone-row__del:hover{color:var(--df-accent)!important}.df-bom-row:hover{background:var(--df-row-hover-soft)}.df-heat:hover{border-color:var(--df-cyan-60)!important}[data-chip-collapsed]:hover,[data-chip-collapsed]:focus-visible{width:auto!important;overflow:visible!important;z-index:6!important}.df-ghost-pill:hover{border-color:var(--df-hairline-hi)!important}.df-focus-btn:hover{border-color:var(--df-cyan-50)!important;color:var(--df-cyan)!important}.df-skip:hover{border-color:var(--df-ink)!important}.df-dim-input::-webkit-outer-spin-button,.df-dim-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.df-dim-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.df-dim-input:focus{border-color:var(--df-cyan-55)}.df-inline-input:hover{background:var(--df-row-hover-soft)!important;border-color:var(--df-hairline)!important}.df-inline-input:focus{background:var(--df-row-hover)!important;border-color:var(--df-cyan-55)!important}@keyframes dfStepIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.df-step-in{animation:dfStepIn .28s cubic-bezier(.2,.65,.25,1)}@keyframes dfDrawerIn{0%{opacity:0;transform:translate(calc(100% + 16px))}to{opacity:1;transform:none}}.df-drawer-in{animation:dfDrawerIn .24s cubic-bezier(.2,.65,.25,1)}@keyframes dfShake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}80%{transform:translate(-2px)}}.df-shake{animation:dfShake .42s cubic-bezier(.36,.07,.19,.97)}.df-demo-card:hover{transform:translateY(-2px);border-color:var(--df-hairline-hi)!important}.df-quick-tool:hover{border-color:var(--df-cyan-50)!important;background:var(--df-cyan-wash)!important}@keyframes dfBloom{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}.df-welcome-bloom{animation:dfBloom 9s ease-in-out infinite;will-change:transform,opacity}.df-welcome-bloom--ruby{animation-duration:12s;animation-delay:-4s}@keyframes dfWelcomeRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.df-welcome-rise{animation:dfWelcomeRise .52s cubic-bezier(.2,.65,.25,1) both}.df-welcome-rise--2{animation-delay:.1s}.df-welcome-rise--3{animation-delay:.22s}.df-welcome-rise--4{animation-delay:.34s}@keyframes dfDoorPop{0%,6%{opacity:0;transform:scale(.55)}14%{opacity:1;transform:scale(1.06)}20%,86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.df-door-pop{transform-box:fill-box;transform-origin:center;animation:dfDoorPop 7s cubic-bezier(.34,1.56,.64,1) infinite both}.df-door-pop--2{animation-delay:.2s}.df-door-pop--3{animation-delay:.4s}.df-door-pop--4{animation-delay:.6s}@keyframes dfDoorDraw{0%,22%{stroke-dashoffset:100;opacity:0}30%{opacity:1}66%,88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.df-door-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:dfDoorDraw 7s ease-in-out infinite both}.df-door-sketch .df-door-pop,.df-door-sketch .df-door-draw{animation-duration:5.6s}@keyframes dfClampClose{0%,10%{transform:rotate(-52deg)}38%,82%{transform:rotate(0)}to{transform:rotate(-52deg)}}@keyframes dfClampLatch{0%,40%{opacity:0;transform:translateY(-3px)}50%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-3px)}}.df-clamp-arm{transform-box:view-box;transform-origin:22px 15px;animation:dfClampClose 5s cubic-bezier(.34,1.4,.64,1) infinite both}.df-clamp-latch{transform-box:view-box;transform-origin:42px 15px;animation:dfClampLatch 5s cubic-bezier(.34,1.56,.64,1) infinite both}@keyframes dfQuestHint{0%,to{box-shadow:0 0 0 0 var(--df-cyan-halo-zero)}50%{box-shadow:0 0 0 3px var(--df-cyan-halo),0 0 14px var(--df-cyan-halo-soft)}}.df-quest-hint,.df-discover-hint{animation:dfQuestHint 2.6s ease-in-out infinite;border-radius:12px}@keyframes dfQuestTick{0%{transform:scale(.4);opacity:.2}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.df-quest-tick{animation:dfQuestTick .34s cubic-bezier(.34,1.56,.64,1) 1}@keyframes dfDropHere{0%,to{box-shadow:0 0 0 0 var(--df-cyan-halo-zero);background:var(--df-cyan-wash)}50%{box-shadow:0 0 0 4px var(--df-cyan-halo-soft),0 0 20px var(--df-cyan-ring);background:var(--df-cyan-halo-soft)}}.df-drop-here{animation:dfDropHere 2s ease-in-out infinite}.df-carry-ghost{transition:opacity .18s ease}@media (prefers-reduced-motion: reduce){.df-pulse{animation:none}.df-variant:hover{transform:none}.df-step-in,.df-drawer-in,.df-shake{animation:none}.df-demo-card:hover{transform:none}.df-quest-hint,.df-discover-hint{animation:none;box-shadow:0 0 0 2px var(--df-cyan-ring)}.df-quest-tick{animation:none}.df-drop-here{animation:none;box-shadow:0 0 0 3px var(--df-cyan-halo)}.df-welcome-bloom{animation:none}.df-welcome-rise,.df-door-pop{animation:none;opacity:1;transform:none}.df-door-draw{animation:none;stroke-dashoffset:0;opacity:1}.df-clamp-arm,.df-clamp-latch{animation:none;opacity:1;transform:none}}@media print{html.df-print-estimate,html.df-print-estimate body{overflow:visible;background:#fff;height:auto}html.df-print-estimate body *{visibility:hidden!important}html.df-print-estimate .df-estimate-paper,html.df-print-estimate .df-estimate-paper *{visibility:visible!important}html.df-print-estimate .df-estimate-overlay{position:absolute!important;inset:0 auto auto 0!important;display:block!important;padding:0!important;overflow:visible!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.df-print-estimate .df-estimate-actions{display:none!important}html.df-print-estimate .df-estimate-paper{width:100%!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}html.df-print-order,html.df-print-order body{overflow:visible;background:#fff;height:auto}html.df-print-order body *{visibility:hidden!important}html.df-print-order .df-order-sheet,html.df-print-order .df-order-sheet *{visibility:visible!important;color:#14120f!important;background:transparent!important;border-color:#d5cfbf!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.df-print-order .df-order-overlay{position:absolute!important;inset:0 auto auto 0!important;display:block!important;padding:0!important;overflow:visible!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.df-print-order .df-order-actions,html.df-print-order .df-order-email-actions{display:none!important}html.df-print-order .df-order-sheet{width:100%!important;max-width:none!important;border-radius:0!important;background:#fff!important}}.aurora-mark{display:flex;align-items:center;gap:12px;font-weight:600;font-size:17px;letter-spacing:-.025em;color:var(--ink)}.aurora-mark .glyph{width:30px;height:30px;border-radius:8px;background:conic-gradient(from 135deg,var(--p1),var(--p3),var(--p4),var(--p1));position:relative;box-shadow:0 0 24px var(--p-soft);animation:aurora-glyph-spin 18s linear infinite;flex-shrink:0}.aurora-mark .glyph:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:var(--bg-base);border-radius:4px}@keyframes aurora-glyph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.aurora-mark .glyph{animation:none!important}}