/* ═══════════════════════════════════════
   PROMOBUZZ — Global Stylesheet
   Colours: Blue #1B4FD8 | Lime #AADB00 | Yellow #F5C518 | Pink #FF2D6B
═══════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Plus Jakarta Sans',sans-serif;background:#fff;color:#0A0A0A;overflow-x:hidden;-webkit-font-smoothing:antialiased;}

:root{
  --blue:#1B4FD8;--blue-dark:#0F35A0;
  --lime:#AADB00;--lime-dark:#8AB800;
  --yellow:#F5C518;
  --pink:#FF2D6B;--pink-dark:#D4004F;
  --ink:#0A0A0A;--white:#FFFFFF;--off:#F5F5F3;--mid:#6B6B6B;--rule:#E8E8E6;
  --dh:'Space Grotesk',sans-serif;--db:'Plus Jakarta Sans',sans-serif;
}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:500;height:66px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;transition:background .4s,box-shadow .4s;}
nav.stuck{background:rgba(255,255,255,.96);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--rule);}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-icon{width:36px;height:36px;border-radius:8px;background:var(--blue);display:flex;align-items:center;justify-content:center;position:relative;}
.logo-icon svg{width:18px;height:18px;}
.logo-dot{position:absolute;bottom:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--blue);}
.logo-text{font-family:var(--dh);font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--ink);}
.logo-text span{color:var(--blue);}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.nav-links a{font-size:14px;font-weight:500;color:var(--mid);text-decoration:none;transition:color .2s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.nav-links a:hover,.nav-links a.active{color:var(--ink);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-cta{background:var(--blue)!important;color:#fff!important;padding:10px 20px;border-radius:8px;font-weight:600!important;}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--blue-dark)!important;}
.ham{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px;}
.ham span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s;}
.ham.x span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.ham.x span:nth-child(2){opacity:0;}
.ham.x span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.mob-menu{display:none;position:fixed;top:66px;left:0;right:0;bottom:0;background:#fff;z-index:499;padding:40px 5%;flex-direction:column;gap:0;overflow-y:auto;}
.mob-menu.open{display:flex;}
.mob-menu a{font-family:var(--dh);font-size:30px;font-weight:700;color:var(--ink);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--rule);transition:color .15s,padding-left .15s;}
.mob-menu a:hover{color:var(--blue);padding-left:8px;}
.mob-menu .mob-cta{margin-top:20px;background:var(--blue);color:#fff;padding:18px 28px;border-radius:10px;text-align:center;font-size:20px;border-bottom:none;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:10px;font-family:var(--dh);font-size:15px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;}
.btn:hover{transform:translateY(-2px);}
.btn svg{width:16px;height:16px;stroke:currentColor;transition:transform .2s;}
.btn:hover svg{transform:translateX(4px);}
.btn-blue{background:var(--blue);color:#fff;}
.btn-blue:hover{background:var(--blue-dark);box-shadow:0 10px 32px rgba(27,79,216,.3);}
.btn-yellow{background:var(--yellow);color:var(--ink);}
.btn-yellow:hover{background:#E5B400;box-shadow:0 10px 32px rgba(245,197,24,.3);}
.btn-lime{background:var(--lime);color:var(--ink);}
.btn-lime:hover{background:var(--lime-dark);box-shadow:0 10px 32px rgba(170,219,0,.3);}
.btn-pink{background:var(--pink);color:#fff;}
.btn-pink:hover{background:var(--pink-dark);box-shadow:0 10px 32px rgba(255,45,107,.3);}
.btn-out{background:transparent;color:var(--ink);border:1.5px solid var(--rule);}
.btn-out:hover{border-color:var(--ink);box-shadow:none;}

/* ── PAGE HERO ── */
.page-hero{padding:130px 5% 80px;position:relative;overflow:hidden;}
.page-hero-inner{position:relative;z-index:1;max-width:740px;}
.page-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:8px 16px;border-radius:4px;margin-bottom:28px;}
.page-hero h1{font-family:var(--dh);font-size:clamp(44px,6vw,80px);font-weight:700;line-height:.92;letter-spacing:-3px;margin-bottom:28px;}
.page-hero .lead{font-size:18px;line-height:1.78;color:var(--mid);max-width:560px;margin-bottom:40px;}
.page-hero .hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}

/* ── SECTION BASE ── */
.s{padding:90px 5%;}
.s-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px;}
.s-kicker::before{content:'';width:18px;height:2px;border-radius:1px;}
.kl{color:var(--lime-dark);}.kl::before{background:var(--lime);}
.kb{color:var(--blue);}.kb::before{background:var(--blue);}
.kp{color:var(--pink);}.kp::before{background:var(--pink);}
.ky{color:#967000;}.ky::before{background:var(--yellow);}
.s-h2{font-family:var(--dh);font-size:clamp(36px,4vw,58px);font-weight:700;letter-spacing:-2px;line-height:.95;color:var(--ink);}
.s-desc{font-size:17px;line-height:1.8;color:var(--mid);max-width:500px;}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);}
.rv.in{opacity:1;transform:none;}
.rv-l{opacity:0;transform:translateX(-24px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);}
.rv-l.in{opacity:1;transform:none;}
.rv-r{opacity:0;transform:translateX(24px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);}
.rv-r.in{opacity:1;transform:none;}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

/* ── 3-COLUMN CARD GRID ── */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.card{border-radius:14px;padding:36px 30px;cursor:default;transition:transform .3s,box-shadow .3s;}
.card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.09);}
.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.card-icon svg{width:22px;height:22px;}
.card h3{font-family:var(--dh);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:10px;}
.card p{font-size:14px;line-height:1.75;color:var(--mid);}
.card-border{background:#fff;border:1.5px solid var(--rule);}
.card-fill-b{background:var(--blue);}.card-fill-b h3{color:#fff;}.card-fill-b p{color:rgba(255,255,255,.65);}.card-fill-b .card-icon{background:rgba(255,255,255,.15);}.card-fill-b .card-icon svg{stroke:#fff;}
.card-fill-l{background:var(--lime);}.card-fill-l h3{color:var(--ink);}.card-fill-l p{color:rgba(10,10,10,.6);}.card-fill-l .card-icon{background:rgba(10,10,10,.1);}.card-fill-l .card-icon svg{stroke:var(--ink);}
.card-fill-p{background:var(--pink);}.card-fill-p h3{color:#fff;}.card-fill-p p{color:rgba(255,255,255,.65);}.card-fill-p .card-icon{background:rgba(255,255,255,.15);}.card-fill-p .card-icon svg{stroke:#fff;}
.card-off{background:var(--off);}

/* ── FEATURE ROW ── */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.feat-row.flip{direction:rtl;}.feat-row.flip>*{direction:ltr;}
.feat-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;}
.feat-content .s-h2{margin-top:14px;margin-bottom:18px;}
.feat-content p{font-size:16px;line-height:1.8;color:var(--mid);margin-bottom:28px;}
.feat-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
.feat-list li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;}
.feat-list li svg{width:16px;height:16px;flex-shrink:0;}

/* ── STATS ROW ── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.stat-box{padding:40px 32px;text-align:center;}
.stat-n{font-family:var(--dh);font-size:52px;font-weight:700;letter-spacing:-3px;line-height:1;display:block;margin-bottom:6px;}
.stat-l{font-size:13px;font-weight:500;color:var(--mid);}

/* ── PROCESS STRIP ── */
.proc-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.pbox{padding:40px 32px;position:relative;overflow:hidden;}
.pbox-n{font-family:var(--dh);font-size:80px;font-weight:700;letter-spacing:-4px;line-height:1;margin-bottom:20px;display:block;}
.pbox-title{font-family:var(--dh);font-size:19px;font-weight:700;letter-spacing:-.3px;margin-bottom:10px;}
.pbox-body{font-size:14px;line-height:1.75;color:var(--mid);}
.pbox-accent{background:var(--blue);}.pbox-accent .pbox-n{color:rgba(255,255,255,.1);}.pbox-accent .pbox-title{color:#fff;}.pbox-accent .pbox-body{color:rgba(255,255,255,.55);}
.pbox-lime{background:var(--lime);}.pbox-lime .pbox-n{color:rgba(10,10,10,.08);}.pbox-lime .pbox-title{color:var(--ink);}.pbox-lime .pbox-body{color:rgba(10,10,10,.55);}
.pbox-off{background:var(--off);}.pbox-off .pbox-n{color:rgba(10,10,10,.05);}

/* ── CTA BAND ── */
.cta-band{padding:90px 5%;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.cta-band h2{font-family:var(--dh);font-size:clamp(32px,4vw,54px);font-weight:700;letter-spacing:-2px;line-height:.95;max-width:560px;}
.cta-band-btns{display:flex;gap:14px;flex-wrap:wrap;flex-shrink:0;}

/* ── MARQUEE ── */
.mq-wrap{overflow:hidden;padding:16px 0;}
.mq-track{display:flex;width:max-content;animation:mqs 28s linear infinite;}
.mq-item{display:flex;align-items:center;padding:0 28px;font-family:var(--dh);font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap;}
.mq-sep{width:5px;height:5px;border-radius:50%;margin-right:28px;flex-shrink:0;}
@keyframes mqs{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── CONTACT FORM ── */
.form-wrap{background:#fff;border:1.5px solid var(--rule);border-radius:18px;padding:48px 44px;box-shadow:0 2px 48px rgba(0,0,0,.06);transition:box-shadow .4s,border-color .4s;}
.form-wrap:focus-within{box-shadow:0 0 0 3px rgba(27,79,216,.1),0 20px 60px rgba(0,0,0,.1);border-color:rgba(27,79,216,.3);}
.form-title{font-family:var(--dh);font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:24px;display:flex;align-items:center;gap:10px;}
.form-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fg{display:flex;flex-direction:column;gap:7px;}
.fg label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--mid);}
.fg input,.fg select,.fg textarea{border:1.5px solid var(--rule);border-radius:10px;padding:13px 16px;font-family:var(--db);font-size:15px;color:var(--ink);background:#fafafa;width:100%;appearance:none;transition:border-color .2s,background .2s,box-shadow .2s;}
.fg input::placeholder,.fg textarea::placeholder{color:#BBBBB8;}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(27,79,216,.07);}
.fg textarea{resize:vertical;min-height:100px;}
.form-gap{display:flex;flex-direction:column;gap:14px;}
.fbtn{width:100%;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:16px;font-family:var(--dh);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;margin-top:4px;}
.fbtn:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 12px 36px rgba(27,79,216,.3);}
.fbtn svg{width:18px;height:18px;stroke:currentColor;transition:transform .2s;}
.fbtn:hover svg{transform:translateX(4px);}
.f-note{text-align:center;font-size:12px;color:#BBBBB8;margin-top:12px;}
.fsok{display:none;text-align:center;padding:52px 20px;}
.fsok.on{display:block;}
.fsok-ring{width:64px;height:64px;border-radius:50%;border:2px solid var(--lime);background:rgba(170,219,0,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:popring .5s cubic-bezier(.16,1,.3,1) both;}
@keyframes popring{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.fsok-ring svg{width:26px;height:26px;stroke:var(--lime-dark);}
.fsok h3{font-family:var(--dh);font-size:24px;font-weight:700;margin-bottom:8px;}
.fsok p{font-size:15px;color:var(--mid);line-height:1.7;}

/* ── FOOTER ── */
footer{background:var(--ink);color:#fff;padding:64px 5% 36px;}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:32px;}
.ft-blurb{font-size:14px;line-height:1.75;color:rgba(255,255,255,.3);max-width:240px;margin-top:12px;}
.ft-badges{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.ftb{padding:5px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:1px;}
.ftb-b{background:rgba(27,79,216,.3);color:var(--blue);}
.ftb-l{background:rgba(170,219,0,.2);color:var(--lime);}
.ftb-p{background:rgba(255,45,107,.2);color:var(--pink);}
.ft-col h5{font-family:var(--dh);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--lime);margin-bottom:16px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.ft-col a{font-size:14px;color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s,padding-left .15s;display:flex;align-items:center;gap:6px;}
.ft-col a svg{width:11px;height:11px;stroke:currentColor;opacity:.4;flex-shrink:0;}
.ft-col a:hover{color:var(--yellow);padding-left:4px;}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.ft-copy{font-size:12px;color:rgba(255,255,255,.18);}
.ft-domain{font-family:var(--dh);font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--yellow);opacity:.5;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .card-grid{grid-template-columns:1fr 1fr;}
  .feat-row{grid-template-columns:1fr;gap:40px;}
  .feat-row.flip{direction:ltr;}
  .stats-row{grid-template-columns:1fr 1fr;}
  .proc-strip{grid-template-columns:1fr 1fr;}
  .ft-top{grid-template-columns:1fr 1fr;gap:40px;}
}
@media(max-width:768px){
  .nav-links{display:none;}.ham{display:flex;}
  .card-grid{grid-template-columns:1fr;}
  .stats-row{grid-template-columns:1fr 1fr;}
  .proc-strip{grid-template-columns:1fr;}
  .cta-band{flex-direction:column;align-items:flex-start;}
  .frow{grid-template-columns:1fr;}
  .form-wrap{padding:32px 24px;}
  .ft-top{grid-template-columns:1fr;}
  .s{padding:64px 5%;}
  .page-hero{padding:110px 5% 60px;}
}
@media(max-width:480px){
  .page-hero h1{letter-spacing:-2px;}
  .hero-actions,.cta-band-btns{flex-direction:column;}
  .hero-actions .btn,.cta-band-btns .btn{width:100%;justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  .rv,.rv-l,.rv-r{opacity:1;transform:none;}
}

/* ── FIXES: missing classes ── */
/* .count is a JS target — no visual styles needed, inherits parent */
.count{display:inline;}

/* .ft-badge alias for .ftb (used in some pages) */
.ft-badge{padding:5px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:1px;}
.ft-badge.ftb-b{background:rgba(27,79,216,.3);color:var(--blue);}
.ft-badge.ftb-l{background:rgba(170,219,0,.2);color:var(--lime-dark);}
.ft-badge.ftb-p{background:rgba(255,45,107,.2);color:var(--pink);}

/* ft-brand, ft-grid — footer layout used in index */
.ft-brand{}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:32px;}

/* mobile menu mob-cta class */
.mob-cta{color:var(--blue)!important;border-bottom:none!important;}

/* page-hero missing on some pages */
@media(max-width:480px){
  .frow{grid-template-columns:1fr;}
}

/* ── NAV: always show background so logo visible on white pages ── */
nav{background:rgba(255,255,255,0.97);box-shadow:0 1px 0 var(--rule);}
nav.hero-page{background:transparent;box-shadow:none;}
nav.hero-page.stuck{background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--rule);}

/* ── LOGO: force SVG stroke colour ── */
.logo-icon svg path{stroke:#F5C518;}

/* ── HERO ORB ── */
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}

/* ── BLINK animation (global) ── */
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

/* ── PAGE HERO position:relative so orbs work ── */
.page-hero{position:relative;overflow:hidden;}
.page-hero-inner{position:relative;z-index:1;}

/* ── NAV visible on dark hero pages: make text white ── */
nav.hero-page .logo-text{color:#fff;}
nav.hero-page .logo-text span{color:var(--yellow);}
nav.hero-page .nav-links a{color:rgba(255,255,255,.6);}
nav.hero-page .nav-links a:hover{color:#fff;}
nav.hero-page .nav-links a::after{background:var(--lime);}
nav.hero-page .ham span{background:#fff;}

/* ── LOGO DOT: always visible ── */
.logo-dot{box-shadow:0 0 0 2px var(--blue) !important;}
nav.hero-page .logo-dot{box-shadow:0 0 0 2px transparent !important;}

/* ── LOGO TEXT: visible on both light and dark nav ── */
nav.hero-page .logo-text{color:#fff !important;}
nav.hero-page.stuck .logo-text{color:var(--ink) !important;}
nav.hero-page.stuck .logo-text span{color:var(--blue) !important;}
nav.hero-page.stuck .logo-dot{box-shadow:0 0 0 2px var(--blue) !important;}
nav.hero-page.stuck .nav-links a{color:var(--mid) !important;}

/* ── NAV CTA always blue bg ── */
.nav-cta{background:var(--blue) !important;color:#fff !important;
  padding:10px 20px;border-radius:8px;font-weight:600 !important;
  transition:background .2s !important;}
nav.hero-page .nav-cta{background:var(--yellow) !important;color:var(--ink) !important;}
nav.hero-page.stuck .nav-cta{background:var(--blue) !important;color:#fff !important;}

/* ── ICON stroke fix: explicit on svg element ── */
.logo-icon svg{display:block;width:18px;height:18px;}

/* ── SVG GLOBAL DEFAULTS: prevent invisible icons ── */
/* Card icons with no explicit stroke get a default */
.card-off .card-icon svg{stroke:var(--blue);}
.card-border .card-icon svg{stroke:var(--blue);}

/* Stat box icons */
.stat-box svg{stroke:currentColor;}

/* All inline SVGs in sections that have no explicit stroke */
.svc-pt svg{stroke:var(--lime-dark);}
.wc-icon svg{stroke:var(--blue);}
.ci-ic svg{stroke:var(--blue);}
.card-icon svg{stroke:var(--blue);}/* fallback for unstyled card icons */
.feat-list li svg{stroke:var(--blue);}
.pstep-icon svg{stroke:#fff;}
.step-icon svg{stroke:#fff;}

/* Footer arrow icons */
.ft-col a svg{stroke:rgba(255,255,255,.35);}

/* Proc box icons */
.pbox-accent .pbox-icon svg,.pbox-lime .pbox-icon svg{stroke:var(--ink);}

/* ── ACTUAL LOGO IMAGE ── */
.logo-img{
  width:40px;
  height:40px;
  border-radius:8px;
  object-fit:cover;
  display:block;
  flex-shrink:0;
}

/* ── INDUSTRIES GRID (homepage) ── */
.ind-grid-home{
  display:grid;grid-template-columns:repeat(4,1fr);gap:3px;
}
.ind-tile-home{
  padding:24px 20px;background:var(--off);
  display:flex;align-items:center;gap:12px;
  transition:background .2s;cursor:default;
}
.ind-tile-home:hover{background:#EEECEA;}
.ind-tile-home svg{width:18px;height:18px;stroke:var(--blue);flex-shrink:0;}
.ind-tile-name{font-family:var(--dh);font-size:14px;font-weight:700;color:var(--ink);}

/* ── TESTIMONIAL / TRUST SECTION ── */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.trust-card{
  background:var(--off);padding:40px 32px;
  border-left:3px solid transparent;
  transition:border-color .3s,background .3s;cursor:default;
}
.trust-card:hover{border-left-color:var(--blue);background:#EEECEA;}
.trust-quote{
  font-size:16px;line-height:1.8;color:var(--mid);
  font-style:italic;margin-bottom:24px;
}
.trust-author{font-family:var(--dh);font-size:14px;font-weight:700;color:var(--ink);}
.trust-role{font-size:12px;color:var(--mid);margin-top:2px;}
.trust-stars{color:var(--yellow);font-size:16px;margin-bottom:16px;letter-spacing:2px;}

/* ── BLOG PAGE ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.blog-card{
  border-radius:14px;overflow:hidden;
  border:1.5px solid var(--rule);
  transition:transform .3s,box-shadow .3s;
  cursor:pointer;background:#fff;
}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.09);}
.blog-card-thumb{
  height:200px;display:flex;align-items:center;justify-content:center;
  font-family:var(--dh);font-size:64px;font-weight:700;
}
.blog-card-body{padding:28px 24px;}
.blog-card-cat{
  display:inline-block;padding:4px 12px;border-radius:100px;
  font-size:11px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;margin-bottom:12px;
}
.blog-card-title{
  font-family:var(--dh);font-size:20px;font-weight:700;
  letter-spacing:-.3px;line-height:1.2;color:var(--ink);margin-bottom:10px;
}
.blog-card-excerpt{font-size:14px;line-height:1.7;color:var(--mid);}
.blog-card-meta{
  display:flex;align-items:center;gap:12px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);
  font-size:12px;color:var(--mid);font-weight:500;
}
.blog-card-meta svg{width:13px;height:13px;stroke:var(--mid);}

@media(max-width:1024px){
  .ind-grid-home{grid-template-columns:repeat(3,1fr);}
  .trust-grid{grid-template-columns:1fr 1fr;}
  .blog-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .ind-grid-home{grid-template-columns:1fr 1fr;}
  .trust-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
}

/* ── SOCIAL ICONS — FILLED BRAND STYLE ── */
.soc-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.soc-link{
  width:38px;height:38px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;flex-shrink:0;
  transition:transform .2s,opacity .2s;
  opacity:.7;
}
.soc-link:hover{transform:translateY(-3px);opacity:1;}
.soc-link svg{width:18px;height:18px;display:block;}

/* Individual platform brand colours as backgrounds */
.soc-ig{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.soc-li{background:#0A66C2;}
.soc-yt{background:#FF0000;}
.soc-tt{background:#000;}
.soc-fb{background:#1877F2;}
.soc-th{background:#000;}
.soc-pi{background:#E60023;}
.soc-be{background:#1769FF;}
.soc-vi{background:#1AB7EA;}

/* ── SOCIAL ICONS ── */
.soc-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.soc-link{
  width:34px;height:34px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  text-decoration:none;flex-shrink:0;
  transition:color .2s,background .2s,transform .2s,border-color .2s;
}
.soc-link svg{width:15px;height:15px;display:block;}
.soc-link:hover{
  color:#fff;
  background:var(--sc, var(--blue));
  border-color:transparent;
  transform:translateY(-2px);
}

/* ── HERO SPLIT LAYOUT ── */




  50%{transform:translateY(-18px) rotate(1deg);}
}

@media(max-width:900px){
  
  
}

/* ── HERO SPLIT + PB 3D ── */
.hero-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
  width:100%;
}
.hero-illus{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
}
.pb-3d{
  width:100%;
  max-width:460px;
  height:auto;
  /* NO background — fully transparent */
  background:transparent;
  filter:drop-shadow(0 32px 64px rgba(0,0,0,0.4)) drop-shadow(0 0 40px rgba(27,79,216,0.3));
  animation:pbfloat 7s ease-in-out infinite;
}
@keyframes pbfloat{
  0%,100%{transform:translateY(0) rotate(0deg);}
  33%{transform:translateY(-20px) rotate(0.5deg);}
  66%{transform:translateY(-10px) rotate(-0.5deg);}
}
@media(max-width:900px){
  .hero-split{grid-template-columns:1fr;}
  .hero-illus{display:none;}
}