:root{--background:#fff;--foreground:#000;--card:#fff;--card-foreground:#000;--primary:#000;--primary-foreground:#fff;--secondary:#f8f9fa;--secondary-foreground:#000;--muted:#f3f4f6;--muted-foreground:#6b7280;--accent:#f8f9fa;--accent-foreground:#000;--border:#e5e7eb;--input:#f3f4f6;--ring:#000;--gradient-primary:linear-gradient(135deg,#000,#333);--gradient-secondary:linear-gradient(135deg,#f8f9fa,#fff);--gradient-hero:linear-gradient(135deg,#fff,#f8f9fa);--gradient-radial:radial-gradient(circle at 20% 50%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.02) 0%,transparent 50%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 12px rgba(0,0,0,.15);--shadow-md:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 8px 30px rgba(0,0,0,.1);--shadow-xl:0 20px 60px rgba(0,0,0,.15);--shadow-2xl:0 25px 80px rgba(0,0,0,.2);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Mono",monospace;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:80px;--spacing-5xl:100px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--text-primary:#000;--text-secondary:#555;--text-muted:#666;--text-light:#6b7280;--text-lighter:#9ca3af}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:var(--font-sans);line-height:1.6;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.site-header{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:-.5px;transition:color var(--transition-base)}.logo:hover{color:#333}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);font-size:15px;font-weight:600;text-align:center;text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:none;letter-spacing:.3px}.btn-primary{background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.btn-outline{border:2px solid var(--primary);background:var(--background);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--primary-foreground)}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--muted)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:16px}.btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.hero-section{text-align:center;padding:120px 0 100px;background:var(--gradient-hero);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-radial);pointer-events:none}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:1}.hero-title{font-size:clamp(42px,5vw,64px);font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-1px;max-width:900px;margin:0 auto var(--spacing-lg) auto}.hero-subtitle{font-size:clamp(18px,2.5vw,24px);color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto 60px;font-weight:400;animation-delay:.2s}.section{padding:var(--spacing-5xl) 0}.section-light{background:var(--background)}.section-gray{background:#f8f9fa}.section-dark{background:var(--primary);color:var(--primary-foreground)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.section-title{font-size:clamp(32px,4vw,48px);font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-1px}.section-subtitle{font-size:20px;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.feature-card{background:var(--card);border-radius:var(--radius-xl);padding:0;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:all var(--transition-base);overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px rgba(0,0,0,.15)}.feature-video{width:100%;height:200px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-video video{width:100%;height:100%;object-fit:cover}.feature-content{padding:var(--spacing-xl)}.feature-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feature-description{font-size:16px;color:var(--text-light);line-height:1.6}.pricing-section{padding:var(--spacing-5xl) 0;background:var(--gradient-secondary);position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);justify-content:center;max-width:900px;margin:0 auto}.pricing-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);width:100%;max-width:380px;text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:#d1d5db}.pricing-card-featured{background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:0 8px 30px rgba(0,0,0,.2)}.pricing-card-featured:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,.3)}.pricing-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--background);color:var(--foreground);padding:var(--spacing-xs) var(--spacing-lg);font-size:12px;font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow);text-transform:uppercase;letter-spacing:.5px}.pricing-title{font-size:28px;font-weight:700;margin-bottom:var(--spacing-lg)}.pricing-card-featured .pricing-title{margin-top:var(--spacing-xs)}.pricing-amount{font-size:56px;font-weight:800;margin-bottom:var(--spacing-xs);line-height:1}.pricing-period{font-size:16px;color:var(--text-light);margin-bottom:var(--spacing-xl);font-weight:500}.pricing-card-featured .pricing-period{color:#d1d5db}.pricing-features{list-style:none;margin-bottom:var(--spacing-xl);padding:0;text-align:left}.pricing-feature{padding:var(--spacing-sm) 0;font-size:16px;display:flex;align-items:center;color:#374151}.pricing-card-featured .pricing-feature{color:var(--primary-foreground)}.pricing-feature-icon{color:var(--color-success);margin-right:var(--spacing-sm);font-weight:600;font-size:18px}.demo-section{padding:var(--spacing-4xl) 0;text-align:center;background:var(--background)}.demo-video{width:100%;max-width:900px;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin:0 auto;display:block;transition:transform var(--transition-base),box-shadow var(--transition-base)}.demo-video:hover{transform:scale(1.02);box-shadow:var(--shadow-2xl)}.site-footer{padding:60px 0;text-align:center;border-top:1px solid var(--border);background:var(--background)}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-text{color:var(--text-muted);font-size:15px;line-height:1.8;max-width:500px;margin:0 auto}.footer-link{color:var(--primary);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.footer-link:hover{color:#333}.editor-page{min-height:100vh;background:#f9fafb}.editor-container{max-width:1600px;margin:0 auto;padding:var(--spacing-lg)}.editor-header{background:var(--card);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);justify-content:space-between}.editor-header,.editor-loading{display:flex;align-items:center}.editor-loading{min-height:100vh;justify-content:center;flex-direction:column;gap:var(--spacing-md)}.editor-loading-spinner{animation:spin 1s linear infinite;border-radius:50%;height:48px;width:48px;border-bottom:2px solid var(--primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.w-full{width:100%}.max-w-screen{max-width:100vw}.hidden{display:none!important}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:32px}.features-grid,.pricing-grid{grid-template-columns:1fr;gap:var(--spacing-lg);padding:0 var(--spacing-md)}.feature-card,.pricing-card{max-width:100%;margin:0 auto}.section{padding:var(--spacing-4xl) 0}.hero-section{padding:var(--spacing-4xl) 0 var(--spacing-3xl) 0}.header-container{padding:0 var(--spacing-md)}.logo{font-size:24px}}@media (max-width:480px){.features-grid,.pricing-grid{gap:var(--spacing-md)}.btn{width:100%}.feature-video{height:150px}.feature-card,.pricing-card{padding:var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}