@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #09090b;--color-bg-alt: #111113;--color-bg-card: #18181b;--color-border: #27272a;--color-border-light: #3f3f46;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent: #f5c542;--color-accent-hover: #fcd34d;--color-purple: #8b5cf6;--color-cyan: #22d3ee;--color-pink: #ec4899;--color-green: #22c55e;--color-orange: #f97316;--color-red: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--container-max: 1200px;--container-narrow: 800px;--header-height: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--container-narrow)}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:#09090bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.header__logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:18px}.header__logo-icon{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-purple),var(--color-pink));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.header__nav{display:flex;align-items:center;gap:var(--space-xs)}.header__nav-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text-secondary);transition:all var(--transition-fast)}.header__nav-link:hover{color:var(--color-text);background:var(--color-bg-card)}.header__nav-link--active{color:var(--color-accent);background:var(--color-bg-card)}.header__cta{margin-left:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:16px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base)}.btn--primary{background:var(--color-accent);color:var(--color-bg)}.btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.btn--secondary{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-border);border-color:var(--color-border-light)}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:14px}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:18px}.main{padding-top:var(--header-height)}.hero{position:relative;padding:var(--space-5xl) 0;overflow:hidden}.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__bg-blur{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(150px);opacity:.3}.hero__bg-blur--purple{background:var(--color-purple);top:10%;left:10%}.hero__bg-blur--cyan{background:var(--color-cyan);bottom:10%;right:10%}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.hero__content{max-width:600px}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.hero__title{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.1;margin-bottom:var(--space-lg)}.hero__title-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-purple),var(--color-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:20px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-xl)}.hero__actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero__visual{display:flex;justify-content:flex-end}.section{padding:var(--space-5xl) 0}.section--alt{background:var(--color-bg-alt)}.section__header{text-align:center;margin-bottom:var(--space-4xl)}.section__title{font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:var(--space-md)}.section__subtitle{font-size:20px;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.feature-card{padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-border-light);transform:translateY(-4px)}.feature-card__icon{font-family:var(--font-mono);font-size:28px;font-weight:700;margin-bottom:var(--space-lg)}.feature-card__icon--yellow{color:var(--color-accent)}.feature-card__icon--purple{color:var(--color-purple)}.feature-card__icon--cyan{color:var(--color-cyan)}.feature-card__icon--pink{color:var(--color-pink)}.feature-card__icon--green{color:var(--color-green)}.feature-card__icon--orange{color:var(--color-orange)}.feature-card__title{font-size:20px;font-weight:600;margin-bottom:var(--space-sm)}.feature-card__desc{font-size:16px;color:var(--color-text-secondary);line-height:1.7}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.use-case-card{display:block;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.use-case-card:hover{border-color:var(--color-border-light);transform:translateY(-2px)}.use-case-card__icon{font-family:var(--font-mono);font-size:24px;font-weight:700;margin-bottom:var(--space-md)}.use-case-card__title{font-size:18px;font-weight:600;margin-bottom:var(--space-xs)}.use-case-card__tagline{font-size:14px;color:var(--color-accent);font-weight:500;margin-bottom:var(--space-sm)}.use-case-card__desc{font-size:14px;color:var(--color-text-muted);line-height:1.6}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.comparison__col{padding:var(--space-2xl);border-radius:var(--radius-xl)}.comparison__col--competitors{background:var(--color-bg-card);border:1px solid var(--color-border)}.comparison__col--advantage{background:linear-gradient(135deg,rgba(245,197,66,.1),transparent);border:1px solid rgba(245,197,66,.2)}.comparison__title{display:flex;align-items:center;gap:var(--space-sm);font-size:20px;font-weight:600;margin-bottom:var(--space-xl)}.comparison__title--muted{color:var(--color-text-muted)}.comparison__title--accent{color:var(--color-accent)}.comparison__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-lg)}.comparison__item{display:flex;gap:var(--space-md)}.comparison__item-num{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0}.comparison__item-check{width:24px;height:24px;border-radius:var(--radius-full);background:#f5c54233;display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.comparison__item-content strong{display:block;color:var(--color-text);margin-bottom:2px}.comparison__item-content span{color:var(--color-text-muted);font-size:15px}.code-demo{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);font-size:14px}.code-demo__header{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:#0003}.code-demo__dot{width:12px;height:12px;border-radius:50%}.code-demo__dot--red{background:#ef444480}.code-demo__dot--yellow{background:#f5c54280}.code-demo__dot--green{background:#22c55e80}.code-demo__content{padding:var(--space-md);overflow-x:auto}.code-demo__line{display:flex;padding:2px var(--space-md);margin:0 calc(-1 * var(--space-md));transition:background var(--transition-fast)}.code-demo__line:hover{background:#ffffff08}.code-demo__line-num{width:32px;color:var(--color-text-muted);text-align:right;padding-right:var(--space-md);-webkit-user-select:none;user-select:none;flex-shrink:0}.code-demo__line-content{white-space:pre}.code--yellow{color:var(--color-accent)}.code--purple{color:var(--color-purple)}.code--cyan{color:var(--color-cyan)}.code--green{color:var(--color-green)}.code--orange{color:var(--color-orange)}.code--pink{color:var(--color-pink)}.code--muted{color:var(--color-text-muted)}.cta{position:relative;padding:var(--space-5xl) 0;text-align:center;overflow:hidden}.cta__bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(139,92,246,.1),transparent,rgba(34,211,238,.1));pointer-events:none}.cta__inner{position:relative;z-index:1;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-lg)}.cta__title{font-size:clamp(32px,5vw,56px);font-weight:700;margin-bottom:var(--space-md)}.cta__subtitle{font-size:20px;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl)}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-3xl);max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:18px;margin-bottom:var(--space-md)}.footer__desc{font-size:14px;color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-md)}.footer__cta-link{font-size:14px;color:var(--color-accent);font-weight:500}.footer__cta-link:hover{text-decoration:underline}.footer__col-title{font-size:14px;font-weight:600;margin-bottom:var(--space-md)}.footer__links{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer__link{font-size:14px;color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);margin-top:var(--space-xl);border-top:1px solid var(--color-border);max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.footer__copy{font-size:14px;color:var(--color-text-muted)}.footer__legal{display:flex;gap:var(--space-lg)}.footer__legal-link{font-size:14px;color:var(--color-text-muted)}.footer__legal-link:hover{color:var(--color-text)}@media(max-width:1024px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__content{max-width:100%}.hero__actions{justify-content:center}.hero__visual{justify-content:center;margin-top:var(--space-xl)}.comparison{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr;gap:var(--space-xl)}.footer__bottom{flex-direction:column;gap:var(--space-md);text-align:center}}@media(max-width:768px){:root{--space-5xl: 80px;--space-4xl: 64px}.header__nav{display:none}.features,.use-cases{grid-template-columns:1fr}}.cookie-consent{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-lg)}.cookie-consent__backdrop{position:absolute;inset:0;background:#00000080}.cookie-consent__banner{position:relative;z-index:1;width:100%;max-width:600px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-consent__content{margin-bottom:var(--space-xl)}.cookie-consent__title{font-size:18px;font-weight:600;margin-bottom:var(--space-md)}.cookie-consent__text{font-size:14px;color:var(--color-text-secondary);line-height:1.7}.cookie-consent__link{color:var(--color-accent);text-decoration:underline}.cookie-consent__link:hover{color:var(--color-accent-hover)}.cookie-consent__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.cookie-consent__btn{flex:1;min-width:120px;padding:var(--space-md) var(--space-lg);font-size:14px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.cookie-consent__btn--primary{background:var(--color-accent);color:var(--color-bg)}.cookie-consent__btn--primary:hover{background:var(--color-accent-hover)}.cookie-consent__btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.cookie-consent__btn--secondary:hover{background:var(--color-bg-alt);border-color:var(--color-border-light)}.cookie-consent__options{display:flex;flex-direction:column;gap:var(--space-md)}.cookie-consent__option{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.cookie-consent__option:hover{border-color:var(--color-border-light)}.cookie-consent__option-info{display:flex;flex-direction:column;gap:2px}.cookie-consent__option-title{font-size:14px;font-weight:600}.cookie-consent__option-desc{font-size:12px;color:var(--color-text-muted)}.cookie-consent__checkbox{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer}.cookie-consent__checkbox:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.cookie-consent__actions{flex-direction:column}.cookie-consent__btn{width:100%}}