.ft-page{background:var(--bg-main,#FAF7F2);color:var(--text-primary,#18181B);min-height:100vh;display:flex;flex-direction:column}.ft-main{flex:1 1;width:100%;max-width:1180px;margin:0 auto;padding:40px 20px 80px}@media (max-width:768px){.ft-main{padding:24px 16px 60px}}.ft-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:24px}.ft-breadcrumbs,.ft-breadcrumbs a{color:var(--text-secondary,#52525B)}.ft-breadcrumbs a{text-decoration:none;font-weight:500;transition:color .15s ease}.ft-breadcrumbs a:hover{color:var(--text-primary,#18181B);text-decoration:underline}.ft-breadcrumbs-sep{opacity:.4}.ft-breadcrumbs-current{font-weight:700;color:var(--text-primary,#18181B)}.ft-hero{margin-bottom:32px}.ft-category-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;border:1px solid var(--border-default,#e2e8f0);background:var(--yellow-primary,#FFD02F);color:#18181B;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));margin-bottom:12px}.ft-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.ft-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;border:1px solid var(--border-default,#e2e8f0);background:#FFFFFF;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.ft-badge-yellow{background:var(--yellow-primary,#FFD02F);color:#18181B}.ft-badge-green{background:#D1FAE5;color:#065F46}.ft-badge-purple{background:#EDE9FE;color:#5B21B6}.ft-title{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary,#18181B);margin-bottom:12px}.ft-subtitle{font-size:clamp(15px,2vw,17px);color:var(--text-secondary,#52525B);line-height:1.55;max-width:780px}.ft-presets-bar{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:28px;scrollbar-width:thin}.ft-presets-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#52525B);white-space:nowrap}.ft-preset-pill{display:inline-flex;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid var(--border-default,#e2e8f0);border-radius:8px;background:#FFFFFF;color:#18181B;text-decoration:none;transition:all .15s ease;cursor:pointer}.ft-preset-pill,.ft-preset-pill:hover{box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.ft-preset-pill:hover{transform:translateY(-1px);background:#FFF9E6}.ft-preset-pill.active{background:var(--yellow-primary,#FFD02F);font-weight:800;transform:translate(1px,1px);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.ft-card{background:var(--bg-card,#FFFFFF);border:1px solid var(--border-default,#e2e8f0);border-radius:14px;box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.05));padding:28px;margin-bottom:36px;overflow:hidden}@media (max-width:768px){.ft-card{padding:20px 16px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}}.ft-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:2px solid #ebe5d9;padding-bottom:18px;margin-bottom:22px}.ft-card-title{font-size:20px;font-weight:800;color:var(--text-primary,#18181B)}.ft-card-actions,.ft-card-title{display:flex;align-items:center;gap:8px}.ft-field-group{margin-bottom:20px}.ft-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-primary,#18181B);margin-bottom:8px}.ft-label-hint{font-size:11.5px;font-weight:500;color:var(--text-secondary,#52525B)}.ft-input,.ft-textarea{width:100%;font-family:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--border-default,#e2e8f0);border-radius:8px;background:#FFFFFF;color:#18181B;outline:none;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));transition:all .15s ease}.ft-input:focus,.ft-textarea:focus{border-color:#18181B;box-shadow:0 0 0 3px rgba(255,208,47,.25)}.ft-textarea{resize:vertical;min-height:110px;line-height:1.5}.ft-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.ft-bento-card{background:#FAF7F2;border:1px solid var(--border-default,#e2e8f0);border-radius:10px;padding:16px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.ft-bento-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ft-bento-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#52525B)}.ft-bento-val{font-size:28px;font-weight:800;color:#18181B;line-height:1.1;margin-bottom:4px}.ft-bento-sub{font-size:12px;color:var(--text-secondary,#52525B);line-height:1.35}.ft-status-box{border:1px solid var(--border-default,#e2e8f0);border-radius:10px;padding:18px;margin-bottom:24px;display:flex;align-items:flex-start;gap:14px}.ft-status-box.optimal{background:#ECFDF5;border-color:#059669}.ft-status-box.moderate{background:#FFFBEB;border-color:#D97706}.ft-status-box.dense{background:#FEF2F2;border-color:#DC2626}.ft-status-box.neutral{background:#F4EFE6;border-color:#18181B}.ft-status-content h4{font-size:16px;font-weight:800;margin-bottom:4px;color:#18181B}.ft-status-content p{font-size:13.5px;color:#374151;line-height:1.5}.ft-serp-preview{background:#FFFFFF;border:1px solid var(--border-default,#e2e8f0);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));margin-bottom:24px;font-family:Arial,sans-serif}.ft-serp-url-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ft-serp-favicon{width:18px;height:18px;border-radius:50%;background:#E5E7EB;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.ft-serp-site{font-size:13px;color:#202124;font-weight:500}.ft-serp-url{font-size:12px;color:#4D5156}.ft-serp-title{font-size:20px;font-weight:400;color:#1A0DAB;line-height:1.3;cursor:pointer;margin-bottom:4px;word-wrap:break-word}.ft-serp-title:hover{text-decoration:underline}.ft-serp-desc{font-size:14px;color:#4D5156;line-height:1.45;word-wrap:break-word}.ft-pixel-meter{margin-top:14px;padding-top:14px;border-top:1px dashed #d1d5db;font-family:inherit}.ft-meter-bar-track{width:100%;height:8px;background:#E5E7EB;border-radius:4px;overflow:hidden;margin-top:6px;border:1px solid var(--border-default,#e2e8f0)}.ft-meter-bar-fill{height:100%;transition:width .2s ease}.ft-contrast-sample-box{border:1px solid var(--border-default,#e2e8f0);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));transition:background-color .15s ease,color .15s ease}.ft-contrast-sample-text{font-size:16px;line-height:1.6;margin-bottom:16px}.ft-contrast-sample-large{font-size:26px;font-weight:800;line-height:1.25;margin-bottom:16px}.ft-contrast-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ft-swatch-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-default,#e2e8f0);cursor:pointer;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));transition:transform .1s ease}.ft-swatch-btn:hover{transform:scale(1.1)}.ft-code-box{background:#0F172A;color:#E2E8F0;border:1px solid var(--border-default,#e2e8f0);border-radius:10px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));margin-bottom:20px}.ft-audit-cta-box{background:var(--yellow-primary,#FFD02F);border:1px solid rgba(0,0,0,.12);border-radius:18px;padding:32px 28px;box-shadow:0 12px 32px -8px rgba(255,208,47,.35);margin-top:48px;margin-bottom:40px}@media (max-width:768px){.ft-audit-cta-box{padding:24px 18px}}.ft-audit-cta-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.ft-audit-cta-text h3{font-size:clamp(20px,3vw,26px);font-weight:800;color:#18181B;margin-bottom:8px;line-height:1.2}.ft-audit-cta-text p{font-size:14.5px;color:#27272A;max-width:580px;line-height:1.5}.ft-audit-cta-form{display:flex;gap:8px;width:100%;max-width:440px}@media (max-width:540px){.ft-audit-cta-form{flex-direction:column}}.ft-audit-cta-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;border:1px solid var(--border-default,#e2e8f0);background:#FFFFFF;color:#18181B;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));margin-bottom:12px}.ft-audit-cta-perks{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12px;font-weight:700;color:#18181B}.ft-audit-cta-perks span{display:inline-flex;align-items:center;gap:5px}.ft-audit-input-wrap{position:relative;flex:1 1;display:flex;align-items:center}.ft-audit-input-icon{position:absolute;left:14px;color:#71717A;pointer-events:none;font-size:16px}.ft-audit-cta-form .ft-audit-cta-input{width:100%;padding:12px 14px 12px 38px;font-weight:600;background:#FFFFFF;color:#18181B;outline:none;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.ft-audit-cta-btn,.ft-audit-cta-form .ft-audit-cta-input{font-size:14px;border:1px solid var(--border-default,#e2e8f0);border-radius:8px}.ft-audit-cta-btn{padding:12px 20px;font-weight:800;background:#18181B;color:#FFFFFF;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:all .15s ease}.ft-audit-cta-btn:hover{background:#27272A;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.ft-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}@media (max-width:480px){.ft-dir-grid{grid-template-columns:1fr}}.ft-dir-card{background:var(--bg-card,#FFFFFF);border:1px solid var(--border-default,#e2e8f0);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));display:flex;flex-direction:column;justify-content:space-between;transition:all .15s ease;text-decoration:none;color:inherit}.ft-dir-card:hover{transform:translateY(-2px);border-color:var(--yellow-primary,#FFD02F);box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.05));background:#FFFDF7}.ft-dir-card-top{justify-content:space-between;margin-bottom:12px}.ft-dir-card-top,.ft-dir-icon{display:flex;align-items:center}.ft-dir-icon{width:42px;height:42px;border-radius:10px;border:1px solid var(--border-default,#e2e8f0);background:var(--yellow-primary,#FFD02F);justify-content:center;font-size:20px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.ft-dir-card h3{font-size:18px;font-weight:800;margin-bottom:8px;color:var(--text-primary,#18181B);line-height:1.3}.ft-dir-card p{font-size:13.5px;color:var(--text-secondary,#52525B);line-height:1.5;margin-bottom:18px}.ft-dir-action{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#18181B}.ft-guide-section{border-top:2px solid #ebe5d9;padding-top:36px;margin-top:36px}.ft-guide-title{font-size:22px;font-weight:800;color:var(--text-primary,#18181B);margin-bottom:16px}.ft-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.ft-guide-card{background:#FAF7F2;border:1px solid var(--border-default,#e2e8f0);border-radius:10px;padding:18px}.ft-guide-card h4{font-size:15px;font-weight:800;margin-bottom:6px;color:#18181B}.ft-guide-card p{font-size:13px;color:#4B5563;line-height:1.5}[data-theme=dark] .ft-page{background:#121217;color:#F4F4F5}[data-theme=dark] .ft-card,[data-theme=dark] .ft-dir-card,[data-theme=dark] .ft-serp-preview{background:#18181F;border-color:rgba(255,255,255,.12);box-shadow:0 4px 16px rgba(0,0,0,.35);color:#F4F4F5}[data-theme=dark] .ft-bento-card,[data-theme=dark] .ft-guide-card{background:#1F1F28;border-color:rgba(255,255,255,.12)}[data-theme=dark] .ft-bento-val,[data-theme=dark] .ft-card-title,[data-theme=dark] .ft-dir-action,[data-theme=dark] .ft-dir-card h3,[data-theme=dark] .ft-guide-title,[data-theme=dark] .ft-label,[data-theme=dark] .ft-title{color:#F4F4F5}[data-theme=dark] .ft-bento-sub,[data-theme=dark] .ft-dir-card p,[data-theme=dark] .ft-guide-card p,[data-theme=dark] .ft-label-hint,[data-theme=dark] .ft-subtitle{color:#A1A1AA}[data-theme=dark] .ft-input,[data-theme=dark] .ft-textarea{background:#121217;color:#F4F4F5;border-color:rgba(255,255,255,.12)}[data-theme=dark] .ft-audit-cta-box{background:var(--yellow-primary,#FFD02F);color:#18181B;border-color:#000000}[data-theme=dark] .ft-audit-cta-box h3,[data-theme=dark] .ft-audit-cta-box p,[data-theme=dark] .ft-audit-cta-perks{color:#18181B}