*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;line-height:1.6;min-height:100vh}.container,.container-features{max-width:1200px;margin:0 auto;padding:0 20px}.container-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:40px;gap:40px}header{padding:40px 0;border-bottom:1px solid rgba(148,163,184,.2)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-nav{display:flex;gap:30px}.header-nav a{color:#cbd5e1;text-decoration:none;font-weight:500;transition:color .2s}.header-nav a:hover{color:#3b82f6}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .2s}.logo-link:hover{opacity:.8}.logo-icon{width:32px;height:32px;border-radius:6px}.logo{font-size:20px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero{padding:80px 0;text-align:center}h1{font-size:56px;margin-bottom:20px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.subtitle{font-size:20px;color:#94a3b8;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(59,130,246,.3)}.features{padding:80px 0;border-top:1px solid rgba(148,163,184,.2)}.feature{padding:30px;background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.feature:hover{border-color:rgba(148,163,184,.3);background:#1e293b}.feature-icon{font-size:40px;margin-bottom:15px}.feature h3{font-size:20px;margin-bottom:10px;color:#f1f5f9}.feature p{color:#cbd5e1;font-size:14px}.pro-section{padding:80px 0;border-top:1px solid rgba(148,163,184,.2);text-align:center}.pro-section-content{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pro-section h2{font-size:40px;font-weight:700;margin-bottom:15px;color:#f1f5f9}.pro-section-subtitle{font-size:18px;color:#cbd5e1;margin-bottom:10px;max-width:600px;margin-left:auto;margin-right:auto}.pro-section-detail{font-size:16px;color:#94a3b8;margin-bottom:30px}.cta-section{padding:80px 0;border-top:1px solid rgba(148,163,184,.2);text-align:center}.cta-section h2{font-size:36px;font-weight:700;margin-bottom:10px;color:#f1f5f9}.cta-section p{font-size:18px;color:#94a3b8;margin-bottom:30px}.faq-page{padding:60px 0;min-height:80vh}.faq-header{margin-bottom:60px;text-align:center}.faq-header h1{font-size:48px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;margin-bottom:15px}.faq-header p{font-size:18px;color:#94a3b8}.faq-list{max-width:800px;margin:0 auto}.faq-item{padding:30px;margin-bottom:20px;background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.faq-item:hover{border-color:rgba(148,163,184,.3);background:#1e293b}.faq-item h3{font-size:18px;font-weight:600;color:#f1f5f9;margin-bottom:12px}.faq-item p{font-size:15px;color:#cbd5e1;line-height:1.7}.footer{padding:40px 0;border-top:1px solid rgba(148,163,184,.2);color:#64748b;text-align:center;font-size:14px}.coming-soon{display:inline-block;padding:8px 16px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#c4b5fd;font-size:12px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.pro-page{min-height:100vh}.pro-hero{padding:100px 0;text-align:center}.pro-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border:1px solid rgba(59,130,246,.3);border-radius:20px;color:#60a5fa;font-size:14px;font-weight:600;margin-bottom:30px;text-transform:uppercase;letter-spacing:1px}.pro-hero h1{font-size:56px;margin-bottom:20px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pro-hero-subtitle{font-size:20px;color:#94a3b8;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.pro-pricing{display:flex;justify-content:center;gap:30px;margin-top:60px}.price-card{padding:40px;background:rgba(30,41,59,.8);border:1px solid rgba(59,130,246,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;min-width:300px}.price-card h3{color:#f1f5f9;font-size:18px;margin-bottom:15px}.price-amount{font-size:36px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.price-note{color:#94a3b8;font-size:14px}.pro-features-showcase{padding:80px 0;border-top:1px solid rgba(148,163,184,.2)}.pro-features-showcase h2{font-size:40px;font-weight:700;margin-bottom:60px;text-align:center;color:#f1f5f9}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px}.feature-card{padding:40px;background:rgba(30,41,59,.8);border:1px solid rgba(59,130,246,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.feature-card:hover{border-color:rgba(59,130,246,.3);background:#1e293b;transform:translateY(-4px)}.feature-card-icon{font-size:48px;margin-bottom:20px;display:block}.feature-card h3{font-size:20px;font-weight:600;color:#f1f5f9;margin-bottom:15px}.feature-card-description{color:#cbd5e1;font-size:15px;line-height:1.7;margin-bottom:20px}.feature-card-example{color:#94a3b8;font-size:14px;font-style:italic;padding-top:15px;border-top:1px solid rgba(148,163,184,.1)}.comparison-section{padding:80px 0;border-top:1px solid rgba(148,163,184,.2)}.comparison-section h2{font-size:40px;font-weight:700;margin-bottom:60px;text-align:center;color:#f1f5f9}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:rgba(30,41,59,.5);border:1px solid rgba(148,163,184,.1);border-radius:12px;overflow:hidden}.comparison-table thead{background:rgba(59,130,246,.1)}.comparison-table th{padding:20px;text-align:left;color:#f1f5f9;font-weight:600;border-bottom:1px solid rgba(148,163,184,.1)}.comparison-table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.05);color:#cbd5e1}.comparison-table tr:last-child td{border-bottom:none}.feature-name{font-weight:500;color:#e2e8f0}.free-column{text-align:center;color:#94a3b8}.pro-column{text-align:center;font-weight:600;color:#60a5fa}.why-pro-section{padding:80px 0;border-top:1px solid rgba(148,163,184,.2)}.why-pro-section h2{font-size:40px;font-weight:700;margin-bottom:60px;text-align:center;color:#f1f5f9}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:40px;gap:40px}.why-card{padding:30px;background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.why-card:hover{border-color:rgba(148,163,184,.3);background:#1e293b}.why-card h3{font-size:18px;font-weight:600;color:#f1f5f9;margin-bottom:12px}.why-card p{color:#cbd5e1;font-size:15px;line-height:1.7}.pro-cta-section{padding:80px 0;border-top:1px solid rgba(148,163,184,.2);text-align:center}.pro-cta-section h2{font-size:40px;font-weight:700;margin-bottom:15px;color:#f1f5f9}.pro-cta-section p{font-size:18px;color:#94a3b8;margin-bottom:30px}.pro-faq-section{padding:80px 0;border-top:1px solid rgba(148,163,184,.2)}.pro-faq-section h2{font-size:40px;font-weight:700;margin-bottom:60px;text-align:center;color:#f1f5f9}.pro-faq-list{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px}.pro-faq-item{padding:30px;background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pro-faq-item h3{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:12px}.pro-faq-item p{color:#cbd5e1;font-size:14px;line-height:1.7}@media (max-width:768px){h1{font-size:36px}.subtitle{font-size:16px}.pro-hero h1{font-size:36px}.pro-hero-subtitle{font-size:16px}.features,.hero{padding:60px 0}.comparison-table td,.comparison-table th{padding:12px;font-size:12px}}