:root{--color-brand-primary: #0F172A;--color-brand-secondary: #5A189A;--color-accent: #D9048E;--color-accent-coral: #FF4D6D;--color-accent-orange: #FF8A00;--color-background: #FFFFFF;--color-background-alt: #F8FAFC;--color-surface: #F1F5F9;--color-surface-elevated: #FFFFFF;--color-text: #0F172A;--color-text-secondary: #334155;--color-text-muted: #64748B;--color-text-on-dark: #F8FAFC;--color-text-on-accent: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--gradient-brand: linear-gradient(135deg, #5A189A 0%, #D9048E 40%, #FF4D6D 70%, #FF8A00 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(90, 24, 154, .08) 0%, rgba(217, 4, 142, .06) 40%, rgba(255, 77, 109, .04) 70%, rgba(255, 138, 0, .03) 100%);--font-primary: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .775rem + .2vw, .875rem);--text-base: clamp(.9375rem, .9rem + .2vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + .3vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + .4vw, 1.25rem);--text-2xl: clamp(1.375rem, 1.2rem + .8vw, 1.5rem);--text-3xl: clamp(1.625rem, 1.4rem + 1.1vw, 1.875rem);--text-4xl: clamp(2rem, 1.6rem + 1.8vw, 2.5rem);--text-5xl: clamp(2.5rem, 1.8rem + 3vw, 3.5rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-max: 72rem;--container-narrow: 48rem;--container-prose: 40rem;--gutter: clamp(1rem, .5rem + 2vw, 2rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-header: 100;--z-overlay: 200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-coral)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--container-narrow)}.container--prose{max-width:40rem}.section{padding-block:var(--space-20)}@media(min-width:768px){.section{padding-block:var(--space-32)}}.section--alt{background-color:var(--color-background-alt)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-balance{text-wrap:balance}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;line-height:1;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background:var(--gradient-brand);color:var(--color-text-on-accent);box-shadow:var(--shadow-md),0 0 #d9048e00}.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 20px #d9048e26;color:var(--color-text-on-accent)}.btn--secondary{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-background-alt)}.btn--ghost{background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4)}.btn--ghost:hover{color:var(--color-accent);background:#d9048e0d}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:#d9048e33;box-shadow:var(--shadow-md)}.card__icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:1.5rem;background:var(--gradient-brand-subtle)}.card__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.card__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:0}.grid{display:grid;gap:var(--space-6)}.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.header{position:sticky;top:0;z-index:var(--z-header);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.header__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}.header__logo-mark{height:2rem;width:auto}.header__logo-text{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.header__nav{display:none}@media(min-width:768px){.header__nav{display:flex;align-items:center;gap:var(--space-1)}}.header__nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__nav-link:hover{color:var(--color-text);background:var(--color-surface)}.header__nav-link--active{color:var(--color-accent)}.header__cta{margin-left:var(--space-4)}.header__mobile-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:none;cursor:pointer;color:var(--color-text);border-radius:var(--radius-md);transition:background var(--transition-fast)}.header__mobile-toggle:hover{background:var(--color-surface)}@media(min-width:768px){.header__mobile-toggle{display:none}}.header__mobile-menu{display:none;position:fixed;inset:0;top:4rem;background:var(--color-background);padding:var(--space-6);z-index:var(--z-overlay);flex-direction:column;gap:var(--space-2)}.header__mobile-menu.is-open{display:flex}.header__mobile-menu a{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);font-weight:500;color:var(--color-text);border-radius:var(--radius-md);transition:background var(--transition-fast)}.header__mobile-menu a:hover{background:var(--color-surface)}.footer{margin-top:auto;background:var(--color-brand-primary);color:var(--color-text-on-dark);padding:var(--space-16) 0 var(--space-8)}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-10);margin-bottom:var(--space-12)}@media(min-width:640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.footer__grid{grid-template-columns:2fr repeat(3,1fr)}}.footer__brand{max-width:20rem}.footer__brand-name{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3)}.footer__brand-tagline{color:var(--color-text-on-dark);opacity:.7;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer__heading{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);color:var(--color-text-on-dark);opacity:.5}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{font-size:var(--text-sm);color:var(--color-text-on-dark);opacity:.8;transition:opacity var(--transition-fast)}.footer__link:hover{opacity:1;color:var(--color-text-on-dark)}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media(min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-on-dark);opacity:.5}.hero{position:relative;overflow:hidden;padding:var(--space-20) 0 var(--space-16);background:var(--color-background)}@media(min-width:768px){.hero{padding:var(--space-32) 0 var(--space-24)}}.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__bg-dots{position:absolute;opacity:.04}.hero__content{position:relative;z-index:1;max-width:48rem}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.hero__badge-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{margin-bottom:var(--space-6);text-wrap:balance}.hero__title-accent{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:36rem;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media(min-width:640px){.hero__actions{flex-wrap:nowrap}}.steps{counter-reset:step}.step{counter-increment:step;position:relative;padding-left:var(--space-16);padding-bottom:var(--space-10)}@media(min-width:768px){.step{padding-left:var(--space-20);padding-bottom:0}}.step:before{content:counter(step);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--gradient-brand);color:var(--color-text-on-accent);font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center}.step:not(:last-child):after{content:"";position:absolute;left:1.125rem;top:2.75rem;width:2px;height:calc(100% - 2rem);background:var(--color-border)}@media(min-width:768px){.step:not(:last-child):after{display:none}}.step__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.step__text{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:0}.prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);position:relative;transition:all var(--transition-base)}.prompt-card:before{content:'"';position:absolute;top:-.25rem;left:var(--space-4);font-size:3rem;line-height:1;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.prompt-card:hover{border-color:#d9048e33;box-shadow:var(--shadow-sm)}.integration-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);transition:all var(--transition-fast)}.integration-badge:hover{border-color:var(--color-accent);background:var(--color-background)}.prose{max-width:40rem}.prose h2{margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p{margin-bottom:var(--space-4)}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-accent-coral)}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.prose pre{background:var(--color-brand-primary);color:var(--color-text-on-dark);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.prose pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-5);margin-bottom:var(--space-4);color:var(--color-text-secondary);font-style:italic}.prose strong{font-weight:600}.prose table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left}.prose th{background:var(--color-surface);font-weight:600}.page-header{padding:var(--space-16) 0 var(--space-10);background:var(--color-background-alt);border-bottom:1px solid var(--color-border)}@media(min-width:768px){.page-header{padding:var(--space-20) 0 var(--space-12)}}.page-header__title{margin-bottom:var(--space-3)}.page-header__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:36rem;line-height:var(--leading-relaxed);margin-bottom:0}.dot-wave-divider{width:100%;height:3rem;opacity:.15;overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-6);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:600;border-radius:var(--radius-md);text-decoration:none}.skip-link:focus{top:var(--space-4)}.chat-example{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.chat-example__header{padding:var(--space-3) var(--space-5);background:var(--color-background-alt);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.chat-example__message{padding:var(--space-5);display:flex;gap:var(--space-4)}.chat-example__avatar{width:2rem;height:2rem;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.chat-example__avatar--user{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.chat-example__avatar--assistant{background:var(--gradient-brand);color:var(--color-text-on-accent)}.chat-example__text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:0}.privacy-item{display:flex;gap:var(--space-4);align-items:flex-start}.privacy-item__icon{width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--gradient-brand-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.privacy-item__content{flex:1}.privacy-item__title{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-1)}.privacy-item__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:0}