:root{--sl-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sl-color-accent-low: #FFF0EB;--sl-color-accent: #F55036;--sl-color-accent-high: #151515;--sl-color-white: #151515;--sl-color-gray-1: #3D3935;--sl-color-gray-2: #6B6560;--sl-color-gray-3: #8A8480;--sl-color-gray-4: #A39E98;--sl-color-gray-5: #EAE6DE;--sl-color-gray-6: #FAF9F4;--sl-color-gray-7: #FFFDF5;--sl-color-black: #FFFDF5;--sl-color-bg: #FFFDF5;--sl-color-bg-nav: rgba(255, 253, 245, .85);--sl-color-bg-sidebar: #FAF9F4;--sl-color-bg-inline-code: #F8F6F0;--sl-color-hairline: #EAE6DE;--sl-color-hairline-light: rgba(234, 230, 222, .5);--sl-color-hairline-shade: #D6D1C8}:root[data-theme=dark]{--sl-color-accent-low: #2D1A14;--sl-color-accent: #F55036;--sl-color-accent-high: #FAF8F2;--sl-color-white: #FAF8F2;--sl-color-gray-1: #D6D1C8;--sl-color-gray-2: #A8A29E;--sl-color-gray-3: #8A8480;--sl-color-gray-4: #78716C;--sl-color-gray-5: #292623;--sl-color-gray-6: #1C1A16;--sl-color-gray-7: #0F0D0A;--sl-color-black: #0F0D0A;--sl-color-bg: #0F0D0A;--sl-color-bg-nav: rgba(15, 13, 10, .85);--sl-color-bg-sidebar: #1C1A16;--sl-color-bg-inline-code: #161410;--sl-color-hairline: #292623;--sl-color-hairline-light: rgba(41, 38, 35, .5);--sl-color-hairline-shade: #3D3935}.site-title{font-weight:800!important;color:var(--sl-color-white)!important;gap:.5rem!important}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.landing-container{padding:0 2rem}}.landing-header{position:sticky;top:0;z-index:100;background:var(--landing-glass-bg);border-bottom:1px solid var(--landing-border);backdrop-filter:var(--landing-glass-blur);-webkit-backdrop-filter:var(--landing-glass-blur)}.landing-header-inner{display:flex;align-items:center;justify-content:space-between;height:3.5rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.landing-header-inner{padding:0 2rem}}.landing-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:800;font-size:1.125rem;color:var(--landing-text)}.landing-logo img{width:28px;height:28px}.landing-nav{display:none;align-items:center;gap:1.5rem}@media(min-width:768px){.landing-nav{display:flex}}.landing-nav a{color:var(--landing-text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s}.landing-nav a:hover{color:var(--landing-text)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;color:var(--landing-text);cursor:pointer}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu{display:none;position:fixed;top:3.5rem;left:0;right:0;z-index:99;background-color:#fffdf5;background-color:var(--landing-bg, #FFFDF5);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);box-shadow:0 4px 12px #0000000f;padding:.5rem}.mobile-menu[data-open]{display:flex;flex-direction:column;gap:.5rem}.mobile-menu a{display:block;padding:.75rem 1rem;color:var(--landing-text);text-decoration:none;font-size:1rem;font-weight:500;border-radius:8px;transition:background .15s}.mobile-menu a:hover{background:var(--landing-surface)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:var(--landing-text-secondary);cursor:pointer;border-radius:6px;transition:color .15s,background .15s}.theme-toggle:hover{color:var(--landing-text);background:var(--landing-surface)}.hero{padding:3rem 0 1rem;text-align:center}@media(min-width:768px){.hero{padding:5rem 0 2rem}}.hero-title{font-size:2.25rem;font-weight:800;line-height:1.15;color:var(--landing-text);margin:0 0 1rem}@media(min-width:768px){.hero-title{font-size:3.25rem}}@media(min-width:1024px){.hero-title{font-size:4rem}}.hero-tagline{font-size:1.125rem;color:var(--landing-text-secondary);margin:0 0 1.5rem;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.hero-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:999px;border:1px solid var(--landing-border);background:var(--landing-surface);font-size:.8125rem;font-weight:500;color:var(--landing-text-secondary)}.hero-pill svg{color:var(--landing-accent);flex-shrink:0}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem}.hero-trust{font-size:.875rem;color:var(--landing-text-muted);margin:0 0 2rem;text-align:center}.hero-illustration{max-width:800px;margin:0 auto;padding:0 1rem}.hero-illustration svg{width:100%;height:auto}.hero-wave{animation:heroWaveFlow 4s ease-in-out infinite}.hero-wave-1{animation-delay:0s}.hero-wave-2{animation-delay:.5s}.hero-wave-3{animation-delay:1s}.hero-wave-4{animation-delay:1.5s}@keyframes heroWaveFlow{0%{opacity:.15;stroke-dasharray:0 300}30%{opacity:.4}to{opacity:.1;stroke-dasharray:300 0}}.hero-bar{transform-box:fill-box;transform-origin:center center;animation:heroBarBounce 1.2s ease-in-out infinite}.hero-bar-1{animation-delay:0s}.hero-bar-2{animation-delay:.15s}.hero-bar-3{animation-delay:.3s}.hero-bar-4{animation-delay:.45s}.hero-bar-5{animation-delay:.6s}@keyframes heroBarBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}.hero-highlight{animation:heroHighlightPulse 2.5s ease-in-out infinite}@keyframes heroHighlightPulse{0%,to{opacity:.8}50%{opacity:.3}}.hero-glow{animation:heroGlowPulse 3s ease-in-out infinite}@keyframes heroGlowPulse{0%,to{opacity:.04;r:50}50%{opacity:.08;r:60}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;cursor:pointer;border:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--landing-accent);background:var(--landing-accent-gradient);color:#fff;box-shadow:var(--landing-accent-shadow);transition:background .15s,transform .1s,box-shadow .15s}.btn-primary:hover{box-shadow:var(--landing-accent-shadow-hover);opacity:.95}.btn-secondary{background:transparent;color:var(--landing-accent-secondary);border:1px solid var(--landing-accent-secondary)}.btn-secondary:hover{background:var(--landing-secondary-hover-bg);border-color:var(--landing-accent-secondary-hover)}.landing-section{padding:3rem 0}@media(min-width:768px){.landing-section{padding:4rem 0}}.section-title{font-size:1.5rem;font-weight:700;color:var(--landing-text);text-align:center;margin:0 0 .5rem}@media(min-width:768px){.section-title{font-size:1.75rem}}.section-subtitle{font-size:1rem;color:var(--landing-text-secondary);text-align:center;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.problem-solution-grid{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:850px;margin:0 auto}@media(min-width:768px){.problem-solution-grid{flex-direction:row;align-items:stretch;gap:1rem}}.problem-card,.solution-card{flex:1;padding:2rem;border-radius:12px;border:1px solid var(--landing-border);background:var(--landing-surface);text-align:center}.solution-card{border-color:var(--landing-card-hover-border);background:var(--landing-surface)}.ps-card-icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--landing-text-muted)}.ps-card-icon--accent{color:var(--landing-accent)}.ps-card-title{font-size:1.125rem;font-weight:700;color:var(--landing-text);margin:0 0 .5rem}.ps-card-desc{font-size:.9375rem;color:var(--landing-text-secondary);margin:0;line-height:1.6}.ps-arrow{display:flex;align-items:center;justify-content:center;transform:rotate(90deg);color:var(--landing-accent);opacity:.5}@media(min-width:768px){.ps-arrow{transform:none}}.capabilities-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.capabilities-grid{grid-template-columns:repeat(3,1fr)}}.capability-card{padding:2rem;background:var(--landing-surface);border-radius:12px;border:1px solid var(--landing-border);transition:border-color .2s,box-shadow .2s}.capability-card:hover{border-color:var(--landing-card-hover-border);box-shadow:var(--landing-card-hover-shadow)}.capability-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:var(--landing-surface-hover);color:var(--landing-accent);margin-bottom:1rem}.capability-title{font-size:1.125rem;font-weight:700;color:var(--landing-text);margin:0 0 .5rem}.capability-desc{font-size:.9375rem;color:var(--landing-text-secondary);margin:0 0 .75rem;line-height:1.6}.capability-detail{font-size:.8125rem;color:var(--landing-text-muted);margin:0;line-height:1.5;padding-top:.75rem;border-top:1px solid var(--landing-border)}.flow-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem .25rem;padding:1rem 0;margin-bottom:2rem}@media(max-width:767px){.flow-diagram{grid-template-columns:1fr;justify-items:center;gap:.375rem}}@media(min-width:768px){.flow-diagram{grid-template-columns:repeat(9,auto);justify-content:center;gap:.375rem}}.flow-node{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--landing-surface);border-radius:10px;border:1px solid var(--landing-border);text-align:center;position:relative;transition:border-color .2s}.flow-node:hover{border-color:var(--landing-card-hover-border)}.flow-node--primary{border-color:var(--landing-accent);border-width:1.5px}.flow-node-icon{color:var(--landing-accent);display:flex;align-items:center;justify-content:center}.flow-node-label{font-size:.75rem;font-weight:600;color:var(--landing-text);white-space:nowrap}.flow-node-tech{font-size:.625rem;color:var(--landing-text-muted);white-space:nowrap}.flow-arrow{display:flex;align-items:center;justify-content:center;transform:rotate(90deg);flex-shrink:0}@media(min-width:768px){.flow-arrow{transform:none}}.flow-arrow svg{width:24px;height:12px}.flow-branch{display:none}@media(min-width:768px){.flow-branch{display:flex;flex-direction:column;align-items:center;position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:.25rem}}.flow-branch-line{width:1px;height:12px;background:var(--landing-accent);opacity:.4}.flow-branch-node{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:6px;border:1px dashed var(--landing-accent);opacity:.6;font-size:.625rem;color:var(--landing-text-muted);white-space:nowrap}.flow-branch-node svg{color:var(--landing-accent);flex-shrink:0}.live-demo-steps{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}@media(min-width:640px){.live-demo-steps{flex-direction:row;max-width:800px;gap:1.5rem}}.live-demo-step{display:flex;align-items:flex-start;gap:1rem;flex:1}@media(min-width:640px){.live-demo-step{flex-direction:column;align-items:center;text-align:center}}.live-demo-step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--landing-accent-gradient);color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.live-demo-step-content{flex:1}.live-demo-step-title{font-size:1rem;font-weight:600;color:var(--landing-text);margin:0 0 .25rem}.live-demo-step-desc{font-size:.875rem;color:var(--landing-text-secondary);margin:0;line-height:1.5}.engines-comparison{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:800px;margin:0 auto}@media(min-width:768px){.engines-comparison{grid-template-columns:repeat(2,1fr)}}.engine-card{padding:1.5rem;background:var(--landing-surface);border-radius:12px;border:1px solid var(--landing-border);position:relative}.engine-card--primary{border-color:var(--landing-accent);border-width:1.5px}.engine-card-badge{position:absolute;top:-10px;left:1.5rem;padding:.125rem .75rem;border-radius:999px;background:var(--landing-accent-gradient);color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.engine-card-title{font-size:1.125rem;font-weight:700;color:var(--landing-text);margin:0 0 .25rem}.engine-card-subtitle{font-size:.8125rem;color:var(--landing-text-muted);margin:0 0 1rem}.engine-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.engine-card li{font-size:.875rem;color:var(--landing-text-secondary);display:flex;align-items:flex-start;gap:.5rem}.engine-check{color:var(--landing-accent-check);flex-shrink:0;display:flex;align-items:center}.engine-caution{color:var(--landing-text-muted);flex-shrink:0;display:flex;align-items:center}.quick-start{max-width:700px;margin:0 auto}.code-block{background:var(--landing-code-bg);border:1px solid var(--landing-border);border-radius:12px;padding:1.25rem;overflow-x:auto;font-size:.8125rem;line-height:1.6;text-align:center}.code-block code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;color:var(--landing-text)}:root{--landing-bg: #FFFDF5;--landing-text: #151515;--landing-text-secondary: #6B6560;--landing-text-muted: #A39E98;--landing-surface: #FAF9F4;--landing-surface-hover: #F3F1EA;--landing-border: #EAE6DE;--landing-code-bg: #F8F6F0;--landing-accent: #F55036;--landing-accent-hover: #E04520;--landing-accent-gradient: linear-gradient(135deg, #F55036, #FF8705);--landing-accent-secondary: #6C8CFF;--landing-accent-secondary-hover: #5A75E6;--landing-accent-check: #10b981;--landing-glass-bg: rgba(255, 253, 245, .8);--landing-glass-blur: blur(14px);--landing-accent-shadow: 0 4px 15px rgba(245, 80, 54, .3);--landing-accent-shadow-hover: 0 6px 20px rgba(245, 80, 54, .4);--landing-card-hover-border: rgba(245, 80, 54, .2);--landing-card-hover-shadow: 0 2px 12px rgba(245, 80, 54, .06);--landing-secondary-hover-bg: rgba(108, 140, 255, .08);--landing-selection-bg: rgba(245, 80, 54, .15)}:root[data-theme=dark]{--landing-bg: #0F0D0A;--landing-text: #FAF8F2;--landing-text-secondary: #A8A29E;--landing-text-muted: #78716C;--landing-surface: #1C1A16;--landing-surface-hover: #292623;--landing-border: #292623;--landing-code-bg: #161410;--landing-accent: #F55036;--landing-accent-hover: #E04520;--landing-accent-gradient: linear-gradient(135deg, #F55036, #FF8705);--landing-accent-secondary: #6C8CFF;--landing-accent-secondary-hover: #5A75E6;--landing-accent-check: #10b981;--landing-glass-bg: rgba(15, 13, 10, .8);--landing-glass-blur: blur(14px);--landing-accent-shadow: 0 4px 15px rgba(245, 80, 54, .25);--landing-accent-shadow-hover: 0 6px 20px rgba(245, 80, 54, .35);--landing-card-hover-border: rgba(245, 80, 54, .25);--landing-card-hover-shadow: 0 2px 12px rgba(245, 80, 54, .08);--landing-secondary-hover-bg: rgba(108, 140, 255, .12);--landing-selection-bg: rgba(245, 80, 54, .25)}.gradient-text{color:var(--landing-accent);background:var(--landing-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--landing-accent);text-align:center;margin-bottom:.5rem}::selection{background:var(--landing-selection-bg)}.btn:focus-visible,.cta-register:focus-visible,.pricing-cta:focus-visible,.code-card-cta:focus-visible,.install-guide-link a:focus-visible,.landing-nav a:focus-visible,.mobile-menu a:focus-visible,.mobile-menu-toggle:focus-visible,.landing-logo:focus-visible,.footer-logo:focus-visible,.footer-column a:focus-visible,.faq-question:focus-visible{outline:2px solid var(--landing-accent);outline-offset:2px}.skip-link{position:absolute;top:-48px;left:8px;z-index:9999;padding:.625rem 1rem;background:var(--landing-accent);color:#fff;font-weight:600;font-size:.875rem;text-decoration:none;border-radius:6px;transition:top .15s}.skip-link:focus{top:8px;outline:2px solid var(--landing-text, #151515);outline-offset:2px}.embed-block{background:var(--landing-surface-hover);border:1px solid var(--landing-border);border-radius:12px;box-shadow:0 4px 16px #1515150d,0 1px 4px #15151508;overflow:hidden}.embed-block-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--landing-border)}.embed-block-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem .6rem .55rem;border-bottom:2px solid var(--landing-accent);margin-bottom:-1px}.embed-block-tab-dot{width:8px;height:8px;border-radius:50%;background:var(--landing-text-muted, #A39E98);display:inline-block}.embed-block-tab-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;color:var(--landing-text-secondary);font-family:Inter,system-ui,sans-serif}.embed-block pre{font-family:JetBrains Mono,Fira Code,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:var(--landing-text);white-space:pre-wrap;word-break:break-all;margin:0;padding:1.25rem 1.5rem;overflow-x:auto;background:transparent}.embed-block-copy{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .625rem;background:transparent;border:none;border-radius:6px;color:var(--landing-text-muted, #A39E98);font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.embed-block-copy:hover{background:var(--landing-surface);color:var(--landing-text)}.embed-block-copy.copied{color:var(--landing-accent-check, #10b981)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
