:root{--color-primary-50: #EBF4FF;--color-primary-200: #B8D4FF;--color-primary-500: #2563EB;--color-primary-700: #1E40AF;--color-secondary-50: #FFF7ED;--color-secondary-200: #FED7AA;--color-secondary-500: #EA580C;--color-secondary-700: #C2410C;--color-secondary-800: #9A3412;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-600: #475569;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-primary-100: #DBEAFE;--color-primary-300: #93C5FD;--color-primary-600: #2563EB;--color-secondary-100: #FED7AA;--color-secondary-300: #FDBA74;--light-blue: var(--color-primary-50);--soft-blue: var(--color-primary-200);--medium-blue: var(--color-primary-500);--dark-blue: var(--color-primary-700);--color-primary: var(--color-primary-500);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-inverse: #FFFFFF;--text-accent: var(--color-secondary-700);--bg-primary: #FFFFFF;--bg-secondary: var(--color-neutral-50);--bg-surface: var(--color-neutral-100);--bg-accent: var(--color-secondary-50);--border-primary: var(--color-neutral-300);--border-secondary: var(--color-neutral-100);--border-accent: var(--color-secondary-200);--border-light-alt: var(--color-neutral-200);--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-legal: "Lexend", var(--font-family-system);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 36px;--font-size-6xl: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-base: 8px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--shadow-base: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--shadow-xl: 0 8px 32px rgba(0,0,0,.15);--shadow-focus: 0 0 0 3px rgba(66, 165, 245, .1);--shadow-primary: 0 4px 12px rgba(66, 165, 245, .3);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--container-max-width: 1200px;--sidebar-width: 280px;--header-height: 70px;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 1000}:root{--color-success: #10b981;--color-success-bg: #f0f9f4;--color-error: #ef4444;--color-error-bg: #fef2f2;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-citation-law: #2196f3;--color-citation-court: #ff9800;--color-citation-article: #4caf50;--color-citation-constitutional: #9c27b0;--color-citation-eu: #f44336}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-system);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background:var(--bg-secondary);text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{border:none;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--medium-blue);outline-offset:2px}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-6)}.container-fluid{width:100%;padding:0 var(--space-6)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.app-layout{display:flex;min-height:calc(100vh - var(--header-height) - var(--space-5));margin-top:var(--space-5)}.landing-page .app-layout{display:none}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);box-shadow:var(--shadow-base);overflow-y:auto;min-height:600px;height:100%;display:flex;flex-direction:column;margin-top:var(--space-5);margin-left:var(--space-5)}.main-content{flex:1;padding:var(--space-5);max-width:var(--container-max-width)}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-16)}.landing-page .sidebar,.landing-page .toggle-sidebar{display:none}@media (max-width: 768px){.container,.container-fluid{padding:0 var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-layout{flex-direction:column}.sidebar{width:100%;margin-left:0}.main-content{padding:var(--space-4)}.section{padding:var(--space-16) 0}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner.spinner-lg{width:32px;height:32px;border-width:3px}.spinner.spinner-white{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-inverse{color:var(--text-inverse)}.text-blue{color:var(--medium-blue)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-tight{line-height:var(--line-height-tight)}.leading-base{line-height:var(--line-height-base)}.leading-relaxed{line-height:var(--line-height-relaxed)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-blue{background-color:var(--medium-blue)}.bg-light-blue{background-color:var(--light-blue)}.bg-soft-blue{background-color:var(--soft-blue)}.bg-success{background-color:var(--color-success-bg)}.bg-error{background-color:var(--color-error-bg)}.bg-warning{background-color:var(--color-warning-bg)}.border{border:1px solid var(--border-primary)}.border-0{border:0}.border-2{border:2px solid var(--border-primary)}.border-blue{border-color:var(--medium-blue)}.border-success{border-color:var(--color-success)}.border-error{border-color:var(--color-error)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-none{transition:none}.transition{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.transform{transform:translateZ(0)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:var(--z-dropdown)}.z-100{z-index:var(--z-sticky)}.z-200{z-index:var(--z-overlay)}.z-300{z-index:var(--z-modal)}.z-1000{z-index:var(--z-toast)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:var(--shadow-focus)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column-center{display:flex;flex-direction:column;align-items:center}.flex-end{display:flex;align-items:end}.gap-5{gap:var(--space-5)}.text-meta{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.text-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.text-caption{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:var(--font-weight-medium)}.text-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.hover-lift{transition:var(--transition-fast)}.hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.hover-lift-lg{transition:var(--transition-fast)}.hover-lift-lg:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-blue:hover{background:var(--light-blue)}.hover-soft-blue:hover{background:var(--soft-blue)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-4)}.grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.form-row-single{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);align-items:flex-end}.form-input-group{flex:1}.badge-score{background:var(--color-success);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-tone{background:var(--soft-blue);color:var(--color-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-signal{background:var(--color-secondary-100);color:var(--color-secondary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.progress-bar{width:100%;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-700) 100%);border-radius:var(--radius-sm);transition:width .3s ease}.action-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.score-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.score-bar{flex:1;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-sm);overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-700) 100%);border-radius:var(--radius-sm);transition:var(--transition-base)}@media (max-width: 768px){.grid-auto-fit,.grid-auto-fit-lg,.grid-auto-fit-sm{grid-template-columns:1fr}.form-row,.form-row-single{flex-direction:column;align-items:stretch}.option-buttons{justify-content:center}.action-buttons{flex-direction:column;align-items:center}.mobile\:hidden{display:none}.mobile\:block{display:block}.mobile\:text-center{text-align:center}.mobile\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.mobile\:py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.mobile\:flex-col{flex-direction:column}.mobile\:flex-col-stretch{flex-direction:column;align-items:stretch}.mobile\:gap-2{gap:var(--space-2)}.mobile\:gap-4{gap:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--radius-base);transition:var(--transition-fast);border:none;cursor:pointer;min-height:40px;font-size:var(--font-size-base)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--medium-blue);color:var(--text-inverse);padding:var(--space-3) var(--space-6)}.btn-primary:hover:not(:disabled){background:var(--dark-blue);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.btn-secondary{background:transparent;color:var(--medium-blue);border:2px solid var(--medium-blue);padding:calc(var(--space-3) - 2px) calc(var(--space-6) - 2px);border-radius:var(--radius-lg)}.btn-secondary:hover:not(:disabled){background:var(--medium-blue);color:var(--text-inverse)}.btn-nav{background:var(--medium-blue);color:var(--text-inverse);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);max-height:40px;min-height:32px}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-xl)}.btn-auth{background:var(--soft-blue);color:var(--text-primary);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn-auth:hover{background:var(--medium-blue);color:var(--text-inverse)}.btn-cta{background:var(--medium-blue);color:var(--text-inverse);padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-subtle)}.btn-cta:hover:not(:disabled){background:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-primary)}@media (max-width: 768px){.cta-buttons{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px}}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--light-blue)}.card-body{padding:var(--space-6)}.card-feature{text-align:center;padding:var(--space-8);transition:var(--transition-base)}.card-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--soft-blue)}.card-feature.primary{background:var(--light-blue);border-color:var(--soft-blue)}.card-compact{padding:var(--space-3)}.card-result{border-left:3px solid var(--color-primary)}.card-tone{background:var(--bg-surface);border:1px solid var(--border-secondary);transition:var(--transition-fast)}.card-tone:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-base)}.card-evaluation{background:var(--bg-primary);border:1px solid var(--border-primary)}.card-score{background:var(--bg-surface);border:1px solid var(--border-secondary);text-align:center;padding:var(--space-3)}.card-post-preview{background:var(--bg-secondary);border:1px solid var(--border-secondary);padding:var(--space-3)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top:2px solid var(--medium-blue);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-10) var(--space-5);text-align:center}.empty-state{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-10) var(--space-5)}.error-state{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-4);border-radius:var(--radius-base);border-left:4px solid var(--color-error);margin-bottom:var(--space-5)}.badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase}.badge-pdf{background:#f443361a;color:#d32f2f}.badge-doc,.badge-docx{background:#2196f333;color:#1565c0;font-weight:var(--font-weight-semibold)}.badge-txt{background:#4caf501a;color:#388e3c}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input{padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-base);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--medium-blue);box-shadow:var(--shadow-focus)}.form-input-with-icon{position:relative;display:flex;align-items:center}.form-input-with-icon .form-input{padding-left:45px}.form-input-icon{position:absolute;left:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-lg);pointer-events:none}.form-select{padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:var(--transition-fast);min-width:120px}.form-select:focus{outline:none;border-color:var(--medium-blue);box-shadow:var(--shadow-focus)}.form-textarea{resize:vertical;min-height:120px;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-base);font-size:var(--font-size-lg);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-fast)}.form-textarea:focus{outline:none;border-color:var(--medium-blue);box-shadow:var(--shadow-focus)}.toggle-btn{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.toggle-btn:hover{background:#0000001a}.toggle-icon{font-size:var(--font-size-sm);color:var(--text-secondary);transition:transform var(--transition-base)}.expanded .toggle-icon{transform:rotate(90deg)}.notification{position:fixed;top:var(--space-5);right:var(--space-5);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-toast);max-width:400px;animation:slideIn var(--transition-base)}.notification-success{border:2px solid var(--medium-blue)}.notification-error{border:2px solid var(--color-error)}.notification-content{padding:var(--space-6);position:relative}.notification-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.notification-content p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-base);margin:0}.notification-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--text-secondary);padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast)}.notification-close:hover{background:var(--border-primary);color:var(--text-primary)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.page-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-6)}.component-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);margin-bottom:var(--space-6);overflow:hidden}.component-header{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:flex-start;background:var(--light-blue)}.component-header.clickable-header{cursor:pointer;transition:var(--transition-fast)}.component-header.clickable-header:hover{background:var(--soft-blue)}.component-title-section{display:flex;flex-direction:column;gap:var(--space-1)}.component-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.component-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.component-toggle-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-1)}.section-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.section-container+.section-container{margin-top:var(--space-8)}.section-header{margin-bottom:var(--space-6)}.section-header h2{margin:0 0 var(--space-2) 0}.section-header p{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.section-header.with-action{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}@media (max-width: 768px){.page-container{padding:0 var(--space-4)}.section-container{padding:var(--space-5);margin-bottom:var(--space-4)}.section-header.with-action{flex-direction:column;align-items:stretch;gap:var(--space-4)}.notification{top:var(--space-3);right:var(--space-3);left:var(--space-3);max-width:none}}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:var(--z-sticky)}.nav-container{height:var(--header-height)}.nav-logo h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.nav-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-item{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:var(--light-blue)}.auth-btn{background:var(--soft-blue);color:var(--text-primary);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.auth-btn:hover{background:var(--medium-blue);color:var(--text-inverse)}.user-info{text-align:right;font-size:var(--font-size-base)}#user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-md)}#user-email{font-size:var(--font-size-xs);color:var(--text-secondary);opacity:.8}.nav-logo a{text-decoration:none;color:inherit}.nav-favicon{width:28px;height:28px}.nav-logo a:hover h2{color:var(--medium-blue);transition:var(--transition-fast)}.mobile-menu-toggle{display:none;background:none;border:none;padding:var(--space-2);cursor:pointer}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);margin:4px 0;transition:var(--transition-fast)}@media (max-width: 768px){.mobile-menu-toggle{display:block}.nav-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:var(--space-2);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-base)}.nav-menu.active{display:flex}.nav-item,.btn-auth{width:100%;text-align:center;font-size:var(--font-size-md);padding:var(--space-1) var(--space-3)}.auth-section{width:100%;margin-top:0;padding-top:0;border-top:none}}.footer{background:var(--text-primary);color:var(--text-inverse);padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.footer-column h3,.footer-column h4{margin-bottom:16px;color:var(--soft-blue)}.footer-column h3{font-size:20px;font-weight:600}.footer-column h4{font-size:16px;font-weight:500}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:8px;font-size:14px}.footer-column a:hover{color:var(--soft-blue)}.footer-column p{opacity:.7}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-legal{margin-bottom:12px}.footer-legal a{color:#ffffffb3;text-decoration:none;font-size:13px}.footer-legal a:hover{color:var(--soft-blue)}.footer-separator{margin:0 8px;color:#fff6}.footer-bottom p{font-size:14px;opacity:.7}.content-generator-card h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.content-generator-card p{color:var(--text-secondary);margin:0 0 var(--space-4) 0}.content-steps-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-surface);border:2px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a}.content-steps-header h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-4);font-weight:var(--font-weight-bold)}.content-progress-bar{width:100%;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-sm);margin-bottom:var(--space-2);overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.content-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-700) 100%);border-radius:var(--radius-sm);transition:width .3s ease;position:relative}.content-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:var(--radius-sm)}.content-steps-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.step-indicator{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.step-indicator h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.step-indicator p{color:var(--text-secondary);margin:0}.step2-interface{display:flex;flex-direction:column;gap:var(--space-4)}.selected-post-type-summary{display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-4)}.post-type-preview h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.post-type-preview p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.step2-actions{text-align:center}.form-input-group textarea{width:100%;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-base);resize:vertical;background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);transition:var(--transition-fast);min-height:80px}.form-input-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--bg-primary)}.form-input-group textarea::placeholder{color:var(--text-secondary);font-style:italic}.result-header{font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.result-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.engagement-score{background:var(--color-success);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.result-content{white-space:pre-wrap;line-height:1.6;color:var(--text-primary);font-size:var(--font-size-sm)}.post-preview{display:flex;flex-direction:column;gap:var(--space-3)}.post-section strong{color:var(--text-primary);display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.post-section p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.post-meta{padding:var(--space-2) 0;border-top:1px solid var(--border-secondary)}.post-meta small{color:var(--text-secondary);font-size:var(--font-size-xs)}.post-type-card .result-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.post-type-card .post-idea-card{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-surface)}.post-idea-card .card-header h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.selectable-card{cursor:pointer;transition:var(--transition-base)}.selectable-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.card-actions{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-secondary);display:flex;justify-content:center}.step3-interface,.step4-interface,.step5-interface{display:flex;flex-direction:column;gap:var(--space-6)}.step-header{display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-4)}.step2-header{margin-bottom:var(--space-4)}.selected-idea-summary h3,.selected-type-display h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.idea-preview,.selected-type-display p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.generation-options,.final-post-container{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-6)}.final-post-container{margin-top:var(--space-4)}.generation-options h4,.post-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.generation-options h4{text-align:center}.post-header h4{margin-bottom:var(--space-2)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.option-group{display:flex;flex-direction:column;gap:var(--space-3)}.option-group label{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.option-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.tone-options .config-buttons .btn.btn-secondary,.evaluation-config .config-buttons .btn.btn-secondary,.generation-options .option-buttons .btn.btn-secondary,.config-buttons .btn.btn-secondary,.option-buttons .btn.btn-secondary{padding:var(--space-2) var(--space-3);border:2px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);flex:0 1 auto;white-space:nowrap;min-height:auto}.tone-options .config-buttons .btn.btn-secondary:hover,.evaluation-config .config-buttons .btn.btn-secondary:hover,.generation-options .option-buttons .btn.btn-secondary:hover,.config-buttons .btn.btn-secondary:hover,.option-buttons .btn.btn-secondary:hover{border-color:var(--color-primary);background:var(--soft-blue);color:var(--text-primary);transform:none}.tone-options .config-buttons .btn.btn-secondary.active,.evaluation-config .config-buttons .btn.btn-secondary.active,.generation-options .option-buttons .btn.btn-secondary.active,.config-buttons .btn.btn-secondary.active,.option-buttons .btn.btn-secondary.active,.tone-options .config-buttons .btn.btn-secondary.active:hover,.evaluation-config .config-buttons .btn.btn-secondary.active:hover,.generation-options .option-buttons .btn.btn-secondary.active:hover,.config-buttons .btn.btn-secondary.active:hover,.option-buttons .btn.btn-secondary.active:hover{border-color:var(--color-primary)!important;background:var(--color-primary)!important;color:#fff!important;transform:none}.generate-ideas-section{margin-bottom:var(--space-4)}.post-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary)}.post-meta{display:flex;gap:var(--space-4);flex-wrap:wrap}.generated-post{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-4)}.post-content{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);white-space:pre-wrap}.generate-ideas-section{text-align:center;margin-bottom:var(--space-4)}.original-post-summary h3,.evaluation-summary h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.original-post-summary p,.evaluation-summary p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.original-post-display,.tone-options,.post-to-evaluate,.evaluation-config{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-6)}.original-post-display h4,.tone-options h4,.post-to-evaluate h4,.evaluation-config h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.tone-config-grid{display:flex;flex-direction:column;gap:var(--space-6)}.config-group label{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.generate-tones-section{text-align:center;padding:var(--space-4)}.tone-variations-container,.tone-applied-container{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-6)}.variations-header h4,.applied-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.variations-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.tone-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-secondary)}.tone-header h5{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.tone-signal{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic}.tone-description,.tone-example,.tone-use-cases{margin-bottom:var(--space-3)}.tone-description p,.tone-example p,.tone-use-cases p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.tone-actions{text-align:center}.rewritten-post{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-4) 0}.eval-config-grid{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.performance-context{border-top:1px solid var(--border-secondary);padding-top:var(--space-4)}.performance-context h5{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.context-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.context-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.evaluate-section{text-align:center;padding:var(--space-4)}.evaluation-results{display:flex;flex-direction:column;gap:var(--space-6)}.diagnosis-section,.scorecard-section,.breakdown-section,.forecast-section,.recommendations-section,.tags-section{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-6)}.section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary)}.section-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.diagnosis-text{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.score-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.score-value{display:flex;align-items:center;gap:var(--space-3);flex:2}.score-number{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:30px;text-align:center}.breakdown-item h5{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.breakdown-item p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.forecast-likelihood{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.forecast-label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.likelihood-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.likelihood-badge.high{background:var(--color-success-bg);color:var(--color-success)}.likelihood-badge.moderate{background:var(--color-warning-bg);color:var(--color-warning)}.likelihood-badge.low{background:var(--color-error-bg);color:var(--color-error)}.engagement-profile{margin-bottom:var(--space-4)}.engagement-profile h6{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.engagement-metric{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.engagement-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.boosting-factors h6,.limiting-factors h6{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.boosting-factors ul,.limiting-factors ul{margin:0;padding-left:var(--space-4);color:var(--text-primary)}.boosting-factors li,.limiting-factors li{font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--space-1)}.recommendation-item p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}@media (max-width: 768px){.selected-post-type-summary,.step-header{flex-direction:column;gap:var(--space-3)}}.hero{background:linear-gradient(135deg,var(--light-blue) 0%,var(--bg-primary) 100%);padding:var(--space-20) 0;text-align:center}.hero-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-6)}.hero-content{max-width:700px;margin:0 auto}.hero-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--text-primary)}.hero-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);color:var(--medium-blue)}.hero-description{font-size:var(--font-size-xl);line-height:var(--line-height-base);margin-bottom:var(--space-10);color:var(--text-secondary)}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-16)}.hero-stats{display:flex;justify-content:center;gap:var(--space-10);flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--medium-blue)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.landing-section-header{text-align:center;margin-bottom:var(--space-16)}.landing-section-header h2{font-size:var(--font-size-5xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.landing-section-header p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.features{padding:var(--space-20) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all .3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:var(--soft-blue)}.feature-card.primary{background:var(--light-blue);border-color:var(--soft-blue)}.feature-icon{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--medium-blue);background:var(--light-blue);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);margin:0 auto var(--space-5);display:inline-block;text-transform:uppercase;letter-spacing:.5px}.feature-card h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-base)}.target-users{padding:var(--space-4) 0}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.user-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-base);transition:all var(--transition-base);position:relative;border:1px solid var(--border-secondary);overflow:hidden}.user-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.user-card.featured{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--color-primary-50) 100%);border:2px solid var(--color-primary-200);box-shadow:var(--shadow-lg)}.user-card.featured:hover{transform:translateY(-8px)}.user-icon{width:80px;height:80px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);position:relative}.user-card .user-icon{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border:2px solid var(--color-primary-200)}.user-card.featured .user-icon{background:linear-gradient(135deg,var(--color-secondary-50),var(--color-secondary-100));border:2px solid var(--color-secondary-300)}.icon-factory,.icon-team,.icon-global{color:var(--color-primary-600)}.user-card.featured .icon-factory,.user-card.featured .icon-team,.user-card.featured .icon-global{color:var(--color-secondary-700)}.user-card h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);text-align:center;line-height:var(--line-height-tight)}.user-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary-600);text-align:center;margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.5px}.user-card.featured .user-subtitle{color:var(--color-secondary-700)}.user-card p:not(.user-subtitle){font-size:var(--font-size-lg);line-height:var(--line-height-base);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6)}.user-stats{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-4);border-top:1px solid var(--border-secondary)}.user-card.featured .user-stats{border-top-color:var(--color-primary-200)}.stat-item{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-accent);background:var(--bg-surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-base);border:1px solid var(--border-primary);white-space:nowrap;position:relative}.user-card.featured .stat-item{background:var(--color-secondary-50);border-color:var(--color-secondary-200);color:var(--color-secondary-800)}.users-cta{text-align:center;margin-top:var(--space-16);padding:var(--space-10);background:linear-gradient(135deg,var(--bg-primary),var(--color-primary-50));border-radius:var(--radius-xl);border:1px solid var(--color-primary-100)}.cta-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-6)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.testimonial-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.testimonial-content p{font-size:var(--font-size-lg);line-height:var(--line-height-base);color:var(--text-primary);margin-bottom:var(--space-5);font-style:italic}.author-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.author-info span{font-size:var(--font-size-sm);color:var(--text-secondary)}.cta-section{background:var(--light-blue);padding:var(--space-6) var(--space-6);text-align:center}.cta-container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.cta-content h2{font-size:var(--font-size-5xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.cta-content p{font-size:var(--font-size-xl);margin-bottom:var(--space-10);color:var(--text-secondary)}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-10)}.company-card{text-align:center;padding:var(--space-6)}.company-card h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.company-card p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-base)}@media (max-width: 1024px) and (min-width: 769px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (max-width: 768px){.hero-title,.section-header h2{font-size:var(--font-size-4xl)}.hero-cta,.cta-buttons{flex-direction:column;align-items:center}.hero-stats{gap:var(--space-6)}.features-grid,.testimonials-grid,.users-grid{grid-template-columns:1fr}.user-card:hover{transform:translateY(-4px)}.user-stats{gap:var(--space-2)}.stat-item{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.pricing-highlights{grid-template-columns:1fr;gap:var(--space-6)}}.pricing-preview{background:var(--bg-secondary);padding:var(--space-12) 0;text-align:center}.pricing-preview-content h2{margin-bottom:var(--space-4)}.pricing-preview-content p{margin-bottom:var(--space-8);font-size:var(--font-size-lg);color:var(--text-secondary)}.pricing-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.highlight-item{text-align:center}.highlight-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.highlight-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.app-layout{display:flex;min-height:calc(100vh - 120px);margin-top:20px}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.landing-page .app-layout,.landing-page .toggle-sidebar{display:none}.post-type-card .card-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.effectiveness-score{background:var(--medium-blue);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.description{margin-bottom:var(--space-3);font-size:var(--font-size-md);line-height:var(--line-height-base)}.post-type-details{display:flex;flex-direction:column;gap:var(--space-2)}.detail-item{padding:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.detail-item strong{color:var(--text-primary);display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-8);color:var(--text-secondary);font-style:italic}.results-error{grid-column:1 / -1;text-align:center;padding:var(--space-6);background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.profile-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.profile-card{position:relative;padding:var(--space-5);background:var(--bg-secondary)}.profile-card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);display:flex;justify-content:space-between;align-items:flex-start}.profile-card-header h3{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin:0}.profile-card-header svg{color:var(--medium-blue);width:20px;height:20px;opacity:.8}.profile-card-content{line-height:var(--line-height-relaxed);min-height:60px;display:flex;align-items:center}.profile-card-value{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.profile-card-value.loading{color:var(--text-secondary);font-style:italic;font-weight:var(--font-weight-normal)}.profile-card-value:empty:before{content:"Not provided";color:var(--text-tertiary);font-style:italic;font-weight:var(--font-weight-normal)}.profile-card:nth-child(1) .profile-card-header svg{color:var(--color-primary)}.profile-card:nth-child(2) .profile-card-header svg{color:var(--color-success)}.profile-card:nth-child(3) .profile-card-header svg{color:var(--color-warning)}.profile-card:nth-child(4) .profile-card-header svg{color:var(--color-error)}.profile-card:nth-child(1):hover{border-color:var(--color-primary)}.profile-card:nth-child(2):hover{border-color:var(--color-success)}.profile-card:nth-child(3):hover{border-color:var(--color-warning)}.profile-card:nth-child(4):hover{border-color:var(--color-error)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6)}.modal-container{max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-8)}@media (max-width: 1200px){.profile-cards-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (max-width: 768px){.form-row{flex-direction:column}.form-row-single{flex-direction:column;align-items:stretch}.form-select-group{flex-direction:row;gap:var(--space-3)}.content-results{grid-template-columns:1fr}.profile-cards-grid{grid-template-columns:1fr;gap:var(--space-4)}.profile-card{padding:var(--space-4)}.profile-card-content{min-height:50px}.profile-cards-header{flex-direction:column;align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-5)}.profile-cards-header .header-content h2{font-size:var(--font-size-xl)}.modal-container{margin:var(--space-4)}.main-content{padding:var(--space-4)}.selected-post-type-summary{flex-direction:column;gap:var(--space-3)}.step2-results{grid-template-columns:1fr}.post-section{padding:var(--space-2)}}@media (max-width: 480px){.profile-card{padding:var(--space-3)}.profile-card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.profile-card-content{min-height:40px}.profile-card-value{font-size:var(--font-size-sm)}}.book-demo-page{background:linear-gradient(135deg,var(--light-blue) 0%,var(--bg-primary) 100%);min-height:100vh}.demo-hero{padding:var(--space-20) var(--space-6) var(--space-16);text-align:center;max-width:800px;margin:0 auto}.demo-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4)}.demo-subtitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.demo-form-section{background:var(--bg-primary);padding:var(--space-20) 0}.form-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1fr 400px;gap:var(--space-20);align-items:start}.form-wrapper h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.form-wrapper p{margin-bottom:var(--space-10)}.demo-description{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:var(--line-height-base)}.demo-form{display:flex;flex-direction:column;gap:var(--space-6)}.demo-message{padding:var(--space-5);margin-bottom:var(--space-5);border-radius:var(--radius-base);background:var(--bg-secondary);border-left:4px solid var(--medium-blue)}.demo-message.success{background:var(--color-success-bg);border-left-color:var(--color-success)}.demo-message.error{background:var(--color-error-bg);border-left-color:var(--color-error)}.demo-benefits{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-10);position:sticky;top:120px}.demo-benefits h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.benefits-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-6)}.benefits-list li{display:flex;align-items:flex-start;gap:var(--space-4)}.benefit-icon{width:48px;height:48px;background:var(--medium-blue);color:var(--text-inverse);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}@media (max-width: 968px){.form-container{grid-template-columns:1fr;gap:var(--space-16)}.demo-benefits{position:static}}@media (max-width: 768px){.demo-title{font-size:var(--font-size-5xl)}.demo-hero{padding:var(--space-16) 0 var(--space-10)}.demo-form-section{padding:var(--space-16) 0}.form-wrapper h2{font-size:var(--font-size-4xl)}.demo-benefits{padding:var(--space-8) var(--space-6)}}.coming-soon-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.coming-soon-content{text-align:center;max-width:800px;margin:0 auto}.coming-soon-content h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary, #1e293b)}.subtitle{font-size:1.25rem;color:var(--text-secondary, #64748b);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.features-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.feature{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:left}.feature h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--color-primary, #3b82f6)}.feature p{color:var(--text-secondary, #64748b);font-size:.875rem;line-height:1.5}.cta-section p{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-primary, #1e293b)}@media (max-width: 768px){.coming-soon-content h1{font-size:2rem}.features-preview{grid-template-columns:1fr}.feature{text-align:center}}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.pricing-card.featured{border-color:var(--color-primary);transform:scale(1.02)}.pricing-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.price{display:flex;align-items:baseline;justify-content:center;margin:var(--space-4) 0}.amount{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}.currency,.period{color:var(--text-secondary)}.feature-list{list-style:none;margin-bottom:var(--space-6)}.feature-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--border-secondary)}.feature-list li:before{content:"✓";color:var(--color-success);margin-right:var(--space-2)}.enterprise-section{margin-top:var(--space-8)}.enterprise-card{display:flex;justify-content:space-between;align-items:center}.enterprise-features{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none}.pricing-benefits,.comparison-grid,.faq-grid{display:grid;gap:var(--space-6)}.pricing-hero{background:var(--bg-secondary);padding:var(--space-6) 0}.roi-section{background:var(--bg-secondary);padding:var(--space-12) 0}.pricing-benefits{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-secondary)}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.comparison-grid{display:grid;grid-template-columns:1fr var(--space-12) 1fr;gap:0}.comparison-item{text-align:center}.comparison-item:nth-child(1){justify-self:end}.comparison-item:nth-child(2){justify-self:start;grid-column:3}.benefit-item{text-align:center;padding:var(--space-4)}.comparison-list{list-style:none}.comparison-list li{padding:var(--space-2) 0 var(--space-2) var(--space-5);position:relative}.comparison-list.negative li:before{content:"✗";position:absolute;left:0;color:var(--color-error)}.comparison-list.positive li:before{content:"✓";position:absolute;left:0;color:var(--color-success)}.roi-section h2{text-align:center;margin-bottom:var(--space-8)}.roi-calculator{padding:var(--space-6);border:2px solid var(--color-primary);border-radius:var(--radius-md);margin-top:var(--space-6)}@media (max-width: 768px){.pricing-grid,.comparison-grid,.pricing-benefits{grid-template-columns:1fr}.pricing-card.featured{transform:none}.enterprise-card{flex-direction:column;gap:var(--space-4)}.comparison-item:nth-child(1),.comparison-item:nth-child(2){grid-column:auto}}