:root{--color-primary-bg:#fff;--color-primary-surface:#f8f9fa;--color-primary-accent:#000;--color-secondary-card:#fff;--color-secondary-border:#e5e7eb;--color-secondary-shadow:#0000001a;--color-interactive-primary:#000;--color-interactive-secondary:#fff;--color-interactive-border:#d1d5db;--color-interactive-hover:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--font-family-primary:"Jost", sans-serif;--font-family-mono:"Google Sans Code", monospace;--font-size-hero:48px;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-body:16px;--font-size-small:14px;--font-size-caption:12px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.25;--line-height-relaxed:1.3;--line-height-loose:1.4;--line-height-body:1.5;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--container-max-width:1200px;--section-padding:80px 24px;--grid-gap:24px;--shadow-subtle:0 2px 4px #0000000d;--shadow-medium:0 4px 6px #0000000d;--shadow-elevated:0 8px 16px #0000001a;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-duration:.2s;--transition-easing:ease-in-out}*{box-sizing:border-box}body{font-family:var(--font-family-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-primary-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.sline-container{max-width:var(--container-max-width);padding:0 var(--space-lg);margin:0 auto}.sline-text-hero{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.sline-text-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.sline-text-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed)}.sline-text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-loose)}.sline-text-body{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body)}.sline-text-small{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:var(--line-height-loose)}.sline-text-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.sline-text-primary{color:var(--color-text-primary)}.sline-text-secondary{color:var(--color-text-secondary)}.sline-text-muted{color:var(--color-text-muted)}.sline-mb-xs{margin-bottom:var(--space-xs)}.sline-mb-sm{margin-bottom:var(--space-sm)}.sline-mb-md{margin-bottom:var(--space-md)}.sline-mb-lg{margin-bottom:var(--space-lg)}.sline-mb-xl{margin-bottom:var(--space-xl)}.sline-mb-2xl{margin-bottom:var(--space-2xl)}.sline-mb-3xl{margin-bottom:var(--space-3xl)}.sline-mt-xs{margin-top:var(--space-xs)}.sline-mt-sm{margin-top:var(--space-sm)}.sline-mt-md{margin-top:var(--space-md)}.sline-mt-lg{margin-top:var(--space-lg)}.sline-mt-xl{margin-top:var(--space-xl)}.sline-mt-2xl{margin-top:var(--space-2xl)}.sline-mt-3xl{margin-top:var(--space-3xl)}.sline-py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.sline-py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.sline-py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.sline-py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.sline-text-center{text-align:center}.sline-hero{text-align:center;padding:var(--space-3xl) 0;background:var(--color-accent-gradient);color:#fff;border-radius:var(--border-radius-lg);margin:var(--space-xl) 0}.sline-hero h1{margin:0 0 var(--space-md) 0}.sline-hero .subtitle{font-size:var(--font-size-h3);font-weight:var(--font-weight-normal);opacity:.9;margin-bottom:var(--space-lg)}.sline-hero p{opacity:.8;margin:0}.sline-card{background:var(--color-secondary-card);border:1px solid var(--color-secondary-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-medium);padding:var(--space-lg);transition:all var(--transition-duration) var(--transition-easing)}.sline-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.sline-card h3{color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.sline-card p{color:var(--color-text-secondary);margin:0}.sline-card ul{color:var(--color-text-secondary);padding-left:var(--space-lg);margin:0}.sline-grid{gap:var(--grid-gap);margin:var(--space-xl) 0;display:grid}.sline-grid-cols-1{grid-template-columns:1fr}.sline-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sline-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sline-grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sline-btn{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-duration) var(--transition-easing);cursor:pointer;font-size:var(--font-size-body);border:none;line-height:1;text-decoration:none;display:inline-block}.sline-btn-primary{background:var(--color-interactive-primary);color:var(--color-interactive-secondary)}.sline-btn-primary:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.sline-btn-secondary{background:var(--color-interactive-secondary);color:var(--color-interactive-primary);border:1px solid var(--color-interactive-border)}.sline-btn-secondary:hover{background:var(--color-interactive-hover);transform:translateY(-1px)}.sline-section{padding:var(--space-xl) 0}.sline-section-surface{background:var(--color-primary-surface);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin:var(--space-2xl) 0}.sline-section h2{margin:0 0 var(--space-lg) 0;text-align:center}.sline-section h3{margin:0 0 var(--space-md) 0}.sline-code{background:var(--color-text-primary);color:#e2e8f0;padding:var(--space-lg);border-radius:var(--border-radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:var(--line-height-loose);margin:var(--space-md) 0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow-x:auto}.sline-connection-info{background:var(--color-primary-surface);border:1px solid var(--color-secondary-border);border-radius:var(--border-radius-md);padding:var(--space-lg);margin:var(--space-lg) 0}.sline-connection-info h3{margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.sline-connection-info code{background:var(--color-secondary-card);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-small);border:1px solid var(--color-secondary-border)}.sline-cta{background:var(--color-accent-gradient);color:#fff;text-align:center;padding:var(--space-2xl);border-radius:var(--border-radius-lg);margin:var(--space-xl) 0}.sline-cta h2{margin:0 0 var(--space-md) 0;color:#fff}.sline-cta p{margin:0 0 var(--space-lg) 0;opacity:.9}.sline-cta .sline-btn{margin:0 var(--space-sm)}.sline-cta .sline-btn-primary{color:var(--color-text-primary);background:#fff}.sline-cta .sline-btn-secondary{color:#fff;background:0 0;border-color:#ffffff4d}.sline-cta .sline-btn-secondary:hover{background:#ffffff1a}.sline-footer{text-align:center;padding:var(--space-xl) 0;border-top:1px solid var(--color-secondary-border);margin-top:var(--space-xl);color:var(--color-text-secondary)}.sline-footer a{color:var(--color-text-primary);text-decoration:none}.sline-footer a:hover{text-decoration:underline}@media (width<=768px){:root{--font-size-hero:32px;--font-size-h1:28px;--font-size-h2:20px;--space-3xl:48px;--space-2xl:32px}.sline-container{padding:0 var(--space-md)}.sline-grid-cols-2,.sline-grid-cols-3,.sline-grid-auto{grid-template-columns:1fr}.sline-hero{padding:var(--space-2xl) var(--space-lg)}.sline-cta .sline-btn{margin:var(--space-sm) 0;display:block}.sline-section-surface{padding:var(--space-lg)}}@media (width>=769px) and (width<=1024px){.sline-grid-cols-3{grid-template-columns:repeat(2,1fr)}}.sline-btn:focus,a:focus{outline:2px solid var(--color-interactive-primary);outline-offset:2px}a{color:var(--color-text-primary);text-decoration:none}a:hover{text-decoration:underline}.sline-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}