*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--md-primary:#6366f1;--md-on-primary:#ffffff;--md-primary-container:#e0e0ff;--md-on-primary-container:#1a1068;--md-secondary:#5c5d72;--md-on-secondary:#ffffff;--md-secondary-container:#e1e0f9;--md-on-secondary-container:#191a2c;--md-tertiary:#d6347a;--md-on-tertiary:#ffffff;--md-tertiary-container:#ffd8e8;--md-on-tertiary-container:#3e0021;--md-error:#ba1a1a;--md-surface:#fdf8ff;--md-on-surface:#1b1b21;--md-on-surface-variant:#46464f;--md-surface-container-lowest:#ffffff;--md-surface-container-low:#f7f2fa;--md-surface-container:#f1ecf4;--md-surface-container-high:#ebe6ee;--md-surface-container-highest:#e5e1e9;--md-outline:#77767f;--md-outline-variant:#c7c5d0;--md-inverse-surface:#303036;--md-inverse-on-surface:#f3eff7;--shape-xs:4px;--shape-sm:8px;--shape-md:12px;--shape-lg:16px;--shape-xl:28px;--shape-full:9999px;--elevation-1:color-mix(in srgb, var(--md-primary) 5%, var(--md-surface));--elevation-2:color-mix(in srgb, var(--md-primary) 8%, var(--md-surface));--elevation-3:color-mix(in srgb, var(--md-primary) 11%, var(--md-surface));--spring-bouncy:cubic-bezier(0.34, 1.56, 0.64, 1);--spring-gentle:cubic-bezier(0.22, 1.0, 0.36, 1);--spring-snappy:cubic-bezier(0.18, 1.25, 0.40, 1);--duration-short:200ms;--duration-medium:350ms;--duration-long:500ms;--font-brand:"Google Sans Text", "Google Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-plain:"Google Sans Text", "Roboto Flex", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max-width:1080px}@media(prefers-color-scheme:dark){:root{--md-primary:#bfc1ff;--md-on-primary:#2b2d7a;--md-primary-container:#424491;--md-on-primary-container:#e0e0ff;--md-secondary:#c5c4dd;--md-on-secondary:#2e2f42;--md-secondary-container:#444559;--md-on-secondary-container:#e1e0f9;--md-tertiary:#ffb0cc;--md-on-tertiary:#5e1139;--md-tertiary-container:#7d2950;--md-on-tertiary-container:#ffd8e8;--md-error:#ffb4ab;--md-surface:#131318;--md-on-surface:#e5e1e9;--md-on-surface-variant:#c7c5d0;--md-surface-container-lowest:#0e0e13;--md-surface-container-low:#1b1b21;--md-surface-container:#1f1f25;--md-surface-container-high:#2a2930;--md-surface-container-highest:#34343b;--md-outline:#918f9a;--md-outline-variant:#46464f;--md-inverse-surface:#e5e1e9;--md-inverse-on-surface:#303036;--elevation-1:color-mix(in srgb, var(--md-primary) 5%, var(--md-surface));--elevation-2:color-mix(in srgb, var(--md-primary) 8%, var(--md-surface));--elevation-3:color-mix(in srgb, var(--md-primary) 11%, var(--md-surface))}}html{scroll-behavior:smooth}body{font-family:var(--font-plain);background:var(--md-surface);color:var(--md-on-surface);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--md-primary);text-decoration:none;transition:color var(--duration-short)ease}a:hover{text-decoration:underline}code{background:var(--md-surface-container-high);padding:.15em .45em;border-radius:var(--shape-sm);font-size:.88em}@keyframes appear-up{from{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spring-in{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}80%{transform:scale(.96)}100%{opacity:1;transform:scale(1)}}@keyframes gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes morph-wiggle{0%,100%{border-radius:var(--shape-xl)}33%{border-radius:var(--shape-xl)var(--shape-lg)var(--shape-xl)var(--shape-md)}66%{border-radius:var(--shape-md)var(--shape-xl)var(--shape-lg)var(--shape-xl)}}.site-header{background:color-mix(in srgb,var(--md-surface) 90%,transparent);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px)saturate(1.4);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--md-outline-variant)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-brand);font-size:1.35rem;font-weight:700;color:var(--md-on-surface);letter-spacing:-.01em;transition:transform var(--duration-short)var(--spring-bouncy)}.nav-brand:hover{text-decoration:none;transform:scale(1.04)}.nav-links{display:flex;gap:.5rem}.nav-links a{color:var(--md-on-surface-variant);font-size:.875rem;font-weight:500;padding:.5rem .875rem;border-radius:var(--shape-full);transition:all var(--duration-short)var(--spring-gentle)}.nav-links a:hover{background:var(--md-surface-container-high);color:var(--md-on-surface);text-decoration:none}.hero{text-align:center;padding:3.5rem 1.5rem 3rem;max-width:var(--max-width);margin:0 auto;position:relative}.hero-content{position:relative;z-index:1}.hero-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--shape-xl);background:var(--md-primary-container);font-size:3rem;margin-bottom:1.5rem;animation:spring-in .7s var(--spring-bouncy)}.hero-title{font-family:var(--font-brand);font-size:4rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--md-on-surface);margin-bottom:1rem;animation:appear-up .6s var(--spring-gentle)}.hero-title .brand-name{color:var(--md-primary)}.hero-tagline{font-family:var(--font-brand);font-size:1.375rem;font-weight:500;color:var(--md-on-surface-variant);margin-bottom:.5rem;animation:appear-up .6s var(--spring-gentle).08s both}.hero-tagline em{font-style:normal;color:var(--md-tertiary);font-weight:600}.hero-description{font-size:1rem;color:var(--md-on-surface-variant);max-width:480px;margin:0 auto 2.5rem;animation:appear-up .6s var(--spring-gentle).16s both}.hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;animation:appear-up .6s var(--spring-gentle).24s both}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-brand);font-weight:600;font-size:.875rem;letter-spacing:.01em;border:none;cursor:pointer;text-decoration:none!important;transition:all var(--duration-medium)var(--spring-bouncy)}.btn-primary{padding:.875rem 1.75rem;border-radius:var(--shape-full);background:var(--md-primary);color:var(--md-on-primary);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,8%)}.btn-primary:hover{box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);transform:translateY(-2px)scale(1.02)}.btn-secondary{padding:.875rem 1.75rem;border-radius:var(--shape-full);background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn-outline{padding:.8125rem 1.6875rem;border-radius:var(--shape-full);background:0 0;border:1px solid var(--md-outline);color:var(--md-primary)}.btn-outline:hover{background:var(--md-surface-container-high);transform:translateY(-1px)}.play-badge{height:40px}.section-title{font-family:var(--font-brand);font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem;letter-spacing:-.015em;color:var(--md-on-surface)}.section-subtitle{text-align:center;color:var(--md-on-surface-variant);font-size:1rem;margin-bottom:2.5rem;max-width:460px;margin-left:auto;margin-right:auto}.how-it-works{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem}.steps{display:flex;gap:0;justify-content:center;align-items:stretch;flex-wrap:wrap;margin-top:2rem}.step{flex:1;min-width:190px;max-width:240px;text-align:center;padding:2rem 1.25rem;background:var(--md-surface-container-low);border-radius:var(--shape-xl);transition:all var(--duration-medium)var(--spring-bouncy)}.step:hover{background:var(--md-surface-container);transform:translateY(-8px)scale(1.02)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--shape-full);background:var(--md-primary);color:var(--md-on-primary);font-family:var(--font-brand);font-weight:700;font-size:.8rem;margin-bottom:.875rem}.step-emoji{font-size:2.25rem;display:block;margin-bottom:.75rem;animation:gentle-float 5s ease-in-out infinite}.step:nth-child(2) .step-emoji{animation-delay:.6s}.step:nth-child(3) .step-emoji{animation-delay:1.2s}.step:nth-child(4) .step-emoji{animation-delay:1.8s}.step-connector{display:none;align-items:center;justify-content:center;width:40px;flex-shrink:0}.connector-dot{width:8px;height:8px;border-radius:var(--shape-full);background:var(--md-primary);opacity:.4;position:relative}.connector-dot::before,.connector-dot::after{content:"";position:absolute;top:50%;height:2px;width:14px;background:var(--md-outline-variant)}.connector-dot::before{right:100%;transform:translateY(-50%)}.connector-dot::after{left:100%;transform:translateY(-50%)}@media(min-width:920px){.step-connector{display:flex}.steps{flex-wrap:nowrap}}.step h3{font-family:var(--font-brand);font-size:.9375rem;font-weight:600;margin-bottom:.375rem;color:var(--md-on-surface)}.step p{font-size:.8125rem;color:var(--md-on-surface-variant);line-height:1.45}.features{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem 4rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.feature-card{padding:1.75rem;border-radius:var(--shape-xl);transition:all var(--duration-medium)var(--spring-bouncy);position:relative;overflow:hidden}.feature-card:nth-child(6n+1){background:var(--md-surface-container-low)}.feature-card:nth-child(6n+2){background:var(--md-surface-container)}.feature-card:nth-child(6n+3){background:var(--md-primary-container);color:var(--md-on-primary-container)}.feature-card:nth-child(6n+4){background:var(--md-surface-container-high)}.feature-card:nth-child(6n+5){background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.feature-card:nth-child(6n+6){background:var(--md-surface-container-low)}.feature-card:nth-child(6n+3) p,.feature-card:nth-child(6n+5) p{color:inherit;opacity:.8}.feature-card:nth-child(6n+3) h3,.feature-card:nth-child(6n+5) h3{color:inherit}.feature-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 8px 32px rgba(0,0,0,8%)}.feature-icon{font-size:2.5rem;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--shape-lg);background:var(--md-surface-container-high);margin-bottom:1rem;transition:all var(--duration-medium)var(--spring-bouncy)}.feature-card:nth-child(6n+1) .feature-icon{background:var(--md-surface-container)}.feature-card:nth-child(6n+2) .feature-icon{background:var(--md-surface-container-high)}.feature-card:nth-child(6n+3) .feature-icon{background:color-mix(in srgb,var(--md-on-primary-container) 12%,var(--md-primary-container))}.feature-card:nth-child(6n+4) .feature-icon{background:var(--md-surface-container-highest)}.feature-card:nth-child(6n+5) .feature-icon{background:color-mix(in srgb,var(--md-on-tertiary-container) 12%,var(--md-tertiary-container))}.feature-card:nth-child(6n+6) .feature-icon{background:var(--md-surface-container)}.feature-card:hover .feature-icon{transform:scale(1.1);border-radius:var(--shape-xl)}.feature-card h3{font-family:var(--font-brand);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-card p{font-size:.9rem;line-height:1.5;color:var(--md-on-surface-variant)}.stats-band{background:var(--md-surface-container-low)}.fun-stats{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem}.stats-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.stat-card{text-align:center;padding:1.5rem 1.75rem;background:var(--md-surface-container-lowest);border-radius:var(--shape-xl);min-width:150px;transition:all var(--duration-medium)var(--spring-bouncy);box-shadow:0 1px 3px rgba(0,0,0,6%)}.stat-card:hover{transform:scale(1.06);background:var(--md-surface-container)}.stat-emoji{font-size:1.75rem;display:block;margin-bottom:.5rem}.stat-value{font-family:var(--font-brand);font-size:1.375rem;font-weight:700;color:var(--md-primary)}.stat-label{font-size:.75rem;color:var(--md-on-surface-variant);font-weight:500;margin-top:.125rem;letter-spacing:.02em}.screenshots{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem}.screenshot-strip{text-align:center;padding:4rem 2rem;background:var(--md-surface-container);border-radius:var(--shape-xl)}.screenshot-strip::before{content:"📸";font-size:2.5rem;display:block;margin-bottom:.75rem;animation:morph-wiggle 4s ease-in-out infinite;display:inline-block}.placeholder-text{color:var(--md-on-surface-variant);font-size:1rem}.open-source{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center}.open-source-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--md-tertiary-container);color:var(--md-on-tertiary-container);border-radius:var(--shape-full);padding:.4375rem 1rem;margin-bottom:1.25rem;font-family:var(--font-brand);font-size:.8125rem;font-weight:600;letter-spacing:.02em}.open-source p{color:var(--md-on-surface-variant);max-width:560px;margin:0 auto .875rem;font-size:1rem}.tech-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}.tech-pill{background:var(--md-surface-container-high);border-radius:var(--shape-full);padding:.375rem .875rem;font-family:var(--font-brand);font-size:.75rem;font-weight:600;color:var(--md-on-surface-variant);transition:all var(--duration-short)var(--spring-bouncy);border:none}.tech-pill:hover{background:var(--md-primary-container);color:var(--md-on-primary-container);transform:translateY(-2px)scale(1.04)}.page-content{max-width:720px;margin:0 auto;padding:3rem 1.5rem 4rem;animation:appear-up .4s var(--spring-gentle)}.page-content h1{font-family:var(--font-brand);font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--md-on-surface)}.page-content h2{font-family:var(--font-brand);font-size:1.375rem;font-weight:600;margin-top:2.5rem;margin-bottom:.75rem;color:var(--md-on-surface)}.page-content h3{font-family:var(--font-brand);font-size:1.125rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem;color:var(--md-on-surface)}.page-content p{margin-bottom:1rem;color:var(--md-on-surface-variant)}.page-content ul,.page-content ol{margin-bottom:1rem;padding-left:1.5rem}.page-content li{margin-bottom:.5rem;color:var(--md-on-surface-variant)}.page-content table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;border-radius:var(--shape-lg);overflow:hidden}.page-content th,.page-content td{padding:.625rem 1rem;text-align:left;border-bottom:1px solid var(--md-outline-variant)}.page-content th{font-weight:600;color:var(--md-on-surface);background:var(--md-surface-container)}.page-content td{color:var(--md-on-surface-variant)}.page-content strong{color:var(--md-on-surface)}.page-content hr{border:none;border-top:1px solid var(--md-outline-variant);margin:2rem 0}.site-footer{margin-top:auto;padding:2.5rem 1.5rem;background:var(--md-surface-container-low)}.footer-container{max-width:var(--max-width);margin:0 auto;text-align:center}.footer-emoji{font-size:1.25rem;margin-bottom:.875rem;display:block}.footer-links{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.footer-links a{color:var(--md-on-surface-variant);font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:var(--shape-full);transition:all var(--duration-short)ease}.footer-links a:hover{background:var(--md-surface-container-high);color:var(--md-on-surface);text-decoration:none}.footer-license{font-size:.8125rem;color:var(--md-on-surface-variant);margin-bottom:.25rem}.footer-copyright{font-size:.75rem;color:var(--md-outline)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.hero{padding:2.5rem 1.25rem 2rem}.hero-title{font-size:2.5rem}.hero-icon{width:72px;height:72px;font-size:2.25rem}.hero-tagline{font-size:1.125rem}.hero-cta{flex-direction:column;align-items:center}.feature-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.step-connector{display:flex;width:auto;height:28px}.connector-dot::before,.connector-dot::after{width:2px;height:10px}.connector-dot::before{right:auto;top:auto;bottom:100%;transform:translateX(-50%);left:50%}.connector-dot::after{left:50%;top:100%;transform:translateX(-50%)}.stats-grid{flex-direction:column;align-items:center}.nav-links{gap:.25rem}.nav-links a{padding:.4rem .6rem;font-size:.8125rem}.section-title{font-size:1.625rem}.page-content table{font-size:.875rem}.page-content th,.page-content td{padding:.4rem .5rem}}