:root{--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-primary-light:#3b82f6;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-muted:#f9fafb;--color-bg-dark:#111827;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:var(--transition)}ul{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.container{padding:0 2rem}}@media (min-width:1024px){.container{padding:0 3rem}}.site-header{position:sticky;top:0;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1000;backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.95)}.header-inner{justify-content:space-between;padding-top:1rem;padding-bottom:1rem;gap:2rem}.header-inner,.logo{display:flex;align-items:center}.logo{gap:.75rem;font-weight:700;font-size:1.5rem;color:var(--color-primary);text-decoration:none;position:relative;letter-spacing:-.03em}.logo,.logo-image{transition:var(--transition)}.logo-image{height:2rem;width:auto;-o-object-fit:contain;object-fit:contain}.logo:hover{opacity:.8;transform:translateY(-1px)}.logo:hover .logo-image{transform:scale(1.05)}.logo span{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-dark .logo,.site-header.dark .logo{color:#fff}.hero-dark .logo span,.site-header.dark .logo span{background:none;-webkit-text-fill-color:#fff;color:#fff}.nav{gap:1.5rem}.nav,.nav-links{display:flex;align-items:center}.nav-links{gap:2rem}.nav-links a{color:var(--color-text);font-size:.9375rem;font-weight:500;transition:var(--transition);position:relative}.nav-links a:hover{color:var(--color-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text);padding:.5rem}.cta-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;white-space:nowrap;border:1px solid transparent}.cta-button{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cta-button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ghost-button{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.ghost-button:hover{background-color:var(--color-bg-muted);border-color:var(--color-text-light)}.hero{padding:4rem 0;background-color:var(--color-bg)}.hero-dark{background-color:var(--color-bg-dark);color:#fff}.hero-content{text-align:center}.hero-content,.hero-text{display:flex;flex-direction:column;align-items:center}.hero-text{gap:1.5rem}.eyebrow{display:inline-block;font-size:.875rem;font-weight:500;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;padding:.375rem .75rem;background-color:var(--color-bg-muted);border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content}.hero-dark .eyebrow{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.hero h1{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text)}.hero-dark h1{color:#fff}@media (min-width:768px){.hero h1{font-size:3.5rem}}@media (min-width:1024px){.hero h1{font-size:4rem}}.lead{font-size:1.125rem;line-height:1.7;color:var(--color-text-light);max-width:600px}.hero-dark .lead{color:hsla(0,0%,100%,.8)}.cta-row{flex-wrap:wrap;gap:1rem;align-items:center}.app-store-badge,.cta-row{display:flex;justify-content:center}.app-store-badge{margin-top:2rem;margin-bottom:1rem}.app-store-badge-inline{display:flex;justify-content:center;margin-top:1.5rem}.app-store-image{height:40px;width:auto;display:block;transition:var(--transition)}.app-store-image:hover{opacity:.8;transform:translateY(-1px)}.trust-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;justify-content:center}.pill{display:inline-block;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text)}.hero-dark .pill{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9)}.hero-art{display:flex;align-items:center;justify-content:center}.hero-art img{max-width:100%;height:auto}.section{padding:5rem 0}.section-muted{background-color:var(--color-bg-muted)}.section-intro{font-size:1.125rem;color:var(--color-text-light);max-width:700px;margin:0 auto 3rem;text-align:center;line-height:1.7}h2{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-align:center;letter-spacing:-.02em}@media (min-width:768px){h2{font-size:3rem}}h3{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h3{margin-top:0;margin-bottom:1rem}.card p{color:var(--color-text-light);line-height:1.7}.grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem}}.grid-3{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.mt{margin-top:2rem}.steps{flex-direction:column}.step,.steps{display:flex;gap:1.5rem}.step{align-items:flex-start}.step-num{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:1rem}.step strong{display:block;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.step p{color:var(--color-text-light);line-height:1.6;margin:0}.bullets{list-style:none;padding:0;margin:1.5rem 0 0}.bullets li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--color-text-light);line-height:1.6}.bullets li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.25rem}.cta-panel{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3rem;display:flex;flex-direction:column;gap:2rem;align-items:center;text-align:center;max-width:800px;margin:0 auto}@media (min-width:768px){.cta-panel{flex-direction:row;text-align:left;justify-content:space-between}}.cta-panel h3{margin-top:0;margin-bottom:.5rem}.cta-panel p{color:var(--color-text-light);margin:0}.back-link{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.site-footer{background-color:var(--color-bg-muted);border-top:1px solid var(--color-border);padding:3rem 0;margin-top:4rem}.footer-inner{text-align:center;display:flex;flex-direction:column;gap:1rem}.footer-inner p{color:var(--color-text-light);font-size:.875rem;margin:0}.powered{font-size:.8125rem;color:var(--color-text-lighter)}@media (max-width:767px){.nav-toggle{display:block}.nav-links{position:fixed;top:100%;left:0;right:0;background-color:var(--color-bg);border-top:1px solid var(--color-border);flex-direction:column;padding:1.5rem;gap:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-lg)}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible}.nav-links a:after{display:none}.cta-row{flex-direction:column;align-items:stretch}.cta-row .cta-button,.cta-row .ghost-button{width:100%;justify-content:center}}.screenshot-gallery{display:flex;flex-direction:column;gap:5rem;margin-top:3rem}.screenshot-item{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width:968px){.screenshot-item{grid-template-columns:1fr 1fr;gap:4rem}}.screenshot-item-reverse{direction:rtl}.screenshot-item-reverse>*{direction:ltr}.screenshot-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.15),0 10px 20px rgba(0,0,0,.1);background:var(--color-bg-muted);transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s ease;position:relative;display:flex;align-items:center;justify-content:center;clip-path:inset(6% 0 6% 0 round var(--radius-lg))}.screenshot-image:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 40px 80px rgba(0,0,0,.2),0 15px 30px rgba(0,0,0,.15)}.screenshot-image img{width:100%;height:auto;display:block;transition:transform .4s ease;max-width:100%;transform:scale(1.12)}.screenshot-image:hover img{transform:scale(1.15)}.screenshot-caption{padding:1rem 0}.screenshot-caption h3{margin-top:0;margin-bottom:1rem;font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.3}.screenshot-caption p{color:var(--color-text-light);line-height:1.7;font-size:1.05rem;margin:0}@media (max-width:968px){.screenshot-item-reverse{direction:ltr}.screenshot-caption{text-align:left}}.pricing-card{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.pricing-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:scale(1.05);z-index:10}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{font-size:1.25rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.price{font-size:3.5rem;font-weight:800;color:var(--color-text);line-height:1}.price span{font-size:1.125rem;color:var(--color-text-light);font-weight:500}.pricing-features{margin:2rem 0;flex-grow:1}.pricing-features li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9375rem;color:var(--color-text-light)}.pricing-features li:before{content:"✓";color:var(--color-primary);font-weight:800}.pricing-badge{position:absolute;top:1rem;right:-2rem;background-color:var(--color-primary);color:#fff;padding:.25rem 3rem;font-size:.75rem;font-weight:700;transform:rotate(45deg);text-transform:uppercase}@media (max-width:1024px){.pricing-card.featured{transform:none;margin:1rem 0}}.text-center{text-align:center}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.blog-post{max-width:800px;margin:0 auto}.blog-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--color-border)}.blog-header h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem;color:var(--color-text)}.blog-meta{color:var(--color-text-light);font-size:.9375rem;margin:0}.blog-content{font-size:1.125rem;line-height:1.8;color:var(--color-text)}.blog-content h2,.blog-content p{margin-bottom:1.5rem}.blog-content h2{font-size:1.875rem;line-height:1.3;margin-top:3rem;color:var(--color-primary)}.blog-content h3{font-size:1.5rem;line-height:1.4;margin-top:2rem;margin-bottom:1rem;color:var(--color-text)}.blog-content ol,.blog-content ul{margin:1.5rem 0;padding-left:2rem}.blog-content li{margin-bottom:1rem;line-height:1.7}.blog-content li strong{color:var(--color-primary);font-weight:600}.blog-content a{color:var(--color-primary);text-decoration:underline;transition:var(--transition)}.blog-content a:hover{color:var(--color-primary-dark)}.blog-content em{font-style:italic}.blog-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center}.blog-list{display:grid;gap:2rem;max-width:900px;margin:0 auto}.blog-card{padding:2rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition)}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card h2{font-size:1.5rem;line-height:1.3;margin-bottom:.5rem}.blog-card h2 a{color:var(--color-text);text-decoration:none;transition:var(--transition)}.blog-card h2 a:hover{color:var(--color-primary)}.blog-card .blog-meta{color:var(--color-text-light);font-size:.875rem;margin-bottom:1rem}.blog-card p{margin-bottom:1.5rem;color:var(--color-text);line-height:1.7}.blog-quote{border-left:4px solid var(--color-primary);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--color-text-light)}.blog-quote p{margin:0;font-size:1.125rem}@media (max-width:767px){.blog-header h1{font-size:2rem}.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}.blog-card{padding:1.5rem}.blog-card h2{font-size:1.25rem}}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;text-align:left}.footer-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-section a:hover{color:#fff}.footer-section p{margin:0}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:1.5rem;text-align:center}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:1.5rem;text-align:center}}