:root{--color-white: #ffffff;--color-off-white: #f8f9fa;--color-light-gray: #f3f4f6;--color-border: #e5e7eb;--color-mid-gray: #9ca3af;--color-text-gray: #6b7280;--color-text-dark: #374151;--color-text-black: #111827;--color-blue: #2563eb;--color-blue-hover: #1d4ed8;--color-blue-light: #eff6ff;--color-blue-border: #bae6fd;--color-red: #dc2626;--color-red-light: #fee2e2;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);font-family:var(--font-sans);line-height:1.6;font-weight:400;color:var(--color-text-dark);background-color:var(--color-off-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-blue);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-blue-hover)}.container{width:100%;max-width:1120px;margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media(min-width:768px){.container{padding-left:var(--space-lg);padding-right:var(--space-lg)}}.kbd{display:inline-block;padding:2px 6px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-dark);background:var(--color-light-gray);border:1px solid #d1d5db;border-radius:var(--radius-sm);box-shadow:0 1px #d1d5db}.btn-primary{display:inline-block;background:var(--color-blue);color:var(--color-white);padding:12px 24px;border-radius:var(--radius-lg);font-weight:500;font-size:16px;border:none;cursor:pointer;transition:background .15s ease;font-family:inherit;text-decoration:none}.btn-primary:hover{background:var(--color-blue-hover)}.btn-ghost{display:inline-block;background:transparent;color:var(--color-blue);padding:8px 16px;font-weight:500;border:none;cursor:pointer;font-family:inherit;text-decoration:none;border-radius:var(--radius-md);transition:background .15s ease}.btn-ghost:hover{background:var(--color-blue-light)}.section{padding:var(--space-3xl) 0}.section-alt{background:var(--color-white)}.section-hero{padding:var(--space-3xl) 0;text-align:center}.hero-headline{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1;color:var(--color-text-black);margin:0 0 var(--space-lg)}.hero-subheadline{font-size:18px;line-height:1.6;color:var(--color-text-dark);max-width:560px;margin:0 auto var(--space-xl)}.section-headline{font-size:32px;font-weight:600;line-height:1.2;color:var(--color-text-black);margin:0 0 var(--space-md)}.section-body{font-size:16px;line-height:1.6;color:var(--color-text-dark);margin:0 0 var(--space-lg)}.section-body-wide{max-width:640px}.section-body-accent{font-weight:500;color:var(--color-text-black)}.features-grid{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md)}.feature-headline{font-size:20px;font-weight:600;line-height:1.3;color:var(--color-text-black);margin:0 0 var(--space-sm)}.feature-body{font-size:16px;line-height:1.6;color:var(--color-text-dark);margin:0}.steps-list{max-width:480px;font-size:16px;line-height:1.6;color:var(--color-text-dark);padding-left:var(--space-lg);margin:0}.steps-list li{margin-bottom:var(--space-md)}.use-cases{display:flex;flex-direction:column;gap:var(--space-md);max-width:640px}.use-case{font-size:16px;line-height:1.6;color:var(--color-text-dark)}.container-narrow{max-width:560px}.testimonial{font-size:18px;line-height:1.6;color:var(--color-text-dark);margin:0;padding:var(--space-lg);border-left:4px solid var(--color-blue);background:var(--color-white);border-radius:0 var(--radius-md) var(--radius-md) 0}.testimonial footer{margin-top:var(--space-md);font-size:14px;color:var(--color-text-gray)}.section-cta{text-align:center;background:var(--color-white)}.section-cta .section-body{margin-bottom:var(--space-lg)}.privacy-page{padding:var(--space-3xl) 0;background:var(--color-white)}.privacy-header{margin-bottom:var(--space-xl)}.privacy-header h1{font-size:32px;font-weight:600;line-height:1.2;color:var(--color-text-black);margin:0 0 var(--space-sm)}.privacy-updated{font-size:14px;color:var(--color-text-gray);margin:0}.privacy-intro{font-size:16px;line-height:1.6;color:var(--color-text-dark);margin:0 0 var(--space-xl)}.privacy-page hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.privacy-section{margin-bottom:var(--space-lg)}.privacy-section h2{font-size:24px;font-weight:600;color:var(--color-text-black);margin:0 0 var(--space-md)}.privacy-section h3{font-size:18px;font-weight:600;color:var(--color-text-black);margin:var(--space-lg) 0 var(--space-sm)}.privacy-section h3:first-of-type{margin-top:0}.privacy-section p,.privacy-section ul{font-size:16px;line-height:1.6;color:var(--color-text-dark);margin:0 0 var(--space-md)}.privacy-section ul{padding-left:var(--space-lg)}.privacy-section li{margin-bottom:var(--space-sm)}.privacy-section code{font-family:var(--font-mono);font-size:14px;background:var(--color-light-gray);padding:2px 6px;border-radius:var(--radius-sm)}.table-wrapper{overflow-x:auto;margin:var(--space-md) 0}.privacy-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.privacy-table th,.privacy-table td{padding:var(--space-sm) var(--space-md);text-align:left;border:1px solid var(--color-border)}.privacy-table th{background:var(--color-off-white);font-weight:600;color:var(--color-text-black)}.privacy-table td code{font-size:13px}.app{display:flex;flex-direction:column;min-height:100vh}.app main{flex:1}.site-header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:600;color:var(--color-text-black)}.logo:hover{color:var(--color-text-black)}.nav{display:flex;gap:var(--space-lg)}.nav a{font-size:14px;font-weight:500;color:var(--color-text-gray)}.nav a:hover{color:var(--color-text-black)}.site-footer{background:var(--color-white);border-top:1px solid var(--color-border);padding:var(--space-xl) 0;margin-top:auto}.footer-inner{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;text-align:center}.footer-tagline{font-size:14px;color:var(--color-text-gray);margin:0}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{font-size:14px}