/*
Theme Name: DataPulse Care Blog
Theme URI: https://datapulsecare.online/blog
Author: DataPulse Care
Author URI: https://datapulsecare.online
Description: Lightweight custom theme built to match the DataPulse Care main site exactly — dark navy premium SaaS design, GA4/GTM/CRO/SEO blog content, structured data for traditional and AI search (Google AI Overviews, ChatGPT, Perplexity).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.8
License: Proprietary
Text Domain: dpc-blog
*/

/* ============================================================
   DataPulse Care — Blog Homepage Stylesheet
   Design tokens are copied 1:1 from datapulsecare.online so the
   blog reads as the same product, not a sub-site.
   ============================================================ */

/* ---------- Tokens (identical to main site) ---------- */
:root{
  --navy:#04090f;--navy2:#071120;--navy3:#0b1a30;
  --blue:#1d80e8;--blue2:#1466c4;--blue-lt:#4aa8ff;--cyan:#00d4ff;--green:#22d3a0;
  --white:#eef4ff;--muted:#7a9cbf;--muted2:#a8c0d8;
  --border:rgba(29,128,232,.14);--border2:rgba(29,128,232,.28);
  --card:rgba(11,26,48,.9);
  --glow-sm:0 0 24px rgba(29,128,232,.18);--glow-md:0 0 48px rgba(29,128,232,.28);
  --radius-md:14px;--radius-lg:20px;--radius-xl:28px;
  --transition:all .28s cubic-bezier(.4,0,.2,1);
}

/* ---------- Reset & base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{background:var(--navy);color:var(--white);font-family:'Inter',sans-serif;line-height:1.6;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;}
h1,h2,h3,h4,h5{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.2;}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:700;}
h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;}
h3{font-size:1.1rem;font-weight:700;}
p{line-height:1.75;}

.skip-link{position:absolute;left:-999px;top:0;background:var(--blue);color:#fff;padding:12px 20px;border-radius:0 0 8px 0;z-index:2000;font-weight:600;}
.skip-link:focus{left:0;}

:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px;}

.label{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue-lt);margin-bottom:12px;}
.label::before{content:'';width:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px;}
.gradient-text{background:linear-gradient(110deg,var(--blue-lt) 20%,var(--cyan) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap;}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 4px 20px rgba(29,128,232,.35),inset 0 1px 0 rgba(255,255,255,.12);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(29,128,232,.55);}
.btn-ghost{background:transparent;color:var(--blue-lt);border:1.5px solid rgba(29,128,232,.35);}
.btn-ghost:hover{background:rgba(29,128,232,.09);border-color:var(--blue-lt);}
.btn-sm{padding:9px 18px;font-size:.8rem;border-radius:7px;}
.btn-lg{padding:15px 36px;font-size:.95rem;border-radius:10px;}
.btn-block{width:100%;}

.section{padding:100px 5%;position:relative;}
.sh{margin-bottom:56px;}
.sh.c{max-width:640px;margin:0 auto 56px;text-align:center;}
.sh h2{margin-bottom:14px;}
.sh p{color:var(--muted2);}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);position:relative;overflow:hidden;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:0;transition:opacity .3s;z-index:2;}
.card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:var(--glow-sm);}
.card:hover::before{opacity:1;}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1);}
.reveal.in{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}

body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");}

/* ---------- Nav (identical to main site) ---------- */
#navbar{position:fixed;top:0;width:100%;z-index:900;padding:0 5%;background:rgba(4,9,15,.82);backdrop-filter:blur(16px) saturate(1.8);border-bottom:1px solid var(--border);transition:background .3s,box-shadow .3s;}
#navbar.scrolled{background:rgba(4,9,15,.97);box-shadow:0 4px 30px rgba(0,0,0,.4);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}
.logo{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;}
.logo em{color:var(--blue-lt);font-style:normal;}
.nav-links{display:flex;align-items:center;gap:6px;}
.nav-links a{padding:8px 13px;border-radius:6px;font-size:.88rem;font-weight:500;color:var(--muted2);transition:var(--transition);}
.nav-links a:hover,.nav-links a.active-page{color:var(--white);background:rgba(29,128,232,.1);}
.nav-links .cta-link a{background:var(--blue);color:#fff!important;padding:9px 20px;box-shadow:0 2px 12px rgba(29,128,232,.35);}
.nav-links .cta-link a:hover{background:var(--blue-lt);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none;}
.hamburger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition);}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-menu{display:none;flex-direction:column;padding:14px 0 18px;border-top:1px solid var(--border);}
.mobile-menu a{padding:11px 16px;font-size:.95rem;color:var(--muted2);border-radius:6px;transition:var(--transition);}
.mobile-menu a:hover{color:var(--white);background:rgba(29,128,232,.08);}
.mobile-menu .mob-cta{margin-top:10px;background:var(--blue);color:#fff!important;text-align:center;border-radius:8px;padding:12px;}
.mobile-menu.open{display:flex;}

/* ============================================================
   1. HERO
   ============================================================ */
#blog-hero{padding:150px 5% 80px;position:relative;overflow:hidden;}
.h-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);}
.h-orb1{width:600px;height:500px;background:rgba(29,128,232,.12);top:-10%;right:5%;}
.h-orb2{width:400px;height:400px;background:rgba(0,212,255,.07);bottom:-10%;left:0;}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.hero-copy p.h-desc{color:var(--muted2);font-size:1.04rem;max-width:480px;margin:18px 0 34px;}
.hero-copy .h-btns{display:flex;gap:14px;flex-wrap:wrap;}

.featured-card{display:block;}
.featured-card .fc-media{aspect-ratio:16/9;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.fc-media .fc-icon{font-size:2.6rem;position:relative;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));}
.fc-tag{position:absolute;top:16px;left:16px;z-index:3;background:rgba(4,9,15,.72);backdrop-filter:blur(6px);border:1px solid var(--border2);color:var(--blue-lt);font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:50px;}
.featured-card .fc-body{padding:26px 28px 28px;}
.fc-meta{display:flex;gap:14px;align-items:center;font-size:.78rem;color:var(--muted);margin-bottom:12px;}
.fc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted);}
.featured-card h2{font-size:clamp(1.25rem,2vw,1.55rem);margin-bottom:10px;}
.featured-card:hover h2{color:var(--blue-lt);}
.featured-card p{color:var(--muted2);font-size:.92rem;margin-bottom:16px;}
.read-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue-lt);font-weight:600;font-size:.85rem;font-family:'Plus Jakarta Sans',sans-serif;}
.read-link svg{width:14px;height:14px;transition:var(--transition);}
.featured-card:hover .read-link svg{transform:translateX(4px);}

/* Media gradient variants (stand-ins for photography) */
.media-ga4{background:linear-gradient(135deg,#0b1a30,#123a63);}
.media-gtm{background:linear-gradient(135deg,#0b1a30,#144d4a);}
.media-perf{background:linear-gradient(135deg,#0b1a30,#1d3f7a);}
.media-seo{background:linear-gradient(135deg,#0b1a30,#1f5f4d);}
.media-cro{background:linear-gradient(135deg,#0b1a30,#5a2f7a);}
.media-gads{background:linear-gradient(135deg,#0b1a30,#1a4f8f);}
.media-mads{background:linear-gradient(135deg,#0b1a30,#3a1f6b);}
.media-ana{background:linear-gradient(135deg,#0b1a30,#0f6b6b);}
.media-case{background:linear-gradient(135deg,#0b1a30,#7a3a1f);}
.media-dot{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px;opacity:.5;}

/* ============================================================
   2. SEARCH
   ============================================================ */
.search-band{padding:0 5% 60px;}
.search-shell{max-width:760px;margin:0 auto;position:relative;}
.search-shell input{width:100%;background:var(--card);border:1px solid var(--border);color:var(--white);padding:18px 54px 18px 54px;border-radius:50px;font-size:.95rem;font-family:'Inter',sans-serif;transition:var(--transition);}
.search-shell input::placeholder{color:var(--muted);}
.search-shell input:focus{border-color:var(--blue-lt);box-shadow:0 0 0 4px rgba(29,128,232,.14);}
.search-shell svg.s-ico{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none;}
.search-shell .s-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:rgba(29,128,232,.12);border:none;color:var(--muted2);width:28px;height:28px;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;}
.search-shell .s-clear.show{display:flex;}
.search-count{text-align:center;font-size:.8rem;color:var(--muted);margin-top:12px;}

/* ============================================================
   3. CATEGORIES
   ============================================================ */
.categories-band{padding:0 5% 70px;}
.cat-scroll{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:980px;margin:0 auto;}
.cat-pill{background:rgba(29,128,232,.06);border:1px solid var(--border);color:var(--muted2);font-size:.82rem;font-weight:600;padding:10px 20px;border-radius:50px;cursor:pointer;transition:var(--transition);font-family:'Plus Jakarta Sans',sans-serif;}
.cat-pill:hover{border-color:var(--border2);color:var(--white);}
.cat-pill.active{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(29,128,232,.35);}

/* ============================================================
   4. FEATURED POSTS
   ============================================================ */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.feat-card{display:block;}
.feat-card .fc-media{aspect-ratio:16/9;border-radius:var(--radius-md) var(--radius-md) 0 0;}
.feat-card .fc-body{padding:20px 22px 24px;}
.feat-card h3{font-size:1.02rem;margin-bottom:8px;}
.feat-card:hover h3{color:var(--blue-lt);}
.feat-card p{color:var(--muted2);font-size:.86rem;margin-bottom:14px;}

/* ============================================================
   5 & 6. CONTENT LAYOUT — ARTICLES + SIDEBAR
   ============================================================ */
.content-wrap{padding:20px 5% 100px;display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start;}
.articles-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:10px;}
.articles-head h2{font-size:1.5rem;}
.articles-count{color:var(--muted);font-size:.85rem;}

.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.art-card{display:flex;flex-direction:column;}
.art-card .fc-media{aspect-ratio:16/9;border-radius:var(--radius-md) var(--radius-md) 0 0;}
.art-card .fc-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1;}
.art-card h3{font-size:1rem;margin-bottom:9px;}
.art-card:hover h3{color:var(--blue-lt);}
.art-card p{color:var(--muted2);font-size:.85rem;margin-bottom:16px;flex:1;}
.art-card .read-link{margin-top:auto;}
.no-results{display:none;text-align:center;padding:60px 20px;color:var(--muted2);grid-column:1/-1;}
.no-results.show{display:block;}

.load-more-wrap{text-align:center;margin-top:44px;}

/* ---- Sidebar ---- */
.sidebar{display:flex;flex-direction:column;gap:28px;}
.widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;}
.widget h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);margin-bottom:18px;}
.widget-search input{width:100%;background:rgba(4,9,15,.7);border:1px solid rgba(29,128,232,.18);color:var(--white);padding:12px 16px;border-radius:8px;font-size:.86rem;}
.widget-search input:focus{border-color:var(--blue);}
.cat-list li{margin-bottom:2px;}
.cat-list button{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--muted2);padding:9px 4px;font-size:.86rem;cursor:pointer;border-radius:6px;transition:var(--transition);text-align:left;font-family:'Inter',sans-serif;}
.cat-list button:hover,.cat-list button.active{color:var(--white);background:rgba(29,128,232,.08);padding-left:10px;}
.cat-list .n{color:var(--muted);font-size:.76rem;}

.pop-post{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border);}
.pop-post:last-child{border-bottom:none;padding-bottom:0;}
.pop-post:first-child{padding-top:0;}
.pop-thumb{width:56px;height:56px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;}
.pop-txt .pop-cat{font-size:.68rem;font-weight:700;color:var(--blue-lt);text-transform:uppercase;letter-spacing:.6px;}
.pop-txt h5{font-family:'Plus Jakarta Sans',sans-serif;font-size:.86rem;font-weight:600;line-height:1.4;margin-top:3px;}
.pop-txt a:hover h5{color:var(--blue-lt);}

.widget-news p{color:var(--muted2);font-size:.83rem;margin-bottom:16px;}
.widget-news form{display:flex;flex-direction:column;gap:10px;}
.widget-news input[type=email]{width:100%;background:rgba(4,9,15,.7);border:1px solid rgba(29,128,232,.18);color:var(--white);padding:12px 14px;border-radius:8px;font-size:.85rem;}
.widget-news input[type=email]:focus{border-color:var(--blue);}
.w-success{display:none;font-size:.8rem;color:var(--green);font-weight:600;margin-top:8px;}
.w-success.show{display:block;}

.widget-cta{background:linear-gradient(160deg,rgba(29,128,232,.16),rgba(0,212,255,.05));border-color:var(--border2);text-align:center;}
.widget-cta .wc-ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.3rem;}
.widget-cta h4{text-transform:none;letter-spacing:0;font-size:1rem;margin-bottom:8px;}
.widget-cta p{color:var(--muted2);font-size:.84rem;margin-bottom:18px;}

/* ============================================================
   7. NEWSLETTER BAND
   ============================================================ */
.news-band{padding:90px 5%;background:linear-gradient(135deg,rgba(29,128,232,.14),rgba(0,212,255,.06));border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;position:relative;overflow:hidden;}
.news-band::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(29,128,232,.1),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.news-band .nb-inner{position:relative;z-index:2;max-width:560px;margin:0 auto;}
.news-band p{color:var(--muted2);margin:14px 0 30px;}
.nb-form{display:flex;gap:12px;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.nb-form input{flex:1;min-width:220px;background:rgba(4,9,15,.7);border:1px solid rgba(29,128,232,.24);color:var(--white);padding:15px 20px;border-radius:8px;font-size:.9rem;}
.nb-form input:focus{border-color:var(--blue-lt);}
.nb-note{font-size:.76rem;color:var(--muted);margin-top:14px;}
.nb-success{display:none;color:var(--green);font-weight:600;font-size:.9rem;margin-top:16px;}
.nb-success.show{display:block;}

/* ============================================================
   8. CTA BAND (services)
   ============================================================ */
.cta-band{padding:90px 5%;text-align:center;}
.cta-band .cta-inner{max-width:600px;margin:0 auto;}
.cta-band p{color:var(--muted2);margin:14px 0 32px;}
.cta-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.cta-stats{display:flex;justify-content:center;gap:40px;margin-top:44px;flex-wrap:wrap;}
.cta-stats .cs{text-align:center;}
.cta-stats .cs b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.5rem;font-weight:800;color:var(--blue-lt);}
.cta-stats .cs span{font-size:.76rem;color:var(--muted);}

/* ============================================================
   9. AUTHOR
   ============================================================ */
.author-wrap{max-width:820px;margin:0 auto;display:flex;gap:28px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:38px;}
.author-avatar{width:96px;height:96px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.6rem;color:#fff;}
.author-copy .a-role{color:var(--blue-lt);font-size:.85rem;font-weight:600;margin-bottom:8px;}
.author-copy p{color:var(--muted2);font-size:.92rem;margin-bottom:14px;}
.author-links{display:flex;gap:10px;}

/* ============================================================
   10. FAQ
   ============================================================ */
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:.94rem;}
.faq-q .arr{color:var(--blue-lt);transition:var(--transition);flex-shrink:0;}
.faq-item.open .faq-q .arr{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-item.open .faq-a{max-height:240px;}
.faq-a p{padding:0 24px 22px;color:var(--muted2);font-size:.88rem;}

/* ============================================================
   Footer (identical to main site)
   ============================================================ */
footer{background:var(--navy);border-top:1px solid var(--border);padding:64px 5% 28px;}
.fg{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.fb p{font-size:.84rem;color:var(--muted);line-height:1.7;margin-top:14px;max-width:260px;}
.fs{display:flex;gap:10px;margin-top:20px;}
.sb{width:36px;height:36px;border-radius:8px;background:rgba(29,128,232,.08);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--muted);}
.sb:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px);}
.sb svg{width:15px;height:15px;fill:currentColor;}
.fc h5{font-size:.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);margin-bottom:18px;}
.fc ul li{margin-bottom:11px;}
.fc ul li a{font-size:.84rem;color:var(--muted);transition:var(--transition);}
.fc ul li a:hover{color:var(--blue-lt);}
.fbot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:24px;font-size:.78rem;color:var(--muted);}

#scrollTop{position:fixed;bottom:28px;right:28px;z-index:800;width:42px;height:42px;border-radius:10px;background:var(--blue);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);transition:var(--transition);opacity:0;pointer-events:none;transform:translateY(10px);color:#fff;}
#scrollTop.show{opacity:1;pointer-events:all;transform:translateY(0);}
#scrollTop:hover{background:var(--blue-lt);transform:translateY(-3px);}
#scrollTop svg{width:16px;height:16px;}

/* ============================================================
   Responsive
   ============================================================ */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;}
  .content-wrap{grid-template-columns:1fr;}
  .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .articles-grid{grid-template-columns:repeat(2,1fr);}
  .fg{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:768px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .section{padding:72px 5%;}
  #blog-hero{padding:130px 5% 50px;}
  .feat-grid{grid-template-columns:1fr;}
  .articles-grid{grid-template-columns:1fr;}
  .sidebar{grid-template-columns:1fr;}
  .fg{grid-template-columns:1fr;gap:28px;}
  .fbot{flex-direction:column;gap:14px;text-align:center;}
  .author-wrap{flex-direction:column;text-align:center;padding:30px;}
  .cta-stats{gap:28px;}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  .reveal{opacity:1;transform:none;}
}

/* ============================================================
   WordPress-specific additions
   ============================================================ */
.screen-reader-text{position:absolute;left:-9999px;}
img{height:auto;}
.alignwide{margin-left:-5%;margin-right:-5%;max-width:none;}
.alignfull{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
.wp-caption-text{font-size:.78rem;color:var(--muted);text-align:center;margin-top:8px;}

.breadcrumb{max-width:1200px;margin:0 auto;padding:100px 5% 0;font-size:.8rem;color:var(--muted);}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--blue-lt);}
.breadcrumb span[aria-current]{color:var(--muted2);}

/* ---- Single post ---- */
.post-hero{padding:40px 5% 40px;max-width:820px;margin:0 auto;}
.post-hero .fc-tag-inline{display:inline-block;background:rgba(29,128,232,.1);border:1px solid var(--border2);color:var(--blue-lt);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin-bottom:18px;}
.post-hero h1{margin-bottom:18px;}
.post-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:.84rem;color:var(--muted);padding-bottom:28px;border-bottom:1px solid var(--border);}
.post-meta-row .dot{width:3px;height:3px;border-radius:50%;background:var(--muted);}
.post-featured-media{max-width:1000px;margin:0 auto 50px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;position:relative;}

.post-body{max-width:760px;margin:0 auto;padding:0 5% 60px;}
.post-body h2{margin:44px 0 16px;}
.post-body h3{font-size:1.15rem;margin:32px 0 12px;}
.post-body p{color:var(--muted2);margin-bottom:20px;font-size:1.02rem;}
.post-body ul,.post-body ol{color:var(--muted2);margin:0 0 20px 22px;}
.post-body li{margin-bottom:8px;line-height:1.75;}
.post-body a{color:var(--blue-lt);text-decoration:underline;text-underline-offset:3px;}
.post-body blockquote{border-left:3px solid var(--blue);background:rgba(29,128,232,.06);padding:18px 24px;border-radius:0 10px 10px 0;margin:28px 0;font-style:italic;color:var(--white);}
.post-body img{border-radius:var(--radius-md);margin:24px 0;}
.post-body code{background:rgba(29,128,232,.1);padding:2px 7px;border-radius:5px;font-size:.88em;color:var(--cyan);}
.post-body pre{background:var(--navy2);border:1px solid var(--border);padding:18px 20px;border-radius:var(--radius-md);overflow-x:auto;margin:24px 0;}
.post-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9rem;}
.post-body th,.post-body td{border:1px solid var(--border);padding:10px 14px;text-align:left;color:var(--muted2);}
.post-body th{background:rgba(29,128,232,.06);color:var(--white);}

.post-tags{max-width:760px;margin:0 auto 50px;padding:0 5%;display:flex;gap:8px;flex-wrap:wrap;}
.post-tags a{background:rgba(29,128,232,.06);border:1px solid var(--border);color:var(--muted2);font-size:.78rem;padding:6px 14px;border-radius:50px;}
.post-tags a:hover{color:var(--blue-lt);border-color:var(--border2);}

.share-row{max-width:760px;margin:0 auto 50px;padding:0 5%;display:flex;align-items:center;gap:12px;}
.share-row span{font-size:.8rem;color:var(--muted);font-weight:600;}
.share-row a{width:38px;height:38px;border-radius:8px;background:rgba(29,128,232,.08);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted2);transition:var(--transition);}
.share-row a:hover{background:var(--blue);color:#fff;border-color:var(--blue);}

.related-posts{max-width:1200px;margin:0 auto;padding:20px 5% 90px;}

/* ---- Pagination ---- */
.pagination{display:flex;justify-content:center;gap:8px;margin-top:50px;flex-wrap:wrap;}
.pagination a,.pagination span{min-width:42px;height:42px;padding:0 14px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);color:var(--muted2);font-size:.86rem;font-weight:600;transition:var(--transition);}
.pagination a:hover{border-color:var(--border2);color:var(--white);}
.pagination .current{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-color:transparent;}

/* ---- 404 ---- */
.error-404{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px 5% 100px;}
.error-404 .e-code{font-family:'Plus Jakarta Sans',sans-serif;font-size:5rem;font-weight:800;background:linear-gradient(110deg,var(--blue-lt),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.error-404 p{color:var(--muted2);max-width:440px;margin:14px 0 30px;}

/* ---- Author box (single post) ---- */
.single-author{max-width:760px;margin:0 auto 60px;padding:0 5%;}
.single-author .author-wrap{padding:30px;}

@media(max-width:768px){
  .breadcrumb{padding:120px 5% 0;}
  .post-featured-media{aspect-ratio:16/9;}
}


/* ---- Services dropdown ---- */
.nav-dropdown{position:relative;}
.nav-dropdown>a{display:inline-flex;align-items:center;gap:5px;}
.nav-dropdown .caret{width:8px;height:8px;flex-shrink:0;transition:transform .2s;}
.nav-dropdown:hover .caret,.nav-dropdown.open .caret{transform:rotate(180deg);}
.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:230px;background:var(--navy2);border:1px solid var(--border2);border-radius:12px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:950;}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown-menu a{display:block;padding:10px 12px;border-radius:7px;font-size:.85rem;font-weight:500;color:var(--muted2);transition:var(--transition);}
.dropdown-menu a:hover{background:rgba(29,128,232,.1);color:var(--white);}

.mob-dropdown-toggle{width:100%;text-align:left;background:none;border:none;color:var(--muted2);padding:11px 16px;font-size:.95rem;font-weight:500;font-family:'Inter',sans-serif;border-radius:6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.mob-dropdown-toggle:hover{color:var(--white);background:rgba(29,128,232,.08);}
.mob-dropdown-toggle .mob-caret{font-size:.65rem;transition:transform .2s;color:var(--muted);}
.mob-dropdown.open .mob-caret{transform:rotate(180deg);}
.mob-dropdown-menu{display:none;flex-direction:column;padding-left:14px;}
.mob-dropdown-menu.open{display:flex;}
.mob-dropdown-menu a{padding:9px 16px;font-size:.87rem;color:var(--muted2);}
.mob-dropdown-menu a:hover{color:var(--white);background:rgba(29,128,232,.08);border-radius:6px;}