/* eBuddha Digitech service pages (SEO, social media, performance marketing, website design): styles shared by all four pages. */
/*eb-nav*/.online-programs-mega-dropdown.eb-mm{display:none;position:absolute;left:0;width:1146px;max-width:calc(100vw - 48px);z-index:1000;animation:none!important}.online-programs-mega-menu.is-open>.eb-mm{display:block;animation:ebDdIn .22s ease-out!important}@keyframes ebDdIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.online-programs-mega-dropdown.eb-mm:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}.eb-panes{position:relative;min-height:366px}.online-programs-mega-dropdown .eb-pane{display:none}.online-programs-mega-dropdown .eb-pane.on{display:flex}.online-programs-mega-dropdown .courses-content.eb-cpane.on{display:block}.categories-sidebar .category-item{cursor:pointer}
/*eb-services*/
.eb-svcpage{--navy:#0A1030;--navy-2:#0B206B;--blue:#194CFF;--blue-d:#1D4ED8;--yellow:#FFC24B;--cyan:#00B9F1;
  --ink:#0F172A;--ink-2:#334155;--ink-3:#64748B;--line:#E4E9F5;--tint:#F5F7FC;
  font-family:Inter,sans-serif;color:var(--ink);overflow-x:clip}
.eb-svcpage *{box-sizing:border-box}
.eb-wrap{width:100%;max-width:1202px;margin:0 auto;padding:0 20px}
.eb-wrap-narrow{max-width:860px}
.eb-svcpage h1,.eb-svcpage h2,.eb-svcpage h3{margin:0;letter-spacing:-.02em}
.eb-svcpage p{margin:0}

/* ---- reveal on scroll ---- */
.eb-svcpage .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.3,1);transition-delay:var(--d,0s)}
.eb-svcpage .reveal.in{opacity:1;transform:none}

/* ---- hero ---- */
.eb-hero{position:relative;background:linear-gradient(160deg,#0B206B 0%,#0A1030 62%,#08122A 100%);color:#fff;padding:170px 0 96px;overflow:hidden}
.eb-hero-glow{position:absolute;top:-180px;right:-160px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(25,76,255,.55) 0%,rgba(0,185,241,.18) 42%,transparent 70%);
  filter:blur(10px);animation:ebDrift 16s ease-in-out infinite alternate;pointer-events:none}
@keyframes ebDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-60px,50px,0) scale(1.12)}}
.eb-svcpage .eb-eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:18px}
.eb-h1{font-size:clamp(34px,5.4vw,64px);line-height:1.08;font-weight:800;max-width:16ch}
/* the clip that hides each line before it rises has to sit low enough to let the
   hand-drawn underline through */
.eb-line{display:block;overflow:hidden;padding-bottom:.18em;margin-bottom:-.14em}
.eb-line>span{display:block;transform:translateY(105%);animation:ebRise .85s cubic-bezier(.2,.8,.25,1) forwards}
.eb-line:nth-child(2)>span{animation-delay:.1s}
.eb-line:nth-child(3)>span{animation-delay:.2s}
@keyframes ebRise{to{transform:none}}
.eb-mark{position:relative;font-style:normal;white-space:nowrap}
.eb-mark svg{position:absolute;left:0;bottom:-.02em;width:100%;height:.26em;overflow:visible}
.eb-mark path{stroke-dasharray:320;stroke-dashoffset:320;animation:ebDraw .9s ease-out .95s forwards}
@keyframes ebDraw{to{stroke-dashoffset:0}}
.eb-svcpage .eb-lead{margin-top:52px;max-width:63ch;font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:#D6DEF7}
.eb-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.eb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:10px;
  font-size:16px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.eb-btn-y{background:var(--yellow);color:#1A1200;box-shadow:0 10px 26px rgba(255,194,75,.28)}
.eb-btn-y:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,194,75,.38);color:#1A1200}
.eb-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.eb-btn-ghost:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateY(-2px)}
.eb-btn-full{width:100%}
.eb-svcpage .eb-note{margin-top:20px;font-size:14px;color:#93A4D6}

/* ---- client strip ---- */
.eb-clients{background:var(--navy);color:#fff;padding:0 0 44px}
.eb-svcpage .eb-clients-lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7C8CC4;margin-bottom:16px}
.eb-clients-row{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.13);
  display:flex;flex-wrap:wrap;gap:14px 38px}
.eb-clients-row li{font-size:15px;font-weight:600;color:#C8D3F2;transition:color .2s ease}
.eb-clients-row li:hover{color:#fff}

/* ---- section heads ---- */
.eb-head{max-width:760px;margin-bottom:52px}
.eb-svcpage .eb-kicker{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.eb-head h2{font-size:clamp(26px,3.2vw,40px);line-height:1.18;font-weight:800}
.eb-svcpage .eb-sub{margin-top:18px;font-size:17px;line-height:1.75;color:var(--ink-2)}
.eb-head-light .eb-kicker{color:var(--yellow)}
.eb-head-light h2{color:#fff}

/* ---- what we do ---- */
.eb-what{background:#fff;padding:96px 0}
.eb-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.eb-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 28px 30px;
  transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s ease,border-color .3s ease}
.eb-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(15,23,42,.10);border-color:#C7D6FF}
.eb-card:before{content:'';position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.eb-card:hover:before{transform:scaleX(1)}
.eb-card-no{font-family:Fraunces,Georgia,serif;font-size:38px;line-height:1;color:#C7D6FF;display:block;margin-bottom:14px}
.eb-card h3{font-size:21px;font-weight:700;margin-bottom:12px}
.eb-card>p{font-size:15.5px;line-height:1.7;color:var(--ink-2)}
.eb-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.eb-chips li{font-size:13px;font-weight:500;color:#1E3A8A;background:#EAF0FF;border:1px solid #DCE5FF;
  border-radius:999px;padding:7px 13px;transition:background .2s ease,color .2s ease,transform .2s ease}
.eb-chips li:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}

/* ---- how we work ---- */
.eb-how{background:linear-gradient(180deg,#0B206B 0%,#0A1030 100%);color:#fff;padding:96px 0}
.eb-steps{position:relative;padding-left:0}
.eb-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:44px}
.eb-rail{position:absolute;left:31px;top:14px;bottom:34px;width:3px;border-radius:2px;background:rgba(255,255,255,.16)}
.eb-rail-fill{display:block;width:100%;height:0;border-radius:2px;background:linear-gradient(180deg,var(--yellow),var(--cyan));transition:height .25s linear}
.eb-step{display:flex;gap:26px;align-items:flex-start;position:relative}
.eb-step-no{flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:Fraunces,Georgia,serif;font-size:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);
  color:#fff;position:relative;z-index:2;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}
.eb-step.on .eb-step-no{background:var(--yellow);border-color:var(--yellow);color:#1A1200;transform:scale(1.06)}
.eb-step h3{font-size:20px;font-weight:700;margin-bottom:10px;color:rgba(255,255,255,.72);transition:color .3s ease}
.eb-step.on h3{color:#fff}
.eb-step p{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.62);max-width:62ch;transition:color .3s ease}
.eb-step.on p{color:rgba(255,255,255,.86)}

/* ---- what you get ---- */
.eb-incl{background:var(--tint);padding:96px 0}
.eb-incl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.eb-incl-grid li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px;transition:transform .25s ease,box-shadow .25s ease}
.eb-incl-grid li:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,23,42,.08)}
.eb-incl-grid h3{font-size:17px;font-weight:700;margin-bottom:10px}
.eb-incl-grid h3:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yellow);margin-right:10px;vertical-align:middle}
.eb-incl-grid p{font-size:15px;line-height:1.7;color:var(--ink-2)}

/* ---- client words belt ---- */
.eb-words{background:var(--navy);padding:90px 0 96px;overflow:hidden}
.eb-belt{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.eb-belt-track{display:flex;gap:22px;width:max-content;animation:ebBelt 64s linear infinite}
.eb-belt:hover .eb-belt-track{animation-play-state:paused}
@keyframes ebBelt{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}
.eb-w-card{flex:0 0 400px;width:400px;margin:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;justify-content:space-between}
.eb-w-card blockquote{margin:0;font-size:15px;line-height:1.75;color:#D3DCF5}
.eb-w-card figcaption{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);
  font-size:15px;font-weight:700;color:#fff}

/* ---- faq ---- */
.eb-faq{background:#fff;padding:96px 0}
.eb-acc details{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}
.eb-acc details[open]{border-color:#C7D6FF;box-shadow:0 14px 30px rgba(15,23,42,.07)}
.eb-acc summary{list-style:none;cursor:pointer;padding:20px 56px 20px 22px;font-size:17px;font-weight:600;position:relative}
.eb-acc summary::-webkit-details-marker{display:none}
.eb-acc summary i{position:absolute;right:22px;top:50%;width:12px;height:12px;margin-top:-8px;
  border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:transform .3s ease}
.eb-acc details[open] summary i{transform:rotate(-135deg);margin-top:-3px}
.eb-acc-body{padding:0 22px 22px;font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.eb-acc details[open] .eb-acc-body{animation:ebFade .35s ease both}
@keyframes ebFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---- enquiry ---- */
.eb-enq{background:linear-gradient(150deg,#0B206B,#0A1030);color:#fff;padding:96px 0}
.eb-enq-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.eb-enq-copy .eb-kicker{color:var(--yellow)}
.eb-enq-copy h2{font-size:clamp(26px,3vw,38px);font-weight:800;margin-bottom:18px}
.eb-enq-copy>p{font-size:16.5px;line-height:1.75;color:#CBD5F0}
.eb-enq-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.eb-enq-list li{position:relative;padding-left:26px;font-size:15px;color:#BAC7EC}
.eb-enq-list li:before{content:'';position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--cyan)}
.eb-form{background:#fff;border-radius:18px;padding:30px 28px}
.eb-f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.eb-form label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:16px}
.eb-form input,.eb-form select,.eb-form textarea{width:100%;margin-top:7px;height:46px;padding:0 14px;border:1px solid var(--line);
  border-radius:9px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.eb-form textarea{height:auto;padding:12px 14px;resize:vertical}
.eb-form input:focus,.eb-form select:focus,.eb-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(25,76,255,.13)}
.eb-form input::placeholder,.eb-form textarea::placeholder{color:#9AA6BF}
.eb-svcpage .eb-f-note{margin-top:14px;font-size:13px;color:var(--ink-3);text-align:center}

/* ---- chips link down to their block ---- */
.eb-chips li a{color:inherit;text-decoration:none;display:block}

/* ---- sticky index ---- */
.eb-jump{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eb-jump ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.eb-jump ul::-webkit-scrollbar{display:none}
.eb-jump li{flex:0 0 auto}
.eb-jump a{display:block;white-space:nowrap;padding:14px 12px;font-size:13.5px;color:var(--ink-2);text-decoration:none;
  border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.eb-jump a:hover{color:var(--blue)}
.eb-jump a.on{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
.eb-jump-g a{font-weight:700;color:var(--ink);padding-left:20px}
.eb-jump-g:first-child a{padding-left:0}

/* ---- group band ---- */
.eb-gband{background:linear-gradient(140deg,#0B206B,#0A1030);color:#fff;padding:70px 0}
.eb-gband .eb-kicker{color:var(--yellow)}
.eb-gband h2{font-size:clamp(24px,3vw,36px);font-weight:800}
.eb-svcpage .eb-gband-blurb{margin-top:16px;max-width:70ch;font-size:16.5px;line-height:1.75;color:#C6D1F0}

/* ---- one service ---- */
.eb-sb{background:#fff;padding:64px 0}
.eb-sb-alt{background:var(--tint)}
.eb-sb-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.eb-sb-idx{display:block;font-family:Fraunces,Georgia,serif;font-size:34px;line-height:1;color:#C7D6FF;margin-bottom:12px}
.eb-sb-head h3{font-size:clamp(22px,2.4vw,30px);font-weight:800;margin-bottom:14px}
.eb-svcpage .eb-sb-lede{font-size:16px;line-height:1.75;color:var(--ink-2)}
.eb-svcpage .eb-sb-rel{margin-top:18px;font-size:14px;color:var(--ink-3)}
.eb-sb-rel a{color:var(--blue);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(25,76,255,.3)}
.eb-sb-rel a:hover{border-bottom-color:var(--blue)}
.eb-sb-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.eb-sb-col h4{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 16px}
.eb-sb-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.eb-sb-col li{position:relative;padding-left:22px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.eb-sb-col li:before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:2px;
  background:var(--yellow);transform:rotate(45deg)}
.eb-svcpage .eb-sb-know p{font-size:15px;line-height:1.75;color:var(--ink-2)}
.eb-sb-cta{display:inline-block;margin-top:20px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none}
.eb-sb-cta:after{content:' \2192';transition:margin-left .2s ease;display:inline-block}
.eb-sb-cta:hover{color:var(--blue-d)}
.eb-sb-cta:hover:after{margin-left:5px}

/* ---- shared centered head for the two inserted sections ---- */
.eb-head-mid{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
.eb-kicker-rule{display:inline-flex;align-items:center;gap:12px}
.eb-kicker-rule:before{content:'';width:44px;height:1px;background:var(--blue)}

/* ---- the two halves of social ---- */
.eb-off{background:#F7F6F2;padding:84px 0 78px}
.eb-off-grid{margin-top:52px}
/* each pair sticks under the index bar and the next one rides up over it, so the rows
   finish the section piled on one another rather than strung out down the page */
.eb-off-row{position:sticky;top:calc(72px + var(--n,0) * 20px);z-index:calc(var(--n,0) + 1);
  display:grid;grid-template-columns:1fr 1fr;gap:28px;
  background:#F7F6F2;padding:18px 0 22px;margin-bottom:34px}
.eb-off-row:last-child{margin-bottom:0}
.eb-off-card{position:relative;background:#fff;border:1px solid #E9E5DA;border-radius:14px;
  padding:32px 30px 28px;overflow:hidden}
.eb-off-card:after{content:'';position:absolute;top:0;bottom:0;right:0;width:5px;
  background:linear-gradient(180deg,var(--yellow),#F1592A)}
/* two separate cards shifting in, one from each side, far enough that the movement
   actually reads - each card folds down into place like a flip board as it lands */
.eb-off-card{transition:transform 1.05s cubic-bezier(.3,.85,.35,1.1),opacity .35s ease;backface-visibility:hidden}
.eb-off-row .eb-off-left,.eb-off-row .eb-off-right{transform:perspective(900px) translateY(34px) rotateX(-62deg);transform-origin:50% 0;opacity:0}
.eb-off-row .eb-off-right{transition-delay:.16s}
.eb-off-row.in .eb-off-card{transform:none;opacity:1}
.eb-off-icon{display:block;width:52px;height:52px;margin-bottom:22px}
.eb-off-icon svg{width:100%;height:100%}
.eb-off-card h3{font-size:21px;font-weight:700;color:var(--blue);margin-bottom:14px}
.eb-svcpage .eb-off-card>p{font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.eb-off-card ul{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #EFEBE0;
  display:grid;gap:10px}
.eb-off-card li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.eb-off-card li:before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;
  background:var(--yellow);transform:rotate(45deg)}

/* ---- tools we work in ---- */
.eb-tools{background:#fff;padding:84px 0 74px}
.eb-tools-rail{position:relative;margin-top:56px;padding-top:34px}
.eb-tools-line{position:absolute;top:0;left:4%;right:4%;height:0;border-top:1px dashed #B9C6E6;
  transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.4,0,.2,1)}
.eb-tools.in .eb-tools-line{transform:scaleX(1)}
.eb-tools-rail ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);
  gap:34px 12px;align-items:start}
.eb-tool{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding-top:26px;opacity:0;transform:translateY(14px);
  transition:opacity .5s ease,transform .5s ease;transition-delay:calc(.35s + var(--i) * .07s)}
.eb-tools.in .eb-tool{opacity:1;transform:none}
.eb-tool-low{margin-top:52px}
.eb-tool-drop{position:absolute;top:0;left:50%;width:0;height:26px;border-left:1px dashed #B9C6E6}
.eb-tool-low .eb-tool-drop{top:-52px;height:78px}
.eb-tool-badge{display:flex;align-items:center;justify-content:center;height:56px;width:100%;padding:0 6px}
.eb-tool-badge img{max-height:40px;max-width:100%;width:auto;height:auto;object-fit:contain;
  transition:transform .25s ease}
.eb-tool:hover .eb-tool-badge img{transform:translateY(-3px) scale(1.04)}
.eb-tool-name{margin-top:10px;font-size:12.5px;line-height:1.35;color:var(--ink-3)}
.eb-svcpage .eb-tools-foot{margin-top:52px;text-align:center;font-size:14.5px;color:var(--ink-3)}

/* ---- how a lead generation engagement runs ---- */
.eb-proc{background:var(--tint);padding:84px 0 78px}
.eb-proc-wrap{position:relative;margin-top:58px}
.eb-proc-spine{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#D9E1F2}
.eb-proc-fill{display:block;width:100%;height:0;background:linear-gradient(180deg,var(--blue),var(--cyan));
  transition:height .25s linear}
.eb-proc-wrap ol{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.eb-proc-step{position:relative;display:grid;grid-template-columns:1fr 96px 1fr;align-items:center}
.eb-proc-card{grid-column:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;
  opacity:0;transform:translateX(-26px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.8,.3,1),box-shadow .25s ease}
.eb-proc-right .eb-proc-card{grid-column:3;transform:translateX(26px)}
.eb-proc-step.on .eb-proc-card{opacity:1;transform:none}
.eb-proc-card:hover{box-shadow:0 18px 34px rgba(15,23,42,.09)}
.eb-proc-card h3{font-size:18px;font-weight:700;margin-bottom:9px}
.eb-svcpage .eb-proc-card p{font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.eb-proc-ord{grid-column:3;justify-self:start;padding-left:14px;font-family:Fraunces,Georgia,serif;
  font-size:22px;color:var(--ink-3);transition:color .3s ease}
.eb-proc-right .eb-proc-ord{grid-column:1;justify-self:end;padding-left:0;padding-right:14px}
.eb-proc-step.on .eb-proc-ord{color:var(--blue)}
.eb-proc-node{grid-column:2;justify-self:center;width:18px;height:18px;border-radius:50%;background:#fff;
  border:2px solid #C3CFEA;z-index:2;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.eb-proc-step.on .eb-proc-node{border-color:var(--blue);box-shadow:0 0 0 5px rgba(25,76,255,.14);transform:scale(1.12)}

/* the line that separates one service from the next */
.eb-rule{height:1px;background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 88%,transparent)}
.eb-sb-alt+.eb-rule{background:linear-gradient(90deg,transparent,#DDE4F3 12%,#DDE4F3 88%,transparent)}

/* ---- responsive ---- */
@media (max-width:1024px){
  .eb-grid3,.eb-incl-grid{grid-template-columns:repeat(2,1fr)}
  .eb-enq-grid{grid-template-columns:1fr;gap:36px}
  .eb-sb-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width:767px){
  .eb-hero{padding:130px 0 70px}
  .eb-h1{max-width:none}
  .eb-what,.eb-how,.eb-incl,.eb-faq,.eb-enq{padding:66px 0}
  .eb-words{padding:66px 0}
  .eb-grid3,.eb-incl-grid{grid-template-columns:1fr}
  .eb-f-row{grid-template-columns:1fr;gap:0}
  .eb-w-card{flex-basis:290px;width:290px}
  .eb-rail{left:23px}
  .eb-step{gap:18px}
  .eb-step-no{flex-basis:48px;width:48px;height:48px;font-size:18px}
  .eb-head{margin-bottom:38px}
  .eb-btn{width:100%}
  .eb-sb{padding:44px 0}
  .eb-sb-cols{grid-template-columns:1fr;gap:26px}
  .eb-tools,.eb-proc,.eb-off{padding:56px 0}
  .eb-off-grid{margin-top:34px}
  /* a pair is two full-height cards on a phone, far too tall to stack usefully */
  .eb-off-row{position:static;grid-template-columns:1fr;gap:20px;padding:0;margin-bottom:20px}
  .eb-off-row .eb-off-left,.eb-off-row .eb-off-right{transform:perspective(900px) translateY(34px) rotateX(-62deg);opacity:0}
  .eb-off-row .eb-off-right{transition-delay:0s}
  .eb-tools-rail ul{grid-template-columns:repeat(2,1fr);gap:26px 14px}
  .eb-tool-low{margin-top:0}
  .eb-tool-drop,.eb-tools-line{display:none}
  .eb-tool{padding-top:0}
  .eb-proc-spine{left:11px;margin-left:0}
  .eb-proc-step{grid-template-columns:24px 1fr;gap:0 16px;align-items:start}
  .eb-proc-card,.eb-proc-right .eb-proc-card{grid-column:2;transform:translateY(18px)}
  .eb-proc-node,.eb-proc-right .eb-proc-node{grid-column:1;grid-row:1;justify-self:start;margin-top:22px}
  .eb-proc-ord,.eb-proc-right .eb-proc-ord{grid-column:2;grid-row:1;justify-self:start;
    padding:0 0 6px;font-size:18px}
  .eb-proc-wrap ol{gap:20px}
  .eb-gband{padding:52px 0}
  .eb-jump a{padding:12px 10px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .eb-svcpage .reveal{opacity:1;transform:none;transition:none}
  .eb-line>span{transform:none;animation:none}
  .eb-mark path{stroke-dashoffset:0;animation:none}
  .eb-belt-track,.eb-hero-glow{animation:none}
  .eb-tools-line{transform:none;transition:none}
  .eb-tool{opacity:1;transform:none;transition:none}
  .eb-proc-card{opacity:1;transform:none;transition:none}
  .eb-off-row .eb-off-left,.eb-off-row .eb-off-right{transform:none;opacity:1;transition:none}
}
/*eb-ct*/.eb-ct li{display:flex;gap:9px;align-items:flex-start}.eb-ct-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.eb-ct-head>span{margin-bottom:0}.eb-ct-head ul{margin:0}footer .social-media-icon .icon svg{width:15px;height:15px}footer .eb-ct-head .social-media-icon{width:36px;min-width:36px;height:36px;border-color:rgba(255,255,255,.85)}footer .eb-ct-head .social-media-icon .icon svg{width:17px;height:17px}@media (max-width:991.98px){footer .social-media-icon>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}footer .social-media-icon .icon{width:100%}footer .eb-ct .lbl{font-size:11px!important;line-height:inherit}footer .eb-ct .social-media-icon svg{margin:0;opacity:1}}img[src$='new-tag-2.svg'],.category-badge.new{border-radius:6px;animation:ebNewGlow 1.8s ease-out infinite}@keyframes ebNewGlow{0%{box-shadow:0 0 0 0 rgba(255,59,48,.65),0 0 6px 1px rgba(255,59,48,.55)}70%{box-shadow:0 0 0 9px rgba(255,59,48,0),0 0 16px 5px rgba(255,59,48,.35)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0),0 0 6px 1px rgba(255,59,48,.55)}}@media (prefers-reduced-motion:reduce){img[src$='new-tag-2.svg'],.category-badge.new{animation:none}}footer .social-media-icon{transition:background-color .18s ease,border-color .18s ease,transform .18s ease}footer .social-media-icon:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}@media (min-width:992px){.eb-ct-head>span{margin-bottom:30px}}@media (max-width:991.98px){.eb-ct{display:flex;flex-direction:column}.eb-ct .eb-ct-head{display:contents}.eb-ct .eb-ct-head>span{order:1;margin-bottom:16px}.eb-ct>ul{order:2}.eb-ct .eb-ct-head>.d-lg-none{order:3;margin-top:16px}}@media (min-width:1200px){footer .col-xl-9>.row{justify-content:space-between}footer .col-xl-9>.row>[class*=col-lg-3]{flex:0 1 auto;width:auto;max-width:236px}}.eb-ct svg{flex:0 0 auto;margin-top:3px;opacity:.85}.eb-ct .lbl{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;opacity:.6;margin-bottom:1px}.eb-ct a{color:inherit;overflow-wrap:anywhere}.eb-ct a[href^='tel:']{white-space:nowrap}.eb-ct a[href^='mailto:']{overflow-wrap:normal;word-break:normal;white-space:nowrap}@media (min-width:992px) and (max-width:1199px){.eb-ct a[href^='mailto:']{white-space:normal;overflow-wrap:anywhere}}@media (min-width:992px){footer .col-xl-9>.row{justify-content:space-between}}.eb-ct li:last-child{font-size:12.5px;line-height:1.45;gap:7px}.eb-ct li:last-child svg{margin-top:2px}.eb-ct-btn{display:inline-flex;align-items:center;gap:8px;margin-top:6px;background:#FFC24B;color:#1A1200;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:700;line-height:1;transition:transform .18s ease,box-shadow .18s ease}.eb-ct-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,194,75,.28);color:#1A1200}
/*eb-hero-bg*/.eb-hero{isolation:isolate;background:#0834D8 url(/images/bg-layers/hero-section-bg.webp) 50% 0/cover no-repeat}.eb-hero:before{content:"";position:absolute;left:0;top:0;width:100%;height:183px;z-index:-1;background:linear-gradient(180deg,#0834D8 13.36%,rgba(8,52,216,0) 92.12%);pointer-events:none}.eb-hero-glow{display:none}
/*eb-hero-art*/.eb-hero .eb-wrap{position:relative}.eb-hero-art{display:none}@media (min-width:1280px){.eb-hero-art{display:block;position:absolute;right:20px;top:50%;transform:translateY(-46%);width:min(440px,30vw);height:auto;pointer-events:none;user-select:none}}
/*eb-sx*/
.eb-svcpage,.eb-svcpage .sx,.eb-svcpage .eb-faq{font-family:Poppins,Arial,sans-serif}
.eb-hero .eb-h1{font-size:clamp(32px,4.4vw,56px);max-width:none}
.eb-hero .eb-lead{font-size:clamp(15px,1.3vw,18px)}
/* ---- sections ---- */
.sx{position:relative;padding:88px 0}
.sx-w{background:#fff radial-gradient(55% 45% at 88% 12%,rgba(25,76,255,.08),rgba(25,76,255,0) 70%),radial-gradient(40% 35% at 4% 94%,rgba(0,185,241,.08),rgba(0,185,241,0) 70%);color:#0F172A}
.sx-b{background:#10287E url(/images/home-images/blue-gradient-bg.svg) 50% 50%/cover no-repeat;color:#fff}
.sx-head{max-width:780px;margin:0 auto 52px;text-align:center}
.sx-pill{display:inline-block;padding:6px 14px;border-radius:999px;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.sx-w .sx-pill{background:rgba(25,76,255,.08);border:.8px solid rgba(25,76,255,.22);color:#194CFF}
.sx-b .sx-pill{background:rgba(255,255,255,.12);border:.8px solid rgba(255,255,255,.28);color:#fff}
.sx .sx-h2{margin:16px 0 14px;font-size:clamp(26px,3.4vw,42px);line-height:1.2;font-weight:700;letter-spacing:-.01em}
.sx-w .sx-h2{color:#0F172A}.sx-b .sx-h2{color:#fff}
.sx-w .sx-h2 span{background:linear-gradient(90deg,#194CFF,#00B9F1);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-b .sx-h2 span{color:#8FB4FF}
.sx-sub{font-size:16px;line-height:1.8}.sx-w .sx-sub{color:#475569}.sx-b .sx-sub{color:#D3DCF5}
.sx h3{font-weight:600}
.sx-grid{display:grid;gap:22px}.sx-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.sx ol,.sx ul){list-style:none;margin:0;padding:0}
.sx a{text-decoration:none}
/* ---- cards ---- */
.sx-card{position:relative;border-radius:20px;padding:30px 28px}
.sx-w .sx-card{background:#fff;border:1px solid #E3EAF8;box-shadow:0 12px 32px rgba(15,23,42,.05)}
.sx-b .sx-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.sx-card h3{font-size:19px;line-height:1.35;margin:0 0 10px}
.sx-card p{font-size:15px;line-height:1.75;margin:0}
.sx-w .sx-card p{color:#475569}.sx-b .sx-card p{color:#D3DCF5}
.sx-card a{font-weight:600}.sx-w .sx-card a{color:#194CFF}.sx-b .sx-card a{color:#FFC24B}
.sx-ic{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;margin-bottom:18px;flex:0 0 auto}
.sx-w .sx-ic{background:#EEF3FF;color:#194CFF}.sx-b .sx-ic{background:#fff;color:#194CFF}
.sx-bign{position:absolute;top:18px;right:24px;font-size:56px;line-height:1;font-weight:700;color:rgba(255,255,255,.1)}
.sx-best{margin-top:18px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-size:13.5px!important;line-height:1.6!important}
.sx-best b{display:block;margin-bottom:3px;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:#8FB4FF}
.sx .sx-center{margin-top:38px;text-align:center}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;border-radius:10px;background:#194CFF;color:#fff!important;font-size:15px;font-weight:600;box-shadow:0 12px 26px rgba(25,76,255,.28);transition:background .2s,transform .2s}
.sx-btn:hover{background:#1340D8;transform:translateY(-2px)}
.sx .sx-fine{margin-top:26px;font-size:14px;line-height:1.7;color:#C3CEF0}.sx-fine a{color:#FFC24B;font-weight:600}
/* ---- why seo ---- */
.sx-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.sx-reasons li{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #E3EAF8}.sx-reasons li:first-child{padding-top:0}.sx-reasons li:last-child{border-bottom:0}
.sx-num{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#194CFF,#00B9F1);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sx-reasons h3{font-size:19px;margin:0 0 6px;color:#0F172A}.sx-reasons p{font-size:15px;line-height:1.75;color:#475569;margin:0}
.sx-vs{background:#fff;border:1px solid #E3EAF8;border-radius:20px;box-shadow:0 14px 36px rgba(15,23,42,.07);overflow:hidden}
.sx-vs table{width:100%;border-collapse:collapse}
.sx-vs caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sx-vs thead th{background:linear-gradient(97deg,#002CCD,#0A1A66);color:#fff;font-size:14px;font-weight:600;text-align:left;padding:16px 20px}
.sx-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sx-vs tbody th{width:26%;padding:18px 20px;font-size:14px;font-weight:600;text-align:left;color:#0F172A;background:#F6F8FE;vertical-align:top}
.sx-vs td{padding:18px 20px;font-size:14.5px;line-height:1.6;color:#475569;vertical-align:top}
.sx-vs tbody tr+tr th,.sx-vs tbody tr+tr td{border-top:1px solid #E3EAF8}
.sx-vs>p{margin:0;padding:18px 20px;font-size:14px;line-height:1.7;color:#475569;border-top:1px solid #E3EAF8;background:#FBFCFF}.sx-vs>p a{color:#194CFF;font-weight:600}
/* ---- included ---- */
.sx-incl{padding:0!important;overflow:hidden}
.sx-incl-h{display:flex;align-items:center;gap:14px;padding:22px 26px;background:linear-gradient(97deg,#002CCD,#0A1A66)}
.sx-incl-h span{width:34px;height:34px;border-radius:50%;background:#FFC24B;color:#1A1200;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.sx-incl-h h3{margin:0;color:#fff;font-size:18px}
.sx-list{padding:24px 26px 12px}
.sx-list li{position:relative;padding:0 0 14px 30px;font-size:15px;line-height:1.65;color:#475569}
.sx-list li:before{content:"";position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:50%;background:#194CFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
/* ---- process ---- */
.sx-steps{counter-reset:none}
.sx-stepn{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;margin-bottom:18px;background:#FFC24B;color:#1A1200;font-size:17px;font-weight:700}
/* ---- tools ---- */
.sx-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.sx-tools li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:18px 10px;background:#fff;border:1px solid #E3EAF8;border-radius:16px;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.sx-tools img{max-height:36px;max-width:100%;width:auto;height:auto;object-fit:contain}
.sx-tools span{font-size:12.5px;line-height:1.35;color:#64748B}
.sx .sx-foot{margin:22px 0 0;text-align:center;font-size:14.5px;color:#475569}
.sx-report{margin-top:56px;padding:34px 32px;border-radius:24px;background:#EEF3FF;border:1px solid #DCE6FF}
.sx-report>h3{margin:0 0 24px;font-size:22px;color:#0F172A;text-align:center}
.sx-repgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.sx-repgrid li{display:flex;flex-direction:column}
.sx-repgrid .sx-ic{margin-bottom:12px}
.sx-repgrid h3{font-size:17px;margin:0 0 6px;color:#0F172A}.sx-repgrid p{margin:0;font-size:14.5px;line-height:1.7;color:#475569}
/* ---- case studies ---- */
.sx-case{display:flex;flex-direction:column}
.sx-metric{font-size:46px!important;line-height:1.05!important;font-weight:700;color:#FFC24B!important;margin:0!important}
.sx-mlabel{margin:6px 0 18px!important;font-size:14px!important;line-height:1.5!important;color:#fff!important;font-weight:500}
.sx-tag{margin:0 0 10px!important;font-size:12px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8FB4FF!important}
.sx-apply{margin-top:18px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14px;line-height:1.65;color:#E4EAFB}
.sx-apply b{display:block;margin-bottom:4px;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:#8FB4FF}
.sx-case .sx-src{margin-top:auto!important;padding-top:16px;font-size:13px!important}
.sx .sx-sub3{margin:60px 0 24px;font-size:24px;font-weight:600;color:#fff;text-align:center}
.sx-quote{margin:0;background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;box-shadow:0 16px 36px rgba(0,8,37,.25)}
.sx-quote blockquote{margin:0;font-size:15px;line-height:1.75;color:#334155}
.sx-quote figcaption{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:#64748B}.sx-quote figcaption b{font-size:15px;color:#0F172A}
/* ---- industries ---- */
.sx-ind .sx-ex{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px!important;padding-top:16px;border-top:1px solid #E3EAF8}
.sx-ex b{flex:0 0 100%;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:#194CFF}
.sx-ex span{padding:6px 12px;border-radius:999px;background:#EEF3FF;border:1px solid #DCE6FF;font-size:12.5px;line-height:1.35;color:#1E3A8A}
/* ---- why us ---- */
.sx-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:26px;padding:26px 18px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);text-align:center}
.sx-stats b{display:block;font-size:clamp(28px,3vw,38px);line-height:1.1;font-weight:700;color:#FFC24B}
.sx-stats span{display:block;margin-top:6px;font-size:13.5px;color:#D3DCF5}
.sx-pillar{display:flex;gap:18px}.sx-pillar .sx-ic{margin-bottom:0}
.sx-pillar h3{color:#fff}
/* ---- responsive ---- */
@media (max-width:1100px){.sx-g3{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.sx-repgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-split{grid-template-columns:1fr;gap:40px}}
@media (max-width:767px){
.sx{padding:60px 0}.sx-head{margin-bottom:34px}.sx-sub{font-size:15px}
.sx-g2,.sx-g3{grid-template-columns:1fr}.sx-grid{gap:16px}
.sx-card{padding:24px 20px}.sx-bign{font-size:44px;top:14px;right:18px}
.sx-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sx-tools li{min-height:96px;padding:14px 6px}
.sx-report{padding:26px 20px;margin-top:40px}.sx-repgrid{grid-template-columns:1fr;gap:20px}
.sx-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 14px}.sx-stats li:last-child{grid-column:1/-1}
.sx-pillar{flex-direction:column;gap:14px}
.sx-btn,.sx-center .eb-btn{width:100%}
.sx .sx-sub3{font-size:20px;margin-top:44px}
.sx-reasons li{gap:16px;padding:20px 0}.sx-num{width:42px;height:42px;font-size:14px}
.sx-vs thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sx-vs table,.sx-vs tbody,.sx-vs tr,.sx-vs th,.sx-vs td{display:block;width:100%}
.sx-vs tbody tr{padding:6px 0}.sx-vs tbody tr+tr{border-top:1px solid #E3EAF8}
.sx-vs tbody th{width:100%;background:#fff;padding:14px 18px 4px;font-size:15px}
.sx-vs td{padding:6px 18px}.sx-vs td:before{content:attr(data-label) ": ";font-weight:600;color:#194CFF}
.sx-vs tbody tr+tr th,.sx-vs tbody tr+tr td{border-top:0}
}
@media (max-width:420px){.sx-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-h2{font-size:25px}}
@media (prefers-reduced-motion:reduce){.sx-btn{transition:none}}
.eb-svcpage .sx-edu{max-width:720px;margin:-8px auto 28px;text-align:center}
.eb-svcpage .sx-edu a{color:#FFC24B;text-decoration:underline;text-underline-offset:3px}
.eb-svcpage .sx-edu a:focus-visible{outline:2px solid #FFC24B;outline-offset:3px}
.eb-svcpage .eb-hero .eb-btn{text-align:center}

/* ======================================================================
   Section redesign: Why SEO, What's Included, Process, Industries, Why us.
   Each section has its own layout on purpose (editorial list, spec sheet,
   timeline, search-bar index, scoreboard), so the page does not read as one
   card grid repeated. Scoped by section id so nothing else is touched.
   ====================================================================== */

/* ---- 1. Why SEO: outlined numerals + a dark "versus" panel that stays in view ---- */
#why-seo .sx-split{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:76px;align-items:start}
#why-seo .sx-reasons{list-style:none;margin:0;padding:0}
#why-seo .sx-reasons li{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:20px;align-items:start;padding:30px 0;border-bottom:1px solid #D9E2F4}
#why-seo .sx-reasons li:first-child{padding-top:6px}
#why-seo .sx-reasons li:last-child{border-bottom:0}
#why-seo .sx-num{width:auto;height:auto;border-radius:0;background:none;display:block;font-size:68px;line-height:.9;font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #194CFF;transition:color .35s}
#why-seo .sx-reasons li:hover .sx-num{color:#194CFF}
#why-seo .sx-reasons h3{font-size:21px;line-height:1.3;margin:2px 0 8px}
#why-seo .sx-vs{position:sticky;top:112px;background:#0A1030;border:0;border-radius:28px;box-shadow:0 34px 60px -26px rgba(10,16,48,.55)}
#why-seo .sx-vs thead th{background:none;padding:22px 20px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9FB0DD}
#why-seo .sx-vs thead th:last-child{color:#fff;background:linear-gradient(180deg,rgba(0,185,241,.34),rgba(0,185,241,.04));box-shadow:inset 0 3px 0 #00B9F1}
#why-seo .sx-vs tbody th{width:24%;background:none;padding:24px 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8FB4FF}
#why-seo .sx-vs td{padding:24px 20px;font-size:15px;line-height:1.6;color:#C9D4F2}
#why-seo .sx-vs td:last-child{color:#fff;background:rgba(0,185,241,.08);box-shadow:inset 1px 0 0 rgba(0,185,241,.35)}
#why-seo .sx-vs tbody tr+tr th,#why-seo .sx-vs tbody tr+tr td{border-top:1px solid rgba(255,255,255,.1)}
#why-seo .sx-vs>p{background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);color:#B6C2E8}
#why-seo .sx-vs>p a{color:#FFC24B}

/* ---- 2. What's included: one spec sheet in three columns ---- */
[id$="-included"] .sx-g3{gap:0;border:1px solid #D9E2F4;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -34px rgba(15,23,42,.35)}
[id$="-included"] .sx-incl{position:relative;border:0;border-radius:0;background:none;box-shadow:none;padding:0}
[id$="-included"] .sx-incl:first-child{background:linear-gradient(180deg,#F1F5FF,#fff 62%)}
[id$="-included"] .sx-incl+.sx-incl{border-left:1px solid #D9E2F4}
[id$="-included"] .sx-incl:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#194CFF}
[id$="-included"] .sx-incl:nth-child(2):before{background:#00B9F1}
[id$="-included"] .sx-incl:nth-child(3):before{background:#FFC24B}
[id$="-included"] .sx-incl-h{display:block;padding:36px 32px 6px;background:none}
[id$="-included"] .sx-incl-h span{display:block;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,#194CFF,#A9C6FF);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:76px;line-height:1;font-weight:800;letter-spacing:-.05em;margin-bottom:6px}
[id$="-included"] .sx-incl-h span:before{content:"0"}
[id$="-included"] .sx-incl-h h3{color:#0F172A;font-size:22px;line-height:1.3}
[id$="-included"] .sx-list{padding:14px 32px 32px}
[id$="-included"] .sx-list li{padding:13px 0 13px 32px;border-bottom:1px dashed #D3DCF2;font-size:15px;line-height:1.6;color:#334155}
[id$="-included"] .sx-list li:last-child{border-bottom:0}
[id$="-included"] .sx-list li:before{top:15px;width:19px;height:19px;border-radius:6px;background:#E8EFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23194CFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}

/* ---- 3. Process: a timeline on a centre line ---- */
[id$="-process"] .sx-steps{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:112px;row-gap:0;max-width:1060px;margin:0 auto;padding:6px 0 0}
[id$="-process"] .sx-steps:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(255,194,75,0),#FFC24B 7%,rgba(143,180,255,.6) 93%,rgba(143,180,255,0))}
[id$="-process"] .sx-steps>li{position:relative;background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 46px}
[id$="-process"] .sx-steps>li:nth-child(odd){grid-column:1;text-align:right}
[id$="-process"] .sx-steps>li:nth-child(even){grid-column:2;text-align:left}
[id$="-process"] .sx-steps>li:nth-child(1){grid-row:1}
[id$="-process"] .sx-steps>li:nth-child(2){grid-row:2}
[id$="-process"] .sx-steps>li:nth-child(3){grid-row:3}
[id$="-process"] .sx-steps>li:nth-child(4){grid-row:4}
[id$="-process"] .sx-steps>li:nth-child(5){grid-row:5}
[id$="-process"] .sx-steps>li:nth-child(6){grid-row:6}
[id$="-process"] .sx-steps>li:nth-child(7){grid-row:7}
[id$="-process"] .sx-steps>li:nth-child(8){grid-row:8}
[id$="-process"] .sx-stepn{position:absolute;top:0;display:flex;width:56px;height:56px;margin:0;border-radius:50%;background:#10287E;border:2px solid #FFC24B;color:#FFC24B;font-size:16px;box-shadow:0 0 0 9px rgba(255,194,75,.12)}
[id$="-process"] .sx-steps>li:nth-child(odd) .sx-stepn{right:-84px}
[id$="-process"] .sx-steps>li:nth-child(even) .sx-stepn{left:-84px}
[id$="-process"] .sx-steps h3{font-size:24px;line-height:1.25;margin:4px 0 10px;color:#fff}
[id$="-process"] .sx-steps p{max-width:430px;font-size:16px;line-height:1.75;color:#D3DCF5}
[id$="-process"] .sx-steps>li:nth-child(odd) p{margin-left:auto}

/* ---- 4. Industries: an index, with searches shown as search boxes ---- */
#seo-industries .sx-g3{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 80px;border-bottom:1px solid #C9D5EE}
#seo-industries .sx-ind{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:20px;align-content:start;background:none;border:0;border-top:1px solid #C9D5EE;border-radius:0;box-shadow:none;padding:36px 0 40px}
#seo-industries .sx-ind .sx-ic{grid-row:1/4;width:46px;height:46px;margin:0;border-radius:50%;background:#0A1030;color:#FFC24B}
#seo-industries .sx-ind h3{font-size:24px;line-height:1.25;margin:0 0 8px;color:#0F172A}
#seo-industries .sx-ind p{color:#475569}
#seo-industries .sx-ind .sx-ex{margin-top:20px!important;padding-top:0;border-top:0;gap:10px}
#seo-industries .sx-ex b{color:#64748B;font-size:11px;letter-spacing:.12em}
#seo-industries .sx-ex span{display:inline-flex;align-items:center;padding:10px 18px 10px 40px;border-radius:999px;border:1px solid #DDE2EC;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA3B5' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") 15px center/16px no-repeat;box-shadow:0 2px 8px rgba(32,33,36,.1);font-size:14px;color:#1F2937}

/* ---- 5. Why us: a scoreboard beside plain, ruled pillars ---- */
#why-ebuddha .eb-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:80px;align-items:start}
#why-ebuddha .eb-wrap>*{grid-column:1/-1}
#why-ebuddha .sx-stats{grid-column:1;grid-row:2;display:block;margin:0;padding:0;background:none;border:0;border-radius:0;text-align:left}
#why-ebuddha .sx-stats li{display:flex;align-items:baseline;gap:22px;padding:20px 0;border-top:1px solid rgba(255,255,255,.18)}
#why-ebuddha .sx-stats li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
#why-ebuddha .sx-stats b{flex:0 0 190px;font-size:clamp(40px,4.6vw,58px);line-height:1;letter-spacing:-.03em}
#why-ebuddha .sx-stats span{margin:0;font-size:15px;line-height:1.4}
#why-ebuddha .sx-edu{grid-column:1;grid-row:3;max-width:none;margin:26px 0 0;padding:18px 22px;text-align:left;font-size:15px;line-height:1.75;border-left:3px solid #FFC24B;border-radius:0 16px 16px 0;background:rgba(255,255,255,.07)}
#why-ebuddha .sx-g2{grid-column:2;grid-row:2/4;display:block}
#why-ebuddha .sx-pillar{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:26px 0;background:none;border:0;border-top:1px solid rgba(255,255,255,.18);border-radius:0;box-shadow:none}
#why-ebuddha .sx-pillar:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
#why-ebuddha .sx-pillar .sx-ic{width:44px;height:44px;margin:0;border-radius:12px;background:rgba(255,194,75,.15);color:#FFC24B}
#why-ebuddha .sx-pillar h3{font-size:21px;margin:2px 0 8px;color:#fff}

@media (max-width:991px){
#why-seo .sx-split{grid-template-columns:1fr;gap:44px}
#why-seo .sx-vs{position:static}
[id$="-process"] .sx-steps{column-gap:84px}
[id$="-process"] .sx-steps>li:nth-child(odd) .sx-stepn{right:-70px}
[id$="-process"] .sx-steps>li:nth-child(even) .sx-stepn{left:-70px}
#why-ebuddha .eb-wrap{column-gap:44px}
#why-ebuddha .sx-stats b{flex-basis:150px}
}
@media (max-width:767px){
#why-seo .sx-reasons li{grid-template-columns:62px minmax(0,1fr);column-gap:12px;padding:24px 0}
#why-seo .sx-num{font-size:46px}
#why-seo .sx-reasons h3{font-size:19px}
#why-seo .sx-vs{border-radius:22px}
#why-seo .sx-vs tbody th{background:none;color:#8FB4FF;font-size:12px;padding:20px 20px 6px}
#why-seo .sx-vs td{padding:6px 20px;color:#fff;background:none;box-shadow:none}
#why-seo .sx-vs td:last-child{background:rgba(0,185,241,.1);box-shadow:inset 3px 0 0 #00B9F1;margin-top:4px;padding-top:10px;padding-bottom:12px}
#why-seo .sx-vs td:before{color:#FFC24B}
#why-seo .sx-vs td[data-label="SEO"]:before{color:#00D1FF}
#why-seo .sx-vs tbody tr{border-top:1px solid rgba(255,255,255,.1);padding:0 0 14px}
#why-seo .sx-vs tbody tr:first-child{border-top:0}
[id$="-included"] .sx-g3{border-radius:22px}
[id$="-included"] .sx-incl+.sx-incl{border-left:0;border-top:1px solid #D9E2F4}
[id$="-included"] .sx-incl-h{padding:30px 22px 4px}
[id$="-included"] .sx-incl-h span{font-size:60px}
[id$="-included"] .sx-list{padding:10px 22px 24px}
[id$="-process"] .sx-steps{display:block;max-width:none;padding:0}
[id$="-process"] .sx-steps:before{left:27px}
[id$="-process"] .sx-steps>li,[id$="-process"] .sx-steps>li:nth-child(odd),[id$="-process"] .sx-steps>li:nth-child(even){margin-top:0;padding:0 0 38px 82px;text-align:left}
[id$="-process"] .sx-steps>li:last-child{padding-bottom:0}
[id$="-process"] .sx-steps>li:nth-child(odd) .sx-stepn,[id$="-process"] .sx-steps>li:nth-child(even) .sx-stepn{left:0;right:auto;width:54px;height:54px}
[id$="-process"] .sx-steps h3{font-size:21px;margin-top:2px}
[id$="-process"] .sx-steps p,[id$="-process"] .sx-steps>li:nth-child(odd) p{max-width:none;margin-left:0;font-size:15px}
#seo-industries .sx-g3{grid-template-columns:1fr}
#seo-industries .sx-ind{grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:28px 0 30px}
#seo-industries .sx-ind .sx-ic{width:40px;height:40px}
#seo-industries .sx-ind h3{font-size:21px}
#seo-industries .sx-ex span{font-size:13.5px;padding:9px 14px 9px 36px}
#why-ebuddha .eb-wrap{display:block}
#why-ebuddha .sx-stats li{gap:16px;padding:16px 0}
#why-ebuddha .sx-stats b{flex-basis:128px;font-size:40px}
#why-ebuddha .sx-stats span{font-size:14px}
#why-ebuddha .sx-edu{margin:22px 0 26px}
#why-ebuddha .sx-pillar{grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px 0}
}
@media (prefers-reduced-motion:reduce){#why-seo .sx-num{transition:none}}
#why-ebuddha .sx-head{width:100%;max-width:780px;justify-self:center}
#why-ebuddha .sx-stats li{align-items:center}
[id$="-process"] .sx-steps>li{padding-bottom:36px}
@media (max-width:767px){#why-seo .sx-vs tbody th{width:100%;letter-spacing:.1em}#why-seo .sx-vs tbody tr+tr th,#why-seo .sx-vs tbody tr+tr td{border-top:0}}

/* ---- What's included: each column folds down like a flip board, then its number flips into place ---- */
[id$="-included"] .sx-g3{perspective:1500px}
[id$="-included"] .sx-incl.reveal{opacity:0;transform:perspective(900px) translateY(34px) rotateX(-62deg);transform-origin:50% 0;backface-visibility:hidden;transition:transform 1.05s cubic-bezier(.3,.85,.35,1.1),opacity .3s ease}
[id$="-included"] .sx-incl.reveal.in{opacity:1;transform:none}
[id$="-included"] .sx-incl:nth-child(2).reveal{transition-delay:.14s}
[id$="-included"] .sx-incl:nth-child(3).reveal{transition-delay:.28s}
[id$="-included"] .sx-incl-h span{transform:rotateX(-90deg);transform-origin:50% 100%;backface-visibility:hidden}
[id$="-included"] .sx-incl.in .sx-incl-h span{transform:none;transition:transform .8s cubic-bezier(.2,.8,.2,1) .55s}
[id$="-included"] .sx-incl:nth-child(2).in .sx-incl-h span{transition-delay:.69s}
[id$="-included"] .sx-incl:nth-child(3).in .sx-incl-h span{transition-delay:.83s}
@keyframes ebNumFlip{from{transform:rotateX(0)}to{transform:rotateX(360deg)}}
@media (hover:hover){[id$="-included"] .sx-incl.in:hover .sx-incl-h span{animation:ebNumFlip .8s cubic-bezier(.3,.7,.2,1)}}
@media (prefers-reduced-motion:reduce){
[id$="-included"] .sx-incl.reveal,[id$="-included"] .sx-incl-h span{opacity:1;transform:none;transition:none;animation:none!important}
}

/* ---- Service cards (SEO, performance marketing, website pages): each card folds down into place, row by row ---- */
#seo-services .sx-g3>.sx-card.reveal,#pm-services .sx-g3>.sx-card.reveal,#web-services .sx-g3>.sx-card.reveal{opacity:0;transform:perspective(900px) translateY(34px) rotateX(-62deg);transform-origin:50% 0;backface-visibility:hidden;transition:transform 1.05s cubic-bezier(.3,.85,.35,1.1),opacity .35s ease}
#seo-services .sx-g3>.sx-card.reveal.in,#pm-services .sx-g3>.sx-card.reveal.in,#web-services .sx-g3>.sx-card.reveal.in{opacity:1;transform:none}
@media (min-width:768px){
#seo-services .sx-g3>.sx-card:nth-child(3n+2),#pm-services .sx-g3>.sx-card:nth-child(3n+2),#web-services .sx-g3>.sx-card:nth-child(3n+2){transition-delay:.14s}
#seo-services .sx-g3>.sx-card:nth-child(3n),#pm-services .sx-g3>.sx-card:nth-child(3n),#web-services .sx-g3>.sx-card:nth-child(3n){transition-delay:.28s}
}
@media (prefers-reduced-motion:reduce){
#seo-services .sx-g3>.sx-card.reveal,#pm-services .sx-g3>.sx-card.reveal,#web-services .sx-g3>.sx-card.reveal{opacity:1;transform:none;transition:none}
}

/* phones: the two cards of a pair flip one at a time, each when it is properly on screen */
@media (max-width:767px){
  .eb-off-row.in .eb-off-card:not(.eb-card-in){transform:perspective(900px) translateY(34px) rotateX(-62deg);opacity:0}
  .eb-off-row.in .eb-off-card.eb-card-in{transform:none;opacity:1}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.eb-off-row.in .eb-off-card:not(.eb-card-in){transform:none;opacity:1}}

/* Safari / iOS need the prefixed form for the flip cards */
.eb-off-card,[id$="-included"] .sx-incl,[id$="-included"] .sx-incl-h span,#seo-services .sx-g3>.sx-card,#pm-services .sx-g3>.sx-card,#web-services .sx-g3>.sx-card,.eb-ph-sec .highlight-section.eb-flip{-webkit-backface-visibility:hidden}

/* "What's included" sits on a blue band on three of the pages: the sheet itself is always white, so its text must always be dark */
.eb-svcpage section[id$="-included"] .sx-incl{background:none}
.eb-svcpage section[id$="-included"] .sx-incl:first-child{background:linear-gradient(180deg,#F1F5FF,#fff 62%)}
.eb-svcpage section[id$="-included"] .sx-incl-h{background:none}
.eb-svcpage section[id$="-included"] .sx-incl-h h3{color:#0F172A}
.eb-svcpage section[id$="-included"] .sx-list li{color:#334155}
.eb-svcpage section[id$="-included"] .sx-list li:before{background:#E8EFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23194CFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}

/* ---- Buttons: the same blue button, text and moving shine as the "Explore Courses" button on the home page ---- */
.eb-svcpage .eb-btn-y,.eb-svcpage .sx-btn,.eb-svcpage .sx-plan-b{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:56px;height:auto;padding:12px 36px;border-radius:12px;background:#194CFF;border:.8px solid #194CFF;color:#fff!important;font-family:inherit;font-size:18px;font-weight:600;line-height:27px;text-align:center;text-decoration:none;box-shadow:none;transform:none;transition:all .3s ease}
.eb-svcpage .eb-btn-y:hover,.eb-svcpage .sx-btn:hover,.eb-svcpage .sx-plan-b:hover{background:#0032E5;border-color:#0032E5;color:#fff!important;box-shadow:none;transform:none}
.eb-svcpage .eb-btn-y:after,.eb-svcpage .sx-btn:after,.eb-svcpage .sx-plan-b:after{content:"";position:absolute;left:-25%;top:0;width:40px;height:105%;background:linear-gradient(90deg,rgba(255,255,255,.15) 24%,rgba(255,255,255,0) 26%,rgba(255,255,255,0) 53%,rgba(255,255,255,.15) 54%);transform:translateZ(0) skew(-40deg,0);animation:ebBtnShine 2.5s infinite;pointer-events:none}
@keyframes ebBtnShine{0%{transform:translateZ(0) skew(-40deg,0)}to{transform:translate3d(40rem,0,0) skew(-30deg,0)}}
/* on the blue bands the button would blend into the background, so it gets a light edge there */
.eb-svcpage .eb-hero .eb-btn-y,.eb-svcpage .sx-b .eb-btn-y,.eb-svcpage .sx-b .sx-btn{border-color:rgba(255,255,255,.5)}
@media (max-width:767px){.eb-svcpage .eb-btn-y,.eb-svcpage .sx-btn,.eb-svcpage .sx-plan-b{padding:12px 24px;font-size:17px}}
@media (prefers-reduced-motion:reduce){.eb-svcpage .eb-btn-y:after,.eb-svcpage .sx-btn:after,.eb-svcpage .sx-plan-b:after{animation:none}}
/* the outline button next to it takes the same size, so the pair lines up */
.eb-svcpage .eb-btn-ghost{min-height:56px;height:auto;padding:12px 32px;border-radius:12px;font-size:18px;line-height:27px}
@media (max-width:767px){.eb-svcpage .eb-btn-ghost{padding:12px 24px;font-size:17px}}