:root{--c-primary:#6C3AED;--c-primary-hover:#5B21B6;--c-primary-light:rgba(108,58,237,0.08);--c-gradient:linear-gradient(135deg,#6C3AED 0%,#3B82F6 100%);--c-gradient-subtle:linear-gradient(135deg,rgba(108,58,237,0.04) 0%,rgba(59,130,246,0.04) 100%);--c-text:#1d1d1f;--c-text-secondary:#6e6e73;--c-text-tertiary:#86868b;--c-text-on-dark:#f5f5f7;--c-text-on-primary:#ffffff;--c-bg:#ffffff;--c-bg-alt:#f5f5f7;--c-bg-dark:#1d1d1f;--c-bg-elevated:#ffffff;--c-border:#d2d2d7;--c-border-light:#e8e8ed;--font-body:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif;--font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Helvetica,Arial,sans-serif;--font-mono:'SF Mono',SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace;--w-container:980px;--w-wide:1200px;--w-narrow:680px;--s-xs:0.5rem;--s-sm:1rem;--s-md:1.5rem;--s-lg:3rem;--s-xl:6rem;--s-2xl:8rem;--r-sm:0.5rem;--r-md:0.75rem;--r-lg:1.25rem;--r-xl:1.5rem;--r-full:980px;--nav-h:3.25rem;--transition:0.3s cubic-bezier(0.25,0.1,0.25,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.47059;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:var(--c-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--c-primary-hover)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:var(--c-text)}h1{font-size:clamp(2.75rem,5.5vw,4rem);font-weight:700;letter-spacing:-0.04em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-0.03em}h3{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}h4{font-size:1.125rem}.eyebrow{font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--c-primary);margin-bottom:var(--s-xs)}.headline-gradient{background:var(--c-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--w-container);margin:0 auto;padding:0 var(--s-md)}.container--wide{max-width:var(--w-wide)}.container--narrow{max-width:var(--w-narrow)}.section{padding:var(--s-xl) 0}.section--alt{background:var(--c-bg-alt)}.section--dark{background:linear-gradient(180deg,#1d1d1f 0%,#111113 100%);color:var(--c-text-on-dark)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--c-text-on-dark)}.section--dark p{color:rgba(245,245,247,0.8)}.section--dark .eyebrow{color:#a78bfa}.section--gradient{background:linear-gradient(135deg,#6C3AED 0%,#5B21B6 40%,#3B82F6 100%);color:var(--c-text-on-primary)}.section--gradient h1,.section--gradient h2,.section--gradient h3{color:var(--c-text-on-primary)}.section--gradient p{color:rgba(255,255,255,0.85)}.section--gradient .cta-section p{color:rgba(255,255,255,0.9)}.section--dark .cta-section p{color:rgba(245,245,247,0.85)}.section-header{text-align:center;max-width:var(--w-narrow);margin:0 auto var(--s-lg)}.section-header p{margin-top:var(--s-sm);color:var(--c-text-secondary);font-size:1.125rem;line-height:1.5}.text-center{text-align:center}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:rgba(255,255,255,0.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--c-border-light);z-index:1000;transition:background var(--transition)}.nav--scrolled{background:rgba(255,255,255,0.95);box-shadow:0 1px 8px rgba(0,0,0,0.06)}.nav-inner{max-width:var(--w-wide);margin:0 auto;padding:0 var(--s-md);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-display);font-weight:600;font-size:1.125rem;color:var(--c-text);text-decoration:none}.nav-logo:hover{color:var(--c-text)}.nav-logo img{width:28px;height:28px;border-radius:6px}.nav-links{display:flex;align-items:center;gap:var(--s-md)}.nav-links a{font-size:0.875rem;color:var(--c-text-secondary);transition:color var(--transition)}.nav-links a:hover{color:var(--c-text)}.nav-links a.active{color:var(--c-text);font-weight:500}.nav-links a.btn--primary{color:var(--c-text-on-primary)}.nav-links a.btn--primary:hover{color:var(--c-text-on-primary)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:18px;height:2px;background:var(--c-text);border-radius:1px;transition:var(--transition)}.hero{padding:calc(var(--nav-h) + var(--s-2xl)) 0 var(--s-2xl);text-align:center}.hero--gradient{background:linear-gradient(180deg,var(--c-bg) 0%,rgba(108,58,237,0.05) 50%,rgba(59,130,246,0.03) 100%)}.hero h1{margin-bottom:var(--s-md)}.hero p{font-size:1.25rem;color:var(--c-text-secondary);max-width:640px;margin:0 auto var(--s-lg);line-height:1.5}.hero-actions{display:flex;gap:var(--s-sm);justify-content:center;flex-wrap:wrap}.hero-icon{width:140px;height:140px;border-radius:32px;margin:0 auto var(--s-lg);box-shadow:0 12px 40px rgba(108,58,237,0.2),0 4px 12px rgba(0,0,0,0.06)}.hero-badge{display:inline-block;margin-top:var(--s-md);font-size:0.875rem;color:var(--c-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:500;border-radius:var(--r-full);border:none;cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1.2}.btn--primary{background:var(--c-primary);color:var(--c-text-on-primary);box-shadow:0 4px 14px rgba(108,58,237,0.3)}.btn--primary:hover{background:var(--c-primary-hover);color:var(--c-text-on-primary);transform:scale(1.04);box-shadow:0 6px 20px rgba(108,58,237,0.4)}.btn--secondary{background:transparent;color:var(--c-primary);border:1.5px solid var(--c-primary)}.btn--secondary:hover{background:var(--c-primary-light);color:var(--c-primary-hover);transform:scale(1.04)}.btn--dark{background:var(--c-bg-dark);color:var(--c-text-on-dark)}.btn--dark:hover{background:#333;color:var(--c-text-on-dark)}.btn--small{padding:0.4rem 1rem;font-size:0.875rem}.btn--large{padding:1.1rem 2.25rem;font-size:1.125rem}.card-grid{display:grid;gap:var(--s-md)}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--4{grid-template-columns:repeat(4,1fr)}.card{background:var(--c-bg-elevated);border:1px solid var(--c-border-light);border-radius:var(--r-xl);padding:var(--s-lg) var(--s-md);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1)}.card:hover{border-color:var(--c-border-light);box-shadow:0 12px 40px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);transform:translateY(-4px)}.card h3{margin-bottom:var(--s-xs)}.card p{color:var(--c-text-secondary);font-size:0.9375rem;line-height:1.5}.card-icon{font-size:2rem;margin-bottom:var(--s-sm);display:block}.card .card-link{display:inline-block;margin-top:var(--s-sm);font-size:0.9375rem;font-weight:500}.card .card-link::after{content:' \2192';display:inline-block;transition:transform 0.25s ease}.card .card-link:hover::after{transform:translateX(4px)}.card ul{margin-top:var(--s-xs);padding-left:0}.card ul li{color:var(--c-text-secondary);font-size:0.9375rem;line-height:1.6;padding-left:1.25rem;position:relative}.card ul li::before{content:'';position:absolute;left:0;top:0.6em;width:6px;height:6px;border-radius:50%;background:var(--c-primary);opacity:0.4}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-xl);align-items:center;padding:var(--s-lg) 0}.feature-row--reverse .feature-row-content{order:-1}.feature-row-content h3{margin-bottom:var(--s-sm)}.feature-row-content p{color:var(--c-text-secondary);line-height:1.6;margin-bottom:var(--s-sm)}.feature-row-content ul{margin-bottom:var(--s-sm)}.feature-row-content ul li{color:var(--c-text-secondary);font-size:0.9375rem;line-height:1.7;padding-left:1.25rem;position:relative}.feature-row-content ul li::before{content:'';position:absolute;left:0;top:0.6em;width:6px;height:6px;border-radius:50%;background:var(--c-primary);opacity:0.5}.feature-row-content .card-link{font-weight:500;font-size:0.9375rem}.feature-row-content .card-link::after{content:' \2192';display:inline-block;transition:transform 0.25s ease}.feature-row-content .card-link:hover::after{transform:translateX(4px)}.feature-row-visual{background:var(--c-bg-alt);border-radius:var(--r-xl);aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;color:var(--c-text-tertiary);font-size:0.875rem;border:1px solid var(--c-border-light);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1)}.feature-row-visual:hover{box-shadow:0 8px 30px rgba(0,0,0,0.08);transform:translateY(-2px)}.feature-row-visual img{width:100%;height:100%;object-fit:cover}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-md);text-align:center}.stat-item h3{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-0.03em;background:var(--c-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5rem}.stat-item p{font-size:0.9375rem;color:var(--c-text-secondary)}.columns{display:grid;gap:var(--s-lg)}.columns--2{grid-template-columns:repeat(2,1fr)}.columns--3{grid-template-columns:repeat(3,1fr)}.column h3{margin-bottom:var(--s-xs);font-weight:700}.column p{color:var(--c-text-secondary);line-height:1.6}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);border:1px solid var(--c-border-light)}table{width:100%;border-collapse:collapse;font-size:0.9375rem}th,td{padding:0.75rem 1rem;text-align:left;border-bottom:1px solid var(--c-border-light)}th{font-weight:600;background:var(--c-bg-alt);font-size:0.8125rem;color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:0.04em}td{color:var(--c-text-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:rgba(108,58,237,0.02)}.table-highlight{color:var(--c-text);font-weight:500}.table-check{color:var(--c-primary);font-weight:600}.table-dash{color:var(--c-text-tertiary)}.code-block{background:var(--c-bg-dark);color:#e5e7eb;border-radius:var(--r-md);padding:var(--s-md);overflow-x:auto;font-family:var(--font-mono);font-size:0.8125rem;line-height:1.7;margin:var(--s-sm) 0}code{font-family:var(--font-mono);font-size:0.875em;background:var(--c-bg-alt);padding:0.15em 0.4em;border-radius:4px}.code-block code{background:none;padding:0;font-size:inherit}.faq-list{max-width:var(--w-narrow);margin:0 auto}.faq-item{border-bottom:1px solid var(--c-border-light)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--s-md) 0;background:none;border:none;font-family:var(--font-body);font-size:1.0625rem;font-weight:500;color:var(--c-text);cursor:pointer;text-align:left;transition:color var(--transition)}.faq-question:hover{color:var(--c-primary)}.faq-question::after{content:'+';font-size:1.5rem;font-weight:300;color:var(--c-text-tertiary);transition:transform var(--transition);flex-shrink:0;margin-left:var(--s-sm)}.faq-item.open .faq-question::after{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease}.faq-item.open .faq-answer{max-height:500px;padding-bottom:var(--s-md)}.faq-answer p{color:var(--c-text-secondary);line-height:1.6}.cta-section{text-align:center;padding:var(--s-2xl) 0}.cta-section h2{margin-bottom:var(--s-sm)}.cta-section p{color:var(--c-text-secondary);margin-bottom:var(--s-lg);font-size:1.125rem}.checklist{text-align:left;max-width:480px;margin:0 auto;width:fit-content}.checklist li{padding:0.6rem 0;padding-left:1.75rem;position:relative;color:var(--c-text-secondary);line-height:1.5}.checklist li::before{content:'\2713';position:absolute;left:0;color:var(--c-primary);font-weight:700;font-size:0.9375rem}.pricing-cards{display:flex;justify-content:center;gap:var(--s-md);max-width:720px;margin:0 auto}.pricing-cards .pricing-card{flex:0 1 400px}.pricing-card{border:1px solid var(--c-border-light);border-radius:var(--r-xl);padding:var(--s-xl) var(--s-lg);text-align:center;transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1);box-shadow:0 1px 3px rgba(0,0,0,0.04)}.pricing-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);transform:translateY(-4px)}.pricing-card--featured{border-color:var(--c-primary);box-shadow:0 4px 20px rgba(108,58,237,0.12),0 0 0 1px var(--c-primary);position:relative}.pricing-card--featured:hover{box-shadow:0 16px 48px rgba(108,58,237,0.18),0 0 0 1px var(--c-primary)}.pricing-card--featured::before{content:'Recommended';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--c-primary);color:var(--c-text-on-primary);font-size:0.75rem;font-weight:600;padding:0.35rem 1rem;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:0.06em;box-shadow:0 2px 8px rgba(108,58,237,0.3)}.pricing-card .price{font-family:var(--font-display);font-size:3.25rem;font-weight:700;letter-spacing:-0.03em;color:var(--c-text);margin:var(--s-sm) 0}.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--c-text-secondary)}.pricing-card .price-note{font-size:0.875rem;color:var(--c-text-tertiary);margin-bottom:var(--s-md)}.screenshot-placeholder{background:linear-gradient(135deg,var(--c-bg-alt) 0%,rgba(108,58,237,0.03) 100%);border:1px solid var(--c-border-light);border-radius:var(--r-xl);padding:var(--s-xl) var(--s-md);text-align:center;color:var(--c-text-tertiary);font-size:0.875rem;box-shadow:0 2px 8px rgba(0,0,0,0.03)}.screenshot-placeholder.wide{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.icon-feature{display:flex;gap:var(--s-sm);align-items:flex-start}.icon-feature-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--r-md);background:var(--c-primary-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.icon-feature h4{margin-bottom:0.25rem}.icon-feature p{color:var(--c-text-secondary);font-size:0.9375rem;line-height:1.5}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-xs) var(--s-lg)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid var(--c-border-light)}.shortcut-item span:first-child{color:var(--c-text-secondary);font-size:0.9375rem}.shortcut-item kbd{font-family:var(--font-mono);font-size:0.8125rem;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:4px;padding:0.15rem 0.5rem;color:var(--c-text)}.steps{counter-reset:step;max-width:var(--w-narrow);margin:0 auto}.step{counter-increment:step;display:flex;gap:var(--s-md);padding:var(--s-md) 0;border-bottom:1px solid var(--c-border-light)}.step::before{content:counter(step);flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--c-gradient);color:var(--c-text-on-primary);font-family:var(--font-display);font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(108,58,237,0.25)}.step:last-child{border-bottom:none}.step h4{margin-bottom:0.25rem}.step p{color:var(--c-text-secondary);font-size:0.9375rem;line-height:1.5}.footer{background:var(--c-bg-dark);color:var(--c-text-on-dark);padding:var(--s-xl) 0 var(--s-lg)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--s-lg);margin-bottom:var(--s-xl)}.footer-brand p{color:var(--c-text-tertiary);font-size:0.875rem;line-height:1.6;margin-top:var(--s-sm);max-width:280px}.footer-brand .nav-logo{color:var(--c-text-on-dark);margin-bottom:0}.footer-col h4{font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--c-text-tertiary);margin-bottom:var(--s-sm)}.footer-col a{display:block;color:var(--c-text-on-dark);font-size:0.875rem;padding:0.25rem 0;opacity:0.85;transition:opacity var(--transition)}.footer-col a:hover{opacity:1;color:var(--c-text-on-dark)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--s-md);font-size:0.8125rem;color:var(--c-text-tertiary);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s-xs)}.footer-studio-link{color:var(--c-text-tertiary);text-decoration:none;transition:color var(--transition)}.footer-studio-link:hover{color:var(--c-text-on-dark)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:0.1s}.fade-in-delay-2{transition-delay:0.2s}.fade-in-delay-3{transition-delay:0.3s}@media (prefers-reduced-motion:reduce){.fade-in{opacity:1;transform:none;transition:none}}@media (max-width:1024px){.card-grid--4{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr;gap:var(--s-lg)}.feature-row--reverse .feature-row-content{order:0}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--s-xl:4rem;--s-2xl:5.5rem}.nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:var(--s-sm) var(--s-md);border-bottom:1px solid var(--c-border-light);gap:0}.nav-links.open{display:flex}.nav-links a{padding:0.75rem 0;font-size:1rem}.nav-toggle{display:flex}.card-grid--2,.card-grid--3,.card-grid--4{grid-template-columns:1fr}.columns--2,.columns--3{grid-template-columns:1fr}.pricing-cards{max-width:400px}.pricing-cards .pricing-card{flex:1 1 100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:var(--s-md)}.shortcuts-grid{grid-template-columns:1fr}.hero{padding-top:calc(var(--nav-h) + var(--s-xl))}.hero p{font-size:1.0625rem}.hero-icon{width:96px;height:96px;border-radius:22px}table{font-size:0.8125rem}th,td{padding:0.5rem 0.75rem}.footer-bottom{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:280px}}.app-screenshot{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);margin:var(--s-xl) auto 0}.app-screenshot--hero{width:900px}.app-screenshot--feature{width:800px}@media (prefers-color-scheme:dark){.app-screenshot{box-shadow:0 8px 32px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.2)}}@media print{.nav,.footer,.btn,.nav-toggle{display:none}.section{padding:1rem 0}body{color:#000}a{color:#000;text-decoration:underline}.fade-in{opacity:1;transform:none}}