@charset "UTF-8";:root{--bg-primary:#0a0d14;--bg-surface:#111622;--bg-card:#161c2d;--bg-card-hover:#1c2438;--bg-input:#0e1320;--border:#232b40;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:rgba(59,130,246,0.25);--accent:#06b6d4;--accent-glow:rgba(6,182,212,0.2);--success:#10b981;--success-bg:rgba(16,185,129,0.12);--danger:#ef4444;--danger-bg:rgba(239,68,68,0.12);--warning:#f59e0b;--warning-bg:rgba(245,158,11,0.12);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,0.2);--shadow-md:0 6px 16px rgba(0,0,0,0.3);--shadow-lg:0 12px 32px rgba(0,0,0,0.45);--transition:all .2s cubic-bezier(0.4,0,0.2,1);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Outfit',sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}[data-theme="light"]{--bg-primary:#f8fafc;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--bg-input:#f8fafc;--border:#e2e8f0;--border-focus:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:rgba(37,99,235,0.15);--accent:#0891b2;--accent-glow:rgba(8,145,178,0.15);--success:#059669;--success-bg:rgba(5,150,105,0.1);--danger:#dc2626;--danger-bg:rgba(220,38,38,0.1);--warning:#d97706;--warning-bg:rgba(217,119,6,0.1);--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 25px rgba(0,0,0,0.12)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;transition:background-color .25s ease,color .25s ease}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.site-header{position:sticky;top:0;z-index:100;background:rgba(10,13,20,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--transition)}[data-theme="light"] .site-header{background:rgba(255,255,255,0.88)}.navbar{display:flex;align-items:center;justify-content:space-between;height:72px}.brand-logo{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-heading);font-weight:700;font-size:1.35rem;color:var(--text-primary);letter-spacing:-0.02em}.brand-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-md);color:#fff;box-shadow:0 4px 12px var(--primary-glow);flex-shrink:0}.brand-highlight{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:flex;align-items:center;gap:1.5rem;list-style:none}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;font-size:.925rem;color:var(--text-secondary);padding:.5rem .75rem;border-radius:var(--radius-sm);transition:var(--transition)}.nav-link:hover,.nav-link:focus{color:var(--text-primary);background:var(--bg-card-hover)}.nav-dropdown{display:none;position:absolute;top:100%;left:0;min-width:680px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem;z-index:110}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:block}.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.dropdown-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary);transition:var(--transition)}.dropdown-link:hover{color:var(--primary);background:var(--bg-card-hover);transform:translateX(3px)}.dropdown-link-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0}.nav-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle-btn,.mobile-menu-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:var(--transition)}.theme-toggle-btn:hover,.mobile-menu-toggle:hover{color:var(--text-primary);border-color:var(--border-focus);background:var(--bg-card-hover)}.theme-icon-sun{display:none}.theme-icon-moon{display:block}[data-theme="light"] .theme-icon-sun{display:block}[data-theme="light"] .theme-icon-moon{display:none}.mobile-menu-toggle{display:none}.mobile-nav-drawer{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--bg-primary);border-top:1px solid var(--border);padding:1.5rem;overflow-y:auto;z-index:99}.mobile-nav-drawer.active{display:block}.mobile-nav-links{display:flex;flex-direction:column;gap:.75rem;list-style:none}.mobile-dropdown-header{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:1rem;margin-bottom:.5rem}.breadcrumb-bar{padding:.85rem 0;background:var(--bg-surface);border-bottom:1px solid var(--border);font-size:.85rem}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.breadcrumb-item a{color:var(--text-secondary)}.breadcrumb-item a:hover{color:var(--primary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.hero-section{padding:3.5rem 0 2rem;text-align:center;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:var(--radius-full);background:var(--primary-glow);border:1px solid rgba(59,130,246,0.3);color:var(--primary);font-size:.825rem;font-weight:600;margin-bottom:1.25rem}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.hero-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.15rem);font-weight:800;line-height:1.15;letter-spacing:-0.03em;margin-bottom:1rem;max-width:850px;margin-left:auto;margin-right:auto}.hero-title span{background:linear-gradient(135deg,#60a5fa 0%,#38bdf8 50%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:1.75rem}.hero-highlights{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem;font-size:.85rem;color:var(--text-secondary)}.hero-highlight-item{display:inline-flex;align-items:center;gap:.4rem}.hero-highlight-item svg{color:var(--success);width:16px;height:16px}.tool-wrapper{padding-bottom:3.5rem}.tool-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.mode-tabs{display:flex;background:var(--bg-card);border-bottom:1px solid var(--border);padding:.35rem .5rem 0;gap:.35rem;overflow-x:auto}.mode-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid transparent;transition:var(--transition);white-space:nowrap}.mode-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.mode-tab.active{color:var(--primary);background:var(--bg-surface);border-bottom-color:var(--primary)}.tab-pane{display:none;padding:1.5rem}.tab-pane.active{display:block}.url-input-group{display:flex;gap:.75rem;align-items:stretch;margin-bottom:1rem}.url-input-container{position:relative;flex:1;display:flex;align-items:center}.url-input-icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.url-input{width:100%;height:52px;padding:0 3rem 0 3rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:var(--transition)}.url-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.url-input.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.url-input.is-valid{border-color:var(--success);box-shadow:0 0 0 3px var(--success-bg)}.url-clear-btn{position:absolute;right:1rem;color:var(--text-muted);display:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.url-clear-btn:hover{color:var(--text-primary);background:var(--bg-card)}.btn-analyze{height:52px;padding:0 1.75rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:600;font-size:.95rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:.6rem;box-shadow:0 4px 14px var(--primary-glow);transition:var(--transition);white-space:nowrap}.btn-analyze:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-analyze:active{transform:translateY(0)}.btn-analyze:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-analyze svg{width:18px;height:18px}.quick-samples{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.825rem;color:var(--text-muted)}.sample-chip{padding:.25rem .65rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;transition:var(--transition)}.sample-chip:hover{color:var(--primary);border-color:var(--primary);background:var(--bg-card-hover)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;background:var(--bg-card);cursor:pointer;transition:var(--transition)}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:var(--primary-glow)}.dropzone-icon{width:48px;height:48px;color:var(--primary);margin:0 auto 1rem}.dropzone-title{font-size:1.1rem;font-weight:600;margin-bottom:.35rem}.dropzone-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.file-badge-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.file-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.825rem}.file-badge-type{padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.file-badge-type.html{background:rgba(239,68,68,0.15);color:#f87171}.file-badge-type.css{background:rgba(59,130,246,0.15);color:#60a5fa}.file-badge-type.js{background:rgba(245,158,11,0.15);color:#fbbf24}.file-badge-remove{color:var(--text-muted);margin-left:.25rem;font-weight:bold;cursor:pointer}.file-badge-remove:hover{color:var(--danger)}.editor-subtabs{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem}.editor-tab-btns{display:flex;gap:.5rem}.editor-tab-btn{padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.editor-tab-btn.active{background:var(--primary-glow);color:var(--primary);font-weight:600}.editor-actions{display:flex;gap:.5rem}.editor-pane{display:none}.editor-pane.active{display:block}.code-textarea{width:100%;min-height:260px;padding:1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.5;resize:vertical;transition:var(--transition);tab-size:2}.code-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.settings-accordion{border-top:1px solid var(--border);background:var(--bg-card)}.settings-toggle{width:100%;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.925rem;color:var(--text-primary)}.settings-toggle-icon{transition:transform .2s ease}.settings-toggle.open .settings-toggle-icon{transform:rotate(180deg)}.settings-content{display:none;padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-surface)}.settings-content.open{display:block}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.25rem}.safelist-group{margin-bottom:1rem}.safelist-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--text-primary)}.safelist-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.safelist-input{width:100%;height:80px;padding:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;resize:vertical}.checkbox-label{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;user-select:none}.checkbox-label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-card)}.btn-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-secondary{padding:.65rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-surface);transition:var(--transition)}.btn-secondary:hover{border-color:var(--border-focus);color:var(--text-primary);background:var(--bg-card-hover)}.btn-danger{padding:.65rem 1.25rem;border:1px solid rgba(239,68,68,0.3);border-radius:var(--radius-md);color:var(--danger);font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;background:var(--danger-bg);transition:var(--transition)}.btn-danger:hover{background:var(--danger);color:#fff}.status-feedback{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;display:none;margin:1.25rem 1.5rem 0;align-items:center;gap:.75rem}.status-feedback.info{display:flex;background:var(--primary-glow);border:1px solid rgba(59,130,246,0.3);color:var(--primary)}.status-feedback.error{display:flex;background:var(--danger-bg);border:1px solid rgba(239,68,68,0.3);color:var(--danger)}.status-feedback.success{display:flex;background:var(--success-bg);border:1px solid rgba(16,185,129,0.3);color:var(--success)}.results-section{display:none;margin-top:2.5rem}.results-section.active{display:block}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;text-align:center}.kpi-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem}.kpi-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.kpi-value.green{color:var(--success)}.kpi-value.red{color:var(--danger)}.kpi-sub{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.results-tabs-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.75rem 1.25rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.results-tab-btns{display:flex;gap:.5rem}.results-tab-btn{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:var(--transition)}.results-tab-btn.active{background:var(--primary);color:#fff}.results-export-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.export-btn{padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:.825rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;transition:var(--transition)}.export-btn:hover{background:var(--bg-card-hover);border-color:var(--primary)}.export-btn.primary-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.export-btn.primary-btn:hover{background:var(--primary-hover)}.results-pane{display:none;padding:1.25rem}.results-pane.active{display:block}.code-output-box{position:relative;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);max-height:480px;overflow-y:auto;padding:1rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}.rules-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filter-pills{display:flex;gap:.35rem}.filter-pill{padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.8rem;border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition)}.filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.rules-search-input{padding:.4rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;width:220px}.rule-cards-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-right:.35rem}.rule-card-item{padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.825rem}.rule-card-item.kept{border-left:4px solid var(--success)}.rule-card-item.removed{border-left:4px solid var(--danger)}.rule-selector-text{font-weight:600;word-break:break-all}.rule-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.rule-badge.kept{background:var(--success-bg);color:var(--success)}.rule-badge.removed{background:var(--danger-bg);color:var(--danger)}.diff-view-container{max-height:460px;overflow-y:auto;font-family:var(--font-mono);font-size:.825rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md)}.diff-line{display:flex;padding:.2rem .75rem;line-height:1.4}.diff-line.removed{background:rgba(239,68,68,0.15);color:#fca5a5}.diff-line.added{background:rgba(16,185,129,0.15);color:#86efac}.diff-line.context{color:var(--text-muted)}.diff-line-number{width:36px;color:var(--text-muted);user-select:none;flex-shrink:0}.diff-line-symbol{width:20px;user-select:none;font-weight:bold}.diff-line-content{word-break:break-all;white-space:pre-wrap}.quick-tools-section{padding:3.5rem 0 2rem;background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-header{text-align:center;max-width:700px;margin:0 auto 2.25rem}.section-tag{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:.5rem;display:block}.section-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:.75rem}.section-desc{font-size:.95rem;color:var(--text-secondary)}.quick-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.tool-link-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition)}.tool-link-card:hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm);color:var(--primary)}.tool-link-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-link-name{font-weight:600;font-size:.875rem;line-height:1.3}.features-section{padding:4.5rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:var(--transition)}.feature-card:hover{border-color:var(--border-focus);transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon-wrapper{width:46px;height:46px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-glow),var(--accent-glow));border:1px solid rgba(59,130,246,0.2);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:1.15rem}.feature-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.feature-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.workflow-section{padding:4.5rem 0;background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.workflow-step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;position:relative}.workflow-step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:1rem}.workflow-step-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.workflow-step-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.seo-content-section{padding:4.5rem 0}.seo-article{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm);max-width:960px;margin:0 auto}.seo-article h2{font-family:var(--font-heading);font-size:1.85rem;font-weight:800;margin-bottom:1.25rem;letter-spacing:-0.02em;color:var(--text-primary)}.seo-article h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin:1.75rem 0 .75rem;color:var(--text-primary)}.seo-article p{color:var(--text-secondary);font-size:.95rem;line-height:1.75;margin-bottom:1.25rem}.seo-article code{font-family:var(--font-mono);background:var(--bg-input);padding:.15rem .45rem;border-radius:4px;font-size:.85rem;color:var(--primary)}.seo-callout{background:var(--bg-card);border-left:4px solid var(--primary);padding:1.25rem;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.5rem 0}.seo-callout-title{font-weight:700;font-size:.9rem;margin-bottom:.35rem}.faq-section{padding:4.5rem 0;background:var(--bg-surface);border-top:1px solid var(--border)}.faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:var(--border-focus)}.faq-question{width:100%;padding:1.25rem 1.5rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text-primary)}.faq-chevron{width:20px;height:20px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.faq-item.active .faq-chevron{transform:rotate(180deg);color:var(--primary)}.faq-answer{display:none;padding:0 1.5rem 1.25rem;color:var(--text-secondary);font-size:.925rem;line-height:1.7}.faq-item.active .faq-answer{display:block}.cta-section{padding:4.5rem 0;background:linear-gradient(135deg,rgba(59,130,246,0.12) 0%,rgba(6,182,212,0.12) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}.cta-box{max-width:760px;margin:0 auto}.cta-title{font-family:var(--font-heading);font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:1rem}.cta-desc{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2rem}.cta-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.cta-btn{padding:.85rem 1.75rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition)}.cta-btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.cta-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.cta-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.cta-btn-secondary:hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-2px)}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:4.5rem 0 2rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2.5rem;margin-bottom:3.5rem}.footer-brand-col{display:flex;flex-direction:column;gap:1rem}.footer-desc{font-size:.875rem;color:var(--text-muted);line-height:1.6;max-width:320px}.footer-col-title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:1.15rem;text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-links a{color:var(--text-secondary);font-size:.85rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary);padding-left:3px}.footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;flex-direction:column;gap:1rem;font-size:.8rem;color:var(--text-muted)}.footer-bottom-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-bottom-links{display:flex;align-items:center;gap:1.25rem}.footer-disclaimer{font-size:.75rem;color:var(--text-muted);line-height:1.6}.cookie-banner{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;max-width:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.25rem 1.5rem;z-index:999;display:none;flex-direction:column;gap:.85rem;animation:slide-up .3s ease}@keyframes slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-text{font-size:.825rem;color:var(--text-secondary);line-height:1.5}.cookie-text a{color:var(--primary);text-decoration:underline}.cookie-actions{display:flex;align-items:center;gap:.65rem;justify-content:flex-end}.cookie-btn{padding:.45rem .95rem;border-radius:var(--radius-sm);font-size:.825rem;font-weight:600}.cookie-btn.accept{background:var(--primary);color:#fff}.cookie-btn.dismiss{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.6rem;z-index:1000;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;gap:.6rem;animation:toast-in .25s ease;pointer-events:auto}@keyframes toast-in{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.navbar{height:64px}.nav-menu{display:none}.mobile-menu-toggle{display:inline-flex}.hero-section{padding:2.5rem 0 1.5rem}.url-input-group{flex-direction:column}.btn-analyze{width:100%;justify-content:center}.action-bar{flex-direction:column;align-items:stretch}.btn-group{justify-content:center;width:100%}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom-row{flex-direction:column;align-items:flex-start}.cookie-banner{left:1rem;right:1rem;bottom:1rem}}