@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_3ed62de3-module__wbVA1G__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_3ed62de3-module__wbVA1G__variable{--font-plus-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--font-sans:var(--font-plus-jakarta), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--blue-50:#eff7ff;--blue-100:#dceefe;--blue-200:#b9ddfe;--blue-300:#85c5fd;--blue-400:#45a5fd;--blue-500:#0c8afc;--blue-600:#006fe0;--blue-700:#0059b5;--blue-800:#074b92;--gray-0:#fff;--gray-25:#fbfcfe;--gray-50:#f6f8fb;--gray-100:#eef1f6;--gray-200:#e2e7ee;--gray-300:#cbd4de;--gray-400:#9da9b8;--gray-500:#6c7a8c;--gray-600:#4e5b6b;--gray-700:#37424f;--gray-800:#232c36;--gray-900:#131a22;--green-100:#dcf5e7;--green-500:#17a45d;--green-600:#0e8a4c;--amber-100:#fcf0d8;--amber-500:#dd8f0b;--amber-600:#b97307;--red-100:#fde5e5;--red-500:#e5484d;--red-600:#c93a3f;--violet-100:#ece7fe;--violet-500:#7c5cfc;--violet-600:#6543e8;--surface-canvas:var(--gray-50);--surface-page:var(--gray-0);--surface-card:var(--gray-0);--surface-sunken:var(--gray-100);--surface-hover:var(--gray-50);--surface-selected:var(--blue-50);--text-heading:var(--gray-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--text-on-accent:#fff;--text-link:var(--blue-600);--accent:var(--blue-500);--accent-hover:var(--blue-600);--accent-press:var(--blue-700);--accent-soft:var(--blue-50);--accent-soft-2:var(--blue-100);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-accent:var(--blue-500);--success:var(--green-500);--success-soft:var(--green-100);--warning:var(--amber-500);--warning-soft:var(--amber-100);--danger:var(--red-500);--danger-soft:var(--red-100);--ai:var(--violet-500);--ai-soft:var(--violet-100);--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--text-5xl:48px;--text-6xl:64px;--leading-tight:1.1;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--shadow-xs:0 1px 2px #131a220d;--shadow-sm:0 1px 2px #131a220d, 0 2px 8px #131a220a;--shadow-md:0 2px 4px #131a220d, 0 8px 24px #131a2212;--shadow-lg:0 4px 8px #131a220f, 0 16px 48px #131a221f;--shadow-accent:0 2px 8px #0c8afc4d;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.18s;--duration-slow:.28s;--focus-ring:0 0 0 3px #0c8afc40;--content-max:1120px;--wide-max:1180px}
@keyframes fg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fg-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes fg-marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fg-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes fg-pulse{0%{box-shadow:0 0 #0c8afc47}70%,to{box-shadow:0 0 0 13px #0c8afc00}}@keyframes fg-step-sweep{0%,9%{opacity:0;transform:translate(-100%)}16%{opacity:.75}30%{opacity:0;transform:translate(100%)}to{opacity:0;transform:translate(100%)}}@keyframes fg-step-beat{0%,10%,36%,to{opacity:.24;transform:scale(.78)}18%{opacity:1;transform:scale(1.08)}}@keyframes fg-cursor{0%,to{transform:translate(42px,44px)}35%{transform:translate(245px,116px)}62%{transform:translate(178px,188px)}}@keyframes fg-recording-line{0%{transform:translate(-38%)}to{transform:translate(38%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--blue-100)}.site-shell{min-height:100vh;overflow-x:clip}.container{width:min(100% - 64px, var(--content-max));margin:0 auto}.container-wide{width:min(100% - 64px, var(--wide-max));margin:0 auto}.section{padding:var(--space-24) 0}.section-muted{background:var(--gray-50);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}[data-reveal]{opacity:1;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(0)}body.reveal-enabled [data-reveal]:not(.is-visible){opacity:0;transform:translateY(20px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.heading-xl{color:var(--text-heading);font-size:var(--text-5xl);letter-spacing:0;font-weight:800;line-height:var(--leading-tight);margin:0}.heading-lg{color:var(--text-heading);font-size:var(--text-4xl);letter-spacing:0;font-weight:800;line-height:var(--leading-tight);margin:0}.body-large{color:var(--text-muted);font-size:var(--text-xl);line-height:1.6}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.muted-link{color:var(--text-muted);transition:color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out)}.muted-link:hover{color:var(--text-heading)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.container,.container-wide{width:min(100% - 40px, var(--content-max))}.section{padding:var(--space-20) 0}.heading-xl{font-size:var(--text-4xl)}.heading-lg{font-size:var(--text-3xl)}.body-large{font-size:var(--text-lg)}}@media (max-width:620px){.container,.container-wide{width:min(100% - 32px, var(--content-max))}.section{padding:var(--space-16) 0}.heading-xl{font-size:var(--text-3xl)}}
.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:0;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.button svg{stroke-width:1.8px;width:17px;height:17px}.button-sm{min-height:34px;font-size:var(--text-sm);padding:0 12px}.button-md{min-height:38px;font-size:var(--text-md);padding:0 16px}.button-lg{min-height:44px;padding:0 20px;font-size:15px}.button-primary{color:var(--text-on-accent);background:var(--accent);box-shadow:var(--shadow-accent)}.button-primary:hover{background:var(--accent-hover)}.button-primary:active{background:var(--accent-press)}.button-secondary{color:var(--gray-700);background:var(--gray-0);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.button-secondary:hover{color:var(--text-heading);background:var(--gray-50);border-color:var(--border-strong)}.button-ghost{color:var(--gray-700);background:0 0}.button-ghost:hover{background:var(--gray-50);color:var(--text-heading)}.button-dark{color:var(--text-heading);background:var(--gray-0);border-color:var(--gray-0)}.button-dark:hover{background:var(--blue-50);border-color:var(--blue-100)}.button[aria-pressed=true]{color:var(--text-heading);background:var(--gray-0);box-shadow:var(--shadow-xs)}
.icon-badge{border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-badge svg{stroke-width:1.7px;width:55%;height:55%}.icon-badge-sm{width:28px;height:28px}.icon-badge-md{width:42px;height:42px}.icon-badge-lg{width:48px;height:48px}.icon-badge-blue{color:var(--blue-700);background:var(--accent-soft)}.icon-badge-green{color:var(--green-600);background:var(--green-100)}.icon-badge-violet{color:var(--violet-600);background:var(--violet-100)}.icon-badge-amber{color:var(--amber-600);background:var(--amber-100)}.icon-badge-neutral{color:var(--gray-700);background:var(--gray-100)}.icon-badge-floating{animation:4.6s ease-in-out infinite fg-float}
.logo{color:var(--text-heading);letter-spacing:0;align-items:center;gap:8px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.logo img{object-fit:contain;width:27px;height:27px}.logo span span{color:var(--accent)}.logo-invert,.logo-invert span span{color:#fff}
.section-heading{max-width:660px;margin-bottom:var(--space-12)}.section-heading-center{text-align:center;margin-left:auto;margin-right:auto}.section-heading-left{text-align:left}.section-heading .heading-lg{margin-top:var(--space-3)}.section-heading .body-large{margin:var(--space-4) 0 0}.section-heading-invert .eyebrow{color:var(--blue-300)}.section-heading-invert .heading-lg{color:#fff}.section-heading-invert .body-large{color:#ffffffbd}
.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #e2e7eeb8;position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-8);height:66px;display:flex}.desktop-nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{border-radius:var(--radius-sm);min-height:36px;color:var(--text-body);font-size:var(--text-md);transition:color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.nav-link:hover,.nav-link-active{color:var(--text-heading);background:var(--gray-50)}.header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.mobile-menu-button{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-heading);cursor:pointer;background:#fff;justify-content:center;align-items:center;margin-left:auto;display:none}.mobile-menu-button svg{width:20px;height:20px}.mobile-menu{border-top:1px solid var(--border-subtle);background:#fff;display:none}.mobile-menu-panel{width:min(100% - 32px, var(--content-max));padding:var(--space-4) 0 var(--space-5);gap:var(--space-2);flex-direction:column;margin:0 auto;display:flex}.mobile-menu-panel>a{min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);align-items:center;font-weight:700;display:flex}.mobile-menu-panel>a:hover{background:var(--gray-50);color:var(--text-heading)}.mobile-menu-actions{gap:var(--space-2);padding-top:var(--space-3);grid-template-columns:1fr;display:grid}@media (max-width:860px){.desktop-nav,.header-actions{display:none}.mobile-menu-button{display:inline-flex}.mobile-menu-open{display:block}}
.site-footer{border-top:1px solid var(--border-subtle);background:#fff}.footer-grid{gap:var(--space-10);padding:var(--space-16) 0 var(--space-10);grid-template-columns:1.55fr repeat(3,1fr);display:grid}.footer-brand p{max-width:260px;margin:var(--space-4) 0 0;color:var(--text-muted);line-height:1.6}.footer-column h2{margin:0 0 var(--space-4);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;font-weight:800}.footer-column div{flex-direction:column;gap:10px;display:flex}.footer-column a{color:var(--text-muted);font-weight:600}.footer-column a:hover{color:var(--text-heading)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0 var(--space-10);border-top:1px solid var(--border-subtle);color:var(--text-faint);font-size:var(--text-sm);display:flex}.footer-social{align-items:center;gap:var(--space-3);display:flex}.footer-social a{color:var(--text-faint)}.footer-social a:hover{color:var(--accent)}.footer-social svg{width:18px;height:18px}@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}
.flowguide-logo-motion{z-index:1;width:100%;height:100%;display:block;position:relative;overflow:visible}.flowguide-logo-piece{fill:var(--accent);opacity:0;transform-box:fill-box;transform-origin:50%;animation-duration:3.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:var(--motion-delay);will-change:opacity, transform}.flowguide-logo-static{fill:var(--accent);opacity:.14}.flowguide-logo-dot{animation-name:fg-logo-dot-bounce;animation-timing-function:cubic-bezier(.23,1,.32,1)}.flowguide-logo-ribbon-x{transform-origin:0;animation-name:fg-logo-wipe-x;animation-timing-function:cubic-bezier(.2,.95,.22,1)}.flowguide-logo-ribbon-y{transform-origin:bottom;animation-name:fg-logo-wipe-y;animation-timing-function:cubic-bezier(.2,.95,.22,1)}@keyframes fg-logo-dot-bounce{0%,4%{opacity:0;transform:translateY(20px)scale(.22)}11%{opacity:1;transform:translateY(-12px)scale(1.16)}18%,78%{opacity:1;transform:translateY(0)scale(1)}88%,to{opacity:0;transform:translateY(-6px)scale(.94)}}@keyframes fg-logo-wipe-x{0%,6%{opacity:0;transform:scaleX(.04)}18%,78%{opacity:1;transform:scaleX(1)}90%,to{opacity:0;transform:scaleX(1)}}@keyframes fg-logo-wipe-y{0%,6%{opacity:0;transform:scaleY(.04)}18%,78%{opacity:1;transform:scaleY(1)}90%,to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.flowguide-logo-piece{opacity:1;animation:none;transform:none}}
.hero{background:#fff;min-height:680px;padding:86px 0 34px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);height:130px;position:absolute;inset:auto 0 0}.hero-inner{z-index:2;position:relative}.hero-copy{max-width:620px}.hero-badge{border:1px solid var(--blue-100);border-radius:var(--radius-full);color:var(--blue-700);background:var(--accent-soft);font-size:var(--text-sm);align-items:center;gap:7px;padding:6px 12px 6px 10px;font-weight:800;display:inline-flex}.hero-badge svg{width:14px;height:14px}.hero h1{margin:var(--space-5) 0 0;max-width:620px;color:var(--text-heading);font-size:var(--text-6xl);letter-spacing:0;font-weight:800;line-height:1.04}.hero h1 span{color:var(--accent)}.hero-copy>p{max-width:550px;margin:var(--space-6) 0 0;color:var(--text-muted);font-size:19px;line-height:1.62}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-proof{align-items:center;gap:var(--space-4);margin-top:var(--space-8);display:flex}.avatar-row{display:flex}.avatar-row span{border-radius:var(--radius-full);width:38px;height:38px;color:var(--blue-700);background:var(--accent-soft);box-shadow:var(--shadow-xs);font-size:var(--text-sm);border:2px solid #fff;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar-row span:nth-child(2){color:var(--violet-600);background:var(--violet-100)}.avatar-row span:nth-child(3){color:var(--green-600);background:var(--green-100)}.avatar-row span+span{margin-left:-12px}.star-row{color:var(--amber-500);gap:2px;display:flex}.star-row svg{fill:currentColor;width:15px;height:15px}.hero-proof p{color:var(--text-muted);margin:4px 0 0;font-size:13.5px}.hero-proof strong{color:var(--text-heading)}.hero-notes{gap:var(--space-3);margin-top:var(--space-4);color:var(--text-faint);font-size:var(--text-sm);flex-wrap:wrap;font-weight:700;display:flex}.hero-scene{z-index:1;top:78px;right:max(24px, calc((100vw - var(--wide-max)) / 2));pointer-events:none;width:560px;height:510px;position:absolute}.hero-screenshot{border:1px solid var(--blue-100);border-radius:var(--radius-xl);background:var(--blue-50);width:470px;height:318px;box-shadow:var(--shadow-lg);position:absolute;bottom:0;right:0;overflow:hidden}.hero-screenshot img{object-fit:cover;object-position:center top;opacity:.72;width:100%;height:100%}.hero-logo-panel{border:1px solid var(--blue-100);border-radius:var(--radius-xl);background:linear-gradient(180deg, #fffffff0, #eff7ffeb), radial-gradient(var(--blue-100) 1px, transparent 1px);background-size:auto,22px 22px;justify-content:center;align-items:center;width:252px;height:252px;padding:28px;display:flex;position:absolute;top:26px;right:72px;overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.hero-logo-panel:before{content:"";border-radius:calc(var(--radius-xl) - 8px);border:1px dashed #0a8afe38;position:absolute;inset:18px}.hero-logo-panel .flowguide-logo-motion{filter:drop-shadow(0 12px 22px #0a8afe2e);width:min(100%,162px);height:min(100%,162px)}.hero-chip{border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;align-items:center;gap:10px;padding:10px 13px;animation:5.4s ease-in-out infinite fg-float;display:inline-flex;position:absolute}.hero-chip strong{color:var(--text-heading);font-size:var(--text-sm);line-height:1.2;display:block}.hero-chip small{color:var(--text-faint);margin-top:2px;font-size:11px;display:block}.hero-chip-click{top:122px;left:34px}.hero-chip-click>span{border-radius:var(--radius-full);color:#fff;background:var(--accent);width:27px;height:27px;font-size:var(--text-sm);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.hero-chip-recording{border-radius:var(--radius-full);animation-delay:.6s;top:68px;right:0}.recording-dot{border-radius:var(--radius-full);background:var(--red-500);width:9px;height:9px;animation:1.4s ease-in-out infinite fg-blink}.hero-chip-ready{animation-delay:.3s;bottom:18px;right:18px}.hero-chip-ready svg{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--green-600);background:var(--green-100);padding:7px}.logo-marquee{padding:34px 0 26px;overflow:hidden}.logo-marquee p{margin:0 0 var(--space-6);text-align:center;color:var(--text-faint);font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;font-weight:800}.marquee-stack{gap:var(--space-5);flex-direction:column;display:flex}.marquee-mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:var(--space-16);width:max-content;display:flex}.marquee-track-left{animation:42s linear infinite fg-marquee-left}.marquee-track-right{animation:42s linear infinite fg-marquee-right}.brand-logo{color:var(--brand-color);flex:none;align-items:center;gap:12px;display:inline-flex}.brand-logo svg{flex:none;width:30px;height:30px}.brand-logo span{color:var(--brand-color);font-size:var(--text-2xl);font-weight:800}.steps-grid,.feature-grid,.usecase-grid,.testimonial-grid,.pricing-grid{gap:var(--space-5);display:grid}.steps-grid{z-index:1;grid-template-columns:repeat(3,1fr);position:relative}.step-card,.feature-card,.usecase-card,.testimonial-card,.pricing-card{border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff}.step-card,.feature-card{transition:transform var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out);padding:28px}.step-card{--step-accent:var(--accent);--step-soft:var(--accent-soft);--step-delay:calc(var(--step-index) * .92s);isolation:isolate;position:relative;overflow:hidden}.step-card[data-tone=violet]{--step-accent:var(--violet-600);--step-soft:var(--violet-100)}.step-card[data-tone=green]{--step-accent:var(--green-600);--step-soft:var(--green-100)}.step-card:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, var(--step-accent), transparent);opacity:0;height:3px;animation:7.2s ease-in-out infinite fg-step-sweep;animation-delay:var(--step-delay);pointer-events:none;position:absolute;inset:0 0 auto;transform:translate(-100%)}.step-card:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, var(--step-accent), #fff0);opacity:.16;height:2px;position:absolute;bottom:26px;left:28px;right:28px}.step-card:hover,.feature-card:hover,.pricing-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-6px)}.step-card-top{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.step-card-label{align-items:center;gap:var(--space-3);display:flex}.step-card-label>span{color:var(--text-faint);font-size:var(--text-xs);text-transform:uppercase;font-weight:800}.step-card-flow{justify-content:flex-end;align-items:center;gap:6px;min-width:48px;display:inline-flex}.step-card-flow span{border-radius:var(--radius-full);background:var(--step-accent);opacity:.24;width:6px;height:6px;animation:7.2s ease-in-out infinite fg-step-beat;animation-delay:var(--step-delay);transform:scale(.78)}.step-card-flow span:nth-child(2){animation-delay:calc(var(--step-delay) + .12s)}.step-card-flow span:nth-child(3){animation-delay:calc(var(--step-delay) + .24s)}.step-card h3,.feature-card h3,.usecase-card h3{margin:var(--space-5) 0 0;color:var(--text-heading);font-size:var(--text-xl);line-height:1.25}.step-card p,.feature-card p,.usecase-card p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:15px;line-height:1.58}.product-showcase-grid{gap:var(--space-16);grid-template-columns:.9fr 1.1fr;align-items:center;display:grid}.showcase-copy{align-self:center;max-width:600px}.showcase-copy .section-heading{margin-bottom:var(--space-10)}.showcase-bullets{gap:var(--space-4);margin-top:0;display:grid}.showcase-bullet{align-items:flex-start;gap:var(--space-3);display:flex}.showcase-bullet>span{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--green-600);background:var(--green-100);flex:none;justify-content:center;align-items:center;display:inline-flex}.showcase-bullet svg{width:15px;height:15px}.showcase-bullet p{color:var(--text-body);margin:0;font-size:15px;line-height:1.58}.showcase-bullet strong{color:var(--text-heading)}.studio-preview{position:relative}.studio-window{padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;position:relative;overflow:hidden}.studio-window-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.studio-window-header strong{color:var(--text-heading);font-size:var(--text-lg);display:block}.studio-window-header span{color:var(--text-faint);font-size:var(--text-sm);margin-top:3px;display:block}.public-pill{border-radius:var(--radius-full);background:var(--green-100);align-items:center;gap:6px;min-height:26px;padding:0 10px;font-weight:800;color:var(--green-600)!important;font-size:var(--text-xs)!important;display:inline-flex!important}.public-pill svg{width:13px;height:13px}.studio-step-list{gap:var(--space-3);margin-top:var(--space-4);display:grid}.studio-step{align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--gray-25);grid-template-columns:32px 1fr 24px;display:grid}.studio-step-active{border-color:var(--blue-200);background:var(--blue-50)}.studio-step>span{border-radius:var(--radius-full);color:#fff;background:var(--accent);justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:inline-flex}.studio-step strong{color:var(--text-heading);font-size:var(--text-md);display:block}.studio-step small{color:var(--text-muted)}.studio-step svg{color:var(--accent)}.recording-preview{height:190px;margin-top:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--gray-50);overflow:hidden}.recording-preview img{object-fit:cover;object-position:center top;width:100%;height:100%}.ai-chip{border:1px solid var(--violet-100);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;align-items:center;gap:10px;padding:9px 13px;animation:6.5s ease-in-out .5s infinite fg-float;display:inline-flex;position:absolute;bottom:-18px;left:-18px}.ai-chip svg{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--violet-600);background:var(--violet-100);padding:7px}.ai-chip strong,.ai-chip span{display:block}.ai-chip strong{color:var(--text-heading);font-size:var(--text-sm)}.ai-chip span{color:var(--text-faint);font-size:11px}.feature-grid,.usecase-grid{grid-template-columns:repeat(3,1fr)}.feature-card h3{margin-top:var(--space-4);font-size:var(--text-lg)}.usecase-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);display:flex}.usecase-card h3{font-size:var(--text-lg);margin:0}.comparison-section{color:#fff;background:var(--gray-900)}.comparison-inner .section-heading{margin-bottom:var(--space-10)}.comparison-table{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff1a;overflow:hidden}.comparison-row{align-items:center;gap:var(--space-3);border-bottom:1px solid #ffffff12;grid-template-columns:1.6fr repeat(3,1fr);padding:15px 24px;display:grid}.comparison-row:last-child{border-bottom:0}.comparison-row>span:first-child{color:var(--gray-200);font-weight:700}.comparison-head{padding:18px 24px}.comparison-head strong{text-align:center;color:var(--gray-300);font-size:var(--text-sm)}.comparison-head strong:first-of-type{color:#fff}.comparison-check,.comparison-check-highlight,.comparison-minus,.comparison-text,.comparison-text-highlight{justify-self:center}.comparison-check svg,.comparison-check-highlight svg,.comparison-minus svg{width:19px;height:19px}.comparison-check svg{color:var(--green-500)}.comparison-check-highlight svg,.comparison-text-highlight{color:var(--blue-300)}.comparison-minus svg{color:#ffffff47}.comparison-text,.comparison-text-highlight{font-size:var(--text-sm);font-weight:800}.comparison-text{color:var(--gray-300)}.integration-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.integration-tile{align-items:center;gap:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:76px;box-shadow:var(--shadow-xs);background:#fff;padding:18px 20px;display:flex}.integration-tile span{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--gray-700);background:var(--gray-100);flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.integration-tile strong{color:var(--text-heading);font-size:15px}.testimonial-grid{grid-template-columns:repeat(3,1fr)}.testimonial-card{gap:var(--space-4);flex-direction:column;padding:26px;display:flex}.testimonial-card p{color:var(--text-body);margin:0;font-size:15.5px;line-height:1.6}.testimonial-author{align-items:center;gap:var(--space-3);margin-top:auto;display:flex}.testimonial-author>span{border-radius:var(--radius-full);width:38px;height:38px;color:var(--blue-700);background:var(--accent-soft);flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.testimonial-author strong,.testimonial-author small{display:block}.testimonial-author strong{color:var(--text-heading)}.testimonial-author small{color:var(--text-muted)}.pricing-section{background:#fff}.pricing-section-page{padding-top:var(--space-8)}.billing-toggle{align-items:center;gap:var(--space-1);width:fit-content;margin:0 auto var(--space-8);padding:var(--space-1);border-radius:var(--radius-full);background:var(--gray-100);display:flex}.billing-toggle .button{border-radius:var(--radius-full)}.billing-toggle .button span span,.billing-toggle .button>span>span{border-radius:var(--radius-full);color:var(--green-600);background:var(--green-100);margin-left:7px;padding:1px 7px;font-size:11px;display:inline-flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:1120px;margin-left:auto;margin-right:auto}.pricing-card{min-height:100%;transition:transform var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out);flex-direction:column;padding:26px 24px;display:flex;position:relative}.pricing-card-highlighted{border:2px solid var(--accent);box-shadow:var(--shadow-lg)}.popular-badge{border-radius:var(--radius-full);color:#fff;background:var(--accent);min-height:26px;box-shadow:var(--shadow-accent);text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-card-header h3{color:var(--text-heading);font-size:var(--text-lg);margin:0}.pricing-card-header p{color:var(--text-muted);margin:4px 0 0;font-size:13.5px}.plan-price{min-height:86px;margin-top:var(--space-5)}.plan-price em{color:var(--text-faint);font-size:var(--text-sm);text-transform:uppercase;margin:0 0 2px;font-style:normal;font-weight:800;display:block}.plan-price strong{color:var(--text-heading);letter-spacing:0;font-size:40px;font-weight:800;line-height:1}.plan-price small{color:var(--text-muted);font-size:var(--text-sm);margin-left:5px;font-weight:700}.plan-price span{min-height:18px;margin-top:var(--space-2);color:var(--text-faint);font-size:var(--text-sm);display:block}.pricing-divider{height:1px;margin:var(--space-5) 0;background:var(--border-subtle)}.pricing-card ul{margin:0 0 var(--space-6);gap:11px;padding:0;list-style:none;display:grid}.pricing-card li{color:var(--text-body);align-items:flex-start;gap:9px;font-size:13.5px;display:flex}.pricing-card li svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:1px}.pricing-cta{width:100%;margin-top:auto}.pricing-highlights{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;font-weight:700;display:flex}.pricing-highlights span{align-items:center;gap:7px;display:inline-flex}.pricing-highlights svg{width:15px;height:15px;color:var(--green-600)}.faq-container{max-width:780px}.faq-list{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;overflow:hidden}.faq-item+.faq-item{border-top:1px solid var(--border-subtle)}.faq-item button{align-items:center;gap:var(--space-4);width:100%;color:var(--text-heading);cursor:pointer;text-align:left;background:0 0;border:0;padding:20px 24px;display:flex}.faq-item button span{font-size:var(--text-lg);flex:1;font-weight:800}.faq-item button svg{width:19px;height:19px;color:var(--text-muted);transition:transform var(--duration-slow) var(--ease-out);flex:none}.faq-item button[aria-expanded=true] svg{transform:rotate(180deg)}.faq-answer p{color:var(--text-muted);margin:0;padding:0 24px 20px;font-size:15px;line-height:1.65}.cta-section{background:#fff}.cta-band{justify-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);color:#fff;background-color:var(--accent);text-align:center;background-image:radial-gradient(#ffffff29 1px,#0000 1px);background-size:24px 24px;border-radius:24px;display:grid;position:relative;overflow:hidden}.cta-band h2{color:#fff;font-size:var(--text-4xl);line-height:var(--leading-tight);margin:0}.cta-band p{color:#ffffffe0;font-size:var(--text-xl);margin:0}.pricing-hero{padding:var(--space-20) 0 var(--space-10);background:#fff;position:relative;overflow:hidden}.pricing-hero-inner{text-align:center;max-width:720px}.pricing-hero h1{margin:var(--space-3) 0 0;color:var(--text-heading);font-size:var(--text-5xl);line-height:var(--leading-tight);letter-spacing:0}.pricing-hero p{margin:var(--space-4) auto 0;max-width:620px;color:var(--text-muted);font-size:var(--text-xl);line-height:1.6}@media (max-width:1120px){.hero-scene{opacity:.82;width:470px}.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero{min-height:auto;padding:var(--space-16) 0 var(--space-8)}.hero h1{font-size:var(--text-5xl)}.hero-scene{width:min(100%,560px);height:430px;margin:var(--space-10) auto 0;position:relative;top:auto;right:auto}.hero-logo-panel{width:214px;height:214px;padding:24px;right:58px}.hero-screenshot{width:430px;max-width:88%}.steps-line{display:none}.steps-grid,.feature-grid,.usecase-grid,.testimonial-grid,.product-showcase-grid,.integration-grid{grid-template-columns:1fr 1fr}.product-showcase-grid{gap:var(--space-10)}.showcase-copy{max-width:none}.comparison-row{grid-template-columns:1.4fr repeat(3,1fr);padding:14px 16px}}@media (max-width:680px){.hero h1{font-size:40px}.hero-copy>p{font-size:var(--text-lg)}.hero-actions,.hero-proof{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-scene{height:360px}.hero-logo-panel{width:184px;height:184px;padding:22px;right:24px}.hero-chip-click{left:0}.hero-chip-recording{right:0}.steps-grid,.feature-grid,.usecase-grid,.testimonial-grid,.product-showcase-grid,.integration-grid,.pricing-grid{grid-template-columns:1fr}.comparison-table{overflow-x:auto}.comparison-row{min-width:640px}.studio-window-header{flex-direction:column;align-items:flex-start}.ai-chip{margin-top:var(--space-4);position:static}.cta-band{padding:var(--space-12) var(--space-5);border-radius:var(--radius-lg)}.cta-band h2,.pricing-hero h1{font-size:var(--text-3xl)}}