
.breadcrumbs{padding:20px 0;font-size:.88rem;color:#9aa4bb}
.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumbs li:not(:last-child)::after{content:"â€º";margin-left:6px;color:#4b5470}
.breadcrumbs a{color:#cbd3e1}
.breadcrumbs a:hover{color:#00c2ff}

.wa-float{position:fixed;bottom:22px;right:22px;z-index:60;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px -6px rgba(37,211,102,.6);transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px;fill:#fff}

.trust-bar{background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:22px 0}
.trust-bar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;align-items:center;color:#9aa4bb;font-size:.9rem}
.trust-bar-grid span{display:inline-flex;align-items:center;gap:8px}
.trust-bar-grid b{color:#fff;font-weight:700}

.counter-strip{background:linear-gradient(135deg,rgba(108,92,231,.14),rgba(0,194,255,.1));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;margin-top:30px}
.counter-strip strong{display:block;font-size:2rem;color:#00c2ff;font-weight:800}
.counter-strip span{color:#cbd3e1;font-size:.88rem}
@media (max-width:680px){.counter-strip{grid-template-columns:repeat(2,1fr)}}

.compare-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
.compare-table th,.compare-table td{padding:16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);color:#cbd3e1;font-size:.94rem}
.compare-table th{background:rgba(255,255,255,.04);color:#fff;font-weight:700}
.compare-table td:first-child{font-weight:600;color:#fff}
.compare-table tr:hover td{background:rgba(0,194,255,.04)}
.compare-table .yes{color:#00e4a0;font-weight:700}
.compare-table .no{color:#ff6b6b;font-weight:700}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-4px);border-color:rgba(0,194,255,.3)}
.blog-card .cover{height:160px;background:linear-gradient(135deg,#6c5ce7,#00c2ff);position:relative}
.blog-card .cover::after{content:"";position:absolute;inset:0;background:radial-gradient(300px 120px at 20% 30%,rgba(255,255,255,.2),transparent)}
.blog-card-body{padding:22px;display:flex;flex-direction:column;flex:1}
.blog-card-body time{color:#9aa4bb;font-size:.82rem;margin-bottom:8px}
.blog-card-body h3{font-size:1.1rem;margin-bottom:10px}
.blog-card-body p{color:#a9b3c9;font-size:.92rem;margin:0 0 14px}
.blog-card-body .readmore{color:#00c2ff;font-weight:600;font-size:.9rem;margin-top:auto}
@media (max-width:860px){.blog-grid{grid-template-columns:1fr}}

.article-body{max-width:780px;margin:0 auto}
.article-body h2{margin-top:40px}
.article-body h3{margin-top:28px}
.article-body ul,.article-body ol{padding-left:22px;color:#cbd3e1}
.article-body li{margin-bottom:8px}
.article-body p{color:#cbd3e1}
.article-meta{text-align:center;color:#9aa4bb;font-size:.9rem;margin-bottom:30px}

.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.badges span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.82rem;color:#cbd3e1}

.offer-timer{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,107,107,.15);border:1px solid rgba(255,107,107,.3);border-radius:10px;color:#ffb4b4;font-size:.88rem;font-weight:600;margin-bottom:14px}
