:root{--aiq-purple: rgb(98, 98, 245);--aiq-purple-hover: rgb(122, 90, 248);--aiq-purple-soft: rgb(183, 165, 255);--aiq-purple-tint: rgb(239, 239, 255);--aiq-black: rgb(8, 8, 8);--aiq-white: rgb(255, 255, 255);--fg-1: rgb(8, 8, 8);--fg-2: rgb(98, 104, 117);--fg-3: rgb(120, 124, 132);--bg-0: rgb(255, 255, 255);--bg-1: rgb(250, 251, 252);--bg-2: rgb(240, 243, 250);--bg-3: rgb(240, 240, 240);--line-1: rgb(226, 230, 237);--line-2: rgb(218, 225, 235);--blue: rgb(0, 149, 255);--blue-ink: rgb(0, 122, 255);--blue-soft: rgb(138, 206, 255);--blue-tint: rgb(229, 244, 255);--green: rgb(48, 229, 121);--green-ink: rgb(10, 128, 58);--green-alt: rgb(97, 186, 71);--green-tint: rgb(233, 252, 241);--red: rgb(255, 82, 87);--red-ink: rgb(217, 50, 50);--orange: rgb(255, 146, 46);--orange-soft: rgb(255, 194, 138);--yellow: rgb(255, 199, 0);--pink: rgb(247, 79, 158);--pink-alt: rgb(238, 70, 188);--pink-soft: rgb(245, 115, 224);--violet: rgb(165, 80, 167);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 32px;--radius-pill: 100px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--shadow-xs: 0px 1px 2px rgba(8, 8, 8, 0.04);--shadow-sm: 0px 2px 4px rgba(8, 8, 8, 0.04), 0px 1px 2px rgba(8, 8, 8, 0.04);--shadow-md: 0px 4px 12px rgba(8, 8, 8, 0.06), 0px 1px 2px rgba(8, 8, 8, 0.04);--shadow-lg: 0px 12px 32px rgba(8, 8, 8, 0.08), 0px 2px 6px rgba(8, 8, 8, 0.04);--shadow-press: 0px 2px 0px 0px rgba(0, 0, 0, 0.016);--shadow-focus: 0 0 0 3px rgba(98, 98, 245, 0.25);--font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;--fs-display: 36px;--fs-h2: 24px;--fs-h3: 18px;--fs-body: 16px;--fs-small: 13px;--fs-caption: 12px;--fs-nano: 10px;--lh-display: 54px;--lh-h2: 36px;--lh-body: 24px;--lh-small: 20px;--lh-caption: 18px;--lh-nano: 12px;--tracking-display: 0.4px;--tracking-label: 0.4px;--tracking-caption: 1px;--ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);--dur-fast: 120ms;--dur-med: 200ms}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
:root{--header-bottom: 116px}
.flow,.composer{box-sizing: border-box;}
.is-active{opacity: 1;}
.pf-surface{color: rgb(8, 8, 8); text-align: left; background-color: rgb(250, 251, 252); border: 1px solid rgb(226, 230, 237); border-radius: 12px; width: 100%; min-width: 0px; font-family: Manrope; overflow: hidden; box-shadow: rgba(43, 25, 87, 0.09) 0px 20px 70px;}
.pf-body{color: rgb(8, 8, 8); margin: 0px; font-size: 16px; font-weight: 500; line-height: 24px;}
.pf-channel{gap: 8px; color: rgb(8, 8, 8); cursor: pointer; border: 1px solid rgb(226, 230, 237); border-radius: 8px; align-items: center; min-width: 0px; min-height: 64px; padding: 16px; text-decoration: none; display: flex;}
:root{--purple: #6262f5;--p: 0}
.composer{border: 1px solid rgb(222, 220, 235); border-radius: 16px; padding: 18px; margin: 18px 0px 0px; box-shadow: none;}
.composer p{font-size: clamp(12px, 1.1vw, 16px); line-height: 1.7; margin: 0px 0px 16px;}
.flow{margin-top: 18px; display: flex; flex-direction: column; align-items: center;}
.flow strong{color: rgb(48, 43, 64); font-weight: 500; margin-left: 8px;}
.flow i{font-style: normal; color: rgb(176, 167, 200); line-height: 18px;}
@media (max-height: 800px) and (min-width: 701px){.composer{padding: 13px; margin-top: 12px;}}
@media (max-height: 800px) and (min-width: 701px){.composer p{font-size: 12px; margin-bottom: 10px;}}
@media (max-height: 800px) and (min-width: 701px){.flow{margin-top: 10px;}}
@media (max-width: 700px){.composer{padding: 13px; margin-top: 13px;}}
@media (max-width: 700px){.composer p{font-size: 11px; line-height: 1.6; margin-bottom: 12px;}}
@media (max-width: 700px){.flow{margin-top: 12px;}}
@keyframes cursor-blink { 
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: 0; }
}
@keyframes card-halo { 
  0%, 100% { box-shadow: none; }
  50% { box-shadow: none; }
}
@keyframes voice-breathe { 
  0% { transform: scaleY(0.45); opacity: 0.55; }
  100% { transform: scaleY(1); opacity: 1; }
}
@keyframes core-enter { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ps-enter { 
  0% { opacity: 0; translate: 0px 8px; }
  100% { opacity: 1; translate: 0px; }
}
:root{--site-content-width: min(1540px,calc(100% - 8vw));--hero-astro-bg: #f5ecfb}
@media (max-width: 900px){:root{--site-content-width: calc(100% - 32px)}}
.leg-lg-page a:focus-visible{outline: rgb(151, 134, 239) solid 3px; outline-offset: 5px;}
@keyframes mk-enter { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
@keyframes mk-grow { 
  0% { transform: scaleY(0.1); }
  100% { transform: scaleY(1); }
}
.pf-surface img{object-fit: contain;}
.pf-surface a:focus-visible{outline: rgb(151, 134, 239) solid 3px; outline-offset: 3px;}
@media (max-width: 767px){.pf-channel{padding: 12px; gap: 6px;}}
@media (max-width: 767px){.pf-channel .pf-body{font-size: 12px; line-height: 18px;}}
@media (max-width: 767px){.pf-body{font-size: 14px; line-height: 22px;}}
@keyframes email-in { 
  0% { opacity: 0; transform: translateY(18px) rotate(0deg); }
  100% { opacity: 1; transform: rotate(-2deg); }
}
@keyframes phone-in { 
  0% { opacity: 0; transform: translate(15px, 15px) rotate(0deg); }
  100% { opacity: 1; transform: translateX(-10px) rotate(5deg); }
}
@keyframes push-in { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
.leg-lg-page a:focus-visible,.leg-lg-page button:focus-visible,.leg-lg-page a[type]:focus-visible{outline: rgb(98, 98, 245) solid 3px; outline-offset: 5px;}
.pf-body{font-size: 16px !important; line-height: 1.6 !important;}
.pf-surface{min-width: 0px;}
@keyframes creative-reveal { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
@keyframes channel-arrive { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
.ai-composer{border: 1px solid rgb(226, 230, 237); background: rgb(255, 255, 255); border-radius: 14px; padding: 17px;}
.ai-composer > p{font-size: 15px; line-height: 1.55; margin: 0px 0px 24px; color: rgb(8, 8, 8);}
@keyframes ai-panel-in { 
  0% { opacity: 0.5; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
:root{--site-body-size: 16px;--site-tab-size: 14px}
:root{--dark-cta-background: #ffffff09;--dark-cta-border: #ffffff55;--dark-cta-text: #eee8ff;--dark-cta-hover-background: #ffffff18;--dark-cta-hover-border: #bcafff}
.rev-flow-canvas{padding: 26px 16px; background-image: radial-gradient(rgb(217, 220, 229) 1px, transparent 1px); background-size: 16px 16px; display: flex; align-items: center; flex-direction: column;}
.rev-flow-node{display: flex; align-items: center; gap: 12px; width: 260px; padding: 12px 16px; border: 1px solid rgb(226, 230, 237); border-radius: 8px; background: white; box-shadow: none;}
.rev-flow-node strong{font-size: 14px; font-weight: 600; display: block; color: rgb(23, 24, 34);}
.rev-flow-node small{display: block; font-size: 12px; color: rgb(98, 104, 117); margin-top: 4px;}
.rev-flow-line{height: 28px; width: 1px; background: rgb(197, 201, 209);}
.rev-flow-branches{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; width: 100%; max-width: 410px; padding-top: 26px; position: relative;}
.rev-flow-branches > div{text-align: center;}
.rev-flow-branches .rev-flow-node{width: 100%; padding: 12px 8px; gap: 7px;}
.rev-flow-branches strong{font-size: 12px;}
.rev-flow-node.split{border-color: rgb(183, 165, 255);}
@keyframes rev-fade { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 767px){.rev-flow-node{max-width: 100%;}}
.rev-flow-node{transition: border-color 0.12ms, box-shadow 0.12ms, background 0.12ms;}
.rev-flow-node.flow-active{border-color: rgb(98, 98, 245); background: rgb(239, 239, 255); box-shadow: none;}
.rev-flow-line.flow-active{background: rgb(98, 98, 245); box-shadow: none;}
:root{--title-h1: clamp(40px,4.2vw,64px);--title-h2: clamp(30px,3.15vw,48px);--title-h3: clamp(22px,2vw,28px)}
@media (max-width: 760px){:root{--title-h1: clamp(36px,8vw,44px);--title-h2: clamp(28px,6.4vw,34px);--title-h3: 22px}}
:root{--site-content-width: min(1540px,92vw);--site-shell-inset: 28px;--site-inner-width: calc(var(--site-content-width) - 2 * var(--site-shell-inset))}
@media (max-width: 900px){:root{--site-content-width: calc(100vw - 32px);--site-shell-inset: 20px}}
@media (max-width: 600px){:root{--site-shell-inset: 8px}}
@media (min-width: 901px) and (max-height: 900px){:root{--short-section-space: 44px;--short-anchor-gap: 112px;--short-scene-height: clamp(380px,calc(100svh - 232px),600px)}}
:root{--mkt-display-1: clamp(46px, 4.4vw, 64px);--mkt-display-2: clamp(38px, 4vw, 56px);--mkt-display-weight: 600;--mkt-display-leading: 1.08;--mkt-display-tracking: -0.04em;--mkt-font-accent: 'Instrument Serif', Georgia, serif;--mkt-accent-color: var(--aiq-purple);--mkt-gradient-hero: radial-gradient(ellipse 80% 70% at 50% 0%, var(--aiq-purple-tint) 0%, var(--aiq-white) 72%)}
:root{--aiq-purple-700: #4C4CD3;--aiq-purple-800: #2b2a8f;--mk-ease: cubic-bezier(.2,.7,.2,1)}
.rev-flow-canvas{background:var(--bg-1,#fafbfc)!important;background-image:none!important}
@media (prefers-reduced-motion: reduce){::before,::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}}
.pf-surface{border: 1px solid var(--line-1); box-shadow: none !important;}
html:not(#_) body main .aw-q{margin: 0px; font-size: 16px !important; color: var(--fg-2) !important;}
html:not(#_) body main .rev-flow-node{transition: background-color 600ms var(--mk-ease),border-color 600ms var(--mk-ease),color 600ms var(--mk-ease),box-shadow 600ms var(--mk-ease) !important;}
html:not(#_) body main .rev-flow-line{position: relative; overflow: hidden; background: var(--line-1) !important;}
:root{--juniper-green: #214c3d}
:root{--page-gutter: 3rem;--section-space: 6rem;--ink: var(--fg-1);--purple: var(--aiq-purple);--green: var(--aiq-purple);--wrap: 1380px;--header: 103px;--aiq-tint: var(--aiq-purple-tint);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--content-width: 86rem}
body .button{font-size: 16px !important; line-height: 1.4;}
body .button{min-height: 44px;}
#demo .ceo-demo-form{display: grid; gap: 1.5rem;}
#demo .ceo-demo-form input:not([type="radio"]){display: block; width: 100%; min-width: 0px; height: 50px; margin-top: 0.5rem; padding: 0.5rem 1rem; border: 1px solid rgb(226, 230, 237); border-radius: 8px; background: rgb(255, 255, 255); color: rgb(8, 8, 8); font-family: Manrope, Arial, sans-serif; font-size: 16px; line-height: 1.5; transition: border-color 120ms, box-shadow 120ms; outline-offset: 3px;}
#demo .ceo-demo-form input:not([type="radio"]):hover{border-color: rgb(183, 165, 255);}
#demo .ceo-demo-form input:not([type="radio"]):focus{border-color: rgb(98, 98, 245); box-shadow: none; outline: 0px;}
@keyframes ceo-panel-enter { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: none; }
}
#demo .ceo-demo-form{gap: var(--space-3); margin: 0px;}
#demo .ceo-demo-form input:not([type="radio"]){margin: 0px; padding: var(--space-2); height: auto; min-height: 3rem;}
@media (min-width: 1600px){:root{--wrap: 1380px}}
@media (max-width: 900px){:root{--header: 99px}}
@media (min-width: 901px){:root{--header: 111px}}
@media (max-width: 900px){:root{--header: 99px}}
@media (max-width: 360px){:root{--header: 114px}}
@media (min-width: 901px) and (max-width: 1100px){:root{--header: 103px}}
@media (max-width: 1100px){:root{--page-gutter: 2rem;--section-space: 4rem}}
@media (max-width: 650px){:root{--page-gutter: 1rem;--section-space: 3rem}}
:root{--pd-purple: var(--aiq-purple);--pd-ink: var(--fg-1)}
:root{--aiq-check-svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234C4CD3%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12.5 9.5 17 19 7%27/%3E%3C/svg%3E")}
:root{--juniper-green: #214c3d;--juniper-tint: #e8efdc}
#demo .ceo-demo-form{display: grid; gap: 1.5rem;}
#demo .ceo-demo-form input:not([type="radio"]){display: block; width: 100%; min-width: 0px; height: 50px; margin-top: 0.5rem; padding: 0.5rem 1rem; border: 1px solid rgb(226, 230, 237); border-radius: 8px; background: rgb(255, 255, 255); color: rgb(8, 8, 8); font-family: Manrope, Arial, sans-serif; font-size: 16px; line-height: 1.5; transition: border-color 120ms, box-shadow 120ms; outline-offset: 3px;}
#demo .ceo-demo-form input:not([type="radio"]):hover{border-color: rgb(183, 165, 255);}
#demo .ceo-demo-form input:not([type="radio"]):focus{border-color: rgb(98, 98, 245); box-shadow: none; outline: 0px;}
#demo .demo-form-result{display: grid; justify-items: center; text-align: center; gap: 1rem; min-height: 355px; align-content: center; outline-offset: 10px;}
#demo .demo-form-result h4{font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: 0px; margin: 0px;}
#demo .demo-form-result p{font-size: 16px; line-height: 1.7; color: rgb(98, 104, 117); max-width: 360px;}
#demo button.demo-form-edit,#demo a[type].demo-form-edit{border: 0px; padding: 0.5rem; background: transparent; color: var(--aiq-purple-700); font-size: 16px; line-height: 1.5; font-weight: 600; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer;}
#demo .ceo-demo-form{gap: var(--space-3); margin: 0px;}
#demo .ceo-demo-form input:not([type="radio"]){margin: 0px; padding: var(--space-2); height: auto; min-height: 3rem;}
#demo .demo-form-result{gap: var(--space-2);}
#demo .demo-form-result h4,#demo .demo-form-result p{margin: 0px;}
#demo button.demo-form-edit,#demo a[type].demo-form-edit{padding: var(--space-1);}
html:not(#_) body main .leg-lg-meta:empty{display: none;}
html:not(#_) body main .leg-lg-side :is(a, button),html:not(#_) body main .leg-lg-side :is(a, a[type]){display: block; width: 100%; border: 0px; background: none; text-align: left; font-family: inherit; cursor: pointer; padding: 8px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--fg-1); text-decoration: none; transition: background-color 120ms cubic-bezier(0.2, 0.7, 0.2, 1), color 120ms cubic-bezier(0.2, 0.7, 0.2, 1);}
html:not(#_) body main .leg-lg-side :is(a, button):hover,html:not(#_) body main .leg-lg-side :is(a, a[type]):hover{background: rgba(8, 8, 8, 0.04);}
html:not(#_) body main .leg-lg-side :is(a, button)[aria-current="page"],html:not(#_) body main .leg-lg-side :is(a, a[type])[aria-current="page"]{background: var(--aiq-purple-tint); color: var(--aiq-purple-700,#4C4CD3); font-weight: 700;}
html:not(#_) body main #lg-toc button.is-active,html:not(#_) body main #lg-toc a[type].is-active{color: var(--aiq-purple-700,#4C4CD3); font-weight: 700;}
html:not(#_) body main .leg-lg-article p{margin: 0px 0px 16px; text-wrap: pretty;}
html:not(#_) body main .leg-lg-article .lg-doc-title{font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--fg-2); margin-bottom: 24px;}
html:not(#_) body main .leg-lg-article h2{margin: 48px 0px 16px; padding-top: 24px; border-top: 1px solid var(--line-1); scroll-margin-top: 96px; font-size: 24px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0px !important; color: var(--fg-1) !important;}
html:not(#_) body main .leg-lg-article h3{margin: 32px 0px 12px; font-size: 16px; font-weight: 700; letter-spacing: 0px;}
html:not(#_) body main .leg-lg-article strong{font-weight: 700;}
html:not(#_) body main .leg-lg-article ul{margin: 0px 0px 16px; padding-left: 0px; list-style: none; display: grid; gap: 8px;}
html:not(#_) body main .leg-lg-article li{padding-left: 16px; border-left: 2px solid var(--line-1);}
html:not(#_) body main .leg-lg-article a{color: var(--aiq-purple-700,#4C4CD3); text-decoration: underline; text-underline-offset: 2px; word-break: break-word;}
html:not(#_) body main .leg-lg-article a:hover{color: var(--aiq-purple,#6262f5);}
html:not(#_) body main .lg-callout{padding: 16px 20px; border-radius: 12px; background: var(--aiq-purple-tint); font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: 0.2px;}
html:not(#_) body main .lg-defs{margin: 0px 0px 16px; display: grid; gap: 0px; border: 1px solid var(--line-1); border-radius: 12px; overflow: hidden;}
html:not(#_) body main .lg-defs > div{padding: 14px 20px; font-size: 15px; line-height: 1.6;}
html:not(#_) body main .lg-defs > div + div{border-top: 1px solid var(--line-1);}
html:not(#_) body main .lg-defs > div:nth-child(2n){background: var(--bg-1,#fafbfc);}
html:not(#_) body main .leg-lg-side button:focus-visible,html:not(#_) body main .leg-lg-side a[type]:focus-visible{outline: none; box-shadow: rgba(98, 98, 245, 0.25) 0px 0px 0px 3px;}
html:not(#_) body main .leg-lg-article h2{scroll-margin-top: var(--lg-offset) !important;}
.leg-lg-page{--lg-offset:175px;--lg-offset:175px}
@media screen and (min-width: 1280px){.leg-lg-page{--lg-offset:175px}}
@media screen and (max-width: 991px){.leg-lg-page{--lg-offset:175px}}
@media screen and (max-width: 767px){.leg-lg-page{--lg-offset:175px}}
@media screen and (max-width: 479px){.leg-lg-page{--lg-offset:175px}}
.w-embed:has(> [data-v]){display:contents}
.w-embed:has(> [data-v]):before,.w-embed:has(> [data-v]):after{content:none}
.site-demo-form-grid > .w-embed{display:block}
.site-demo-form-grid > .w-embed:before,.site-demo-form-grid > .w-embed:after{content:none}
