.tools-page{padding:56px 0 96px}.tools-hero{text-align:center;max-width:820px;margin:0 auto 44px}.tools-eyebrow{color:var(--brand-green);background:#1f4d3c1a;border:1px solid #1f4d3c38;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 18px;font-size:.92rem;font-weight:800;display:inline-flex}.tools-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(2.1rem,4.2vw,3.2rem);font-weight:900;line-height:1.18}.tools-subtitle{color:var(--text-secondary);font-size:1.08rem;line-height:1.75}.tools-tabs{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.tool-tab-btn{border:1.5px solid var(--border-color);cursor:pointer;text-align:left;color:var(--text-primary);background:#fffdf8eb;border-radius:18px;align-items:center;gap:14px;padding:18px 20px;transition:all .22s;display:flex}.tool-tab-btn svg{color:var(--brand-green);flex-shrink:0}.tool-tab-btn strong{margin-bottom:3px;font-size:1.05rem;font-weight:800;display:block}.tool-tab-btn span{color:var(--text-secondary);font-size:.85rem;display:block}.tool-tab-btn:hover{border-color:#1f4d3c59;transform:translateY(-2px)}.tool-tab-btn.active{background:linear-gradient(135deg, var(--brand-green-deep) 0%, var(--brand-green) 100%);border-color:var(--gold-bright);color:#fffdf7;box-shadow:0 16px 34px #102a2133}.tool-tab-btn.active svg{color:var(--gold-bright)}.tool-tab-btn.active span{color:#fffaeed1}.tools-main-grid{grid-template-columns:1.08fr .92fr;align-items:start;gap:28px;display:grid}.tools-form-card{border:1px solid var(--border-color);box-shadow:var(--shadow-soft);background:#fffdf9;border-radius:24px;padding:32px}.tool-form-header{margin-bottom:24px}.tool-badge{color:#9e6208;background:#d98e1f24;border-radius:999px;margin-bottom:10px;padding:5px 12px;font-size:.82rem;font-weight:800;display:inline-block}.tool-form-header h2{margin-bottom:6px;font-size:1.55rem;font-weight:900}.tool-form-header p{color:var(--text-secondary);font-size:.96rem}.stage-selector{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.stage-btn{border:1.5px solid var(--border-color);cursor:pointer;text-align:left;background:#faf6ee;border-radius:14px;padding:12px 14px;transition:all .2s}.stage-btn strong{color:var(--text-primary);margin-bottom:3px;font-size:.92rem;display:block}.stage-btn span{color:var(--text-secondary);font-size:.78rem;display:block}.stage-btn.active{border-color:var(--brand-green);background:#1f4d3c1a;box-shadow:0 0 0 2px #1f4d3c1f}.stage-btn.active strong{color:var(--brand-green-deep)}.rate-presets{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:.88rem;display:flex}.rate-presets button{color:var(--brand-green-deep);cursor:pointer;background:#1f4d3c0f;border:1px solid #1f4d3c47;border-radius:999px;padding:6px 12px;font-size:.83rem;font-weight:700;transition:all .18s}.rate-presets button:hover{background:var(--brand-green);color:#fff}.tool-fields-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tool-field{flex-direction:column;gap:7px;display:flex}.tool-field-full{grid-column:1/-1}.tool-field span{color:var(--text-primary);font-size:.88rem;font-weight:700}.tool-field input{color:var(--text-primary);background:#fff;border:1.5px solid #16231c29;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:.98rem;transition:border-color .2s,box-shadow .2s}.tool-field input:focus{border-color:var(--brand-green);outline:none;box-shadow:0 0 0 3px #1f4d3c1f}.tool-checkbox-row{cursor:pointer;background:#d98e1f1a;border:1px solid #d98e1f42;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:.92rem;font-weight:700;display:flex}.tool-checkbox-row input{width:18px;height:18px;accent-color:var(--brand-green)}.tools-preview-column{flex-direction:column;gap:20px;display:flex}.tools-output-card{color:#f8f4eb;background:#132820;border:1px solid #f7c26047;border-radius:24px;padding:24px;box-shadow:0 22px 48px #102a2138}.tools-output-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.tools-output-header span{color:var(--gold-bright);font-size:.95rem;font-weight:800}.copy-msg-btn{background:linear-gradient(135deg, var(--gold-bright) 0%, var(--accent-color) 100%);color:#132820;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:.88rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.copy-msg-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #f7c26059}.tools-output-pre{white-space:pre-wrap;word-break:break-word;color:#f5f1e6;background:#ffffff0d;border-radius:16px;margin:0;padding:18px;font-family:inherit;font-size:.95rem;line-height:1.72}.tools-upsell-card{background:linear-gradient(145deg,#fffdf8 0%,#f5efe2 100%);border:2px solid #d98e1f61;border-radius:24px;padding:26px;box-shadow:0 16px 36px #16231c14}.tools-upsell-badge{color:var(--brand-green-deep);background:#1f4d3c1a;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.tools-upsell-card h3{color:var(--text-primary);margin-bottom:10px;font-size:1.28rem;font-weight:900}.tools-upsell-card p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.68}.tools-upsell-perks{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.tools-upsell-perks span{color:var(--brand-green-deep);background:#1f4d3c14;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.tools-upsell-btn{justify-content:center;width:100%}.tools-seo-section{border-top:1px solid var(--border-color);margin-top:64px;padding-top:48px}.tools-seo-section h2{text-align:center;margin-bottom:32px;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:900}.tools-seo-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tools-seo-card{border:1px solid var(--border-color);background:#fffdf9;border-radius:20px;flex-direction:column;justify-content:space-between;gap:14px;padding:26px;display:flex}.tools-seo-card h3{font-size:1.15rem;font-weight:800;line-height:1.4}.tools-seo-card p{color:var(--text-secondary);font-size:.94rem;line-height:1.7}.tools-seo-card a{color:var(--brand-green);font-size:.9rem;font-weight:800;text-decoration:none}.tools-seo-card a:hover{text-decoration:underline}@media (max-width:960px){.tools-tabs,.tools-main-grid,.tools-seo-grid{grid-template-columns:1fr}}@media (max-width:640px){.stage-selector,.tool-fields-grid{grid-template-columns:1fr}}
