/* ===== Sfida.PRO shared design system (bold editorial) — scoped .sfx ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
.sfx{--bg:#0A1A26;--bg-2:#06121b;--surface:#0F2433;--surface-2:#13314A;--line:#1E3D56;--blue:#008FFF;--blue-2:#0F72B8;--amber:#F2B66B;--ink:#FFFFFF;--body:#CBDAE6;--muted:#7C9DBA;--maxw:1240px;font-family:'Poppins',system-ui,sans-serif;color:var(--body);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.sfx *{box-sizing:border-box;margin:0;padding:0}
.sfx h1,.sfx h2,.sfx h3,.sfx h4{font-family:'Poppins',sans-serif;color:var(--ink);letter-spacing:-.02em;font-weight:800}
.sfx a{color:inherit;text-decoration:none!important}
.sfx .wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}
.sfx .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:15px 30px;border-radius:40px;cursor:pointer;transition:transform .2s,background .2s}
.sfx .btn-primary{background:var(--blue);color:#001321}
.sfx .btn-primary:hover{transform:translateY(-2px);background:#1c9bff}
.sfx .btn-ghost{border:1px solid var(--line);color:#fff}
.sfx .btn-ghost:hover{border-color:var(--blue);color:#fff}
.sfx .kicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.sfx .kicker b{color:var(--blue)}
.sfx .hl{color:var(--blue)}
.sfx .text-link{font-weight:600;font-size:15px;color:#fff;border-bottom:2px solid var(--blue);padding-bottom:4px}

/* header */
.sfx.hdr{position:sticky;top:0;z-index:50;background:rgba(10,26,38,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sfx .nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.sfx .logo{display:inline-flex;align-items:center;line-height:0}
.sfx .logo img{height:50px;width:auto;display:block}
.sfx .navlinks{display:flex;gap:38px;font-size:15px;font-weight:500;color:var(--body)}
.sfx .navlinks a:hover{color:#fff}
.sfx .nav .btn{padding:12px 26px}

/* generic section */
.sfx .sec{padding:84px 0;border-bottom:1px solid var(--line)}
.sfx .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px;flex-wrap:wrap}
.sfx .sec-head h2{font-size:42px;line-height:1.06;font-weight:800;letter-spacing:-.03em;max-width:660px}
.sfx .sec-head p{color:var(--muted);font-size:16px;max-width:340px}
.sfx .lead{color:var(--muted);font-size:17px;max-width:760px;line-height:1.7}

/* SERVICE HERO */
.sfx .svc-hero{padding:84px 0 70px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg) 75%)}
.sfx .svc-hero .kicker{margin-bottom:26px}
.sfx .svc-hero h1{font-size:64px;line-height:1.0;font-weight:800;letter-spacing:-.035em;max-width:900px}
.sfx .svc-hero .pos{font-size:21px;color:var(--blue);font-weight:600;margin-top:22px}
.sfx .svc-hero .desc{font-size:18px;color:var(--body);max-width:680px;margin-top:18px;line-height:1.6}
.sfx .svc-hero .price-note{margin-top:24px;font-size:15px;color:#fff;font-weight:600}
.sfx .svc-hero .acts{display:flex;gap:20px;align-items:center;margin-top:34px;flex-wrap:wrap}
.sfx .callout{margin-top:30px;border:1px solid var(--line);border-left:3px solid var(--blue);background:var(--surface);border-radius:0 12px 12px 0;padding:18px 22px;font-size:14.5px;color:var(--body);max-width:760px;line-height:1.6}

/* PROOF STRIP */
.sfx .proof{background:var(--bg-2);border-bottom:1px solid var(--line)}
.sfx .proof .row{display:flex;gap:46px;justify-content:center;flex-wrap:wrap;padding:24px 40px;font-size:14.5px;color:var(--muted);font-weight:500;text-align:center}
.sfx .proof .row b{color:#fff;font-weight:700}

/* PROBLEM list */
.sfx .pain{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;margin-top:8px;max-width:980px}
.sfx .pain li{position:relative;padding-left:30px;font-size:16px;color:var(--body);line-height:1.5}
.sfx .pain li::before{content:"\2715";position:absolute;left:0;top:1px;color:#fa746f;font-weight:700;font-size:14px}

/* INCLUDED grid */
.sfx .incl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sfx .incl .it{background:var(--bg);padding:24px 26px}
.sfx .incl .it h4{font-size:17px;font-weight:700;color:#fff;margin-bottom:6px}
.sfx .incl .it h4::before{content:"\2713  ";color:var(--blue)}
.sfx .incl .it p{font-size:14.5px;color:var(--muted);line-height:1.5}
.sfx .notincl{margin-top:26px;border:1px dashed var(--line);border-radius:14px;padding:22px 26px}
.sfx .notincl h4{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}
.sfx .notincl ul{list-style:none;display:grid;gap:8px}
.sfx .notincl li{font-size:14px;color:var(--muted);padding-left:20px;position:relative}
.sfx .notincl li::before{content:"\2013";position:absolute;left:0;color:var(--muted)}

/* PRICING */
.sfx .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.sfx .plan{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column}
.sfx .plan.pop{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}
.sfx .plan .badge{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;min-height:16px}
.sfx .plan .pn{font-size:20px;font-weight:700;color:#fff}
.sfx .plan .pp{font-size:40px;font-weight:800;color:#fff;letter-spacing:-.03em;margin:10px 0 2px}
.sfx .plan .pp span{font-size:15px;font-weight:500;color:var(--muted)}
.sfx .plan .anchor{font-size:13px;color:var(--muted);margin-bottom:18px;min-height:18px}
.sfx .plan ul{list-style:none;display:grid;gap:10px;margin-bottom:24px}
.sfx .plan li{font-size:14px;color:var(--body);padding-left:22px;position:relative;line-height:1.45}
.sfx .plan li::before{content:"\2713";position:absolute;left:0;color:var(--blue);font-weight:700}
.sfx .plan .btn{margin-top:auto;justify-content:center;width:100%}
.sfx .plan.pop .btn{background:var(--blue);color:#001321}
.sfx .plan:not(.pop) .btn{background:transparent;border:1px solid var(--line);color:#fff}
.sfx .pricenote{margin-top:18px;font-size:13px;color:var(--muted);text-align:center}

/* STEPS */
.sfx .flow{display:flex;gap:18px;align-items:stretch;flex-wrap:wrap}
.sfx .fstep{flex:1;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px}
.sfx .fstep .ph{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:14px}
.sfx .fstep h4{font-size:20px;font-weight:700;margin-bottom:10px;letter-spacing:-.01em}
.sfx .fstep p{font-size:14px;color:var(--muted);line-height:1.55}

/* FAQ */
.sfx .faq{max-width:900px}
.sfx .faq details{border-bottom:1px solid var(--line);padding:20px 0}
.sfx .faq summary{font-size:18px;font-weight:600;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.sfx .faq summary::-webkit-details-marker{display:none}
.sfx .faq summary::after{content:"+";color:var(--blue);font-weight:700;font-size:22px}
.sfx .faq details[open] summary::after{content:"\2212"}
.sfx .faq p{font-size:15px;color:var(--muted);line-height:1.6;margin-top:12px;max-width:780px}

/* TESTIMONIAL */
.sfx .tquote{border-left:2px solid var(--blue);padding-left:30px;max-width:820px}
.sfx .tquote .q{font-size:26px;line-height:1.4;font-weight:600;color:#fff;letter-spacing:-.01em}
.sfx .tquote .who{margin-top:18px;font-size:14px;color:var(--muted)}

/* DUAL CTA */
.sfx .cta{padding:92px 0}
.sfx .cta-in{background:linear-gradient(120deg,#06294a,#0c5fa0);border-radius:28px;padding:60px;text-align:center}
.sfx .cta-in h2{font-size:46px;line-height:1.04;color:#fff;font-weight:800;letter-spacing:-.03em;max-width:760px;margin:0 auto}
.sfx .cta-in p{color:#e3eef9;margin:16px auto 30px;font-size:17px;max-width:620px}
.sfx .cta-acts{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}
.sfx .cta-acts .btn-primary{background:#fff}
.sfx .cta-acts .text-link{color:#fff;border-bottom-color:rgba(255,255,255,.6)}
.sfx .cta-in .trust{margin-top:22px;font-size:13px;color:#cfe6ff}

/* FOOTER */
.sfx.ft{background:var(--bg-2);border-top:1px solid var(--line);padding:72px 0 32px}
.sfx .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.5fr;gap:44px}
.sfx .fcol h5{font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-weight:700}
.sfx .fcol a,.sfx .fcol p{display:block;font-size:14px;color:var(--muted);margin-bottom:12px;line-height:1.5}
.sfx .fcol a:hover{color:#fff}
.sfx .fbrand .logo{margin-bottom:16px}
.sfx .fbrand .blurb{font-size:14px;color:var(--muted);max-width:300px;line-height:1.65}
.sfx .entity{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.sfx .entity b{color:#cfe0ee;font-weight:600}
.sfx .fbottom{border-top:1px solid var(--line);margin-top:50px;padding-top:26px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted);flex-wrap:wrap;gap:10px}
.sfx .socials{display:flex;gap:14px}
.sfx .socials span{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted)}

@media(max-width:880px){
  .sfx .svc-hero h1{font-size:40px}
  .sfx .sec-head h2{font-size:32px}
  .sfx .plans,.sfx .incl,.sfx .pain,.sfx .fgrid{grid-template-columns:1fr}
  .sfx .navlinks{display:none}
  .sfx .cta-in{padding:40px 26px}
  .sfx .cta-in h2{font-size:32px}
}

/* ===== Global nav menu (wp_nav_menu) + dropdowns + mobile burger ===== */
.sfx .navlinks ul.menu{display:flex;gap:36px;align-items:center;list-style:none;margin:0;padding:0}
.sfx .navlinks li{position:relative}
.sfx .navlinks ul.menu>li>a{font-size:15px;font-weight:500;color:var(--body)}
.sfx .navlinks a:hover{color:#fff}
.sfx .navlinks .menu-item-has-children>a::after{content:"\25BE";font-size:9px;margin-left:7px;color:var(--muted);vertical-align:middle}
.sfx .navlinks .sub-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:242px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 10px 10px;list-style:none;margin:0;display:none;box-shadow:0 24px 50px -24px rgba(2,8,14,.8);z-index:60}
.sfx .navlinks li:hover>.sub-menu,.sfx .navlinks li:focus-within>.sub-menu{display:block}
.sfx .navlinks .menu-item-has-children>a{padding:14px 0}
.sfx .navlinks .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:20px}
.sfx .navlinks .sub-menu a{display:block;padding:9px 14px;border-radius:9px;font-size:14px;color:var(--body);white-space:nowrap}
.sfx .navlinks .sub-menu a:hover{background:rgba(0,143,255,.12);color:#fff}
.sfx .sfx-navtoggle,.sfx .sfx-burger{display:none}
/* shared keyboard focus ring (a11y) */
.sfx a:focus-visible,.sfx button:focus-visible,.sfx input:focus-visible,.sfx summary:focus-visible,.sfx .navlinks a:focus-visible,.sfx-work .facetwp-checkbox:focus-visible,.sfx-work .facetwp-search:focus-visible,body.single .entry-content a:focus-visible,body.blog .entry-title a:focus-visible,body.archive .entry-title a:focus-visible{outline:3px solid #008FFF!important;outline-offset:3px;border-radius:3px}
.sfx.hdr .headcta{padding:12px 26px}
@media(max-width:880px){
  .sfx .sfx-burger{display:inline-flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
  .sfx .sfx-burger span{width:24px;height:2px;background:#fff;border-radius:2px}
  .sfx .navlinks{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 40px}
  .sfx .navlinks ul.menu{flex-direction:column;gap:14px;align-items:flex-start}
  .sfx .navlinks .sub-menu{position:static;transform:none;display:block;border:0;box-shadow:none;background:transparent;padding:6px 0 0 14px;min-width:0}
  .sfx .sfx-navtoggle:checked ~ .navlinks{display:block}
  .sfx.hdr .headcta{padding:9px 16px;font-size:13px}
}

/* ============================================================
   BLOG + SINGLE POST + ARCHIVES  (bold dark, styles Astra markup)
   Scoped to body.blog / body.archive / body.single / body.search
   ============================================================ */
body.blog,body.archive,body.single,body.search{background:#0A1A26!important;font-family:'Poppins',system-ui,sans-serif}
body.blog #content,body.archive #content,body.single #content,body.search #content,
body.blog .site-main,body.archive .site-main,body.single .site-main,body.search .site-main,
body.blog #primary,body.archive #primary,body.single #primary,body.search #primary{background:transparent!important;padding-top:0!important}
body.single .ast-article-single{background:transparent!important;box-shadow:none!important;border:0!important}
body.blog .ast-article-inner,body.archive .ast-article-inner,body.single .ast-article-inner,body.search .ast-article-inner,body.blog .blog-layout-4,body.archive .blog-layout-4,body.search .blog-layout-4{background:transparent!important;box-shadow:none!important;border:0!important}
body.blog .entry-title a,body.archive .entry-title a,body.single .entry-title{color:#fff}
/* page-title band (Blog / archive header) */
body.blog .ast-archive-description,body.archive .ast-archive-description{max-width:1240px;margin:0 auto;padding:72px 40px 8px;text-align:left}
body.blog .ast-archive-title,body.archive .ast-archive-title{font-size:60px;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1}

/* ---------- INDEX / ARCHIVE CARDS ---------- */
body.blog #primary,body.archive #primary,body.search #primary{max-width:1240px;margin:0 auto;padding:40px 40px 100px}
body.blog .ast-article-post,body.archive .ast-article-post,body.search .ast-article-post{
  background:#0F2433!important;border:1px solid #1E3D56!important;border-radius:16px;overflow:hidden;
  transition:transform .25s,border-color .25s;display:flex;flex-direction:column}
body.blog .ast-article-post:hover,body.archive .ast-article-post:hover{transform:translateY(-6px);border-color:#008FFF!important}
body.blog .ast-article-post .post-thumb,body.archive .ast-article-post .post-thumb,
body.blog .ast-article-post .ast-blog-featured-section,body.archive .ast-article-post .ast-blog-featured-section{margin:0}
body.blog .ast-article-post img,body.archive .ast-article-post img{width:100%;height:200px;object-fit:cover;display:block;border-radius:0}
body.blog .ast-article-post .blog-layout-1,body.archive .ast-article-post .blog-layout-1,
body.blog .ast-article-post .entry-header,body.archive .ast-article-post .entry-header,
body.blog .ast-article-post .entry-content,body.archive .ast-article-post .entry-content{padding-left:26px;padding-right:26px}
body.blog .ast-article-post .entry-header,body.archive .ast-article-post .entry-header{padding-top:24px;border:0}
body.blog .ast-article-post .entry-title,body.archive .ast-article-post .entry-title{font-size:21px!important;line-height:1.28!important;font-weight:700!important;letter-spacing:-.01em;margin:14px 0 10px!important;color:#fff!important}
body.blog .ast-article-post .entry-title a,body.archive .ast-article-post .entry-title a{color:#fff!important}
body.blog .ast-article-post .entry-title a:hover,body.archive .ast-article-post .entry-title a:hover{color:#39a9ff!important}
body.blog .ast-article-post .entry-content,body.archive .ast-article-post .entry-content{color:#9FB6C9;font-size:14.5px;line-height:1.6;padding-bottom:26px}
body.blog .ast-article-post .cat-links,body.archive .ast-article-post .cat-links{margin:0 0 11px;border:0!important;padding:0!important}
body.blog .ast-article-post .cat-links a,body.archive .ast-article-post .cat-links a{display:inline-block;background:rgba(0,143,255,.14);color:#39a9ff!important;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 11px;border-radius:30px}
body.single .cat-links{margin:0 0 14px}
body.single .cat-links a{display:inline-block;background:rgba(0,143,255,.14);color:#39a9ff!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:30px}
body.blog .ast-article-post .post-meta,body.archive .ast-article-post .entry-meta,
body.blog .ast-article-post .ast-blog-single-element,body.blog .ast-article-post .entry-meta{color:#7C9DBA;font-size:12.5px}
body.blog .read-more,body.archive .read-more{font-weight:600;color:#008FFF}

/* pagination */
body.blog .ast-pagination,body.archive .ast-pagination,body.blog .page-numbers,body.archive .page-numbers{color:#CBDAE6}
body.blog .page-numbers.current,body.archive .page-numbers.current{background:#008FFF;color:#001321;border-radius:8px;padding:4px 12px}

/* ---------- SINGLE POST ---------- */
body.single #primary{max-width:1240px;margin:0 auto;padding:0 40px 110px}
body.single .ast-article-single{max-width:780px;margin:0 auto;border:0;padding:0}
body.single .entry-header{padding:72px 0 24px;border:0;text-align:left}
body.single .entry-title{font-size:46px;line-height:1.09;font-weight:800;letter-spacing:-.03em;margin:0 0 18px;color:#fff}
body.single .entry-meta,body.single .entry-meta a,body.single .ast-author-meta{color:#7C9DBA!important;font-size:14px;font-weight:500}
body.single .post-thumb,body.single .ast-single-post-featured-section{margin:14px 0 8px}
body.single .post-thumb img,body.single .wp-post-image{border-radius:16px;width:100%;height:auto;display:block}
body.single .entry-content{color:#D3E0EC;font-size:18px;line-height:1.78}
body.single .entry-content>*{max-width:100%}
body.single .entry-content h2{font-size:31px;font-weight:800;color:#fff;letter-spacing:-.02em;margin:52px 0 16px;line-height:1.15}
body.single .entry-content h3{font-size:23px;font-weight:700;color:#fff;margin:38px 0 12px}
body.single .entry-content h4{font-size:18px;font-weight:700;color:#fff;margin:28px 0 10px}
body.single .entry-content p{margin:0 0 24px}
body.single .entry-content a{color:#39a9ff;text-decoration:underline;text-underline-offset:3px}
body.single .entry-content ul,body.single .entry-content ol{margin:0 0 24px 22px}
body.single .entry-content li{margin:0 0 11px}
body.single .entry-content li::marker{color:#008FFF}
body.single .entry-content blockquote{border-left:3px solid #008FFF;padding:4px 0 4px 26px;margin:32px 0;font-size:21px;line-height:1.5;color:#fff;font-weight:500}
body.single .entry-content img{border-radius:12px;margin:14px 0}
body.single .entry-content code{background:#13314A;color:#9be1ff;padding:2px 7px;border-radius:6px;font-size:.88em}
body.single .entry-content pre{background:#06121b;border:1px solid #1E3D56;border-radius:12px;padding:20px;overflow:auto;margin:0 0 24px}
body.single .entry-content table{width:100%;border-collapse:collapse;margin:8px 0 28px;font-size:15px}
body.single .entry-content table th{background:#13314A;color:#fff;text-align:left;padding:12px 14px;border:1px solid #1E3D56;font-weight:700}
body.single .entry-content table td{padding:12px 14px;border:1px solid #1E3D56;color:#CBDAE6}
body.single .entry-content tr:nth-child(even) td{background:#0F2433}
/* prev/next nav */
body.single .post-navigation{max-width:780px;margin:54px auto 0;border-top:1px solid #1E3D56;padding-top:30px}
body.single .post-navigation .nav-links{display:flex;justify-content:space-between;gap:24px}
body.single .post-navigation a{color:#CBDAE6}
body.single .post-navigation a:hover{color:#fff}
body.single .post-navigation .nav-subtitle{color:#7C9DBA;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
body.single .post-navigation .nav-title{color:#fff;font-weight:600}
@media(max-width:880px){
  body.blog .ast-archive-title,body.archive .ast-archive-title{font-size:40px}
  body.single .entry-title{font-size:33px}
  body.single #primary,body.blog #primary,body.archive #primary{padding-left:22px;padding-right:22px}
  body.single .post-navigation .nav-links{flex-direction:column;gap:14px}
}

/* ============================================================
   WORK / PROJECTS page  ([sfida_work] + FacetWP facets) — dark + responsive
   ============================================================ */
.sfx-work{background:#0A1A26;padding:54px 0 100px}
.sfx-work .wrap{max-width:1240px;margin:0 auto;padding:0 40px}
/* filter bar: header row (intro + live count + search) over a full-width pill row */
.sfx-work .work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:24px}
.sfx-work .work-head-l{min-width:0}
.sfx-work .work-kicker{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7C9DBA;font-weight:700}
.sfx-work .work-h{font-size:30px;line-height:1.1;font-weight:700;color:#fff;letter-spacing:-.02em;margin:9px 0 7px}
.sfx-work .work-count-wrap{font-size:14px;color:#7C9DBA;margin:0}
.sfx-work .work-count{color:#fff;font-weight:700}
.sfx-work .wf-search{width:340px;max-width:100%;flex:0 0 auto}
/* FacetWP search input (left magnifier, focus ring) */
.sfx-work .facetwp-type-search{position:relative}
.sfx-work .facetwp-search{width:100%;background:#0F2433 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C9DBA' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat 18px center;border:1px solid #1E3D56;border-radius:40px;padding:14px 20px 14px 46px;color:#fff;font-family:'Poppins',sans-serif;font-size:15px;outline:none;transition:border-color .18s,box-shadow .18s}
.sfx-work .facetwp-search:focus{border-color:#008FFF;box-shadow:0 0 0 3px rgba(0,143,255,.18)}
.sfx-work .facetwp-search::placeholder{color:#7C9DBA}
.sfx-work .facetwp-icon{display:none}
.sfx-work .facetwp-btn{display:none}
/* pill filter row */
.sfx-work .wf-tags{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding-bottom:28px;margin-bottom:38px;border-bottom:1px solid #1E3D56}
.sfx-work .wf-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7C9DBA;font-weight:700;margin-right:6px}
.sfx-work .facetwp-type-checkboxes{display:inline-flex;flex-wrap:wrap;gap:9px;align-items:center}
.sfx-work .facetwp-checkbox{display:inline-flex;align-items:center;gap:6px;background:#0F2433;border:1px solid #1E3D56;color:#CBDAE6;font-size:13px;font-weight:500;padding:8px 15px;border-radius:30px;cursor:pointer;transition:all .18s;background-image:none!important;padding-left:15px!important}
.sfx-work .facetwp-checkbox:hover{border-color:#008FFF;color:#fff}
.sfx-work .facetwp-checkbox.checked{background:#008FFF;border-color:#008FFF;color:#001321;font-weight:600}
.sfx-work .facetwp-counter{color:#7C9DBA;font-size:11px}
.sfx-work .facetwp-checkbox.checked .facetwp-counter{color:#013}
.sfx-work .facetwp-expand,.sfx-work .facetwp-toggle{color:#39a9ff;font-weight:600;font-size:13px;cursor:pointer;display:inline-block}
.sfx-work .wf-clear{display:none;align-items:center;gap:6px;background:transparent;border:1px solid #1E3D56;color:#9FB6C9;font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;padding:8px 14px;border-radius:30px;cursor:pointer;margin-left:4px;transition:all .18s}
.sfx-work .wf-clear:hover{border-color:#ff6b6b;color:#ff8585}
/* grid */
.sfx-work .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sfx-work .facetwp-template.is-loading .work-grid{opacity:.4;transition:opacity .2s}
.sfx-work .work-card{display:flex;flex-direction:column;background:#0F2433;border:1px solid #1E3D56;border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s}
.sfx-work .work-card:hover{transform:translateY(-6px);border-color:#008FFF}
.sfx-work .wc-thumb{aspect-ratio:16/10;overflow:hidden;background:#06121b}
.sfx-work .wc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sfx-work .wc-noimg{width:100%;height:100%;background:linear-gradient(135deg,#0F2433,#13314A)}
.sfx-work .wc-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:9px;flex:1}
.sfx-work .wc-chip{align-self:flex-start;background:rgba(0,143,255,.14);color:#39a9ff;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 11px;border-radius:30px}
.sfx-work .wc-title{font-size:20px;line-height:1.25;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0}
.sfx-work .wc-year{font-size:13px;color:#7C9DBA;font-weight:600}
.sfx-work .wc-ex{font-size:14px;line-height:1.6;color:#9FB6C9;margin:0}
.sfx-work .wc-link{margin-top:auto;padding-top:6px;color:#008FFF;font-weight:600;font-size:14px}
.sfx-work .wc-none{color:#CBDAE6;font-size:17px;padding:40px 0}
.sfx-work .facetwp-pager{margin-top:40px;text-align:center}
.sfx-work .facetwp-page{color:#CBDAE6;padding:6px 12px;border-radius:8px;cursor:pointer}
.sfx-work .facetwp-page.active{background:#008FFF;color:#001321}
@media(max-width:1024px){.sfx-work .work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.sfx-work{padding:34px 0 70px}.sfx-work .wrap{padding:0 22px}.sfx-work .work-head{flex-direction:column;align-items:stretch;gap:18px}.sfx-work .wf-search{width:100%}.sfx-work .work-h{font-size:25px}.sfx-work .wf-tags{min-width:0}.sfx-work .work-grid{grid-template-columns:1fr;gap:22px}}

/* ===== SINGLE PROJECT extras (hero + meta, injected by [sfida_work] snippet) ===== */
body.single-project .proj-wrap{width:100%}
body.single-project .proj-hero{margin:6px 0 28px;border-radius:18px;overflow:hidden;border:1px solid #1E3D56}
body.single-project .proj-hero img{width:100%;height:auto;display:block}
body.single-project .proj-meta{display:flex;gap:32px;align-items:center;flex-wrap:wrap;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid #1E3D56}
body.single-project .proj-meta .pm{display:flex;flex-direction:column;gap:3px;font-size:16px;color:#fff;font-weight:600}
body.single-project .proj-meta .pm b{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7C9DBA;font-weight:700}
body.single-project .proj-meta .pm-visit{margin-left:auto;background:#008FFF;color:#001321!important;font-weight:700;font-size:14px;padding:12px 24px;border-radius:30px;white-space:nowrap}
body.single-project .proj-meta .pm-visit:hover{background:#1c9bff}
body.single-project .proj-body>*:first-child{margin-top:0}
@media(max-width:880px){body.single-project .proj-meta{gap:18px}body.single-project .proj-meta .pm-visit{margin-left:0;width:100%;text-align:center}}

/* ===== Captioned figures (project + post bodies) ===== */
.proj-fig,body.single .proj-body figure,body.single .entry-content figure{margin:26px 0}
.proj-fig img,body.single .proj-body figure img,body.single .entry-content figure img{width:100%;height:auto;border-radius:12px;display:block;border:1px solid #1E3D56}
.proj-fig figcaption,body.single figcaption,body.single .wp-caption-text{margin-top:10px;font-size:13.5px;line-height:1.5;color:#7C9DBA;text-align:center;font-style:italic}
/* project image gallery: 2-col on wide, 1-col mobile */
body.single-project .proj-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}
body.single-project .proj-gallery .proj-fig{margin:0}
@media(max-width:760px){body.single-project .proj-gallery{grid-template-columns:1fr}}

/* ===== CONTACT page: info + form two-column ===== */
.sfx .contact-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:54px;align-items:start}
.sfx .contact-info h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7C9DBA;font-weight:700;margin:0 0 18px}
.sfx .cmethod{display:flex;flex-direction:column;gap:4px;padding:20px 0;border-bottom:1px solid #1E3D56}
.sfx .cmethod:first-of-type{padding-top:0}
.sfx .cmethod .cm-k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7C9DBA;font-weight:700}
.sfx .cmethod .cm-v{font-size:17px;color:#fff;font-weight:600;line-height:1.45}
.sfx .cmethod .cm-v a{color:#39a9ff;text-decoration:none}
.sfx .cmethod .cm-v a:hover{text-decoration:underline}
.sfx .cmethod .cm-sub{font-size:14px;color:#9FB6C9;line-height:1.55}
.sfx .form-card{background:#0F2433;border:1px solid #1E3D56;border-radius:18px;padding:38px 36px}
.sfx .form-card .fc-head{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0 0 6px}
.sfx .form-card .fc-sub{font-size:14.5px;color:#9FB6C9;line-height:1.55;margin:0 0 26px}
@media(max-width:880px){.sfx .contact-grid{grid-template-columns:minmax(0,1fr);gap:36px}.sfx .form-card{padding:30px 22px}}
.sfx .cmethod .cm-v,.sfx .cmethod .cm-k,.sfx .cmethod .cm-sub{overflow-wrap:anywhere}

/* ===== Fluent Forms — dark theme (scoped to .sfx) ===== */
.sfx .fluentform{font-family:'Poppins',sans-serif!important}
.sfx .fluentform .ff-el-group{margin-bottom:18px}
.sfx .fluentform .ff-el-input--label label,.sfx .fluentform label{color:#CBDAE6!important;font-size:13.5px!important;font-weight:600!important;margin-bottom:7px!important}
.sfx .fluentform .ff-el-input--label label .ff-el-is-required{color:#ff6b6b!important}
.sfx .fluentform input[type=text],.sfx .fluentform input[type=email],.sfx .fluentform input[type=tel],.sfx .fluentform input[type=url],.sfx .fluentform input[type=number],.sfx .fluentform select,.sfx .fluentform textarea,.sfx .fluentform .ff-el-form-control{width:100%!important;background:#0A1A26!important;border:1px solid #1E3D56!important;border-radius:10px!important;color:#fff!important;font-family:'Poppins',sans-serif!important;font-size:15px!important;padding:13px 16px!important;outline:none!important;box-shadow:none!important;transition:border-color .18s}
.sfx .fluentform textarea{min-height:130px!important;line-height:1.6}
.sfx .fluentform input:focus,.sfx .fluentform select:focus,.sfx .fluentform textarea:focus,.sfx .fluentform .ff-el-form-control:focus{border-color:#008FFF!important;box-shadow:0 0 0 3px rgba(0,143,255,.18)!important}
.sfx .fluentform input::placeholder,.sfx .fluentform textarea::placeholder{color:#5C7A95!important}
.sfx .fluentform select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237C9DBA' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:42px!important}
/* dropdown options: dark text on light bg so they're readable in the NATIVE dropdown (mobile ignores option bg-color, keeping text readable either way). Closed select stays white via the select color rule above. */
.sfx .fluentform option{background:#ffffff!important;color:#16232e!important}
.sfx .fluentform option:checked{background:#e6f2ff!important;color:#0b3a63!important}
.sfx .fluentform .ff-el-form-check label,.sfx .fluentform .ff-el-form-check-label{font-weight:500!important;color:#9FB6C9!important}
.sfx .fluentform .ff-btn-submit,.sfx .fluentform button.ff-btn{background:#008FFF!important;color:#001321!important;font-family:'Poppins',sans-serif!important;font-weight:700!important;font-size:16px!important;border:none!important;border-radius:30px!important;padding:15px 36px!important;cursor:pointer;transition:background .18s,transform .18s;box-shadow:none!important}
.sfx .fluentform .ff-btn-submit:hover,.sfx .fluentform button.ff-btn:hover{background:#1c9bff!important;transform:translateY(-1px)}
.sfx .fluentform .ff-el-is-error .ff-el-form-control{border-color:#ff6b6b!important}
.sfx .fluentform .text-danger,.sfx .fluentform .error{color:#ff8585!important;font-size:13px!important}
.sfx .fluentform .ff-message-success,.sfx .fluentform .ff_message_success{background:rgba(0,143,255,.1)!important;border:1px solid #008FFF!important;color:#CBDAE6!important;border-radius:12px!important;padding:18px 20px!important;font-size:15px}
.sfx .fluentform .ff-el-section-title{color:#fff!important}
.sfx .fluentform .ff-step-titles,.sfx .fluentform .ff-el-progress-bar{background:#0A1A26!important}
/* mobile hardening: stop any field/column from forcing the form wider than its card */
.sfx .fluentform .ff-el-group,.sfx .fluentform [class*="ff-t-cell"],.sfx .fluentform [class*="ff-t-container"],.sfx .fluentform [class*="ff_row"],.sfx .fluentform [class*="ff-column"],.sfx .fluentform .ff-el-input--content{min-width:0!important}
.sfx .fluentform input,.sfx .fluentform select,.sfx .fluentform textarea,.sfx .fluentform .ff-el-form-control{max-width:100%!important;box-sizing:border-box!important}
.sfx .fluentform select{text-overflow:ellipsis}
.sfx .form-card,.sfx .req-grid,.sfx .req-left{min-width:0!important}
.sfx .form-card{overflow:hidden}

/* ===== Booking card (FluentBooking embed on schedule-a-call) ===== */
.sfx .booking-card{background:#0F2433;border:1px solid #1E3D56;border-radius:18px;padding:30px 28px}
.sfx .booking-card .bc-head{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0 0 20px}
.sfx .booking-card .fcal_calendar_block,.sfx .booking-card .fcal_event_listing,.sfx .booking-card .fluent_booking_calendar{background:transparent!important}
.sfx .booking-card .fcal_event_item,.sfx .booking-card .fcal-event-card{background:#0A1A26!important;border:1px solid #1E3D56!important;border-radius:12px!important;color:#CBDAE6!important}
.sfx .booking-card .fcal_event_item:hover,.sfx .booking-card .fcal-event-card:hover{border-color:#008FFF!important}
.sfx .booking-card .fcal_event_item *,.sfx .booking-card .fcal-event-card *{color:#CBDAE6!important}
.sfx .booking-card a.fcal_book_btn,.sfx .booking-card .fcal_book_now{background:#008FFF!important;color:#001321!important;border-radius:30px!important;font-weight:700!important;border:none!important}

/* ===== TEAM grid ===== */
.sfx .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.sfx .tmember{background:#0F2433;border:1px solid #1E3D56;border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:14px;transition:border-color .22s,transform .22s}
.sfx .tmember:hover{border-color:#008FFF;transform:translateY(-4px)}
.sfx .tmember.lead{grid-column:span 3;flex-direction:row;align-items:center;gap:30px}
.sfx .t-avatar{width:84px;height:84px;flex:0 0 84px;border-radius:50%;background:linear-gradient(135deg,#0c5fa0,#008FFF);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:#fff;letter-spacing:.02em}
.sfx .tmember.lead .t-avatar{width:120px;height:120px;flex-basis:120px;font-size:42px}
.sfx .t-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.sfx .t-name{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0}
.sfx .tmember.lead .t-name{font-size:26px}
.sfx .t-role{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#39a9ff;font-weight:700;margin:4px 0 0}
.sfx .t-bio{font-size:14.5px;line-height:1.6;color:#9FB6C9;margin:6px 0 0}
.sfx .tmember.lead .t-bio{font-size:15.5px;color:#CBDAE6}
.sfx .t-body{display:flex;flex-direction:column}
@media(max-width:880px){.sfx .team-grid{grid-template-columns:1fr;gap:18px}.sfx .tmember.lead{grid-column:span 1;flex-direction:column;text-align:center;align-items:center}.sfx .tmember.lead .t-body{align-items:center}}

/* ===== Service hero with side visual + embedded request form ===== */
.sfx .svc-hero.has-visual .wrap{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}
.sfx .svc-hero.has-visual h1{max-width:none;font-size:54px}
.sfx .svc-hero.has-visual .svc-hero-text{min-width:0}
.sfx .svc-hero.has-visual .callout{grid-column:1 / -1;max-width:none}
.sfx .svc-visual{position:relative;min-width:0}
.sfx .svc-visual svg{width:100%;height:auto;display:block;overflow:visible}
@media(max-width:980px){.sfx .svc-hero.has-visual .wrap{grid-template-columns:1fr;gap:30px}.sfx .svc-hero.has-visual .svc-visual{order:-1;max-width:460px}.sfx .svc-hero.has-visual h1{font-size:40px}}
.sfx .request-sec{background:linear-gradient(180deg,var(--surface),var(--bg))}
.sfx .req-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:start}
.sfx .req-left h2{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:14px}
.sfx .req-left .lead{margin-top:16px}
.sfx .req-points{list-style:none;margin:24px 0 0;display:flex;flex-direction:column;gap:13px}
.sfx .req-points li{position:relative;padding-left:30px;color:var(--body);font-size:15px;line-height:1.5}
.sfx .req-points li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:rgba(0,143,255,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2339a9ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E") no-repeat center}
@media(max-width:880px){.sfx .req-grid{grid-template-columns:1fr;gap:30px}}

/* ===== Author archive box (dark) ===== */
body.author .ast-author-box,body.author .ast-archive-description{background:#0F2433!important;border:1px solid #1E3D56;border-radius:18px;display:flex;align-items:center;gap:30px;padding:34px 38px!important;margin:0 0 44px;box-shadow:none}
body.author .ast-author-box .ast-author-bio{flex:1;min-width:0}
body.author .ast-archive-title{color:#fff!important;font-size:30px!important;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0 0 12px!important}
body.author .ast-author-box p{color:#9FB6C9!important;font-size:15.5px;line-height:1.65;margin:0;max-width:680px}
body.author .ast-author-avatar{flex:0 0 auto}
body.author .ast-author-avatar img{width:100px;height:100px;border-radius:50%;border:2px solid #008FFF}
@media(max-width:640px){body.author .ast-author-box{flex-direction:column-reverse;text-align:center;align-items:center;padding:28px 22px!important}body.author .ast-author-box p{margin:0 auto}}

/* ===== Legal / document pages ===== */
.sfx .legal{max-width:840px;margin:0 auto}
.sfx .legal .draft-banner{background:rgba(242,182,107,.1);border:1px solid #F2B66B;border-radius:12px;padding:16px 20px;color:#F2B66B;font-size:14px;line-height:1.55;margin-bottom:34px}
.sfx .legal .upd{color:var(--muted);font-size:14px;margin-bottom:30px}
.sfx .legal h2{font-size:25px;font-weight:800;letter-spacing:-.02em;margin:40px 0 14px;color:#fff}
.sfx .legal h3{font-size:18px;font-weight:700;margin:26px 0 10px;color:#fff}
.sfx .legal p{color:var(--body);font-size:15.5px;line-height:1.75;margin:0 0 14px}
.sfx .legal ul,.sfx .legal ol{margin:12px 0 18px 22px;color:var(--body)}
.sfx .legal li{font-size:15.5px;line-height:1.7;margin-bottom:7px}
.sfx .legal a{color:#39a9ff;text-decoration:underline}
.sfx .legal strong{color:#fff}
.sfx .legal table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.sfx .legal th,.sfx .legal td{border:1px solid var(--line);padding:10px 13px;text-align:left;color:var(--body);vertical-align:top}
.sfx .legal th{background:var(--surface);color:#fff;font-weight:600}
.sfx .legal blockquote{border-left:3px solid var(--blue);background:var(--surface);padding:14px 18px;border-radius:0 10px 10px 0;margin:16px 0;color:var(--body)}

/* ===== Clients page: featured stories + logo strip (/clients/) ===== */
.sfx-clients{background:#0A1A26;padding:10px 0 96px}
.sfx-clients .cl-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:74px}
.sfx-clients .cl-fcard{display:flex;flex-direction:column;background:#0F2433;border:1px solid #1E3D56;border-radius:16px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.sfx-clients .cl-fcard:hover{transform:translateY(-6px);border-color:#008FFF;box-shadow:0 26px 50px -28px rgba(0,0,0,.7)}
.sfx-clients .cl-fthumb{aspect-ratio:16/10;background:#06121b;overflow:hidden;display:block}
.sfx-clients .cl-fthumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sfx-clients .cl-fcard:hover .cl-fthumb img{transform:scale(1.04)}
.sfx-clients .cl-fbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.sfx-clients .cl-fname{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}
.sfx-clients .cl-fdesc{font-size:14px;color:#9FB6C9;line-height:1.6;flex:1}
.sfx-clients .cl-flink{color:#008FFF;font-weight:600;font-size:13.5px;margin-top:4px}
.sfx-clients .cl-fcard:hover .cl-flink{color:#39a9ff}
.sfx-clients .cl-striphead{text-align:center;color:#7C9DBA;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 30px}
.sfx-clients .cl-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sfx-clients .cl-tile{display:block}
.sfx-clients .cl-tile-in{display:flex;align-items:center;justify-content:center;height:96px;background:#fff;border-radius:12px;border:1px solid #1E3D56;padding:18px;transition:transform .2s,box-shadow .2s}
.sfx-clients .cl-tile:hover .cl-tile-in{transform:translateY(-3px);box-shadow:0 16px 32px -18px rgba(0,0,0,.6)}
.sfx-clients .cl-tile-in img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media(max-width:980px){.sfx-clients .cl-feat{grid-template-columns:repeat(2,1fr)}.sfx-clients .cl-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.sfx-clients .cl-feat{grid-template-columns:1fr;gap:18px}.sfx-clients .cl-strip{grid-template-columns:repeat(3,1fr);gap:12px}.sfx-clients .cl-tile-in{height:78px;padding:14px}}
@media(max-width:420px){.sfx-clients .cl-strip{grid-template-columns:repeat(2,1fr)}}

/* ===== Courses grid ===== */
.sfx .course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.sfx .ccard{display:flex;flex-direction:column;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;transition:transform .2s,border-color .2s}
.sfx .ccard:hover{transform:translateY(-4px);border-color:var(--blue)}
.sfx .ccard .cc-emoji{font-size:26px;line-height:1}
.sfx .ccard h3{font-size:17px;font-weight:700;color:#fff;margin:0;line-height:1.3}
.sfx .ccard p{font-size:14px;color:var(--muted);line-height:1.6;margin:0;flex:1}
.sfx .ccard .cc-link{color:var(--blue);font-weight:600;font-size:13.5px;margin-top:2px}
.sfx .ccard:hover .cc-link{color:#39a9ff}
@media(max-width:920px){.sfx .course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sfx .course-grid{grid-template-columns:1fr}}

/* ===== Client hub (single client page) ===== */
.sfx.ch-wrap{display:block}
.client-hub{max-width:1040px;margin:0 auto}
.client-hub .ch-hero{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:center;margin:6px 0 4px}
.client-hub .ch-hero-logo .ch-logo-in{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;padding:34px;min-height:184px}
.client-hub .ch-hero-logo .ch-logo-in img{max-width:100%;max-height:132px;width:auto;height:auto;object-fit:contain}
.client-hub .ch-kicker{color:#008FFF;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.client-hub .ch-title{font-size:clamp(30px,5vw,46px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.05;margin:0 0 16px}
.client-hub .ch-lead{font-size:18px;line-height:1.7;color:#CBDAE6;margin:0 0 22px;max-width:560px}
.client-hub .ch-hero-acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.client-hub .ch-body{color:#CBDAE6;font-size:16px;line-height:1.75;margin:0 0 22px}
.client-hub .ch-h2{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em;margin:54px 0 22px;text-align:left}
.client-hub .ch-projects{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.client-hub .ch-pcard{display:flex;flex-direction:column;background:#0F2433;border:1px solid #1E3D56;border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s}
.client-hub .ch-pcard:hover{transform:translateY(-4px);border-color:#008FFF}
.client-hub .ch-pthumb{aspect-ratio:16/10;background:#06121b;overflow:hidden;display:block}
.client-hub .ch-pthumb img{width:100%;height:100%;object-fit:cover}
.client-hub .ch-noimg{display:block;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#0F2433,#13314A)}
.client-hub .ch-pbody{padding:18px 20px;display:flex;flex-direction:column;gap:7px}
.client-hub .ch-ptitle{font-size:17px;font-weight:700;color:#fff;line-height:1.25}
.client-hub .ch-pex{font-size:13.5px;color:#9FB6C9;line-height:1.55}
.client-hub .ch-plink{color:#008FFF;font-weight:600;font-size:13.5px;margin-top:2px}
.client-hub .ch-services-intro{text-align:left;color:#9FB6C9;font-size:15.5px;max-width:640px;margin:0 0 20px}
.client-hub .ch-services{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.client-hub .ch-services a{background:#0F2433;border:1px solid #1E3D56;color:#CBDAE6;padding:9px 16px;border-radius:30px;font-size:13.5px;font-weight:500;transition:all .18s}
.client-hub .ch-services a:hover{border-color:#008FFF;color:#fff}
.client-hub .ch-cta{margin-top:54px;background:linear-gradient(120deg,#06294a,#0c5fa0);border-radius:20px;padding:44px;text-align:center}
.client-hub .ch-cta h3{font-size:24px;font-weight:800;color:#fff;margin-bottom:18px}
.client-hub .ch-cta-acts{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
.client-hub .ch-back{text-align:left;margin-top:30px}
.client-hub .ch-back a{color:#7C9DBA;font-size:14px}
.client-hub .ch-back a:hover{color:#fff}
body.single-client .entry-meta,body.single-client .entry-header.ast-no-title,body.single-client .ast-single-post-navigation,body.single-client nav.post-navigation{display:none!important}
@media(max-width:780px){.client-hub .ch-hero{grid-template-columns:1fr;gap:24px;text-align:center}.client-hub .ch-hero-logo .ch-logo-in{max-width:320px;margin:0 auto}.client-hub .ch-lead{margin-left:auto;margin-right:auto}.client-hub .ch-hero-acts{justify-content:center}.client-hub .ch-h2,.client-hub .ch-services-intro,.client-hub .ch-back{text-align:center}.client-hub .ch-services{justify-content:center}}
@media(max-width:680px){.client-hub .ch-projects{grid-template-columns:1fr}.client-hub .ch-cta{padding:30px 22px}}

/* ===== Homepage client logo marquee ===== */
.sfx .logo-band{padding:46px 0 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.sfx .lm-head{text-align:center;margin:0 0 26px;padding:0 24px}
.sfx .lm-kicker{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sfx .logo-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sfx .lm-track{display:flex;align-items:center;width:max-content;animation:lm-scroll 70s linear infinite;will-change:transform}
.sfx .logo-marquee:hover .lm-track{animation-play-state:paused}
.sfx .lm-tile{flex:0 0 auto;margin-right:18px;display:flex;align-items:center;justify-content:center;width:158px;height:78px;background:#fff;border-radius:12px;padding:16px 20px;transition:transform .2s ease,box-shadow .2s ease}
.sfx .lm-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.3)}
.sfx .lm-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
@keyframes lm-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:680px){.sfx .logo-band{padding:34px 0 40px}.sfx .lm-head{margin-bottom:20px}.sfx .lm-tile{width:122px;height:60px;padding:11px 14px;margin-right:16px}.sfx .lm-track{animation-duration:48s}}
@media(prefers-reduced-motion:reduce){.sfx .lm-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.sfx .lm-clone{display:none}.sfx .logo-marquee{-webkit-mask-image:none;mask-image:none}}
/* Buttons inside post/hub content keep their button text color (blog-body link color was bleeding onto CTAs -> low contrast) */
.sfx .entry-content a.btn-primary,body.single .entry-content a.btn-primary{color:#001321}
.sfx .entry-content a.btn-ghost,body.single .entry-content a.btn-ghost{color:#fff}

/* ===== Clients page — sector filter ===== */
.sfx-clients .cs-toggle-cb{display:none}
.sfx-clients .cs-toggle{display:none}
.sfx-clients .cs-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 34px}
.sfx-clients .cs-pill{display:inline-flex;align-items:center;gap:7px;background:#0F2433;border:1px solid #1E3D56;color:#CBDAE6;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:30px;cursor:pointer;transition:all .18s}
.sfx-clients .cs-pill:hover{border-color:#008FFF;color:#fff}
.sfx-clients .cs-pill.is-active{background:#008FFF;border-color:#008FFF;color:#001321;font-weight:600}
.sfx-clients .cs-pill .cs-n{font-size:11px;opacity:.65}
.sfx-clients .cs-pill.is-active .cs-n{opacity:.8}
.sfx-clients .cs-pill:focus-visible{outline:2px solid #39a9ff;outline-offset:2px}
@media(max-width:680px){
.sfx-clients .cs-toggle-cb{display:inline-block;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sfx-clients .cs-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:340px;margin:0 auto 18px;padding:12px 18px;border:1px solid #1E3D56;border-radius:30px;background:#0F2433;color:#fff;font-weight:600;font-size:14px;cursor:pointer}
.sfx-clients .cs-caret{transition:transform .2s}
.sfx-clients .cs-toggle-cb:focus-visible + .cs-toggle{outline:2px solid #39a9ff;outline-offset:2px}
.sfx-clients .cs-filter{display:none}
.sfx-clients .cs-toggle-cb:checked ~ .cs-filter{display:flex}
.sfx-clients .cs-toggle-cb:checked + .cs-toggle .cs-caret{transform:rotate(180deg)}
}
/* ===== Work page — collapsible service filter on mobile ===== */
.sfx-work .wf-toggle-cb{display:none}
.sfx-work .wf-toggle{display:none}
@media(max-width:680px){
.sfx-work .wf-toggle-cb{display:inline-block;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sfx-work .wf-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0 0 22px;padding:13px 18px;border:1px solid #1E3D56;border-radius:30px;background:#0F2433;color:#fff;font-weight:600;font-size:14px;cursor:pointer}
.sfx-work .wf-caret{transition:transform .2s}
.sfx-work .wf-toggle-cb:focus-visible + .wf-toggle{outline:2px solid #39a9ff;outline-offset:2px}
.sfx-work .wf-tags{display:none}
.sfx-work .wf-toggle-cb:checked ~ .wf-tags{display:flex}
.sfx-work .wf-toggle-cb:checked + .wf-toggle .wf-caret{transform:rotate(180deg)}
.sfx-work .wf-tags .wf-label{display:none}
}
/* ===== FluentBooking (schedule-a-call) — mobile responsive: stack calendar/slots, fluid month grid ===== */
@media(max-width:680px){
.sfx .booking-card{padding:16px!important}
.sfx .booking-card .fcal_calendar_slot_wrap,.sfx .booking-card .fcal_date_wrapper{flex-direction:column!important;min-width:0!important;overflow:visible!important;width:100%!important;max-width:100%!important}
.sfx .booking-card .fcal_day_picker_wrap,.sfx .booking-card .fcal_day_picker,.sfx .booking-card .fcal_slot_wrap,.sfx .booking-card .fcal_slots_wrap,.sfx .booking-card .fcal_calendar_view,.sfx .booking-card .fluent_booking_wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
.sfx .booking-card .calendar{width:100%!important;overflow:visible!important;grid-template-columns:repeat(7,1fr)!important}
.sfx .booking-card .calendar > *,.sfx .booking-card .day-name{min-width:0!important}
.sfx .booking-card .fcal_slots{grid-template-columns:1fr!important;width:100%!important;min-width:0!important}
.sfx .booking-card .fcal_slot,.sfx .booking-card .fcal_slot_content,.sfx .booking-card .fcal_slot_items_wrap{width:auto!important;max-width:100%!important;min-width:0!important}
}
/* ===== Schedule-a-call: prominent booking section + what-we-cover grid ===== */
.sfx .book-sec .book-lead{text-align:center;max-width:680px;margin:0 auto 32px}
.sfx .book-sec .book-lead h2{font-size:30px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.01em}
.sfx .book-sec .book-lead p{color:#9FB6C9;font-size:16px;line-height:1.6;margin:0}
.sfx .book-sec .booking-card{max-width:680px;margin:0 auto}
.sfx .wwc-h{text-align:center;font-size:24px;font-weight:800;color:#fff;margin:0 0 28px}
.sfx .wwc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:880px;margin:0 auto}
.sfx .wwc-grid .cmethod{background:#0F2433;border:1px solid #1E3D56;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.sfx .wwc-grid .cm-k{font-weight:700;color:#fff;font-size:15.5px}
.sfx .wwc-grid .cm-sub{color:#9FB6C9;font-size:14px;line-height:1.55}
@media(max-width:760px){.sfx .wwc-grid{grid-template-columns:1fr}.sfx .book-sec .book-lead h2{font-size:25px}}