/* Blog + comparison page styles */
:root{--ib-green:#10B981;--ib-green-dark:#059669;--ib-mint:#ECFDF5;--ib-ink:#111827;--ib-body:#4B5563;--ib-muted:#6B7280;--ib-line:#E5E7EB}

.crumbs{font-size:.875rem;color:var(--ib-muted);margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:inherit}
.crumbs a{color:var(--ib-muted);text-decoration:none}
.crumbs a:hover{color:var(--ib-green)}
header.text-center .crumbs{justify-content:center}
.pill{display:inline-block;background:var(--ib-mint);color:var(--ib-green-dark);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .8rem;border-radius:999px}
.post-h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--ib-ink);margin:1rem 0}
.post-meta{color:var(--ib-muted);font-size:.9rem;margin:.5rem 0 0}

/* prose */
.prose{color:var(--ib-body);font-size:1.075rem;line-height:1.8;padding-top:2rem}
.prose h2{color:var(--ib-ink);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:800;letter-spacing:-.01em;line-height:1.25;margin:3rem 0 1rem;scroll-margin-top:96px}
.prose h3{color:var(--ib-ink);font-size:1.25rem;font-weight:700;margin:2rem 0 .75rem;scroll-margin-top:96px}
.prose p{margin:0 0 1.15rem}
.prose ul,.prose ol{margin:0 0 1.25rem;padding-left:1.4rem}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose li{margin:.4rem 0;padding-left:.25rem}
.prose li::marker{color:var(--ib-green)}
.prose a{color:var(--ib-green-dark);font-weight:600;text-decoration:underline;text-decoration-color:rgba(16,185,129,.35);text-underline-offset:3px;text-decoration-thickness:2px}
.prose a:hover{text-decoration-color:var(--ib-green)}
.prose strong{color:var(--ib-ink)}
.prose code{background:#F3F4F6;padding:.1rem .35rem;border-radius:.35rem;font-size:.9em}
.prose .lead{font-size:1.2rem;line-height:1.75;color:#374151;border-left:4px solid var(--ib-green);padding-left:1.1rem}

.key-takeaways{background:var(--ib-mint);border-radius:1.5rem;padding:1.5rem 1.75rem;margin:2rem 0}
.key-takeaways-title,.toc-title{font-weight:800;color:var(--ib-ink);margin:0 0 .5rem!important;font-size:1rem}
.key-takeaways ul{margin:0}
.toc{border:1px solid var(--ib-line);border-radius:1.5rem;padding:1.5rem 1.75rem;margin:2rem 0}
.toc ol{margin:0}
.toc a{font-weight:500;text-decoration:none}
.callout{background:#F9FAFB;border:1px solid var(--ib-line);border-left:4px solid var(--ib-green);border-radius:1rem;padding:1rem 1.25rem;margin:1.5rem 0}
.checklist{list-style:none!important;padding-left:0!important;counter-reset:c}
.checklist li{counter-increment:c;position:relative;padding:.75rem 1rem .75rem 3.25rem;border:1px solid var(--ib-line);border-radius:1rem;margin:.6rem 0}
.checklist li::before{content:counter(c);position:absolute;left:.85rem;top:.8rem;width:1.75rem;height:1.75rem;border-radius:999px;background:var(--ib-green);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.checklist-ul{list-style:none!important;padding-left:0!important}
.checklist-ul li{position:relative;padding-left:1.9rem}
.checklist-ul li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ib-green);font-weight:800}

.table-wrap{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--ib-line);border-radius:1.25rem}
.table-wrap table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.table-wrap th{background:#F9FAFB;color:var(--ib-ink);text-align:left;font-weight:700;padding:.85rem 1rem;border-bottom:1px solid var(--ib-line)}
.table-wrap td{padding:.8rem 1rem;border-bottom:1px solid #F3F4F6;vertical-align:top}
.table-wrap tr:last-child td{border-bottom:0}
.compare-table td:first-child{font-weight:600;color:var(--ib-ink)}
.compare-table th:nth-child(2),.compare-table td:nth-child(2){background:rgba(236,253,245,.6)}

pre.template{background:#0F172A;color:#E2E8F0;border-radius:1.25rem;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.65;margin:1rem 0 1.5rem;white-space:pre}
pre.template code{background:none;padding:0;color:inherit;font-size:inherit}

.post-cta{background:linear-gradient(135deg,#ECFDF5,#D1FAE5);border:1px solid rgba(16,185,129,.25);border-radius:1.75rem;padding:1.75rem;margin:2.5rem 0;text-align:center}
.post-cta p{margin:0 0 1rem;color:#065F46}
.post-cta-title{font-size:1.3rem;font-weight:800;color:var(--ib-ink)!important;margin-bottom:.5rem!important}
.post-cta-btn{background:var(--ib-green);color:#fff;font-weight:700;padding:.85rem 1.75rem;border-radius:999px;box-shadow:0 10px 20px -8px rgba(16,185,129,.5);transition:background .2s,transform .1s;cursor:pointer}
.post-cta-btn:hover{background:var(--ib-green-dark)}.post-cta-btn:active{transform:scale(.97)}

.faq-list{margin:1rem 0 2rem}
.faq-item{border:1px solid var(--ib-line);border-radius:1rem;margin:.6rem 0;background:#fff}
.faq-item summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.25rem;font-weight:700;color:var(--ib-ink);position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:1.25rem;top:.85rem;color:var(--ib-green);font-size:1.4rem;font-weight:500}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding:0 1.25rem 1.1rem;margin:0}
.disclaimer{font-size:.85rem;color:var(--ib-muted);border-top:1px solid var(--ib-line);padding-top:1.25rem;margin-top:2.5rem;line-height:1.6}
.source-note{font-size:.85rem;color:var(--ib-muted);line-height:1.6}
.other-compare{font-size:.95rem}

.related-h{font-size:1.5rem;font-weight:800;color:var(--ib-ink);margin:2rem 0 1rem}
.related-grid,.blog-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:768px){.related-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.related-card,.blog-card{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;background:#fff;border:1px solid #F3F4F6;border-radius:1.75rem;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s;text-decoration:none}
.related-card:hover,.blog-card:hover{box-shadow:0 12px 30px -12px rgba(16,185,129,.35);transform:translateY(-2px)}
.related-title{font-weight:700;color:var(--ib-ink);line-height:1.35}
.related-meta,.blog-card-meta{font-size:.85rem;color:var(--ib-muted);margin-top:auto}
.blog-card{padding:2rem}
.blog-card-title{font-size:1.3rem;font-weight:800;color:var(--ib-ink);line-height:1.3;margin:0}
.blog-card-excerpt{color:var(--ib-body);line-height:1.6;margin:0}
.blog-card-meta{color:var(--ib-green-dark);font-weight:600}

.vs-cards{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:768px){.vs-cards{grid-template-columns:1fr 1fr}}
.vs-card{position:relative;border:1px solid var(--ib-line);border-radius:2rem;padding:2rem;background:#fff}
.vs-card-ib{border:2px solid var(--ib-green);box-shadow:0 25px 50px -20px rgba(16,185,129,.3)}
.vs-name{font-weight:800;font-size:1.25rem;color:var(--ib-ink);margin:0 0 .5rem}
.vs-price{font-size:2rem;font-weight:800;color:var(--ib-green-dark);margin:0;line-height:1.2}
.vs-price-them{color:var(--ib-ink);font-size:1.5rem}
.vs-sub{color:var(--ib-muted);font-size:.9rem;margin:.5rem 0 1rem}
.vs-best{color:var(--ib-body);line-height:1.6;margin:0}
.vs-flag{position:absolute;top:-.8rem;right:1.5rem;background:var(--ib-green);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .8rem;border-radius:999px}
.choose-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin:1rem 0 2rem}
@media(min-width:768px){.choose-grid{grid-template-columns:1fr 1fr}}
.choose-card{border:1px solid var(--ib-line);border-radius:1.5rem;padding:1.5rem}
.choose-card:first-child{background:var(--ib-mint);border-color:rgba(16,185,129,.3)}
.choose-title{font-weight:800;color:var(--ib-ink);margin-bottom:.5rem!important}
.choose-card ul{margin:0}

/* ===== Visual comparison pages ===== */
.cmp-hero{padding:8rem 0 4.5rem;background:radial-gradient(ellipse at 50% 0%,#D1FAE5 0,#ECFDF5 30%,#fff 70%)}
.cmp-hero .crumbs{justify-content:center}
.cmp-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;color:var(--ib-green-dark);background:#fff;border:1px solid #A7F3D0;padding:.4rem .9rem;border-radius:999px;margin-bottom:1.25rem}
.cmp-h1{font-size:clamp(2.2rem,5.5vw,3.9rem);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--ib-ink);margin:0 0 1rem}
.cmp-tag{font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:600;color:var(--ib-green-dark);margin:0 0 1.25rem}
.cmp-tag span{color:var(--ib-muted);font-weight:500;margin:0 .35rem}
.cmp-intro{font-size:1.1rem;line-height:1.7;color:var(--ib-body);max-width:40rem;margin:0 auto 2rem}
.cmp-hero-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.cmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 1.75rem;border-radius:999px;font-weight:700;font-size:1rem;transition:all .2s;cursor:pointer;text-decoration:none}
.cmp-btn-primary{background:var(--ib-green);color:#fff;box-shadow:0 12px 24px -10px rgba(16,185,129,.55)}
.cmp-btn-primary:hover{background:var(--ib-green-dark)}
.cmp-btn-ghost{background:#fff;color:#374151;border:1px solid var(--ib-line)}
.cmp-btn-ghost:hover{background:#F9FAFB}
.cmp-btn-sm{min-height:44px;padding:0 1.25rem;font-size:.9rem;width:100%}
.cmp-btn-lg{min-height:60px;padding:0 2.5rem;font-size:1.1rem}

.cmp-section{padding:4.5rem 0}
.cmp-h2{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--ib-ink);margin:0 0 .75rem}
.cmp-sub{color:var(--ib-muted);font-size:.9rem;margin:0 0 2.5rem}
.cmp-p{color:var(--ib-body);font-size:1.075rem;line-height:1.75;margin:0 0 1.5rem}
.cmp-p strong{color:var(--ib-ink)}

/* table */
.cmp-table{display:grid;font-size:.95rem}
.cmp-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:stretch}
.cmp-row>div{padding:1rem 1.1rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid #F1F5F3}
.cmp-feat{font-weight:600;color:var(--ib-ink)}
.cmp-ib{background:#ECFDF5;border-left:2px solid var(--ib-green);border-right:2px solid var(--ib-green);color:#065F46;font-weight:600;justify-content:center;text-align:center;flex-direction:column}
.cmp-them{color:var(--ib-body);justify-content:center;text-align:center;flex-direction:column}
.cmp-head>div{font-weight:800;color:var(--ib-ink);border-bottom:2px solid #E5E7EB;padding-top:1.25rem;padding-bottom:1.25rem;flex-direction:row}
.cmp-head .cmp-ib{border-top:2px solid var(--ib-green);border-radius:1.25rem 1.25rem 0 0;color:#065F46;border-bottom-color:#A7F3D0}
.cmp-foot>div{border-bottom:none}
.cmp-foot .cmp-ib{border-bottom:2px solid var(--ib-green);border-radius:0 0 1.25rem 1.25rem;padding:1.25rem}
.cmp-logo-dot{width:.7rem;height:.7rem;border-radius:999px;background:var(--ib-green)}
.cmp-ic{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;flex-shrink:0}
.cmp-ic-yes{background:var(--ib-green);color:#fff}
.cmp-ic-yes-them{background:#E5E7EB;color:#374151}
.cmp-ic-part{background:#D1FAE5;color:var(--ib-green-dark)}
.cmp-ic-part-them{background:#FEF3C7;color:#B45309}
.cmp-ic-no{background:#F3F4F6;color:#9CA3AF}
.cmp-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;justify-content:center;font-size:.85rem;color:var(--ib-muted);margin:1.5rem 0 .75rem}
.cmp-legend .cmp-ic{width:1.25rem;height:1.25rem;margin-right:-.5rem}
.cmp-source{font-size:.8rem;color:var(--ib-muted);text-align:center;line-height:1.6;max-width:46rem;margin:0 auto}
.cmp-source a,.disclaimer a{color:var(--ib-green-dark)}
@media(max-width:640px){.cmp-row{grid-template-columns:1fr 1fr 1fr;font-size:.8rem}.cmp-row>div{padding:.75rem .5rem}.cmp-ib,.cmp-them{gap:.35rem}}

/* verdict */
.cmp-verdict{display:flex;gap:1.25rem;align-items:flex-start;background:var(--ib-ink);color:#E5F2EC;border-radius:2rem;padding:2rem 2.25rem}
.cmp-verdict-ic{flex-shrink:0;width:3rem;height:3rem;border-radius:1rem;background:rgba(16,185,129,.2);color:#34D399;display:flex;align-items:center;justify-content:center}
.cmp-verdict-label{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#34D399;margin:0 0 .4rem}
.cmp-verdict-text{font-size:1.15rem;line-height:1.65;margin:0}
.cmp-verdict-text strong{color:#fff}

/* splits */
.cmp-split{display:grid;gap:3rem;align-items:center;grid-template-columns:1fr}
@media(min-width:900px){.cmp-split{grid-template-columns:1fr 1fr;gap:4rem}.cmp-split-rev>div:first-child{order:2}}
.cmp-ticks{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.7rem}
.cmp-ticks li{display:flex;align-items:center;gap:.65rem;color:var(--ib-ink);font-weight:500}
.cmp-link{color:var(--ib-green-dark);font-weight:700}
.cmp-visual{position:relative;background:linear-gradient(135deg,#ECFDF5,#D1FAE5);border-radius:2rem;min-height:340px;padding:2.5rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}
.cmp-price-card{background:#fff;border-radius:1.25rem;padding:1.5rem 1.6rem;width:12.5rem;box-shadow:0 20px 40px -20px rgba(6,95,70,.35)}
.cmp-price-ib{border:2px solid var(--ib-green);transform:rotate(-3deg) translateY(-6px)}
.cmp-price-them{transform:rotate(3deg) translateY(10px);opacity:.92}
.cmp-pc-name{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ib-muted);margin:0 0 .5rem}
.cmp-price-ib .cmp-pc-name{color:var(--ib-green-dark)}
.cmp-pc-price{font-size:2.3rem;font-weight:800;color:var(--ib-ink);line-height:1.1;margin:0}
.cmp-pc-price span{font-size:.9rem;font-weight:600;color:var(--ib-muted);margin-left:.2rem}
.cmp-pc-cap{font-size:.8rem;color:var(--ib-muted);margin:.5rem 0 0;line-height:1.4}
.cmp-visual-note{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#047857;opacity:.7;margin:0}
.cmp-chips{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.cmp-chip{display:flex;align-items:center;gap:.65rem;background:#fff;border:1px solid var(--ib-line);border-radius:1rem;padding:.8rem 1rem;font-weight:600;font-size:.92rem;color:var(--ib-ink)}
.cmp-chip-ic{width:2rem;height:2rem;border-radius:.65rem;background:var(--ib-mint);color:var(--ib-green-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cmp-visual-invoice{flex-direction:column}
.cmp-inv{background:#fff;border-radius:1.25rem;width:100%;max-width:19rem;padding:1.5rem;box-shadow:0 25px 50px -20px rgba(6,95,70,.35)}
.cmp-inv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}
.cmp-inv-logo{width:2rem;height:2rem;border-radius:.6rem;background:var(--ib-green)}
.cmp-inv-tag{font-size:.65rem;font-weight:800;letter-spacing:.12em;color:var(--ib-green-dark);background:var(--ib-mint);padding:.25rem .55rem;border-radius:.4rem}
.cmp-inv-line{height:.5rem;border-radius:999px;background:#E5E7EB;margin-bottom:.45rem}
.w60{width:60%}.w50{width:50%}.w40{width:40%}
.cmp-inv-rows{margin:1rem 0;border-top:1px solid #F3F4F6}
.cmp-inv-rows div{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #F3F4F6}
.cmp-inv-rows span{display:block;height:.45rem;border-radius:999px;background:#E5E7EB}
.cmp-inv-rows b,.cmp-inv-total b{font-size:.85rem;color:var(--ib-ink)}
.cmp-inv-total{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ib-muted);font-weight:600}
.cmp-bubble{position:absolute;right:1.25rem;top:1.5rem;display:flex;align-items:center;gap:.4rem;background:#fff;border-radius:999px;padding:.5rem .9rem;font-size:.8rem;font-weight:700;color:var(--ib-ink);box-shadow:0 10px 25px -10px rgba(0,0,0,.2)}
.cmp-bubble svg{color:#F59E0B}
.cmp-bubble-paid{top:auto;right:auto;left:1.25rem;bottom:1.5rem;background:var(--ib-green);color:#fff}
.cmp-bubble-paid svg{color:#fff}

/* panels */
.cmp-two{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:2rem}
@media(min-width:768px){.cmp-two{grid-template-columns:1fr 1fr}}
.cmp-panel,.cmp-choose{background:#fff;border:1px solid var(--ib-line);border-radius:1.5rem;padding:1.75rem 2rem;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.cmp-choose{border-left:5px solid #CBD5E1}
.cmp-choose-ib{border-left-color:var(--ib-green);background:linear-gradient(180deg,#F0FDF7,#fff)}
.cmp-panel-title{font-weight:800;font-size:1.15rem;color:var(--ib-ink);margin:0 0 1rem}
.cmp-choose-lead{color:var(--ib-body);line-height:1.6;margin:0 0 1rem}
.cmp-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.cmp-list li{display:flex;gap:.65rem;align-items:flex-start;color:var(--ib-body);line-height:1.55}
.cmp-list li svg{flex-shrink:0;margin-top:.15rem}
.cmp-num{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:999px;background:#F1F5F9;color:#475569;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:.05rem}

/* benefits */
.cmp-band{background:#F7FBF9}
.cmp-benefits{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:2.5rem}
@media(min-width:768px){.cmp-benefits{grid-template-columns:repeat(3,1fr)}}
.cmp-benefit{background:#fff;border:1px solid var(--ib-line);border-radius:1.5rem;padding:1.75rem}
.cmp-benefit-ic{width:3rem;height:3rem;border-radius:1rem;background:var(--ib-mint);color:var(--ib-green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.cmp-benefit-title{font-weight:800;font-size:1.15rem;color:var(--ib-ink);margin:0 0 .4rem}
.cmp-benefit-text{color:var(--ib-body);line-height:1.6;margin:0}

/* guides + others */
.cmp-guides{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:2rem}
@media(min-width:768px){.cmp-guides{grid-template-columns:repeat(3,1fr)}}
.cmp-guide{display:flex;gap:.75rem;align-items:flex-start;background:#fff;border:1px solid var(--ib-line);border-radius:1.25rem;padding:1.25rem 1.4rem;font-weight:700;color:var(--ib-ink);line-height:1.4;transition:all .2s}
.cmp-guide svg{color:var(--ib-green);flex-shrink:0;margin-top:.1rem}
.cmp-guide:hover{border-color:#A7F3D0;box-shadow:0 12px 30px -15px rgba(16,185,129,.4)}
.cmp-others-label{text-align:center;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ib-muted);margin:2.5rem 0 1rem}
.cmp-others{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.cmp-other{background:#fff;border:1px solid var(--ib-line);border-radius:999px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;color:var(--ib-ink);transition:all .2s}
.cmp-other:hover{border-color:var(--ib-green);color:var(--ib-green-dark)}

/* final */
.cmp-final{position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,#ECFDF5,#D1FAE5);border:1px solid #A7F3D0;border-radius:3rem;padding:4rem 2rem}
.cmp-final::before,.cmp-final::after{content:"";position:absolute;width:22rem;height:22rem;border-radius:50%;background:rgba(16,185,129,.12);filter:blur(10px)}
.cmp-final::before{top:-10rem;right:-6rem}.cmp-final::after{bottom:-12rem;left:-6rem}
.cmp-final>*{position:relative}
.cmp-final-h{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;color:var(--ib-ink);margin:0 0 .75rem}
.cmp-final-p{font-size:1.1rem;color:#065F46;font-weight:500;margin:0 0 2rem}
.cmp-final-note{font-size:.85rem;color:#047857;margin:1rem 0 0}
.cmp-btn-sm{white-space:nowrap}
.cmp-visual{padding-bottom:3.5rem}
@media(max-width:640px){
  .cmp-verdict{flex-direction:column;gap:1rem;padding:1.75rem}
  .cmp-foot .cmp-ib{padding:1rem .5rem}
  .cmp-btn-sm{padding:0 .75rem;min-height:40px}
  .cmp-chips{grid-template-columns:1fr}
}

/* Blog cover images */
.blog-card{padding:0;overflow:hidden;gap:0}
.blog-card-img,.related-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:#ECFDF5;border-bottom:1px solid #EEF7F2}
.blog-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.6rem 1.75rem 1.75rem;flex:1}
.blog-card-title{display:block}
.blog-card-excerpt{display:block}
.blog-card:hover .blog-card-img{filter:saturate(1.08)}
.related-card{padding:0;overflow:hidden;gap:.6rem}
.related-card .pill{margin:1.1rem 1.25rem 0}
.related-card .related-title,.related-card .related-meta{padding:0 1.25rem}
.related-card .related-meta{padding-bottom:1.25rem}
.post-cover{margin:2rem auto .5rem}
.post-cover-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:1.75rem;box-shadow:0 0 0 1px #E5E7EB,0 30px 60px -30px rgba(6,95,70,.35);background:#ECFDF5}
@media(max-width:640px){.post-cover-img{border-radius:1.1rem}}

/* ===== Free tools ===== */
.tl-hero{padding:8rem 0 3rem;background:radial-gradient(ellipse at 50% 0%,#D1FAE5 0,#ECFDF5 30%,#fff 70%)}
.tl-hero .crumbs{justify-content:center}
.tl-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--ib-green-dark);background:#fff;border:1px solid #A7F3D0;padding:.4rem .9rem;border-radius:999px;margin-bottom:1.1rem}
.tl-h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--ib-ink);margin:0 0 1rem}
.tl-sub{font-size:1.15rem;line-height:1.65;color:var(--ib-body);max-width:38rem;margin:0 auto}
.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:0 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap}
.tl-btn-primary{background:var(--ib-green);color:#fff;box-shadow:0 10px 22px -10px rgba(16,185,129,.6)}
.tl-btn-primary:hover{background:var(--ib-green-dark)}
.tl-btn-ghost{background:#fff;color:#374151;border:1px solid var(--ib-line)}
.tl-btn-ghost:hover{border-color:var(--ib-green);color:var(--ib-green-dark)}
.tl-btn-sm{min-height:40px;padding:0 1rem;font-size:.85rem}
.tl-btn.is-copied{background:#065F46;color:#fff;border-color:#065F46}
.tl-label{text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ib-muted);margin:1rem 0 1rem}
/* hub */
.tl-cards{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:768px){.tl-cards{grid-template-columns:repeat(3,1fr)}}
.tl-card{display:flex;flex-direction:column;gap:.7rem;background:#fff;border:1px solid var(--ib-line);border-radius:1.75rem;padding:2rem;transition:all .2s}
.tl-card:hover{border-color:#A7F3D0;box-shadow:0 20px 40px -20px rgba(16,185,129,.45);transform:translateY(-3px)}
.tl-card-ic{width:3.5rem;height:3.5rem;border-radius:1.1rem;background:var(--ib-mint);color:var(--ib-green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}
.tl-card-title{font-size:1.3rem;font-weight:800;color:var(--ib-ink)}
.tl-card-desc{color:var(--ib-body);line-height:1.6}
.tl-card-cta{margin-top:auto;padding-top:.5rem;font-weight:700;color:var(--ib-green-dark)}
.tl-soons{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:768px){.tl-soons{grid-template-columns:repeat(3,1fr)}}
.tl-soon{display:flex;gap:.75rem;align-items:center;border:1px dashed #CBD5E1;border-radius:1.1rem;padding:1rem 1.1rem;color:var(--ib-muted)}
.tl-soon b{display:block;color:#374151;font-size:.92rem}.tl-soon small{font-size:.78rem}
.tl-soon-ic{width:2.4rem;height:2.4rem;border-radius:.8rem;background:#F3F4F6;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tl-minis{display:grid;gap:.9rem;grid-template-columns:1fr}
@media(min-width:768px){.tl-minis{grid-template-columns:1fr 1fr}}
.tl-mini{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid var(--ib-line);border-radius:1.25rem;padding:1.1rem 1.25rem;transition:all .2s}
.tl-mini:hover{border-color:#A7F3D0}
.tl-mini b{display:block;color:var(--ib-ink)}.tl-mini small{display:block;color:var(--ib-muted);font-size:.85rem;line-height:1.5;margin-top:.15rem}
.tl-mini-ic{width:2.6rem;height:2.6rem;border-radius:.85rem;background:var(--ib-mint);color:var(--ib-green-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.5rem;background:var(--ib-ink);border-radius:2rem;padding:2rem 2.25rem;color:#D1E7DD}
.tl-cta-ic{width:3.25rem;height:3.25rem;border-radius:1rem;background:rgba(16,185,129,.2);color:#34D399;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tl-cta-text{flex:1;min-width:16rem}.tl-cta-text p{margin:0;line-height:1.55}
.tl-cta-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:.25rem!important}
/* GST calculator */
.gst{background:#fff;border:1px solid #D1FAE5;border-radius:2rem;padding:2rem;box-shadow:0 30px 60px -30px rgba(6,95,70,.35)}
.gst-modes{display:grid;grid-template-columns:1fr 1fr;background:#F3F4F6;border-radius:999px;padding:.3rem;margin-bottom:1.5rem}
.gst-mode{min-height:46px;border-radius:999px;font-weight:700;color:#4B5563;cursor:pointer;transition:all .2s}
.gst-mode.is-on{background:#fff;color:var(--ib-green-dark);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.gst-label{display:block;font-weight:700;color:var(--ib-ink);margin-bottom:.5rem}
.gst-input-wrap{position:relative}
.gst-dollar{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1.9rem;font-weight:700;color:#9CA3AF}
.gst-input{width:100%;box-sizing:border-box;font-size:2.2rem;font-weight:800;color:var(--ib-ink);border:2px solid var(--ib-line);border-radius:1.25rem;padding:.8rem 1.25rem .8rem 2.9rem;outline:none;transition:border-color .2s,box-shadow .2s}
.gst-input:focus{border-color:var(--ib-green);box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.gst-hint{font-size:.85rem;color:var(--ib-muted);margin:.5rem 0 1.5rem}
.gst-results{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.gst-results{grid-template-columns:repeat(3,1fr)}}
.gst-res{background:#F9FAFB;border-radius:1.1rem;padding:1rem 1.2rem}
.gst-res p{margin:0}.gst-res p:first-child{font-size:.85rem;font-weight:600;color:var(--ib-muted)}
.gst-val{font-size:1.6rem;font-weight:800;color:var(--ib-ink);margin-top:.2rem!important;font-variant-numeric:tabular-nums}
.gst-res-total{background:var(--ib-mint)}.gst-res-total .gst-val{color:var(--ib-green-dark)}
.gst-foot{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-top:1.25rem}
.gst-formula{margin:0;font-size:.9rem;color:var(--ib-muted);font-variant-numeric:tabular-nums}
.tl-formulas{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0}
.tl-formulas>div{background:var(--ib-mint);border-radius:1.25rem;padding:1.25rem 1.4rem}
.tl-formulas p{margin:0}.tl-f-label{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-green-dark)}
.tl-f{font-size:1.6rem;font-weight:800;color:var(--ib-ink);margin:.25rem 0!important}.tl-f-sub{font-size:.9rem;color:var(--ib-body)}
/* invoice templates */
.tl-tpls{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:900px){.tl-tpls{grid-template-columns:1fr 1fr}}
.tl-tpl{background:#fff;border:1px solid var(--ib-line);border-radius:2rem;overflow:hidden;display:flex;flex-direction:column}
.tl-tpl-prev{background:linear-gradient(135deg,#ECFDF5,#D1FAE5);padding:2rem 2rem 0;height:17rem;overflow:hidden}
.tl-tpl-prev img{display:block;width:100%;height:auto;border-radius:.75rem .75rem 0 0;box-shadow:0 20px 40px -18px rgba(6,95,70,.45)}
.tl-tpl-body{padding:1.75rem 2rem 2rem;display:flex;flex-direction:column;gap:.9rem}
.tl-tag{margin:0;align-self:flex-start;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ib-green-dark);background:var(--ib-mint);padding:.35rem .75rem;border-radius:999px}
.tl-tpl-title{margin:0;font-size:1.5rem;font-weight:800;color:var(--ib-ink)}
.tl-points{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.tl-points li{display:flex;gap:.55rem;align-items:flex-start;color:var(--ib-body)}.tl-points svg{color:var(--ib-green);flex-shrink:0;margin-top:.2rem}
.tl-dls{display:grid;gap:.6rem;margin-top:.4rem}
.tl-dl{display:flex;align-items:center;gap:.85rem;border:1px solid var(--ib-line);border-radius:1rem;padding:.7rem .9rem;transition:all .2s;color:var(--ib-ink)}
.tl-dl:hover{border-color:var(--ib-green);background:#F0FDF7}
.tl-dl>span:nth-child(2){flex:1}.tl-dl b{display:block;font-size:.95rem}.tl-dl small{display:block;font-size:.78rem;color:var(--ib-muted)}
.tl-dl>svg{color:var(--ib-green-dark)}
.tl-dl-badge{width:2.4rem;height:2.4rem;border-radius:.7rem;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;flex-shrink:0}
.tl-dl-docx{background:#2563EB}.tl-dl-xlsx{background:#15803D}.tl-dl-pdf{background:#DC2626}
/* email templates */
.em-fill{background:var(--ib-mint);border:1px solid #A7F3D0;border-radius:1.75rem;padding:1.5rem 1.6rem}
.em-fill-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem;font-weight:800;color:var(--ib-ink)}
.em-fill-title svg{color:var(--ib-green-dark)}.em-fill-title span{font-weight:500;font-size:.85rem;color:#047857}
.em-fields{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}
.em-fields label{display:flex;flex-direction:column;gap:.3rem}
.em-fields span{font-size:.8rem;font-weight:700;color:#065F46}
.em-fields input{min-height:44px;border:1px solid #A7F3D0;background:#fff;border-radius:.8rem;padding:0 .8rem;font-size:.95rem;outline:none}
.em-fields input:focus{border-color:var(--ib-green);box-shadow:0 0 0 3px rgba(16,185,129,.18)}
.em-jumps{display:flex;gap:.6rem;overflow-x:auto;padding:1.25rem 0 .25rem;scrollbar-width:thin}
.em-jump{flex-shrink:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ib-line);border-radius:1rem;padding:.6rem .9rem;transition:all .2s}
.em-jump:hover{border-color:var(--ib-green)}
.em-jump b{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ib-green-dark)}.em-jump span{font-size:.88rem;font-weight:600;color:var(--ib-ink)}
.em-list{display:grid;gap:1.25rem}
.em-card{background:#fff;border:1px solid var(--ib-line);border-radius:1.75rem;overflow:hidden;scroll-margin-top:100px}
.em-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.25rem 1.5rem;border-bottom:1px solid #F3F4F6}
.em-num{width:2.2rem;height:2.2rem;border-radius:.75rem;background:var(--ib-mint);color:var(--ib-green-dark);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.em-head-text{flex:1;min-width:12rem}
.em-title{margin:0;font-size:1.2rem;font-weight:800;color:var(--ib-ink)}
.em-meta{margin:.15rem 0 0;display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--ib-muted)}
.em-subject{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;background:#F9FAFB;border-bottom:1px solid #F3F4F6}
.em-k{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-muted);flex-shrink:0}
.em-subject p{margin:0;flex:1;font-weight:700;color:var(--ib-ink)}
.em-mini{width:2.2rem;height:2.2rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;color:var(--ib-muted);cursor:pointer;flex-shrink:0}
.em-mini:hover{background:#fff;color:var(--ib-green-dark)}.em-mini.is-copied{background:var(--ib-green);color:#fff}
.em-body{white-space:pre-wrap;padding:1.25rem 1.5rem 1.5rem;font-size:.98rem;line-height:1.7;color:#374151}
.ph{background:#FEF3C7;color:#92400E;border-radius:.3rem;padding:0 .2rem;font-weight:600}
.ph.ph-filled{background:#D1FAE5;color:#065F46}
/* blog → tool plug */
.tool-plug{display:flex;flex-direction:column;gap:.2rem;background:#fff;border:2px solid #A7F3D0;border-radius:1.25rem;padding:1rem 1.25rem;margin:1.5rem 0;text-decoration:none!important;transition:all .2s}
.tool-plug:hover{border-color:var(--ib-green);box-shadow:0 12px 30px -16px rgba(16,185,129,.5)}
.tool-plug-tag{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ib-green-dark)}
.tool-plug-title{font-weight:800;color:var(--ib-ink);font-size:1.05rem}
.tool-plug-text{font-size:.92rem;color:var(--ib-muted);font-weight:500}

/* ---- Wave 2 tools: shared form bits ---- */
.ng-field{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:700;color:var(--ib-ink)}
.ng-field em{font-weight:500;color:var(--ib-muted);font-style:normal}
.ng-field input,.ng-field select{min-height:48px;border:1.5px solid var(--ib-line);border-radius:.9rem;padding:0 .9rem;font-size:1rem;font-weight:500;color:var(--ib-ink);background:#fff;width:100%}
.ng-field input:focus,.ng-field select:focus{outline:none;border-color:var(--ib-green);box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.ng-chip{min-height:38px;padding:0 1rem;border-radius:999px;border:1.5px solid var(--ib-line);background:#fff;font-size:.85rem;font-weight:600;color:var(--ib-body);cursor:pointer;transition:all .15s}
.ng-chip:hover{border-color:#A7F3D0}
.ng-chip.is-on{background:var(--ib-mint);border-color:var(--ib-green);color:var(--ib-green-dark)}
/* name generator */
.ng{background:#fff;border:1px solid var(--ib-line);border-radius:1.75rem;padding:1.5rem;box-shadow:0 20px 50px -30px rgba(17,24,39,.25)}
.ng-row{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.ng-row{grid-template-columns:1.4fr 1fr auto;align-items:end}}
.ng-styles{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;font-weight:700;color:var(--ib-ink)}
.ng-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1rem;color:var(--ib-muted);font-size:.9rem}
.ng-grid{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.ng-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ng-grid{grid-template-columns:repeat(3,1fr)}}
.ng-card{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#fff;border:1px solid var(--ib-line);border-radius:1rem;padding:.9rem 1rem;transition:all .15s}
.ng-card:hover{border-color:#A7F3D0;box-shadow:0 10px 24px -16px rgba(16,185,129,.5)}
.ng-name{font-weight:800;color:var(--ib-ink);font-size:1.05rem;margin:0;min-width:0;overflow-wrap:anywhere}
.ng-acts{display:flex;gap:.25rem;flex-shrink:0}
.ng-act{min-width:36px;height:36px;padding:0 .5rem;border-radius:.6rem;border:0;background:#F3F4F6;color:var(--ib-body);font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ng-act:hover{background:var(--ib-mint);color:var(--ib-green-dark)}
.ng-act[aria-pressed=true]{color:#E11D48}
.ng-act.is-copied{background:#065F46;color:#fff}
.ng-saved{margin-top:1.5rem;background:var(--ib-mint);border-radius:1.25rem;padding:1rem 1.25rem}
.ng-saved-title{font-weight:800;color:var(--ib-green-dark);margin:0 0 .6rem}
.ng-saved-list{display:flex;flex-wrap:wrap;gap:.5rem}
.ng-pill{background:#fff;border-radius:999px;padding:.35rem .8rem;font-weight:700;font-size:.9rem;color:var(--ib-ink)}
/* logo maker */
.lm{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:1024px){.lm{grid-template-columns:1.25fr 1fr;align-items:start}.lm-preview-wrap{position:sticky;top:96px}}
.lm-preview{border:1px solid var(--ib-line);border-radius:1.75rem;overflow:hidden;background:#fff;box-shadow:0 20px 50px -30px rgba(17,24,39,.3)}
.lm-preview.is-checker{background-color:#fff;background-image:linear-gradient(45deg,#F3F4F6 25%,transparent 25%,transparent 75%,#F3F4F6 75%),linear-gradient(45deg,#F3F4F6 25%,transparent 25%,transparent 75%,#F3F4F6 75%);background-size:24px 24px;background-position:0 0,12px 12px}
.lm-preview canvas{display:block;width:100%;height:auto}
.lm-bgs,.lm-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;font-weight:700;color:var(--ib-ink)}
.lm-chips{margin-top:0}
.lm-dls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.lm-controls{display:flex;flex-direction:column;gap:1.25rem;background:#fff;border:1px solid var(--ib-line);border-radius:1.75rem;padding:1.5rem}
.lm-label{font-size:.8rem;font-weight:700;color:var(--ib-ink);margin:0 0 .5rem}
.lm-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}
.lm-icon{aspect-ratio:1;border-radius:.75rem;border:1.5px solid var(--ib-line);background:#fff;color:var(--ib-body);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .15s}
.lm-icon:hover{border-color:#A7F3D0}
.lm-icon.is-on{border-color:var(--ib-green);background:var(--ib-mint);color:var(--ib-green-dark)}
.lm-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.lm-sws{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.lm-sw{width:36px;height:36px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--ib-line);cursor:pointer}
.lm-sw.is-on{box-shadow:0 0 0 2.5px var(--ib-ink)}
.lm-custom{width:36px;height:36px;border-radius:999px;overflow:hidden;box-shadow:0 0 0 1.5px var(--ib-line);background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);position:relative;cursor:pointer}
.lm-custom input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
/* signature generator */
.sg{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:1024px){.sg{grid-template-columns:1fr 1.15fr;align-items:start}.sg-out{position:sticky;top:96px}}
.sg-form{display:flex;flex-direction:column;gap:1.25rem;background:#fff;border:1px solid var(--ib-line);border-radius:1.75rem;padding:1.5rem}
.sg-fields{display:grid;gap:.9rem;grid-template-columns:1fr}
@media(min-width:640px){.sg-fields{grid-template-columns:1fr 1fr}}
.sg-mail{border:1px solid var(--ib-line);border-radius:1.5rem;background:#fff;overflow:hidden;box-shadow:0 20px 50px -30px rgba(17,24,39,.3)}
.sg-mail-top{display:flex;align-items:center;gap:.4rem;padding:.8rem 1rem;background:#F9FAFB;border-bottom:1px solid var(--ib-line)}
.sg-mail-top span{width:10px;height:10px;border-radius:99px;background:#E5E7EB}
.sg-mail-top p{margin:0 0 0 .5rem;font-size:.8rem;font-weight:700;color:var(--ib-muted)}
.sg-mail-body{padding:1.5rem;overflow-x:auto}
.sg-mail-line{height:10px;border-radius:99px;background:#F3F4F6;margin:0 0 .6rem}
.sg-short{width:60%}
.sg-mail-hi{margin:1.25rem 0 .9rem;color:var(--ib-body);font-size:.95rem}
.sg-acts{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.sg-how{margin-top:1.5rem;background:#F9FAFB;border-radius:1.25rem;padding:1.25rem}
.sg-tabs{display:flex;gap:.4rem;margin-bottom:.75rem}
.sg-tab{padding:.45rem .9rem;border-radius:999px;border:0;background:transparent;font-weight:700;font-size:.85rem;color:var(--ib-muted);cursor:pointer}
.sg-tab.is-on{background:#fff;color:var(--ib-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sg-steps{margin:0;padding-left:1.2rem;color:var(--ib-body);font-size:.92rem;line-height:1.8}
.sg-steps{list-style:decimal}.sg-steps li{padding-left:.2rem}
/* tool hub cover cards */
.tl-card-cover{padding:0;overflow:hidden;gap:0}
.tl-card-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;background:#ECFDF5;border-bottom:1px solid #EEF7F2;transition:filter .2s}
.tl-card-cover:hover .tl-card-img{filter:saturate(1.08)}
.tl-card-body{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem 1.75rem 1.75rem;flex:1}
/* blog category filter */
.bf{display:flex;gap:.5rem;margin:0 0 2rem;overflow-x:auto;padding:.25rem .1rem .5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bf::-webkit-scrollbar{display:none}
@media(min-width:768px){.bf{flex-wrap:wrap;justify-content:center;overflow:visible}}
.bf-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;min-height:42px;padding:0 1.1rem;border-radius:999px;border:1.5px solid var(--ib-line);background:#fff;font-size:.9rem;font-weight:700;color:var(--ib-body);cursor:pointer;transition:all .15s;white-space:nowrap}
.bf-chip:hover{border-color:#A7F3D0;color:var(--ib-green-dark)}
.bf-chip.is-on{background:var(--ib-green);border-color:var(--ib-green);color:#fff;box-shadow:0 8px 20px -10px rgba(16,185,129,.7)}
.bf-n{font-size:.72rem;font-weight:800;background:#F3F4F6;color:var(--ib-muted);border-radius:999px;padding:.1rem .45rem;min-width:1.4rem;text-align:center}
.bf-chip.is-on .bf-n{background:rgba(255,255,255,.25);color:#fff}
.blog-card[hidden]{display:none}
/* ---- Help Center ---- */
.hc-hero{padding:8rem 0 3rem;background:radial-gradient(60rem 22rem at 50% -6rem,#D1FAE5 0,rgba(236,253,245,.6) 40%,transparent 70%)}
@media(min-width:1024px){.hc-hero{padding-top:10rem}}
.hc-hero-sm{padding-bottom:2rem}
.hc-search{position:relative;max-width:40rem;margin:2rem auto 0}
.hc-hero-sm .hc-search{margin:1.5rem 0 0}
.hc-search input{width:100%;min-height:56px;border:1.5px solid var(--ib-line);border-radius:999px;padding:0 1.25rem 0 3.1rem;font-size:1rem;background:#fff;box-shadow:0 14px 30px -18px rgba(17,24,39,.3)}
.hc-search-lg input{min-height:64px;font-size:1.1rem}
.hc-search input:focus{outline:none;border-color:var(--ib-green);box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.hc-search-ic{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);color:var(--ib-muted);display:flex}
.hc-results{position:absolute;left:0;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid var(--ib-line);border-radius:1.25rem;box-shadow:0 24px 50px -20px rgba(17,24,39,.3);padding:.4rem;z-index:30;text-align:left}
.hc-results a{display:flex;flex-direction:column;padding:.7rem .9rem;border-radius:.8rem;text-decoration:none;color:var(--ib-ink)}
.hc-results a:hover{background:var(--ib-mint)}
.hc-results small{color:var(--ib-muted);font-size:.8rem}
.hc-noresults{margin:0;padding:.8rem .9rem;color:var(--ib-body);font-size:.95rem}
.hc-noresults a{display:inline;padding:0;color:var(--ib-green-dark);font-weight:700}
.hc-cards{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.hc-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.hc-cards{grid-template-columns:repeat(3,1fr)}}
.hc-card{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid var(--ib-line);border-radius:1.75rem;padding:1.75rem;text-decoration:none;transition:all .2s}
.hc-card:hover{border-color:#A7F3D0;box-shadow:0 20px 40px -20px rgba(16,185,129,.45);transform:translateY(-3px)}
.hc-card-ic{width:3.25rem;height:3.25rem;border-radius:1rem;background:var(--ib-mint);color:var(--ib-green-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:.3rem}
.hc-card-t{font-size:1.2rem;font-weight:800;color:var(--ib-ink)}
.hc-card-d{color:var(--ib-body);line-height:1.6;font-size:.95rem}
.hc-card-n{margin-top:auto;padding-top:.4rem;font-size:.8rem;font-weight:700;color:var(--ib-muted)}
.hc-h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--ib-ink);line-height:1.15;margin:0}
.hc-sub{color:var(--ib-body);margin:.35rem 0 0}
.hc-h2{font-size:1.4rem;font-weight:800;color:var(--ib-ink);margin:0 0 1rem}
.hc-cat-head{display:flex;align-items:center;gap:1rem;margin-top:.5rem}
.hc-layout{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:1024px){.hc-layout{grid-template-columns:240px 1fr;align-items:start}.hc-side{position:sticky;top:96px}}
.hc-side{display:flex;flex-direction:column;gap:.25rem}
@media(max-width:1023px){.hc-side{flex-direction:row;overflow-x:auto;scrollbar-width:none}.hc-side::-webkit-scrollbar{display:none}.hc-side-h{display:none}}
.hc-side-h{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ib-muted);margin:0 0 .5rem .75rem}
.hc-side-a{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border-radius:.8rem;color:var(--ib-body);font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap}
.hc-side-a:hover{background:#F9FAFB;color:var(--ib-ink)}
.hc-side-a.is-on{background:var(--ib-mint);color:var(--ib-green-dark)}
.hc-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--ib-line);border-radius:1.5rem;overflow:hidden}
.hc-list li+li{border-top:1px solid #F3F4F6}
.hc-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;text-decoration:none;color:var(--ib-muted)}
.hc-row:hover{background:#F9FAFB;color:var(--ib-green)}
.hc-row b{display:block;color:var(--ib-ink);font-size:1rem}
.hc-row small{display:block;color:var(--ib-muted);font-size:.88rem;margin-top:.15rem}
.hc-empty{text-align:center;background:#fff;border:1.5px dashed #D1D5DB;border-radius:1.5rem;padding:3rem 1.5rem}
.hc-empty-ic{width:3rem;height:3rem;border-radius:999px;background:#F3F4F6;color:var(--ib-muted);display:inline-flex;align-items:center;justify-content:center}
.hc-empty-t{font-weight:800;color:var(--ib-ink);font-size:1.1rem;margin:.9rem 0 .3rem}
.hc-empty-s{color:var(--ib-body);margin:0 auto 1rem;max-width:26rem}
.hc-link{font-weight:700;color:var(--ib-green-dark);text-decoration:none}
.hc-more{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.hc-more{grid-template-columns:1fr 1fr}}
.hc-more-a{display:flex;flex-direction:column;gap:.2rem;padding:1.25rem 1.5rem;border-radius:1.25rem;background:#F9FAFB;text-decoration:none;color:var(--ib-ink);transition:background .15s}
.hc-more-a:hover{background:var(--ib-mint)}
.hc-more-a small{color:var(--ib-body)}
.hc-contact-wrap{padding:3rem 0 5rem;scroll-margin-top:80px}
.hc-contact{display:grid;gap:2rem;grid-template-columns:1fr;background:#fff;border:1px solid var(--ib-line);border-radius:2rem;padding:2rem;box-shadow:0 20px 50px -30px rgba(17,24,39,.25)}
@media(min-width:768px){.hc-contact{grid-template-columns:.8fr 1.2fr;padding:2.5rem}}
.hc-contact-ic{width:3rem;height:3rem;border-radius:1rem;background:var(--ib-mint);color:var(--ib-green-dark);display:flex;align-items:center;justify-content:center}
.hc-contact-intro h2{font-size:1.6rem;font-weight:800;color:var(--ib-ink);margin:1rem 0 .5rem}
.hc-contact-intro p{color:var(--ib-body);line-height:1.6;margin:0}
.hc-form #hc-form-fields{display:flex;flex-direction:column;gap:1rem}
.hc-form .tl-btn{align-self:flex-start}
.hc-two{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.hc-two{grid-template-columns:1fr 1fr}}
.ng-field textarea{border:1.5px solid var(--ib-line);border-radius:.9rem;padding:.75rem .9rem;font-size:1rem;font-weight:500;color:var(--ib-ink);font-family:inherit;resize:vertical}
.ng-field textarea:focus{outline:none;border-color:var(--ib-green);box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.ng-field [aria-invalid=true]{border-color:#EF4444}
.hc-status{margin:0;font-size:.9rem;min-height:1.2rem}
.hc-sent{background:var(--ib-mint);border-radius:1.25rem;padding:1.5rem;color:var(--ib-body)}
.hc-sent-t{font-weight:800;color:var(--ib-green-dark);font-size:1.1rem;margin:0 0 .3rem}
.hc-helpful{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:2.5rem 0;padding:1.25rem 1.5rem;background:#F9FAFB;border-radius:1.25rem}
.hc-helpful p{margin:0 .5rem 0 0;font-weight:700;color:var(--ib-ink)}
.hc-helpful-t{font-weight:700;color:var(--ib-green-dark)}
.hc-hero .text-center .crumbs{justify-content:center}
/* ---- Roadmap ---- */
.rm-board{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:768px){.rm-board{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.rm-board{grid-template-columns:repeat(4,1fr);align-items:start}}
.rm-col{--c:#10B981;--bg:#ECFDF5;background:#F9FAFB;border:1px solid var(--ib-line);border-radius:1.75rem;padding:1.25rem}
.rm-building{--c:#D97706;--bg:#FEF3C7}.rm-planned{--c:#2563EB;--bg:#DBEAFE}.rm-exploring{--c:#7C3AED;--bg:#EDE9FE}
.rm-col-h{display:flex;align-items:center;gap:.75rem;padding:.25rem .25rem 1rem}
.rm-col-ic{width:2.5rem;height:2.5rem;border-radius:.85rem;background:var(--bg);color:var(--c);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rm-col-t{margin:0;font-weight:800;color:var(--ib-ink);font-size:1.05rem}
.rm-col-n{margin:0;font-size:.8rem;color:var(--ib-muted)}
.rm-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.rm-item{background:#fff;border:1px solid var(--ib-line);border-left:4px solid var(--c);border-radius:1rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.rm-item b{color:var(--ib-ink);font-size:.95rem}
.rm-item span{color:var(--ib-body);font-size:.86rem;line-height:1.5}
.rm-disclaimer{text-align:center;color:var(--ib-muted);font-size:.85rem;margin:1.5rem auto 0}
.rm-h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:800;color:var(--ib-ink);letter-spacing:-.01em;margin:0 0 1.5rem}
.rm-ups{list-style:none;margin:0;padding:0 0 0 1.5rem;border-left:2px solid #D1FAE5}
.rm-up{position:relative;padding:0 0 1.75rem}
.rm-up::before{content:"";position:absolute;left:calc(-1.5rem - 7px);top:.3rem;width:12px;height:12px;border-radius:99px;background:#10B981;box-shadow:0 0 0 4px #ECFDF5}
.rm-up-meta{display:flex;align-items:center;gap:.6rem;margin:0;font-size:.82rem;color:var(--ib-muted)}
.rm-tag{background:var(--ib-mint);color:var(--ib-green-dark);font-weight:700;font-size:.72rem;padding:.15rem .55rem;border-radius:999px}
.rm-up-t{margin:.35rem 0 .2rem;font-weight:800;color:var(--ib-ink);font-size:1.08rem}
.rm-up-x{margin:0;color:var(--ib-body);line-height:1.6}
.hc-form #rm-fields{display:flex;flex-direction:column;gap:1rem}
/* ---- Pricing page ---- */
.pr-note{text-align:center;color:var(--ib-muted);font-size:.9rem;margin:2.5rem 0 0}
.pr-table-wrap{overflow-x:auto;border:1px solid var(--ib-line);border-radius:1.75rem;background:#fff;box-shadow:0 20px 50px -35px rgba(17,24,39,.3)}
.pr-table{width:100%;border-collapse:collapse;min-width:560px;font-size:.95rem}
.pr-table th,.pr-table td{padding:.95rem 1.1rem;text-align:center;border-bottom:1px solid #F3F4F6}
.pr-table tbody th{text-align:left;font-weight:600;color:var(--ib-ink)}
.pr-table td{color:var(--ib-body)}
.pr-table thead th{position:sticky;top:0;background:#fff;font-size:1.05rem;font-weight:800;color:var(--ib-ink);padding-top:1.4rem;padding-bottom:1.1rem;border-bottom:1.5px solid var(--ib-line)}
.pr-table thead small{display:block;font-size:.8rem;font-weight:600;color:var(--ib-muted);margin-top:.2rem}
.pr-table .pr-hl{color:var(--ib-green-dark)}
.pr-table td:nth-child(3){background:#F6FEFA}
.pr-sec th{text-align:left!important;background:#F9FAFB;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.1em;color:var(--ib-muted)!important;padding:.7rem 1.1rem!important}
.pr-yes{display:inline-flex;width:1.6rem;height:1.6rem;border-radius:99px;background:var(--ib-mint);color:var(--ib-green-dark);align-items:center;justify-content:center;font-weight:800;font-size:.85rem}
.pr-no{color:#D1D5DB;font-weight:700}
.pr-table tbody tr:last-child th,.pr-table tbody tr:last-child td{border-bottom:0}
.pr-compare{display:grid;gap:1.25rem;grid-template-columns:1fr;align-items:center;background:#F9FAFB;border-radius:1.75rem;padding:1.75rem 2rem}
@media(min-width:768px){.pr-compare{grid-template-columns:1fr 1.3fr}}
.pr-compare-t{margin:0;font-size:1.25rem;font-weight:800;color:var(--ib-ink)}
.pr-compare-s{margin:.3rem 0 0;color:var(--ib-body)}
.pr-vs-list{display:flex;flex-wrap:wrap;gap:.5rem}
.pr-vs{display:inline-flex;gap:.35rem;padding:.55rem .95rem;border-radius:999px;background:#fff;border:1px solid var(--ib-line);font-size:.88rem;font-weight:700;color:var(--ib-ink);text-decoration:none;transition:all .15s}
.pr-vs:hover{border-color:#A7F3D0;color:var(--ib-green-dark)}
/* compare: Invozi logo in headers */
.cmp-head-logo{display:block;height:26px;width:auto}
.cmp-head-mark{display:none;height:28px;width:auto}
@media(max-width:520px){.cmp-head-logo{display:none}.cmp-head-mark{display:block}}
.cmp-pc-brand{display:flex;align-items:center;gap:.45rem}
.cmp-pc-brand img{height:20px;width:auto}
.cmp-title-brand{display:flex;align-items:center;gap:.55rem}
.cmp-title-brand img{height:22px;width:auto}