@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";:root{--bg-app: #F5F3EF;--bg-primary: #F5F3EF;--bg-secondary: #f9fafb;--bg-card: #ffffff;--bg-input: #f9fafb;--bg-hover: #f3f4f6;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-tertiary: #9ca3af;--accent-primary: #FF470F;--accent-secondary: #FF6B35;--accent-glow: rgba(255, 71, 15, .2);--accent: #FF470F;--accent-dim: rgba(255, 71, 15, .1);--accent-hover: #e63d0d;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border-color: #e5e5e5;--border-subtle: #e5e5e5;--border-strong: #d1d5db;--glass-border: 1px solid #e5e5e5;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08);--shadow-glow: 0 0 20px var(--accent-glow);--font-sans: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.page-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:2rem;margin-bottom:1rem}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.sidebar{width:260px;height:calc(100vh - 32px);position:fixed;left:16px;top:16px;display:flex;flex-direction:column;padding:24px 16px;z-index:50;background:#fff!important;border-radius:20px;border:1px solid #e5e5e5!important;box-shadow:0 4px 20px #0000000a}.sidebar-header{display:flex;align-items:center;gap:14px;margin-bottom:32px;padding:0 12px}.logo-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;flex-shrink:0}.logo-glow{position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);opacity:.3;filter:blur(8px);z-index:-1;animation:pulse 2s ease-in-out infinite}.logo-img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}.logo-text{display:flex;flex-direction:column;gap:2px}.app-title{font-size:1.15rem;margin:0;color:#111;font-weight:800;letter-spacing:-.02em;line-height:1.2}.app-subtitle{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.text-green{color:#10b981!important}.text-orange{color:#ff470f}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;color:#6b7280!important;text-decoration:none;border-radius:10px;transition:all .2s ease;border:1px solid transparent;background:transparent!important;font-size:.9rem;font-weight:500;width:100%;text-align:left;cursor:pointer}.nav-item:hover{color:#1a1a1a!important;background:#f9fafb!important}.nav-item.active{background:#10b9811a!important;color:#059669!important;border-color:#10b98133!important}.nav-item.active svg{color:#10b981!important}.logout-btn{margin-top:auto;color:#9ca3af!important}.logout-btn:hover{color:#ef4444!important;background:#ef444414!important}.account-btn{color:#6b7280!important}.account-btn:hover{color:#10b981!important;background:#10b98114!important}.sidebar-footer{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid #f3f4f6;margin-top:8px}.account-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.account-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003;overflow:hidden}.account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.account-modal-header h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0}.modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#1a1a1a}.account-modal-body{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.account-avatar{width:80px;height:80px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;text-transform:uppercase}.account-avatar.seo-gradient{background:linear-gradient(135deg,#10b981,#059669)}.account-info{width:100%;display:flex;flex-direction:column;gap:12px}.account-info-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:#f9fafb;border-radius:10px}.account-info-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.account-info-item div{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.7rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9rem;font-weight:500;color:#1a1a1a}.info-id{font-family:monospace;font-size:.8rem;color:#6b7280}.status-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.65rem;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.3px}.status-badge.trial{background:#fef3c7;color:#d97706}.status-badge.active{background:#d1fae5;color:#059669}.trial-item svg{color:#d97706!important}.trial-date{color:#d97706!important;font-weight:600!important}.btn-upgrade-account{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s;box-shadow:0 4px 12px #10b98140}.btn-upgrade-account:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.account-modal-footer{padding:16px 24px;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;gap:12px}.account-modal-footer .btn-secondary{padding:10px 20px;background:#f3f4f6;border:1px solid #e5e5e5;border-radius:10px;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.account-modal-footer .btn-secondary:hover{background:#e5e5e5}.account-modal-footer .btn-tour{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid #e5e5e5;border-radius:10px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.account-modal-footer .btn-tour:hover{background:#f9fafb;color:#10b981;border-color:#10b981}.help-card{margin:16px 8px;padding:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:14px}.help-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.help-icon{width:24px;height:24px;background:#f59e0b;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.help-title{font-size:.8rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.help-description{font-size:.75rem;color:#78350f;margin:0 0 10px;line-height:1.4}.help-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.help-button:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px #d977064d}.usage-card{margin:16px 8px;padding:14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px}.usage-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.usage-card.trial{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#34d399}.usage-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.usage-icon{width:24px;height:24px;background:#10b981;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.usage-card.warning .usage-icon{background:#d97706}.usage-icon.trial{background:linear-gradient(135deg,#10b981,#059669)}.usage-plan{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.usage-card.warning .usage-plan{color:#92400e}.usage-card.trial .usage-plan{color:#047857;font-weight:700}.usage-stats{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.usage-current{font-size:1.5rem;font-weight:700;color:#1e293b}.usage-separator{font-size:1rem;color:#94a3b8}.usage-limit{font-size:1rem;font-weight:600;color:#64748b}.usage-label{font-size:.75rem;color:#94a3b8;margin-left:4px}.usage-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.usage-card.warning .usage-bar{background:#ffffff80}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .5s ease}.usage-bar-fill.seo-green{background:linear-gradient(90deg,#10b981,#34d399)}.usage-card.warning .usage-bar-fill{background:linear-gradient(90deg,#d97706,#f59e0b)}.usage-card.trial .usage-bar-fill{background:linear-gradient(90deg,#059669,#10b981)}.usage-card.trial .usage-upgrade{background:linear-gradient(135deg,#059669,#10b981)}.usage-card.trial .usage-upgrade:hover{background:linear-gradient(135deg,#047857,#059669)}.usage-upgrade{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:8px;background:#1e293b;border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.usage-upgrade:hover{background:#334155;transform:translateY(-1px)}@media(max-width:768px){.sidebar{display:none}.mobile-sidebar-wrapper .sidebar{display:flex!important}.account-modal{margin:16px;max-width:calc(100% - 32px)}}.tour-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .3s ease}.tour-card{position:fixed;z-index:9999;background:#fff;border-radius:20px;padding:28px;width:380px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tour-card.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card.positioned{top:50%;left:320px;transform:translateY(-50%)}.tour-progress{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:all .3s}.progress-dot.active{width:24px;border-radius:4px;background:linear-gradient(135deg,#ff470f,#ff6b35)}.progress-dot.completed{background:#10b981}.tour-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.tour-close:hover{background:#e5e7eb;color:#374151}.tour-content{text-align:center;margin-bottom:24px}.tour-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.tour-icon.success{background:linear-gradient(135deg,#10b981,#34d399)}.tour-content h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 12px}.tour-content p{font-size:.95rem;color:#6b7280;line-height:1.6;margin:0}.tour-actions{display:flex;gap:12px;justify-content:space-between}.tour-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.tour-btn.primary{flex:1;justify-content:center;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.tour-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff470f4d}.tour-btn.secondary{background:#f3f4f6;color:#374151}.tour-btn.secondary:hover{background:#e5e7eb}.tour-btn.text{background:transparent;color:#9ca3af;padding:12px 16px}.tour-btn.text:hover{color:#6b7280}.tour-counter{text-align:center;margin-top:16px;font-size:.75rem;color:#9ca3af}:global(.tour-highlight){position:relative;z-index:9999;box-shadow:0 0 0 4px #ff470f4d,0 0 20px #ff470f33;border-radius:12px!important;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff470f4d,0 0 20px #ff470f33}50%{box-shadow:0 0 0 8px #ff470f33,0 0 30px #ff470f4d}}@media(max-width:768px){.tour-card{width:calc(100% - 32px);inset:auto 16px 16px;transform:none}.tour-card.centered,.tour-card.positioned{top:auto;left:16px;transform:none}}.app-layout{display:flex;min-height:100vh;background:#f5f3ef;position:relative}.main-content{flex:1;margin-left:280px;padding:0;min-height:100vh;position:relative;background:#f5f3ef}.mobile-menu-toggle{display:none;position:fixed;top:16px;right:16px;z-index:1001;width:48px;height:48px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;align-items:center;justify-content:center;color:#111;transition:all .2s}.mobile-menu-toggle:hover{background:#f9fafb;border-color:#10b981;color:#10b981}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-sidebar-wrapper{position:absolute;top:0;left:0;width:280px;max-width:85vw;height:100%;background:#fff;box-shadow:4px 0 24px #00000026;animation:slideInLeft .3s ease-out;overflow-y:auto;z-index:1000}.mobile-sidebar-wrapper .sidebar{position:relative!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-height:100vh!important;border-radius:0!important;box-shadow:none!important;border:none!important;margin:0!important;padding:24px 16px!important;display:flex!important;flex-direction:column!important}.mobile-sidebar-wrapper .sidebar-nav{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1!important}.mobile-sidebar-wrapper .nav-item{display:flex!important;visibility:visible!important;opacity:1!important}.desktop-sidebar{display:block}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.desktop-sidebar{display:none}.main-content{margin-left:0;padding-bottom:0;width:100%}.app-layout{flex-direction:column}}.dashboard-seo{padding:24px 32px;background:#fafafa;min-height:100vh}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dash-header-left h1{font-size:1.6rem;font-weight:700;color:#111;margin:0}.dash-subtitle{font-size:.9rem;color:#6b7280;margin-top:4px;display:block}.dash-header-right{display:flex;align-items:center;gap:12px}.btn-primary-dash{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98140}.btn-primary-dash:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.dashboard-connect-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #FCD34D;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #fbbf2426}.dashboard-connect-content{display:flex;align-items:flex-start;gap:12px;flex:1}.dashboard-connect-content svg{color:#92400e;flex-shrink:0;margin-top:2px}.dashboard-connect-content strong{display:block;color:#92400e;font-size:.95rem;font-weight:700;margin-bottom:4px}.dashboard-connect-content p{color:#78350f;font-size:.85rem;margin:0;line-height:1.4}.btn-banner-connect-dash{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#92400e;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-banner-connect-dash:hover{background:#78350f;transform:translateY(-1px);box-shadow:0 4px 12px #92400e4d}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.quick-action-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.quick-action-card:hover{border-color:#10b981;box-shadow:0 8px 24px #10b9811f;transform:translateY(-2px)}.qa-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qa-content{flex:1;min-width:0}.qa-label{display:block;font-size:.95rem;font-weight:600;color:#111;margin-bottom:2px}.qa-desc{display:block;font-size:.8rem;color:#6b7280}.qa-arrow{color:#d1d5db;transition:all .2s}.quick-action-card:hover .qa-arrow{color:#10b981;transform:translate(4px)}.kpi-grid-seo{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:28px}.kpi-card-seo{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:all .2s}.kpi-card-seo:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000a}.kpi-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.kpi-icon-wrap.green{background:linear-gradient(135deg,#10b981,#059669)}.kpi-icon-wrap.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.kpi-icon-wrap.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.kpi-icon-wrap.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-icon-wrap.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.kpi-icon-wrap.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.kpi-content{display:flex;flex-direction:column;gap:2px}.kpi-value-seo{font-size:1.75rem;font-weight:700;color:#111;line-height:1}.kpi-label-seo{font-size:.8rem;font-weight:500;color:#6b7280}.kpi-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#d1fae5;color:#059669;border-radius:6px;font-size:.7rem;font-weight:600;width:fit-content}.kpi-sub{font-size:.75rem;color:#9ca3af}.charts-section-seo{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:28px}.chart-card-seo{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{font-size:1rem;font-weight:600;color:#111;margin:0}.chart-legend-inline{display:flex;gap:16px;font-size:.75rem;color:#6b7280}.chart-legend-inline span{display:flex;align-items:center;gap:6px}.chart-legend-inline i{width:10px;height:10px;border-radius:3px}.chart-wrapper{margin:0 -8px}.sites-chart{display:flex;flex-direction:column}.sites-distribution{flex:1;display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.site-row{display:flex;align-items:center;gap:12px}.site-info{display:flex;align-items:center;gap:8px;width:100px}.site-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.site-name{font-size:.85rem;font-weight:500;color:#374151}.site-bar-wrap{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.site-bar{height:100%;border-radius:4px;transition:width .5s ease}.site-count{width:30px;font-size:.85rem;font-weight:600;color:#111;text-align:right}.btn-connect-site{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f9fafb;border:1px dashed #D1D5DB;border-radius:10px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-connect-site:hover{background:#ecfdf5;border-color:#10b981;color:#059669}.recent-section{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px;margin-bottom:28px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:1rem;font-weight:600;color:#111;margin:0}.see-all-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#10b981;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.see-all-btn:hover{color:#059669;gap:8px}.contents-list{display:flex;flex-direction:column;gap:10px}.content-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f9fafb;border-radius:10px;transition:all .2s}.content-row:hover{background:#f3f4f6}.content-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.status-icon{flex-shrink:0}.status-icon.published{color:#10b981}.status-icon.draft{color:#9ca3af}.status-icon.scheduled{color:#3b82f6}.content-info{display:flex;flex-direction:column;gap:3px;min-width:0}.content-title{font-size:.9rem;font-weight:500;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#6b7280}.content-meta svg{width:12px;height:12px}.meta-sep{color:#d1d5db}.content-actions{display:flex;align-items:center;gap:12px}.status-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.views-count{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280}.btn-icon-small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-icon-small:hover{background:#fff;border-color:#10b981;color:#10b981}.getting-started{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #34D399;border-radius:16px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.gs-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.getting-started h3{font-size:1.25rem;font-weight:700;color:#111;margin:0}.getting-started p{font-size:.95rem;color:#6b7280;margin:0;max-width:400px}.gs-actions{display:flex;gap:12px;margin-top:8px}.gs-actions .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98140}.gs-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.gs-actions .btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.gs-actions .btn-secondary:hover{border-color:#10b981;color:#10b981}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60vh;color:#6b7280;font-size:.9rem}.animate-spin{animation:spin 1s linear infinite;color:#10b981}@media(max-width:1400px){.kpi-grid-seo{grid-template-columns:repeat(3,1fr)}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.charts-section-seo{grid-template-columns:1fr}}@media(max-width:900px){.kpi-grid-seo{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-seo{padding:16px}.dash-header{flex-direction:column;align-items:flex-start;gap:12px}.dash-header-left h1{font-size:1.3rem}.dash-subtitle{font-size:.85rem}.dash-header-right{width:100%}.btn-primary-dash{width:100%;justify-content:center}.quick-actions-grid{grid-template-columns:1fr;gap:12px}.quick-action-card{padding:14px 16px}.qa-icon{width:40px;height:40px}.kpi-grid-seo{grid-template-columns:1fr;gap:12px}.kpi-card-seo{padding:16px}.kpi-value-seo{font-size:1.5rem}.charts-section-seo{grid-template-columns:1fr;gap:16px}.chart-card-seo{padding:16px}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-legend-inline{flex-wrap:wrap;gap:12px}.chart-wrapper{margin:0}.recent-section{padding:16px}.content-row{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.content-actions{width:100%;justify-content:space-between}.content-meta{flex-wrap:wrap}.gs-actions{flex-direction:column;width:100%}.gs-actions button{width:100%;justify-content:center}.getting-started{padding:24px 16px}.dashboard-connect-banner{flex-direction:column;align-items:stretch;padding:16px;gap:16px}.dashboard-connect-content{flex-direction:row}.btn-banner-connect-dash{width:100%;justify-content:center}}.planner-page{padding:24px 32px;background:#fafafa;min-height:100vh}.banner{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;margin-bottom:20px;font-size:.9rem;font-weight:500}.banner span{flex:1}.banner button{background:transparent;border:none;cursor:pointer;opacity:.7;transition:opacity .2s}.banner button:hover{opacity:1}.success-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.success-banner button{color:#fff}.generating-banner{background:#fef3c7;color:#92400e;border:1px solid #FCD34D}.generating-banner .spin{animation:spin 1s linear infinite}.connect-banner{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#3730a3;border:1px solid #C7D2FE}.connect-banner .banner-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4f46e5;color:#fff;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.connect-banner .banner-btn:hover{background:#4338ca}.connect-banner .banner-close{color:#6366f1}.planner-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.planner-header h1{font-size:1.6rem;font-weight:700;color:#111;margin:0 0 4px}.planner-header p{font-size:.9rem;color:#6b7280;margin:0}.btn-generate{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-generate:hover{border-color:#10b981;color:#10b981}.btn-generate svg{color:#f59e0b}.btn-add{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.planner-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}.stat-item{display:flex;align-items:center;gap:10px}.stat-item svg{color:#10b981}.stat-label{font-size:.85rem;color:#6b7280}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nav-left{display:flex;align-items:center;gap:16px}.nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.nav-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111}.calendar-nav h2{font-size:1.25rem;font-weight:600;color:#111;margin:0;min-width:200px;text-align:center}.btn-today{padding:8px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:.85rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-today:hover{background:#f9fafb;border-color:#10b981;color:#10b981}.calendar-container{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb;border-bottom:1px solid #E5E7EB}.day-header{padding:14px;text-align:center;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:140px;border-right:1px solid #F3F4F6;border-bottom:1px solid #F3F4F6;padding:8px;display:flex;flex-direction:column;transition:background .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover,.calendar-day.other-month{background:#fafafa}.calendar-day.other-month .day-number{color:#d1d5db}.calendar-day.today{background:#10b98108}.calendar-day.today .day-number{background:#10b981;color:#fff}.day-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#374151;border-radius:8px;margin-bottom:6px}.day-content{flex:1;display:flex;flex-direction:column;gap:6px}.article-card{display:flex;gap:6px;padding:8px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;cursor:grab;transition:all .2s}.article-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.article-card:active{cursor:grabbing}.article-drag{display:flex;align-items:flex-start;padding-top:2px;color:#d1d5db}.article-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.article-type{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:600;width:fit-content}.article-title{font-size:.8rem;font-weight:500;color:#111;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;flex-direction:column;gap:2px}.meta-keyword{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#6b7280}.meta-keyword svg{color:#9ca3af}.meta-stats{font-size:.65rem;color:#9ca3af}.meta-stats strong{color:#374151}.meta-stats .sep{margin:0 4px}.article-status{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:600;width:fit-content}.article-status.published{background:#d1fae5;color:#059669}.article-status.scheduled{background:#dbeafe;color:#2563eb}.article-status.draft{background:#f3f4f6;color:#6b7280}.article-status.generating{background:#fef3c7;color:#92400e}.article-status.generating .spin{animation:spin 1s linear infinite}.article-actions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s}.article-card:hover .article-actions{opacity:1}.action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn:hover{background:#e5e7eb;color:#374151}.action-btn.delete:hover{background:#fee2e2;color:#ef4444}.add-article-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;background:transparent;border:1px dashed #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s;min-height:40px}.add-article-btn:hover{background:#10b98108;border-color:#10b981}.add-article-btn .add-text,.add-article-btn .add-links{font-size:.7rem;color:#9ca3af}.add-article-btn .add-links a{color:#10b981;text-decoration:none;cursor:pointer}.add-article-btn .add-links a:hover{text-decoration:underline}.add-article-btn svg{color:#10b981}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #E5E7EB}.modal-header h2{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 6px}.modal-date{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280;margin:0}.modal-date svg{color:#10b981}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 14px;border:1px solid #E5E7EB;border-radius:10px;font-size:.95rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-with-icon{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #E5E7EB;border-radius:10px;transition:all .2s}.input-with-icon:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-with-icon input{flex:1;padding:12px 0;border:none;font-size:.95rem}.input-with-icon input:focus{outline:none;box-shadow:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-selector{display:flex;flex-wrap:wrap;gap:8px}.type-btn{padding:8px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.type-btn:hover{border-color:#10b981;color:#10b981}.type-btn.active{background:#ecfdf5;border-color:#10b981;color:#059669}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.btn-secondary{padding:12px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}@media(max-width:1200px){.calendar-day{min-height:120px}.article-title{font-size:.75rem}}@media(max-width:900px){.planner-header{flex-direction:column;gap:16px}.header-actions{width:100%}.btn-generate,.btn-add{flex:1;justify-content:center}.planner-stats{flex-wrap:wrap}}.expert-toast{position:fixed;bottom:24px;right:24px;z-index:1000;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-content{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;border:1px solid #E5E7EB;overflow:hidden;min-width:320px;max-width:400px}.toast-header{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #FCD34D}.toast-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.toast-text{flex:1}.toast-text strong{display:block;color:#92400e;font-size:.95rem;font-weight:700;margin-bottom:2px}.toast-text p{color:#78350f;font-size:.8rem;margin:0}.toast-close{background:transparent;border:none;color:#92400e;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#92400e1a}.toast-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s}.toast-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}@media(max-width:768px){.planner-page{padding:16px}.calendar-grid{display:block}.calendar-header{display:none}.calendar-day{min-height:auto;padding:16px;border-radius:12px;margin-bottom:8px;border:1px solid #E5E7EB}.calendar-day.other-month{display:none}.day-number{font-size:1rem;margin-bottom:12px}.form-row{grid-template-columns:1fr}.expert-toast{bottom:16px;right:16px;left:16px}.toast-content{min-width:auto;max-width:100%}}.audit-page{padding:24px 32px;background:#fafafa;min-height:100vh}.audit-header{margin-bottom:24px}.audit-header h1{font-size:1.6rem;font-weight:700;color:#111;margin:0 0 4px}.audit-header p{font-size:.9rem;color:#6b7280;margin:0}.audit-search-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;margin-bottom:24px}.audit-form{display:flex;gap:12px}.btn-audit{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-audit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.btn-audit:disabled{opacity:.8;cursor:not-allowed}.analyzing-state{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:60px 40px;text-align:center}.analyzing-animation{position:relative;width:100px;height:100px;margin:0 auto 24px}.analyzing-circle{position:absolute;inset:0;border:3px solid #E5E7EB;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.analyzing-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#10b981}.analyzing-state h3{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 8px}.analyzing-state p{font-size:.9rem;color:#6b7280;margin:0 0 24px}.analyzing-steps{display:flex;justify-content:center;gap:12px}.analyzing-steps .step{padding:6px 14px;background:#f3f4f6;border-radius:20px;font-size:.8rem;color:#6b7280}.analyzing-steps .step.active{background:#d1fae5;color:#059669}.audit-results{display:flex;flex-direction:column;gap:24px}.score-overview{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:32px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.main-score{display:flex;flex-direction:column;align-items:center;text-align:center}.score-circle{position:relative;width:160px;height:160px;margin-bottom:20px}.score-circle svg{transform:rotate(-90deg)}.score-bg{fill:none;stroke:#f3f4f6;stroke-width:8}.score-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-number{font-size:2.5rem;font-weight:700;color:#111;line-height:1}.score-label{font-size:.9rem;color:#6b7280}.score-info h2{font-size:1.1rem;font-weight:600;color:#111;margin:0 0 8px}.score-url{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;color:#6b7280;margin:0 0 4px}.score-date{font-size:.8rem;color:#9ca3af;margin:0}.category-scores{display:flex;flex-direction:column;gap:16px;justify-content:center}.category-score-item{display:flex;align-items:center;gap:12px}.category-score-item svg{color:#6b7280}.cat-name{width:100px;font-size:.85rem;font-weight:500;color:#374151}.cat-score-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.cat-score-fill{height:100%;border-radius:4px;transition:width .5s ease}.cat-score-value{width:30px;font-size:.85rem;font-weight:600;color:#111;text-align:right}.quick-wins-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #34D399;border-radius:16px;padding:24px}.qw-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.qw-header svg{color:#059669}.qw-header h3{font-size:1rem;font-weight:600;color:#065f46;margin:0}.qw-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.qw-list li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#047857}.qw-list li svg{color:#10b981;flex-shrink:0}.detailed-results{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px}.detailed-results>h3{font-size:1rem;font-weight:600;color:#111;margin:0 0 20px}.result-category{border:1px solid #E5E7EB;border-radius:12px;margin-bottom:12px;overflow:hidden}.result-category:last-child{margin-bottom:0}.category-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border:none;cursor:pointer;transition:background .2s}.category-header:hover{background:#f3f4f6}.cat-header-left{display:flex;align-items:center;gap:12px}.cat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.cat-icon.good{background:#10b981}.cat-icon.warning{background:#f59e0b}.cat-icon.error{background:#ef4444}.cat-title{font-size:.95rem;font-weight:600;color:#111}.cat-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.category-header>svg{color:#9ca3af}.category-items{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.audit-item{display:flex;flex-direction:column;gap:8px}.item-main{display:flex;align-items:center;gap:10px}.status-icon.good{color:#10b981}.status-icon.warning{color:#f59e0b}.status-icon.error{color:#ef4444}.item-name{flex:1;font-size:.9rem;color:#374151}.item-value{font-size:.85rem;font-weight:500;padding:4px 10px;border-radius:6px}.item-value.good{background:#d1fae5;color:#059669}.item-value.warning{background:#fef3c7;color:#d97706}.item-value.error{background:#fee2e2;color:#dc2626}.item-recommendation{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fef3c7;border-radius:8px;font-size:.8rem;color:#92400e;margin-left:26px}.item-recommendation svg{flex-shrink:0;margin-top:1px}.audit-actions{display:flex;justify-content:center;gap:12px}.audit-empty{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:60px 40px;text-align:center}.audit-empty h3{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 8px}.audit-empty p{font-size:.95rem;color:#6b7280;max-width:400px;margin:0 auto 24px}.empty-features{display:flex;justify-content:center;gap:24px}.empty-features .feature{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;font-size:.85rem}.empty-features .feature svg{color:#10b981}@media(max-width:900px){.score-overview{grid-template-columns:1fr;gap:24px}.qw-list{grid-template-columns:1fr}}@media(max-width:600px){.audit-page{padding:16px}.audit-form{flex-direction:column}.btn-audit{justify-content:center}.empty-features{flex-wrap:wrap;gap:16px}.audit-actions{flex-direction:column}.audit-actions button{justify-content:center}}.keywords-page{padding:24px 32px;background:#fafafa;min-height:100vh}.keywords-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.keywords-header h1{font-size:1.6rem;font-weight:700;color:#111;margin:0 0 4px}.keywords-header p{font-size:.9rem;color:#6b7280;margin:0}.header-actions{display:flex;gap:12px}.keywords-tabs{display:flex;gap:8px;margin-bottom:24px}.keywords-tabs button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.keywords-tabs button:hover{border-color:#10b981;color:#10b981}.keywords-tabs button.active{background:#10b981;border-color:#10b981;color:#fff}.keywords-search-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;margin-bottom:24px}.keywords-form{display:flex;gap:12px}.input-wrapper{flex:1;position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af}.input-wrapper input{width:100%;padding:14px 16px 14px 48px;border:2px solid #E5E7EB;border-radius:12px;font-size:.95rem;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.btn-search{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-search:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.btn-search:disabled{opacity:.8;cursor:not-allowed}.keywords-results{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.results-header h3{font-size:1rem;font-weight:600;color:#111;margin:0}.results-header h3 span{color:#10b981}.results-count{font-size:.85rem;color:#6b7280}.keywords-table-wrapper{overflow-x:auto}.keywords-table{width:100%;border-collapse:collapse}.keywords-table th{padding:12px 16px;background:#f9fafb;border-bottom:1px solid #E5E7EB;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.keywords-table th svg{display:inline-block;vertical-align:middle;margin-right:4px}.keywords-table td{padding:14px 16px;border-bottom:1px solid #F3F4F6}.keywords-table tr:last-child td{border-bottom:none}.keywords-table tr:hover{background:#f9fafb}.kw-cell{min-width:200px}.kw-text{font-weight:500;color:#111}.volume-badge{display:inline-block;padding:4px 10px;background:#dbeafe;color:#2563eb;border-radius:6px;font-size:.8rem;font-weight:600}.difficulty-cell{display:flex;align-items:center;gap:10px}.difficulty-bar{width:60px;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.difficulty-fill{height:100%;border-radius:3px;transition:width .3s ease}.difficulty-label{font-size:.8rem;font-weight:600;min-width:24px}.cpc-badge{display:inline-block;padding:4px 10px;background:#fef3c7;color:#d97706;border-radius:6px;font-size:.8rem;font-weight:600}.trend-icon{display:flex;align-items:center;justify-content:center}.trend-icon.up{color:#10b981}.trend-icon.down{color:#ef4444}.trend-icon.stable{color:#9ca3af;font-size:1.2rem}.btn-save{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s}.btn-save:hover,.btn-save.saved{background:#fef3c7;color:#f59e0b}.saved-keywords{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden}.saved-stats{display:flex;gap:16px;padding:24px;border-bottom:1px solid #E5E7EB}.stat-card{flex:1;display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:12px}.stat-card svg{color:#10b981}.stat-card>div{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:#111}.btn-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-action.create{color:#10b981}.btn-action.create:hover{background:#d1fae5}.btn-action.delete{color:#ef4444}.btn-action.delete:hover{background:#fee2e2}.btn-action.calendar{color:#8b5cf6}.btn-action.calendar:hover{background:#ede9fe}.keywords-empty,.keywords-loading{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:60px 40px;text-align:center}.empty-illustration{width:100px;height:100px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#10b981}.keywords-empty h3,.keywords-loading h3{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 8px}.keywords-empty p,.keywords-loading p{font-size:.95rem;color:#6b7280;max-width:400px;margin:0 auto 24px}.empty-examples{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.empty-examples span{font-size:.85rem;color:#6b7280}.empty-examples button{padding:6px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;font-size:.8rem;color:#374151;cursor:pointer;transition:all .2s}.empty-examples button:hover{background:#d1fae5;border-color:#10b981;color:#059669}.keywords-loading svg{color:#10b981;margin-bottom:16px}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#10b981;color:#10b981}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}@media(max-width:900px){.saved-stats{flex-direction:column}}@media(max-width:768px){.keywords-page{padding:16px}.keywords-header{flex-direction:column;gap:16px;align-items:flex-start}.keywords-header h1{font-size:1.3rem}.header-actions{width:100%;flex-direction:column}.keywords-search-card{padding:16px}.keywords-form{flex-direction:column;gap:12px}.input-wrapper{width:100%}.btn-search{width:100%;justify-content:center}.keywords-tabs{flex-wrap:wrap;gap:8px}.keywords-tabs button{flex:1;min-width:calc(50% - 4px);justify-content:center}.keywords-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.keywords-table table{min-width:600px}.keyword-row{padding:12px}.keyword-main{flex-direction:column;align-items:flex-start;gap:8px}.keyword-stats,.keyword-actions{flex-wrap:wrap;gap:8px}.saved-stats{flex-direction:column;gap:12px}.stat-card{width:100%}}.contents-page{padding:24px 32px;background:#fafafa;min-height:100vh}.contents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.contents-header h1{font-size:1.6rem;font-weight:700;color:#111;margin:0 0 4px}.contents-header p{font-size:.9rem;color:#6b7280;margin:0}.btn-create{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98140}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.contents-stats{display:flex;gap:16px;margin-bottom:24px}.stat-item.draft .stat-number{color:#6b7280}.contents-filters{display:flex;gap:16px;margin-bottom:24px}.search-box{flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;background:#fff;border:1px solid #E5E7EB;border-radius:10px}.search-box svg{color:#9ca3af}.search-box input{flex:1;padding:12px 0;border:none;font-size:.9rem;background:transparent}.search-box input:focus{outline:none}.filter-buttons button{padding:10px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.contents-list{display:flex;flex-direction:column;gap:12px}.content-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;transition:all .2s}.content-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000a}.content-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.content-icon{width:48px;height:48px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981;flex-shrink:0}.content-info{flex:1;min-width:0}.content-info h3{font-size:1rem;font-weight:600;color:#111;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280}.meta-item svg{color:#9ca3af}.meta-item.site{color:#10b981}.meta-item.site svg{color:#10b981}.meta-sep{color:#d1d5db;font-size:.6rem}.content-actions{display:flex;align-items:center;gap:16px}.action-buttons{display:flex;gap:4px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#374151}.btn-icon.delete:hover{background:#fee2e2;color:#ef4444}.contents-empty{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:60px 40px;text-align:center}.empty-icon{width:100px;height:100px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#10b981}.contents-empty h3{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 8px}.contents-empty p{font-size:.95rem;color:#6b7280;margin:0 0 24px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.modal-header h2{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:#111;margin:0}.modal-header h2 svg{color:#10b981}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s}.modal-body{padding:24px;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.input-with-icon{display:flex;align-items:center;gap:10px;padding:0 14px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:10px;transition:all .2s}.input-with-icon:focus-within{border-color:#10b981;background:#fff}.input-with-icon svg{color:#9ca3af}.input-with-icon input{flex:1;padding:12px 0;border:none;background:transparent;font-size:.95rem}.input-with-icon input:focus{outline:none}.form-hint{font-size:.8rem;color:#9ca3af}.radio-group{display:flex;gap:12px}.radio-option{flex:1;display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s}.radio-option:has(input:checked){background:#ecfdf5;border-color:#10b981}.radio-option input{accent-color:#10B981}.radio-option span{font-size:.85rem;font-weight:500;color:#374151}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:#10B981}.checkbox-label span{font-size:.9rem;color:#374151;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #E5E7EB}.generating-state{padding:48px 24px;text-align:center}.generating-animation{margin-bottom:24px;color:#10b981}.generating-state h3{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 8px}.generating-state>p{font-size:.95rem;color:#6b7280;margin:0 0 32px}.generating-steps{display:flex;flex-direction:column;gap:12px;max-width:250px;margin:0 auto}.generating-steps .step{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f9fafb;border-radius:10px;font-size:.9rem;color:#6b7280}.generating-steps .step.done{background:#d1fae5;color:#059669}.generating-steps .step.active{background:#ecfdf5;color:#10b981}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#d1d5db;background:#f9fafb}@media(max-width:900px){.contents-stats{flex-wrap:wrap}.stat-item{flex:1 1 calc(50% - 8px)}}@media(max-width:700px){.contents-filters{flex-direction:column}.content-card{flex-direction:column;align-items:flex-start;gap:16px}.content-actions{width:100%;justify-content:space-between}}@media(max-width:600px){.contents-page{padding:16px}.contents-header{flex-direction:column;gap:16px}.btn-create{width:100%;justify-content:center}.stat-item{flex:1 1 100%}.filter-buttons{flex-wrap:wrap}.radio-group{flex-direction:column}}.modal-error{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 24px 16px;background:#ef44441a;border-radius:8px;color:#dc2626;font-size:.9rem}.form-checkboxes{display:flex;flex-direction:column;gap:12px;margin-top:8px}.btn-icon.publish{color:#10b981}.btn-icon.publish:hover{background:#10b9811a}.preview-modal{max-width:900px;max-height:90vh}.preview-body{max-height:60vh;overflow-y:auto}.preview-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:24px}.preview-meta .meta-item{display:flex;flex-direction:column;gap:4px}.preview-meta .meta-item strong{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.preview-meta .meta-item span{font-size:.9rem;color:#111}.keyword-badge{display:inline-block;background:#10b9811a;color:#10b981;padding:4px 12px;border-radius:20px;font-weight:600;font-size:.85rem!important}.preview-content{padding:24px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}.preview-content h1{font-size:1.8rem;font-weight:700;color:#111;margin:0 0 24px;line-height:1.3}.article-content{font-size:1rem;line-height:1.8;color:#374151}.article-content h2{font-size:1.4rem;font-weight:600;color:#111;margin:32px 0 16px}.article-content h3{font-size:1.15rem;font-weight:600;color:#111;margin:24px 0 12px}.article-content p{margin:0 0 16px}.article-content ul,.article-content ol{margin:0 0 16px;padding-left:24px}.article-content li{margin-bottom:8px}.preview-faq{margin-top:24px;padding:20px;background:#f0fdf4;border-radius:12px}.preview-faq h3{font-size:1.1rem;font-weight:600;color:#10b981;margin:0 0 16px}.faq-item{padding:16px;background:#fff;border-radius:8px;margin-bottom:12px}.faq-item:last-child{margin-bottom:0}.faq-item strong{display:block;font-size:.95rem;color:#111;margin-bottom:8px}.faq-item p{font-size:.9rem;color:#4b5563;margin:0;line-height:1.6}@media(max-width:768px){.contents-page{padding:16px}.contents-header{flex-direction:column;gap:16px;align-items:flex-start}.contents-header h1{font-size:1.3rem}.btn-create{width:100%;justify-content:center}.contents-stats{flex-direction:column;gap:12px}.stat-item{width:100%}.stat-number{font-size:1.5rem}.contents-filters{flex-direction:column;gap:12px}.search-box,.filter-select{width:100%}.contents-grid{grid-template-columns:1fr;gap:12px}.content-card{padding:16px}.content-card-header{flex-direction:column;align-items:flex-start;gap:12px}.content-card-actions{width:100%;justify-content:space-between}.content-card-footer{flex-direction:column;gap:8px}.content-meta-row{flex-wrap:wrap}.preview-modal{max-height:85vh;margin:16px;width:calc(100% - 32px)}.preview-meta{grid-template-columns:1fr;gap:12px}.preview-actions{flex-direction:column;gap:8px}.preview-actions button{width:100%;justify-content:center}}.publish-page{padding:24px 32px;background:#fafafa;min-height:100vh}.publish-header{margin-bottom:24px}.publish-header h1{font-size:1.6rem;font-weight:700;color:#111;margin:0 0 4px}.publish-header p{font-size:.9rem;color:#6b7280;margin:0}.publish-stats{display:flex;gap:16px;margin-bottom:24px}.stat-item{flex:1;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.stat-number{font-size:1.75rem;font-weight:700;color:#111}.stat-label{font-size:.8rem;color:#6b7280}.stat-item.published .stat-number{color:#10b981}.stat-item.scheduled .stat-number{color:#3b82f6}.stat-item.failed .stat-number{color:#ef4444}.publish-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.publish-main{display:flex;flex-direction:column;gap:16px}.publish-filters{display:flex;justify-content:space-between;align-items:center}.publish-filters h3{font-size:1rem;font-weight:600;color:#111;margin:0}.filter-buttons{display:flex;gap:8px}.filter-buttons button{padding:8px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:.8rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.filter-buttons button:hover{border-color:#10b981;color:#10b981}.filter-buttons button.active{background:#10b981;border-color:#10b981;color:#fff}.publications-list{display:flex;flex-direction:column;gap:12px}.publication-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;transition:all .2s}.publication-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000a}.publication-card.failed{border-color:#fecaca;background:#fef2f2}.pub-main{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.pub-icon{width:44px;height:44px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#10b981;flex-shrink:0}.publication-card.failed .pub-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.pub-info{flex:1;min-width:0}.pub-info h4{font-size:.95rem;font-weight:600;color:#111;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-site{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#374151;font-weight:500}.meta-no-site{font-size:.8rem;color:#9ca3af;font-style:italic}.meta-sep{color:#d1d5db;font-size:.5rem}.meta-date{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280}.meta-date.scheduled{color:#3b82f6}.pub-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#fee2e2;border-radius:8px;font-size:.8rem;color:#dc2626}.pub-actions{display:flex;align-items:center;gap:16px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600}.status-badge.published{background:#d1fae5;color:#059669}.status-badge.scheduled{background:#dbeafe;color:#2563eb}.status-badge.draft{background:#f3f4f6;color:#6b7280}.status-badge.failed{background:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:6px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s;text-decoration:none}.btn-icon:hover{background:#e5e7eb;color:#374151}.btn-icon.publish-btn:hover{background:#d1fae5;color:#10b981}.btn-icon.retry-btn:hover{background:#dbeafe;color:#3b82f6}.btn-icon.cancel-btn:hover{background:#fee2e2;color:#ef4444}.publications-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;color:#9ca3af}.publish-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:20px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sidebar-header h3{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#111;margin:0}.link-btn{display:flex;align-items:center;gap:2px;font-size:.8rem;color:#10b981;text-decoration:none;font-weight:500}.link-btn:hover{text-decoration:underline}.sites-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.site-item{display:flex;align-items:center;gap:10px;padding:12px;background:#f9fafb;border-radius:10px}.site-item.error{background:#fef2f2}.site-platform{font-size:1.25rem}.site-info{flex:1;display:flex;flex-direction:column}.site-name{font-size:.85rem;font-weight:500;color:#111}.site-platform-name{font-size:.7rem;color:#9ca3af;text-transform:capitalize}.site-status{display:flex;align-items:center;justify-content:center}.site-status.connected{color:#10b981}.site-status.error{color:#ef4444}.btn-add-site{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#f9fafb;border:1px dashed #D1D5DB;border-radius:10px;color:#6b7280;font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.btn-add-site:hover{background:#ecfdf5;border-color:#10b981;color:#059669}.tips-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#34d399}.tips-card h4{font-size:.9rem;font-weight:600;color:#065f46;margin:0 0 12px}.tips-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tips-card li{font-size:.8rem;color:#047857;padding-left:16px;position:relative}.tips-card li:before{content:"→";position:absolute;left:0}@media(max-width:1000px){.publish-layout{grid-template-columns:1fr}.publish-sidebar{order:-1;display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.publish-stats{flex-wrap:wrap}.stat-item{flex:1 1 calc(50% - 8px)}.publish-filters{flex-direction:column;align-items:flex-start;gap:12px}.filter-buttons{flex-wrap:wrap}.publication-card{flex-direction:column;align-items:flex-start;gap:16px}.pub-actions{width:100%;justify-content:space-between}.publish-sidebar{grid-template-columns:1fr}}@media(max-width:600px){.publish-page{padding:16px}.stat-item{flex:1 1 100%}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#6b7280}.animate-spin{animation:spin 1s linear infinite}.no-sites{padding:20px;text-align:center;color:#9ca3af;font-size:.9rem}.site-status.active{color:#10b981}.btn-primary-small{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;margin-top:12px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.publish-modal{max-width:480px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.modal-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:#111;margin:0}.modal-close{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#111}.modal-error{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:16px 24px 0;background:#ef44441a;border-radius:8px;color:#dc2626;font-size:.9rem}.modal-body{padding:24px}.publish-preview{padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:20px}.publish-preview h4{font-size:1rem;font-weight:600;color:#111;margin:0 0 8px}.publish-preview .preview-keyword{font-size:.85rem;color:#10b981;margin:0}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:8px}.form-group select{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:.95rem;color:#111;cursor:pointer}.form-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:#10b981}.radio-option input[type=radio]{accent-color:#10B981}.radio-option span{font-size:.9rem;color:#374151}.modal-footer{display:flex;gap:12px;padding:0 24px 24px}.modal-footer .btn-secondary,.modal-footer .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-footer .btn-secondary{background:#fff;border:1px solid #E5E7EB;color:#374151}.modal-footer .btn-secondary:hover{background:#f9fafb}.modal-footer .btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.integrations-page{padding:32px;background:var(--bg-app, #F5F3EF);min-height:100vh}.integrations-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:var(--text-secondary, #6b7280)}.spin{animation:spin 1s linear infinite}.integrations-page .page-header{margin-bottom:32px}.integrations-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin-bottom:8px}.integrations-page .page-header .text-muted{color:var(--text-secondary, #6b7280);font-size:.95rem}.connect-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #FCD34D;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #fbbf2426}.connect-banner-content{display:flex;align-items:flex-start;gap:12px;flex:1}.connect-banner-content svg{color:#92400e;flex-shrink:0;margin-top:2px}.connect-banner-content strong{display:block;color:#92400e;font-size:.95rem;font-weight:700;margin-bottom:4px}.connect-banner-content p{color:#78350f;font-size:.85rem;margin:0;line-height:1.4}.btn-banner-connect{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#92400e;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-banner-connect:hover{background:#78350f;transform:translateY(-1px);box-shadow:0 4px 12px #92400e4d}.section-block{background:#fff;border:1px solid var(--border-subtle, #e5e5e5);border-radius:16px;padding:28px;margin-bottom:24px}.section-block h2{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h2{margin:0}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.site-card{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-subtle, #e5e5e5);border-radius:12px;padding:20px;transition:all .2s}.site-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.site-card.add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:140px;border-style:dashed;border-color:var(--border-subtle, #d1d5db);color:var(--text-secondary, #6b7280);cursor:pointer;background:transparent}.site-card.add-card:hover{border-color:#10b981;color:#10b981;background:#10b9810d}.site-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.site-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.site-icon.wordpress{background:#21759b1a}.site-info{flex:1;min-width:0}.site-info h4{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-url{font-size:.8rem;color:var(--text-secondary, #6b7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-subtle, #e5e5e5)}.site-platform{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.site-actions{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .2s}.btn-icon:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1a1a1a)}.btn-icon.danger:hover{background:#ef44441a;color:#ef4444}.btn-icon a{color:inherit;display:flex}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-subtle, #e5e5e5);white-space:nowrap}.status-badge.active,.status-badge.connected{background:#10b9811a;border-color:#10b98133;color:#10b981}.status-badge.error{background:#ef44441a;border-color:#ef444433;color:#ef4444}.empty-state{text-align:center;padding:48px 24px}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 8px}.empty-state p{color:var(--text-secondary, #6b7280);margin:0 0 24px}.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.expert-banner{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:28px;margin-bottom:24px}.expert-content{display:flex;align-items:center;gap:20px}.expert-icon{width:56px;height:56px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.expert-text{flex:1}.expert-text h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 4px}.expert-text p{font-size:.9rem;color:#ffffffd9;margin:0}.btn-expert{display:flex;align-items:center;gap:10px;background:#fff;border:none;border-radius:10px;padding:14px 24px;color:#059669;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-expert:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.requests-list{display:flex;flex-direction:column;gap:12px}.request-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary, #f9fafb);border-radius:10px}.request-info{display:flex;align-items:center;gap:12px}.request-platform{font-weight:600;color:var(--text-primary, #1a1a1a);text-transform:capitalize}.request-url{color:var(--text-secondary, #6b7280);font-size:.9rem}.request-status{font-size:.85rem}.request-status.pending{color:#f59e0b}.request-status.in_progress{color:#3b82f6}.request-status.completed{color:#10b981}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.platform-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-subtle, #e5e5e5);border-radius:12px;cursor:pointer;transition:all .2s}.platform-card:hover:not(.coming-soon){border-color:#10b981;background:#fff}.platform-card.coming-soon{opacity:.6;cursor:not-allowed}.platform-icon{font-size:2rem}.platform-info{flex:1}.platform-info h4{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 4px}.platform-info p{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0}.platform-arrow{color:#10b981}.coming-badge{font-size:.7rem;font-weight:600;padding:4px 10px;background:var(--bg-secondary, #e5e7eb);border-radius:20px;color:var(--text-secondary, #6b7280)}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.integration-card{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-subtle, #e5e5e5);border-radius:12px;padding:24px;display:flex;flex-direction:column}.card-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.card-icon-wrapper.orange,.card-icon-wrapper.green{background:#10b9811a;color:#10b981}.card-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.integration-card h3{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 8px}.card-status-row h3{margin:0}.card-description{font-size:.85rem;color:var(--text-secondary, #6b7280);line-height:1.5;margin:0 0 20px}.card-content{display:flex;flex-direction:column;gap:12px;flex:1}.card-content label{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary, #6b7280);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}.url-display-box{display:flex;align-items:center;background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:10px;padding:10px 12px;gap:12px}.url-text{flex:1;font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:#10b981;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy{display:flex;align-items:center;gap:6px;background:#10b981;border:none;border-radius:8px;padding:8px 14px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-copy:hover{background:#059669}.input-field{width:100%;background:#fff;border:1px solid var(--border-subtle, #e5e5e5);border-radius:10px;padding:12px 14px;color:var(--text-primary, #1a1a1a);font-size:.9rem;transition:all .2s}.input-field:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.btn-json{width:100%;text-align:center;font-size:.85rem}.btn-save{width:100%;margin-top:auto}.json-preview{background:#1a1a1a;border-radius:10px;padding:14px;font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:#a5b4fc;overflow-x:auto;margin:0;white-space:pre;line-height:1.5}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:12px 20px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--border-subtle, #e5e5e5);color:var(--text-primary, #1a1a1a);padding:12px 20px;border-radius:10px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:var(--bg-secondary, #f9fafb);border-color:var(--border-strong, #d1d5db)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border:none;background:var(--bg-secondary, #f3f4f6);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .2s;z-index:1}.modal-close:hover{background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #1a1a1a)}.modal-header{text-align:center;padding:32px 32px 24px}.modal-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px}.modal-icon.wordpress{background:#21759b1a}.modal-icon.expert{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-header h2{font-size:1.35rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin:0 0 8px}.modal-header p{font-size:.9rem;color:var(--text-secondary, #6b7280);margin:0}.modal-header.expert{background:linear-gradient(135deg,#10b9810d,#0596690d)}.modal-body{padding:0 32px 24px}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-subtle, #e5e5e5);border-radius:10px;font-size:.95rem;color:var(--text-primary, #1a1a1a);transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#fff}.form-group textarea{resize:vertical;min-height:80px}.form-hint{font-size:.8rem;color:var(--text-secondary, #6b7280);margin:8px 0 0}.help-link{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:400;color:#10b981;text-decoration:none}.connection-status{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:10px;font-size:.9rem;font-weight:500}.connection-status.testing{background:#3b82f61a;color:#3b82f6}.connection-status.success{background:#10b9811a;color:#10b981}.connection-status.error{background:#ef44441a;color:#ef4444}.modal-footer{display:flex;gap:12px;padding:0 32px 32px}.modal-footer .btn-secondary,.modal-footer .btn-primary{flex:1}.modal-help{text-align:center;padding:0 32px 24px;font-size:.85rem;color:var(--text-secondary, #6b7280)}.modal-help button{background:none;border:none;color:#10b981;font-weight:600;cursor:pointer;text-decoration:underline}.expert-benefits{background:#10b9810d;border-radius:12px;padding:20px;margin-top:8px}.expert-benefits h4{font-size:.95rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 12px}.expert-benefits ul{list-style:none;padding:0;margin:0 0 16px}.expert-benefits li{font-size:.9rem;color:var(--text-primary, #1a1a1a);padding:6px 0}.free-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600}.expert-btn{background:linear-gradient(135deg,#10b981,#059669)}@media(max-width:900px){.integrations-grid{grid-template-columns:1fr}.expert-content{flex-direction:column;text-align:center}.btn-expert{width:100%;justify-content:center}}@media(max-width:768px){.integrations-page{padding:20px}.connect-banner{flex-direction:column;align-items:stretch;padding:16px;gap:16px}.connect-banner-content{flex-direction:row}.btn-banner-connect{width:100%;justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.sites-grid,.platforms-grid{grid-template-columns:1fr}.modal{max-height:85vh;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%}.modal-overlay{align-items:flex-end;padding:0}.url-display-box{flex-direction:column;gap:10px}.url-text{text-align:center}.btn-copy{width:100%;justify-content:center}.empty-actions{flex-direction:column}.empty-actions button{width:100%}}.onboarding-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f9fafb,#fff)}.onboarding-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid #E5E7EB;background:#fff}.onboarding-header .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:#111}.onboarding-header .logo img{width:32px;height:32px}.progress-steps{display:flex;align-items:center;gap:8px}.progress-step{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;background:#f3f4f6;transition:all .3s}.progress-step.active{background:#10b981;color:#fff}.progress-step.completed{background:#d1fae5;color:#059669}.step-indicator{display:flex;align-items:center;justify-content:center}.step-label{font-size:.85rem;font-weight:500}.onboarding-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.step-content{max-width:600px;width:100%;text-align:center}.step-content h1{font-size:2rem;font-weight:800;color:#111;margin:0 0 12px}.step-content h2{font-size:1.75rem;font-weight:700;color:#111;margin:0 0 8px}.step-content p{color:#6b7280;font-size:1rem;margin:0 0 32px}.welcome-step .welcome-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.welcome-subtitle{font-size:1.1rem!important;max-width:450px;margin:0 auto 40px!important}.features-preview{display:flex;flex-direction:column;gap:16px;text-align:left;max-width:400px;margin:0 auto}.features-preview .feature-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}.features-preview .feature-item svg{color:#10b981;flex-shrink:0}.features-preview .feature-item div{display:flex;flex-direction:column}.features-preview .feature-item strong{font-size:.95rem;color:#111}.features-preview .feature-item span{font-size:.85rem;color:#6b7280}.sites-form{text-align:left;margin-bottom:24px}.site-input-group{margin-bottom:16px}.site-input-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#111;margin-bottom:8px;font-size:.95rem}.site-input-group input{width:100%;padding:14px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:1rem;transition:all .2s}.site-input-group input:focus{outline:none;border-color:#10b981}.site-input-group.main input{border-color:#10b981;background:#f0fdf4}.competitors-section{margin-top:32px;padding-top:24px;border-top:1px solid #E5E7EB}.competitors-section label{display:flex;align-items:center;gap:8px;font-weight:600;color:#111;margin-bottom:4px}.competitors-section .hint{font-size:.85rem;color:#9ca3af;margin:0 0 16px;text-align:left}.site-input-group.competitor{display:flex;align-items:center;gap:12px}.competitor-number{width:28px;height:28px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#6b7280;flex-shrink:0}.site-input-group.competitor input{flex:1}.btn-analyze{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.btn-analyze:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-analyze:disabled{opacity:.6;cursor:not-allowed}.btn-analyze .spin{animation:spin 1s linear infinite}.keywords-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;text-align:left;margin-bottom:24px}.keyword-card{padding:16px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.keyword-card:hover{border-color:#10b981}.keyword-card.selected{border-color:#10b981;background:#f0fdf4}.keyword-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.keyword-text{font-weight:600;color:#111;font-size:.95rem}.keyword-main .check{color:#10b981}.keyword-stats{display:flex;gap:12px}.keyword-stats .stat{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280}.keyword-stats .stat svg{color:#10b981}.keyword-opportunity{margin:8px 0 4px}.opportunity-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.opportunity-badge.high{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.opportunity-badge.medium{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.opportunity-badge.low{background:#f3f4f6;color:#6b7280}.keyword-card.opportunity-high{border-left:4px solid #F59E0B}.keyword-card.opportunity-medium{border-left:4px solid #3B82F6}.keyword-reason{font-size:.8rem;color:#6b7280;margin-top:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.keyword-stats .difficulty{padding:2px 8px;border-radius:10px;font-weight:600}.keyword-stats .difficulty.easy{background:#d1fae5;color:#059669}.keyword-stats .difficulty.medium{background:#fef3c7;color:#d97706}.keyword-stats .difficulty.hard{background:#fee2e2;color:#dc2626}.selected-count{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#d1fae5;border-radius:10px;color:#059669;font-weight:600}.publish-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.publish-option{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #E5E7EB;border-radius:14px;cursor:pointer;transition:all .2s;text-align:left}.publish-option:hover{border-color:#10b981}.publish-option.selected{border-color:#10b981;background:#f0fdf4}.option-icon{width:56px;height:56px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6b7280}.option-icon.wordpress{background:#21759b;padding:10px}.option-icon.wordpress img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.option-content{flex:1}.option-content h4{font-size:1rem;font-weight:600;color:#111;margin:0 0 4px}.option-content p{font-size:.85rem;color:#6b7280;margin:0}.free-badge{display:inline-block;padding:2px 8px;background:#10b981;color:#fff;font-size:.75rem;font-weight:600;border-radius:10px;margin-top:4px}.publish-option .check{color:#10b981;flex-shrink:0}.wordpress-form{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;margin-top:16px}.wordpress-form .input-group{margin-bottom:12px}.wordpress-form input{width:100%;padding:12px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:.95rem}.wordpress-form input:focus{outline:none;border-color:#10b981}.help-link{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#10b981;text-decoration:none}.help-link:hover{text-decoration:underline}.ready-step .ready-icon{color:#10b981;margin-bottom:24px}.generating-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.generating-status{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:32px auto 0}.status-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f3f4f6;border-radius:10px;font-size:.9rem;color:#6b7280}.status-item.done{background:#d1fae5;color:#059669}.status-item.active{background:#fef3c7;color:#d97706}.status-item .spin{animation:spin 1s linear infinite}.summary-item.success{background:#f0fdf4;border-radius:8px;padding:12px;margin:-4px 0}.summary-item.success svg{color:#10b981}.activation-cta{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;color:#fff;text-align:left;margin-top:32px;box-shadow:0 8px 24px #10b9814d;transition:all .3s}.activation-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.activation-cta svg{flex-shrink:0;width:32px;height:32px;background:#fff3;padding:8px;border-radius:10px}.activation-cta strong{display:block;font-size:1.1rem;margin-bottom:6px;font-weight:700}.activation-cta p{font-size:.9rem;color:#fff;margin:0;line-height:1.5;opacity:1}.calendar-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;text-align:left}.calendar-header-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.calendar-header h2{margin:0 0 6px;font-size:1.75rem}.calendar-header p{margin:0;color:#6b7280;font-size:.95rem}.calendar-preview{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;max-height:400px;overflow-y:auto;padding-right:4px}.calendar-preview::-webkit-scrollbar{width:6px}.calendar-preview::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.calendar-preview::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.calendar-preview::-webkit-scrollbar-thumb:hover{background:#9ca3af}.calendar-item{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:2px solid #E5E7EB;border-radius:16px;text-align:left;transition:all .3s;box-shadow:0 1px 3px #0000000d}.calendar-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.calendar-item.generating{border-color:#fcd34d;background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 4px 16px #fbbf2433}.calendar-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:64px;padding:10px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;flex-shrink:0}.calendar-item.generating .calendar-date{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #FCD34D}.calendar-date .day{font-size:1.5rem;font-weight:800;color:#111;line-height:1;margin-bottom:2px}.calendar-date .month{font-size:.7rem;color:#6b7280;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.calendar-item.generating .calendar-date .month{color:#92400e}.calendar-content{flex:1;min-width:0}.keyword-name{display:flex;align-items:center;gap:10px;font-weight:700;color:#111;margin-bottom:8px;font-size:1rem}.keyword-name .spin{color:#d97706;animation:spin 1s linear infinite}.keyword-meta{display:flex;align-items:center;gap:16px;font-size:.85rem}.keyword-meta>span:first-child{color:#6b7280;display:flex;align-items:center;gap:4px}.keyword-meta>span:first-child:before{content:"📊";font-size:.9rem}.keyword-meta .difficulty{padding:4px 10px;border-radius:12px;font-weight:700;font-size:.75rem;letter-spacing:.3px}.keyword-meta .difficulty.easy{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10B981}.keyword-meta .difficulty.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #FCD34D}.keyword-meta .difficulty.hard{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #F87171}.calendar-status{flex-shrink:0}.calendar-status .badge{padding:8px 14px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.badge.generating{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #FCD34D;box-shadow:0 2px 8px #fbbf244d}.badge.scheduled{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border:1px solid #818CF8}.summary-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px;margin-bottom:32px;text-align:left}.summary-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #F3F4F6;color:#374151}.summary-item:last-child{border-bottom:none}.summary-item svg{color:#10b981;flex-shrink:0}.next-steps{text-align:center}.next-steps h4{font-size:1rem;font-weight:600;color:#111;margin:0 0 8px}.next-steps p{font-size:.95rem;color:#6b7280;margin:0}.onboarding-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-top:1px solid #E5E7EB;background:#fff}.btn-back{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid #E5E7EB;border-radius:10px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s}.btn-back:hover:not(:disabled){background:#f3f4f6}.btn-back:disabled{opacity:.4;cursor:not-allowed}.btn-next,.btn-finish{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-next:hover:not(:disabled),.btn-finish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.btn-next:disabled,.btn-finish:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.onboarding-header{flex-direction:column;gap:20px;padding:16px 20px}.progress-steps{overflow-x:auto;width:100%;justify-content:flex-start}.step-label{display:none}.onboarding-content{padding:24px 20px}.step-content h1{font-size:1.5rem}.step-content h2{font-size:1.25rem}.keywords-grid{grid-template-columns:1fr}.onboarding-footer{padding:16px 20px}.features-preview .feature-item{padding:14px 16px}}.auth-split-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:48px;background:#fafafa}.auth-form-content{width:100%;max-width:400px}.auth-logo-section{display:flex;align-items:center;gap:14px;margin-bottom:40px}.auth-logo-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;flex-shrink:0}.auth-logo-glow{position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);opacity:.3;filter:blur(8px);z-index:-1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.auth-logo-img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}.auth-logo-text-wrapper{display:flex;flex-direction:column;gap:2px}.auth-logo-text{font-size:1.15rem;font-weight:800;color:#111;letter-spacing:-.02em;line-height:1.2}.auth-logo-subtitle{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.auth-header-section{margin-bottom:32px}.auth-header-section h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.02em}.auth-header-section p{font-size:.95rem;color:#666;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:500;color:#333}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#999;pointer-events:none}.input-field{width:100%;padding:14px 14px 14px 44px;background:#fff;border:1px solid #E5E5E5;border-radius:10px;color:#1a1a1a;font-size:.95rem;transition:all .2s ease}.input-field::placeholder{color:#aaa}.input-field:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a14}.input-field-clean{width:100%;padding:14px 16px;background:#fff;border:1px solid #E5E5E5;border-radius:10px;color:#1a1a1a;font-size:.95rem;transition:all .2s ease}.input-field-clean::placeholder{color:#aaa}.input-field-clean:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a14}.terms-text{font-size:.8rem;color:#888;line-height:1.5;margin:0}.terms-text a{color:#10b981;text-decoration:underline;transition:color .2s}.terms-text a:hover{color:#059669}.btn-primary-auth{width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 12px #10b9814d}.btn-primary-auth:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-primary-auth:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer-section{margin-top:32px;padding-top:24px;border-top:1px solid #E5E5E5;text-align:center}.auth-footer-section p{font-size:.9rem;color:#666;margin:0}.link-accent{color:#10b981;font-weight:600;text-decoration:none;transition:color .2s}.link-accent:hover{color:#059669;text-decoration:underline}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:.9rem;text-align:center}.auth-features-side{display:flex;align-items:center;justify-content:center;padding:48px;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.auth-features-side:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.1) 0%,transparent 40%);pointer-events:none}.features-content{position:relative;z-index:1;max-width:600px;width:100%}.features-header{margin-bottom:40px;text-align:center}.features-header h2{font-size:2rem;font-weight:800;color:#fff;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}.features-header .highlight-green{color:#10b981;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-header p{font-size:1rem;color:#94a3b8;margin:0}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.feature-card{padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#10b9814d;transform:translateY(-2px)}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981;margin-bottom:12px}.feature-card h3{font-size:1rem;font-weight:700;color:#fff;margin:0 0 8px}.feature-card p{font-size:.85rem;color:#94a3b8;line-height:1.5;margin:0}.features-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{text-align:center}.stat-value{display:block;font-size:1.75rem;font-weight:800;color:#10b981;margin-bottom:6px;text-shadow:0 2px 10px rgba(16,185,129,.3)}.stat-label{font-size:.8rem;color:#94a3b8;line-height:1.3}.auth-benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #E5E7EB}.benefit-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280}@media(max-width:1024px){.auth-split-container{grid-template-columns:1fr}.auth-features-side{display:none}.auth-form-side{padding:32px 24px}}@media(max-width:768px){.features-grid,.features-stats{grid-template-columns:1fr}}@media(max-width:480px){.auth-form-content{max-width:100%}.auth-header-section h1{font-size:1.5rem}.auth-benefits{flex-direction:column;gap:8px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1rem;background:#0a0a0a}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:400px;height:400px;background:#fe6d10;top:-100px;left:-100px;animation:float 10s infinite ease-in-out}.orb-2{width:300px;height:300px;background:#1a1a1a;bottom:-50px;right:-50px;animation:float 12s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}.auth-card{width:100%;max-width:420px;padding:2.5rem;position:relative;z-index:10;background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000080}.auth-header{text-align:center;margin-bottom:2rem}.logo-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:.75rem}.auth-logo{height:60px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto}.auth-header h1{font-size:1.75rem;margin-bottom:.5rem;color:#fff}.form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.form-options{display:flex;justify-content:flex-end;margin-bottom:8px}.forgot-link{font-size:.85rem;color:#6b7280;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#10b981}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:#888;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}.link-highlight{color:#fe6d10;text-decoration:none;font-weight:600;transition:color .2s}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e5e5e5}.auth-divider span{padding:0 16px;color:#9ca3af;font-size:.85rem;font-weight:500}.btn-demo{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.btn-demo:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-demo:disabled{opacity:.7;cursor:not-allowed;transform:none}.link-highlight:hover{color:#ff8a00}.text-muted{color:#888}.glass-panel{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px}.btn-primary{background:#fe6d10;color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#ff8a00}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.mt-6{margin-top:1.5rem}.landing-outrank{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#111;overflow-x:hidden;line-height:1.6}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-on-scroll.animate-in>*:nth-child(1){transition-delay:0ms}.animate-on-scroll.animate-in>*:nth-child(2){transition-delay:.1s}.animate-on-scroll.animate-in>*:nth-child(3){transition-delay:.2s}.animate-on-scroll.animate-in>*:nth-child(4){transition-delay:.3s}.animate-on-scroll.animate-in>*:nth-child(5){transition-delay:.4s}.animate-on-scroll.animate-in>*:nth-child(6){transition-delay:.5s}.handwritten-note{font-family:Caveat,cursive;font-size:1.25rem;color:#6b7280;display:flex;align-items:center;gap:8px;position:absolute}.handwritten-note.top-right{top:-40px;right:-20px}.handwritten-note.bottom-right{bottom:-30px;right:20px}.handwritten-note.small{font-size:1rem}.handwritten-note.inline{position:relative;justify-content:center;margin-top:16px}.handwritten-note svg{color:#9ca3af}.nav-outrank{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 32px;transition:all .3s}.nav-outrank.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #f0f0f0;box-shadow:0 2px 20px #0000000d}.nav-container{max-width:1280px;margin:0 auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.2rem;color:#111}.logo-icon-new{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.nav-links{display:flex;align-items:center;gap:40px}.nav-links a{text-decoration:none;color:#6b7280;font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#111}.nav-actions{display:flex;align-items:center;gap:16px}.btn-nav-ghost{color:#6b7280;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.btn-nav-ghost:hover{color:#111}.btn-nav-cta{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.mobile-menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#111}.desktop-only{display:flex}.mobile-menu-outrank{display:none;flex-direction:column;padding:20px 32px 32px;background:#fffffffa;border-top:1px solid #f0f0f0}.mobile-menu-outrank a{padding:14px 0;color:#374151;text-decoration:none;font-weight:500;border-bottom:1px solid #f5f5f5}.mobile-menu-cta{display:flex;flex-direction:column;gap:12px;margin-top:20px}.hero-outrank{position:relative;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:160px 32px 100px;overflow:visible;background:linear-gradient(180deg,#f8fffe,#fff)}.hero-outrank.hero-floating{overflow:visible}.floating-cards-container{position:absolute;inset:0;pointer-events:none;z-index:5}.floating-card{position:absolute;background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:14px 18px;box-shadow:0 8px 32px #00000014;transition:all .3s ease;pointer-events:auto;z-index:10}.floating-card:hover{box-shadow:0 16px 48px #0000001f}.floating-card.float-tl{top:20%;left:8%;transform:rotate(-3deg);animation:float-tl 5s ease-in-out infinite}.floating-card.float-tr{top:18%;right:8%;transform:rotate(2deg);animation:float-tr 6s ease-in-out infinite}.floating-card.float-l{top:50%;left:6%;transform:translateY(-50%) rotate(-2deg);animation:float-l 5.5s ease-in-out infinite}.floating-card.float-r{top:45%;right:6%;transform:translateY(-50%) rotate(3deg);animation:float-r 6.5s ease-in-out infinite}.floating-card.float-bl{bottom:22%;left:10%;transform:rotate(2deg);animation:float-bl 5s ease-in-out infinite}.floating-card.float-br{bottom:20%;right:10%;transform:rotate(-2deg);animation:float-br 6s ease-in-out infinite}@keyframes float-tl{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-12px)}}@keyframes float-tr{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}@keyframes float-l{0%,to{transform:translateY(-50%) rotate(-2deg) translate(0)}50%{transform:translateY(-50%) rotate(-2deg) translate(-8px)}}@keyframes float-r{0%,to{transform:translateY(-50%) rotate(3deg) translate(0)}50%{transform:translateY(-50%) rotate(3deg) translate(8px)}}@keyframes float-bl{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}@keyframes float-br{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-12px)}}.floating-card-icon{color:#10b981}.floating-card-label{display:block;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:10px}.seo-score-card{text-align:center;padding:16px 20px}.floating-score-circle{position:relative;width:60px;height:60px;margin:0 auto}.floating-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.floating-score-circle .score-bg{fill:none;stroke:#e5e7eb;stroke-width:6}.floating-score-circle .score-fill{fill:none;stroke:#10b981;stroke-width:6;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:8}.floating-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:800;color:#10b981}.keywords-card,.calendar-card .calendar-mini{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#374151}.calendar-card .calendar-mini svg{color:#10b981}.images-card{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#374151}.article-card{padding:16px;border:2px solid #10B981;background:linear-gradient(135deg,#f0fdf4,#fff)}.floating-article-mini{display:flex;flex-direction:column;gap:6px}.article-mini-header{display:flex;align-items:center;gap:8px}.article-mini-day{font-size:1.25rem;font-weight:800;color:#111}.article-mini-status{padding:3px 8px;background:#ecfdf5;color:#059669;border-radius:4px;font-size:.65rem;font-weight:700}.article-mini-title{font-size:.8rem;font-weight:600;color:#111}.article-mini-stats{font-size:.7rem;color:#6b7280}.publish-card{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#374151}.avatar-img{width:36px;height:36px;border-radius:50%;border:2px solid white;margin-left:-10px;object-fit:cover}.avatar-img:first-child{margin-left:0}.avatar-more{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);border:2px solid white;margin-left:-10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff}.hero-bg-effects{position:absolute;inset:0;pointer-events:none}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);filter:blur(60px)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.hero-content-outrank{position:relative;z-index:20;text-align:center;max-width:700px;margin:0 auto;padding:0 20px}.hero-guarantee-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10B981;border-radius:100px;color:#065f46;font-size:.95rem;font-weight:600;margin-bottom:28px;box-shadow:0 4px 16px #10b98133;animation:pulse-guarantee 2s ease-in-out infinite}.hero-guarantee-badge svg{color:#10b981}.hero-guarantee-badge strong{font-weight:700;color:#047857}@keyframes pulse-guarantee{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hero-badge-new{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:100px;color:#059669;font-size:.85rem;font-weight:500;margin-bottom:28px}.hero-outrank h1{font-size:3.5rem;font-weight:800;line-height:1.15;color:#111;margin:0 0 24px;letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,#10b981,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline}.hero-desc{font-size:1.15rem;color:#6b7280;line-height:1.7;max-width:550px;margin:0 auto 36px}.hero-desc strong{color:#111}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;cursor:pointer}.scroll-text{font-size:.85rem;font-weight:500;color:#6b7280;letter-spacing:.02em}.scroll-arrow{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center;color:#10b981;animation:bounce-scroll 2s ease-in-out infinite;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.scroll-arrow:hover{background:#10b981;color:#fff;border-color:#10b981;transform:scale(1.1)}@keyframes bounce-scroll{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero-transition{position:relative;margin-top:-60px;z-index:5;line-height:0;background:linear-gradient(180deg,#f8fffe 0%,transparent 100%)}.hero-transition svg{width:100%;height:80px;display:block}.hero-transition svg path{fill:#fff}.social-proof-banner{padding:32px 0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #A7F3D0}.social-proof-content{max-width:1100px;margin:0 auto;padding:0 32px;display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.social-proof-item{display:flex;align-items:center;gap:12px}.social-proof-item svg{color:#10b981;flex-shrink:0}.social-proof-item div{display:flex;flex-direction:column;gap:2px}.social-proof-value{font-size:1.5rem;font-weight:800;color:#065f46;line-height:1.2}.social-proof-label{font-size:.85rem;color:#047857;font-weight:500}.social-proof-divider{width:1px;height:40px;background:#a7f3d0}.trust-logos-section{padding:60px 0;background:#fff;border-bottom:1px solid #F3F4F6}.trust-logos-label{text-align:center;font-size:.9rem;color:#9ca3af;margin:0 0 32px;font-weight:500}.trust-logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1100px;margin:0 auto;padding:0 32px}.trust-logo-item{display:flex;align-items:center;justify-content:center;padding:20px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;transition:all .3s ease}.trust-logo-item:hover{border-color:#10b981;background:#f0fdf4;transform:translateY(-2px)}.trust-logo-placeholder{font-size:.85rem;font-weight:600;color:#6b7280;text-align:center}.trust-logo-bilik{width:100%;height:60px;background:#14b8a6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.5px}.trust-logo-melvita{width:100%;height:60px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:1.5rem;font-weight:300;font-style:italic;font-family:Georgia,Times New Roman,serif;position:relative;letter-spacing:1px}.trust-logo-melvita span{position:relative}.trust-logo-melvita span:after{content:"🦋";position:absolute;top:-10px;right:-8px;font-size:.7rem;opacity:.9}.trust-logo-learnylib{width:100%;height:60px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6b7280;font-size:1.1rem;font-weight:600}.learnylib-icon{width:36px;height:36px;position:relative;flex-shrink:0}.learnylib-icon:before,.learnylib-icon:after{content:"";position:absolute;border:3px solid #6B7280;border-radius:3px}.learnylib-icon:before{top:0;left:0;width:18px;height:18px;border-right:none;border-bottom:none}.learnylib-icon:after{bottom:0;right:0;width:18px;height:18px;border-left:none;border-top:none}.trust-logo-mooly{width:100%;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#666}.trust-logo-mooly>span:first-child{font-size:1.4rem;font-weight:700;letter-spacing:2px;color:#666}.mooly-y-icon{position:relative;display:inline-block}.mooly-y-icon:after{content:"👙";position:absolute;top:-4px;left:2px;font-size:.9rem;opacity:.7;z-index:1}.mooly-tagline{font-size:.5rem;font-weight:400;color:#999;letter-spacing:1px;text-transform:uppercase;margin-top:1px}.hero-cta-group{display:flex;justify-content:center;gap:16px;margin-bottom:48px}.btn-hero-primary{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 8px 32px #10b9814d}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #10b98166}.btn-hero-secondary{display:flex;align-items:center;gap:10px;padding:16px 32px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;color:#374151;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-hero-secondary:hover{background:#f9fafb;border-color:#d1d5db}.hero-proof{display:flex;align-items:center;justify-content:center;gap:16px}.hero-avatars{display:flex}.hero-avatars .avatar{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#3b82f6);border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;margin-left:-10px;box-shadow:0 2px 8px #0000001a}.hero-avatars .avatar:first-child{margin-left:0}.hero-proof-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.stars{display:flex;gap:2px}.hero-proof-text span{font-size:.85rem;color:#6b7280}.hero-proof-text strong{color:#111}.hero-visual{position:relative;z-index:2;max-width:900px;margin:60px auto 0;perspective:1000px}.hero-dashboard{background:#fff;border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;transform:rotateX(5deg);box-shadow:0 20px 60px #0000001a,0 0 0 1px #00000005}.dash-header-preview{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.dash-dots{display:flex;gap:6px}.dash-dots span{width:10px;height:10px;border-radius:50%;background:#e5e7eb}.dash-dots span:first-child{background:#ef4444}.dash-dots span:nth-child(2){background:#f59e0b}.dash-dots span:nth-child(3){background:#10b981}.dash-title{font-size:.8rem;color:#9ca3af}.dash-content-preview{display:flex;padding:20px;gap:20px;background:#fff}.dash-sidebar-mini{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:12px}.sidebar-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#9ca3af;transition:all .2s}.sidebar-item.active{background:#10b9811a;color:#10b981}.dash-main-preview{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-card-mini{padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px}.dash-card-mini .card-label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:6px}.dash-card-mini .card-value{display:block;font-size:1.5rem;font-weight:700;color:#111}.dash-card-mini .card-value.green{color:#10b981}.dash-article-preview{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px}.article-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;color:#374151;font-size:.85rem}.article-row span:first-of-type{flex:1}.article-row .status{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600}.article-row .status.published{background:#10b9811a;color:#059669}.article-row .status.scheduled{background:#3b82f61a;color:#2563eb}.logos-section{padding:60px 32px;border-top:1px solid #F3F4F6;border-bottom:1px solid #F3F4F6;background:#fafafa;text-align:center}.logos-section p{color:#9ca3af;font-size:.9rem;margin:0 0 32px}.logos-row{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap}.logo-item{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:.95rem;font-weight:500}.logo-emoji{font-size:1.5rem}.how-it-works-visual{padding:80px 0;background:#fff}.how-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.how-card{background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:24px;transition:all .3s ease}.how-card:hover{border-color:#10b981;box-shadow:0 8px 32px #10b9811a}.how-card-visual{background:#f9fafb;border-radius:16px;padding:24px;margin-bottom:20px;min-height:180px;display:flex;align-items:center;justify-content:center;position:relative}.how-card h3{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 8px}.how-card p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.6}.how-input-demo{display:flex;flex-direction:column;gap:12px;width:100%}.how-label{font-size:.8rem;font-weight:600;color:#374151}.how-input-field{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem;color:#111}.how-input-field svg{color:#9ca3af}.how-analyze-btn{padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer}.how-cursor-icon{position:absolute;bottom:20px;right:30px;color:#374151}.how-calendar-demo{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;width:100%}.calendar-header{display:flex;align-items:baseline;gap:8px;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.cal-day{font-size:1.5rem;font-weight:800;color:#111}.cal-label{font-size:.85rem;color:#10b981;font-weight:600}.calendar-article{padding:16px}.cal-status{display:inline-block;padding:4px 10px;background:#ecfdf5;color:#059669;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:8px}.cal-title{display:block;font-size:.9rem;font-weight:600;color:#111;margin-bottom:8px}.cal-stats{display:flex;gap:16px;font-size:.75rem;color:#6b7280}.how-score-demo{text-align:center}.score-title{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:16px}.score-circle{position:relative;width:100px;height:100px;margin:0 auto 12px}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.score-fill{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:10}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:800;color:#10b981}.score-meta{display:flex;justify-content:center;gap:16px;font-size:.75rem;color:#6b7280}.how-cta-center{text-align:center}.section-container{max-width:1100px;margin:0 auto;padding:0 24px}.section-header-outrank{text-align:center;margin-bottom:48px;position:relative}.section-tag{display:inline-block;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:100px;color:#059669;font-size:.85rem;font-weight:600;margin-bottom:20px}.section-header-outrank h2{font-size:2.5rem;font-weight:800;color:#111;margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.section-header-outrank p{font-size:1.1rem;color:#6b7280;max-width:550px;margin:0 auto}.cms-platforms-row{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.cms-platform-mini{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 32px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;transition:all .3s ease;position:relative}.cms-platform-mini:hover{border-color:#10b981;transform:translateY(-2px)}.cms-platform-mini.coming{opacity:.6}.cms-platform-mini .cms-platform-icon{width:48px;height:48px;font-size:1.25rem}.cms-platform-mini span{font-size:.9rem;font-weight:600;color:#374151}.coming-badge{position:absolute;top:-8px;right:-8px;padding:4px 8px;background:#f59e0b;color:#fff;border-radius:6px;font-size:.65rem!important;font-weight:700!important}.stats-outrank{padding:48px 0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.stats-grid-outrank{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stat-outrank{display:flex;flex-direction:column;gap:4px}.stat-value-big{font-size:2.5rem;font-weight:800;color:#065f46;letter-spacing:-.02em}.stat-label{font-size:.85rem;color:#047857}.testimonials-outrank{padding:120px 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{padding:32px;background:#fff;border:1px solid #E5E7EB;border-radius:20px;transition:all .3s}.testimonial-card:hover{border-color:#d1d5db;box-shadow:0 12px 40px #0000000f}.testimonial-stars{display:flex;gap:4px;margin-bottom:20px}.testimonial-quote{font-size:1rem;color:#374151;line-height:1.7;margin:0 0 24px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#fff}.author-info{display:flex;flex-direction:column}.author-name{font-size:.95rem;font-weight:600;color:#111}.author-role{font-size:.8rem;color:#6b7280}.pricing-outrank{padding:80px 0;background:#fafafa}.pricing-banner-outrank{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;margin-bottom:48px;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 8px 32px #f59e0b4d;position:relative;overflow:hidden;animation:pulse-urgency 2s ease-in-out infinite}.pricing-banner-outrank:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);pointer-events:none}@keyframes pulse-urgency{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pricing-banner-outrank strong{color:#fff;font-weight:700}.pricing-urgency{margin-left:auto;padding:6px 16px;background:#fff3;border-radius:100px;font-size:.85rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#spots-remaining{color:#fef3c7;font-weight:800;font-size:1.1rem}.pricing-grid-outrank{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.pricing-card-outrank{position:relative;padding:40px 32px;background:#fff;border:1px solid #E5E7EB;border-radius:24px;transition:all .3s}.pricing-card-outrank:hover{border-color:#d1d5db;box-shadow:0 12px 40px #0000000f;transform:translateY(-4px)}.pricing-card-outrank.featured{background:#fff;border:2px solid #10B981;box-shadow:0 12px 40px #10b98126}.pricing-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:100px;color:#fff;font-size:.8rem;font-weight:600}.pricing-tier{font-size:1.25rem;font-weight:700;color:#111;margin-bottom:16px}.pricing-price-outrank{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.price-new{font-size:3rem;font-weight:800;color:#111}.pricing-desc-outrank{font-size:.9rem;color:#6b7280;margin:0 0 24px}.pricing-list-outrank{list-style:none;padding:0;margin:0 0 32px}.pricing-list-outrank li{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:.95rem;color:#374151;border-bottom:1px solid #F3F4F6}.pricing-list-outrank li:last-child{border-bottom:none}.pricing-list-outrank li svg{color:#10b981;flex-shrink:0}.btn-pricing-outrank{display:block;width:100%;padding:14px 24px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;color:#374151;font-size:.95rem;font-weight:600;text-decoration:none;text-align:center;transition:all .3s}.btn-pricing-outrank:hover{background:#f3f4f6;border-color:#d1d5db}.btn-pricing-outrank.featured{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.btn-pricing-outrank.featured:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.pricing-note-outrank{text-align:center;color:#6b7280;font-size:.9rem}.faq-outrank{padding:80px 0;background:#fff}.faq-list-outrank{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item-outrank{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;transition:all .3s}.faq-item-outrank:hover{border-color:#d1d5db}.faq-item-outrank.open{border-color:#10b981;box-shadow:0 8px 32px #10b9811a}.faq-question-outrank{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px;background:none;border:none;color:#111;font-size:1rem;font-weight:500;text-align:left;cursor:pointer}.faq-chevron{color:#9ca3af;transition:transform .3s}.faq-item-outrank.open .faq-chevron{transform:rotate(180deg);color:#10b981}.faq-answer-outrank{padding:0 24px 24px;color:#6b7280;font-size:.95rem;line-height:1.7}.cta-outrank{padding:120px 32px;position:relative;background:#f0fdf4;contain:layout style paint;isolation:isolate}.cta-container-outrank{position:relative;max-width:800px;margin:0 auto;text-align:center;will-change:transform}.cta-outrank h2{font-size:3.5rem;font-weight:800;color:#065f46;margin:0 0 20px;letter-spacing:-.02em;line-height:1.2;will-change:transform}.cta-subtitle{font-size:1.25rem;color:#047857;margin:0 0 48px;font-weight:400;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:16px}.btn-cta-main{display:inline-flex;align-items:center;gap:12px;padding:20px 40px;background:#10b981;border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;position:relative;will-change:transform;backface-visibility:hidden;transform:translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #10b98140}.btn-cta-main:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 16px 48px #10b98159;background:#059669}.btn-cta-main:active{transform:translateY(-2px) translateZ(0)}.btn-cta-main:focus-visible{outline:2px solid #10B981;outline-offset:4px}@media(prefers-reduced-motion:reduce){.btn-cta-main{transition:background-color .2s}.btn-cta-main:hover,.btn-cta-main:active{transform:none}}.btn-cta-alt{display:flex;align-items:center;gap:10px;padding:18px 36px;background:#fff;border:1px solid #A7F3D0;border-radius:12px;color:#047857;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-cta-alt:hover{background:#fff;border-color:#10b981}.cta-guarantee{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;color:#047857;font-size:.95rem;font-weight:400;flex-wrap:wrap;line-height:1.5}.cta-guarantee span:not(.cta-guarantee-divider){display:inline-block}.cta-guarantee-divider{color:#047857;opacity:.6;font-weight:300;-webkit-user-select:none;user-select:none}.cta-expert-section{padding:120px 32px;background:#f0fdf4;position:relative;overflow:hidden;contain:layout style paint;isolation:isolate}.cta-expert-section:before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);pointer-events:none}.cta-expert-content{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;max-width:1400px;margin:0 auto;position:relative;z-index:1}.cta-expert-left{position:relative;z-index:1}.cta-expert-left h2{font-size:3rem;font-weight:800;color:#111;margin:0 0 20px;letter-spacing:-.02em;line-height:1.2}.cta-expert-desc{font-size:1.2rem;color:#6b7280;line-height:1.7;margin:0 0 40px}.cta-expert-benefits{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.cta-expert-benefit{display:flex;gap:16px;align-items:flex-start}.cta-expert-benefit-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;will-change:transform;backface-visibility:hidden}.cta-expert-benefit-content h4{font-size:1.15rem;font-weight:700;color:#111;margin:0 0 6px}.cta-expert-benefit-content p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.cta-expert-btn{display:inline-flex;align-items:center;gap:12px;padding:20px 40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;position:relative;will-change:transform;backface-visibility:hidden;transform:translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #10b9814d}.cta-expert-btn:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 16px 48px #10b98166}.cta-expert-btn:active{transform:translateY(-2px) translateZ(0)}.cta-expert-btn:focus-visible{outline:2px solid #10B981;outline-offset:4px}.cta-expert-guarantee{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:24px;color:#6b7280;font-size:.95rem;font-weight:400;flex-wrap:wrap;line-height:1.5}.cta-expert-guarantee span:not(.cta-guarantee-divider){display:inline-block}.cta-expert-right{position:relative;z-index:1}.cta-expert-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 60px #0000001a;border:2px solid #E5E7EB;position:relative;will-change:transform;backface-visibility:hidden}.cta-expert-card-badge{position:absolute;top:-12px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:100px;color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 4px 16px #f59e0b66;z-index:2}.cta-expert-card-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #F3F4F6}.cta-expert-avatar{width:72px;height:72px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cta-expert-card-info h4{font-size:1.25rem;font-weight:700;color:#111;margin:0 0 4px}.cta-expert-card-info p{font-size:.9rem;color:#6b7280;margin:0}.cta-expert-card-features{display:flex;flex-direction:column;gap:16px}.cta-expert-card-feature{display:flex;align-items:center;gap:12px;font-size:1rem;color:#374151}.cta-expert-card-feature svg{color:#10b981;flex-shrink:0}@media(prefers-reduced-motion:reduce){.cta-expert-btn{transition:box-shadow .2s}.cta-expert-btn:hover,.cta-expert-btn:active{transform:none}}.benefits-screenshots{padding:80px 0;background:#fff}.benefit-item-screenshot{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:80px}.benefit-item-screenshot:last-child{margin-bottom:0}.benefit-item-screenshot.reverse{direction:rtl}.benefit-item-screenshot.reverse>*{direction:ltr}.benefit-content{padding:40px}.benefit-icon-large{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px}.benefit-content h3{font-size:2rem;font-weight:800;color:#111;margin:0 0 16px;letter-spacing:-.02em}.benefit-content p{font-size:1.1rem;color:#6b7280;line-height:1.7;margin:0 0 24px}.benefit-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefit-features li{display:flex;align-items:center;gap:10px;font-size:1rem;color:#374151}.benefit-features li svg{color:#10b981;flex-shrink:0}.screenshot-wrapper{position:relative;padding:10px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a}.dashboard-preview,.planner-preview,.content-preview{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #E5E7EB}.preview-header{background:#f3f4f6;padding:8px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #E5E7EB}.preview-dots{display:flex;gap:6px}.preview-dots span{width:8px;height:8px;border-radius:50%;background:#d1d5db}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#f59e0b}.preview-dots span:nth-child(3){background:#10b981}.preview-header span{font-size:.75rem;color:#6b7280;font-weight:500}.preview-content{padding:12px;background:#fff}.planner-preview .preview-content{padding:8px}.dashboard-preview-content{display:flex;flex-direction:column;gap:16px}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-kpi-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;position:relative}.preview-kpi-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.preview-kpi-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.preview-kpi-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.preview-kpi-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.preview-kpi-content{flex:1;display:flex;flex-direction:column}.preview-kpi-value{font-size:1.4rem;font-weight:800;color:#111;line-height:1}.preview-kpi-label{font-size:.7rem;color:#6b7280;margin-top:2px}.preview-articles{display:flex;flex-direction:column;gap:8px}.preview-article-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fafafa;border-radius:8px;font-size:.8rem;color:#374151}.preview-article-item svg{color:#6b7280;flex-shrink:0}.preview-article-item span:first-of-type{flex:1}.preview-status{padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.preview-status.published{background:#ecfdf5;color:#059669}.preview-status.scheduled{background:#fef3c7;color:#d97706}.planner-preview-content{display:flex;flex-direction:column;gap:8px;padding:8px}.preview-planner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.preview-stat{text-align:center;padding:6px 4px;background:#fafafa;border-radius:6px;border:1px solid #E5E7EB}.preview-stat-value{display:block;font-size:.85rem;font-weight:800;color:#111;margin-bottom:1px}.preview-stat-label{font-size:.55rem;color:#6b7280}.preview-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1.5px}.preview-cal-day-header{text-align:center;font-size:.5rem;font-weight:600;color:#6b7280;padding:2px 1px}.preview-cal-day{aspect-ratio:1;background:#fff;border:1px solid #E5E7EB;border-radius:2px;padding:1px;position:relative;min-height:22px;display:flex;flex-direction:column}.preview-cal-day.has-article{background:#f0fdf4;border-color:#10b981;border-width:2px}.preview-cal-day-number{font-size:.5rem;font-weight:600;color:#111;display:block;margin-bottom:.5px;line-height:1}.preview-cal-article{background:#fff;border:1px solid #10B981;border-radius:2px;padding:1px 1.5px;font-size:.4rem;margin-top:.5px}.preview-cal-article-type{font-weight:700;color:#10b981;font-size:.4rem;margin-bottom:.5px;line-height:1}.preview-cal-article-title{font-weight:600;color:#111;font-size:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.preview-cal-article-status{display:flex;align-items:center;justify-content:center;margin-top:1px;color:#f59e0b}.preview-cal-article-status svg{width:6px;height:6px}.preview-cal-article-status.generating svg{animation:spin 1s linear infinite}.content-preview-content{display:flex;flex-direction:column;gap:20px}.preview-form{background:#fafafa;padding:16px;border-radius:12px;border:1px solid #E5E7EB}.preview-form-group{margin-bottom:12px}.preview-form-group label{display:block;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:6px}.preview-form-group input{width:100%;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:.85rem;color:#111}.preview-generate-btn{width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:8px}.preview-article-result{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px}.preview-article-header h3{font-size:1rem;font-weight:700;color:#111;margin:0 0 6px}.preview-article-meta{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#6b7280;margin-bottom:12px}.preview-article-content{color:#374151;line-height:1.6;font-size:.8rem}.preview-article-content h4{font-size:.85rem;font-weight:700;color:#111;margin:12px 0 6px}.preview-article-content p{margin:0 0 8px}.preview-article-actions{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB}.preview-action-btn{width:100%;padding:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.problem-solution-section{padding:40px 0 80px;background:#fff;position:relative}.problem-solution-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent 50%,rgba(16,185,129,.02) 50%);pointer-events:none}.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.problems-column{display:flex;flex-direction:column;gap:20px}.problem-card{display:flex;gap:16px;padding:24px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;transition:all .3s ease}.problem-card:hover{border-color:#fca5a5;box-shadow:0 8px 24px #ef44441a}.problem-avatar{width:48px;height:48px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0}.problem-content p{margin:0;font-size:1rem;color:#374151;line-height:1.6}.problem-content strong{color:#111;font-weight:600}.problem-highlight{color:#dc2626;font-weight:600}.solution-column{display:flex;justify-content:center}.solution-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:24px;padding:40px;color:#fff;max-width:400px;box-shadow:0 20px 60px #10b9814d}.solution-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.solution-logo{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.solution-header span{font-size:1.5rem;font-weight:700}.solution-tagline{font-size:1rem;opacity:.9;margin:0 0 24px}.solution-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.solution-features li{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:500}.solution-features li svg{flex-shrink:0;opacity:.9}.before-after-section{padding:100px 0;background:linear-gradient(180deg,#fff,#fafafa)}.before-after-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;margin-top:60px;align-items:start}.before-after-column{background:#fff;border-radius:24px;padding:40px;border:2px solid #E5E7EB;transition:all .4s ease}.before-column{border-color:#fee2e2}.before-column:hover{border-color:#fca5a5;box-shadow:0 12px 40px #ef44441a}.after-column{border-color:#d1fae5;background:linear-gradient(135deg,#f0fdf4,#fff)}.after-column:hover{border-color:#10b981;box-shadow:0 12px 40px #10b98126}.before-after-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #F3F4F6}.before-after-header h3{font-size:1.5rem;font-weight:800;color:#111;margin:0}.before-icon{color:#dc2626}.after-icon{color:#10b981}.before-after-content{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.before-after-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f9fafb;border-radius:12px}.before-column .before-after-item{background:#fef2f2}.after-column .before-after-item{background:#f0fdf4}.before-after-item svg{color:#6b7280;flex-shrink:0;margin-top:2px}.before-column .before-after-item svg{color:#dc2626}.after-column .before-after-item svg{color:#10b981}.before-after-item div{display:flex;flex-direction:column;gap:4px}.before-after-item strong{font-size:1.1rem;font-weight:700;color:#111}.before-after-item span{font-size:.9rem;color:#6b7280}.before-after-result{padding:24px;background:#f9fafb;border-radius:16px;text-align:center;border:2px solid #E5E7EB}.before-column .before-after-result{background:#fef2f2;border-color:#fca5a5}.after-column .before-after-result{background:#ecfdf5;border-color:#10b981}.result-label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:8px;font-weight:600}.result-value{display:block;font-size:2.5rem;font-weight:800;margin-bottom:4px;line-height:1.2}.result-value.negative{color:#dc2626}.result-value.positive{color:#10b981}.result-desc{display:block;font-size:.9rem;color:#6b7280}.before-after-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.vs-arrow{color:#10b981}.vs-text{font-size:1.25rem;font-weight:800;color:#6b7280;background:#fff;padding:8px 16px;border-radius:50%;border:2px solid #E5E7EB;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.before-after-cta{text-align:center;margin-top:60px}.why-us-section{padding:100px 0;background:#fff}.why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px}.why-us-card{background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:32px;transition:all .4s ease;position:relative}.why-us-card:hover{border-color:#10b981;box-shadow:0 12px 40px #10b9811a;transform:translateY(-4px)}.why-us-icon{width:64px;height:64px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#10b981;margin-bottom:24px;transition:all .3s ease}.why-us-card:hover .why-us-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:scale(1.1)}.why-us-card h3{font-size:1.25rem;font-weight:700;color:#111;margin:0 0 12px}.why-us-card p{font-size:.95rem;color:#6b7280;line-height:1.7;margin:0}.why-us-card p strong{color:#111;font-weight:600}.objections-section{padding:100px 0;background:linear-gradient(180deg,#fafafa,#fff)}.objections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:60px}.objection-card{background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:32px;transition:all .3s ease}.objection-card:hover{border-color:#10b981;box-shadow:0 8px 32px #10b9811a}.objection-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.objection-icon{color:#10b981;flex-shrink:0;margin-top:2px}.objection-header h3{font-size:1.1rem;font-weight:700;color:#111;margin:0;line-height:1.4}.objection-content{display:flex;flex-direction:column;gap:16px}.objection-content p{font-size:.95rem;color:#374151;line-height:1.7;margin:0}.objection-content p strong{color:#111;font-weight:700}.objection-proof{display:flex;align-items:center;gap:10px;padding:12px;background:#f0fdf4;border-radius:8px;font-size:.9rem;color:#047857}.objection-proof svg{color:#10b981;flex-shrink:0}.risk-reversal-section{padding:100px 0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);position:relative;overflow:hidden}.risk-reversal-section:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);pointer-events:none}.risk-reversal-content{position:relative;z-index:1;text-align:center}.risk-reversal-header{margin-bottom:60px}.risk-reversal-icon{color:#10b981;margin-bottom:24px}.risk-reversal-header h2{font-size:2.75rem;font-weight:800;color:#111;margin:0 0 12px;letter-spacing:-.02em}.risk-reversal-header p{font-size:1.15rem;color:#6b7280;margin:0}.risk-reversal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}.risk-reversal-item{background:#fff;border:2px solid #A7F3D0;border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease}.risk-reversal-item:hover{border-color:#10b981;box-shadow:0 12px 40px #10b98126;transform:translateY(-4px)}.risk-reversal-icon-small{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px}.risk-reversal-item h3{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 12px}.risk-reversal-item p{font-size:.9rem;color:#6b7280;line-height:1.6;margin:0}.risk-reversal-cta{display:flex;flex-direction:column;align-items:center;gap:16px}.risk-reversal-note{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#047857;font-weight:500}.risk-reversal-note svg{color:#10b981}.expert-setup-section{padding:80px 0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#fff);position:relative;overflow:hidden}.expert-setup-section:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);pointer-events:none}.expert-setup-content{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.expert-setup-text{position:relative;z-index:1}.expert-setup-text h2{font-size:2.75rem;font-weight:800;color:#111;margin:0 0 20px;letter-spacing:-.02em;line-height:1.2}.expert-setup-desc{font-size:1.15rem;color:#6b7280;line-height:1.7;margin:0 0 40px}.expert-benefits{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.expert-benefit{display:flex;gap:16px;align-items:flex-start}.expert-benefit-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.expert-benefit-content h4{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 6px}.expert-benefit-content p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.5}.expert-cta-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 32px #10b9814d}.expert-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #10b98166}.expert-guarantee{display:flex;align-items:center;gap:8px;margin-top:20px;color:#6b7280;font-size:.9rem}.expert-guarantee svg{color:#10b981}.expert-setup-visual{position:relative;z-index:1}.expert-card-preview{background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 60px #0000001a;border:2px solid #E5E7EB;position:relative}.expert-card-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #F3F4F6}.expert-avatar-large{width:72px;height:72px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.expert-card-info h4{font-size:1.25rem;font-weight:700;color:#111;margin:0 0 4px}.expert-card-info p{font-size:.9rem;color:#6b7280;margin:0}.expert-card-features{display:flex;flex-direction:column;gap:16px}.expert-card-feature{display:flex;align-items:center;gap:12px;font-size:1rem;color:#374151}.expert-card-feature svg{color:#10b981;flex-shrink:0}.expert-card-badge{position:absolute;top:-12px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:100px;color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 4px 16px #f59e0b66}.article-examples-section{padding:80px 0;background:#fafafa}.article-examples-grid{display:grid;grid-template-columns:400px 1fr;gap:40px;margin-bottom:60px}.article-list{display:flex;flex-direction:column;gap:16px}.article-example-card{background:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease}.article-example-card:hover,.article-example-card.active{border-color:#10b981;box-shadow:0 8px 32px #10b98126}.article-example-card.active{background:linear-gradient(135deg,#f0fdf4,#fff)}.article-example-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.article-example-header h4{font-size:1rem;font-weight:600;color:#111;margin:0;line-height:1.4}.article-type-badge{padding:4px 10px;background:#8b5cf61a;color:#7c3aed;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.article-example-meta{margin-bottom:16px}.article-site{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6b7280}.site-icon{font-size:1rem}.article-example-stats{display:flex;gap:24px}.article-stat{display:flex;flex-direction:column;gap:2px}.article-stat .stat-label{font-size:.75rem;color:#9ca3af}.article-stat .stat-value{font-size:1rem;font-weight:700;color:#111}.article-stat .stat-value.seo-score{color:#10b981}.article-preview-panel{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000001a;border:1px solid #E5E7EB}.article-preview-header{background:#f3f4f6;padding:12px 16px;border-bottom:1px solid #E5E7EB}.preview-browser-bar{display:flex;align-items:center;gap:12px}.preview-url{flex:1;padding:8px 16px;background:#fff;border-radius:8px;font-size:.8rem;color:#6b7280}.article-preview-content{padding:32px;max-height:500px;overflow-y:auto}.preview-article-image{margin-bottom:24px}.preview-image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca3af}.preview-image-placeholder span{font-size:.85rem}.article-preview-content h3{font-size:1.5rem;font-weight:800;color:#111;margin:0 0 16px;line-height:1.3}.preview-excerpt{font-size:1rem;color:#6b7280;line-height:1.7;margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid #F3F4F6}.preview-article-body h4{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 12px}.preview-article-body p{font-size:.95rem;color:#374151;line-height:1.7;margin:0 0 20px}.article-preview-footer{display:flex;gap:16px;padding:20px 32px;background:#f9fafb;border-top:1px solid #E5E7EB}.preview-score-badge,.preview-human-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-radius:8px;font-size:.85rem;font-weight:500;color:#374151;border:1px solid #E5E7EB}.preview-score-badge svg{color:#10b981}.preview-human-badge svg{color:#3b82f6}.article-examples-cta{text-align:center;padding-top:20px}.article-examples-cta p{font-size:1rem;color:#6b7280;margin:0 0 20px}.results-numbers-section{padding:100px 0;background:linear-gradient(180deg,#fafafa,#fff)}.results-numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px}.result-number-card{background:#fff;border:1px solid #E5E7EB;border-radius:24px;padding:40px 32px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-number-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.result-number-card:hover:before{transform:scaleX(1)}.result-number-card:hover{border-color:#10b981;box-shadow:0 20px 60px #10b98126;transform:translateY(-8px)}.result-number-icon{width:64px;height:64px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#10b981;transition:all .3s ease}.result-number-card:hover .result-number-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:scale(1.1)}.result-number-value{font-size:3rem;font-weight:800;color:#111;line-height:1.2;margin-bottom:8px;letter-spacing:-.02em}.result-number-label{font-size:1.1rem;font-weight:700;color:#374151;margin-bottom:8px}.result-number-desc{font-size:.9rem;color:#6b7280;line-height:1.5}.testimonials-xl-section{padding:100px 0;background:linear-gradient(180deg,#fff,#fafafa);position:relative}.testimonials-xl-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#E5E7EB,transparent)}.testimonials-xl-section .section-header-outrank p{font-size:1.05rem;color:#6b7280;margin-top:12px}.testimonials-metrics-banner{display:flex;justify-content:center;align-items:center;gap:48px;padding:40px 56px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:24px;margin-bottom:60px;border:2px solid #A7F3D0;box-shadow:0 8px 32px #10b9811a;position:relative;overflow:hidden}.testimonials-featured{margin-bottom:80px}.testimonials-featured-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.5rem;font-weight:700;color:#111;margin:0 0 40px;text-align:center}.testimonials-featured-title svg{color:#fbbf24}.testimonials-featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.featured-testimonial{border:3px solid #10B981;background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:0 20px 60px #10b98133;position:relative}.featured-testimonial:before{content:"⭐ Avec preuves";position:absolute;top:-12px;right:24px;padding:6px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:100px;font-size:.75rem;font-weight:700;box-shadow:0 4px 16px #f59e0b66;z-index:10}.testimonials-regular-title{margin:80px 0 40px;text-align:center}.testimonials-regular-title h3{font-size:1.5rem;font-weight:700;color:#111;margin:0}.testimonials-metrics-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);pointer-events:none}.metric-item{text-align:center;position:relative;z-index:1;padding:12px 20px;background:#ffffff80;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.metric-item:hover{background:#fffc;transform:translateY(-2px)}.metric-value{display:block;font-size:2.75rem;font-weight:800;color:#065f46;letter-spacing:-.02em;margin-bottom:6px;line-height:1.1;background:linear-gradient(135deg,#065f46,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:1rem;color:#047857;font-weight:600}.metric-divider{width:1px;height:48px;background:#a7f3d0}.twitter-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:80px}.twitter-card{background:#fff;border:1px solid #E5E7EB;border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.twitter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.twitter-card:hover:before{transform:scaleX(1)}.twitter-card:hover{border-color:#10b981;box-shadow:0 20px 60px #10b98126;transform:translateY(-6px)}.twitter-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #F3F4F6}.twitter-avatar{width:52px;height:52px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #10b9814d;transition:transform .3s ease;overflow:hidden;border:2px solid white}.twitter-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.twitter-card:hover .twitter-avatar{transform:scale(1.05);box-shadow:0 6px 20px #10b98166}.twitter-user-info{flex:1}.twitter-name{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:#111}.verified-badge{color:#3b82f6}.twitter-handle{font-size:.85rem;color:#6b7280}.twitter-logo{color:#9ca3af}.twitter-content{margin-bottom:20px}.twitter-content p{font-size:1rem;color:#374151;line-height:1.7;margin:0;font-weight:400}.twitter-metric-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #A7F3D0;border-radius:14px;padding:20px;margin-bottom:20px;transition:all .3s ease;position:relative;overflow:hidden}.twitter-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.twitter-card:hover .twitter-metric-card:before{transform:scaleX(1)}.twitter-card:hover .twitter-metric-card{border-color:#10b981;box-shadow:0 4px 16px #10b98133;transform:translateY(-2px)}.twitter-metric-label{font-size:.85rem;color:#047857;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.twitter-metric-values{display:flex;align-items:center;gap:16px;justify-content:center}.metric-before{font-size:1.5rem;font-weight:700;color:#9ca3af;text-decoration:line-through;position:relative}.metric-arrow{color:#10b981;animation:pulse-arrow 2s ease-in-out infinite}@keyframes pulse-arrow{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.metric-after{font-size:2rem;font-weight:800;color:#10b981;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.metric-after:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px}.twitter-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #F3F4F6;margin-top:4px}.twitter-date{font-size:.85rem;color:#9ca3af;font-weight:500}.twitter-likes{display:flex;align-items:center;gap:6px;color:#9ca3af;font-size:.85rem;font-weight:500;transition:color .3s ease}.twitter-card:hover .twitter-likes{color:#10b981}.twitter-likes svg{color:#fbbf24}.twitter-screenshot{margin:20px 0;border-radius:16px;overflow:hidden;border:2px solid #E5E7EB;background:#fff;transition:all .3s ease}.twitter-card:hover .twitter-screenshot{border-color:#10b981;box-shadow:0 8px 24px #10b98126}.twitter-screenshot-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #E5E7EB;font-size:.9rem;font-weight:600;color:#111}.twitter-screenshot-header svg{color:#10b981}.twitter-screenshot-image{position:relative;width:100%;height:220px;overflow:hidden;background:#f3f4f6}.screenshot-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.twitter-card:hover .screenshot-img{transform:scale(1.08)}.twitter-screenshot-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#000000b3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.twitter-card:hover .twitter-screenshot-overlay{opacity:1}.twitter-screenshot-metrics{display:flex;gap:10px;padding:16px;flex-wrap:wrap;justify-content:center}.twitter-screenshot-metric{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:#fffffffa;border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:90px;box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.3)}.screenshot-metric-label{font-size:.7rem;color:#6b7280;font-weight:500;text-align:center;line-height:1.2}.screenshot-metric-value{font-size:1.2rem;font-weight:800;color:#10b981;text-align:center;line-height:1.2}.twitter-screenshot-caption{padding:14px 18px;text-align:center;font-size:.85rem;color:#6b7280;background:linear-gradient(135deg,#fafafa,#f9fafb);border-top:1px solid #E5E7EB;line-height:1.5}.twitter-screenshot-caption strong{color:#111;font-weight:700}.results-showcase{padding-top:40px}.results-showcase h3{text-align:center;font-size:1.75rem;font-weight:700;color:#111;margin:0 0 40px}.performance-screenshots{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}.screenshot-item{background:#fff;border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;transition:all .3s ease}.screenshot-item:hover{border-color:#10b981;box-shadow:0 12px 40px #10b98126;transform:translateY(-4px)}.screenshot-header{display:flex;align-items:center;gap:10px;padding:20px 24px;background:#f9fafb;border-bottom:1px solid #E5E7EB;font-weight:600;color:#111}.screenshot-header svg{color:#10b981}.screenshot-image-wrapper{position:relative;width:100%;height:300px;overflow:hidden;background:#f3f4f6}.performance-screenshot{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.screenshot-item:hover .performance-screenshot{transform:scale(1.05)}.screenshot-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#000000b3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.screenshot-item:hover .screenshot-overlay{opacity:1}.screenshot-metrics{display:flex;gap:24px;padding:20px}.screenshot-metric{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;background:#fffffff2;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screenshot-metric .metric-label{font-size:.75rem;color:#6b7280;font-weight:500}.screenshot-metric .metric-value{font-size:1.5rem;font-weight:800;color:#10b981}.screenshot-caption{padding:20px 24px;text-align:center;font-size:.95rem;color:#6b7280;margin:0;line-height:1.6}.screenshot-caption strong{color:#111;font-weight:600}.results-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.result-card{background:#fff;border:2px solid #E5E7EB;border-radius:20px;padding:28px;text-align:center;transition:all .3s ease}.result-card:hover{border-color:#10b981;box-shadow:0 12px 40px #10b98126}.result-card-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;color:#374151;font-weight:600}.result-card-header svg{color:#10b981}.result-graph{height:120px;margin-bottom:20px}.graph-bars{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:100%}.graph-bar{width:32px;background:linear-gradient(180deg,#d1fae5,#a7f3d0);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:all .3s ease}.graph-bar span{font-size:.65rem;color:#047857;font-weight:600}.graph-bar.highlight{background:linear-gradient(180deg,#10b981,#059669)}.graph-bar.highlight span{color:#fff}.result-dr-display{display:flex;justify-content:center;margin-bottom:20px}.dr-circle{position:relative;width:120px;height:120px}.dr-circle svg{transform:rotate(-90deg);width:100%;height:100%}.dr-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.dr-progress{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.dr-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;color:#111}.result-seo-score{margin-bottom:20px}.seo-score-bar{height:16px;background:#e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:12px}.seo-score-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:8px;transition:width 1s ease}.seo-score-value{font-size:2rem;font-weight:800;color:#10b981}.result-stat{display:flex;flex-direction:column;gap:4px}.result-stat-value{font-size:1.25rem;font-weight:700;color:#111}.result-stat-label{font-size:.85rem;color:#6b7280}.cms-integration{padding:60px 0;background:#fafafa}.cms-flow{display:flex;align-items:center;justify-content:center;gap:40px;margin:60px 0;flex-wrap:wrap}.cms-step{flex:1;min-width:200px;text-align:center;padding:32px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d}.cms-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px}.cms-step h3{font-size:1.25rem;font-weight:700;color:#111;margin:0 0 12px}.cms-step p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.6}.cms-arrow{font-size:2rem;color:#10b981;font-weight:700}.cms-platforms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}.cms-platform-card{background:#fff;padding:32px;border-radius:20px;border:2px solid #E5E7EB;text-align:center;transition:all .3s ease;position:relative}.cms-platform-card:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 12px 40px #10b98126}.cms-platform-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;margin:0 auto 20px}.cms-platform-icon.wordpress{background:linear-gradient(135deg,#21759b,#1e8cbe)}.cms-platform-icon.webflow{background:linear-gradient(135deg,#4353ff,#6366f1)}.cms-platform-icon.framer{background:linear-gradient(135deg,#05f,#06f)}.cms-platform-icon.wix{background:linear-gradient(135deg,#faad14,#ffc53d)}.cms-platform-card h4{font-size:1.25rem;font-weight:700;color:#111;margin:0 0 12px}.cms-platform-card p{font-size:.9rem;color:#6b7280;line-height:1.6;margin:0 0 20px}.cms-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600}.cms-badge.coming{background:linear-gradient(135deg,#f59e0b,#d97706)}.footer-outrank{padding:80px 32px 32px;background:#111;color:#fff}.footer-container-outrank{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo-outrank{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;margin-bottom:16px}.footer-brand-outrank p{color:#ffffff80;font-size:.95rem;line-height:1.6;margin:0 0 20px}.footer-social-outrank{display:flex;gap:16px}.footer-social-outrank a{color:#ffffff80;transition:color .2s}.footer-social-outrank a:hover{color:#10b981}.footer-links-outrank{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-col h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 16px}.footer-col a{display:block;color:#ffffff80;text-decoration:none;font-size:.9rem;padding:6px 0;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom-outrank{padding-top:32px;text-align:center}.footer-bottom-outrank p{color:#fff6;font-size:.85rem;margin:0}.floating-cta{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:16px 24px;background:#fff;border-top:2px solid #E5E7EB;box-shadow:0 -8px 32px #0000001a;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.floating-cta.visible{transform:translateY(0)}.floating-cta-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.floating-cta-text{display:flex;flex-direction:column;gap:4px}.floating-cta-title{font-size:1rem;font-weight:700;color:#111}.floating-cta-subtitle{font-size:.85rem;color:#6b7280}.floating-cta-buttons{display:flex;gap:12px;align-items:center}.floating-cta-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.floating-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.floating-cta-secondary{display:flex;align-items:center;padding:12px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;color:#374151;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease}.floating-cta-secondary:hover{background:#f9fafb;border-color:#d1d5db}@media(max-width:1024px){.hero-outrank h1{font-size:3rem}.pricing-grid-outrank,.stats-grid-outrank{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr}.problem-solution-grid{grid-template-columns:1fr;gap:40px}.expert-setup-content{grid-template-columns:1fr;gap:48px}.expert-setup-text h2{font-size:2rem}.article-examples-grid{grid-template-columns:1fr}.twitter-testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonials-featured-grid{grid-template-columns:1fr;gap:24px}.testimonials-featured-title{font-size:1.25rem}.featured-testimonial:before{right:16px;font-size:.7rem;padding:5px 12px}.results-cards{grid-template-columns:repeat(2,1fr)}.performance-screenshots{gap:24px}.screenshot-image-wrapper{height:280px}.testimonials-metrics-banner{flex-wrap:wrap;gap:24px}.metric-divider{display:none}.how-cards-grid{grid-template-columns:repeat(2,1fr)}.floating-cards-container{display:block}.floating-card.float-l,.floating-card.float-r{display:none}.floating-card.float-tl{left:3%;top:15%}.floating-card.float-tr{right:3%;top:12%}.floating-card.float-bl{left:5%;bottom:18%}.floating-card.float-br{right:5%;bottom:15%}.floating-card{transform:scale(.8)}.before-after-grid{grid-template-columns:1fr;gap:32px}.before-after-vs{flex-direction:row;padding:12px}.vs-arrow{transform:rotate(90deg)}.why-us-grid{grid-template-columns:repeat(2,1fr);gap:24px}.objections-grid{grid-template-columns:1fr;gap:20px}.risk-reversal-grid{grid-template-columns:repeat(2,1fr);gap:20px}.risk-reversal-header h2{font-size:2.25rem}}@media(max-width:768px){.desktop-only{display:none}.mobile-menu-btn{display:block}.mobile-menu-outrank{display:flex}.hero-outrank{padding:120px 24px 60px}.hero-outrank h1{font-size:2.25rem}.hero-guarantee-badge{font-size:.85rem;padding:10px 20px}.hero-desc{font-size:1.1rem}.hero-cta-group{flex-direction:column}.social-proof-banner{padding:24px 0}.social-proof-content{flex-direction:column;gap:16px;padding:0 20px}.social-proof-item{width:100%;justify-content:center}.social-proof-value{font-size:1.25rem}.trust-logos-section{padding:40px 0}.trust-logos-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px}.trust-logo-bilik,.trust-logo-melvita,.trust-logo-learnylib,.trust-logo-mooly{height:45px}.trust-logo-bilik{font-size:1.1rem}.trust-logo-melvita{font-size:1rem}.trust-logo-learnylib{font-size:.85rem;gap:8px}.learnylib-icon{width:28px;height:28px}.trust-logo-mooly{font-size:1rem}.mooly-tagline{font-size:.45rem}.results-numbers-section{padding:60px 0}.results-numbers-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}.result-number-card{padding:32px 24px}.result-number-value{font-size:2.25rem}.floating-cta{padding:12px 16px}.floating-cta-title{font-size:.9rem}.floating-cta-subtitle{font-size:.75rem}.floating-cta-primary,.floating-cta-secondary{padding:10px 20px;font-size:.85rem}.before-after-section{padding:60px 0}.before-after-grid{grid-template-columns:1fr;gap:24px}.before-after-column{padding:24px}.before-after-header h3{font-size:1.25rem}.before-after-vs{padding:16px}.vs-text{width:40px;height:40px;font-size:1rem}.result-value{font-size:2rem}.why-us-section{padding:60px 0}.why-us-grid{grid-template-columns:1fr;gap:20px}.why-us-card{padding:24px}.objections-section{padding:60px 0}.objections-grid{grid-template-columns:1fr;gap:16px}.objection-card{padding:24px}.objection-header h3{font-size:1rem}.risk-reversal-section{padding:60px 0}.risk-reversal-header h2{font-size:2rem}.risk-reversal-grid{grid-template-columns:1fr;gap:16px}.risk-reversal-item{padding:24px 20px}.pricing-banner-outrank{flex-direction:column;gap:8px;padding:16px 20px;text-align:center}.pricing-urgency{margin-left:0;margin-top:8px}.hero-visual{display:none}.section-header-outrank h2{font-size:2rem}.features-grid-outrank,.steps-outrank,.stats-grid-outrank,.pricing-grid-outrank{grid-template-columns:1fr}.cta-outrank{padding:80px 24px}.cta-container-outrank{max-width:100%}.cta-outrank h2{font-size:2.25rem}.cta-subtitle{font-size:1.1rem;margin-bottom:36px}.btn-cta-main{padding:18px 32px;font-size:1rem;width:100%;max-width:400px;justify-content:center}.cta-guarantee{font-size:.85rem;gap:8px;margin-top:24px}.cta-buttons{flex-direction:column;align-items:center}.footer-links-outrank{grid-template-columns:1fr;gap:24px}.logos-row{gap:24px}.problem-solution-section{padding:80px 0}.problem-solution-section:before{display:none}.solution-card{max-width:100%}.expert-setup-section{padding:80px 0}.expert-setup-text h2{font-size:1.85rem}.expert-cta-btn{width:100%;justify-content:center}.expert-card-preview{padding:24px}.cta-expert-section{padding:80px 24px}.cta-expert-content{grid-template-columns:1fr;gap:60px}.cta-expert-left h2{font-size:2rem}.cta-expert-desc{font-size:1.1rem;margin-bottom:32px}.cta-expert-benefits{gap:20px;margin-bottom:32px}.cta-expert-benefit-icon{width:48px;height:48px}.cta-expert-benefit-content h4{font-size:1.05rem}.cta-expert-benefit-content p{font-size:.95rem}.cta-expert-btn{width:100%;justify-content:center;padding:18px 32px;font-size:1rem}.cta-expert-guarantee{justify-content:center;font-size:.85rem;gap:8px}.cta-expert-card{padding:24px}.cta-expert-card-badge{top:-10px;right:20px;padding:8px 16px;font-size:.85rem}.article-examples-section{padding:80px 0}.article-preview-content{padding:20px}.article-preview-content h3{font-size:1.25rem}.testimonials-xl-section{padding:60px 0}.testimonials-metrics-banner{padding:24px 32px;gap:24px;margin-bottom:48px}.social-proof-content{gap:24px;padding:0 24px}.social-proof-divider{display:none}.trust-logos-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 24px}.trust-logo-bilik,.trust-logo-melvita,.trust-logo-learnylib,.trust-logo-mooly{height:50px}.trust-logo-melvita{font-size:1.2rem}.trust-logo-learnylib{font-size:.95rem}.trust-logo-mooly{font-size:1.1rem}.mooly-tagline{font-size:.5rem}.results-numbers-grid{grid-template-columns:repeat(2,1fr);gap:24px}.result-number-value{font-size:2.5rem}.floating-cta-content{flex-direction:column;gap:16px;text-align:center}.floating-cta-buttons{width:100%;flex-direction:column}.floating-cta-primary,.floating-cta-secondary{width:100%;justify-content:center}.twitter-testimonials-grid{grid-template-columns:1fr;gap:24px}.testimonials-featured-grid{grid-template-columns:1fr;gap:20px}.testimonials-featured-title{font-size:1.1rem;flex-direction:column;gap:8px}.featured-testimonial:before{right:12px;top:-10px;font-size:.65rem;padding:4px 10px}.testimonials-regular-title{margin:60px 0 32px}.testimonials-regular-title h3{font-size:1.25rem}.twitter-card{padding:24px}.metric-after{font-size:1.75rem}.metric-before{font-size:1.25rem}.twitter-screenshot-image{height:200px}.twitter-screenshot-metrics{flex-direction:column;gap:8px}.twitter-screenshot-metric{min-width:100%}.results-cards{grid-template-columns:1fr}.performance-screenshots{grid-template-columns:1fr;gap:24px}.screenshot-image-wrapper{height:250px}.screenshot-metrics{flex-direction:column;gap:12px}.screenshot-metric{padding:12px 16px}.screenshot-metric .metric-value{font-size:1.25rem}.testimonials-metrics-banner{padding:24px;gap:20px}.metric-value{font-size:1.5rem}.how-cards-grid{grid-template-columns:1fr}.how-card-visual{min-height:150px}.cms-platforms-row{gap:16px}.cms-platform-mini{padding:16px 24px}.handwritten-note{display:none}.handwritten-note.inline{display:flex}.floating-cards-container{display:none}.hero-outrank.hero-floating{padding-top:100px;padding-bottom:80px}.hero-outrank h1{font-size:2rem}.scroll-indicator{bottom:20px}.scroll-text{font-size:.75rem}.scroll-arrow{width:36px;height:36px}.hero-transition{margin-top:-40px}.hero-transition svg{height:50px}}@media(max-width:1024px){.benefit-item-screenshot{grid-template-columns:1fr;gap:40px}.benefit-item-screenshot.reverse{direction:ltr}.cms-flow{flex-direction:column}.cms-arrow{transform:rotate(90deg)}.cms-platforms-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.benefits-screenshots{padding:80px 0}.benefit-item-screenshot{margin-bottom:80px}.benefit-content{padding:24px}.benefit-content h3{font-size:1.5rem}.cms-integration{padding:80px 0}.cms-platforms-grid,.preview-quick-actions,.preview-kpis,.preview-planner-stats{grid-template-columns:1fr}.preview-calendar-grid{gap:2px}.preview-cal-day{min-height:30px;font-size:.55rem;padding:1px}.preview-cal-article{padding:1px 2px}.preview-cal-article-title,.preview-cal-article-type{font-size:.4rem}.preview-cal-day-number{font-size:.5rem}.preview-planner-stats{gap:4px}.preview-stat{padding:6px 4px}.preview-stat-value{font-size:.9rem}}@media(max-width:480px){.hero-outrank h1{font-size:1.85rem}.stat-value-big,.price-new{font-size:2.25rem}.benefit-content h3{font-size:1.25rem}.screenshot-wrapper{padding:12px}.cms-step{padding:24px}.cta-outrank{padding:60px 20px}.cta-outrank h2{font-size:1.85rem;line-height:1.3}.cta-subtitle{font-size:1rem;margin-bottom:32px;line-height:1.5}.btn-cta-main{padding:16px 28px;font-size:.95rem;gap:10px;width:100%;max-width:100%}.btn-cta-main span{flex:1;text-align:center}.cta-guarantee{font-size:.8rem;gap:6px;margin-top:20px;line-height:1.4}.cta-expert-section{padding:60px 20px}.cta-expert-content{gap:40px}.cta-expert-left h2{font-size:1.85rem;line-height:1.3}.cta-expert-desc{font-size:1rem;margin-bottom:28px;line-height:1.5}.cta-expert-benefits{gap:16px;margin-bottom:28px}.cta-expert-benefit-icon{width:44px;height:44px}.cta-expert-benefit-content h4{font-size:1rem}.cta-expert-benefit-content p{font-size:.9rem}.cta-expert-btn{padding:16px 28px;font-size:.95rem;gap:10px}.cta-expert-btn span{flex:1;text-align:center}.cta-expert-guarantee{font-size:.8rem;gap:6px;margin-top:20px;line-height:1.4}.cta-expert-card{padding:20px}.cta-expert-card-header{gap:12px;margin-bottom:20px;padding-bottom:20px}.cta-expert-avatar{width:60px;height:60px}.cta-expert-card-info h4{font-size:1.1rem}.cta-expert-card-info p{font-size:.85rem}.cta-expert-card-features{gap:12px}.cta-expert-card-feature{font-size:.9rem;gap:10px}.cta-expert-card-badge{top:-8px;right:16px;padding:6px 14px;font-size:.8rem}}.funnel-demo-redacteur{min-height:100vh;background:linear-gradient(165deg,#f8fafc,#f1f5f9,#e2e8f0);position:relative}.demo-header{position:relative;z-index:10;padding:20px 24px;background:#fff;border-bottom:1px solid #E2E8F0}.demo-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#111827;font-size:1.25rem;font-weight:700}.demo-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.demo-container{position:relative;z-index:10;max-width:520px;margin:0 auto;padding:32px 20px 40px}.demo-progress{margin-bottom:24px}.demo-progress .progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.demo-progress .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.demo-progress .progress-text{display:block;margin-top:8px;font-size:.85rem;color:#64748b;text-align:center;font-weight:500}.demo-steps-indicator{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.step-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;background:#f1f5f9;border:2px solid #E2E8F0;color:#94a3b8;transition:all .3s ease}.step-dot.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 16px #10b98159}.step-dot.completed{background:#10b981;border-color:#10b981;color:#fff}.step-dot.completed svg{stroke-width:3px}.demo-form-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:40px 32px;box-shadow:0 4px 24px #0000000f}.demo-step-content{text-align:center;margin-bottom:32px}.step-icon-wrapper{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#059669}.step-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.02em}.step-subtitle{font-size:1rem;color:#64748b;margin:0}.demo-form-fields{display:flex;flex-direction:column;gap:20px;margin-top:32px;text-align:left}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#374151}.form-field label svg{color:#10b981}.form-field .required{color:#ef4444}.form-field .optional{font-weight:400;color:#94a3b8;font-size:.85rem}.form-field input{width:100%;padding:16px 18px;font-size:1rem;color:#111827;background:#f8fafc;border:2px solid #E2E8F0;border-radius:12px;transition:all .2s ease;box-sizing:border-box}.form-field input::placeholder{color:#94a3b8}.form-field input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b9811a}.form-field input.error{border-color:#ef4444;background:#fef2f2}.form-field input.error:focus{box-shadow:0 0 0 4px #ef44441a}.error-message{font-size:.85rem;color:#ef4444;display:flex;align-items:center;gap:4px}.field-hint{font-size:.85rem;color:#64748b;margin:0}.demo-nav-buttons{display:flex;gap:12px;margin-top:32px}.demo-btn{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.demo-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d}.demo-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.demo-btn.primary.submit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d}.demo-btn.primary.submit:hover:not(:disabled){box-shadow:0 8px 24px #8b5cf666}.demo-btn.secondary{flex:0 0 auto;background:#fff;border:2px solid #E2E8F0;color:#64748b}.demo-btn.secondary:hover{border-color:#10b981;color:#10b981;background:#ecfdf5}.demo-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-progress-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.demo-progress-bottom .demo-steps-indicator{margin-bottom:0}.demo-progress-bottom .demo-progress{width:100%;max-width:300px;margin-bottom:0}.demo-trust{display:flex;flex-direction:column;gap:12px;margin-top:32px;padding:0 20px}.trust-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:#64748b}@media(min-width:480px){.demo-trust{flex-direction:row;justify-content:center;gap:32px}}@media(min-width:768px){.demo-header{padding:24px 40px}.demo-container{padding:40px 20px 60px}.demo-form-card{padding:48px 40px}.step-title{font-size:1.75rem}}.funnel-thank-you{min-height:100vh;background:linear-gradient(165deg,#f8fafc,#f1f5f9,#e2e8f0);position:relative;overflow:hidden}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:100}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;opacity:.9;animation:fall 3s ease-out forwards}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.thank-you-bg{display:none}.thank-you-header{position:relative;z-index:10;padding:20px 24px;background:#fff;border-bottom:1px solid #E2E8F0}.thank-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#111827;font-size:1.25rem;font-weight:700}.thank-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.thank-you-container{position:relative;z-index:10;max-width:560px;margin:0 auto;padding:32px 20px 60px;display:flex;flex-direction:column;gap:24px}.success-card{background:#fff;border:1px solid #D1FAE5;border-radius:20px;padding:40px 32px;text-align:center;box-shadow:0 4px 24px #10b98114}.success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;animation:pulse-success 2s ease-in-out infinite}@keyframes pulse-success{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 20px #10b98100}}.success-title{font-size:1.75rem;font-weight:800;color:#111827;margin:0 0 16px;letter-spacing:-.02em}.success-message{font-size:1rem;line-height:1.7;color:#4b5563;margin:0 0 32px}.success-message strong{color:#059669}.success-timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;text-align:left}.timeline-icon{width:40px;height:40px;flex-shrink:0;background:#ecfdf5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#10b981}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-content strong{font-size:.95rem;color:#111827}.timeline-content span{font-size:.85rem;color:#64748b}.offer-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:40px 32px;text-align:center;box-shadow:0 4px 24px #0000000f}.offer-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border:1px solid #DDD6FE;border-radius:100px;color:#7c3aed;font-size:.85rem;font-weight:600;margin-bottom:20px}.offer-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 12px;letter-spacing:-.02em}.offer-description{font-size:1rem;line-height:1.6;color:#4b5563;margin:0 0 28px}.offer-description strong{color:#059669}.offer-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;text-align:left}.offer-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:14px;box-shadow:0 4px 20px #8b5cf64d;transition:all .3s ease}.offer-cta:hover{transform:translateY(-3px);box-shadow:0 8px 32px #8b5cf666}.offer-reassurance{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:.85rem;color:#64748b}.offer-reassurance svg{color:#10b981}.thank-social-proof{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid #E2E8F0;border-radius:16px}.proof-avatars{display:flex}.proof-avatars img{width:36px;height:36px;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #0000001a;margin-left:-8px}.proof-avatars img:first-child{margin-left:0}.proof-text{display:flex;flex-direction:column;align-items:center;gap:8px}.proof-stars{display:flex;gap:2px}.proof-text>span{font-size:.9rem;color:#4b5563}.proof-text strong{color:#111827}@media(min-width:480px){.thank-social-proof{flex-direction:row;justify-content:center;gap:20px}.proof-text{align-items:flex-start}}@media(min-width:768px){.thank-you-header{padding:24px 40px}.thank-you-container{padding:40px 20px 80px}.success-card,.offer-card{padding:48px 40px}.success-title{font-size:2rem}.offer-title{font-size:1.75rem}}.subscription-page{min-height:100vh;background:linear-gradient(180deg,#f5f3ef,#fff);padding:24px 24px 40px}.subscription-container{max-width:1100px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:24px}.success-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:100px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:24px}.subscription-header h1{font-size:2rem;font-weight:800;color:#0a0a0a;margin:0 0 8px;letter-spacing:-.02em}.subscription-header p{font-size:1.1rem;color:#6b7280;margin:0}.early-bird-banner{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;margin-bottom:24px;color:#fff}.early-bird-content{text-align:center}.early-bird-title{font-size:1.15rem;font-weight:700;margin-bottom:4px}.early-bird-text{font-size:.9rem;opacity:.9}.trial-info{display:flex;justify-content:center;gap:32px;padding:16px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin:0 auto 32px;max-width:800px}.trial-info-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#4b5563}.trial-info-item svg{color:#ff470f}.trial-info-item strong{color:#0a0a0a}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e5e5e5;border-radius:24px;padding:32px 28px;position:relative;cursor:pointer;transition:all .3s}.plan-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.plan-card.selected{border-color:#ff470f;box-shadow:0 0 0 4px #ff470f1a}.plan-card.popular{border-color:#ff470f;background:linear-gradient(180deg,#fff,#fff8f5)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:100px;color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap}.plan-header{margin-bottom:24px}.plan-header h3{font-size:1.5rem;font-weight:700;color:#0a0a0a;margin:0 0 8px}.plan-header p{font-size:.9rem;color:#6b7280;margin:0}.plan-price{margin-bottom:20px;padding-bottom:0;border-bottom:none}.price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.price-old{font-size:1.25rem;color:#9ca3af;text-decoration:line-through}.price-current{font-size:2.5rem;font-weight:800;color:#0a0a0a}.price-period{font-size:1rem;color:#6b7280}.price-note{display:block;margin-top:6px;font-size:.8rem;color:#9ca3af}.plan-features{list-style:none;padding:24px 0 0;margin:0 0 28px;border-top:1px solid #e5e5e5}.plan-features li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.95rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.plan-features li:last-child{border-bottom:none}.plan-features li svg{color:#10b981;flex-shrink:0}.btn-plan{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-plan.primary{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.btn-plan.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff470f4d}.btn-plan.secondary{background:#fff;border:1px solid #e5e5e5;color:#0a0a0a}.btn-plan.secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-plan:disabled{opacity:.7;cursor:not-allowed}.btn-plan{margin-bottom:24px}.guarantees{display:flex;justify-content:center;gap:40px;padding:24px;background:#fafafa;border-radius:16px;margin-bottom:48px}.guarantee-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#4b5563}.guarantee-item svg{color:#10b981}.subscription-faq{max-width:700px;margin:0 auto}.subscription-faq h4{font-size:1.25rem;font-weight:700;color:#0a0a0a;margin:0 0 24px;text-align:center}.faq-items{display:flex;flex-direction:column;gap:16px}.faq-item{padding:20px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.faq-item strong{display:block;font-size:.95rem;color:#0a0a0a;margin-bottom:8px}.faq-item p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.6}.promo-section{display:flex;justify-content:center;margin-bottom:24px}.promo-input-wrapper{display:flex;gap:10px;max-width:400px;width:100%}.promo-input-wrapper input{flex:1;padding:14px 18px;border:2px solid #E5E7EB;border-radius:12px;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.promo-input-wrapper input:focus{outline:none;border-color:#10b981}.promo-input-wrapper input.applied{border-color:#10b981;background:#f0fdf4;color:#10b981}.promo-input-wrapper button{padding:14px 24px;background:#111;border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px}.promo-input-wrapper button:hover:not(:disabled){background:#333}.promo-input-wrapper button:disabled{opacity:.6;cursor:not-allowed}.promo-input-wrapper button.applied{background:#10b981}.plans-grid.two-plans{grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto 24px}.price-note.promo{color:#10b981;font-weight:600}.features-summary{background:#f9fafb;border-radius:16px;padding:32px;margin-bottom:32px;text-align:center}.features-summary h4{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 24px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:12px;color:#4b5563}.feature-item svg{color:#10b981}.feature-item span{font-size:.9rem;font-weight:500}@media(max-width:1024px){.plans-grid{grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}.plans-grid.two-plans{grid-template-columns:1fr;max-width:450px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.subscription-page{padding:16px 12px 24px}.subscription-header{margin-bottom:16px}.subscription-header h1{font-size:1.5rem;margin-bottom:6px}.subscription-header p{font-size:.95rem}.success-badge{padding:8px 16px;font-size:.85rem;margin-bottom:16px}.early-bird-banner{padding:14px 20px;margin-bottom:20px}.early-bird-title{font-size:1rem}.early-bird-text{font-size:.85rem}.plans-grid.two-plans{margin-bottom:20px;gap:16px}.plan-card{padding:20px 16px;position:relative}.popular-badge{padding:6px 16px;font-size:.75rem;top:-10px}.plan-header h3{font-size:1.25rem}.plan-header p{font-size:.85rem}.plan-price{margin-bottom:16px}.plan-price .price-current{font-size:2rem}.btn-plan{padding:14px 20px;font-size:.9rem;width:100%;margin-bottom:20px}.plan-features{padding-top:20px;gap:10px}.plan-features li{font-size:.85rem;padding:8px 0}.trial-info{flex-direction:column;gap:10px;text-align:center;padding:14px 16px;margin-bottom:24px}.trial-info-item{justify-content:center;font-size:.85rem}.trial-info-item svg{width:16px;height:16px}.guarantees{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.guarantee-item{font-size:.85rem}.features-summary{padding:24px 16px;margin-bottom:24px}.features-summary h4{font-size:1rem;margin-bottom:16px}.features-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-item{gap:8px}.feature-item svg{width:20px;height:20px}.feature-item span{font-size:.8rem}.subscription-faq{padding:24px 16px}.subscription-faq h4{font-size:1rem;margin-bottom:16px}.faq-item{padding:12px 0}.faq-item strong{font-size:.9rem}.faq-item p{font-size:.85rem}}@media(max-width:480px){.subscription-page{padding:12px 10px 20px}.subscription-header h1{font-size:1.35rem}.subscription-header p{font-size:.9rem}.early-bird-banner{padding:12px 16px}.early-bird-title{font-size:.95rem}.plan-card{padding:16px 12px}.plan-price .price-current{font-size:1.75rem}.plan-price{margin-bottom:12px}.plan-price .price-old{font-size:1rem}.btn-plan{padding:12px 16px;font-size:.85rem;margin-bottom:16px}.plan-features{padding-top:16px}.plan-features li{padding:6px 0;font-size:.8rem}.trial-info-item{flex-direction:column;gap:4px}}.legal-page{min-height:100vh;background:linear-gradient(180deg,#fafafa,#f5f5f5);padding:40px 24px}.legal-container{max-width:800px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:#666;text-decoration:none;font-size:.9rem;font-weight:500;margin-bottom:32px;transition:color .2s}.back-link:hover{color:#ff470f}.legal-header{text-align:center;margin-bottom:48px}.legal-icon{width:72px;height:72px;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px}.legal-icon.privacy{background:linear-gradient(135deg,#10b981,#059669)}.legal-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.02em}.legal-subtitle{color:#888;font-size:.95rem;margin:0}.legal-content{background:#fff;border-radius:20px;padding:48px;box-shadow:0 4px 24px #0000000f}.legal-content section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #E5E5E5}.legal-content section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legal-content h2{font-size:1.35rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;letter-spacing:-.01em}.legal-content h3{font-size:1.05rem;font-weight:600;color:#333;margin:24px 0 12px}.legal-content h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.legal-content p{color:#555;line-height:1.7;margin:0 0 16px;font-size:.95rem}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{color:#555;line-height:1.7;margin-bottom:8px;font-size:.95rem}.legal-content a{color:#ff470f;text-decoration:none;font-weight:500}.legal-content a:hover{text-decoration:underline}.intro-section{background:#f9fafb;border-radius:12px;padding:24px;border-left:4px solid #FF470F}.intro-section p{margin:0;font-size:1rem;color:#444}.info-box{background:#f9fafb;border-radius:12px;padding:20px;margin:16px 0}.info-box p{margin:4px 0}.note{background:#fef3c7;border-radius:8px;padding:16px;border-left:4px solid #F59E0B;margin:16px 0}.purposes-table,.retention-table,.cookies-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}.purposes-table th,.purposes-table td,.retention-table th,.retention-table td,.cookies-table th,.cookies-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #E5E5E5}.purposes-table th,.retention-table th,.cookies-table th{background:#f9fafb;font-weight:600;color:#1a1a1a}.purposes-table td,.retention-table td,.cookies-table td{color:#555}.rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.right-card{background:#f9fafb;border-radius:12px;padding:20px;transition:all .2s}.right-card:hover{background:#f3f4f6;transform:translateY(-2px)}.right-card h4{display:flex;align-items:center;gap:8px;margin-bottom:8px}.right-card p{margin:0;font-size:.85rem;color:#666}.legal-footer{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid #E5E5E5}.legal-footer p{color:#888;font-size:.85rem;margin:8px 0}.legal-footer a{color:#ff470f;text-decoration:none}.legal-footer a:hover{text-decoration:underline}@media(max-width:768px){.legal-page{padding:24px 16px}.legal-content{padding:32px 24px}.legal-header h1{font-size:1.5rem}.rights-grid{grid-template-columns:1fr}.purposes-table,.retention-table,.cookies-table{font-size:.8rem}.purposes-table th,.purposes-table td,.retention-table th,.retention-table td,.cookies-table th,.cookies-table td{padding:10px 12px}}.funnel-landing{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:24px 20px;display:flex;align-items:center;justify-content:center}.funnel-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;margin-bottom:16px;box-shadow:0 8px 24px #10b9814d}.logo-icon{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.funnel-hero{text-align:center}.funnel-title{font-size:2rem;font-weight:800;line-height:1.2;color:#111;margin:0 0 16px;letter-spacing:-.02em}.funnel-title .highlight{color:#10b981;display:block;margin-top:8px}.funnel-subtitle{font-size:1.1rem;line-height:1.6;color:#4b5563;margin:0}.funnel-subtitle strong{color:#111;font-weight:700}.funnel-benefits{display:flex;flex-direction:column;gap:12px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.benefit-item{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#374151}.benefit-icon{color:#10b981;flex-shrink:0}.funnel-form{display:flex;flex-direction:column;gap:12px}.form-error{color:#ef4444;font-size:.9rem;padding:8px 0}.funnel-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.funnel-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:20px 0}.funnel-footer-note{text-align:center;font-size:.85rem;color:#9ca3af;margin:0}@media(min-width:768px){.funnel-landing{padding:40px}.funnel-title{font-size:2.5rem}.funnel-subtitle{font-size:1.2rem}}.funnel-url{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:24px 20px;display:flex;align-items:center;justify-content:center}.funnel-subtitle{font-size:1rem;line-height:1.6;color:#4b5563;margin:0}.info-box{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #FCD34D;border-radius:12px;color:#92400e}.info-box svg{flex-shrink:0;margin-top:2px}.info-box strong{display:block;font-weight:700;margin-bottom:4px;font-size:.95rem}.info-box p{margin:0;font-size:.85rem;line-height:1.5;opacity:.9}.funnel-form{display:flex;flex-direction:column;gap:16px}.form-label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:8px}.form-label svg{color:#10b981}.url-input{width:100%;padding:16px 20px;font-size:1rem;border:2px solid #E5E7EB;border-radius:12px;background:#fff;transition:all .2s;box-sizing:border-box}.url-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.url-input::placeholder{color:#9ca3af}.form-hint{font-size:.85rem;color:#6b7280;margin-top:8px;margin-bottom:0}.funnel-cta{width:100%;padding:18px 24px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.funnel-cta.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b9814d}.funnel-cta.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.funnel-cta.secondary{background:#fff;color:#374151;border:2px solid #E5E7EB;font-weight:600}.funnel-cta.secondary:hover:not(:disabled){border-color:#10b981;color:#10b981}.funnel-cta:disabled{opacity:.7;cursor:not-allowed}.email-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff;border-radius:8px;font-size:.85rem;color:#6b7280}.email-display svg{color:#10b981}.email-display strong{color:#111}@media(min-width:768px){.funnel-url{padding:40px}.funnel-title{font-size:2rem}}.funnel-analyze{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:24px 20px;display:flex;align-items:center;justify-content:center}.funnel-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:32px}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.analysis-steps{display:flex;flex-direction:column;gap:20px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.analysis-step{display:flex;gap:16px;align-items:flex-start;opacity:.4;transition:all .3s}.analysis-step.active,.analysis-step.completed{opacity:1}.step-icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;transition:all .3s}.analysis-step.active .step-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669)}.analysis-step.completed .step-icon-wrapper{background:#d1fae5}.step-icon{color:#6b7280;transition:all .3s}.analysis-step.active .step-icon{color:#fff}.analysis-step.completed .step-icon{color:#10b981}.step-content{flex:1;padding-top:4px}.step-text{font-size:1rem;font-weight:600;color:#111;margin:0 0 8px}.analysis-step:not(.active) .step-text{color:#6b7280;font-weight:500}.step-loading{margin-top:8px}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;background:#10b981;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.analysis-info{background:#f9fafb;padding:20px;border-radius:12px;border-left:4px solid #10B981}.analysis-info p{margin:0 0 12px;font-weight:600;color:#111;font-size:.95rem}.analysis-info ul{margin:0;padding-left:20px;list-style:none}.analysis-info li{position:relative;padding-left:20px;margin-bottom:8px;color:#4b5563;font-size:.9rem;line-height:1.6}.analysis-info li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}@media(min-width:768px){.funnel-analyze{padding:40px}.funnel-title{font-size:2rem}}.funnel-results{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:24px 20px 40px;display:flex;align-items:flex-start;justify-content:center}.funnel-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px}.progress-text{font-size:.85rem;color:#6b7280;font-weight:500}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px;box-shadow:0 8px 24px #10b9814d}.results-section{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #F3F4F6}.section-header svg{color:#10b981}.section-header h2{font-size:1.25rem;font-weight:700;color:#111;margin:0}.keywords-grid{display:grid;grid-template-columns:1fr;gap:14px}.keyword-card{background:#fff;border-radius:14px;padding:18px;border:1.5px solid #E5E7EB;transition:all .2s ease;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 4px #0000000a}.keyword-card:hover{border-color:#10b981;box-shadow:0 6px 16px #10b9811f;transform:translateY(-2px)}.keyword-header-row{display:flex;align-items:flex-start;gap:12px}.keyword-badge{width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;margin-top:2px}.keyword-text{font-size:1.05rem;font-weight:600;color:#111827;margin:0;line-height:1.5;word-wrap:break-word;flex:1}.keyword-metrics-row{display:flex;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #F3F4F6}.metric-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f9fafb;border-radius:8px;font-size:.85rem;color:#4b5563}.metric-badge svg{color:#10b981;flex-shrink:0}.metric-text{display:flex;align-items:center;gap:4px;line-height:1.4}.metric-text strong{color:#111827;font-weight:700}@media(min-width:640px){.keywords-grid{grid-template-columns:repeat(2,1fr);gap:16px}.keyword-card{padding:20px}.keyword-text{font-size:1.1rem}.keyword-badge{width:30px;height:30px;font-size:.9rem}}@media(min-width:1024px){.keywords-grid{grid-template-columns:repeat(3,1fr);gap:18px}.keyword-card{padding:22px}.keyword-text{font-size:1.1rem}}.calendar-preview{display:flex;flex-direction:column;gap:16px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.weekday-label{text-align:center;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{aspect-ratio:1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;border:2px solid #E5E7EB;border-radius:10px;position:relative;padding:6px 4px;transition:all .2s ease;cursor:default}.calendar-day:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.calendar-day.past{opacity:.5;background:#f9fafb}.calendar-day.today{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;box-shadow:0 2px 8px #fbbf2433}.calendar-day.today .day-number{color:#92400e;font-weight:700}.calendar-day.has-article{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;border-width:2px}.calendar-day.has-article .day-number{color:#065f46;font-weight:700}.day-number{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:2px}.article-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.article-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b98133;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.article-keyword{font-size:.6rem;color:#059669;font-weight:600;text-align:center;line-height:1.2;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:none}.calendar-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.stat-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#4b5563}.stat-dot{width:10px;height:10px;border-radius:50%}.stat-dot.has-article{background:#10b981;box-shadow:0 0 0 2px #10b98133}.stat-dot.today{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 0 0 2px #fbbf2433}.calendar-note{text-align:center;font-size:.9rem;color:#4b5563;margin:0;padding-top:8px}.calendar-note strong{color:#10b981;font-weight:700}@media(min-width:768px){.calendar-day.has-article{min-height:60px}.article-keyword{display:block}.calendar-day.has-article:hover{z-index:10;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #10b9814d}.calendar-day.has-article:hover .article-keyword{display:block}}.funnel-cta{width:100%;padding:18px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 8px 24px #10b9814d}.funnel-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.trust-note{text-align:center;font-size:.85rem;color:#6b7280;margin:0}.cta-block{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:20px}.cta-block-title{font-size:1.5rem;font-weight:700;color:#111;margin:0;text-align:center}.cta-block-subtitle{font-size:1rem;line-height:1.6;color:#6b7280;margin:0;text-align:center}.cta-options{display:flex;flex-direction:column;gap:12px}.cta-option{width:100%;padding:18px 20px;border:2px solid transparent;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;text-align:left;background:#fff}.cta-option-content{flex:1;display:flex;flex-direction:column;gap:4px}.cta-option-text{font-size:1rem;font-weight:600;color:#111}.cta-option-microcopy{font-size:.85rem;font-weight:400;color:#6b7280;line-height:1.4}.cta-option svg:first-child{flex-shrink:0;color:#10b981}.cta-option svg:last-child{flex-shrink:0;color:#fff}.cta-option.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b9814d;border-color:#10b981}.cta-option.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.cta-option.primary .cta-option-text,.cta-option.primary .cta-option-microcopy{color:#fff}.cta-option.primary svg:first-child{color:#fff}.cta-option.secondary{background:#f9fafb;border-color:#e5e7eb}.cta-option.secondary:hover{background:#f3f4f6;border-color:#10b981}.cta-option.secondary:disabled{opacity:.6;cursor:not-allowed}.cta-option.tertiary{background:#fff;border-color:#10b981;color:#10b981}.cta-option.tertiary:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.cta-option.tertiary .cta-option-text{color:#10b981}.cta-option.tertiary svg:first-child{color:#10b981}.cta-option.tertiary svg:last-child{color:#10b981}.toast-notification{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;background:#1a1a1a;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px #00000026;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1000;max-width:90%}.toast-notification.show{transform:translateY(0);opacity:1}.toast-notification svg{color:#10b981;flex-shrink:0}@media(min-width:768px){.funnel-results{padding:40px}.funnel-title{font-size:2rem}.toast-notification{max-width:400px}}.funnel-convert{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:24px 20px 40px;display:flex;align-items:flex-start;justify-content:center}.funnel-subtitle-mobile{font-size:.9rem;line-height:1.5;color:#6b7280;margin:0 0 8px;font-style:italic;text-align:center}.cta-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:16px;border:2px solid transparent;transition:all .2s}.cta-card.primary{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.cta-card.secondary{border-color:#e5e7eb}.cta-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto;box-shadow:0 8px 24px #10b9814d}.cta-card.secondary .cta-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d}.cta-title{font-size:1.5rem;font-weight:700;color:#111;margin:0;text-align:center}.cta-description{font-size:1rem;line-height:1.6;color:#4b5563;margin:0;text-align:center}.cta-benefits{display:flex;flex-direction:column;gap:12px;background:#f9fafb;padding:16px;border-radius:12px}.benefit-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#374151}.benefit-item svg{color:#10b981;flex-shrink:0}.cta-button{width:100%;padding:18px 24px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.cta-button.primary svg:first-child{flex-shrink:0}.cta-button.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b9814d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.cta-button.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 24px #3b82f64d}.cta-button.secondary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f666}.cta-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;color:#6b7280;margin:0;text-align:center}.cta-note svg{color:#10b981}.divider{display:flex;align-items:center;text-align:center;margin:8px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #E5E7EB}.divider span{padding:0 16px;color:#9ca3af;font-size:.9rem;font-weight:500}.trust-signals{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:20px 0}@media(min-width:768px){.funnel-convert{padding:40px}.funnel-title{font-size:2rem}}.funnel-payment{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:24px 20px 40px;display:flex;align-items:flex-start;justify-content:center}.funnel-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px}.funnel-header{text-align:center}.funnel-title{font-size:1.75rem;font-weight:800;line-height:1.2;color:#111;margin:0 0 12px;letter-spacing:-.02em}.funnel-title .highlight{color:#10b981}.funnel-subtitle{font-size:1rem;line-height:1.6;color:#6b7280;margin:0}.plan-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d;border:2px solid #10B981;position:relative}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-header{text-align:center;padding:20px 0;border-bottom:2px solid #F3F4F6;margin-bottom:20px}.plan-name{font-size:1.5rem;font-weight:800;color:#111;margin:0 0 12px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:2.5rem;font-weight:800;color:#10b981;line-height:1}.price-period{font-size:1rem;color:#6b7280;font-weight:500}.plan-features{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#374151;line-height:1.6}.feature-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.feature-item strong{color:#111;font-weight:700}.plan-highlight{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #FCD34D;border-radius:12px;color:#92400e}.plan-highlight svg{color:#d97706;flex-shrink:0}.plan-highlight strong{display:block;font-weight:700;margin-bottom:4px;font-size:.95rem}.plan-highlight p{margin:0;font-size:.85rem;opacity:.9}.payment-button{width:100%;padding:20px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 8px 24px #10b9814d}.payment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.payment-button:disabled{opacity:.7;cursor:not-allowed}.payment-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:20px 0}.trust-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280;font-weight:500}.trust-item svg{color:#10b981}.value-props{display:flex;flex-direction:column;gap:16px;margin-top:8px}.value-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-align:center}.value-icon{width:56px;height:56px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981;margin:0 auto 12px}.value-item h3{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 8px}.value-item p{font-size:.9rem;line-height:1.6;color:#4b5563;margin:0}.payment-footer{text-align:center;font-size:.85rem;color:#9ca3af;margin:0}@media(min-width:768px){.funnel-payment{padding:40px}.funnel-title{font-size:2rem}.value-props{flex-direction:row}}.lp-long-variant-b{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);width:100%}.container{width:100%;max-width:640px;margin:0 auto;padding:0 20px}.hero-section{padding:40px 0 60px;text-align:center}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-title{font-size:2rem;font-weight:800;line-height:1.2;color:#111;margin:0;letter-spacing:-.02em}.hero-title .highlight{color:#10b981;display:block;margin-top:8px}.hero-subtitle{font-size:1.1rem;line-height:1.6;color:#4b5563;margin:0}.hero-subtitle strong{color:#111;font-weight:700}.hero-bullets{display:flex;flex-direction:column;gap:12px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000000d;text-align:left}.bullet-item{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#374151}.bullet-item svg{color:#10b981;flex-shrink:0}.email-form{display:flex;flex-direction:column;gap:12px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.form-title{font-size:1.5rem;font-weight:800;color:#111;margin:0 0 8px;text-align:center}.form-subtitle{font-size:1rem;color:#6b7280;margin:0 0 16px;text-align:center}.form-group{width:100%}.email-input{width:100%;padding:16px 20px;font-size:1rem;border:2px solid #E5E7EB;border-radius:12px;background:#fff;transition:all .2s;box-sizing:border-box}.email-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.email-input.error{border-color:#ef4444}.email-input::placeholder{color:#9ca3af}.form-error{color:#ef4444;font-size:.9rem;padding:8px 0 0;text-align:left}.cta-button{width:100%;padding:18px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 8px 24px #10b9814d}.cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.cta-button:disabled{opacity:.7;cursor:not-allowed}.form-note{text-align:center;font-size:.85rem;color:#9ca3af;margin:0}.hero-badges{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:20px 0}.badge-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280;font-weight:500}.badge-item svg{color:#10b981}section{padding:60px 0}.section-title{font-size:1.75rem;font-weight:800;color:#111;margin:0 0 32px;text-align:center;letter-spacing:-.02em}.section-note{text-align:center;font-size:.9rem;color:#6b7280;margin:24px 0 0;font-style:italic}.how-it-works-section{background:#fff}.steps-grid{display:flex;flex-direction:column;gap:20px}.step-card{background:#f9fafb;padding:24px;border-radius:16px;text-align:center;border:2px solid #F3F4F6;transition:all .2s}.step-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.step-icon{font-size:3rem;margin-bottom:16px}.step-title{font-size:1.1rem;font-weight:700;color:#111;margin:0 0 8px}.step-text{font-size:.95rem;color:#4b5563;margin:0;line-height:1.6}.for-who-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.for-who-list{display:flex;flex-direction:column;gap:16px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.for-who-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#374151;line-height:1.6}.for-who-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.what-you-get-section{background:#fff}.what-you-get-list{display:flex;flex-direction:column;gap:20px}.what-you-get-item{display:flex;gap:16px;align-items:flex-start;background:#f9fafb;padding:20px;border-radius:12px;border-left:4px solid #10B981}.what-you-get-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.what-you-get-item strong{color:#111;font-weight:700;font-size:.95rem;line-height:1.6}.objections-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.objections-text{font-size:1rem;line-height:1.7;color:#4b5563;margin:0 0 24px;text-align:center}.objections-badges{display:flex;flex-direction:column;gap:12px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.objection-badge{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#374151;font-weight:500}.objection-badge svg{color:#10b981;flex-shrink:0}.objections-note{text-align:center;font-size:.95rem;color:#111;margin:20px 0 0}.objections-note strong{color:#10b981;font-weight:700}.cta-final-section{background:#fff;padding:60px 0}@media(min-width:768px){.container{padding:0 40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hero-badges{gap:32px}.objections-badges{flex-direction:row;justify-content:space-around}}@media(min-width:1024px){.hero-section{padding:60px 0 80px}section{padding:80px 0}}