@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

.webnimo-tools-page,
.webnimo-tools-page *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-brands) {
    font-family:'Poppins',sans-serif;
}
.webnimo-tools-page{
    min-height:100vh;
    padding:34px 16px 52px;
    background:#f2f4f7;
    color:#172033;
}
.webnimo-tools-page a{text-decoration:none}
.webnimo-tools-bg{display:none}
.webnimo-tools-container{max-width:1240px;margin:0 auto}
.webnimo-tools-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:18px;
    margin-bottom:18px;
}
.webnimo-hero-content,
.webnimo-hero-panel,
.webnimo-category-strip,
.webnimo-tool-section,
.webnimo-runner-info,
.webnimo-runner-card{
    background:#fff;
    border:1px solid #e5e7eb;
    box-shadow:0 12px 34px rgba(15,23,42,.045);
}
.webnimo-hero-content{
    border-radius:22px;
    padding:34px;
    position:relative;
    overflow:hidden;
}
.webnimo-hero-content:before{
    content:"";
    position:absolute;
    right:-80px;
    top:-80px;
    width:240px;
    height:240px;
    border-radius:999px;
    background:#ffd99a;
    opacity:.36;
}
.webnimo-tools-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:#fff7e8;
    border:1px solid #ffe3b4;
    color:#8a5b08;
    font-size:12px;
    font-weight:800;
    margin-bottom:15px;
}
.webnimo-hero-content h1{
    position:relative;
    margin:0 0 12px;
    max-width:760px;
    font-size:38px;
    line-height:1.12;
    letter-spacing:-.045em;
    font-weight:900;
    color:#151c2d;
}
.webnimo-hero-content p{
    position:relative;
    margin:0;
    max-width:710px;
    color:#667085;
    line-height:1.75;
    font-size:14px;
}
.webnimo-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.webnimo-primary-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:11px 15px;
    border-radius:13px;
    background:#ffd99a;
    color:#20170a;
    font-size:13px;
    font-weight:900;
    transition:.16s ease;
}
.webnimo-primary-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,185,74,.22)}
.webnimo-hero-actions span{display:inline-flex;align-items:center;gap:8px;color:#667085;font-size:12px;font-weight:700}
.webnimo-hero-actions i{color:#b97900}
.webnimo-hero-panel{
    border-radius:22px;
    padding:22px;
    background:linear-gradient(145deg,#ffffff,#f8fafc);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.webnimo-hero-orbit{
    width:58px;
    height:58px;
    border-radius:17px;
    background:#2b3342;
    color:#ffd99a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}
.webnimo-hero-stat span{display:block;color:#667085;font-size:12px;font-weight:700}
.webnimo-hero-stat strong{display:block;color:#172033;font-size:48px;line-height:1;font-weight:900;letter-spacing:-.06em}
.webnimo-hero-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.webnimo-hero-mini-grid div{
    min-height:52px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid #e9edf3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
}
.webnimo-hero-mini-grid i{font-size:14px;color:#b97900}
.webnimo-hero-mini-grid b{font-size:10px;color:#475467}
.webnimo-category-strip{
    position:sticky;
    top:10px;
    z-index:5;
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:9px;
    border-radius:17px;
    margin-bottom:16px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(10px);
}
.webnimo-category-strip a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border-radius:12px;
    background:#f8fafc;
    border:1px solid #edf0f5;
    color:#475467;
    white-space:nowrap;
    font-size:12px;
    font-weight:850;
}
.webnimo-category-strip a:hover{background:#fff6e7;border-color:#ffd99a;color:#7b5105}
.webnimo-tool-section{
    padding:18px;
    border-radius:21px;
    margin-top:16px;
    background:#fdfdfd;
}
.webnimo-section-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
}
.webnimo-section-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#fff4dc;
    color:#ba7900;
    border:1px solid #ffe4b4;
}
.webnimo-section-head h2{margin:0 0 2px;font-size:19px;font-weight:900;letter-spacing:-.025em;color:#172033}
.webnimo-section-head p{margin:0;color:#7a8494;font-size:12px}
.webnimo-tool-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.webnimo-tool-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:156px;
    padding:15px;
    border-radius:18px;
    background:#f7f8fa;
    border:1px solid #e3e7ee;
    color:inherit;
    transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}
.webnimo-tool-card:hover{
    transform:translateY(-2px);
    background:#fff;
    border-color:#ffd99a;
    box-shadow:0 12px 24px rgba(15,23,42,.07);
}
.webnimo-tool-badge{
    position:absolute;
    top:12px;
    right:12px;
    padding:5px 8px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e7eaf0;
    color:#667085;
    font-size:10px;
    font-weight:850;
}
.webnimo-tool-icon{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #eceff4;
    color:#b97900;
    font-size:17px;
    margin-bottom:12px;
}
.webnimo-tool-body{flex:1}
.webnimo-tool-body h3{
    margin:0 60px 7px 0;
    font-size:14px;
    line-height:1.28;
    font-weight:900;
    letter-spacing:-.015em;
    color:#1d2939;
}
.webnimo-tool-body p{
    margin:0;
    color:#667085;
    line-height:1.52;
    font-size:12px;
}
.webnimo-tool-footer{
    margin-top:13px;
    padding-top:10px;
    border-top:1px solid #e8ecf2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#8a5b08;
    font-size:11px;
    font-weight:900;
}
.webnimo-tool-footer i{
    width:24px;
    height:24px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff4dc;
}
.webnimo-back-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
    color:#7b5105;
    font-size:13px;
    font-weight:900;
}
.webnimo-runner-layout{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    gap:16px;
}
.webnimo-runner-info,
.webnimo-runner-card{border-radius:22px}
.webnimo-runner-info{
    padding:22px;
    background:#2d3442;
    color:#fff;
}
.webnimo-runner-icon{
    width:54px;
    height:54px;
    border-radius:17px;
    background:#ffd99a;
    color:#202735;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
    margin-bottom:18px;
}
.webnimo-runner-info span{
    display:inline-flex;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.13);
    color:#ffd99a;
    font-size:10px;
    font-weight:900;
}
.webnimo-runner-info h2{margin:12px 0 9px;font-size:24px;line-height:1.18;font-weight:900;letter-spacing:-.035em}
.webnimo-runner-info p{margin:0;color:#d8dee8;font-size:12px;line-height:1.7}
.webnimo-runner-tips{display:grid;gap:9px;margin-top:22px}
.webnimo-runner-tips div{display:flex;gap:8px;color:#edf2f7;font-size:11px;line-height:1.48}
.webnimo-runner-tips i{color:#ffd99a;margin-top:2px}
.webnimo-runner-card{padding:22px;background:#fff}
.webnimo-form-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    padding-bottom:16px;
    margin-bottom:16px;
    border-bottom:1px solid #edf0f5;
}
.webnimo-form-title h3{margin:0 0 4px;font-size:18px;font-weight:900}
.webnimo-form-title p{margin:0;color:#7a8494;font-size:12px}
.webnimo-form-title>i{color:#b97900}
.webnimo-tool-form{display:grid;gap:13px}
.webnimo-dynamic-fields{display:grid;gap:9px}
.webnimo-tool-form label{font-size:12px;font-weight:900;color:#344054}
.webnimo-input-wrap{
    position:relative;
    display:flex;
    align-items:center;
    background:#f8fafc;
    border:1px solid #dfe5ef;
    border-radius:14px;
    transition:.15s ease;
}
.webnimo-input-wrap>i{position:absolute;left:14px;color:#9b6808;font-size:13px}
.webnimo-input-wrap input,
.webnimo-input-wrap textarea,
.webnimo-input-wrap select{
    width:100%;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#172033;
    font-size:13px;
    padding:13px 14px 13px 40px;
    box-shadow:none!important;
}
.webnimo-input-wrap:focus-within{background:#fff;border-color:#ffd99a;box-shadow:0 0 0 4px rgba(255,217,154,.35)}
.webnimo-textarea-wrap{align-items:flex-start}
.webnimo-textarea-wrap>i{top:15px}
.webnimo-input-wrap textarea{min-height:210px;resize:vertical;line-height:1.6;font-family:Consolas,Monaco,monospace!important}
.webnimo-run-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    max-width:220px;
    border:0;
    border-radius:14px;
    padding:13px 18px;
    background:#ffd99a;
    color:#211708;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    transition:.15s ease;
}
.webnimo-run-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,185,74,.24)}
.webnimo-run-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.webnimo-tool-result{
    margin-top:18px;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #e2e8f0;
    background:#fff;
    box-shadow:0 12px 28px rgba(15,23,42,.05);
}
.webnimo-result-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    background:#f8fafc;
    border-bottom:1px solid #e8edf4;
    color:#1d2939;
    font-size:13px;
    font-weight:900;
}
.webnimo-result-head span{display:inline-flex;align-items:center;gap:8px}
.webnimo-result-copy{
    border:1px solid #e5e7eb;
    background:#fff;
    color:#475467;
    border-radius:10px;
    padding:7px 10px;
    cursor:pointer;
    font-size:12px;
    font-weight:900;
}
.webnimo-result-body{padding:16px;background:#fff}
.webnimo-result-summary{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:15px;
    border-radius:16px;
    background:#fff8eb;
    border:1px solid #ffe3b6;
    margin-bottom:14px;
}
.webnimo-result-summary i{
    width:38px;
    height:38px;
    border-radius:13px;
    background:#ffd99a;
    color:#281b06;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}
.webnimo-result-summary h4{margin:0 0 4px;font-size:15px;font-weight:900;color:#1d2939}
.webnimo-result-summary p{margin:0;color:#667085;font-size:12px;line-height:1.55}
.webnimo-result-metrics{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
    gap:10px;
    margin-bottom:14px;
}
.webnimo-result-metric{
    background:#f8fafc;
    border:1px solid #e8edf4;
    border-radius:15px;
    padding:13px;
}
.webnimo-result-metric small{
    display:block;
    color:#667085;
    font-size:11px;
    font-weight:800;
    margin-bottom:5px;
}
.webnimo-result-metric strong{
    display:block;
    color:#172033;
    font-size:18px;
    line-height:1.2;
    font-weight:900;
    word-break:break-word;
}
.webnimo-result-section{
    border:1px solid #e8edf4;
    border-radius:16px;
    overflow:hidden;
    margin-top:12px;
}
.webnimo-result-section-title{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 14px;
    background:#f8fafc;
    border-bottom:1px solid #e8edf4;
    color:#344054;
    font-size:13px;
    font-weight:900;
}
.webnimo-result-list{display:grid;margin:0;padding:0;list-style:none}
.webnimo-result-list li{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:11px 14px;
    border-bottom:1px solid #edf0f5;
    color:#475467;
    font-size:12px;
}
.webnimo-result-list li:last-child{border-bottom:0}
.webnimo-result-list b{color:#172033;font-weight:900;text-align:right;word-break:break-word}
.webnimo-result-table{
    width:100%;
    border-collapse:collapse;
    font-size:12px;
}
.webnimo-result-table th,
.webnimo-result-table td{
    padding:11px 13px;
    border-bottom:1px solid #edf0f5;
    text-align:left;
    vertical-align:top;
}
.webnimo-result-table th{
    background:#f8fafc;
    color:#344054;
    font-weight:900;
}
.webnimo-result-table td{color:#475467;word-break:break-word}
.webnimo-result-table tr:last-child td{border-bottom:0}
.webnimo-result-code{
    margin:0;
    max-height:420px;
    overflow:auto;
    white-space:pre-wrap;
    word-break:break-word;
    line-height:1.65;
    color:#203047;
    font-size:12px;
    background:#f8fafc;
    border:1px solid #e8edf4;
    border-radius:14px;
    padding:13px;
    font-family:Consolas,Monaco,monospace!important;
}
.webnimo-result-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:999px;
    background:#eef2f7;
    color:#475467;
    font-size:11px;
    font-weight:900;
    margin:3px 5px 3px 0;
}
.webnimo-result-pill.good{background:#ecfdf3;color:#027a48}
.webnimo-result-pill.warn{background:#fff8eb;color:#b77900}
.webnimo-result-pill.bad{background:#fff1f2;color:#be123c}
.webnimo-result-error{border-color:#fecdd3}
.webnimo-result-error .webnimo-result-head{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.webnimo-result-error .webnimo-result-body{color:#9f1239}
@media(max-width:1120px){.webnimo-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.webnimo-runner-layout{grid-template-columns:1fr}.webnimo-tools-hero{grid-template-columns:1fr}.webnimo-hero-panel{gap:18px}}
@media(max-width:820px){.webnimo-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webnimo-hero-content h1{font-size:30px}.webnimo-tools-page{padding:22px 11px 36px}}
@media(max-width:560px){.webnimo-tool-grid{grid-template-columns:1fr}.webnimo-hero-content,.webnimo-hero-panel,.webnimo-tool-section,.webnimo-runner-info,.webnimo-runner-card{border-radius:18px}.webnimo-hero-content{padding:23px}.webnimo-hero-mini-grid{grid-template-columns:repeat(2,1fr)}.webnimo-section-head p{display:none}.webnimo-run-btn{max-width:none;width:100%}}


/* Webnimo SEO PRO result components */
.webnimo-audit-summary{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;margin-bottom:14px}
.webnimo-score-ring{--score:0;width:118px;height:118px;border-radius:50%;background:conic-gradient(#2563eb calc(var(--score)*1%),#e2e8f0 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:0 0 auto}
.webnimo-score-ring:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}
.webnimo-score-ring b,.webnimo-score-ring span{position:relative;z-index:1}.webnimo-score-ring b{font-size:30px;font-weight:900;color:#0f172a}.webnimo-score-ring span{font-size:10px;font-weight:800;color:#64748b}
.webnimo-audit-main h4{margin:6px 0;font-size:16px;font-weight:800;color:#0f172a}.webnimo-audit-main p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.webnimo-grade{font-size:12px;font-weight:700;color:#64748b}.webnimo-grade strong{display:inline-flex;margin-left:5px;padding:4px 8px;border-radius:8px;background:#eff6ff;color:#1d4ed8}
.webnimo-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.webnimo-check-card{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.webnimo-check-card i{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.webnimo-check-card.ok i{background:#ecfdf5;color:#047857}.webnimo-check-card.bad i{background:#fef2f2;color:#b91c1c}.webnimo-check-card strong{display:block;font-size:12px;color:#0f172a}.webnimo-check-card span{display:block;margin-top:3px;font-size:11px;color:#64748b}
.webnimo-pro-table-wrap{margin-top:14px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;overflow:hidden}.webnimo-pro-table-title{display:flex;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid #e2e8f0;font-weight:800;font-size:13px;color:#0f172a}.webnimo-pro-table{width:100%;border-collapse:collapse;font-size:12px}.webnimo-pro-table th,.webnimo-pro-table td{padding:11px 13px;border-bottom:1px solid #f1f5f9;text-align:left}.webnimo-pro-table th{background:#f8fafc;color:#475569;font-weight:800}.webnimo-pro-table tr:last-child td{border-bottom:0}
.webnimo-serp-preview{padding:18px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;margin-bottom:14px;max-width:720px}.webnimo-serp-url{font-size:13px;color:#188038}.webnimo-serp-title{font-size:20px;line-height:1.3;color:#1a0dab;margin-top:5px}.webnimo-serp-desc{font-size:14px;line-height:1.55;color:#4d5156;margin-top:5px}.webnimo-code-result{border:1px solid #e2e8f0;border-radius:13px;background:#fff;overflow:hidden}.webnimo-code-result pre{margin:0;padding:15px;background:#0f172a;color:#e2e8f0;white-space:pre-wrap;line-height:1.6;font-size:12px}.webnimo-mini-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-weight:800;font-size:11px}.webnimo-mini-badge.ok{background:#ecfdf5;color:#047857}.webnimo-mini-badge.warn{background:#fff7ed;color:#c2410c}
@media(max-width:760px){.webnimo-audit-summary{display:block}.webnimo-score-ring{margin-bottom:14px}.webnimo-check-grid{grid-template-columns:1fr}}


/* Webnimo SEO Suite corporate blue refresh */
.webnimo-tools-page{background:#f7f9fc;color:#0f172a}
.webnimo-hero-content,.webnimo-hero-panel,.webnimo-category-strip,.webnimo-tool-section,.webnimo-runner-info,.webnimo-runner-card{border-color:#e2e8f0;box-shadow:0 10px 26px rgba(15,23,42,.04)}
.webnimo-tools-kicker,.webnimo-primary-link{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.webnimo-hero-content:before{background:#bfdbfe}
.webnimo-hero-orbit{background:#0f172a;color:#93c5fd}
.webnimo-section-icon,.webnimo-tool-icon{background:#eff6ff!important;color:#2563eb!important;border-color:#bfdbfe!important}
.webnimo-category-strip a:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.webnimo-run-btn{background:#2563eb!important;color:#fff!important}
.webnimo-tool-card:hover{border-color:#93c5fd!important}