/* ==========================================================================
   WUJoodi - Visual system (audit remediation B-E, 2026-09-25)
   Loaded after theme, Additional CSS, ux-refine (120) and phase1 (121).
   Uses existing theme tokens only (--bg --card --card-2 --accent --accent-2
   --text --line --line-strong --shadow). Roll back: disable
   wujoodi-visual-system.php (templates fall back to their original visuals).
   ========================================================================== */

/* ---------- B4 Wave dividers: removed consistently (straight, corporate edges) ---------- */
body .wave-divider{display:none;}

/* ---------- Shared line-icon + tile language (same as "why us" tiles) ---------- */
.wjv-ic{display:block; flex-shrink:0;}
.wjv-tile{
  width:40px; height:40px; border-radius:12px; background:rgba(0,163,122,0.12); color:var(--accent-2);
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.wjv-tile.sm{width:34px; height:34px; border-radius:10px;}

/* ---------- C Home hero balance ---------- */
body.home .hero{padding:156px 0 88px;}
@media (max-width:900px){ body.home .hero{padding:130px 0 64px;} body.home .hero-visual{max-width:520px; margin-inline:auto; width:100%;} }
@media (max-width:600px){ body.home .hero{padding:120px 0 56px;} }

/* ---------- D Conceptual illustrations (no data, no ratings, no brands) ---------- */
.wjv{position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; width:100%; text-align:start;}
.wjv-line{display:block; height:8px; border-radius:4px; background:rgba(169,180,199,0.18);}
.wjv-line.strong{background:rgba(255,255,255,0.55); height:10px;}
.wjv-line.w40{width:40%}.wjv-line.w45{width:45%}.wjv-line.w50{width:50%}.wjv-line.w55{width:55%}.wjv-line.w60{width:60%}
.wjv-line.w65{width:65%}.wjv-line.w70{width:70%}.wjv-line.w80{width:80%}.wjv-line.w85{width:85%}

.wjv-search{display:flex; align-items:center; gap:12px; background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:13px 16px; color:var(--text);}
.wjv-search .wjv-line{flex:1; max-width:55%;}
.wjv-result{display:flex; gap:14px; align-items:flex-start; border:1px solid var(--line); border-radius:14px; padding:16px; background:rgba(7,21,46,0.35);}
.wjv-result.is-active{border-color:var(--line-strong); background:var(--card-2); box-shadow:0 18px 40px -22px rgba(0,0,0,0.6);}
.wjv-result.is-dim{opacity:.55;}
.wjv-result.is-dim-2{display:none;}   /* keeps the hero visual in balance with the copy */
.wjv-lines{flex:1; display:flex; flex-direction:column; gap:9px; padding-top:4px;}
.wjv-actions{display:flex; gap:8px; margin-top:6px;}
.wjv-chip{width:34px; height:34px; border-radius:10px; border:1px solid var(--line-strong); color:var(--accent-2); display:inline-flex; align-items:center; justify-content:center;}

/* master-brand hero concept: connected merchant tools (v3, replaces the local-search mockup on Home) */
.wjv-services-head{display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--line);}
.wjv-services-head .wjv-line{flex:1; max-width:45%;}
.wjv-services-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
.wjv-svc{display:flex; flex-direction:column; gap:12px; background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:16px 14px;}
.wjv-svc .wjv-line{width:auto;}
.wjv-svc.is-active{border-color:var(--line-strong); background:var(--card-2); box-shadow:0 18px 40px -22px rgba(0,0,0,0.6);}
@media (max-width:600px){ .wjv-services-grid{gap:8px;} .wjv-svc{padding:12px 10px; gap:10px;} }

.wjv-workflow ol{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; position:relative; width:100%; max-width:300px; margin-inline:auto;}
.wjv-workflow ol::before{content:""; position:absolute; inset-inline-start:19px; top:30px; bottom:30px; border-inline-start:1.5px dashed var(--line-strong);}
.wjv-workflow li{display:flex; align-items:center; gap:14px; position:relative; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:12px 14px 12px 12px;}
.wjv-workflow li .wjv-line{flex:1;}
.wjv-state{width:22px; height:22px; border-radius:50%; border:1px solid var(--line-strong); display:inline-flex; align-items:center; justify-content:center; color:var(--wj-on-accent, #07152E); flex-shrink:0;}
.wjv-state.is-done{background:var(--accent); border-color:var(--accent);}

.wjv-store{max-width:420px; margin-inline:auto;}
.wjv-store-head{display:flex; align-items:center; gap:12px;}
.wjv-store-head .wjv-line{flex:1; max-width:40%;}
.wjv-store-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.wjv-item{display:flex; flex-direction:column; gap:10px; background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:14px;}
.wjv-item .wjv-line{width:auto;} .wjv-item .wjv-line.w55{width:60%;}
.wjv-pill{display:block; height:22px; width:64%; border-radius:8px; border:1px solid var(--line-strong); margin-top:4px;}

/* containers that used to host the old placeholders */
body .hero-panel .wjv{min-height:0;}
body .solution-visual .wjv-workflow{padding:0;}
body .solution-card .solution-visual{padding:36px;}
.wjv-workflow ol{gap:10px;}
.wjv-workflow ol::before{inset-inline-start:29px; top:26px; bottom:26px;}
.wjv-workflow li{padding:9px 12px;}
.wjv-workflow .wjv-tile{width:34px; height:34px; border-radius:10px;}
body .split-visual .wjv-store{width:100%;}
@media (max-width:600px){
  body .hero-panel{padding:22px;}
  body .wjv-discovery .wjv-result.is-dim{display:none;}   /* compact phone footprint */
  body .split-visual, body .solution-visual{min-height:0; padding:26px 20px;}
  .wjv-store-grid{gap:8px;} .wjv-item{padding:10px; gap:8px;}
}
/* ---------- B6 One alignment per split section (desktop) ---------- */
@media (min-width:901px){
  body .split-copy, body .solution-body{text-align:start;}
  body .split-copy .eyebrow{justify-content:flex-start;}
}

/* ---------- B7 Reusable closing CTA band (LG90 cta-banner language) ---------- */
body .wj-cta-section{padding:72px 0 96px;}
body section.pad:not(.bg-card) + .wj-cta-section{padding-top:0;}
body .wj-cta-band{display:flex; align-items:center; justify-content:space-between; gap:36px; text-align:start; padding:48px 52px;}
body .wj-cta-band .wj-cta-copy{position:relative; z-index:1; max-width:620px;}
body main .wj-cta-band h2{font-size:30px !important; margin:0 0 10px; max-width:none;}
body .wj-cta-band p{margin:0; max-width:560px;}
body .wj-cta-band .cta-actions{flex-shrink:0; justify-content:flex-end;}
body .wj-cta-band .btn .wjv-ic{margin-inline-end:2px;}
@media (max-width:900px){
  body .wj-cta-band{flex-direction:column; text-align:center; padding:40px 28px; gap:24px;}
  body .wj-cta-band .wj-cta-copy{max-width:none;}
  body .wj-cta-band p{margin-inline:auto;}
  body .wj-cta-band .cta-actions{justify-content:center;}
  body main .wj-cta-band h2{font-size:26px !important;}
}
@media (max-width:600px){
  body .wj-cta-section{padding:56px 0 72px;}
  body .wj-cta-band{padding:34px 20px;}
  body main .wj-cta-band h2{font-size:22px !important;}
  body .wj-cta-band .cta-actions{flex-direction:column; align-items:stretch; width:100%; max-width:340px;}
  body .wj-cta-band .cta-actions .btn{width:100%;}
}

/* ---------- C Solutions catalogue tiles ---------- */
body .wj-sol-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;}
body .wj-sol-tile{
  display:flex; flex-direction:column; align-items:flex-start; text-align:start; background:var(--card);
  border:1px solid var(--line); border-radius:20px; padding:40px 36px; box-shadow:var(--shadow);
  transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
body .wj-sol-tile:hover{border-color:var(--line-strong); box-shadow:var(--glow); transform:translateY(-4px);}
body .wj-sol-tile.is-featured{border-color:var(--line-strong);}
body .wj-sol-icon{width:64px; height:64px; border-radius:16px; background:rgba(0,163,122,0.12); color:var(--accent-2); display:flex; align-items:center; justify-content:center; margin-bottom:22px;}
body .wj-sol-tile h3{margin-bottom:12px;}
body .wj-sol-tile p{margin-bottom:28px; flex:1;}
body .wj-sol-tile .btn{margin-top:auto;}
@media (max-width:760px){
  body .wj-sol-grid{grid-template-columns:1fr; gap:18px;}
  body .wj-sol-tile{padding:30px 24px;}
}

/* ---------- C LG90 ---------- */
body .lg-cycle-badge{
  display:inline-flex; align-items:center; gap:10px; padding:8px 18px; border:1px solid var(--line-strong);
  border-radius:999px; background:rgba(0,163,122,0.10); color:var(--accent-2); font-weight:700; font-size:18px; line-height:1.2;
}
body .lg-cycle-badge span{color:#fff;}
body .lg-hero .hero-actions .btn .wjv-ic{margin-inline-start:2px;}
body .feature-item .feature-icon{
  width:48px; height:48px; border-radius:14px; background:rgba(0,163,122,0.12); color:var(--accent-2);
  display:flex; align-items:center; justify-content:center; margin:0 auto 12px;
}
body .gmb-compare-list .mark .wjv-ic{width:12px; height:12px; stroke-width:2.4;}
body .audit-badge .ic{display:inline-flex;}
body .problem-block > p{max-width:680px; margin-inline:auto; text-align:center;}

/* process: visibly sequential (numbers + connector) */
body .process-strip{counter-reset:wjstep; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; max-width:760px; margin:36px auto 32px;}
body .process-strip span{
  counter-increment:wjstep; position:relative; display:flex; flex-direction:column; align-items:center; gap:10px;
  background:none; border:0; padding:0; border-radius:0; color:#fff; font-size:15px; font-weight:700;
}
body .process-strip span::before{
  content:counter(wjstep); position:relative; z-index:1; width:38px; height:38px; border-radius:50%;
  border:1px solid var(--line-strong); background:var(--card); color:var(--accent-2);
  display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700;
}
body .process-strip span:not(:last-child)::after{
  content:""; position:absolute; top:19px; inset-inline-start:calc(50% + 24px); width:calc(100% - 48px);
  border-top:1.5px dashed var(--line-strong);
}
@media (max-width:600px){
  body .process-strip{grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:22px;}
  body .process-strip span:nth-child(3n)::after{display:none;}
}

/* pricing: balanced two-column card on desktop; unchanged stacked card on phones */
@media (min-width:901px){
  body .pricing-card.is-split{max-width:900px; display:grid; grid-template-columns:1fr 1.15fr; padding:0; text-align:start; align-items:stretch;}
  body .pricing-card.is-split .pricing-lead{padding:46px 42px; border-inline-end:1px solid var(--line); display:flex; flex-direction:column; justify-content:center;}
  body .pricing-card.is-split .pricing-body{padding:46px 42px;}
}
/* ---------- B1 About page brought into the main system ---------- */
html body .wj-about-page,
html body .wj-about-page .wj-section{background:var(--bg) !important;}
html body .wj-about-page .wj-how-we-work{background:var(--card) !important; border-top:0 !important; padding:96px 0 !important;}
html body .wj-about-page .wj-how-we-work::before{background:radial-gradient(circle, rgba(0,163,122,0.06) 0%, transparent 70%) !important;}
html body .wj-about-page .wj-about-glow{background:radial-gradient(circle, rgba(0,163,122,0.10) 0%, rgba(0,163,122,0.03) 35%, transparent 70%) !important;}
html body .wj-about-page .wj-section.wj-about-intro{padding:170px 0 88px !important;}
html body .wj-about-page .wj-eyebrow{
  display:inline-flex !important; align-items:center; gap:10px; font-size:14px !important; font-weight:700 !important;
  letter-spacing:.14em; color:var(--accent-2) !important; margin-bottom:16px !important; line-height:1.5 !important;
}
html body .wj-about-page .wj-eyebrow::before{content:""; width:26px; height:2px; background:var(--accent); display:inline-block;}
html body .wj-about-page h1,
html body .wj-about-page h2{font-weight:700 !important; line-height:1.3 !important;}
html body .wj-about-page .wj-about-copy{max-width:680px !important;}
html body .wj-about-page .wj-about-copy p{color:var(--text) !important; font-size:17px !important; line-height:1.9 !important; text-align:center; margin-inline:auto !important;}
html body .wj-about-page .wj-how-we-work .wj-lead{color:var(--text) !important; font-size:18px !important;}
html body .wj-about-page .wj-process-circle{
  width:64px !important; height:64px !important; min-width:64px !important; border-radius:16px !important; border:0 !important;
  background:rgba(0,163,122,0.12) !important; box-shadow:none !important; margin:0 auto 18px !important;
}
html body .wj-about-page .wj-process-circle svg{color:var(--accent-2) !important; width:28px !important; height:28px !important; min-width:28px !important; min-height:28px !important;}
html body .wj-about-page .wj-process-step:hover .wj-process-circle{box-shadow:var(--glow) !important;}
html body .wj-about-page .wj-process-step:hover .wj-step-label{color:var(--accent-2) !important;}
html body .wj-about-page .wj-step-desc{color:var(--text) !important;}
html body .wj-about-page .wj-process-dots{margin-top:32px !important; border-top-color:rgba(0,163,122,0.4) !important;}
@media (max-width:900px){
  html body .wj-about-page .wj-section.wj-about-intro{padding:140px 0 72px !important;}
  html body .wj-about-page .wj-how-we-work{padding:84px 0 !important;}
}
@media (max-width:600px){
  html body .wj-about-page .wj-section.wj-about-intro{padding:128px 0 60px !important;}
  html body .wj-about-page .wj-how-we-work{padding:64px 0 !important;}
  html body .wj-about-page .wj-about-copy p{font-size:16px !important;}
  html body .wj-about-page .wj-how-we-work .wj-lead{font-size:16px !important;}
  /* readable two-column process instead of a 6-step single stack */
  html body .wj-about-page .wj-process{display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:32px 14px !important; margin-top:40px !important;}
  html body .wj-about-page .wj-process-step{width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; flex:none !important;}
  html body .wj-about-page .wj-step-desc{max-width:none !important; font-size:14.5px !important; line-height:1.8 !important;}
  html body .wj-about-page .wj-step-label{white-space:normal !important;}
}

/* ---------- Header: compact contact CTA where space allows; mobile-menu CTA ---------- */
@media (min-width:480px) and (max-width:960px){
  body .header-cta .btn-text{display:inline-flex !important; padding:9px 16px; font-size:14px; min-height:40px;}
}
@media (max-width:960px){
  body .main-nav > li.current-menu-item > a,
  body .main-nav > li.current-page-ancestor > a{font-weight:700;}
  body .main-nav li.nav-mobile-only{border-bottom:0; margin-top:20px;}
  body .main-nav li.nav-mobile-only a{justify-content:center; background:var(--accent); color:var(--wj-on-accent, #07152E); border-radius:10px; font-weight:700; min-height:52px;}
}

/* ---------- Footer: denser two-column link layout on phones ---------- */
@media (max-width:600px){
  body .footer-grid{grid-template-columns:1fr 1fr !important; column-gap:20px; row-gap:28px;}
  body .footer-grid > div:first-child,
  body .footer-grid > .footer-col:last-child{grid-column:1 / -1;}
  body .footer-col a{min-height:40px;}
}

/* ==========================================================================
   v4 (2026-09-25) - strategic IA refinement
   ========================================================================== */

/* ---------- Home hero: "Growth path - from presence to business value" ---------- */
.wjv-growth{padding:4px 0;}
.wjv-path{list-style:none; margin:0; padding:0; display:flex; flex-direction:column-reverse; gap:14px; position:relative;}
.wjv-path::before{content:""; position:absolute; inset-inline-start:30px; top:30px; bottom:30px; border-inline-start:1.5px dashed var(--line-strong);}
.wjv-path::after{
  content:""; position:absolute; inset-inline-start:29px; bottom:30px; width:3px; height:calc(100% - 60px); border-radius:2px;
  background:linear-gradient(0deg, var(--accent), var(--accent-2)); transform-origin:bottom; transform:scaleY(0);
  animation:wjvRise 2.4s .4s cubic-bezier(.4,0,.2,1) forwards;
}
.wjv-stage{
  --d:.5s; position:relative; z-index:1; display:flex; align-items:center; gap:14px; background:var(--bg);
  border:1px solid var(--line); border-radius:14px; padding-block:10px; padding-inline:10px 16px;
  animation:wjvStageOn .5s ease var(--d) forwards;
}
.wjv-stage.s1{--d:.5s; width:70%;} .wjv-stage.s2{--d:1.1s; width:78%;} .wjv-stage.s3{--d:1.7s; width:88%;} .wjv-stage.s4{--d:2.3s; width:100%;}
.wjv-stage .wjv-tile{animation:wjvTileOn .5s ease var(--d) forwards;}
.wjv-stage-label{font-weight:700; font-size:15.5px; color:var(--text); white-space:nowrap; animation:wjvLabelOn .5s ease var(--d) forwards;}
.wjv-stage-bar{display:none;}
.wjv-stage.s4{animation:wjvStageOn .5s ease var(--d) forwards, wjvGlow 4s ease-in-out 3.2s infinite;}
@keyframes wjvRise{to{transform:scaleY(1);}}
@keyframes wjvStageOn{to{border-color:var(--line-strong); background:var(--card-2);}}
@keyframes wjvTileOn{to{background:var(--accent); color:var(--wj-on-accent, #07152E);}}
@keyframes wjvLabelOn{to{color:#fff;}}
@keyframes wjvGlow{0%,100%{box-shadow:0 0 0 0 rgba(0,163,122,0);} 50%{box-shadow:0 0 0 6px rgba(0,163,122,0.10);}}
@media (max-width:600px){
  .wjv-path{gap:10px;}
  .wjv-path::before{inset-inline-start:26px; top:26px; bottom:26px;} .wjv-path::after{inset-inline-start:25px; bottom:26px; height:calc(100% - 52px);}
  .wjv-stage{padding-block:8px; padding-inline:8px 12px; gap:10px;}
  .wjv-stage .wjv-tile{width:36px; height:36px;}
  .wjv-stage-label{font-size:14.5px;}
}
@media (prefers-reduced-motion: reduce){
  .wjv-path::after{animation:none; transform:scaleY(1);}
  .wjv-stage, .wjv-stage .wjv-tile, .wjv-stage-label{animation:none !important;}
  .wjv-stage{border-color:var(--line-strong); background:var(--card-2);} .wjv-stage .wjv-tile{background:var(--accent); color:var(--wj-on-accent, #07152E);} .wjv-stage-label{color:#fff;}
}

/* ---------- Home: short "how we work" summary (full methodology stays on About) ---------- */
body .wj-how-steps{list-style:none; margin:0 auto; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); max-width:980px;}
body .wj-how-steps li{position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center;}
body .wj-how-steps .wjv-tile{width:56px; height:56px; border-radius:16px; background:var(--card-2); border:1px solid var(--line-strong); position:relative; z-index:1;}
body .wj-how-steps li:not(:last-child)::after{content:""; position:absolute; top:28px; inset-inline-start:calc(50% + 36px); width:calc(100% - 72px); border-top:1.5px dashed var(--line-strong);}
body .wj-how-label{font-weight:700; color:#fff; font-size:16px; line-height:1.4;}
body .wj-how-link{text-align:center; margin-top:44px;}
@media (max-width:900px){
  body .wj-how-steps{grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:30px; max-width:560px;}
  body .wj-how-steps li:nth-child(3n)::after{display:none;}
}
@media (max-width:600px){
  body .wj-how-steps .wjv-tile{width:48px; height:48px; border-radius:14px;}
  body .wj-how-steps li:not(:last-child)::after{top:24px; inset-inline-start:calc(50% + 30px); width:calc(100% - 60px);}
  body .wj-how-label{font-size:14.5px;}
  body .wj-how-link{margin-top:34px;}
}

/* ---------- Solutions: program tiles vs ready-made services path ---------- */
body .wj-sol-head{display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; margin-bottom:22px;}
body .wj-sol-head .wj-sol-icon{margin-bottom:0;}
body .wj-sol-body{flex:1; width:100%;}
body .wj-sol-head .lg-cycle-badge{font-size:15px; padding:6px 14px;}
body .wj-sol-grid.is-single{grid-template-columns:1fr;}
@media (min-width:901px){
  body .wj-sol-grid.is-single .wj-sol-tile{display:grid; grid-template-columns:auto 1fr auto; align-items:center; column-gap:40px; padding:44px 48px;}
  body .wj-sol-grid.is-single .wj-sol-head{flex-direction:column; align-items:flex-start; width:auto; margin:0;}
  body .wj-sol-grid.is-single .wj-sol-body p{margin-bottom:0;}
  body .wj-sol-grid.is-single .btn{margin-top:0;}
}
body .wj-store-path{padding:0 0 24px;}
body .wj-store-path + .wj-cta-section{padding-top:48px;}
body .wj-store-band{display:flex; align-items:center; gap:28px; text-align:start; border:1px solid var(--line); border-radius:20px; padding:32px 36px; background:transparent;}
body .wj-store-band .wj-sol-icon{margin:0; flex-shrink:0; width:56px; height:56px;}
body .wj-store-copy{flex:1;}
body .wj-store-copy .eyebrow{margin-bottom:8px;}
body .wj-store-copy h3{margin-bottom:6px;}
body .wj-store-copy p{margin:0;}
body .wj-store-band .btn{flex-shrink:0;}
@media (max-width:760px){
  body .wj-store-band{flex-direction:column; align-items:flex-start; gap:18px; padding:28px 24px;}
  body .wj-store-band .btn{width:100%;}
}

/* ---------- LG90 hero: 0 -> 90 counter with a restrained rising line ---------- */
body .lg-counter{display:flex; flex-direction:column; align-items:center; gap:6px;}
body .lg-rise{display:block; width:180px; height:40px; overflow:visible;}
body .lg-rise path{fill:none; stroke-linecap:round;}
body .lg-rise-track{stroke:var(--line); stroke-width:1.5;}
body .lg-rise-line{stroke:var(--accent-2); stroke-width:2.5; stroke-dasharray:200; stroke-dashoffset:200; animation:lgRise 1.3s .25s cubic-bezier(.33,1,.68,1) forwards; filter:drop-shadow(0 0 6px rgba(0,199,149,0.35));}
body .lg-rise-dot{fill:var(--accent-2); opacity:0; animation:lgDot .3s 1.5s ease forwards;}
@keyframes lgRise{to{stroke-dashoffset:0;}}
@keyframes lgDot{to{opacity:1;}}
@media (max-width:600px){ body .lg-rise{width:140px; height:32px;} }
@media (prefers-reduced-motion: reduce){ body .lg-rise-line{animation:none; stroke-dashoffset:0;} body .lg-rise-dot{animation:none; opacity:1;} }
/* ==========================================================================
   v5 (2026-09-25) - final approved Home structure + growth path
   ========================================================================== */

/* ---------- Home hero: centred copy + horizontal growth path ---------- */
body.home .hero-v5 .hero-stack{display:flex; flex-direction:column; align-items:center; position:relative; z-index:1;}
body.home .hero-v5 .hero-copy{max-width:800px; margin-inline:auto; text-align:center;}
body.home .hero-v5 .eyebrow{justify-content:center;}
body.home .hero-v5 .hero-copy .lead{max-width:680px; margin-inline:auto;}
body.home .hero-v5 .hero-actions{justify-content:center;}
body.home .hero-journey{width:100%; max-width:1040px; margin-top:56px;}

.wjv-journey .wjv-j-track{display:flex; align-items:stretch;}
.wjv-j{
  --d:.4s; flex:1 1 0; min-width:0; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:24px 16px 22px; background:var(--card); border:1px solid var(--line); border-radius:18px; text-align:center;
  animation:wjJCard .6s ease var(--d) forwards;
}
.wjv-j .wjv-tile{width:48px; height:48px; border-radius:14px; background:rgba(169,180,199,0.08); color:var(--text); animation:wjJTile .6s ease var(--d) forwards;}
.wjv-j-num{font-size:12px; font-weight:700; letter-spacing:.08em; color:var(--wj-text-tertiary, #8A95AA); line-height:1; animation:wjJNum .6s ease var(--d) forwards;}
.wjv-j-label{font-size:16px; font-weight:700; color:var(--text); line-height:1.35; animation:wjJLabel .6s ease var(--d) forwards;}
.wjv-j-bar{position:absolute; top:0; inset-inline:0; height:2px; background:var(--accent-2); transform:scaleX(0); transform-origin:right; animation:wjJBar .7s ease var(--d) forwards;}
[dir="ltr"] .wjv-j-bar{transform-origin:left;}
.wjv-j-link{--d:.9s; flex:0 0 40px; align-self:center; height:2px; background:var(--line); position:relative;}
.wjv-j-link span{position:absolute; inset:0; background:var(--accent-2); transform:scaleX(0); transform-origin:right; animation:wjJBar .45s ease var(--d) forwards;}
[dir="ltr"] .wjv-j-link span{transform-origin:left;}
.wjv-j.s1{--d:.4s;} .wjv-j-link.l1{--d:.9s;} .wjv-j.s2{--d:1.25s;} .wjv-j-link.l2{--d:1.75s;} .wjv-j.s3{--d:2.1s;} .wjv-j-link.l3{--d:2.6s;} .wjv-j.s4{--d:2.95s;}
.wjv-j.s4{animation-name:wjJCard4;}
@keyframes wjJCard{to{border-color:var(--line-strong); background:var(--card-2);}}
@keyframes wjJCard4{to{border-color:rgba(0,163,122,0.6); background:var(--card-2); box-shadow:0 0 0 1px rgba(0,163,122,0.16), 0 22px 50px -24px rgba(0,163,122,0.45);}}
@keyframes wjJTile{to{background:rgba(0,163,122,0.16); color:var(--accent-2);}}
@keyframes wjJNum{to{color:var(--accent-2);}}
@keyframes wjJLabel{to{color:#fff;}}
@keyframes wjJBar{to{transform:none;}}
@media (max-width:1024px){ .wjv-j{padding:20px 12px 18px;} .wjv-j-label{font-size:15px;} .wjv-j-link{flex-basis:28px;} }
@media (max-width:600px){
  body.home .hero-journey{margin-top:40px; max-width:360px;}
  .wjv-journey .wjv-j-track{flex-direction:column;}
  .wjv-j{flex:0 0 auto; flex-direction:row; text-align:start; padding:12px 14px; gap:12px;}
  .wjv-j .wjv-tile{width:40px; height:40px; border-radius:12px;}
  .wjv-j-num{order:3; margin-inline-start:auto;}
  .wjv-j-bar{inset-inline-end:auto; bottom:0; width:2px; height:auto; transform:scaleY(0); transform-origin:top;}
  .wjv-j-link{flex:0 0 16px; width:2px; height:16px; align-self:flex-start; margin-inline-start:33px;}
  .wjv-j-link span{transform:scaleY(0); transform-origin:top;}
  [dir="ltr"] .wjv-j-bar, [dir="ltr"] .wjv-j-link span{transform-origin:top;}
}
@media (prefers-reduced-motion: reduce){
  .wjv-j, .wjv-j .wjv-tile, .wjv-j-num, .wjv-j-label, .wjv-j-bar, .wjv-j-link span{animation:none !important;}
  .wjv-j{border-color:var(--line-strong); background:var(--card-2);}
  .wjv-j.s4{border-color:rgba(0,163,122,0.6);}
  .wjv-j .wjv-tile{background:rgba(0,163,122,0.16); color:var(--accent-2);}
  .wjv-j-num{color:var(--accent-2);} .wjv-j-label{color:#fff;}
  .wjv-j-bar, .wjv-j-link span{transform:none;}
}

/* ---------- Home value/about teaser: split, complements (not repeats) the hero ---------- */
body .wj-value-split{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; text-align:start;}
body .wj-value-head .eyebrow{justify-content:flex-start;}
body .wj-value-head h2{margin:0;}
body .wj-value-text{margin:0; font-size:18px; line-height:1.9; color:var(--text); border-inline-start:2px solid var(--line-strong); padding-inline-start:28px;}
@media (max-width:900px){
  body .wj-value-split{grid-template-columns:1fr; gap:18px; text-align:center;}
  body .wj-value-head .eyebrow{justify-content:center;}
  body .wj-value-text{border:0; padding:0; max-width:680px; margin-inline:auto; font-size:17px;}
}

/* ---------- Home how-we-work (3 steps) ---------- */
body .wj-steps3{list-style:none; margin:0 auto; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1040px;}
body .wj-steps3 li{position:relative; background:var(--bg); border:1px solid var(--line); border-radius:18px; padding:32px 28px; text-align:start; transition:border-color .3s ease;}
body .wj-steps3 li:hover{border-color:var(--line-strong);}
body .wj-steps3 li:not(:last-child)::after{content:""; position:absolute; top:52px; inset-inline-end:-25px; width:26px; border-top:1.5px dashed var(--line-strong);}
body .wj-step-n{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:1px solid var(--line-strong); color:var(--accent-2); font-weight:700; font-size:15px; margin-bottom:18px;}
body main .wj-steps3 h3{font-size:20px !important; margin-bottom:8px;}
body .wj-steps3 p{font-size:15.5px; margin:0;}
@media (max-width:900px){ body .wj-steps3{gap:16px;} body .wj-steps3 li{padding:26px 20px;} body .wj-steps3 li:not(:last-child)::after{inset-inline-end:-17px; width:18px;} }
@media (max-width:760px){ body .wj-steps3{grid-template-columns:1fr; max-width:480px;} body .wj-steps3 li:not(:last-child)::after{display:none;} body main .wj-steps3 h3{font-size:18px !important;} }
/* ==========================================================================
   v6 (2026-09-25) - Home hero growth path: line-led, no step numbers
   ========================================================================== */
body.home .hero-journey{max-width:920px; margin-top:64px;}
.wjv-path6{position:relative; width:100%; padding:4px 0;}
.wjv-p6-stages{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:relative; z-index:1;}
.wjv-p6{display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; --d:.3s;}
.wjv-p6-node{
  width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--bg); border:1px solid var(--line); color:var(--wj-text-tertiary, #8A95AA);
  box-shadow:0 0 0 6px var(--bg);
  animation:wjP6Node .55s ease var(--d) forwards;
}
.wjv-p6-label{font-size:16px; font-weight:600; color:var(--wj-text-tertiary, #8A95AA); line-height:1.35; animation:wjP6Label .55s ease var(--d) forwards;}
/* the path: a thin track with a progressive green fill, running through the node centres */
.wjv-p6-line{position:absolute; z-index:0; top:32px; inset-inline:12.5%; height:2px; background:rgba(169,180,199,0.14); border-radius:2px; overflow:hidden;}
.wjv-p6-fill{position:absolute; inset:0; background:linear-gradient(90deg, var(--accent), var(--accent-2)); transform:scaleX(0); transform-origin:right; animation:wjP6Fill 3s linear .3s forwards;}
[dir="ltr"] .wjv-p6-fill{transform-origin:left;}
.wjv-p6.s1{--d:.3s;} .wjv-p6.s2{--d:1.3s;} .wjv-p6.s3{--d:2.3s;} .wjv-p6.s4{--d:3.3s;}
.wjv-p6.s4 .wjv-p6-node{animation-name:wjP6NodeFinal;}
.wjv-p6.s4 .wjv-p6-label{animation-name:wjP6LabelFinal;}
@keyframes wjP6Fill{to{transform:none;}}
@keyframes wjP6Node{to{border-color:rgba(0,163,122,0.55); background:#0b2a3c; color:var(--accent-2);}}
@keyframes wjP6NodeFinal{to{border-color:var(--accent-2); background:#0d3342; color:var(--accent-2); box-shadow:0 0 0 6px var(--bg), 0 0 0 7px rgba(0,199,149,0.28), 0 12px 32px -10px rgba(0,163,122,0.55);}}
@keyframes wjP6Label{to{color:#fff;}}
@keyframes wjP6LabelFinal{to{color:var(--accent-2);}}
@media (max-width:1024px){ body.home .hero-journey{max-width:720px;} .wjv-p6-label{font-size:15px;} }
@media (max-width:600px){
  body.home .hero-journey{margin-top:36px; max-width:300px;}
  .wjv-p6-stages{grid-template-columns:1fr; row-gap:14px;}
  .wjv-p6{flex-direction:row; gap:14px; text-align:start;}
  .wjv-p6-node{width:42px; height:42px; box-shadow:0 0 0 5px var(--bg);}
  .wjv-p6-node .wjv-ic{width:19px; height:19px;}
  .wjv-p6-label{font-size:15px;}
  .wjv-p6-line{top:25px; bottom:25px; inset-inline:auto; inset-inline-start:20px; width:2px; height:auto;}
  .wjv-p6-fill{background:linear-gradient(180deg, var(--accent), var(--accent-2)); transform:scaleY(0); transform-origin:top;}
  [dir="ltr"] .wjv-p6-fill{transform-origin:top;}
}
@media (prefers-reduced-motion: reduce){
  .wjv-p6-node, .wjv-p6-label, .wjv-p6-fill{animation:none !important;}
  .wjv-p6-fill{transform:none;}
  .wjv-p6-node{border-color:rgba(0,163,122,0.55); background:#0b2a3c; color:var(--accent-2);}
  .wjv-p6-label{color:#fff;}
  .wjv-p6.s4 .wjv-p6-node{border-color:var(--accent-2); background:#0d3342; box-shadow:0 0 0 6px var(--bg), 0 0 0 7px rgba(0,199,149,0.28);}
  .wjv-p6.s4 .wjv-p6-label{color:var(--accent-2);}
}
/* ==========================================================================
   v7 (2026-09-25) - Home hero: abstract ascending growth bars; LG90 "90 days" + hero CTAs
   ========================================================================== */
body.home .hero-journey{max-width:420px; margin-top:56px;}
.wjv-bars{display:flex; align-items:flex-end; justify-content:center; gap:14px; height:170px;}
.wjv-bar{--d:.3s; position:relative; flex:1 1 0; max-width:56px; border-radius:10px 10px 4px 4px; background:rgba(169,180,199,0.06); border:1px solid rgba(169,180,199,0.12); overflow:hidden; transition:none;}
.wjv-bar.b1{height:34%; --d:.3s;} .wjv-bar.b2{height:50%; --d:.65s;} .wjv-bar.b3{height:64%; --d:1s;} .wjv-bar.b4{height:80%; --d:1.35s;} .wjv-bar.b5{height:100%; --d:1.7s;}
.wjv-bar > span{position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,163,122,0.22), rgba(0,199,149,0.62)); transform:scaleY(0); transform-origin:bottom; animation:wjBarFill .75s cubic-bezier(.3,.8,.3,1) var(--d) forwards;}
.wjv-bar > span::before{content:""; position:absolute; top:0; inset-inline:0; height:2px; background:var(--accent-2); opacity:.9;}
.wjv-bar.b5 > span{background:linear-gradient(0deg, rgba(0,163,122,0.32), rgba(0,199,149,0.85));}
.wjv-bar.b5{animation:wjBarGlow .9s ease 2.4s forwards;}
@keyframes wjBarFill{to{transform:none;}}
@keyframes wjBarGlow{to{border-color:rgba(0,199,149,0.55); box-shadow:0 0 26px -6px rgba(0,199,149,0.45);}}
@media (max-width:1024px){ .wjv-bars{height:150px;} }
@media (max-width:600px){
  body.home .hero-journey{margin-top:36px; max-width:260px;}
  .wjv-bars{height:110px; gap:10px;}
  .wjv-bar{max-width:40px; border-radius:8px 8px 3px 3px;}
}
@media (prefers-reduced-motion: reduce){
  .wjv-bar > span{animation:none !important; transform:none;}
  .wjv-bar.b5{animation:none !important; border-color:rgba(0,199,149,0.55); box-shadow:0 0 26px -6px rgba(0,199,149,0.45);}
}

/* ---------- LG90 hero: "90 days" reads as duration; two-level CTA ---------- */
body .lg-count-row{display:inline-flex; align-items:baseline; gap:10px;}
body .lg-count-unit{font-size:22px; font-weight:700; color:var(--accent-2); line-height:1;}
@media (max-width:1024px){ body .lg-count-unit{font-size:20px;} }
@media (max-width:600px){
  body .lg-count-unit{font-size:18px;}
  body .lg-hero .hero-actions{flex-direction:column; align-items:stretch; max-width:340px; margin-inline:auto;}
  body .lg-hero .hero-actions .btn{width:100%;}
}
/* v7: long CTA labels (e.g. EN WhatsApp banner) may wrap on phones instead of clipping */
@media (max-width:600px){ body .cta-banner .cta-actions .btn{white-space:normal; text-align:center; line-height:1.4;} }

/* ==========================================================================
   v8 (2026-09-25) - Home LG90 card orbital visual; LG90 EN mobile hero tightening
   ========================================================================== */
.wjv-orbit{position:relative; width:220px; height:220px; margin:0 auto; flex-shrink:0;}
.wjv-o-ring{position:absolute; border-radius:50%;}
.wjv-o-ring.r1{inset:40px; border:1px dashed rgba(0,163,122,0.38); animation:wjOrbit 70s linear infinite reverse;}
.wjv-o-ring.r2{inset:0; border:1px solid rgba(169,180,199,0.14); animation:wjOrbit 44s linear infinite;}
.wjv-o-core{
  position:absolute; top:50%; left:50%; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:var(--accent-2);
  background:radial-gradient(circle at 35% 30%, #10404a, #0b2a3c); border:1px solid rgba(0,199,149,0.55);
  box-shadow:0 0 0 8px rgba(0,163,122,0.07), 0 0 30px -8px rgba(0,199,149,0.45);
  animation:wjCorePulse 4.5s ease-in-out infinite;
}
.wjv-o-node{
  position:absolute; width:36px; height:36px; margin:-18px 0 0 -18px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:var(--accent-2);
  background:var(--card); border:1px solid rgba(0,163,122,0.45);
}
.wjv-o-node .wjv-ic{animation:wjOrbit 44s linear infinite reverse;}
.wjv-o-node.dot{width:9px; height:9px; margin:-4.5px 0 0 -4.5px; background:var(--accent-2); border:0; box-shadow:0 0 10px rgba(0,199,149,0.55);}
.wjv-o-node.n1{top:0; left:50%;} .wjv-o-node.n2{top:50%; left:100%;} .wjv-o-node.n3{top:100%; left:50%;} .wjv-o-node.n4{top:50%; left:0;}
@keyframes wjOrbit{to{transform:rotate(360deg);}}
@keyframes wjCorePulse{0%,100%{box-shadow:0 0 0 8px rgba(0,163,122,0.07), 0 0 30px -8px rgba(0,199,149,0.45);} 50%{box-shadow:0 0 0 14px rgba(0,163,122,0.035), 0 0 40px -6px rgba(0,199,149,0.55);}}
@media (max-width:900px){ .wjv-orbit{width:200px; height:200px;} .wjv-o-ring.r1{inset:36px;} }
@media (max-width:600px){ .wjv-orbit{width:176px; height:176px;} .wjv-o-ring.r1{inset:32px;} .wjv-o-core{width:56px; height:56px; margin:-28px 0 0 -28px;} .wjv-o-node{width:32px; height:32px; margin:-16px 0 0 -16px;} }
@media (prefers-reduced-motion: reduce){ .wjv-o-ring, .wjv-o-node .wjv-ic, .wjv-o-core{animation:none !important;} }

/* LG90 hero on narrow phones: tighter vertical rhythm so both CTAs reach the first screen (EN mainly; AR unchanged sizes) */
@media (max-width:600px){
  body .lg-hero{padding-top:112px; padding-bottom:48px;}
  body .lg-hero .eyebrow{margin-bottom:10px;}
  body .lg-hero .lg-counter{gap:2px;}
  body .lg-hero .lg-rise{height:26px;}
  body .lg-hero h1{margin-bottom:14px; line-height:1.25;}
  body .lg-hero p{margin-bottom:22px; line-height:1.7;}
  body .lg-hero .hero-actions{gap:10px;}
  body.lang-en .lg-hero h1{font-size:28px !important;}
  body.lang-en .lg-hero p{font-size:16px;}
}
/* v8-about-steps: 6-step About row clipped between 1001-1199px (pre-existing); reuse the <=1000px wrap behaviour */
@media (min-width:1001px) and (max-width:1199px){html body .wj-about-page .wj-process{flex-wrap:wrap !important;gap:45px 20px !important;max-width:760px !important;margin-left:auto !important;margin-right:auto !important}html body .wj-about-page .wj-process-dots{display:none !important}html body .wj-about-page .wj-process-step{flex:0 0 150px !important;width:150px !important;min-width:150px !important;max-width:150px !important}}

/* ==========================================================================
   v9 (2026-09-25) - LG90 orbit consistency: Solutions tile reuses the v8 orbit;
   Home card + Solutions tile responsive composition (tablet split, mobile text-first)
   ========================================================================== */
/* Solutions LG90 tile: visual panel shares the Home card's panel language */
body .wj-sol-tile.is-lg90 .wj-sol-visual{position:relative; display:flex; align-items:center; justify-content:center; background:linear-gradient(155deg, var(--card-2), var(--card)); border:1px solid var(--line); border-radius:16px; overflow:hidden; padding:28px 22px;}
@media (min-width:1200px){
  body .wj-sol-grid.is-single .wj-sol-tile.is-lg90{grid-template-columns:auto minmax(0,1fr) auto; column-gap:44px; padding:36px 44px;}
  body .wj-sol-tile.is-lg90 .wj-sol-visual{order:-1;}
}
@media (min-width:701px) and (max-width:1199px){
  body .wj-sol-grid .wj-sol-tile.is-lg90{display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto auto; column-gap:36px; row-gap:22px; align-items:center; padding:32px 36px;}
  body .wj-sol-tile.is-lg90 .wj-sol-visual{grid-column:1; grid-row:1 / span 2; padding:28px 20px;}
  body .wj-sol-tile.is-lg90 .wj-sol-body{grid-column:2; grid-row:1; align-self:end;}
  body .wj-sol-tile.is-lg90 .wj-sol-body p{margin-bottom:0;}
  body .wj-sol-tile.is-lg90 > .btn{grid-column:2; grid-row:2; justify-self:start; align-self:start; margin-top:0;}
}
@media (max-width:700px){
  body .wj-sol-grid .wj-sol-tile.is-lg90{padding:28px 22px;}
  body .wj-sol-tile.is-lg90 .wj-sol-body h3{margin-bottom:10px;}
  body .wj-sol-tile.is-lg90 .wj-sol-body p{margin-bottom:20px;}
  body .wj-sol-tile.is-lg90 .wj-sol-visual{width:100%; margin-bottom:20px; padding:26px 16px;}
  body .wj-sol-tile.is-lg90 > .btn{width:100%; justify-content:center; text-align:center; margin-top:0;}
}
/* Home LG90 card: tablet keeps the split instead of stacking */
@media (min-width:701px) and (max-width:900px){
  body .solution-card{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);}
  body .solution-card .solution-visual{padding:28px; min-height:0;}
  body .solution-card .solution-body{padding:36px 32px; text-align:start; align-self:center;}
}
/* Home LG90 card: mobile reads title -> description -> orbit -> CTA */
@media (max-width:700px){
  body .solution-card{display:flex; flex-direction:column;}
  body .solution-card .solution-body{display:contents;}
  body .solution-card .solution-body h3{order:1; padding:28px 22px 0; margin-bottom:10px; text-align:start;}
  body .solution-card .solution-body p{order:2; padding:0 22px; margin-bottom:20px; text-align:start;}
  body .solution-card .solution-visual{order:3; margin:0 22px 20px; padding:26px 16px; min-height:0; border:1px solid var(--line); border-radius:16px; overflow:hidden;}
  body .solution-card .solution-body .btn{order:4; margin:0 22px 26px; justify-content:center; text-align:center;}
}
/* Orbit scale inside the two LG90 cards (same component, size only) */
@media (min-width:701px) and (max-width:1024px){
  body .solution-card .wjv-orbit, body .wj-sol-tile .wjv-orbit{width:196px; height:196px;}
  body .solution-card .wjv-o-ring.r1, body .wj-sol-tile .wjv-o-ring.r1{inset:35px;}
}
@media (max-width:700px){
  body .solution-card .wjv-orbit, body .wj-sol-tile .wjv-orbit{width:168px; height:168px;}
  body .solution-card .wjv-o-ring.r1, body .wj-sol-tile .wjv-o-ring.r1{inset:30px;}
  body .solution-card .wjv-o-core, body .wj-sol-tile .wjv-o-core{width:54px; height:54px; margin:-27px 0 0 -27px;}
  body .solution-card .wjv-o-node:not(.dot), body .wj-sol-tile .wjv-o-node:not(.dot){width:30px; height:30px; margin:-15px 0 0 -15px;}
}

/* ==========================================================================
   v11 (2026-09-26) - Logo: one real link, no upscale transform, explicit sizes.
   Source: official New-Project-9.png (150x150, visible mark 102x57 at x22 y44).
   The link box shows only the visible mark (transparent padding is clipped by
   overflow - the artwork itself is not altered). --wj-logo-img = rendered width
   of the full 150px source; visible mark = 68% x 38% of it.
   ========================================================================== */
body .site-header .site-logo.has-image,
body .site-footer .footer-logo.has-image,
body footer .footer-logo.has-image{
  --wj-logo-img:98px;
  display:block; position:relative; overflow:hidden; flex:0 0 auto;
  width:calc(var(--wj-logo-img) * 0.6933); height:calc(var(--wj-logo-img) * 0.3933);
  margin:0; padding:0; line-height:0; border-radius:4px;
}
body .site-header .site-logo.has-image img,
body .site-footer .footer-logo.has-image img,
body footer .footer-logo.has-image img{
  position:absolute; left:calc(var(--wj-logo-img) * -0.14); top:calc(var(--wj-logo-img) * -0.2867);
  width:var(--wj-logo-img) !important; height:var(--wj-logo-img) !important; max-width:none !important;
  transform:none !important; display:block; object-fit:contain;
}
@media (min-width:768px) and (max-width:960px){ body .site-header .site-logo.has-image{--wj-logo-img:106px;} }   /* mark ~72x40 */
@media (min-width:961px){ body .site-header .site-logo.has-image{--wj-logo-img:126px;} }                         /* mark ~86x48 */
body .site-footer .footer-logo.has-image,
body footer .footer-logo.has-image{--wj-logo-img:117px; margin-bottom:18px;}                                     /* mark ~80x45 */
body .site-header .site-logo.has-image:focus-visible,
body .site-footer .footer-logo.has-image:focus-visible,
body footer .footer-logo.has-image:focus-visible{outline:2px solid var(--wj-accent-hover, #00C795); outline-offset:3px;}

/* ==========================================================================
   v13 (2026-10-17) - SEO phase 2: footer third-party notice, service links, LG90 inline links
   ========================================================================== */
body .site-footer .footer-bottom .wj-gbp-notice{flex-basis:100%; width:100%; font-size:13px; line-height:1.8; color:var(--wj-text-tertiary, #8A95AA);}
body .site-footer .footer-bottom .wj-gbp-notice a{color:var(--wj-muted, #A9B4C7); text-decoration:underline; text-underline-offset:3px;}
body .site-footer .footer-bottom .wj-gbp-notice a:hover{color:var(--wj-accent-hover, #00C795);}
body .wj13-svc-links{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:-10px 0 22px; font-size:15px;}
body .wj13-svc-links a{color:var(--wj-accent-hover, #00C795); font-weight:600; text-decoration:underline; text-underline-offset:3px;}
body .wj13-svc-links span{color:var(--wj-text-tertiary, #8A95AA);}
body .wj-store-copy .wj13-svc-links{margin:10px 0 0;}
body .pricing-body .wj13-alt-link{margin:16px 0 0; font-size:14.5px; color:var(--text);}
body .pricing-body .wj13-alt-link a, body #wujoodiFaqList .faq-a a{color:var(--wj-accent-hover, #00C795); text-decoration:underline; text-underline-offset:3px;}
@media (max-width:900px){ body .split-copy .wj13-svc-links{justify-content:center;} }
@media (max-width:600px){ body .wj13-svc-links span{display:none;} body .wj13-svc-links{flex-direction:column; align-items:flex-start;} body .split-copy .wj13-svc-links{align-items:center;} }