/* ============================================================
   BULENOX TRADERS — Brand Design System
   Component styles for a premium FinTech editorial site.
   Palette, type, spacing, shadows + reusable .blx- components.
   ============================================================ */

:root{
  --blx-blue:#2A7CB0; --blx-sky:#51B8DB; --blx-mint:#7FD0EF;
  --blx-cream:#F4F8FC; --blx-ink:#14385E; --blx-muted:#51627A;
  --blx-white:#ffffff; --blx-deep:#0E2A47;
  --blx-hairline:rgba(20,56,94,.14); --blx-hairline-soft:rgba(20,56,94,.08);
  --blx-positive:#2E7D6B; --blx-critical:#B4552D;
  --blx-tint:#E8F1FA; --blx-tint2:#F3F9FD;
  --blx-shadow-sm:0 1px 2px rgba(23,33,43,.04),0 2px 8px rgba(23,33,43,.05);
  --blx-shadow-md:0 8px 28px rgba(23,33,43,.08);
  --blx-shadow-lg:0 20px 52px rgba(23,33,43,.12);
  --blx-radius:16px; --blx-radius-sm:12px; --blx-radius-lg:20px; --blx-radius-pill:999px;
  --blx-font-head:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --blx-font-body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --blx-maxw:1200px; --blx-ease:cubic-bezier(.4,0,.2,1);
}

/* ---------- Base rhythm ---------- */
.blx-scope, .blx-scope *{box-sizing:border-box}
.blx-eyebrow{display:inline-block;font-family:var(--blx-font-body);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blx-blue);margin:0 0 14px}
.blx-eyebrow--muted{color:var(--blx-muted)}
.blx-lead{font-family:var(--blx-font-body);font-size:19px;line-height:1.6;color:var(--blx-muted);max-width:60ch}
.blx-kicker-line{width:44px;height:3px;border-radius:3px;background:var(--blx-blue);margin:0 0 22px}
.blx-center{text-align:center}
.blx-center .blx-kicker-line,.blx-center .blx-lead{margin-left:auto;margin-right:auto}

/* ---------- Buttons ---------- */
.blx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--blx-font-head);font-weight:600;font-size:16px;line-height:1;letter-spacing:.01em;padding:15px 28px;border-radius:var(--blx-radius-sm);border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:all .25s var(--blx-ease)}
.blx-btn--primary{background:var(--blx-blue);color:#fff!important;box-shadow:0 6px 18px rgba(20,56,94,.24)}
.blx-btn--primary:hover{background:var(--blx-deep);box-shadow:0 10px 26px rgba(20,56,94,.32);transform:translateY(-1px)}
.blx-btn--secondary{background:#fff;color:var(--blx-blue)!important;border-color:var(--blx-hairline)}
.blx-btn--secondary:hover{border-color:var(--blx-blue);background:var(--blx-tint2)}
.blx-btn--ghost{background:transparent;color:var(--blx-blue)!important;border-color:transparent;padding-left:6px;padding-right:6px}
.blx-btn--ghost:hover{color:var(--blx-deep)}
.blx-btn--lg{padding:18px 34px;font-size:17px}
.blx-btn__arrow{transition:transform .25s var(--blx-ease)}
.blx-btn:hover .blx-btn__arrow{transform:translateX(3px)}

/* ---------- Section + layout helpers ---------- */
.blx-section{padding:84px 0}
.blx-section--tight{padding:56px 0}
.blx-wrap{width:100%;max-width:var(--blx-maxw);margin:0 auto;padding:0 24px}
.blx-grid{display:grid;gap:24px}
.blx-grid--2{grid-template-columns:repeat(2,1fr)}
.blx-grid--3{grid-template-columns:repeat(3,1fr)}
.blx-grid--4{grid-template-columns:repeat(4,1fr)}
.blx-head{max-width:720px;margin:0 0 44px}
.blx-head--center{margin-left:auto;margin-right:auto;text-align:center}
.blx-head h2{margin:0 0 14px}

/* ---------- Cards ---------- */
.blx-card{background:#fff;border:1px solid var(--blx-hairline-soft);border-radius:var(--blx-radius);padding:30px;box-shadow:var(--blx-shadow-sm);transition:box-shadow .3s var(--blx-ease),transform .3s var(--blx-ease),border-color .3s var(--blx-ease)}
.blx-card:hover{box-shadow:var(--blx-shadow-md);transform:translateY(-3px);border-color:var(--blx-hairline)}
.blx-card__ico{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--blx-tint);color:var(--blx-blue);margin-bottom:20px}
.blx-card__ico svg{width:26px;height:26px}
.blx-card h3{font-size:20px;margin:0 0 10px}
.blx-card p{color:var(--blx-muted);margin:0;font-size:15.5px;line-height:1.65}
.blx-card__link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-family:var(--blx-font-head);font-weight:600;font-size:14.5px;color:var(--blx-blue);text-decoration:none}
.blx-card__link:hover{color:var(--blx-deep)}

/* ---------- Roadmap / steps ---------- */
.blx-steps{counter-reset:blxstep;display:grid;gap:16px}
.blx-step{position:relative;display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--blx-hairline-soft);border-radius:var(--blx-radius);padding:22px 26px;box-shadow:var(--blx-shadow-sm);text-decoration:none;transition:all .25s var(--blx-ease)}
.blx-step:hover{border-color:var(--blx-hairline);box-shadow:var(--blx-shadow-md);transform:translateX(3px)}
.blx-step__num{counter-increment:blxstep;flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--blx-blue);color:#fff;font-family:var(--blx-font-head);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}
.blx-step__num::before{content:counter(blxstep,decimal-leading-zero)}
.blx-step__body h3{font-size:18px;margin:2px 0 5px;color:var(--blx-ink)}
.blx-step__body p{margin:0;color:var(--blx-muted);font-size:15px}

/* ---------- Coupon / deal box ---------- */
.blx-coupon{background:linear-gradient(135deg,#14385E 0%,#0E2A47 100%);border-radius:var(--blx-radius-lg);padding:34px;color:#fff;box-shadow:var(--blx-shadow-lg);position:relative;overflow:hidden}
.blx-coupon::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(81,184,219,.35),transparent 70%)}
.blx-coupon__label{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blx-mint);font-weight:600;margin:0 0 8px}
.blx-coupon__code{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.blx-code{font-family:var(--blx-font-head);font-weight:700;font-size:26px;letter-spacing:.06em;background:rgba(255,255,255,.1);border:1.5px dashed rgba(200,223,219,.7);border-radius:12px;padding:12px 22px;color:#fff}
.blx-copy{border:none;background:var(--blx-mint);color:var(--blx-ink);font-family:var(--blx-font-head);font-weight:600;font-size:14.5px;padding:13px 20px;border-radius:12px;cursor:pointer;transition:all .2s var(--blx-ease)}
.blx-copy:hover{background:#fff}
.blx-coupon__note{margin:16px 0 0;font-size:13.5px;color:rgba(255,255,255,.7);position:relative;z-index:1}

/* ---------- CTA band ---------- */
.blx-cta{background:var(--blx-tint);border:1px solid var(--blx-hairline);border-radius:var(--blx-radius-lg);padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.blx-cta h3{margin:0 0 6px;font-size:24px}
.blx-cta p{margin:0;color:var(--blx-muted);font-size:16px}
.blx-cta--dark{background:linear-gradient(135deg,#14385E,#0E2A47);border-color:transparent;color:#fff}
.blx-cta--dark p{color:rgba(255,255,255,.75)}

/* ---------- Comparison table ---------- */
.blx-table-wrap{overflow-x:auto;border:1px solid var(--blx-hairline);border-radius:var(--blx-radius);box-shadow:var(--blx-shadow-sm);background:#fff;-webkit-overflow-scrolling:touch}
.blx-table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.blx-table th,.blx-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--blx-hairline-soft);vertical-align:top}
.blx-table thead th{background:var(--blx-ink);color:#fff;font-family:var(--blx-font-head);font-weight:600;font-size:14px;position:sticky;top:0}
.blx-table thead th.is-brand{background:var(--blx-blue)}
.blx-table tbody tr:nth-child(even){background:var(--blx-tint2)}
.blx-table td:first-child{font-weight:600;color:var(--blx-ink)}
.blx-table .blx-yes{color:var(--blx-positive);font-weight:600}
.blx-table .blx-no{color:var(--blx-critical);font-weight:600}

/* ---------- Review score + pros/cons ---------- */
.blx-score{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid var(--blx-hairline);border-radius:var(--blx-radius);padding:26px 30px;box-shadow:var(--blx-shadow-sm)}
.blx-score__num{font-family:var(--blx-font-head);font-weight:700;font-size:46px;line-height:1;color:var(--blx-blue)}
.blx-score__meta{font-size:14px;color:var(--blx-muted)}
.blx-proscons{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.blx-pc{background:#fff;border:1px solid var(--blx-hairline-soft);border-radius:var(--blx-radius);padding:26px 28px;box-shadow:var(--blx-shadow-sm)}
.blx-pc h4{margin:0 0 16px;font-size:17px;display:flex;align-items:center;gap:9px}
.blx-pc--pros h4{color:var(--blx-positive)}
.blx-pc--cons h4{color:var(--blx-critical)}
.blx-pc ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.blx-pc li{position:relative;padding-left:28px;font-size:15px;line-height:1.55;color:var(--blx-ink)}
.blx-pc li::before{position:absolute;left:0;top:1px;font-weight:700}
.blx-pc--pros li::before{content:"\2713";color:var(--blx-positive)}
.blx-pc--cons li::before{content:"\2013";color:var(--blx-critical)}

/* ---------- FAQ accordion (no JS) ---------- */
.blx-faq{display:grid;gap:12px}
.blx-faq details{background:#fff;border:1px solid var(--blx-hairline-soft);border-radius:var(--blx-radius-sm);box-shadow:var(--blx-shadow-sm);overflow:hidden;transition:border-color .2s}
.blx-faq details[open]{border-color:var(--blx-hairline)}
.blx-faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:var(--blx-font-head);font-weight:600;font-size:16.5px;color:var(--blx-ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.blx-faq summary::-webkit-details-marker{display:none}
.blx-faq summary::after{content:"+";font-size:22px;color:var(--blx-blue);font-weight:400;transition:transform .2s}
.blx-faq details[open] summary::after{transform:rotate(45deg)}
.blx-faq__a{padding:0 24px 22px;color:var(--blx-muted);font-size:15.5px;line-height:1.7}

/* ---------- Breadcrumb + article meta ---------- */
.blx-breadcrumb{font-size:13.5px;color:var(--blx-muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.blx-breadcrumb a{color:var(--blx-muted);text-decoration:none}
.blx-breadcrumb a:hover{color:var(--blx-blue)}
.blx-breadcrumb span.sep{opacity:.5}
.blx-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13.5px;color:var(--blx-muted)}
.blx-updated{display:inline-flex;align-items:center;gap:6px;background:var(--blx-tint);color:var(--blx-blue);padding:5px 12px;border-radius:var(--blx-radius-pill);font-weight:600;font-size:12.5px}

/* ---------- Badge + pill + trust row ---------- */
.blx-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:var(--blx-radius-pill);font-size:13.5px;font-weight:500}
.blx-pill{display:inline-flex;align-items:center;gap:7px;background:var(--blx-tint);color:var(--blx-blue);padding:7px 15px;border-radius:var(--blx-radius-pill);font-size:13px;font-weight:600}
.blx-trust{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;color:var(--blx-muted);font-size:14px}

/* ---------- TOC box ---------- */
.blx-toc{background:#fff;border:1px solid var(--blx-hairline);border-radius:var(--blx-radius);padding:24px 26px;box-shadow:var(--blx-shadow-sm)}
.blx-toc h4{margin:0 0 14px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--blx-muted)}
.blx-toc ol{margin:0;padding-left:20px;display:grid;gap:9px}
.blx-toc a{color:var(--blx-ink);text-decoration:none;font-size:15px}
.blx-toc a:hover{color:var(--blx-blue)}

/* ---------- Article prose ---------- */
.blx-prose{font-size:17px;line-height:1.75;color:var(--blx-ink)}
.blx-prose h2{margin:44px 0 16px}
.blx-prose h3{margin:32px 0 12px}
.blx-prose p{margin:0 0 18px}
.blx-prose ul,.blx-prose ol{margin:0 0 18px;padding-left:22px}
.blx-prose li{margin-bottom:8px}
.blx-prose a{color:var(--blx-blue);text-decoration:underline;text-underline-offset:2px}
.blx-prose blockquote{margin:26px 0;padding:16px 24px;border-left:3px solid var(--blx-blue);background:var(--blx-tint2);border-radius:0 12px 12px 0;color:var(--blx-muted);font-size:16px}

/* ---------- Disclosure note ---------- */
.blx-disclosure{background:var(--blx-tint2);border:1px dashed var(--blx-hairline);border-radius:12px;padding:14px 18px;font-size:13.5px;color:var(--blx-muted);line-height:1.6}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .blx-grid--3,.blx-grid--4{grid-template-columns:repeat(2,1fr)}
  .blx-section{padding:64px 0}
  .blx-cta{padding:32px}
}
@media(max-width:600px){
  .blx-grid--2,.blx-grid--3,.blx-grid--4{grid-template-columns:1fr}
  .blx-proscons{grid-template-columns:1fr}
  .blx-wrap{padding:0 18px}
  .blx-section{padding:52px 0}
  .blx-coupon,.blx-cta{padding:26px}
  .blx-code{font-size:22px}
}

/* ============ HEADER ============ */
.elementor-location-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 0 rgba(23,33,43,.06),0 4px 20px rgba(23,33,43,.04)}
.blx-header{background:#fff}
.blx-header .hfe-nav-menu .hfe-menu-item,.blx-header .hfe-nav-menu a.hfe-menu-item{font-family:var(--blx-font-head);font-weight:500;font-size:15px;color:var(--blx-ink);letter-spacing:.005em;transition:color .2s var(--blx-ease)}
.blx-header .hfe-nav-menu .menu-item:hover>a .hfe-menu-item,.blx-header .hfe-nav-menu .menu-item:hover>.hfe-menu-item{color:var(--blx-blue)}
.blx-header .hfe-nav-menu .current-menu-item>.hfe-menu-item,.blx-header .hfe-nav-menu .current-menu-item>a .hfe-menu-item{color:var(--blx-blue);font-weight:600}
.blx-header .hfe-menu-toggle,.blx-header button.hfe-menu-toggle{background:var(--blx-blue)!important;color:#fff!important;border-radius:10px}
.blx-header .elementor-button,.blx-header .blx-cta-btn a{white-space:nowrap}
@media(max-width:1024px){.blx-header .blx-header-cta{display:none}}

/* ============ FOOTER ============ */
.blx-footer{background:var(--blx-ink);color:#fff}
.blx-footer .elementor-heading-title{color:#fff}
.blx-footer p{color:rgba(255,255,255,.66)}
.blx-footer .foot-col-title .elementor-heading-title,.blx-footer .foot-col-title{font-family:var(--blx-font-head);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blx-mint)}
.blx-footer .elementor-icon-list-icon{display:none}
.blx-footer .elementor-icon-list-item{margin-bottom:2px}
.blx-footer .elementor-icon-list-text{color:rgba(255,255,255,.68);font-size:14.5px;transition:color .2s}
.blx-footer .elementor-icon-list-item:hover .elementor-icon-list-text{color:#fff}
.blx-footer a{color:rgba(255,255,255,.68);text-decoration:none;transition:color .2s}
.blx-footer a:hover{color:#fff}
.blx-footer .foot-tagline p{color:rgba(255,255,255,.6);font-size:14.5px;line-height:1.65}
.blx-footer .foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:8px}
.blx-footer .foot-bottom p,.blx-footer .foot-bottom .elementor-heading-title{color:rgba(255,255,255,.5);font-size:13px;font-weight:400;font-family:var(--blx-font-body)}
.blx-footer .foot-disclaimer p{color:rgba(255,255,255,.45);font-size:12.5px;line-height:1.6}
.blx-footer .blx-social a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;margin-right:8px;color:rgba(255,255,255,.75)}
.blx-footer .blx-social a:hover{background:var(--blx-blue);border-color:var(--blx-blue);color:#fff}

/* ============ HERO + HOME helpers ============ */
.blx-hero{background:radial-gradient(1200px 600px at 80% -10%,rgba(81,184,219,.18),transparent 60%),linear-gradient(180deg,#F4F8FC 0%,var(--blx-cream) 100%)}
.blx-hero-panel{background:#fff;border:1px solid var(--blx-hairline);border-radius:var(--blx-radius-lg);box-shadow:var(--blx-shadow-lg);padding:26px}
.blx-hero-code{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px dashed var(--blx-blue);border-radius:var(--blx-radius-pill);padding:8px 8px 8px 18px;box-shadow:var(--blx-shadow-sm)}
.blx-hero-code b{font-family:var(--blx-font-head);letter-spacing:.08em;color:var(--blx-blue)}
.blx-hero-code span{background:var(--blx-blue);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--blx-radius-pill)}
.blx-statrow{display:flex;flex-wrap:wrap;gap:12px 34px}
.blx-stat b{display:block;font-family:var(--blx-font-head);font-weight:700;font-size:24px;color:var(--blx-ink)}
.blx-stat span{font-size:13px;color:var(--blx-muted)}
/* ================= OVERRIDES (correct selectors) ================= */
/* Global brand buttons (kit style wasn't applying) */
.elementor-button,.elementor-button:visited{background-color:var(--blx-blue);color:#fff;border-radius:12px;font-family:var(--blx-font-head);font-weight:600;letter-spacing:.01em;border:none;transition:all .25s var(--blx-ease)}
.elementor-button:hover,.elementor-button:focus{background-color:var(--blx-deep);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(20,56,94,.28)}

/* ---- HEADER (#masthead) ---- */
#masthead{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 0 rgba(23,33,43,.06),0 6px 22px rgba(23,33,43,.05)}
#masthead .elementor-widget-site-logo img{width:auto;max-height:46px}
#masthead .hfe-nav-menu ul.hfe-nav-menu{flex-wrap:nowrap}
#masthead .hfe-nav-menu .hfe-menu-item,#masthead .hfe-nav-menu a.hfe-menu-item{font-family:var(--blx-font-head);font-weight:500;font-size:15px;color:var(--blx-ink);white-space:nowrap;transition:color .2s}
#masthead .hfe-nav-menu .menu-item:hover>a .hfe-menu-item,#masthead .hfe-nav-menu .menu-item:hover .hfe-menu-item{color:var(--blx-blue)}
#masthead .hfe-nav-menu .current-menu-item .hfe-menu-item{color:var(--blx-blue);font-weight:600}
#masthead .hfe-menu-toggle{background:var(--blx-blue)!important;color:#fff!important;border-radius:10px}
@media(max-width:1024px){#masthead .blx-header-cta{display:none}}

/* ---- FOOTER (#colophon / .blx-foot) ---- */
#colophon,.blx-foot-wrap{background:var(--blx-ink)}
.blx-foot{color:#fff}
.blx-foot__cols{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:40px;align-items:start}
.blx-foot__brand img{max-width:188px;height:auto;margin-bottom:16px}
.blx-foot__brand p{color:rgba(255,255,255,.6);font-size:14.5px;line-height:1.65;margin:0 0 16px}
.blx-foot h4{font-family:var(--blx-font-head);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blx-mint);margin:0}
.blx-foot ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.blx-foot a{color:rgba(255,255,255,.66);text-decoration:none;font-size:14.5px;transition:color .2s}
.blx-foot a:hover{color:#fff}
.blx-foot .blx-social{display:flex;gap:9px;margin-top:4px}
.blx-foot .blx-social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:rgba(255,255,255,.75)}
.blx-foot .blx-social a:hover{background:var(--blx-blue);border-color:var(--blx-blue);color:#fff}
.blx-foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.blx-foot__bottom p{margin:0;color:rgba(255,255,255,.5);font-size:13px}
.blx-foot__disc{max-width:640px;color:rgba(255,255,255,.42)!important;font-size:12.5px!important;line-height:1.6}
@media(max-width:900px){.blx-foot__cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.blx-foot__cols{grid-template-columns:1fr}}
/* Button color override (beat kit specificity) */
.elementor-widget-button .elementor-button,a.elementor-button.elementor-button,.elementor-button.elementor-size-sm,.elementor-button.elementor-size-md{background-color:var(--blx-blue)!important;color:#fff!important;border-color:transparent!important}
.elementor-widget-button .elementor-button:hover,a.elementor-button.elementor-button:hover{background-color:var(--blx-deep)!important;color:#fff!important}
#masthead .blx-header-cta .elementor-button{padding:12px 22px;font-size:15px}
/* Header logo + mobile hamburger tuning */
#masthead .elementor-widget-site-logo img{max-height:44px!important;width:auto!important;max-width:172px}
#masthead>div>.e-con>.e-con-inner,#masthead .e-con-boxed>.e-con-inner{flex-wrap:nowrap!important;align-items:center}
#masthead .hfe-nav-menu__toggle,#masthead button.hfe-menu-toggle,#masthead .hfe-nav-menu-icon{margin-left:auto}
@media(max-width:1024px){#masthead .elementor-widget-site-logo{margin-right:auto}}
/* ================= HOMEPAGE ================= */
.hp-hero{position:relative;overflow:hidden}
.hp-hero .blx-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:76px;padding-bottom:84px}
.hp-hero h1{font-size:52px;line-height:1.06;letter-spacing:-1px;margin:0 0 22px}
.hp-hero .blx-lead{font-size:19px;margin-bottom:30px}
.hp-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.hp-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.hp-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--blx-hairline);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--blx-deep)}
.hp-badge svg{width:15px;height:15px;color:var(--blx-blue)}
.hp-visual{position:relative}
.hp-panel{background:#fff;border:1px solid var(--blx-hairline);border-radius:20px;box-shadow:var(--blx-shadow-lg);padding:22px 22px 18px}
.hp-panel__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.hp-panel__top b{font-family:var(--blx-font-head);font-size:15px}
.hp-panel__tag{font-size:11.5px;font-weight:600;color:var(--blx-blue);background:var(--blx-tint);padding:5px 11px;border-radius:999px}
.hp-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.hp-mini div{background:var(--blx-tint2);border:1px solid var(--blx-hairline-soft);border-radius:12px;padding:12px}
.hp-mini span{font-size:11.5px;color:var(--blx-muted);display:block}
.hp-mini b{font-family:var(--blx-font-head);font-size:14px;color:var(--blx-ink)}
.hp-float{position:absolute;background:#fff;border:1px solid var(--blx-hairline);border-radius:14px;box-shadow:var(--blx-shadow-md);padding:12px 16px;display:flex;align-items:center;gap:11px;max-width:260px}
.hp-float b{display:block;font-family:var(--blx-font-head);font-size:14px;line-height:1.2}
.hp-float span{font-size:12px;color:var(--blx-muted)}
.hp-float .ic{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:var(--blx-tint);display:flex;align-items:center;justify-content:center;color:var(--blx-blue)}
.hp-float--code{right:2px;bottom:-26px}
.hp-trust .blx-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;padding:20px 24px}
.hp-trust span{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--blx-muted);font-weight:500}
.hp-trust svg{width:17px;height:17px;color:var(--blx-blue)}
.band-white{background:#fff}.band-cream{background:var(--blx-cream)}.band-tint{background:var(--blx-tint2)}
.hp-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:blxstep}
.hp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hp-topics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hp-topic{background:#fff;border:1px solid var(--blx-hairline-soft);border-radius:14px;padding:22px;text-decoration:none;display:block;box-shadow:var(--blx-shadow-sm);transition:all .25s var(--blx-ease)}
.hp-topic:hover{box-shadow:var(--blx-shadow-md);transform:translateY(-3px);border-color:var(--blx-hairline)}
.hp-topic .n{font-family:var(--blx-font-head);font-weight:700;font-size:13px;color:var(--blx-sky)}
.hp-topic h4{font-size:17px;margin:8px 0 6px}
.hp-topic p{margin:0;font-size:13.5px;color:var(--blx-muted)}
.hp-teaser{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hp-tcard{border-radius:20px;padding:38px;color:#fff;position:relative;overflow:hidden;text-decoration:none;display:block}
.hp-tcard h3{color:#fff;font-size:26px;margin:0 0 10px}
.hp-tcard p{color:rgba(255,255,255,.82);margin:0 0 20px;font-size:15.5px;max-width:40ch}
.hp-tcard .go{display:inline-flex;align-items:center;gap:8px;font-family:var(--blx-font-head);font-weight:600;color:#fff}
.hp-tcard--review{background:linear-gradient(135deg,#2A7CB0,#0E2A47)}
.hp-tcard--compare{background:linear-gradient(135deg,#14385E,#1F5C86)}
.hp-tcard svg.bg{position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;opacity:.12}
.hp-deal .blx-coupon{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hp-deal h3{color:#fff;font-size:26px;margin:0 0 10px}
.hp-deal p{color:rgba(255,255,255,.72);margin:0 0 4px;font-size:15px}
.blx-cta--dark h3{color:#fff}
@media(max-width:960px){
 .hp-hero .blx-wrap{grid-template-columns:1fr;gap:36px;padding-top:52px;padding-bottom:56px}
 .hp-hero h1{font-size:38px}
 .hp-cards{grid-template-columns:1fr 1fr}
 .hp-topics{grid-template-columns:1fr 1fr}
 .hp-steps-grid{grid-template-columns:1fr}
 .hp-teaser{grid-template-columns:1fr}
 .hp-deal .blx-coupon{grid-template-columns:1fr}
}
@media(max-width:600px){
 .hp-hero h1{font-size:31px}
 .hp-cards,.hp-topics{grid-template-columns:1fr}
 .hp-mini{grid-template-columns:1fr 1fr}
}
/* ================= ARTICLE / CONTENT PAGES ================= */
.blx-arthead{padding:44px 0 0}
.blx-arthead .blx-breadcrumb{margin-bottom:18px}
.blx-arthead h1{font-size:42px;line-height:1.08;letter-spacing:-.5px;margin:12px 0 14px;max-width:20ch}
.blx-arthead .blx-lead{font-size:19px;margin:0}
.blx-arthead .blx-meta{margin-top:18px}
.blx-artlayout{display:grid;grid-template-columns:1fr 290px;gap:50px;align-items:start}
.blx-artlayout__toc{position:sticky;top:96px}
@media(max-width:900px){.blx-artlayout{grid-template-columns:1fr;gap:26px}.blx-artlayout__toc{position:static}}
.blx-prose h2{scroll-margin-top:90px}
.blx-prose h3{scroll-margin-top:90px}
.blx-prose .blx-table-wrap{margin:24px 0}
.blx-prose>*:first-child{margin-top:0}
.blx-note{background:var(--blx-tint);border:1px solid var(--blx-hairline);border-radius:14px;padding:18px 22px;margin:24px 0;font-size:15.5px;color:var(--blx-ink)}
.blx-note b{color:var(--blx-blue)}
.blx-keyfacts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0}
.blx-keyfacts div{background:#fff;border:1px solid var(--blx-hairline);border-radius:14px;padding:16px 18px;box-shadow:var(--blx-shadow-sm)}
.blx-keyfacts span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blx-muted);margin-bottom:4px}
.blx-keyfacts b{font-family:var(--blx-font-head);font-size:16px;color:var(--blx-ink)}
@media(max-width:600px){.blx-keyfacts{grid-template-columns:1fr}.blx-arthead h1{font-size:31px}}
.blx-authorbox{display:flex;gap:16px;align-items:center;background:var(--blx-tint2);border:1px solid var(--blx-hairline);border-radius:16px;padding:20px 24px;margin-top:34px}
.blx-authorbox .av{width:48px;height:48px;border-radius:50%;background:var(--blx-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--blx-font-head);font-weight:700;flex:0 0 auto}
.blx-authorbox p{margin:0;font-size:14px;color:var(--blx-muted)}
.blx-authorbox b{color:var(--blx-ink);font-family:var(--blx-font-head)}
.blx-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:800px){.blx-related{grid-template-columns:1fr}}
.blx-verdict{background:linear-gradient(135deg,#2A7CB0,#0E2A47);color:#fff;border-radius:20px;padding:34px;box-shadow:var(--blx-shadow-lg)}
.blx-verdict h3{color:#fff;margin:0 0 10px}
.blx-verdict p{color:rgba(255,255,255,.85);margin:0}
.blx-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:800px){.blx-contact-grid{grid-template-columns:1fr}}
/* ================= DEALS PAGE ================= */
.blx-dealband{padding:56px 0}
.blx-dealcard .elementor-element-populated,.blx-dealcard{}
.blx-eyebrow-light .elementor-heading-title{color:var(--blx-mint)!important;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;font-family:var(--blx-font-body)}
.blx-dealcode .elementor-heading-title{font-family:var(--blx-font-head);font-weight:700;font-size:38px;letter-spacing:.1em;color:#fff!important;background:rgba(255,255,255,.09);border:1.5px dashed rgba(200,223,219,.75);border-radius:14px;padding:14px 34px;display:inline-block}
.blx-dealwording p{color:#fff!important;font-size:17px;line-height:1.6;text-align:center;max-width:540px;margin:0 auto}
.blx-dealterms p{color:rgba(255,255,255,.68)!important;font-size:13px;text-align:center;max-width:560px;margin:0 auto}
.blx-deal-copybtn{text-align:center}
.blx-deal-copybtn .blx-copy{background:var(--blx-mint);color:var(--blx-ink);font-family:var(--blx-font-head);font-weight:600;font-size:15px;border:none;padding:13px 26px;border-radius:12px;cursor:pointer;transition:all .2s}
.blx-deal-copybtn .blx-copy:hover{background:#fff}
@media(max-width:900px){.blx-artlayout__toc{display:none}}
.blx-related a{display:block;background:#fff;border:1px solid var(--blx-hairline-soft);border-radius:14px;padding:20px 22px;text-decoration:none;box-shadow:var(--blx-shadow-sm);transition:all .25s}
.blx-related a:hover{box-shadow:var(--blx-shadow-md);transform:translateY(-3px)}
.blx-related h4{font-size:16px;margin:0 0 6px;color:var(--blx-ink)}
.blx-related p{margin:0;font-size:13.5px;color:var(--blx-muted)}
.blx-related .k{font-size:12px;font-weight:600;color:var(--blx-sky);font-family:var(--blx-font-head)}

/* new circular logo sizing */
#masthead .elementor-widget-site-logo img{max-height:58px!important;max-width:210px}
@media(max-width:1024px){#masthead .elementor-widget-site-logo img{max-height:48px!important}}

#masthead .elementor-widget-site-logo img{max-height:52px!important;max-width:64px}
@media(max-width:1024px){#masthead .elementor-widget-site-logo img{max-height:46px!important}}

/* full-logo header sizing */
#masthead .elementor-widget-site-logo img{max-height:66px!important;max-width:240px;width:auto!important}
#masthead .elementor-widget-site-logo{margin-right:18px}
@media(max-width:1024px){#masthead .elementor-widget-site-logo img{max-height:54px!important;max-width:190px}}
@media(max-width:600px){#masthead .elementor-widget-site-logo img{max-height:48px!important;max-width:150px}}