/* ============================================================================
   Vivid Frequency v11.1.0 — Theme Component Overrides
   The Spiritual Agency · spiritual.agency
   ============================================================================
   This file is the single source of truth for component-level CSS overrides:
   - Homepage sections (.sa-home, .vf, .vf--home, .h-hero, etc.)
   - Tier card components (.tc, .btn-primary, .btn-ghost)
   - Strip components (.partner-strip, .tree-strip, .final-cta)
   - ChakraPulse component styles
   - Page-specific overrides (Plant a Tree, Membership, Services)
   - v10 LIVE FIX patches (D3, D6, D10, D11)

   Migrated from gspb_global_settings.custom_css on 29 Apr 2026.
   Palette substitutions applied: T1 #E24B4A->#FF1500, T2 #FF8C00->#FF5500,
   T3 #FFE600->#FFD000 (contextual only — --sa-electric-yellow stays #FFE600).

   ARCHITECTURE: see /functions.php header for the framework's CSS layering rules.
   Order of cascade: Blocksy parent -> child style.css -> THIS FILE.

   This is the file to edit when adding new components or page-specific styles.
   Do NOT add component CSS back into the database (gspb_global_settings.custom_css).

   v11.1.1 (2026-05-14):
     - §J · Light-mode home-page surfaces + text. Fixes the cards
       and headings below the hero on /home-light/ that vanished
       because they were authored void-only.

   v11.1.2 (2026-05-14):
     - §K · Light-mode accent-token swaps for .sa-home canvas.
       Fixes lime-on-parchment pills/labels by re-declaring the
       locally-shadowed --anahata-green and --shakti-* tokens
       inside .sa-home.vf--light.
   ============================================================================ */



/* ============================================================================
   v11.0.3 — LIGHT MODE TOKEN OVERRIDES + HEADER COLOUR
   Activates when any descendant has class ".vf--light" (e.g., /home-light/).
   Override BOTH the VF tokens (--vf-t4) AND the legacy SA tokens
   (--sa-t4, --sa-anahata-green) so every consumer of either family
   flips to Anahata Deep #3D6500 — the WCAG-AA legible green on parchment.
   ============================================================================ */

body:has(.vf--light),
body.vf-mode-light,
body[data-vf-mode="light"],
.vf--light {
  --vf-surface: #FAFAF7;
  --vf-surface-alt: #FFFFFF;
  --vf-text: #1A0533;
  --vf-text-muted: rgba(26,5,51,0.78);
  --vf-text-subtle: rgba(26,5,51,0.55);
  /* ACCESSIBILITY — Anahata Green flips to Anahata Deep on parchment */
  --vf-t4: #3D6500;
  --sa-t4: #3D6500;
  --sa-anahata-green: #3D6500;
}

/* Header palette in light mode: header's transparent middle row picks up
   parchment so the menu reads correctly when hero is light. */
body:has(.vf--light) header.ct-header [data-row="middle"] {
  background-color: var(--vf-surface) !important;
}
body:has(.vf--light) header.ct-header .ct-menu-link,
body:has(.vf--light) header.ct-header [data-row="middle"] a {
  color: var(--vf-text) !important;
}

/* ============================================================================
   v11.1.0 — TRANSPARENT HEADER CLEARANCE
   Single source of truth for hero offset under the transparent header.
   Uses Blocksy's own --has-transparent-header (server-emitted on type-1 header)
   and the runtime --header-height set by /js/header-height.js.
   No hardcoded pixel offsets. No per-template duplication. Responsive by design.
   Replaces the four per-template patches previously in Additional CSS post 7.
   ============================================================================ */
.h-hero-v11,
.mem-wrap .m-hero,
.sv-wrap .sv-hero,
.sa-msc .sa-msc-hero,
.sa-cls .sa-cls-hero,
.sa-shw .sa-shw-hero,
.sa-tree-hero,
body.blog main .hero-section,
body.archive main .hero-section,
body.single-post main .hero-section {
  padding-top: calc(
    var(--has-transparent-header, 0) * var(--header-height, 0px)
    + 1.5rem  /* breathing room below header */
  ) !important;
}

/* Admin-bar nudge: WordPress admin bar adds 32px (>=783px viewport) or 46px
   (mobile) to the top. The header element accommodates this naturally
   (--header-height includes admin-bar offset because #header sits below it),
   so no extra rule needed here. Verified visually 2026-05-09. */

/* TODO v11.2+: revisit !important — currently required to win over inline
   shorthand padding declarations in home/services posts. After Phase 2 promotes
   those inline blocks into vf-overrides.css, the !important can be removed. */

/* ============================================================================
   v11.1.0 — PROSE INLINE CODE CHIP
   Prose-scale companion to the .sa-cbp multi-line code block. Styles bare
   <code> elements in dark-themed article bodies. Required because Blocksy's
   default <code> styling assumes a light body and breaks white-on-light on
   void/dark posts. The :not([class]) guard scopes the rule to bare <code>
   (prose) and excludes the syntax-highlighted spans inside .sa-cbp-pre code.
   ============================================================================ */
.entry-content code:not([class]),
.wp-block-post-content code:not([class]),
article code:not([class]) {
  background: rgba(110, 118, 129, .28);
  color: #e6edf3;
  border-radius: 6px;
  padding: 1px 6px 2px;
  font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, Menlo, Monaco, Consolas, monospace;
  font-size: 0.88em;
  letter-spacing: 0;
  border: 1px solid rgba(255, 255, 255, .06);
}


/* ============================================================
   VIVID FREQUENCY v9.0 — Design Tokens
   The Spiritual Agency · spiritual.agency
   ============================================================ */
:root {--sa-void:#0D0D1A;--sa-spirit-blue:#0896F2;--sa-shakti-start:#FF0060;--sa-shakti-end:#FF008B;--sa-shakti-crimson:#AB1C3D;--sa-anahata-green:#A7FF00;--sa-electric-yellow:#FFE600;--sa-parchment:#FAFAF7;--sa-electric-violet:#9000FF;--sa-deep-violet-dark:#1A0533;--sa-warm-cream:#F4F1E8;--sa-t1:#FF1500;--sa-t2:#FF5500;--sa-t3:#FFD000;--sa-t4:#A7FF00;--sa-t5:#0896F2;--sa-t6:#9000FF;--sa-t7:#FF008B;--sa-font:'Plus Jakarta Sans',sans-serif}

/* ============================================================
   GLOBAL: Full-width canvas resets for single-service pages
   Overrides Blocksy's default container constraints so variant
   templates can render edge-to-edge.
   ============================================================ */
body.single-service main#main,
body.single-service .entry-content,
body.single-service .entry-content.is-layout-constrained,
body.single-service .entry-content > *,
body.single-service article.type-service,
body.single-service article.type-service > * {max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}body.single-service .entry-content > .alignfull,
body.single-service .entry-content > .alignwide {max-width:100%!important;margin-left:auto!important;margin-right:auto!important}body.single-service #main,
body.single-service .ct-main {padding-top:0!important;padding-bottom:0!important}body.single-service .entry-header,
body.single-service .single_post_title_wrapper {display:none!important}

/* Also apply to Plant a Tree page */
body.page-id-3150 main#main,
body.page-id-3150 .entry-content,
body.page-id-3150 .entry-content.is-layout-constrained,
body.page-id-3150 .entry-content > * {max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}

/* Shared chakra pulse animation */
@keyframes sa-cp-anim {0%,100%{transform:scale(1);opacity:.38}50% {transform:scale(1.8);opacity:1;box-shadow:0 0 5px currentColor}}.sa-chakrapulse {display:inline-flex;gap:.42rem;align-items:center;margin-bottom:1.15rem}.sa-chakrapulse span {display:block;width:6px;height:6px;border-radius:50%;animation:sa-cp-anim 2.2s ease-in-out infinite}.sa-chakrapulse span:nth-child(1) {background:#FF1500;animation-delay:0s}.sa-chakrapulse span:nth-child(2) {background:#FF5500;animation-delay:.18s}.sa-chakrapulse span:nth-child(3) {background:#FFD000;animation-delay:.36s}.sa-chakrapulse span:nth-child(4) {background:#A7FF00;animation-delay:.54s}.sa-chakrapulse span:nth-child(5) {background:#0896F2;animation-delay:.72s}.sa-chakrapulse span:nth-child(6) {background:#9000FF;animation-delay:.9s}.sa-chakrapulse span:nth-child(7) {background:#FF008B;animation-delay:1.08s}
@media(prefers-reduced-motion:reduce){.sa-chakrapulse span {animation:none;opacity:1}}

/* Shared button classes (used by Showcase + Story + others) */
.sa-cta-row {display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:1rem}.sa-btn-primary {display:inline-flex;align-items:center;gap:8px;background:#0896F2;color:#fff!important;font-family:var(--sa-font);font-weight:800;font-size:15px;padding:14px 28px;border-radius:999px;transition:transform .15s,box-shadow .2s;box-shadow:0 8px 28px rgba(8,150,242,.3);text-decoration:none}.sa-btn-primary:hover {transform:translateY(-2px);box-shadow:0 12px 36px rgba(8,150,242,.4)}.sa-btn-ghost {display:inline-flex;align-items:center;gap:8px;background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.3);color:var(--sa-parchment)!important;font-family:var(--sa-font);font-weight:800;font-size:15px;padding:13px 26px;border-radius:999px;transition:all .2s;text-decoration:none}.sa-btn-ghost:hover {border-color:#fff;color:#fff!important;transform:translateY(-2px)}.sa-btn-light {display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--sa-void)!important;font-family:var(--sa-font);font-weight:800;font-size:15px;padding:14px 28px;border-radius:999px;transition:all .2s;box-shadow:0 8px 28px rgba(0,0,0,.15);text-decoration:none}.sa-btn-light:hover {transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,0,0,.22)}.sa-btn-void {display:inline-flex;align-items:center;gap:8px;background:var(--sa-void);color:var(--sa-parchment)!important;font-family:var(--sa-font);font-weight:800;font-size:15px;padding:13px 26px;border-radius:999px;border:1px solid rgba(250,250,247,.25);transition:all .2s;text-decoration:none}.sa-btn-void:hover {transform:translateY(-2px);background:#000}

/* ============================================================
   SHOWCASE variant — dark hero with device mockup
   ============================================================ */
.sa-shw {font-family:var(--sa-font);--accent:#FF008B;--accent-ink:#A1005A;color:var(--sa-void);font-size:16px;line-height:1.65;overflow-x:hidden}.sa-shw.sa-accent-shakti-pink {--accent:#FF0060;--accent-ink:#A10039}.sa-shw.sa-accent-shakti-magenta {--accent:#FF008B;--accent-ink:#A1005A}.sa-shw.sa-accent-spirit-blue {--accent:#0896F2;--accent-ink:#0567A6}.sa-shw.sa-accent-anahata-green {--accent:#A7FF00;--accent-ink:#3B6D11}.sa-shw.sa-accent-electric-violet {--accent:#9000FF;--accent-ink:#5A00A1}.sa-shw *,
.sa-shw *::before,
.sa-shw *::after {box-sizing:border-box;margin:0;padding:0}.sa-shw a {color:inherit;text-decoration:none}.sa-shw section {position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* Hero */
.sa-shw-hero {padding:8rem 1.5rem 5rem;background:var(--sa-void);color:var(--sa-parchment);overflow:hidden;isolation:isolate}.sa-shw-hero-bg {position:absolute;inset:0;background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--accent) 28%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(144,0,255,.22) 0%,transparent 55%),linear-gradient(160deg,#0a0a18 0%,#0D0D1A 45%,#07091a 100%);z-index:-1}.sa-shw-hero-dots {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none}.sa-shw-orb {position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.3;z-index:-1}.sa-shw-orb-1 {top:-100px;right:-100px;background:var(--accent)}.sa-shw-orb-2 {bottom:-120px;left:-80px;background:#9000FF}.sa-shw-hero-inner {position:relative;max-width:1200px;margin:0 auto;text-align:center;z-index:1}.sa-shw-hero-inner .sa-chakrapulse {justify-content:center;margin-bottom:1.5rem}.sa-shw-badge {display:inline-block;padding:6px 16px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 80%,#fff);margin-bottom:1rem}.sa-shw-badge:empty {display:none}.sa-shw-tagline {font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,250,247,.55);margin-bottom:1.25rem}.sa-shw-tagline:empty {display:none}.sa-shw-title {font-size:clamp(2.6rem,5.5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin:0 0 1.1rem;color:var(--sa-parchment)}.sa-shw-title .sa-grad {background:linear-gradient(90deg,var(--accent),#9000FF 60%,#FF008B);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sa-shw-gradshift 6s linear infinite}
@keyframes sa-shw-gradshift{0% {background-position:0% center}100% {background-position:200% center}}.sa-shw-sub {font-size:clamp(1rem,1.6vw,1.2rem);color:rgba(250,250,247,.72);line-height:1.6;max-width:720px;margin:0 auto 2rem}.sa-shw-sub:empty {display:none}.sa-shw-hero-inner .sa-cta-row {justify-content:center}.sa-shw-stats {display:flex;gap:3rem;justify-content:center;margin:2.5rem auto 3rem;flex-wrap:wrap}.sa-shw-stats .sa-stat {text-align:center}.sa-shw-stats .sa-stat b {display:block;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--accent);line-height:1}.sa-shw-stats .sa-stat span {display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,247,.5);margin-top:.3rem}

/* Device mockup */
.sa-shw-device {max-width:960px;margin:0 auto;background:#1a1a2e;border:1px solid rgba(250,250,247,.12);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent) inset}.sa-shw-device-bar {display:flex;align-items:center;gap:8px;padding:.75rem 1rem;background:#0f0f1a;border-bottom:1px solid rgba(250,250,247,.06)}.sa-shw-device-bar .d1,
.sa-shw-device-bar .d2,
.sa-shw-device-bar .d3 {width:12px;height:12px;border-radius:50%;background:rgba(250,250,247,.15)}.sa-shw-device-bar .d1 {background:#ff5f56}.sa-shw-device-bar .d2 {background:#ffbd2e}.sa-shw-device-bar .d3 {background:#27c93f}.sa-shw-url-pill {margin-left:auto;padding:4px 14px;background:rgba(250,250,247,.06);border-radius:999px;font-size:12px;color:rgba(250,250,247,.55);font-family:Menlo,Monaco,monospace}.sa-shw-device-screen img {display:block;width:100%;height:auto}

/* Grid section */
.sa-shw-grid {padding:5rem 1.5rem;background:var(--sa-parchment)}.sa-shw-grid-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
@media(max-width:860px){.sa-shw-grid-inner {grid-template-columns:1fr}}.sa-shw-portrait img,
.sa-shw-land img {display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 20px 50px -15px rgba(13,13,26,.2)}.sa-shw-right {display:flex;flex-direction:column;gap:2rem}.sa-shw-ov-ew {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);padding:5px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;margin-bottom:.9rem}.sa-shw-ov-title {font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--sa-void);margin-bottom:1rem}.sa-shw-ov-title em {font-style:normal;background:linear-gradient(90deg,var(--accent),#FF008B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-shw-ov-body {font-size:15.5px;line-height:1.7;color:rgba(13,13,26,.75)}.sa-shw-ov-body p {margin-bottom:1em}.sa-shw-ov-link {display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 50%,transparent);padding-bottom:2px;margin-top:1rem}

/* Feature cards */
.sa-shw-feats {padding:4rem 1.5rem;background:var(--sa-warm-cream)}.sa-shw-feats-head {max-width:800px;margin:0 auto 2.5rem;text-align:center}.sa-shw-feats-ew {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);padding:5px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;margin-bottom:.9rem}.sa-shw-feats-title {font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--sa-void)}.sa-shw-fcards {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.sa-shw-fcards .sa-fcard {background:#fff;border:1px solid rgba(13,13,26,.08);border-radius:14px;padding:1.5rem 1.4rem;transition:all .25s;position:relative}.sa-shw-fcards .sa-fcard:hover {border-color:color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-4px);box-shadow:0 20px 40px -15px color-mix(in srgb,var(--accent) 20%,transparent)}.sa-shw-fcards .sa-fcard-dot {width:10px;height:10px;border-radius:50%;background:var(--accent);margin-bottom:1rem;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 60%,transparent)}.sa-shw-fcards .sa-fcard:nth-child(7n+1) .sa-fcard-dot {background:var(--sa-t1);box-shadow:0 0 16px rgba(255,21,0,.5)}.sa-shw-fcards .sa-fcard:nth-child(7n+2) .sa-fcard-dot {background:var(--sa-t2);box-shadow:0 0 16px rgba(255,85,0,.5)}.sa-shw-fcards .sa-fcard:nth-child(7n+3) .sa-fcard-dot {background:var(--sa-t3);box-shadow:0 0 16px rgba(255,208,0,.5)}.sa-shw-fcards .sa-fcard:nth-child(7n+4) .sa-fcard-dot {background:var(--sa-t4);box-shadow:0 0 16px rgba(167,255,0,.5)}.sa-shw-fcards .sa-fcard:nth-child(7n+5) .sa-fcard-dot {background:var(--sa-t5);box-shadow:0 0 16px rgba(8,150,242,.5)}.sa-shw-fcards .sa-fcard:nth-child(7n+6) .sa-fcard-dot {background:var(--sa-t6);box-shadow:0 0 16px rgba(144,0,255,.5)}.sa-shw-fcards .sa-fcard:nth-child(7n+7) .sa-fcard-dot {background:var(--sa-t7);box-shadow:0 0 16px rgba(255,0,139,.5)}.sa-shw-fcards .sa-fcard h3 {font-size:16px;font-weight:800;color:var(--sa-void);margin-bottom:.4rem;letter-spacing:-.01em}.sa-shw-fcards .sa-fcard p {font-size:14px;line-height:1.55;color:rgba(13,13,26,.65)}

/* Callout */
.sa-shw-callout {padding:4rem 1.5rem;background:var(--sa-void);color:var(--sa-parchment);overflow:hidden}.sa-shw-callout-inner {max-width:960px;margin:0 auto;padding:2.5rem;background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:4px solid var(--accent);border-radius:0 16px 16px 0}.sa-shw-callout-img {max-width:960px;margin:0 auto 2rem}.sa-shw-callout-img img {display:block;width:100%;border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}.sa-shw-co-bar {width:60px;height:3px;background:var(--accent);margin-bottom:1rem;border-radius:2px}.sa-shw-co-title {font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;line-height:1.15;margin-bottom:.75rem;color:var(--sa-parchment)}.sa-shw-co-body {font-size:15.5px;line-height:1.65;color:rgba(250,250,247,.72);margin-bottom:1.5rem}

/* Process */
.sa-shw-process {padding:5rem 1.5rem;background:var(--sa-parchment)}.sa-shw-proc-head {max-width:800px;margin:0 auto 3rem;text-align:center}.sa-shw-proc-ew {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);padding:5px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;margin-bottom:.9rem}.sa-shw-proc-title {font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1.12;color:var(--sa-void);margin-bottom:.5rem}.sa-shw-proc-intro {font-size:15.5px;color:rgba(13,13,26,.7);max-width:620px;margin:0 auto}.sa-shw-steps {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.sa-shw-steps .sa-step {background:#fff;border:1px solid rgba(13,13,26,.08);border-radius:14px;padding:1.5rem}.sa-shw-steps .sa-step-n {display:inline-block;font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:.5rem;letter-spacing:-.04em}.sa-shw-steps .sa-step strong {display:block;font-size:16px;font-weight:800;color:var(--sa-void);margin-bottom:.4rem}.sa-shw-steps .sa-step p {font-size:14px;line-height:1.55;color:rgba(13,13,26,.65)}

/* Testimonial */
.sa-shw-testi {padding:4rem 1.5rem;background:var(--sa-warm-cream)}.sa-shw-testi-wrap {max-width:820px;margin:0 auto}.sa-testi-card {background:#fff;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:20px;padding:2.75rem 2.25rem;box-shadow:0 24px 50px -18px rgba(13,13,26,.1)}.sa-testi-card .sa-testi-quote {font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55;color:var(--sa-void);font-weight:500;font-style:italic;margin-bottom:1.5rem}.sa-testi-card .sa-testi-meta {display:flex;align-items:center;gap:1rem;padding-left:1rem;border-left:3px solid var(--accent)}.sa-testi-card .sa-testi-meta b {font-size:15px;font-weight:800;color:var(--sa-void);display:block}.sa-testi-card .sa-testi-meta span {font-size:13px;color:rgba(13,13,26,.6);display:block;margin-top:2px}

/* Integrations */
.sa-shw-intg {padding:4rem 1.5rem;background:var(--sa-parchment)}.sa-shw-intg-head {max-width:800px;margin:0 auto 2rem;text-align:center}.sa-shw-intg-ew {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);padding:5px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;margin-bottom:.9rem}.sa-shw-intg-title {font-size:clamp(1.6rem,2.6vw,2rem);font-weight:800;color:var(--sa-void)}.sa-shw-intg-grid {max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sa-shw-intg-grid .sa-intg-item {padding:10px 18px;background:#fff;border:1px solid rgba(13,13,26,.08);border-radius:999px;font-size:13px;font-weight:700;color:var(--sa-void);transition:all .2s;cursor:default}.sa-shw-intg-grid .sa-intg-item:hover {border-color:var(--accent);color:var(--accent)}

/* FAQ */
.sa-shw-faq {padding:4rem 1.5rem;background:var(--sa-warm-cream)}.sa-shw-faq-head {max-width:800px;margin:0 auto 2rem;text-align:center}.sa-shw-faq-ew {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);padding:5px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;margin-bottom:.9rem}.sa-shw-faq-title {font-size:clamp(1.6rem,2.6vw,2rem);font-weight:800;color:var(--sa-void)}.sa-shw-faq-wrap {max-width:820px;margin:0 auto}.sa-shw-faq-wrap .sa-faq-item {background:#fff;border:1px solid rgba(13,13,26,.08);border-radius:14px;margin-bottom:.75rem;overflow:hidden}.sa-shw-faq-wrap .sa-faq-item[open] {border-color:var(--accent)}.sa-shw-faq-wrap .sa-faq-item summary {list-style:none;padding:1.1rem 3.2rem 1.1rem 1.4rem;cursor:pointer;position:relative;font-weight:700;font-size:15px;color:var(--sa-void)}.sa-shw-faq-wrap .sa-faq-item summary::-webkit-details-marker {display:none}.sa-shw-faq-wrap .sa-faq-item summary::after {content:'+';position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .25s}.sa-shw-faq-wrap .sa-faq-item[open] summary::after {content:'−';background:var(--accent);color:#fff}.sa-shw-faq-wrap .sa-faq-item .a {padding:0 1.4rem 1.2rem;font-size:14.5px;line-height:1.65;color:rgba(13,13,26,.72)}

/* Pricing */
.sa-shw-pricing {padding:4rem 1.5rem;background:var(--sa-parchment)}.sa-shw-pricing-head {max-width:800px;margin:0 auto 2rem;text-align:center}.sa-shw-pricing-ew {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);padding:5px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;margin-bottom:.9rem}.sa-shw-pricing-title {font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--sa-void)}.sa-shw-price-card {max-width:720px;margin:0 auto;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -20px color-mix(in srgb,var(--accent) 15%,transparent)}.sa-shw-price-card::before {content:'';display:block;height:4px;background:linear-gradient(90deg,var(--accent),#FF008B)}.sa-shw-price-head {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;padding:1.75rem 2rem 1.25rem;border-bottom:1px solid rgba(13,13,26,.08)}.sa-shw-price-name {font-size:1.3rem;font-weight:800;color:var(--sa-void)}.sa-shw-price-tag strong {font-size:2.2rem;font-weight:800;color:var(--accent)}.sa-shw-price-tag em {font-style:normal;font-size:.85em;color:rgba(13,13,26,.5);margin-left:2px}.sa-shw-price-inc {padding:1.25rem 2rem;font-size:14px;color:rgba(13,13,26,.72);line-height:1.5;background:var(--sa-warm-cream)}.sa-shw-price-btns {padding:1.25rem 2rem 1.75rem;display:flex;gap:12px;flex-wrap:wrap}.sa-shw-price-btns .sa-btn-primary {background:var(--accent);box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 30%,transparent)}.sa-shw-price-btns .sa-btn-ghost {color:var(--sa-void)!important;border-color:rgba(13,13,26,.2);background:transparent}.sa-shw-price-btns .sa-btn-ghost:hover {border-color:var(--sa-void);background:rgba(13,13,26,.04)}

/* CTA strip */
.sa-shw-cta {padding:5rem 1.5rem;background:var(--sa-void);color:var(--sa-parchment);overflow:hidden;position:relative}.sa-shw-cta-bg {position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--accent) 20%,transparent) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(144,0,255,.18) 0%,transparent 60%);z-index:0}.sa-shw-cta-dots {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none}.sa-shw-cta-inner {max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.sa-shw-cta-title {font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:1rem;color:var(--sa-parchment)}.sa-shw-cta-sub {font-size:16px;color:rgba(250,250,247,.72);line-height:1.6;margin-bottom:2rem}.sa-shw-cta-inner .sa-cta-row {justify-content:center}

/* Mobile tweaks */
@media(max-width:760px) {
.sa-shw-hero{padding:5rem 1.25rem 3.5rem}.sa-shw-stats {gap:1.5rem}.sa-shw-stats .sa-stat b {font-size:1.4rem}.sa-shw-device {border-radius:12px}
}

/* ============================================================
   PLANT A TREE — page-id-3150
   ============================================================ */
body.page-id-3150 {background:var(--sa-void);color:var(--sa-parchment);font-family:var(--sa-font)}.sa-tree-hero,
.sa-tree-why,
.sa-tree-tiers,
.sa-tree-how,
.sa-tree-cta,
.sa-tree-forest {width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);font-family:var(--sa-font);box-sizing:border-box}.sa-tree-hero *,
.sa-tree-why *,
.sa-tree-tiers *,
.sa-tree-how *,
.sa-tree-cta *,
.sa-tree-forest * {box-sizing:border-box}

/* Hero */
.sa-tree-hero {padding:8rem 1.5rem 5rem;text-align:center;background:var(--sa-void);position:relative;overflow:hidden}.sa-tree-hero::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(167,255,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(8,150,242,.12) 0%,transparent 50%);z-index:0}.sa-tree-hero > * {position:relative;z-index:1}.sa-tree-hero__eyebrow {display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sa-anahata-green);padding:6px 16px;background:rgba(167,255,0,.1);border:1px solid rgba(167,255,0,.3);border-radius:999px;margin-bottom:1.5rem}.sa-tree-hero__title {font-size:clamp(2.6rem,6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin:0 0 1.25rem;color:var(--sa-parchment)}.sa-tree-hero__sub {font-size:clamp(1rem,1.6vw,1.2rem);max-width:720px;margin:0 auto 2rem;color:rgba(250,250,247,.72);line-height:1.6}.sa-tree-hero__chakrapulse {display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.sa-tree-hero__chakrapulse span {display:block;width:8px;height:8px;border-radius:50%;animation:sa-cp-anim 2.2s ease-in-out infinite}.sa-tree-hero__chakrapulse span:nth-child(1) {background:#FF1500;animation-delay:0s}.sa-tree-hero__chakrapulse span:nth-child(2) {background:#FF5500;animation-delay:.18s}.sa-tree-hero__chakrapulse span:nth-child(3) {background:#FFD000;animation-delay:.36s}.sa-tree-hero__chakrapulse span:nth-child(4) {background:#A7FF00;animation-delay:.54s}.sa-tree-hero__chakrapulse span:nth-child(5) {background:#0896F2;animation-delay:.72s}.sa-tree-hero__chakrapulse span:nth-child(6) {background:#9000FF;animation-delay:.9s}.sa-tree-hero__chakrapulse span:nth-child(7) {background:#FF008B;animation-delay:1.08s}.sa-tree-hero__ctas {display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sa-tree-hero__btn-primary {display:inline-flex;align-items:center;gap:8px;background:var(--sa-anahata-green);color:var(--sa-void)!important;font-weight:800;font-size:15px;padding:14px 28px;border-radius:999px;text-decoration:none;transition:all .2s;box-shadow:0 8px 28px rgba(167,255,0,.3)}.sa-tree-hero__btn-primary:hover {transform:translateY(-2px);box-shadow:0 14px 38px rgba(167,255,0,.4)}.sa-tree-hero__btn-secondary {display:inline-flex;align-items:center;gap:8px;background:rgba(250,250,247,.05);border:1px solid rgba(250,250,247,.25);color:var(--sa-parchment)!important;font-weight:800;font-size:15px;padding:13px 26px;border-radius:999px;text-decoration:none;transition:all .2s}.sa-tree-hero__btn-secondary:hover {border-color:var(--sa-anahata-green);color:var(--sa-anahata-green)!important}

/* Why section */
.sa-tree-why {padding:5rem 1.5rem;background:var(--sa-parchment);color:var(--sa-void)}.sa-tree-why__inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}
@media(max-width:860px){.sa-tree-why__inner {grid-template-columns:1fr;gap:2rem}}.sa-tree-why__eyebrow {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#3B6D11;padding:5px 14px;background:rgba(167,255,0,.15);border-radius:999px;margin-bottom:1rem}.sa-tree-why__title {font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:1.25rem;color:var(--sa-void)}.sa-tree-why__title em {font-style:normal;background:linear-gradient(90deg,#3B6D11,var(--sa-anahata-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-tree-why__text {font-size:16px;line-height:1.7;color:rgba(13,13,26,.75);margin-bottom:1em}.sa-tree-why__stats {display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap}.sa-tree-why__stat {display:flex;flex-direction:column}.sa-tree-why__stat-num {font-size:2.2rem;font-weight:800;color:var(--sa-anahata-green);line-height:1}.sa-tree-why__stat-label {font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(13,13,26,.55);margin-top:.3rem}.sa-tree-why__visual {min-height:400px;background:radial-gradient(ellipse at center,rgba(167,255,0,.18) 0%,transparent 65%),url('https://staging.spiritual.agency/wp-content/uploads/2026/04/Forest-—-Moss-Covered-Roots-Muladhara.jpg') center/cover;border-radius:20px;box-shadow:0 30px 60px -20px rgba(13,13,26,.25)}

/* Forest gallery */
.sa-tree-forest {padding:5rem 1.5rem;background:var(--sa-void);color:var(--sa-parchment)}.sa-tree-forest__inner {max-width:1200px;margin:0 auto}.sa-tree-forest__head {text-align:center;max-width:820px;margin:0 auto 3rem}.sa-tree-forest__eyebrow {display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sa-anahata-green);padding:5px 14px;background:rgba(167,255,0,.12);border:1px solid rgba(167,255,0,.3);border-radius:999px;margin-bottom:1rem}.sa-tree-forest__title {font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:1rem;color:var(--sa-parchment)}.sa-tree-forest__title em {font-style:normal;background:linear-gradient(90deg,var(--sa-anahata-green),#FF008B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-tree-forest__sub {font-size:15.5px;color:rgba(250,250,247,.72);line-height:1.65}.sa-tree-forest__gallery {display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;margin-bottom:3rem}
@media(max-width:760px){.sa-tree-forest__gallery {grid-template-columns:1fr 1fr;grid-template-rows:auto}}.sa-tree-forest__img {position:relative;border-radius:16px;overflow:hidden;margin:0}.sa-tree-forest__img--1 {grid-column:1;grid-row:1/3}.sa-tree-forest__img--2 {grid-column:2;grid-row:1}.sa-tree-forest__img--3 {grid-column:3;grid-row:1}.sa-tree-forest__img--4 {grid-column:2/4;grid-row:2}
@media(max-width:760px){.sa-tree-forest__img--1,
.sa-tree-forest__img--2,
.sa-tree-forest__img--3,
.sa-tree-forest__img--4 {grid-column:auto;grid-row:auto}}.sa-tree-forest__img img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sa-tree-forest__img:hover img {transform:scale(1.05)}.sa-tree-forest__img figcaption {position:absolute;bottom:0;left:0;right:0;padding:1rem 1.2rem;background:linear-gradient(180deg,transparent,rgba(13,13,26,.85));font-size:13px;font-weight:700;color:var(--sa-parchment)}.sa-tree-forest__cta-wrap {text-align:center;max-width:720px;margin:0 auto}.sa-tree-forest__cta {display:inline-flex;align-items:center;gap:1rem;padding:1.25rem 1.75rem;background:rgba(167,255,0,.06);border:1px solid rgba(167,255,0,.3);border-radius:16px;text-decoration:none;color:var(--sa-parchment);transition:all .25s;max-width:100%;text-align:left}.sa-tree-forest__cta:hover {background:rgba(167,255,0,.1);border-color:var(--sa-anahata-green);transform:translateY(-2px)}.sa-tree-forest__cta-icon {font-size:2rem;flex-shrink:0}.sa-tree-forest__cta-text {display:flex;flex-direction:column;gap:.25rem;flex:1}.sa-tree-forest__cta-label {font-size:15px;font-weight:800;color:var(--sa-parchment)}.sa-tree-forest__cta-meta {font-size:12px;color:rgba(250,250,247,.6)}.sa-tree-forest__cta-arrow {font-size:1.5rem;color:var(--sa-anahata-green);flex-shrink:0}.sa-tree-forest__credit {font-size:12px;color:rgba(250,250,247,.4);margin-top:1.5rem;line-height:1.5}.sa-tree-forest__credit a {color:rgba(250,250,247,.7);text-decoration:underline}

/* Tiers */
.sa-tree-tiers {padding:5rem 1.5rem;background:var(--sa-void);color:var(--sa-parchment)}.sa-tree-tiers__head {text-align:center;max-width:820px;margin:0 auto 3rem}.sa-tree-tiers__eyebrow {display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sa-anahata-green);padding:5px 14px;background:rgba(167,255,0,.12);border:1px solid rgba(167,255,0,.3);border-radius:999px;margin-bottom:1rem}.sa-tree-tiers__title {font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.1;color:var(--sa-parchment);margin-bottom:1rem}.sa-tree-tiers__sub {font-size:15.5px;color:rgba(250,250,247,.72);line-height:1.65}.sa-tree-tiers__grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.sa-tier-card {background:linear-gradient(180deg,color-mix(in srgb,var(--tier-color,#FF0060) 12%,transparent),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--tier-color,#FF0060) 25%,transparent);border-radius:16px;padding:1.75rem 1.4rem;transition:all .3s;position:relative;overflow:hidden}.sa-tier-card:hover {border-color:var(--tier-color,#FF0060);transform:translateY(-6px);box-shadow:0 20px 40px -15px color-mix(in srgb,var(--tier-color,#FF0060) 30%,transparent)}.sa-tier-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tier-color,#FF0060)}.sa-tier-card__chakra,
.sa-tier-card__name {font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tier-color,#FF0060);margin-bottom:.5rem}.sa-tier-card__count,
.sa-tier-card h3 {font-size:1.6rem;font-weight:800;color:var(--sa-parchment);margin-bottom:.5rem;line-height:1.2}.sa-tier-card__rate,
.sa-tier-card p {font-size:14px;color:rgba(250,250,247,.7);line-height:1.55}.sa-tier-card *[class*="__"] {display:block}

/* How / Closing CTA */
.sa-tree-how {padding:5rem 1.5rem;background:var(--sa-parchment);color:var(--sa-void)}.sa-tree-how h2,
.sa-tree-cta h2 {font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.1;text-align:center;margin-bottom:2rem;color:inherit}.sa-tree-cta {padding:5rem 1.5rem;background:linear-gradient(135deg,#FF0060 0%,#9000FF 100%);color:var(--sa-parchment);text-align:center}.sa-tree-cta h2 {color:#fff;margin-bottom:1rem}.sa-tree-cta p {font-size:16px;color:rgba(255,255,255,.88);line-height:1.6;max-width:720px;margin:0 auto 2rem}

/* Full-bleed utility */
.sa-full-bleed {margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;position:relative}.page-id-3363 .sa-home {width:100vw;margin-left:calc(-50vw + 50%);max-width:none;}.page-id-3363 .sa-home .h-hero-bg {background:#0D0D1A!important;animation:none!important;}

/* ============================================================
   SPIRITMCP — Project page (.pj-mcp) · Service page (.sv-mcp)
   Blog pullquote (.sa-pq-block)
   ============================================================ */
.pj-mcp,
.sv-mcp {font-family:'Plus Jakarta Sans',system-ui,sans-serif;--void:#0D0D1A;--deep-violet:#1A0533;--electric-violet:#9000FF;--shakti-pink:#FF0060;--shakti-magenta:#FF008B;--spirit-blue:#0896F2;--anahata-green:#A7FF00;--solar-gold:#FFD000;--parchment:#FAFAF7;background:var(--void);color:var(--parchment);font-size:16px;line-height:1.7;overflow-x:hidden;width:100vw;margin-left:calc(-50vw + 50%);max-width:none}.pj-mcp *,
.sv-mcp *,
.pj-mcp *::before,
.sv-mcp *::before,
.pj-mcp *::after,
.sv-mcp *::after {box-sizing:border-box;margin:0;padding:0}.pj-mcp h1,
.pj-mcp h2,
.pj-mcp h3,
.pj-mcp h4,
.sv-mcp h1,
.sv-mcp h2,
.sv-mcp h3,
.sv-mcp h4 {font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;color:#FAFAF7}.pj-mcp p,
.sv-mcp p {color:rgba(250,250,247,.78)}.pj-mcp a,
.sv-mcp a {color:inherit;text-decoration:none}.pj-mcp .container,
.sv-mcp .container {max-width:1200px;margin:0 auto;padding:0 2rem}.pj-mcp code {font-family:'JetBrains Mono','Menlo',monospace;font-size:.88em;background:rgba(144,0,255,.12);color:#9000FF;padding:2px 8px;border-radius:6px;border:1px solid rgba(144,0,255,.2)}

/* Shared chakrapulse for both */
.pj-mcp .chakrapulse,
.sv-mcp .chakrapulse {display:flex;gap:.55rem;align-items:center;justify-content:center;padding-top:.5rem}.pj-mcp .chakrapulse span,
.sv-mcp .chakrapulse span {display:block;width:9px;height:9px;border-radius:50%;animation:cp-pulse 2s ease-in-out infinite}.pj-mcp .chakrapulse span:nth-child(1),
.sv-mcp .chakrapulse span:nth-child(1) {background:#FF1500;animation-delay:0s}.pj-mcp .chakrapulse span:nth-child(2),
.sv-mcp .chakrapulse span:nth-child(2) {background:#FF5500;animation-delay:.18s}.pj-mcp .chakrapulse span:nth-child(3),
.sv-mcp .chakrapulse span:nth-child(3) {background:#FFD000;animation-delay:.36s}.pj-mcp .chakrapulse span:nth-child(4),
.sv-mcp .chakrapulse span:nth-child(4) {background:#A7FF00;animation-delay:.54s}.pj-mcp .chakrapulse span:nth-child(5),
.sv-mcp .chakrapulse span:nth-child(5) {background:#0896F2;animation-delay:.72s}.pj-mcp .chakrapulse span:nth-child(6),
.sv-mcp .chakrapulse span:nth-child(6) {background:#9000FF;animation-delay:.9s;box-shadow:0 0 24px rgba(144,0,255,.6)}.pj-mcp .chakrapulse span:nth-child(7),
.sv-mcp .chakrapulse span:nth-child(7) {background:#FF008B;animation-delay:1.08s}
@keyframes cp-pulse{0%,
100% {transform:scale(1);opacity:.45}50% {transform:scale(1.65);opacity:1}}

/* Project page hero */
.pj-mcp .pj-hero {position:relative;padding:6rem 2rem 5rem;overflow:hidden}.pj-mcp .pj-hero::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(144,0,255,.18),transparent 60%),linear-gradient(180deg,#0D0D1A,#1A0533);z-index:0}.pj-mcp .pj-hero-inner {position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:980px){.pj-mcp .pj-hero-inner {grid-template-columns:1fr;gap:3rem}}.pj-mcp .pj-eyebrow {display:inline-flex;align-items:center;gap:10px;background:rgba(144,0,255,.1);border:1px solid rgba(144,0,255,.35);border-radius:999px;padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9000FF;margin-bottom:1.5rem}.pj-mcp h1 {font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;margin-bottom:1.25rem}.pj-mcp h1 .grad {background:linear-gradient(90deg,#9000FF,#FF008B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pj-mcp .pj-hero p {font-size:1.1rem;line-height:1.65;color:rgba(250,250,247,.7);margin-bottom:1.5rem;max-width:520px}.pj-mcp .pj-meta {display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.pj-mcp .pj-meta-item {background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.08);border-radius:12px;padding:1rem 1.25rem}.pj-mcp .pj-meta-item .lbl {font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.45);font-weight:700;margin-bottom:.35rem}.pj-mcp .pj-meta-item .val {font-size:.92rem;color:#FAFAF7;font-weight:600}.pj-mcp .pj-hero-visual {position:relative;aspect-ratio:1;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:24px;padding:2rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.pj-mcp .pj-hero-visual::before {content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(144,0,255,.15) 60deg,transparent 120deg);animation:pj-spin 12s linear infinite}
@keyframes pj-spin{to {transform:rotate(360deg)}}.pj-mcp .pj-hero-visual svg {position:relative;z-index:1;width:100%;height:auto}

/* Section shared */
.pj-mcp .section {padding:6rem 2rem;position:relative}.sv-mcp .section {padding:6rem 2rem;position:relative}.pj-mcp .section-eyebrow,
.sv-mcp .section-eyebrow {font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9000FF;text-align:center;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:10px}.pj-mcp .section-eyebrow::before,
.pj-mcp .section-eyebrow::after,
.sv-mcp .section-eyebrow::before,
.sv-mcp .section-eyebrow::after {content:'';width:30px;height:1px;background:linear-gradient(90deg,transparent,#9000FF)}.pj-mcp .section-eyebrow::after,
.sv-mcp .section-eyebrow::after {background:linear-gradient(90deg,#9000FF,transparent)}.pj-mcp .section-h,
.sv-mcp .section-h {font-size:clamp(2rem,3.4vw,2.65rem);line-height:1.18;text-align:center;margin-bottom:1rem;max-width:820px;margin-left:auto;margin-right:auto}.pj-mcp .section-sub,
.sv-mcp .section-sub {font-size:1.05rem;color:rgba(250,250,247,.68);max-width:680px;margin:0 auto 4rem;text-align:center;line-height:1.65}

/* Problem grid */
.pj-mcp .problem {background:linear-gradient(180deg,#0D0D1A,rgba(26,5,51,.5))}.pj-mcp .problem-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1100px;margin:0 auto}
@media(max-width:820px){.pj-mcp .problem-grid {grid-template-columns:1fr}}.pj-mcp .problem-card {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.07);border-radius:18px;padding:2rem;transition:all .3s}.pj-mcp .problem-card.before {border-left:3px solid #FF1500}.pj-mcp .problem-card.after {border-left:3px solid #A7FF00}.pj-mcp .problem-card .lbl {font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:.85rem}.pj-mcp .problem-card.before .lbl {color:#FF1500}.pj-mcp .problem-card.after .lbl {color:#A7FF00}.pj-mcp .problem-card h3 {font-size:1.35rem;margin-bottom:1rem}.pj-mcp .problem-card p {font-size:.96rem;line-height:1.65;color:rgba(250,250,247,.72);margin-bottom:.75rem}.pj-mcp .problem-card p:last-child {margin-bottom:0}

/* Diagrams */
.pj-mcp .diagram-section,
.sv-mcp .arch {background:linear-gradient(180deg,rgba(26,5,51,.5),#0D0D1A)}.pj-mcp .diagram-card,
.sv-mcp .diagram-wrap {max-width:1000px;margin:0 auto;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:24px;padding:2.75rem;backdrop-filter:blur(8px)}.pj-mcp .diagram-card svg,
.sv-mcp .diagram-wrap svg {width:100%;height:auto;display:block}.pj-mcp .diagram-title {text-align:center;margin-bottom:2rem}.pj-mcp .diagram-title .num {display:inline-block;font-size:11px;letter-spacing:.16em;color:#FF0060;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.pj-mcp .diagram-title h3 {font-size:1.5rem;margin-bottom:.5rem}.pj-mcp .diagram-title p {font-size:.95rem;color:rgba(250,250,247,.6);max-width:580px;margin:0 auto;line-height:1.55}

/* Pullquote with image */
.pj-mcp .pq-section {padding:6rem 0;position:relative}.pj-mcp .pq-grid {max-width:1180px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
@media(max-width:880px){.pj-mcp .pq-grid {grid-template-columns:1fr;gap:2.5rem}}.pj-mcp .pq-image {position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 80px rgba(0,0,0,.5)}.pj-mcp .pq-image img {width:100%;height:100%;object-fit:cover;display:block}.pj-mcp .pq-text {font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.4;font-style:italic;color:#FAFAF7;letter-spacing:-.01em}.pj-mcp .pq-text .accent {font-style:normal;font-weight:700;color:#9000FF}.pj-mcp .pq-attr {font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.5);font-weight:700;margin-top:1.5rem}

/* Timeline */
.pj-mcp .timeline {padding:5rem 2rem;background:linear-gradient(180deg,#0D0D1A,rgba(26,5,51,.4))}.pj-mcp .tl-wrap {max-width:840px;margin:0 auto;position:relative}.pj-mcp .tl-wrap::before {content:'';position:absolute;left:24px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,#9000FF,#FF008B);opacity:.4}.pj-mcp .tl-step {position:relative;padding-left:64px;margin-bottom:2rem}.pj-mcp .tl-dot {position:absolute;left:14px;top:6px;width:22px;height:22px;border-radius:50%;background:#9000FF;box-shadow:0 0 20px rgba(144,0,255,.5);border:3px solid #0D0D1A;z-index:1}.pj-mcp .tl-time {font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9000FF;font-weight:700;margin-bottom:.25rem}.pj-mcp .tl-step h4 {font-size:1.15rem;margin-bottom:.5rem}.pj-mcp .tl-step p {font-size:.95rem;color:rgba(250,250,247,.7);line-height:1.6}

/* Tech stack */
.pj-mcp .stack {padding:5rem 2rem}.pj-mcp .stack-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;max-width:1100px;margin:0 auto}
@media(max-width:920px){.pj-mcp .stack-grid {grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.pj-mcp .stack-grid {grid-template-columns:repeat(2,1fr)}}.pj-mcp .stack-pill {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:12px;padding:1rem .85rem;text-align:center;transition:all .25s}.pj-mcp .stack-pill:hover {background:rgba(144,0,255,.06);border-color:rgba(144,0,255,.3);transform:translateY(-3px)}.pj-mcp .stack-pill .name {font-size:.86rem;font-weight:700;color:#FAFAF7;margin-bottom:.2rem}.pj-mcp .stack-pill .role {font-size:.7rem;color:rgba(250,250,247,.5);text-transform:uppercase;letter-spacing:.1em;font-weight:700}

/* Delivered */
.pj-mcp .delivered {padding:5rem 2rem}.pj-mcp .delivered-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1080px;margin:0 auto}
@media(max-width:820px){.pj-mcp .delivered-grid {grid-template-columns:1fr}}.pj-mcp .delivered-col {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:18px;padding:2.25rem 2rem}.pj-mcp .delivered-col h3 {font-size:1.3rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:10px}.pj-mcp .delivered-col h3::before {content:'';width:8px;height:8px;border-radius:50%;background:#9000FF;box-shadow:0 0 14px rgba(144,0,255,.6)}.pj-mcp .delivered-col ul {list-style:none}.pj-mcp .delivered-col li {padding:.65rem 0;border-bottom:1px solid rgba(250,250,247,.06);font-size:.94rem;color:rgba(250,250,247,.78);display:flex;align-items:flex-start;gap:10px}.pj-mcp .delivered-col li:last-child {border-bottom:0}.pj-mcp .delivered-col li::before {content:'→';color:#9000FF;font-weight:700;flex-shrink:0;margin-top:2px}

/* Results */
.pj-mcp .results {padding:5rem 2rem;background:linear-gradient(180deg,rgba(26,5,51,.4),#0D0D1A)}.pj-mcp .results-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;margin:0 auto}
@media(max-width:820px){.pj-mcp .results-grid {grid-template-columns:repeat(2,1fr)}}.pj-mcp .result {text-align:center;padding:2rem 1.25rem;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:16px}.pj-mcp .result .num {font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:1;background:linear-gradient(135deg,#9000FF,#FF008B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.pj-mcp .result .lbl {font-size:.82rem;color:rgba(250,250,247,.6);line-height:1.45;font-weight:500}

/* CTA */
.pj-mcp .cta,
.sv-mcp .cta,
.sv-mcp .closer {padding:6rem 2rem;text-align:center;background:radial-gradient(ellipse at center,rgba(144,0,255,.08),transparent 70%)}.pj-mcp .cta h2 {font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:1rem;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.2}.pj-mcp .cta p,
.sv-mcp .closer p {max-width:580px;margin:0 auto 2.25rem;color:rgba(250,250,247,.65);line-height:1.6}.pj-mcp .cta-buttons {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.pj-mcp .btn,
.sv-mcp .btn-primary,
.sv-mcp .btn-ghost {display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-weight:700;font-size:14px;transition:all .2s}.pj-mcp .btn-primary,
.sv-mcp .btn-primary {background:#FF0060;color:#fff!important;box-shadow:0 8px 30px rgba(255,0,96,.3)}.pj-mcp .btn-primary:hover,
.sv-mcp .btn-primary:hover {transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,0,96,.45)}.pj-mcp .btn-ghost,
.sv-mcp .btn-ghost {background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.15);color:#FAFAF7!important}.pj-mcp .btn-ghost:hover,
.sv-mcp .btn-ghost:hover {border-color:rgba(144,0,255,.5);background:rgba(144,0,255,.05);transform:translateY(-2px)}

/* Service page specifics */
.sv-mcp .hero {position:relative;padding:7rem 2rem 6rem;overflow:hidden;text-align:center}.sv-mcp .hero::before {content:'';position:absolute;inset:0;background:linear-gradient(135deg,#0D0D1A 0%,#1A0533 50%,#0D0D1A 100%);z-index:0}.sv-mcp .hero::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#9000FF 40%,#FF008B 60%,transparent);animation:sv-shimmer 4s ease-in-out infinite;z-index:2}
@keyframes sv-shimmer{0%,
100% {opacity:.3;transform:scaleX(.6)}50% {opacity:1;transform:scaleX(1)}}.sv-mcp .hero-orb {position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.4;z-index:0;pointer-events:none}.sv-mcp .hero-orb-1 {top:-100px;left:10%;background:radial-gradient(circle,rgba(144,0,255,.6),transparent 70%);animation:sv-orb 12s ease-in-out infinite}.sv-mcp .hero-orb-2 {bottom:-150px;right:5%;background:radial-gradient(circle,rgba(255,0,139,.4),transparent 70%);animation:sv-orb 14s ease-in-out infinite reverse}
@keyframes sv-orb{0%,
100% {transform:translate(0,0) scale(1)}50% {transform:translate(40px,-30px) scale(1.1)}}.sv-mcp .hero-inner {position:relative;z-index:1;max-width:880px;margin:0 auto}.sv-mcp .eyebrow {display:inline-flex;align-items:center;gap:10px;background:rgba(144,0,255,.1);border:1px solid rgba(144,0,255,.35);border-radius:999px;padding:8px 18px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9000FF;margin-bottom:2rem}.sv-mcp .eyebrow .dot {width:6px;height:6px;border-radius:50%;background:#9000FF;box-shadow:0 0 14px rgba(144,0,255,.7)}.sv-mcp .hero h1 {font-size:clamp(2.6rem,6vw,5rem);line-height:1.04;margin-bottom:1.5rem}.sv-mcp .hero h1 .grad {background:linear-gradient(90deg,#FF0060,#FF008B,#9000FF,#FF008B,#FF0060);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sv-text-flow 5s linear infinite}
@keyframes sv-text-flow{0% {background-position:0% center}100% {background-position:300% center}}.sv-mcp .hero-sub {font-size:clamp(1.1rem,1.6vw,1.35rem);color:rgba(250,250,247,.7);margin:0 auto 2.5rem;max-width:660px;line-height:1.55}.sv-mcp .hero-cta {display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}.sv-mcp .price-badge {display:inline-flex;align-items:baseline;gap:4px;background:rgba(144,0,255,.12);border:1px solid rgba(144,0,255,.4);border-radius:999px;padding:10px 22px;font-weight:700;color:#9000FF}.sv-mcp .price-badge .from {font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.sv-mcp .price-badge .amt {font-size:18px}.sv-mcp .price-badge .per {font-size:12px;opacity:.7}.sv-mcp .eli5,
.sv-mcp .scenarios {background:linear-gradient(180deg,#0D0D1A,rgba(26,5,51,.6))}.sv-mcp .eli5-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;max-width:1140px;margin:0 auto}
@media(max-width:920px){.sv-mcp .eli5-grid {grid-template-columns:1fr}}.sv-mcp .eli5-card {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:20px;padding:2.25rem 2rem;transition:transform .3s,border-color .3s,background .3s}.sv-mcp .eli5-card:hover {transform:translateY(-6px);border-color:rgba(144,0,255,.35);background:rgba(144,0,255,.03)}.sv-mcp .eli5-card .num {font-size:11px;font-weight:700;letter-spacing:.12em;color:#9000FF;margin-bottom:1rem;text-transform:uppercase}.sv-mcp .eli5-card h3 {font-size:1.45rem;margin-bottom:.85rem}.sv-mcp .eli5-card p {font-size:.98rem;line-height:1.65;color:rgba(250,250,247,.7)}.sv-mcp .features-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1140px;margin:0 auto}
@media(max-width:920px){.sv-mcp .features-grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.sv-mcp .features-grid {grid-template-columns:1fr}}.sv-mcp .feat {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.07);border-radius:14px;padding:1.5rem 1.25rem;transition:all .25s;text-align:left}.sv-mcp .feat:hover {background:rgba(144,0,255,.06);border-color:rgba(144,0,255,.3);transform:translateY(-3px)}.sv-mcp .feat-icon {width:36px;height:36px;border-radius:10px;background:rgba(144,0,255,.12);border:1px solid rgba(144,0,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;font-size:18px;color:#9000FF}.sv-mcp .feat h4 {font-size:.98rem;margin-bottom:.4rem;font-weight:700}.sv-mcp .feat p {font-size:.85rem;color:rgba(250,250,247,.6);line-height:1.5;margin:0}.sv-mcp .pullquote {padding:5rem 2rem;text-align:center;background:linear-gradient(180deg,#0D0D1A,rgba(26,5,51,.7),#0D0D1A)}.sv-mcp .pullquote-text {font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:400;font-style:italic;line-height:1.4;max-width:840px;margin:0 auto 1.5rem;letter-spacing:-.01em}.sv-mcp .pullquote-text .accent {font-style:normal;font-weight:700;color:#9000FF}.sv-mcp .pullquote-attr {font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,247,.5);font-weight:700}.sv-mcp .scenario {display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:flex-start;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.07);border-radius:16px;padding:1.75rem 2rem;margin-bottom:1rem;transition:border-color .25s,background .25s}.sv-mcp .scenario:hover {border-color:rgba(255,0,139,.25);background:rgba(255,0,139,.03)}
@media(max-width:760px){.sv-mcp .scenario {grid-template-columns:auto 1fr;gap:1rem}.sv-mcp .scenario .scn-tag {grid-column:1/3;margin-top:.5rem}}.sv-mcp .scn-num {width:38px;height:38px;border-radius:50%;background:#9000FF;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 18px rgba(144,0,255,.4)}.sv-mcp .scn-body h4 {font-size:1.08rem;margin-bottom:.35rem}.sv-mcp .scn-body p {font-size:.92rem;color:rgba(250,250,247,.7);line-height:1.6}.sv-mcp .scn-tag {font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;align-self:center;flex-shrink:0;white-space:nowrap}.sv-mcp .tag-eli5 {background:rgba(167,255,0,.1);color:#A7FF00;border:1px solid rgba(167,255,0,.3)}.sv-mcp .tag-dev {background:rgba(8,150,242,.1);color:#0896F2;border:1px solid rgba(8,150,242,.3)}.sv-mcp .tag-biz {background:rgba(255,0,139,.1);color:#FF008B;border:1px solid rgba(255,0,139,.3)}.sv-mcp .security {background:linear-gradient(180deg,rgba(26,5,51,.4),#0D0D1A)}.sv-mcp .sec-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1140px;margin:0 auto}
@media(max-width:760px){.sv-mcp .sec-grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.sv-mcp .sec-grid {grid-template-columns:1fr}}.sv-mcp .sec-pill {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:14px;padding:1.5rem 1.25rem;text-align:center;transition:all .25s}.sv-mcp .sec-pill:hover {border-color:rgba(167,255,0,.3);background:rgba(167,255,0,.03)}.sv-mcp .sec-pill .label {font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#A7FF00;font-weight:700;margin-bottom:.5rem}.sv-mcp .sec-pill h5 {font-size:1rem;margin-bottom:.4rem}.sv-mcp .sec-pill p {font-size:.82rem;color:rgba(250,250,247,.6);line-height:1.5;margin:0}.sv-mcp .pricing {background:linear-gradient(135deg,rgba(144,0,255,.1),rgba(255,0,139,.05));position:relative;padding:6rem 2rem}.sv-mcp .pricing::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(144,0,255,.15),transparent 70%);z-index:0;pointer-events:none}.sv-mcp .pricing-card {position:relative;z-index:1;max-width:680px;margin:0 auto;background:rgba(13,13,26,.8);border:1px solid rgba(144,0,255,.4);border-radius:28px;padding:3.5rem 3rem;text-align:center;backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(144,0,255,.2)}.sv-mcp .pricing-card .pillar-tag {display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9000FF;background:rgba(144,0,255,.15);border:1px solid rgba(144,0,255,.4);border-radius:999px;padding:6px 16px;margin-bottom:1.5rem}.sv-mcp .pricing-card h3 {font-size:clamp(1.75rem,2.6vw,2.4rem);margin-bottom:.5rem}.sv-mcp .pricing-card .tagline {font-size:1.05rem;color:rgba(250,250,247,.7);margin-bottom:2rem}.sv-mcp .price {display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:.5rem}.sv-mcp .price .currency {font-size:1.6rem;font-weight:700;color:rgba(250,250,247,.6)}.sv-mcp .price .amount {font-size:clamp(3.5rem,6vw,5rem);font-weight:700;line-height:1;background:linear-gradient(135deg,#9000FF,#FF008B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sv-mcp .price .period {font-size:1rem;color:rgba(250,250,247,.6);font-weight:500;align-self:flex-end;margin-bottom:.6rem;margin-left:4px}.sv-mcp .price-note {font-size:.88rem;color:rgba(250,250,247,.55);margin-bottom:2.25rem}.sv-mcp .pricing-includes {display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;text-align:left;margin-bottom:2.5rem;list-style:none;padding:0}
@media(max-width:520px){.sv-mcp .pricing-includes {grid-template-columns:1fr}}.sv-mcp .pricing-includes li {font-size:.92rem;color:rgba(250,250,247,.78);display:flex;align-items:flex-start;gap:8px}.sv-mcp .pricing-includes li::before {content:'✓';color:#A7FF00;font-weight:700;flex-shrink:0;margin-top:1px}.sv-mcp .btn-pricing {display:inline-block;background:linear-gradient(135deg,#FF0060,#FF008B);color:#fff!important;font-weight:700;font-size:16px;padding:18px 44px;border-radius:999px;box-shadow:0 12px 40px rgba(255,0,96,.4);transition:all .2s}.sv-mcp .btn-pricing:hover {transform:translateY(-2px);box-shadow:0 18px 56px rgba(255,0,96,.55)}

/* Blog post pullquote */
.sa-pq {margin:3rem 0;padding:2.5rem 2rem;background:linear-gradient(135deg,rgba(144,0,255,.06),rgba(255,0,139,.04));border-left:3px solid #9000FF;border-radius:0 16px 16px 0;font-family:'Plus Jakarta Sans',sans-serif}.sa-pq blockquote {margin:0;padding:0;border:0;font-size:1.3rem;line-height:1.5;font-style:italic;color:#FAFAF7;font-weight:400;letter-spacing:-.005em}.sa-pq blockquote .accent {font-style:normal;font-weight:700;color:#9000FF}.sa-pq cite {display:block;margin-top:1.25rem;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.55);font-weight:700;font-style:normal}.pj {font-family:'Plus Jakarta Sans',system-ui,sans-serif;--void:#0D0D1A;--ev:#9000FF;--sp:#FF0060;--sm:#FF008B;--sb:#0896F2;--ag:#A7FF00;--sg:#FFD000;--pc:#FAFAF7;background:var(--void);color:var(--pc);font-size:16px;line-height:1.7;overflow-x:hidden}.pj *,
.pj *::before,
.pj *::after {box-sizing:border-box;margin:0;padding:0}.pj h2,
.pj h3,
.pj h4 {font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--pc)}.pj p {color:rgba(250,250,247,.78)}.pj a {color:inherit;text-decoration:none}.pj .con {max-width:1100px;margin:0 auto;padding:0 2rem}.pj code {font-family:'JetBrains Mono','Menlo',monospace;font-size:.85em;background:rgba(144,0,255,.12);color:var(--ev);padding:2px 7px;border-radius:5px;border:1px solid rgba(144,0,255,.2)}

/* CHAKRAPULSE */
.pj .cp {display:flex;gap:.55rem;align-items:center;justify-content:center}.pj .cp span {display:block;width:9px;height:9px;border-radius:50%;animation:cpa 2s ease-in-out infinite}.pj .cp span:nth-child(1) {background:#FF1500;animation-delay:0s}.pj .cp span:nth-child(2) {background:#FF5500;animation-delay:.18s}.pj .cp span:nth-child(3) {background:#FFD000;animation-delay:.36s}.pj .cp span:nth-child(4) {background:#A7FF00;animation-delay:.54s}.pj .cp span:nth-child(5) {background:#0896F2;animation-delay:.72s}.pj .cp span:nth-child(6) {background:#9000FF;animation-delay:.9s}.pj .cp span:nth-child(7) {background:#FF008B;animation-delay:1.08s}
@keyframes cpa{0%,
100% {transform:scale(1);opacity:.45}50% {transform:scale(1.65);opacity:1}}

/* HERO */
.pj .hero {padding:5rem 2rem 4rem;background:linear-gradient(180deg,rgba(144,0,255,.12),transparent)}.pj .hero-g {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:940px){.pj .hero-g {grid-template-columns:1fr;gap:2rem}}.pj .eyebrow {display:inline-flex;align-items:center;gap:10px;background:rgba(144,0,255,.1);border:1px solid rgba(144,0,255,.35);border-radius:999px;padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ev);margin-bottom:1.5rem}.pj h1 {font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.06;margin-bottom:1.25rem}.pj h1 .grad {background:linear-gradient(90deg,var(--ev),var(--sm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pj .hero-desc {font-size:1.05rem;color:rgba(250,250,247,.72);max-width:500px;line-height:1.6;margin-bottom:1.5rem}.pj .meta-g {display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1.75rem}.pj .meta-i {background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.08);border-radius:12px;padding:.9rem 1.1rem}.pj .meta-i .lbl {font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.45);font-weight:700;margin-bottom:.3rem}.pj .meta-i .val {font-size:.88rem;color:var(--pc);font-weight:600}

/* HERO VISUAL */
.pj .hero-vis {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:22px;padding:2rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;aspect-ratio:1}.pj .hero-vis::before {content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(144,0,255,.12) 60deg,transparent 120deg);animation:pjspin 14s linear infinite;pointer-events:none}
@keyframes pjspin{to {transform:rotate(360deg)}}.pj .hero-vis svg {position:relative;z-index:1;width:100%;height:auto}

/* EDITORIAL IMAGE */
.pj .ed {margin:0;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}.pj .ed img {width:100%;height:100%;object-fit:cover;display:block}.pj .ed figcaption {position:absolute;bottom:0;left:0;right:0;padding:1.1rem 1.4rem;background:linear-gradient(0deg,rgba(13,13,26,.85),transparent);font-size:.8rem;color:rgba(250,250,247,.75);font-style:italic}

/* SEC */
.pj .sec {padding:5rem 2rem}.pj .sec-ey {font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ev);text-align:center;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:10px}.pj .sec-ey::before,
.pj .sec-ey::after {content:'';width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--ev))}.pj .sec-ey::after {background:linear-gradient(90deg,var(--ev),transparent)}.pj .sec-h {font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.18;text-align:center;margin-bottom:1rem;max-width:780px;margin-left:auto;margin-right:auto}.pj .sec-s {font-size:1.02rem;color:rgba(250,250,247,.65);max-width:640px;margin:0 auto 3.5rem;text-align:center;line-height:1.6}

/* PROBLEM */
.pj .prob-g {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1060px;margin:0 auto}
@media(max-width:800px){.pj .prob-g {grid-template-columns:1fr}}.pj .prob-c {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.07);border-radius:18px;padding:2rem}.pj .prob-c.bef {border-left:3px solid #FF1500}.pj .prob-c.aft {border-left:3px solid var(--ag)}.pj .prob-c .lbl {font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:.85rem}.pj .prob-c.bef .lbl {color:#FF1500}.pj .prob-c.aft .lbl {color:var(--ag)}.pj .prob-c h3 {font-size:1.3rem;margin-bottom:.9rem}.pj .prob-c p {font-size:.95rem;line-height:1.65;color:rgba(250,250,247,.72);margin-bottom:.65rem}.pj .prob-c p:last-child {margin-bottom:0}

/* DIAGRAM */
.pj .diag {max-width:960px;margin:0 auto;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:24px;padding:2.5rem;backdrop-filter:blur(8px)}.pj .diag-title {text-align:center;margin-bottom:2rem}.pj .diag-title .num {display:inline-block;font-size:11px;letter-spacing:.16em;color:var(--sp);font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.pj .diag-title h3 {font-size:1.45rem;margin-bottom:.5rem}.pj .diag-title p {font-size:.93rem;color:rgba(250,250,247,.62);max-width:560px;margin:0 auto;line-height:1.55}.pj .diag svg {width:100%;height:auto;display:block}

/* PQ */
.pj .pq {padding:5rem 2rem}.pj .pq-g {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
@media(max-width:840px){.pj .pq-g {grid-template-columns:1fr;gap:2.5rem}}.pj .pq-t {font-size:clamp(1.3rem,2.2vw,1.9rem);font-style:italic;line-height:1.45;color:var(--pc)}.pj .pq-t .ac {font-style:normal;font-weight:700;color:var(--ev)}.pj .pq-attr {font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.5);font-weight:700;margin-top:1.5rem}

/* TIMELINE */
.pj .tl {max-width:820px;margin:0 auto;position:relative}.pj .tl::before {content:'';position:absolute;left:22px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,var(--ev),var(--sm));opacity:.35}.pj .tl-step {position:relative;padding-left:60px;margin-bottom:1.75rem}.pj .tl-dot {position:absolute;left:12px;top:5px;width:22px;height:22px;border-radius:50%;background:var(--ev);box-shadow:0 0 20px rgba(144,0,255,.5);border:3px solid var(--void);z-index:1}.pj .tl-time {font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ev);font-weight:700;margin-bottom:.2rem}.pj .tl-step h4 {font-size:1.1rem;margin-bottom:.45rem}.pj .tl-step p {font-size:.93rem;color:rgba(250,250,247,.72);line-height:1.6}

/* STACK */
.pj .stack-g {display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;max-width:1060px;margin:0 auto}
@media(max-width:880px){.pj .stack-g {grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.pj .stack-g {grid-template-columns:repeat(2,1fr)}}.pj .sp {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:12px;padding:.9rem .8rem;text-align:center;transition:all .25s}.pj .sp:hover {background:rgba(144,0,255,.06);border-color:rgba(144,0,255,.3);transform:translateY(-3px)}.pj .sp .nm {font-size:.84rem;font-weight:700;color:var(--pc);margin-bottom:.18rem}.pj .sp .rl {font-size:.68rem;color:rgba(250,250,247,.5);text-transform:uppercase;letter-spacing:.1em;font-weight:700}

/* DELIVERED */
.pj .del-g {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1060px;margin:0 auto}
@media(max-width:800px){.pj .del-g {grid-template-columns:1fr}}.pj .del-c {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:18px;padding:2rem}.pj .del-c h3 {font-size:1.25rem;margin-bottom:1.1rem;display:flex;align-items:center;gap:10px}.pj .del-c h3::before {content:'';width:8px;height:8px;border-radius:50%;background:var(--ev);box-shadow:0 0 14px rgba(144,0,255,.6)}.pj .del-c ul {list-style:none}.pj .del-c li {padding:.55rem 0;border-bottom:1px solid rgba(250,250,247,.06);font-size:.92rem;color:rgba(250,250,247,.78);display:flex;align-items:flex-start;gap:9px}.pj .del-c li:last-child {border-bottom:0}.pj .del-c li::before {content:'→';color:var(--ev);font-weight:700;flex-shrink:0;margin-top:2px}

/* RESULTS */
.pj .res-g {display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;max-width:1060px;margin:0 auto}
@media(max-width:780px){.pj .res-g {grid-template-columns:repeat(2,1fr)}}.pj .res {text-align:center;padding:1.75rem 1rem;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:16px}.pj .res .n {font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1;background:linear-gradient(135deg,var(--ev),var(--sm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.45rem}.pj .res .l {font-size:.8rem;color:rgba(250,250,247,.6);line-height:1.4}

/* CTA */
.pj .cta {padding:5rem 2rem;text-align:center;background:radial-gradient(ellipse at center,rgba(144,0,255,.08),transparent 70%)}.pj .cta h2 {font-size:clamp(1.7rem,2.8vw,2.4rem);margin-bottom:.9rem;max-width:660px;margin-left:auto;margin-right:auto;line-height:1.2}.pj .cta p {max-width:560px;margin:0 auto 2rem;color:rgba(250,250,247,.65);line-height:1.6}.pj .btns {display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pj .btn {display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:14px;transition:all .2s}.pj .btn-p {background:var(--sp);color:#fff!important;box-shadow:0 8px 30px rgba(255,0,96,.3)}.pj .btn-p:hover {transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,0,96,.45)}.pj .btn-g {background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.15);color:var(--pc)!important}.pj .btn-g:hover {border-color:rgba(144,0,255,.5);background:rgba(144,0,255,.06);transform:translateY(-2px)}.sa-svcs {font-family:'Plus Jakarta Sans',sans-serif;--void:#0D0D1A;--spirit-blue:#0896F2;--shakti-pink:#FF0060;--shakti-magenta:#FF008B;--shakti-crimson:#AB1C3D;--anahata-green:#A7FF00;--electric-yellow:#FFE600;--electric-violet:#9000FF;--deep-violet:#1A0533;--parchment:#FAFAF7;--t1:#FF1500;--t2:#FF5500;--t3:#FFD000;--t4:#A7FF00;--t5:#0896F2;--t6:#9000FF;--t7:#FF008B;color:var(--void);font-size:16px;line-height:1.65;overflow-x:hidden}.sa-svcs *,
.sa-svcs *::before,
.sa-svcs *::after {box-sizing:border-box;margin:0;padding:0}.sa-svcs img {max-width:100%;display:block;height:auto}.sa-svcs a {color:inherit;text-decoration:none}.sa-svcs ul {list-style:none}body.single-service .entry-content,
body.single-service article.type-service {max-width:100%!important;padding:0!important;margin:0 auto!important}body.single-service main#main {padding:0!important}.sa-svcs section {position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* ========== 1 HERO ========== */
.sa-svcs .sa-hero {padding:8rem 0 3rem;overflow:hidden;color:var(--parchment);background:var(--void)}.sa-svcs .sa-hero-bg {position:absolute;inset:0;background:linear-gradient(-45deg,#0D0D1A,#1A0533,#26004a,#0a1a2e,#0D0D1A);background-size:400% 400%;animation:sa-flow 12s ease infinite;z-index:0}
@keyframes sa-flow{0% {background-position:0% 50%}50% {background-position:100% 50%}100% {background-position:0% 50%}}.sa-svcs .sa-hero-dots {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,0,139,.05) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;z-index:0}.sa-svcs .sa-hero::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:2px;background:linear-gradient(90deg,transparent,#FF008B 40%,#0896F2 60%,transparent);animation:sa-shimmer 4s ease-in-out infinite;z-index:2}
@keyframes sa-shimmer{0%,
100% {opacity:.3;transform:translateX(-50%) scaleX(.6)}50% {opacity:1;transform:translateX(-50%) scaleX(1)}}.sa-svcs .sa-chakrapulse {display:flex;gap:.55rem;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative;z-index:1}.sa-svcs .sa-chakrapulse span {display:block;width:9px;height:9px;border-radius:50%;animation:sa-cp 2s ease-in-out infinite}.sa-svcs .sa-chakrapulse span:nth-child(1) {background:var(--t1);animation-delay:0s}.sa-svcs .sa-chakrapulse span:nth-child(2) {background:var(--t2);animation-delay:.18s}.sa-svcs .sa-chakrapulse span:nth-child(3) {background:#FFD000;animation-delay:.36s}.sa-svcs .sa-chakrapulse span:nth-child(4) {background:var(--anahata-green);animation-delay:.54s}.sa-svcs .sa-chakrapulse span:nth-child(5) {background:var(--t5);animation-delay:.72s}.sa-svcs .sa-chakrapulse span:nth-child(6) {background:var(--t6);animation-delay:.9s}.sa-svcs .sa-chakrapulse span:nth-child(7) {background:var(--t7);animation-delay:1.08s}
@keyframes sa-cp{0%,
100% {transform:scale(1);opacity:.45}50% {transform:scale(1.65);opacity:1}}.sa-svcs .sa-hero-inner {position:relative;z-index:1;text-align:center;max-width:820px;margin:0 auto;padding:0 1.5rem}.sa-svcs .sa-hero-badge {display:inline-block;padding:4px 12px;background:rgba(167,255,0,.12);border:1px solid rgba(167,255,0,.45);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--anahata-green);margin-bottom:1rem}.sa-svcs .sa-hero-badge:empty {display:none}.sa-svcs .sa-eyebrow {display:inline-flex;gap:10px;background:rgba(144,0,255,.12);border:1px solid rgba(144,0,255,.35);border-radius:999px;padding:6px 16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--electric-violet);margin-bottom:1.5rem}.sa-svcs .sa-eyebrow:empty {display:none}.sa-svcs h1.sa-hero-title {font-size:clamp(2.4rem,5vw,4.4rem);font-weight:800;line-height:1.04;letter-spacing:-.03em;margin-bottom:1.1rem;color:var(--parchment)}.sa-svcs h1.sa-hero-title .sa-grad {background:linear-gradient(90deg,#FF0060,#FF008B,#0896F2,#FF008B,#FF0060);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sa-text-flow 5s linear infinite}
@keyframes sa-text-flow{0% {background-position:0% center}100% {background-position:300% center}}.sa-svcs .sa-hero-sub {font-size:clamp(1rem,1.5vw,1.15rem);color:rgba(250,250,247,.72);max-width:640px;margin:0 auto 1.75rem;line-height:1.6}.sa-svcs .sa-cta-row {display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.sa-svcs .sa-btn-primary {display:inline-flex;align-items:center;gap:8px;background:var(--shakti-pink);color:#fff;font-weight:800;font-size:15px;padding:14px 28px;border-radius:999px;transition:transform .15s,opacity .2s,box-shadow .2s;box-shadow:0 8px 30px rgba(255,0,96,.3)}.sa-svcs .sa-btn-primary:hover {transform:translateY(-2px);opacity:.92}.sa-svcs .sa-btn-ghost {display:inline-flex;align-items:center;gap:8px;background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.18);color:var(--parchment);font-weight:800;font-size:15px;padding:13px 26px;border-radius:999px;transition:all .2s}.sa-svcs .sa-btn-ghost:hover {border-color:rgba(167,255,0,.5);transform:translateY(-2px)}

/* ---- 1b STATS STRIP (hero_stats) ---- */
.sa-svcs .sa-stats {position:relative;z-index:1;margin:2.5rem auto 0;max-width:900px;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.sa-svcs .sa-stats:empty {display:none}.sa-svcs .sa-stat {text-align:center;padding:1rem .75rem;background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.08);border-radius:12px;backdrop-filter:blur(8px)}.sa-svcs .sa-stat b {display:block;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#FF0060,#0896F2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.sa-svcs .sa-stat span {display:block;margin-top:.4rem;font-size:12px;color:rgba(250,250,247,.6);font-weight:600;line-height:1.35}

/* --- stat sizing override v2 (handles long text values) --- */
.sa-svcs .sa-stat {display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:104px;padding:1rem .5rem!important}.sa-svcs .sa-stat b {font-size:clamp(1.05rem,2vw,1.75rem)!important;line-height:1.1!important;word-break:break-word!important;overflow-wrap:anywhere!important;hyphens:auto;padding:0 2px;max-width:100%}.sa-svcs .sa-stat span {font-size:12px!important;padding:0 4px;margin-top:.5rem!important;line-height:1.3!important}

/* ========== 2 OVERVIEW ========== */
.sa-svcs .sa-overview {padding:3.5rem 0 3rem;background:var(--parchment)}.sa-svcs .sa-ov-grid {display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:start;max-width:1100px;margin:0 auto;padding:0 1.5rem}.sa-svcs .sa-ov-grid:not(:has(.sa-ov-img)) {grid-template-columns:1fr;max-width:820px}
@media(max-width:820px){.sa-svcs .sa-ov-grid {grid-template-columns:1fr!important;gap:2rem}}.sa-svcs .sa-ov-eyebrow {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--electric-violet);padding:5px 14px;background:rgba(144,0,255,.1);border:1px solid rgba(144,0,255,.3);border-radius:999px;margin-bottom:1rem}.sa-svcs .sa-ov-title {font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;margin-bottom:1.1rem;color:var(--void)}.sa-svcs .sa-ov-title em {font-style:normal;background:linear-gradient(90deg,var(--shakti-pink),var(--electric-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-svcs .sa-ov-content {font-size:16px;line-height:1.7;color:rgba(13,13,26,.78)}.sa-svcs .sa-ov-content > *:first-child {margin-top:0}.sa-svcs .sa-ov-content p {margin-bottom:1em}.sa-svcs .sa-ov-content p:last-child {margin-bottom:0}.sa-svcs .sa-ov-content > p:first-of-type,
.sa-svcs .sa-ov-content p.sv-lede {font-size:17px!important;line-height:1.65!important}.sa-svcs .sa-ov-content > p:first-of-type::first-letter,
.sa-svcs .sa-ov-content p.sv-lede::first-letter {font-weight:800;float:left;font-size:3.4em;line-height:.88;padding:.05em .12em 0 0;color:var(--electric-violet);letter-spacing:-.04em}.sa-svcs .sa-ov-content strong {color:var(--electric-violet);font-weight:800}.sa-svcs .sa-ov-content strong em {font-style:italic;background:linear-gradient(90deg,var(--shakti-pink),var(--electric-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-svcs .sa-ov-img {position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(13,13,26,.2);max-width:420px;margin-left:auto;position:sticky;top:6rem}.sa-svcs .sa-ov-img img {width:100%;height:100%;object-fit:cover}.sa-svcs .sa-ov-img::before {content:'';position:absolute;inset:auto auto -14px -14px;width:65%;height:65%;border:1.5px solid var(--electric-violet);border-radius:14px;z-index:-1;opacity:.6}
@media(max-width:820px){.sa-svcs .sa-ov-img {max-width:340px;margin:0 auto;position:static}}

/* ========== 3 KEY BENEFITS ========== */
.sa-svcs .sa-benefits {padding:3rem 0;background:var(--parchment)}.sa-svcs .sa-sec-head {text-align:center;max-width:720px;margin:0 auto 2rem;padding:0 1.5rem}.sa-svcs .sa-sec-eyebrow {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:999px;margin-bottom:1rem;color:#3B6D11;background:rgba(167,255,0,.08);border:1px solid rgba(167,255,0,.25)}.sa-svcs .sa-sec-title {font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--void)}.sa-svcs .sa-sec-sub {margin-top:.6rem;font-size:15px;color:rgba(13,13,26,.6);line-height:1.5}.sa-svcs .sa-benefits-wrap {max-width:880px;margin:0 auto;padding:0 1.5rem;columns:2;column-gap:2rem}
@media(max-width:640px){.sa-svcs .sa-benefits-wrap {columns:1}}.sa-svcs .sa-benefits-wrap li,
.sa-svcs .sa-benefits-wrap > p {break-inside:avoid;list-style:none;padding:10px 0 10px 2.2rem;position:relative;font-size:15px;line-height:1.5;color:rgba(13,13,26,.8);margin:0 0 .25rem;font-weight:600;display:block}.sa-svcs .sa-benefits-wrap li::before,
.sa-svcs .sa-benefits-wrap > p::before {content:'';position:absolute;left:0;top:12px;width:20px;height:20px;border-radius:50%;background:rgba(167,255,0,.2);border:1.5px solid rgba(167,255,0,.5)}.sa-svcs .sa-benefits-wrap li::after,
.sa-svcs .sa-benefits-wrap > p::after {content:'';position:absolute;left:6px;top:18px;width:8px;height:4px;border-left:2px solid #3B6D11;border-bottom:2px solid #3B6D11;transform:rotate(-45deg)}

/* ========== 4 FEATURE CARDS (rich title+body grid) ========== */
.sa-svcs .sa-features {padding:3.5rem 0;background:var(--parchment)}.sa-svcs .sa-fcards {max-width:1180px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
@media(max-width:900px){.sa-svcs .sa-fcards {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sa-svcs .sa-fcards {grid-template-columns:1fr}}.sa-svcs .sa-fcard {position:relative;background:#fff;border:1px solid rgba(13,13,26,.08);border-radius:16px;padding:2rem 1.5rem 1.5rem;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.sa-svcs .sa-fcard:hover {transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(13,13,26,.15);border-color:color-mix(in srgb,var(--c) 35%,transparent)}.sa-svcs .sa-fcard::before {content:'';position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:var(--c);transform:scaleX(.22);transform-origin:left;transition:transform .35s cubic-bezier(.5,.01,.25,1)}.sa-svcs .sa-fcard:hover::before {transform:scaleX(1)}.sa-svcs .sa-fcard-dot {position:absolute;top:1.2rem;right:1.2rem;width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}.sa-svcs .sa-fcard h3 {font-size:1.05rem;font-weight:800;line-height:1.3;letter-spacing:-.015em;color:var(--void);margin-bottom:.6rem;padding-right:1.5rem}.sa-svcs .sa-fcard p {font-size:14px;line-height:1.55;color:rgba(13,13,26,.68);font-weight:500}.sa-svcs .sa-fcard:nth-child(7n+1) {--c:var(--t1)}.sa-svcs .sa-fcard:nth-child(7n+2) {--c:var(--t2)}.sa-svcs .sa-fcard:nth-child(7n+3) {--c:var(--t3)}.sa-svcs .sa-fcard:nth-child(7n+4) {--c:var(--t4)}.sa-svcs .sa-fcard:nth-child(7n+5) {--c:var(--t5)}.sa-svcs .sa-fcard:nth-child(7n+6) {--c:var(--t6)}.sa-svcs .sa-fcard:nth-child(7n) {--c:var(--t7)}

/* ========== 5 CALLOUT (void) ========== */
.sa-svcs .sa-callout {padding:4rem 0;color:var(--parchment);background:var(--void);overflow:hidden}.sa-svcs .sa-callout::before {content:'';position:absolute;inset:-20% -20% auto auto;width:60%;height:80%;background:radial-gradient(circle,rgba(144,0,255,.22),transparent 60%);pointer-events:none}.sa-svcs .sa-co-grid {display:grid;grid-template-columns:5fr 7fr;gap:3.5rem;align-items:center;max-width:1100px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.sa-svcs .sa-co-grid:not(:has(.sa-co-img img)) {grid-template-columns:1fr;max-width:820px}.sa-svcs .sa-co-img:not(:has(img)) {display:none}
@media(max-width:820px){.sa-svcs .sa-co-grid {grid-template-columns:1fr!important;gap:2rem}}.sa-svcs .sa-co-img {position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:var(--deep-violet);box-shadow:0 24px 60px rgba(0,0,0,.35);max-width:420px}.sa-svcs .sa-co-img img {width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.sa-svcs .sa-co-img {margin:0 auto;aspect-ratio:16/10}}.sa-svcs .sa-co-bar {width:48px;height:2px;background:var(--electric-violet);margin-bottom:1.25rem}.sa-svcs .sa-co-title {font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;line-height:1.18;letter-spacing:-.02em;margin-bottom:1rem;color:var(--parchment)}.sa-svcs .sa-co-text {font-size:15.5px;line-height:1.7;color:rgba(250,250,247,.75)}

/* ========== 6 PROCESS WALKTHROUGH ========== */
.sa-svcs .sa-process {padding:3.5rem 0;background:linear-gradient(180deg,var(--parchment) 0%,#F4F1E8 100%)}.sa-svcs .sa-process-head {text-align:center;max-width:720px;margin:0 auto 2.25rem;padding:0 1.5rem}.sa-svcs .sa-process-eyebrow {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--shakti-magenta);padding:5px 14px;background:rgba(255,0,139,.08);border:1px solid rgba(255,0,139,.28);border-radius:999px;margin-bottom:1rem}.sa-svcs .sa-process-title {font-size:clamp(1.75rem,3.2vw,2.3rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--void)}.sa-svcs .sa-process-intro {margin-top:.75rem;font-size:15.5px;color:rgba(13,13,26,.65);line-height:1.6}.sa-svcs .sa-steps {max-width:920px;margin:0 auto;padding:0 1.5rem;position:relative}.sa-svcs .sa-steps::before {content:'';position:absolute;left:28px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--t1),var(--t3),var(--t5),var(--t7));border-radius:2px}
@media(max-width:640px){.sa-svcs .sa-steps::before {left:18px}}.sa-svcs .sa-step {position:relative;padding:0 0 1.5rem 5rem;min-height:64px}
@media(max-width:640px){.sa-svcs .sa-step {padding-left:3.4rem}}.sa-svcs .sa-step:last-child {padding-bottom:0}.sa-svcs .sa-step-n {position:absolute;left:0;top:0;width:58px;height:58px;border-radius:50%;background:#fff;border:2px solid var(--c,var(--electric-violet));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:-.01em;color:var(--c,var(--electric-violet));box-shadow:0 8px 20px -8px rgba(13,13,26,.15);line-height:1.05;text-align:center;padding:0 6px}
@media(max-width:640px){.sa-svcs .sa-step-n {width:38px;height:38px;font-size:11px}}.sa-svcs .sa-step:nth-child(4n+1) {--c:var(--t1)}.sa-svcs .sa-step:nth-child(4n+2) {--c:var(--t3)}.sa-svcs .sa-step:nth-child(4n+3) {--c:var(--t5)}.sa-svcs .sa-step:nth-child(4n) {--c:var(--t7)}.sa-svcs .sa-step strong {display:block;font-size:13px;font-weight:800;color:var(--c,var(--electric-violet));letter-spacing:.05em;text-transform:uppercase;margin-bottom:.3rem}.sa-svcs .sa-step p {font-size:15px;line-height:1.6;color:rgba(13,13,26,.78)}

/* ========== 7 SHOWCASE ========== */
.sa-svcs .sa-showcase {padding:3rem 0 3.5rem;background:linear-gradient(180deg,#F4F1E8 0%,var(--parchment) 100%)}.sa-svcs .sa-sh-inner {display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1100px;margin:0 auto;padding:0 1.5rem}.sa-svcs .sa-sh-inner:not(:has(.sa-sh-img--2 img)) {grid-template-columns:1fr;max-width:720px}.sa-svcs .sa-sh-img:not(:has(img)) {display:none}
@media(max-width:820px){.sa-svcs .sa-sh-inner {grid-template-columns:1fr!important;gap:1.5rem}}.sa-svcs .sa-sh-img {border-radius:10px;overflow:hidden;background:var(--void);box-shadow:0 24px 60px -12px rgba(13,13,26,.25);aspect-ratio:16/9}.sa-svcs .sa-sh-img img {width:100%;height:100%;object-fit:cover}.sa-svcs .sa-sh-img--1 {transform:rotate(-1.5deg);margin-right:-16px;z-index:2;position:relative}.sa-svcs .sa-sh-img--2 {transform:rotate(1.5deg);margin-left:-16px;margin-top:32px;z-index:1;position:relative}
@media(max-width:820px){.sa-svcs .sa-sh-img--1,
.sa-svcs .sa-sh-img--2 {transform:none;margin:0}}

/* ========== 8 TESTIMONIAL ========== */
.sa-svcs .sa-testi {padding:4rem 0;background:var(--parchment)}.sa-svcs .sa-testi-card {max-width:820px;margin:0 auto;padding:2.75rem 2rem 2.25rem;background:linear-gradient(135deg,#fff 0%,#FBF8F0 100%);border:1px solid rgba(144,0,255,.12);border-radius:20px;box-shadow:0 24px 50px -18px rgba(13,13,26,.12);position:relative;overflow:hidden}.sa-svcs .sa-testi-card::before {content:'"';position:absolute;top:-3rem;left:1rem;font-size:14rem;font-family:Georgia,serif;color:rgba(144,0,255,.08);font-weight:900;line-height:1;pointer-events:none}.sa-svcs .sa-testi-quote {position:relative;font-size:clamp(1.05rem,1.9vw,1.3rem);line-height:1.55;color:var(--void);font-weight:500;font-style:italic;margin-bottom:1.5rem;padding-left:1rem}.sa-svcs .sa-testi-meta {display:flex;align-items:center;gap:1rem;padding-left:1rem;border-left:3px solid var(--electric-violet)}.sa-svcs .sa-testi-meta b {font-size:15px;font-weight:800;color:var(--void);display:block}.sa-svcs .sa-testi-meta span {font-size:13px;color:rgba(13,13,26,.6);display:block;margin-top:2px}

/* ========== 9 USE CASES ========== */
.sa-svcs .sa-uses {padding:3rem 0;background:#F4F1E8;text-align:center}.sa-svcs .sa-uses-inner {max-width:900px;margin:0 auto;padding:0 1.5rem}.sa-svcs ul.sa-uses-list {display:flex;flex-wrap:wrap;gap:14px;justify-content:center;list-style:none;padding:0;margin:0}.sa-svcs ul.sa-uses-list li {display:inline-flex;align-items:center;gap:12px;padding:14px 22px 14px 18px;border-radius:999px;background:#fff;border:1.5px solid color-mix(in srgb,var(--c,var(--electric-violet)) 28%,transparent);font-size:14.5px;font-weight:700;line-height:1.3;color:var(--void);box-shadow:0 4px 12px rgba(13,13,26,.04);transition:all .2s;list-style:none;margin:0}.sa-svcs ul.sa-uses-list li:hover {transform:translateY(-3px);border-color:var(--c,var(--electric-violet));box-shadow:0 10px 24px rgba(13,13,26,.08)}.sa-svcs ul.sa-uses-list li::before {content:'';flex-shrink:0;width:14px;height:14px;border-radius:50%;background:var(--c,var(--electric-violet));box-shadow:0 0 0 3px color-mix(in srgb,var(--c,var(--electric-violet)) 18%,transparent)}.sa-svcs ul.sa-uses-list li:nth-child(4n+1) {--c:var(--t1)}.sa-svcs ul.sa-uses-list li:nth-child(4n+2) {--c:var(--t3)}.sa-svcs ul.sa-uses-list li:nth-child(4n+3) {--c:var(--t5)}.sa-svcs ul.sa-uses-list li:nth-child(4n) {--c:var(--t7)}

/* ========== 10 INTEGRATIONS strip ========== */
.sa-svcs .sa-intg {padding:3rem 0;background:var(--parchment)}.sa-svcs .sa-intg-head {text-align:center;max-width:640px;margin:0 auto 1.5rem;padding:0 1.5rem}.sa-svcs .sa-intg-eyebrow {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--spirit-blue);padding:5px 14px;background:rgba(8,150,242,.08);border:1px solid rgba(8,150,242,.25);border-radius:999px;margin-bottom:.9rem}.sa-svcs .sa-intg-title {font-size:clamp(1.3rem,2.3vw,1.65rem);font-weight:800;color:var(--void);line-height:1.25}.sa-svcs .sa-intg-grid {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:0 auto;padding:0 1.5rem}.sa-svcs .sa-intg-item {display:inline-flex;align-items:center;padding:10px 18px;border-radius:10px;background:#fff;border:1px solid rgba(13,13,26,.1);font-size:13.5px;font-weight:600;color:rgba(13,13,26,.75);transition:all .2s}.sa-svcs .sa-intg-item:hover {border-color:var(--spirit-blue);color:var(--spirit-blue);transform:translateY(-2px)}

/* ========== 11 FAQ ========== */
.sa-svcs .sa-faq {padding:3.5rem 0 4rem;background:var(--parchment)}.sa-svcs .sa-faq-wrap {max-width:820px;margin:0 auto;padding:0 1.5rem}.sa-svcs .sa-faq-item {border:1px solid rgba(13,13,26,.08);border-radius:14px;background:#fff;margin-bottom:.75rem;overflow:hidden;transition:border-color .2s,box-shadow .2s}.sa-svcs .sa-faq-item:hover {border-color:rgba(144,0,255,.25)}.sa-svcs .sa-faq-item[open] {border-color:var(--electric-violet);box-shadow:0 10px 30px -12px rgba(144,0,255,.15)}.sa-svcs .sa-faq-item summary {list-style:none;padding:1.1rem 3.5rem 1.1rem 1.4rem;cursor:pointer;position:relative;font-weight:700;font-size:15.5px;line-height:1.4;color:var(--void)}.sa-svcs .sa-faq-item summary::-webkit-details-marker {display:none}.sa-svcs .sa-faq-item summary::after {content:'+';position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:rgba(144,0,255,.08);color:var(--electric-violet);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:400;transition:transform .25s,background .2s;line-height:1}.sa-svcs .sa-faq-item[open] summary::after {transform:translateY(-50%) rotate(45deg);background:var(--electric-violet);color:#fff}.sa-svcs .sa-faq-item .a {padding:0 1.4rem 1.3rem;font-size:14.5px;line-height:1.65;color:rgba(13,13,26,.72)}

/* ========== 12 PRICING ========== */
.sa-svcs .sa-pricing {padding:3rem 0 3.5rem;background:var(--parchment)}.sa-svcs .sa-price-card {max-width:640px;margin:0 auto;padding:2.25rem 2rem;background:#fff;border:1px solid rgba(144,0,255,.2);border-radius:18px;box-shadow:0 30px 60px -20px rgba(144,0,255,.15);position:relative;overflow:hidden}.sa-svcs .sa-price-card::before {content:'';position:absolute;inset:0 auto auto 0;height:4px;width:100%;background:linear-gradient(90deg,var(--shakti-pink),var(--electric-violet))}.sa-svcs .sa-price-head {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px dashed rgba(13,13,26,.12)}.sa-svcs .sa-price-name {font-size:1.2rem;font-weight:800;color:var(--void);letter-spacing:-.01em}.sa-svcs .sa-price-tag {font-size:1rem;color:rgba(13,13,26,.6)}.sa-svcs .sa-price-tag strong {color:var(--electric-violet);font-size:2rem;font-weight:800;letter-spacing:-.02em}.sa-svcs .sa-price-tag em {font-style:normal;font-size:.85em;color:rgba(13,13,26,.5)}.sa-svcs .sa-price-inc {font-size:13.5px;color:rgba(13,13,26,.7);line-height:1.55;margin-bottom:1.25rem;padding-left:28px;position:relative}.sa-svcs .sa-price-inc::before {content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:rgba(167,255,0,.18);border:1px solid rgba(167,255,0,.45)}.sa-svcs .sa-price-inc::after {content:'';position:absolute;left:6px;top:8px;width:6px;height:3.5px;border-left:1.5px solid #3B6D11;border-bottom:1.5px solid #3B6D11;transform:rotate(-45deg)}.sa-svcs .sa-price-inc strong {color:var(--electric-violet);font-weight:800}.sa-svcs .sa-price-cta {display:inline-flex;align-items:center;gap:8px;background:var(--electric-violet);color:#fff;font-weight:800;font-size:14.5px;padding:12px 24px;border-radius:999px;transition:all .2s;box-shadow:0 8px 24px rgba(144,0,255,.22)}.sa-svcs .sa-price-cta:hover {transform:translateY(-2px);opacity:.94}.sa-svcs .sa-price-note {margin-top:.9rem;font-size:12.5px;color:rgba(13,13,26,.5);line-height:1.5}

/* ========== 13 RAINBOW CTA ========== */
.sa-svcs .sa-cta {padding:4rem 0;background:linear-gradient(-45deg,#FF0060,#FF008B,#AB1C3D,#9000FF,#FF0060);background-size:300% 300%;animation:sa-cta-flow 8s ease infinite;text-align:center;overflow:hidden}
@keyframes sa-cta-flow{0% {background-position:0% 50%}50% {background-position:100% 50%}100% {background-position:0% 50%}}.sa-svcs .sa-cta::before {content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.sa-svcs .sa-cta-inner {position:relative;max-width:720px;margin:0 auto;padding:0 1.5rem}.sa-svcs .sa-cta-tag {font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:.9rem}.sa-svcs .sa-cta-title {font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#fff;margin-bottom:1.75rem;max-width:22ch;margin-left:auto;margin-right:auto}.sa-svcs .sa-btn-white {display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--shakti-pink);font-weight:800;font-size:15px;padding:14px 32px;border-radius:999px;transition:all .2s}.sa-svcs .sa-btn-white:hover {transform:translateY(-2px);opacity:.92}.sa-svcs .sa-btn-owhite {display:inline-flex;align-items:center;gap:8px;background:transparent;border:2px solid rgba(255,255,255,.55);color:#fff;font-weight:800;font-size:15px;padding:12px 30px;border-radius:999px;transition:all .2s}.sa-svcs .sa-btn-owhite:hover {border-color:#fff;background:rgba(255,255,255,.1)}

/* SA-FIX-2026-04-26: SpiritMCP / .sv-mcp / .pj-mcp full-bleed restoration */
/* The earlier "body.single-service article.type-service > *" rule sets       */
/* margin-left:auto !important; max-width:100% !important on every direct     */
/* child of the article — that includes .sv-mcp / .pj-mcp / .pj wrappers,     */
/* which prevents the full-bleed margin-left:calc(-50vw + 50%) from working.  */
/* These higher-specificity rules win because they target the wrapper class   */
/* explicitly and come later in the cascade.                                  */
body.single-service article.type-service > div.sv-mcp,
body.single-service .entry-content > div.sv-mcp,
body.single-project article.type-project > div.pj-mcp,
body.single-project article.type-project > div.pj,
body.single-project .entry-content > div.pj-mcp,
body.single-project .entry-content > div.pj,
body.single-hosting article.type-hosting > div.sv-mcp,
body.single-hosting .entry-content > div.sv-mcp {
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:0 !important;
  padding-right:0 !important;
}


/* ============================================================================
   VF-CHROME-2026-04-26-START
   Vivid Frequency Chrome Layer (v1.0)
   Single source of truth for full-bleed escape, transparent-header padding,
   admin-bar offset, container reset, and inheritable typography.
   Opt in by adding `.vf` to a page wrapper. Variant skins (.vf--story,
   .vf--mosaic, .vf--showcase, .vf--classic) layer on top.

   Status: ACTIVE | Migration in progress | First adopter: Plant a Tree
   See FuseBase doc `VY6IBx7Lht5U7WLS` (Vivid Frequency v6.1) for spec.
   ========================================================================== */

/* ---- Tokens (scoped to .vf so they don't leak into pages without the layer) */
/* v11.0.5: --vf-header-h removed; framework :root sets it to 90px */
.vf {
  --vf-admin-bar-h: 0px;
  --vf-content-max: 1280px;
  --vf-gutter-x: 1.5rem;
  --vf-gutter-y: clamp(3rem, 6vw, 6rem);
  --vf-radius-card: 16px;
  --vf-radius-pill: 999px;
}body.admin-bar .vf { --vf-admin-bar-h: 32px; }
@media (max-width: 782px) {body.admin-bar .vf { --vf-admin-bar-h: 46px; }
}

/* ---- Container reset: only activates when .vf is present in the body ----- */
body:has(.vf) main#main,
body:has(.vf) article[class*="type-"],
body:has(.vf) article[class*="type-"] > *,
body:has(.vf) .entry-content,
body:has(.vf) .entry-content.is-layout-constrained {
  max-width: none;
  width: 100%;
  padding-inline: 0;
  margin-inline: auto;
}body:has(.vf) .entry-header,
body:has(.vf) .single_post_title_wrapper { display: none; }

/* ---- The .vf wrapper itself: full-bleed escape + chrome ----------------- */
.vf {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  /* v11.0.5: padding-block-start removed; .h-hero handles its own header clearance */
  padding-block-start: 0;
  font-family: var(--sa-font, 'Plus Jakarta Sans', system-ui, sans-serif);
  color: var(--sa-parchment, #FAFAF7);
  background: var(--sa-void, #0D0D1A);
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
  isolation: isolate;
  box-sizing: border-box;
}.vf *,
.vf *::before,
.vf *::after { box-sizing: border-box; }.vf img { display: block; max-width: 100%; height: auto; }.vf a { color: inherit; text-decoration: none; }

/* Light-mode opt-in for parchment-canvas pages */
.vf.vf--light {
  color: var(--sa-anahata-deep, #3D6500);
  background: var(--sa-parchment, #FAFAF7);
}.vf.vf--light p { color: rgba(13, 13, 26, 0.78); }

/* Inner content container — centred, max-width capped */
.vf-inner {
  max-width: var(--vf-content-max);
  margin-inline: auto;
  padding-inline: var(--vf-gutter-x);
}

/* ---- TRANSITIONAL: override legacy body.single-* article > * !important   */
/* Will be removed once the legacy rules in section "GLOBAL: Full-width      */
/* canvas resets" are deleted in the cleanup phase.                          */
body.single-service .vf,
body.single-project .vf,
body.single-hosting .vf {
  margin-inline: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding-inline: 0 !important;
}

/* ============================================================================
   Layer 2 — Component primitives
   Replaces duplicated implementations across .sa-*, .sv-mcp, .pj-mcp, etc.
   ========================================================================== */

/* Chakrapulse — 7 dots, animated stagger, brand-tier coloured */
.vf-chakrapulse {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  justify-content: center;
}.vf-chakrapulse span {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  animation: vf-cp-anim 2s ease-in-out infinite;
}.vf-chakrapulse span:nth-child(1) { background: var(--sa-t1, #FF1500); animation-delay: 0s; }.vf-chakrapulse span:nth-child(2) { background: var(--sa-t2, #FF5500); animation-delay: 0.18s; }.vf-chakrapulse span:nth-child(3) { background: var(--sa-t3, #FFD000); animation-delay: 0.36s; }.vf-chakrapulse span:nth-child(4) { background: var(--sa-t4, #A7FF00); animation-delay: 0.54s; }.vf-chakrapulse span:nth-child(5) { background: var(--sa-t5, #0896F2); animation-delay: 0.72s; }.vf-chakrapulse span:nth-child(6) { background: var(--sa-t6, #9000FF); animation-delay: 0.90s; }.vf-chakrapulse span:nth-child(7) { background: var(--sa-t7, #FF008B); animation-delay: 1.08s; }
@keyframes vf-cp-anim {0%,
100% { transform: scale(1); opacity: 0.45; }50% { transform: scale(1.65); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {.vf-chakrapulse span { animation: none; opacity: 1; }
}

/* Eyebrow — small uppercase tag above section titles */
.vf-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem;
  border-radius: var(--vf-radius-pill);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(167, 255, 0, 0.08);
  border: 1px solid rgba(167, 255, 0, 0.25);
  color: var(--sa-anahata-green, #A7FF00);
  margin-block-end: 1rem;
}

/* Buttons — replaces .sa-btn-primary, .sv-mcp .btn-p, .btn-primary, .btn-p */
.vf-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  border-radius: var(--vf-radius-pill);
  font-family: inherit;
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
  transition: transform 0.15s, box-shadow 0.2s, border-color 0.2s, background 0.2s;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
}.vf-btn:hover { transform: translateY(-2px); }.vf-btn--primary {
  background: var(--sa-shakti-pink, #FF0060);
  color: #fff;
  box-shadow: 0 8px 28px rgba(255, 0, 96, 0.3);
}.vf-btn--primary:hover { box-shadow: 0 14px 40px rgba(255, 0, 96, 0.45); }.vf-btn--ghost {
  background: rgba(250, 250, 247, 0.04);
  border-color: rgba(250, 250, 247, 0.18);
  color: var(--sa-parchment, #FAFAF7);
}.vf-btn--ghost:hover {
  border-color: rgba(167, 255, 0, 0.5);
  background: rgba(167, 255, 0, 0.05);
}.vf--light .vf-btn--ghost {
  background: rgba(13, 13, 26, 0.04);
  border-color: rgba(13, 13, 26, 0.2);
  color: var(--sa-void, #0D0D1A);
}.vf--light .vf-btn--ghost:hover {
  border-color: var(--sa-void, #0D0D1A);
  background: rgba(13, 13, 26, 0.06);
}

/* CTA row — shared layout for hero + section CTAs */
.vf-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  align-items: center;
  margin-block-start: 1.25rem;
}

/* ============================================================================
   Variant skin entry points (Layer 3 stubs — populated as we migrate)
   Pillar mapping pending Vikas confirmation:
     Create / Build / Grow / Auto -> story / mosaic / showcase / classic ?
   ========================================================================== */
.vf.vf--story { /* populated when CB 3271 inline CSS is moved here     */ }.vf.vf--mosaic { /* populated for mosaic 9-grid layout                  */ }.vf.vf--showcase { /* populated when .sa-shw rules are renamed/moved      */ }.vf.vf--classic { /* populated when CB 3230 .sv-wrap rules are moved     */ }

/* Page-specific entry points (Layer 4) */
.vf.vf--home { /* populated when .sa-home rules are moved          */ }.vf.vf--membership { /* populated when Membership inline CSS is moved    */ }.vf.vf--about { /* populated when About inline CSS is moved         */ }.vf.vf--contact { /* populated when Contact inline CSS is moved       */ }.vf.vf--services { /* populated when Services-page CSS is moved        */ }.vf.vf--tree { /* populated when .sa-tree-* rules are moved        */ }

/* ============================================================================
   VF-CHROME-2026-04-26-END
   ========================================================================== */

/* ============================================================================
   VF-TREE-2026-04-26-START
   Plant a Tree — variant skin populating .vf--tree
   Proves the variant-skin pattern. Applies to .vf--tree alone (section scope)
   or .vf.vf--tree (full page wrapper). Currently scoped to the "How It Works"
   section refresh. Extend to other .sa-tree-* sections as we migrate.
   ========================================================================= */

/* Establish accent variables for tree-themed pages */
.vf--tree {
  --vf-accent: var(--sa-anahata-green, #A7FF00);
  --vf-accent-deep: var(--sa-anahata-deep, #3D6500);
  --vf-accent-soft: rgba(167, 255, 0, 0.08);
}

/* === HOW IT WORKS — three-step chakra journey === */

.vf--tree.sa-tree-how {
  padding-block: clamp(4rem, 7vw, 6rem);
}.vf--tree .sa-tree-how__inner {
  max-width: 1200px;
  margin-inline: auto;
}.vf--tree .sa-tree-how__head {
  text-align: center;
  margin-block-end: clamp(3rem, 5vw, 4.5rem);
}.vf--tree .sa-tree-how__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1.1rem;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--vf-accent-deep);
  background: var(--vf-accent-soft);
  border: 1px solid rgba(167, 255, 0, 0.18);
  margin-block-end: 1.25rem;
}.vf--tree .sa-tree-how__title {
  font-size: clamp(2rem, 3.6vw, 2.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: var(--sa-void, #0D0D1A);
  margin: 0;
}

/* Steps grid */
.vf--tree .sa-tree-how__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2vw, 2rem);
  position: relative;
}

@media (max-width: 880px) {.vf--tree .sa-tree-how__steps {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* Connector line between cards (desktop only) */
@media (min-width: 881px) {
  .vf--tree .sa-tree-how__steps::before,
  .vf--tree .sa-tree-how__steps::after {
    content: '';
    position: absolute;
    top: 2.7rem;
    width: clamp(1.25rem, 2.5vw, 2.5rem);
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(13, 13, 26, 0.2) 50%,
      transparent 100%
    );
    z-index: 0;
  }.vf--tree .sa-tree-how__steps::before { left: calc(33.333% - 0.625rem); }.vf--tree .sa-tree-how__steps::after { left: calc(66.666% - 0.625rem); }
}

/* Individual step card */
.vf--tree .sa-tree-how__step {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  border-radius: 18px;
  padding: 2rem 1.75rem 1.75rem;
  text-align: center;
  box-shadow: 0 6px 24px rgba(13, 13, 26, 0.06);
  border-bottom: 3px solid var(--step-color, var(--vf-accent));
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}.vf--tree .sa-tree-how__step:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(13, 13, 26, 0.10);
}

/* Subtle chakra-tinted top glow */
.vf--tree .sa-tree-how__step::before {
  content: '';
  position: absolute;
  inset: 0 0 60% 0;
  background: radial-gradient(
    ellipse at top,
    var(--step-glow, var(--vf-accent-soft)) 0%,
    transparent 70%
  );
  pointer-events: none;
  opacity: 0.7;
}

/* Step variants — chakra journey: root (red) → solar (gold) → heart (green) */
.vf--tree .sa-tree-how__step--root {
  --step-color: #FF1500;
  --step-glow: rgba(255,21,0, 0.12);
}.vf--tree .sa-tree-how__step--solar {
  --step-color: #FFD000;
  --step-glow: rgba(255, 208, 0, 0.16);
}.vf--tree .sa-tree-how__step--heart {
  --step-color: var(--sa-anahata-green, #A7FF00);
  --step-glow: rgba(167, 255, 0, 0.14);
}

/* Icon (emoji) above the number */
.vf--tree .sa-tree-how__step-icon {
  position: relative;
  font-size: 2rem;
  line-height: 1;
  margin-block-end: 0.85rem;
  filter: drop-shadow(0 2px 6px rgba(13, 13, 26, 0.10));
}

/* Numbered circle */
.vf--tree .sa-tree-how__step-num {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 0 auto 1.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  background: var(--step-color, var(--vf-accent));
  box-shadow:
    0 6px 20px color-mix(in srgb, var(--step-color, var(--vf-accent)) 30%, transparent),
    inset 0 -2px 6px rgba(0, 0, 0, 0.10);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}.vf--tree .sa-tree-how__step:hover .sa-tree-how__step-num {
  transform: scale(1.06) rotate(-4deg);
}

/* Yellow and green need dark text for contrast */
.vf--tree .sa-tree-how__step--solar .sa-tree-how__step-num,
.vf--tree .sa-tree-how__step--heart .sa-tree-how__step-num {
  color: #1A0533;
}

/* Title */
.vf--tree .sa-tree-how__step-title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--sa-void, #0D0D1A);
  margin: 0 0 0.65rem;
}

/* Body text */
.vf--tree .sa-tree-how__step-text {
  position: relative;
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(13, 13, 26, 0.7);
  margin: 0;
}

/* Inline link inside step text (Tree-Nation reference) */
.vf--tree .sa-tree-how__link {
  color: var(--vf-accent-deep);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  font-weight: 600;
  transition: color 0.2s, text-decoration-thickness 0.2s;
}.vf--tree .sa-tree-how__link:hover {
  color: var(--sa-void, #0D0D1A);
  text-decoration-thickness: 2px;
}

/* Stagger reveal animation */
@media (prefers-reduced-motion: no-preference) {
  .vf--tree .sa-tree-how__step {
    opacity: 0;
    transform: translateY(16px);
    animation: vf-tree-step-rise 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }.vf--tree .sa-tree-how__step--root { animation-delay: 0.10s; }.vf--tree .sa-tree-how__step--solar { animation-delay: 0.25s; }.vf--tree .sa-tree-how__step--heart { animation-delay: 0.40s; }
}
@keyframes vf-tree-step-rise {to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================================================
   VF-TREE-2026-04-26-END
   ========================================================================= */


/* ============================================================================
   VF-SPIRITMCP-OVERRIDES-2026-04-26-START
   Page-level overrides for /service/spiritmcp/ (post 3370, post_name=spiritmcp).
   
   SpiritMCP is a standalone product not bundled in any membership tier, and
   the integrations section reframes for a developer audience. CB 3271 (the
   shared Story-variant template) is generic across all 5 service pages, so
   these overrides are scoped to the SpiritMCP body class only — Webinars,
   SEO, Accounts and Greetings continue to render the membership-tier UI
   correctly.
   
   Interim CSS layer. The proper meta-driven template fix lands once the
   SpiritMCP+Authentik integration is live and CB 3271 can be edited safely.
   ========================================================================= */

/* Suppress membership-tier UI on standalone-only product page */
body.single-service-spiritmcp .sa-price-inc,
body.postid-3370 .sa-price-inc,
body.single-service-spiritmcp .sa-cta-row a.sa-btn-owhite[href="/membership/"],
body.postid-3370 .sa-cta-row a.sa-btn-owhite[href="/membership/"] {
  display: none !important;
}

/* Reframe integrations section title for developer audience.
   Original (template default): "Ways to get paid & connect."
   This page only: "Speaks the protocol with"
   Typography matches original .sa-intg-title rule exactly. */
body.single-service-spiritmcp .sa-intg-title,
body.postid-3370 .sa-intg-title {
  font-size: 0;
  line-height: 1.25;
}body.single-service-spiritmcp .sa-intg-title::before,
body.postid-3370 .sa-intg-title::before {
  content: "Speaks the protocol with";
  font-size: clamp(1.3rem, 2.3vw, 1.65rem);
  font-weight: 800;
  color: var(--void);
  line-height: 1.25;
  display: block;
}

/* ============================================================================
   VF-SPIRITMCP-OVERRIDES-2026-04-26-END
   ========================================================================= */


/* ============================================================================
   VF-ABOUT-2026-04-26-START
   Page: /about/ (post_id=3167)
   
   Migration of inline <style> from page content into global CSS, scoped to
   body.page-id-3167. The page is now wrapped in <div class="vf vf--about">
   so chrome layer rules apply via the .vf hook. Canvas reset for body class
   ensures Blocksy's outer containers don't constrain the full-bleed sections.
   
   The original .sa-about-* class names are unique to this page so do not need
   re-prefixing. Keeping the rules verbatim for fidelity to the original design.
   ========================================================================= */

/* Canvas reset for About page (mirrors Plant a Tree pattern at body.page-id-3150) */
body.page-id-3167 main#main,
body.page-id-3167 .entry-content,
body.page-id-3167 .entry-content.is-layout-constrained,
body.page-id-3167 .entry-content > * {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}body.page-id-3167 #main,
body.page-id-3167 .ct-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}body.page-id-3167 .entry-header,
body.page-id-3167 .single_post_title_wrapper {
  display: none !important;
}

/* Original About-page styles (verbatim from previous inline <style>) */
/* ============================================================
   ABOUT PAGE — VIVID FREQUENCY v9.0
   The Spiritual Agency | staging.spiritual.agency
   ============================================================ */

/* --- Design Tokens --- */
.sa-about-hero,
.sa-about-mission,
.sa-about-philosophy,
.sa-about-offices,
.sa-about-values,
.sa-about-founder,
.sa-about-cta {
  --sa-void:#0D0D1A; --sa-deep:#1A0533;
  --sa-pink:#FF0060; --sa-magenta:#FF008B; --sa-crimson:#AB1C3D;
  --sa-blue:#0896F2; --sa-green:#A7FF00; --sa-yellow:#FFE600;
  --sa-violet:#9000FF; --sa-parch:#FAFAF7;
  font-family:'Plus Jakarta Sans',sans-serif;
}

/* ---- HERO ---- */
.sa-about-hero {
  min-height:88vh; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  padding:clamp(5rem,12vw,10rem) 1.5rem clamp(4rem,8vw,7rem);
  background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(144,0,255,.18) 0%,rgba(255,0,96,.09) 45%,transparent 75%),var(--sa-void);
  position:relative; overflow:hidden;
}.sa-about-hero::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(255,0,139,.06) 1px,transparent 1px);
  background-size:48px 48px; pointer-events:none;
}.sa-about-hero__eyebrow {
  font-size:.72rem; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sa-magenta); margin-bottom:1.5rem;
  position:relative;
}.sa-about-hero__title {
  font-size:clamp(2.8rem,7.5vw,6.5rem); font-weight:800;
  line-height:1.04; color:var(--sa-parch);
  margin:0 0 1.5rem; max-width:14ch; position:relative;
}.sa-about-hero__title em {
  font-style:normal;
  background:linear-gradient(90deg,var(--sa-pink),var(--sa-magenta));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}.sa-about-hero__sub {
  font-size:clamp(1rem,2.2vw,1.3rem); color:rgba(250,250,247,.68);
  max-width:52ch; line-height:1.75; margin:0 0 2.5rem; position:relative;
}
/* ChakraPulse */
.sa-about-hero__chakrapulse {
  display:flex; gap:.6rem; align-items:center;
  justify-content:center; margin-bottom:2.5rem; position:relative;
}.sa-about-hero__chakrapulse span {
  display:block; width:10px; height:10px; border-radius:50%;
  animation:sa-chakrapulse 2s ease-in-out infinite;
}.sa-about-hero__chakrapulse span:nth-child(1) {background:#FF1500;animation-delay:0s}.sa-about-hero__chakrapulse span:nth-child(2) {background:#FF5500;animation-delay:.2s}.sa-about-hero__chakrapulse span:nth-child(3) {background:#FFD000;animation-delay:.4s}.sa-about-hero__chakrapulse span:nth-child(4) {background:#A7FF00;animation-delay:.6s}.sa-about-hero__chakrapulse span:nth-child(5) {background:#0896F2;animation-delay:.8s}.sa-about-hero__chakrapulse span:nth-child(6) {background:#9000FF;animation-delay:1s}.sa-about-hero__chakrapulse span:nth-child(7) {background:#FF008B;animation-delay:1.2s}
@keyframes sa-chakrapulse{0%,
100% {transform:scale(1);opacity:.45}50% {transform:scale(1.65);opacity:1}}.sa-about-hero__ctas {display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; position:relative;}.sa-about-hero__btn-primary,
.sa-about-hero__btn-secondary {
  display:inline-flex; align-items:center; gap:.5rem;
  font-weight:800; font-size:.88rem; letter-spacing:.06em;
  text-transform:uppercase; padding:.9rem 2.2rem; border-radius:4px;
  text-decoration:none; transition:opacity .2s,transform .2s;
}.sa-about-hero__btn-primary {
  background:linear-gradient(135deg,var(--sa-pink),var(--sa-magenta));
  color:#fff; box-shadow:0 0 28px rgba(255,0,139,.28);
}.sa-about-hero__btn-primary:hover {opacity:.85;color:#fff;transform:translateY(-2px)}.sa-about-hero__btn-secondary {
  border:1px solid rgba(250,250,247,.2); color:var(--sa-parch);
}.sa-about-hero__btn-secondary:hover {border-color:var(--sa-magenta);color:var(--sa-magenta)}

/* ---- MISSION ---- */
.sa-about-mission {
  background:var(--sa-deep);
  padding:clamp(4rem,8vw,7rem) 1.5rem;
}.sa-about-mission__inner {
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr;
  gap:4rem; align-items:center;
}
@media(max-width:768px){.sa-about-mission__inner {grid-template-columns:1fr;gap:2.5rem}}.sa-about-mission__eyebrow {
  font-size:.7rem; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sa-green); margin-bottom:1rem;
}.sa-about-mission__title {
  font-size:clamp(2rem,4vw,3.2rem); font-weight:800;
  line-height:1.1; color:var(--sa-parch); margin:0 0 1.5rem;
}.sa-about-mission__title em {font-style:normal;color:var(--sa-green)}.sa-about-mission__text {
  font-size:1.05rem; line-height:1.8;
  color:rgba(250,250,247,.72); margin-bottom:1.25rem;
}.sa-about-mission__visual {
  height:400px; border-radius:16px;
  background:linear-gradient(135deg,rgba(167,255,0,.07) 0%,rgba(144,0,255,.12) 100%);
  border:1px solid rgba(167,255,0,.18);
  display:flex; align-items:center; justify-content:center;
  font-size:7rem; position:relative; overflow:hidden;
}.sa-about-mission__visual::after {
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 70% 30%,rgba(167,255,0,.09),transparent 65%);
}

/* ---- PHILOSOPHY ---- */
.sa-about-philosophy {
  background:var(--sa-void);
  padding:clamp(4rem,8vw,7rem) 1.5rem;
}.sa-about-philosophy__inner {
  max-width:860px; margin:0 auto;
}.sa-about-philosophy__eyebrow {
  font-size:.7rem; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sa-yellow); margin-bottom:1rem;
}.sa-about-philosophy__title {
  font-size:clamp(2rem,4vw,3.2rem); font-weight:800;
  line-height:1.1; color:var(--sa-parch); margin:0 0 1.5rem;
}.sa-about-philosophy__title em {font-style:normal;color:var(--sa-yellow)}.sa-about-philosophy__text {
  font-size:1.05rem; line-height:1.85;
  color:rgba(250,250,247,.72); margin-bottom:1.25rem;
}.sa-about-philosophy__quote {
  border-left:3px solid var(--sa-yellow);
  padding:1.5rem 2rem; margin:2.5rem 0;
  background:rgba(255,208,0,.05); border-radius:0 8px 8px 0;
}.sa-about-philosophy__quote p {
  font-size:1.2rem; font-style:italic;
  color:var(--sa-parch); line-height:1.7; margin:0;
}.sa-about-philosophy__quote cite {
  display:block; margin-top:.75rem;
  font-size:.8rem; font-style:normal; font-weight:800;
  letter-spacing:.1em; text-transform:uppercase; color:var(--sa-yellow);
}

/* ---- OFFICES ---- */
.sa-about-offices {
  background:var(--sa-deep);
  padding:clamp(4rem,8vw,7rem) 1.5rem;
}.sa-about-offices__inner {max-width:1200px;margin:0 auto}.sa-about-offices__head {text-align:center;margin-bottom:3.5rem}.sa-about-offices__eyebrow {
  font-size:.7rem; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sa-blue); margin-bottom:1rem;
}.sa-about-offices__title {
  font-size:clamp(2rem,4vw,3.2rem); font-weight:800;
  color:var(--sa-parch); margin:0;
}.sa-about-offices__title em {font-style:normal;color:var(--sa-blue)}.sa-about-offices__grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;
}
@media(max-width:768px){.sa-about-offices__grid {grid-template-columns:1fr}}.sa-office-card {
  background:rgba(255,255,255,.03);
  border:1px solid rgba(8,150,242,.18); border-radius:12px;
  padding:2.5rem 2rem; position:relative; overflow:hidden;
  transition:border-color .3s,transform .3s;
}.sa-office-card:hover {border-color:rgba(8,150,242,.5);transform:translateY(-4px)}.sa-office-card::before {
  content:''; position:absolute; top:0;left:0;right:0; height:3px;
  background:var(--office-color,var(--sa-blue));
}.sa-office-card__flag {font-size:2.8rem;margin-bottom:1rem;display:block}.sa-office-card__city {
  font-size:1.6rem; font-weight:800; color:var(--sa-parch);
  margin:0 0 .25rem;
}.sa-office-card__entity {
  font-size:.72rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(250,250,247,.35); margin:0 0 1rem;
}.sa-office-card__role {
  font-size:.92rem; color:rgba(250,250,247,.65); line-height:1.65;
}.sa-office-card__badge {
  display:inline-block; margin-top:1.25rem;
  padding:.3rem .8rem;
  background:rgba(8,150,242,.1); border:1px solid rgba(8,150,242,.3);
  border-radius:20px; font-size:.68rem; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase; color:var(--sa-blue);
}

/* ---- VALUES ---- */
.sa-about-values {
  background:var(--sa-void);
  padding:clamp(4rem,8vw,7rem) 1.5rem;
}.sa-about-values__inner {max-width:1200px;margin:0 auto}.sa-about-values__head {text-align:center;margin-bottom:3.5rem}.sa-about-values__eyebrow {
  font-size:.7rem; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sa-magenta); margin-bottom:1rem;
}.sa-about-values__title {
  font-size:clamp(2rem,4vw,3.2rem); font-weight:800;
  color:var(--sa-parch); margin:0;
}.sa-about-values__grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;
}
@media(max-width:900px){.sa-about-values__grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sa-about-values__grid {grid-template-columns:1fr}}.sa-value-card {
  background:rgba(255,0,139,.04); border:1px solid rgba(255,0,139,.14);
  border-radius:12px; padding:2rem;
  transition:border-color .3s,background .3s;
}.sa-value-card:hover {border-color:rgba(255,0,139,.4);background:rgba(255,0,139,.07)}.sa-value-card__icon {font-size:2.2rem;margin-bottom:1rem;display:block}.sa-value-card__title {
  font-size:1.05rem; font-weight:800; color:var(--sa-parch);
  margin:0 0 .5rem;
}.sa-value-card__text {
  font-size:.9rem; color:rgba(250,250,247,.62); line-height:1.68; margin:0;
}

/* ---- FOUNDER ---- */
.sa-about-founder {
  background:linear-gradient(135deg,rgba(144,0,255,.12) 0%,rgba(255,0,96,.08) 100%),var(--sa-deep);
  border-top:1px solid rgba(144,0,255,.2);
  border-bottom:1px solid rgba(255,0,96,.2);
  padding:clamp(4rem,8vw,7rem) 1.5rem;
}.sa-about-founder__inner {
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:280px 1fr;
  gap:4rem; align-items:center;
}
@media(max-width:768px){.sa-about-founder__inner {grid-template-columns:1fr;gap:2.5rem}}.sa-about-founder__avatar-wrap {display:flex;justify-content:center}.sa-about-founder__avatar {
  width:220px; height:220px; border-radius:50%;
  background:linear-gradient(135deg,rgba(144,0,255,.35),rgba(255,0,96,.35));
  border:2px solid rgba(255,0,139,.45);
  display:flex; align-items:center; justify-content:center; font-size:5rem;
}.sa-about-founder__eyebrow {
  font-size:.7rem; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sa-magenta); margin-bottom:1rem;
}.sa-about-founder__name {
  font-size:clamp(2rem,4vw,3rem); font-weight:800;
  color:var(--sa-parch); margin:0 0 1rem;
}.sa-about-founder__roles {
  display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.75rem;
}.sa-about-founder__role-tag {
  display:inline-block; padding:.3rem .8rem;
  background:rgba(255,0,139,.1); border:1px solid rgba(255,0,139,.3);
  border-radius:20px; font-size:.68rem; font-weight:800;
  letter-spacing:.1em; text-transform:uppercase; color:var(--sa-magenta);
}.sa-about-founder__text {
  font-size:1rem; color:rgba(250,250,247,.72);
  line-height:1.8; margin-bottom:1.25rem;
}.sa-about-founder__links {display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:.5rem}.sa-about-founder__link {
  font-size:.82rem; font-weight:800; letter-spacing:.06em;
  color:var(--sa-blue); text-decoration:none;
  display:flex; align-items:center; gap:.3rem;
  transition:color .2s;
}.sa-about-founder__link:hover {color:var(--sa-magenta)}

/* ---- CTA ---- */
.sa-about-cta {
  background:var(--sa-void);
  padding:clamp(5rem,10vw,8rem) 1.5rem;
  text-align:center;
  position:relative; overflow:hidden;
}.sa-about-cta::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(255,0,139,.1),transparent 70%);
  pointer-events:none;
}.sa-about-cta__inner {max-width:680px;margin:0 auto;position:relative}.sa-about-cta__title {
  font-size:clamp(2rem,5vw,3.6rem); font-weight:800;
  color:var(--sa-parch); line-height:1.08; margin:0 0 1rem;
}.sa-about-cta__title em {font-style:normal;background:linear-gradient(90deg,var(--sa-pink),var(--sa-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-about-cta__sub {
  font-size:1.1rem; color:rgba(250,250,247,.6);
  line-height:1.75; margin-bottom:2.5rem;
}.sa-about-cta__btn {
  display:inline-flex; align-items:center; gap:.5rem;
  background:linear-gradient(135deg,var(--sa-pink),var(--sa-magenta));
  color:#fff; font-weight:800; font-size:1rem; letter-spacing:.06em;
  text-transform:uppercase; padding:1.1rem 2.8rem; border-radius:4px;
  text-decoration:none; transition:opacity .2s,transform .2s;
  box-shadow:0 0 40px rgba(255,0,139,.32);
}.sa-about-cta__btn:hover {opacity:.88;transform:translateY(-2px);color:#fff}

/* ============================================================================
   VF-ABOUT-2026-04-26-END
   ========================================================================= */


/* ============================================================================
   VF-HOME-2026-04-26-START
   Page: / (post_id=3177)
   
   Migration of inline <style> from page content into global CSS, scoped to
   body.page-id-3177. The page is wrapped in <div class="vf vf--home">.
   Includes 7 sections of homepage content with scroll-reveal animation
   triggered by IntersectionObserver (the script block is preserved inline).
   The original .sa-home class names are unique to this page so do not need
   re-prefixing.
   ========================================================================= */

/* Canvas reset for Home page (PATCHED 27 Apr 2026 — scoped to main only; was leaking into header .ct-container, widening logo+menu+button beyond Blocksy's 1290px constraint. See FuseBase M99IcHTQuwueosXJ §13) */
body.page-id-3177 main#main,
body.page-id-3177 main#main .entry-content,
body.page-id-3177 main#main .entry-content.is-layout-constrained,
body.page-id-3177 main#main .entry-content > * {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}body.page-id-3177 #main,
body.page-id-3177 .ct-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}body.page-id-3177 .entry-header,
body.page-id-3177 .single_post_title_wrapper {
  display: none !important;
}

/* Original Home-page styles (verbatim from previous inline <style>) */
.sa-home {
  font-family:'Plus Jakarta Sans',sans-serif;
  --void:#0D0D1A;--spirit-blue:#0896F2;--shakti-pink:#FF0060;--shakti-magenta:#FF008B;--shakti-crimson:#AB1C3D;
  --anahata-green:#A7FF00;--electric-yellow:#FFE600;--electric-violet:#9000FF;
  --deep-violet:#1A0533;--parchment:#FAFAF7;
  --t1:#FF1500;--t2:#FF5500;--t3:#FFD000;--t4:#A7FF00;--t5:#0896F2;--t6:#9000FF;--t7:#FF008B;
  background:var(--void);color:var(--parchment);font-size:16px;line-height:1.7;overflow-x:hidden;
}.sa-home *,
.sa-home *::before,
.sa-home *::after {box-sizing:border-box;margin:0;padding:0}.sa-home img {max-width:100%;display:block}.sa-home a {color:inherit;text-decoration:none}

/* ========= SHARED CHAKRAPULSE ========= */
.sa-home .chakrapulse {display:flex;gap:.55rem;align-items:center;justify-content:center}.sa-home .chakrapulse span {display:block;width:9px;height:9px;border-radius:50%;animation:sa-cp 2s ease-in-out infinite}.sa-home .chakrapulse span:nth-child(1) {background:#FF1500;animation-delay:0s}.sa-home .chakrapulse span:nth-child(2) {background:#FF5500;animation-delay:.18s}.sa-home .chakrapulse span:nth-child(3) {background:#FFD000;animation-delay:.36s}.sa-home .chakrapulse span:nth-child(4) {background:#A7FF00;animation-delay:.54s}.sa-home .chakrapulse span:nth-child(5) {background:#0896F2;animation-delay:.72s}.sa-home .chakrapulse span:nth-child(6) {background:#9000FF;animation-delay:.9s}.sa-home .chakrapulse span:nth-child(7) {background:#FF008B;animation-delay:1.08s}
@keyframes sa-cp{0%,
100% {transform:scale(1);opacity:.45}50% {transform:scale(1.65);opacity:1}}

/* ========= HERO ========= */
.sa-home .h-hero {position:relative;padding:5rem 2rem 5rem;overflow:hidden}.sa-home .h-hero-bg {position:absolute;inset:0;background:linear-gradient(-45deg,#0D0D1A,#1A0533,#26004a,#0a1a2e,#0D0D1A);background-size:400% 400%;animation:sa-flow 12s ease infinite;z-index:0}
@keyframes sa-flow{0% {background-position:0% 50%}50% {background-position:100% 50%}100% {background-position:0% 50%}}.sa-home .h-hero-dots {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,0,139,.05) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;z-index:0}.sa-home .h-hero::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FF008B 40%,#0896F2 60%,transparent);animation:sa-shimmer 4s ease-in-out infinite;z-index:2}
@keyframes sa-shimmer{0%,
100% {opacity:.3;transform:scaleX(.6)}50% {opacity:1;transform:scaleX(1)}}.sa-home .h-hero-grid {position:relative;z-index:1;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:980px){.sa-home .h-hero-grid {grid-template-columns:1fr;gap:3rem}}.sa-home .h-eyebrow {display:inline-flex;align-items:center;gap:10px;background:rgba(255,0,96,0.1);border:1px solid rgba(255,0,96,0.3);border-radius:999px;padding:6px 16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--shakti-pink);margin-bottom:1.75rem}.sa-home h1 {font-size:clamp(2.6rem,5.5vw,4.8rem);font-weight:800;line-height:1.04;letter-spacing:-.03em;margin-bottom:1.25rem;color:var(--parchment)}.sa-home h1 .h-grad {background:linear-gradient(90deg,#FF0060,#FF008B,#0896F2,#FF008B,#FF0060);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sa-text-flow 5s linear infinite}
@keyframes sa-text-flow{0% {background-position:0% center}100% {background-position:300% center}}.sa-home .h-hero-sub {font-size:clamp(1.02rem,1.5vw,1.18rem);color:rgba(250,250,247,.65);margin-bottom:2.25rem;max-width:560px;line-height:1.65}.sa-home .h-cta-row {display:flex;gap:14px;flex-wrap:wrap;margin-bottom:2rem}.sa-home .btn-primary {display:inline-flex;align-items:center;gap:10px;background:var(--shakti-pink);color:#fff!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;padding:14px 28px;border-radius:999px;transition:transform .15s,opacity .2s,box-shadow .2s;box-shadow:0 8px 30px rgba(255,0,96,.3)}.sa-home .btn-primary:hover {transform:translateY(-2px);opacity:.92;box-shadow:0 12px 40px rgba(255,0,96,.45)}.sa-home .btn-ghost {display:inline-flex;align-items:center;gap:10px;background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.15);color:var(--parchment)!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;padding:13px 26px;border-radius:999px;transition:border-color .2s,background .2s,transform .15s}.sa-home .btn-ghost:hover {border-color:rgba(167,255,0,.5);background:rgba(167,255,0,.05);transform:translateY(-2px)}.sa-home .h-trust {display:flex;align-items:center;gap:14px;margin-top:2rem;font-size:12px;color:rgba(250,250,247,.45);flex-wrap:wrap}.sa-home .h-trust-dot {width:6px;height:6px;border-radius:50%;background:var(--anahata-green);box-shadow:0 0 12px rgba(167,255,0,.6);flex-shrink:0}

/* Hero image montage: Torii | Dove | Globe */
.sa-home .h-montage {position:relative;height:520px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:14px}
@media(max-width:980px){.sa-home .h-montage {height:420px}}.sa-home .h-pic {position:relative;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.sa-home .h-pic:hover {transform:scale(1.02) translateY(-4px);box-shadow:0 32px 80px rgba(0,0,0,.6)}.sa-home .h-pic img {width:100%;height:100%;object-fit:cover}.sa-home .h-pic-torii {grid-column:1/5;grid-row:1/5}.sa-home .h-pic-dove {grid-column:5/7;grid-row:1/4;border:1px solid rgba(255,255,255,.08)}.sa-home .h-pic-globe {grid-column:3/7;grid-row:4/7}.sa-home .h-pic::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,13,26,.4) 100%);pointer-events:none}.sa-home .h-pic-label {position:absolute;bottom:12px;left:14px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,250,247,.9);background:rgba(13,13,26,.7);padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px);z-index:2}.sa-home .h-orb {position:absolute;width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(80px)}.sa-home .h-orb-1 {top:-40px;left:-40px;background:radial-gradient(circle,rgba(8,150,242,.4),transparent);animation:sa-orb 8s ease-in-out infinite}.sa-home .h-orb-2 {bottom:-40px;right:-40px;background:radial-gradient(circle,rgba(255,0,139,.4),transparent);animation:sa-orb 8s ease-in-out infinite reverse}
@keyframes sa-orb{0%,
100% {transform:translate(0,0) scale(1)}50% {transform:translate(20px,20px) scale(1.15)}}

/* ========= PARTNER MARQUEE ========= */
.sa-home .partner-strip {background:rgba(250,250,247,.02);border-top:1px solid rgba(250,250,247,.06);border-bottom:1px solid rgba(250,250,247,.06);padding:2.5rem 0;position:relative;overflow:hidden}.sa-home .partner-label {text-align:center;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.4);margin-bottom:1.75rem}.sa-home .marquee-wrap {position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sa-home .marquee-track {display:flex;gap:3.5rem;width:max-content;animation:sa-marquee 50s linear infinite;align-items:center}.sa-home .marquee-wrap:hover .marquee-track {animation-play-state:paused}
@keyframes sa-marquee{0% {transform:translateX(0)}100% {transform:translateX(-50%)}}.sa-home .p-item {flex-shrink:0;height:38px;display:inline-flex;align-items:center;justify-content:center;opacity:.75;filter:grayscale(20%);transition:opacity .25s,filter .25s,transform .25s}.sa-home .p-item:hover {opacity:1;filter:grayscale(0);transform:scale(1.05)}.sa-home .p-item img {height:100%;width:auto;max-height:38px;object-fit:contain}.sa-home .p-item-text {font-weight:800;font-size:22px;letter-spacing:-.02em;color:rgba(250,250,247,.75);white-space:nowrap}.sa-home .p-item-text.tutorlms {color:#ff5722}.sa-home .p-item-text.greenshift {color:#0ea370}.sa-home .p-item-text.blocksy {color:#2196f3}.sa-home .p-item-text.novamira {background:linear-gradient(90deg,#9000FF,#FF008B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-home .p-item-text.cloudflare {color:#f6821f}.sa-home .p-item-text.hetzner {color:#d50c2d}.sa-home .p-item-text.litespeed {color:#84b82e}.sa-home .p-item-text.lemonsqueezy {color:#FFC233}.sa-home .p-item-text.bunny {color:#ffffff}.sa-home .p-item-text.wpmudev {color:#17a8e3}

/* ========= SECTIONS SHARED ========= */
.sa-home .sec {padding:6rem 2rem;max-width:1320px;margin:0 auto;position:relative}.sa-home .sec-head {text-align:center;margin-bottom:3.5rem}.sa-home .sec-label {display:inline-flex;align-items:center;gap:8px;background:rgba(167,255,0,.08);border:1px solid rgba(167,255,0,.25);border-radius:999px;padding:5px 14px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--anahata-green);margin-bottom:1.25rem}.sa-home h2 {font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--parchment);margin-bottom:.85rem}.sa-home h2 .h2-grad {background:linear-gradient(90deg,#FF0060,#FF008B,#0896F2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-home .sec-sub {font-size:15px;color:rgba(250,250,247,.6);max-width:640px;margin:0 auto;line-height:1.7}

/* ========= SERVICES GRID ========= */
.sa-home .svc-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:1100px){.sa-home .svc-grid {grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.sa-home .svc-grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.sa-home .svc-grid {grid-template-columns:1fr}}.sa-home .svc-card {position:relative;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:16px;padding:1.6rem 1.4rem;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s;display:block}.sa-home .svc-card:hover {transform:translateY(-6px);border-color:color-mix(in srgb,var(--sc,var(--shakti-pink)) 50%,transparent);background:rgba(250,250,247,.05)}.sa-home .svc-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sc,var(--shakti-pink));transform:scaleX(0);transform-origin:left;transition:transform .35s}.sa-home .svc-card:hover::before {transform:scaleX(1)}.sa-home .svc-icon {width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:color-mix(in srgb,var(--sc,var(--shakti-pink)) 12%,transparent);border:1px solid color-mix(in srgb,var(--sc,var(--shakti-pink)) 30%,transparent);font-size:18px;color:var(--sc,var(--shakti-pink))}.sa-home .svc-name {font-size:15px;font-weight:800;color:var(--parchment);margin-bottom:.4rem;letter-spacing:-.01em}.sa-home .svc-desc {font-size:12.5px;color:rgba(250,250,247,.55);line-height:1.6}.sa-home .svc-tier {position:absolute;top:12px;right:12px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sc,var(--shakti-pink));opacity:.7}

/* ========= TIERS LINEUP ========= */
.sa-home .tiers-wrap {background:linear-gradient(180deg,transparent,rgba(144,0,255,.04),transparent);padding-top:5rem;padding-bottom:5rem}.sa-home .tiers-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1320px;margin:0 auto}
@media(max-width:1100px){.sa-home .tiers-grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sa-home .tiers-grid {grid-template-columns:1fr}}.sa-home .tc {position:relative;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s}.sa-home .tc:hover {transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px color-mix(in srgb,var(--tc) 15%,transparent);border-color:color-mix(in srgb,var(--tc) 50%,transparent)}.sa-home .tc.featured {border-color:rgba(167,255,0,.4);background:rgba(167,255,0,.04);animation:sa-feat-breathe 3.5s ease-in-out infinite}
@keyframes sa-feat-breathe{0%,
100% {box-shadow:0 0 30px rgba(167,255,0,.08)}50% {box-shadow:0 0 70px rgba(167,255,0,.22),0 0 110px rgba(167,255,0,.08)}}.sa-home .tc-img {position:relative;overflow:hidden;height:130px}.sa-home .tc-img img {width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.sa-home .tc:hover .tc-img img {transform:scale(1.1)}.sa-home .tc-img::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--void) 100%)}.sa-home .tc-img-badge {position:absolute;top:10px;left:10px;background:rgba(13,13,26,.8);border:1px solid var(--tc);border-radius:999px;padding:3px 10px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tc);z-index:2}.sa-home .tc-featured-badge {position:absolute;top:10px;right:10px;background:var(--anahata-green);color:#0D0D1A;border-radius:999px;padding:3px 10px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;z-index:2;animation:sa-badge-pop 2s ease-in-out infinite}
@keyframes sa-badge-pop{0%,
100% {transform:scale(1)}50% {transform:scale(1.08)}}.sa-home .tc-body {padding:1.2rem;flex:1;display:flex;flex-direction:column}.sa-home .tc-name {font-size:1rem;font-weight:800;color:var(--tc);letter-spacing:-.01em;margin-bottom:.15rem}.sa-home .tc-plan {font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,247,.45);margin-bottom:.9rem}.sa-home .tc-price {font-size:1.9rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--parchment);margin-bottom:.25rem}.sa-home .tc-price sup {font-size:.9rem;font-weight:800;vertical-align:super;letter-spacing:0}.sa-home .tc-price-period {font-size:11.5px;color:rgba(250,250,247,.45);font-weight:600;margin-left:3px}.sa-home .tc-free {font-size:1.6rem;font-weight:800;color:var(--parchment);line-height:1;letter-spacing:-.03em}.sa-home .tc-hook {font-size:12px;color:rgba(250,250,247,.6);line-height:1.5;margin:.85rem 0 1rem;min-height:36px}.sa-home .tc-cta {display:flex;align-items:center;justify-content:center;gap:6px;background:var(--tc);color:#0D0D1A!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:12.5px;padding:10px 18px;border-radius:999px;transition:opacity .2s,transform .15s;margin-top:auto}.sa-home .tc-cta:hover {opacity:.85;transform:translateY(-2px)}.sa-home .tc-cta.feat-cta {background:var(--anahata-green)}

/* Bespoke card */
.sa-home .tc-bespoke {background:linear-gradient(135deg,rgba(144,0,255,.1),rgba(255,0,139,.08));border-color:rgba(144,0,255,.3);justify-content:center;align-items:center;text-align:center;padding:1.75rem 1.4rem;min-height:320px;position:relative;overflow:hidden}.sa-home .tc-bespoke::before {content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(144,0,255,.15),transparent 70%);pointer-events:none}.sa-home .tc-bespoke-badge {display:inline-flex;align-items:center;gap:6px;background:rgba(144,0,255,.15);border:1px solid rgba(144,0,255,.4);border-radius:999px;padding:4px 12px;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--electric-violet);margin-bottom:1rem;position:relative}.sa-home .tc-bespoke h3 {font-size:1.25rem;font-weight:800;color:var(--parchment);margin-bottom:.5rem;position:relative;line-height:1.15;letter-spacing:-.01em}.sa-home .tc-bespoke p {font-size:12.5px;color:rgba(250,250,247,.65);line-height:1.6;margin-bottom:1.25rem;position:relative}.sa-home .tc-bespoke-cta {display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--electric-violet),var(--shakti-magenta));color:#fff!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:12.5px;padding:11px 22px;border-radius:999px;transition:opacity .2s,transform .15s;position:relative}.sa-home .tc-bespoke-cta:hover {opacity:.9;transform:translateY(-2px)}.sa-home .tiers-footer {text-align:center;margin-top:2.5rem}.sa-home .tiers-footer .btn-ghost {font-size:14px}

/* ========= PROJECTS ========= */
.sa-home .proj-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
@media(max-width:1100px){.sa-home .proj-grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sa-home .proj-grid {grid-template-columns:1fr}}.sa-home .proj-card {position:relative;border-radius:16px;overflow:hidden;display:block;aspect-ratio:4/5;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.sa-home .proj-card:hover {transform:translateY(-8px);box-shadow:0 28px 60px rgba(0,0,0,.5)}.sa-home .proj-card img {width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.sa-home .proj-card:hover img {transform:scale(1.08)}.sa-home .proj-overlay {position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(13,13,26,.3) 55%,rgba(13,13,26,.95) 100%)}.sa-home .proj-body {position:absolute;bottom:0;left:0;right:0;padding:1.4rem}.sa-home .proj-title {font-size:17px;font-weight:800;color:var(--parchment);letter-spacing:-.01em;line-height:1.25;margin-bottom:.4rem}.sa-home .proj-sub {font-size:12px;color:rgba(250,250,247,.75);font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px}.sa-home .proj-sub::before {content:'';width:5px;height:5px;border-radius:50%;background:var(--anahata-green);box-shadow:0 0 10px var(--anahata-green)}.sa-home .proj-badge {position:absolute;top:14px;left:14px;background:rgba(13,13,26,.8);border:1px solid rgba(250,250,247,.15);border-radius:999px;padding:4px 10px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment);backdrop-filter:blur(6px);z-index:2}

/* ========= DIFFERENCE / STATS ========= */
.sa-home .diff-sec {background:radial-gradient(ellipse at top,rgba(144,0,255,.08),transparent 60%),var(--void);position:relative;padding:5rem 2rem;overflow:hidden}.sa-home .diff-wrap {max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:900px){.sa-home .diff-wrap {grid-template-columns:1fr;gap:3rem}}.sa-home .diff-stats {display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sa-home .stat-card {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:16px;padding:1.5rem;transition:transform .3s,border-color .3s,background .3s}.sa-home .stat-card:hover {transform:translateY(-4px);border-color:rgba(167,255,0,.4);background:rgba(167,255,0,.04)}.sa-home .stat-num {font-size:2.8rem;font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,var(--anahata-green),var(--spirit-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem;text-shadow:0 0 30px rgba(167,255,0,.25)}.sa-home .stat-label {font-size:12px;color:rgba(250,250,247,.5);font-weight:700;letter-spacing:.04em;line-height:1.4}.sa-home .diff-badges {display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.sa-home .diff-badge {display:inline-flex;align-items:center;gap:8px;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.1);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;color:rgba(250,250,247,.75)}.sa-home .diff-badge-dot {width:6px;height:6px;border-radius:50%;background:var(--anahata-green);box-shadow:0 0 8px rgba(167,255,0,.6);flex-shrink:0}

/* ========= TREE STRIP ========= */
.sa-home .tree-strip {background:rgba(167,255,0,.04);border-top:1px solid rgba(167,255,0,.12);border-bottom:1px solid rgba(167,255,0,.12);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.sa-home .tree-strip::before {content:'🌱';position:absolute;font-size:180px;top:-30px;right:-30px;opacity:.04;pointer-events:none;transform:rotate(-15deg)}.sa-home .tree-inner {max-width:1100px;margin:0 auto;position:relative}.sa-home .tree-label {display:inline-flex;align-items:center;gap:8px;background:rgba(167,255,0,.1);border:1px solid rgba(167,255,0,.3);border-radius:999px;padding:5px 14px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--anahata-green);margin-bottom:1rem}.sa-home .tree-strip h3 {font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:800;color:var(--parchment);margin-bottom:.5rem;letter-spacing:-.02em}.sa-home .tree-strip-sub {font-size:14px;color:rgba(250,250,247,.6);margin-bottom:1.75rem;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}.sa-home .tree-row {display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.75rem}.sa-home .tree-pill {display:flex;align-items:center;gap:7px;background:rgba(13,13,26,.8);border:1px solid var(--tc2);border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:700;color:var(--parchment);transition:transform .25s,box-shadow .25s}.sa-home .tree-pill:hover {transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.4)}.sa-home .tree-pill-dot {width:7px;height:7px;border-radius:50%;background:var(--tc2);flex-shrink:0}

/* ========= FINAL CTA ========= */
.sa-home .final-cta {background:linear-gradient(-45deg,#FF0060,#FF008B,#AB1C3D,#9000FF,#FF0060);background-size:300% 300%;animation:sa-cta-flow 8s ease infinite;padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}
@keyframes sa-cta-flow{0% {background-position:0% 50%}50% {background-position:100% 50%}100% {background-position:0% 50%}}.sa-home .final-cta::before {content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.sa-home .final-cta-inner {position:relative;max-width:720px;margin:0 auto}.sa-home .final-cta h2 {color:#fff;margin-bottom:1rem}.sa-home .final-cta p {color:rgba(255,255,255,.8);font-size:1.05rem;margin-bottom:2rem;max-width:520px;margin-left:auto;margin-right:auto}.sa-home .final-cta-row {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.sa-home .btn-white {display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--shakti-pink)!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;padding:14px 32px;border-radius:999px;transition:transform .15s,opacity .2s}.sa-home .btn-white:hover {transform:translateY(-2px);opacity:.92}.sa-home .btn-outline-white {display:inline-flex;align-items:center;gap:8px;background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;padding:12px 30px;border-radius:999px;transition:border-color .2s,background .2s}.sa-home .btn-outline-white:hover {border-color:#fff;background:rgba(255,255,255,.1)}

/* ========= REVEAL ========= */
.sa-home .sa-rv {opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.sa-home .sa-rv.sa-in {opacity:1;transform:translateY(0)}.sa-home .sa-rv.d1 {transition-delay:.08s}.sa-home .sa-rv.d2 {transition-delay:.16s}.sa-home .sa-rv.d3 {transition-delay:.24s}.sa-home .sa-rv.d4 {transition-delay:.32s}.sa-home .sa-rv.d5 {transition-delay:.4s}.sa-home .sa-rv.d6 {transition-delay:.48s}.sa-home .sa-rv.d7 {transition-delay:.56s}.sa-home .sa-rv.d8 {transition-delay:.64s}

/* ============================================================================
   VF-HOME-2026-04-26-END
   ========================================================================= */


/* ============================================================================
   VF-SERVICES-2026-04-26-START
   Page: /services/ (post_id=3190)
   
   Migration of inline <style> from page content into global CSS. Page used
   Pattern B (bare <style> with body.page-id-3190 scoping, no wp:html wrapper).
   Body content was raw HTML using .sv-wrap as the outer wrapper.
   Now wrapped in <div class="vf vf--services"> for chrome layer consistency.
   Both original <style> blocks preserved verbatim:
     - Block 1: body.page-id-3190 canvas reset (already correctly scoped)
     - Block 2: .sv-wrap and descendant styles
   ========================================================================= */

/* Original Services-page style block 1 (body.page-id-3190 canvas reset) */
body.page-id-3190 {background:#0D0D1A!important}body.page-id-3190 .entry-content,
body.page-id-3190 #main,
body.page-id-3190 .site-main,
body.page-id-3190 article.page {background:#0D0D1A!important;padding-top:0!important;margin-top:0!important}

/* Original Services-page style block 2 (.sv-wrap component styles) */
.sv-wrap {font-family:'Plus Jakarta Sans',sans-serif;background:#0D0D1A;color:#FAFAF7;overflow-x:hidden}.sv-wrap *,
.sv-wrap *::before,
.sv-wrap *::after {box-sizing:border-box;margin:0;padding:0}.sv-hero {position:relative;padding:11rem 2rem 5rem;text-align:center;overflow:hidden}.sv-hero-bg {position:absolute;inset:0;background:linear-gradient(-45deg,#0D0D1A,#1A0533,#26004a,#0a1a2e,#0D0D1A);background-size:400% 400%;animation:sv-hf 10s ease infinite;z-index:0}
@keyframes sv-hf{0% {background-position:0% 50%}50% {background-position:100% 50%}100% {background-position:0% 50%}}.sv-hero::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FF0060 25%,#FF008B 50%,#0896F2 75%,transparent);animation:sv-sh 4s ease-in-out infinite}
@keyframes sv-sh{0%,
100% {opacity:.3;transform:scaleX(.6)}50% {opacity:1;transform:scaleX(1)}}.sv-hero-dots {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,0,96,.05) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;z-index:0}.sv-hc {position:relative;z-index:1;max-width:820px;margin:0 auto}.sv-cp {display:flex;gap:.55rem;align-items:center;justify-content:center;margin-bottom:1.5rem}.sv-cp span {display:block;width:9px;height:9px;border-radius:50%;animation:sv-cpa 2s ease-in-out infinite}.sv-cp span:nth-child(1) {background:#FF1500;animation-delay:0s}.sv-cp span:nth-child(2) {background:#FF5500;animation-delay:.18s}.sv-cp span:nth-child(3) {background:#FFD000;animation-delay:.36s}.sv-cp span:nth-child(4) {background:#A7FF00;animation-delay:.54s}.sv-cp span:nth-child(5) {background:#0896F2;animation-delay:.72s}.sv-cp span:nth-child(6) {background:#9000FF;animation-delay:.9s}.sv-cp span:nth-child(7) {background:#FF008B;animation-delay:1.08s}
@keyframes sv-cpa{0%,
100% {transform:scale(1);opacity:.45}50% {transform:scale(1.65);opacity:1}}.sv-ey {display:inline-flex;align-items:center;gap:8px;background:rgba(255,0,96,.1);border:1px solid rgba(255,0,96,.3);border-radius:999px;padding:5px 16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FF0060;margin-bottom:1.75rem}.sv-wrap h1 {font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.25rem;color:#FAFAF7}.sv-grad {background:linear-gradient(90deg,#FF0060,#FF008B,#0896F2,#A7FF00,#FF0060);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sv-tf 6s linear infinite}
@keyframes sv-tf{0% {background-position:0% center}100% {background-position:300% center}}.sv-sub {font-size:clamp(1rem,2vw,1.15rem);color:rgba(250,250,247,.55);max-width:600px;margin:0 auto}.sv-cbar {height:3px;background:linear-gradient(90deg,#FF1500,#FF5500,#FFD000,#A7FF00,#0896F2,#9000FF,#FF008B)}.sv-pillars {padding:4rem 2rem;max-width:1200px;margin:0 auto}.sv-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:700px){.sv-grid {grid-template-columns:1fr}}.sv-card {position:relative;border-radius:20px;border:1px solid rgba(250,250,247,.07);overflow:hidden;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s}.sv-card:hover {transform:translateY(-10px)}.sv-cm {position:absolute;inset:0;z-index:0;pointer-events:none}.sv-ci {position:relative;z-index:1;padding:2.5rem}.sv-ico {width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.sv-card h2 {font-size:1.8rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem}.sv-cdesc {font-size:14px;line-height:1.7;color:rgba(250,250,247,.48);margin-bottom:1.5rem;transition:opacity .3s}.sv-card:hover .sv-cdesc {opacity:.35}.sv-cnt {display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:800}.sv-subs {max-height:0;overflow:hidden;opacity:0;transition:max-height .48s ease,opacity .35s ease}.sv-card:hover .sv-subs {max-height:400px;opacity:1}.sv-si {border-top:1px solid rgba(250,250,247,.07);padding-top:1.25rem;margin-top:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:7px}.sv-sr {padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;color:rgba(250,250,247,.75);display:flex;align-items:center;gap:7px}.sv-rv {opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.sv-rv.sv-in {opacity:1;transform:translateY(0)}.sv-rv.d1 {transition-delay:.07s}.sv-rv.d2 {transition-delay:.14s}.sv-rv.d3 {transition-delay:.21s}.sv-rv.d4 {transition-delay:.28s}.sv-browse {padding:0 2rem 5rem;max-width:1200px;margin:0 auto}.sv-bh {border-top:1px solid rgba(250,250,247,.06);padding-top:3.5rem;margin-bottom:2rem;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem}.sv-bh h2 {font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.025em;color:#FAFAF7}.sv-bh p {font-size:13px;color:rgba(250,250,247,.35);margin-top:4px}.sv-tabs {display:flex;gap:.6rem;flex-wrap:wrap}.sv-tab {background:transparent;border:1px solid rgba(250,250,247,.1);border-radius:8px;color:rgba(250,250,247,.45);padding:9px 18px;font-size:13px;font-weight:800;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.04em;transition:all .2s}.sv-panel {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.sv-sc {display:flex;flex-direction:column;background:rgba(250,250,247,.02);border-radius:14px;border:1px solid rgba(250,250,247,.07);padding:1.25rem;cursor:pointer;transition:transform .25s,border-color .25s;position:relative;overflow:hidden;min-height:150px}.sv-sc::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,var(--pcm,rgba(255,255,255,.03)) 0%,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}.sv-sc:hover::before {opacity:1}.sv-sc:hover {transform:translateY(-3px)}.sv-sc-ico {width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;flex-shrink:0}.sv-sc-body {flex:1}.sv-sc-body h3 {font-size:13px;font-weight:800;color:#FAFAF7;margin-bottom:4px;letter-spacing:-.01em;line-height:1.3}.sv-sc-body p {font-size:11px;color:rgba(250,250,247,.38);line-height:1.55}.sv-sc-foot {display:flex;align-items:center;justify-content:space-between;margin-top:.85rem}.sv-sc-cat {font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.5;transition:opacity .2s}.sv-sc-arr {font-size:14px;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s}.sv-sc:hover .sv-sc-arr,
.sv-sc:hover .sv-sc-cat {opacity:1}.sv-sc:hover .sv-sc-arr {transform:translateX(0)}.sv-mb {display:inline-block;margin-top:8px;background:rgba(167,255,0,.1);border:1px solid rgba(167,255,0,.25);border-radius:999px;padding:3px 10px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#A7FF00}

/* ============================================================================
   VF-SERVICES-2026-04-26-END
   ========================================================================= */


/* ============================================================================
   VF-PROJECT-SPIRITMCP-2026-04-26-START
   Page: /project/spiritmcp/ (post_id=3371, post_type=project)
   
   Migration of inline <style> from project page content into global CSS,
   scoped to body.single-project-spiritmcp / body.postid-3371.
   Wrapper: <div class="vf vf--project vf--project-spiritmcp">.
   The original .pj-* class names are unique to project pages so kept verbatim.
   ========================================================================= */

/* Canvas reset for SpiritMCP project page */
body.postid-3371 main#main,
body.postid-3371 .entry-content,
body.postid-3371 .entry-content.is-layout-constrained,
body.postid-3371 .entry-content > * {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}body.postid-3371 #main,
body.postid-3371 .ct-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}body.postid-3371 .entry-header,
body.postid-3371 .single_post_title_wrapper {
  display: none !important;
}

/* Original SpiritMCP project styles (verbatim from previous inline <style>) */
.pj {font-family:'Plus Jakarta Sans',system-ui,sans-serif;--void:#0D0D1A;--ev:#9000FF;--sp:#FF0060;--sm:#FF008B;--sb:#0896F2;--ag:#A7FF00;--sg:#FFD000;--pc:#FAFAF7;background:var(--void);color:var(--pc);font-size:16px;line-height:1.7;overflow-x:hidden}.pj *,
.pj *::before,
.pj *::after {box-sizing:border-box;margin:0;padding:0}.pj h2,
.pj h3,
.pj h4 {font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--pc)}.pj p {color:rgba(250,250,247,.78)}.pj a {color:inherit;text-decoration:none}.pj .con {max-width:1100px;margin:0 auto;padding:0 2rem}.pj code {font-family:'JetBrains Mono','Menlo',monospace;font-size:.85em;background:rgba(144,0,255,.12);color:var(--ev);padding:2px 7px;border-radius:5px;border:1px solid rgba(144,0,255,.2)}

/* CHAKRAPULSE */
.pj .cp {display:flex;gap:.55rem;align-items:center;justify-content:center}.pj .cp span {display:block;width:9px;height:9px;border-radius:50%;animation:cpa 2s ease-in-out infinite}.pj .cp span:nth-child(1) {background:#FF1500;animation-delay:0s}.pj .cp span:nth-child(2) {background:#FF5500;animation-delay:.18s}.pj .cp span:nth-child(3) {background:#FFD000;animation-delay:.36s}.pj .cp span:nth-child(4) {background:#A7FF00;animation-delay:.54s}.pj .cp span:nth-child(5) {background:#0896F2;animation-delay:.72s}.pj .cp span:nth-child(6) {background:#9000FF;animation-delay:.9s}.pj .cp span:nth-child(7) {background:#FF008B;animation-delay:1.08s}
@keyframes cpa{0%,
100% {transform:scale(1);opacity:.45}50% {transform:scale(1.65);opacity:1}}

/* HERO */
.pj .hero {padding:5rem 2rem 4rem;background:linear-gradient(180deg,rgba(144,0,255,.12),transparent)}.pj .hero-g {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:940px){.pj .hero-g {grid-template-columns:1fr;gap:2rem}}.pj .eyebrow {display:inline-flex;align-items:center;gap:10px;background:rgba(144,0,255,.1);border:1px solid rgba(144,0,255,.35);border-radius:999px;padding:6px 16px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ev);margin-bottom:1.5rem}.pj h1 {font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.06;margin-bottom:1.25rem}.pj h1 .grad {background:linear-gradient(90deg,var(--ev),var(--sm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pj .hero-desc {font-size:1.05rem;color:rgba(250,250,247,.72);max-width:500px;line-height:1.6;margin-bottom:1.5rem}.pj .meta-g {display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1.75rem}.pj .meta-i {background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.08);border-radius:12px;padding:.9rem 1.1rem}.pj .meta-i .lbl {font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.45);font-weight:700;margin-bottom:.3rem}.pj .meta-i .val {font-size:.88rem;color:var(--pc);font-weight:600}

/* HERO VISUAL */
.pj .hero-vis {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:22px;padding:2rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;aspect-ratio:1}.pj .hero-vis::before {content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(144,0,255,.12) 60deg,transparent 120deg);animation:pjspin 14s linear infinite;pointer-events:none}
@keyframes pjspin{to {transform:rotate(360deg)}}.pj .hero-vis svg {position:relative;z-index:1;width:100%;height:auto}

/* EDITORIAL IMAGE */
.pj .ed {margin:0;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}.pj .ed img {width:100%;height:100%;object-fit:cover;display:block}.pj .ed figcaption {position:absolute;bottom:0;left:0;right:0;padding:1.1rem 1.4rem;background:linear-gradient(0deg,rgba(13,13,26,.85),transparent);font-size:.8rem;color:rgba(250,250,247,.75);font-style:italic}

/* SEC */
.pj .sec {padding:5rem 2rem}.pj .sec-ey {font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ev);text-align:center;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:10px}.pj .sec-ey::before,
.pj .sec-ey::after {content:'';width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--ev))}.pj .sec-ey::after {background:linear-gradient(90deg,var(--ev),transparent)}.pj .sec-h {font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.18;text-align:center;margin-bottom:1rem;max-width:780px;margin-left:auto;margin-right:auto}.pj .sec-s {font-size:1.02rem;color:rgba(250,250,247,.65);max-width:640px;margin:0 auto 3.5rem;text-align:center;line-height:1.6}

/* PROBLEM */
.pj .prob-g {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1060px;margin:0 auto}
@media(max-width:800px){.pj .prob-g {grid-template-columns:1fr}}.pj .prob-c {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.07);border-radius:18px;padding:2rem}.pj .prob-c.bef {border-left:3px solid #FF1500}.pj .prob-c.aft {border-left:3px solid var(--ag)}.pj .prob-c .lbl {font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:.85rem}.pj .prob-c.bef .lbl {color:#FF1500}.pj .prob-c.aft .lbl {color:var(--ag)}.pj .prob-c h3 {font-size:1.3rem;margin-bottom:.9rem}.pj .prob-c p {font-size:.95rem;line-height:1.65;color:rgba(250,250,247,.72);margin-bottom:.65rem}.pj .prob-c p:last-child {margin-bottom:0}

/* DIAGRAM */
.pj .diag {max-width:960px;margin:0 auto;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:24px;padding:2.5rem;backdrop-filter:blur(8px)}.pj .diag-title {text-align:center;margin-bottom:2rem}.pj .diag-title .num {display:inline-block;font-size:11px;letter-spacing:.16em;color:var(--sp);font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.pj .diag-title h3 {font-size:1.45rem;margin-bottom:.5rem}.pj .diag-title p {font-size:.93rem;color:rgba(250,250,247,.62);max-width:560px;margin:0 auto;line-height:1.55}.pj .diag svg {width:100%;height:auto;display:block}

/* PQ */
.pj .pq {padding:5rem 2rem}.pj .pq-g {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
@media(max-width:840px){.pj .pq-g {grid-template-columns:1fr;gap:2.5rem}}.pj .pq-t {font-size:clamp(1.3rem,2.2vw,1.9rem);font-style:italic;line-height:1.45;color:var(--pc)}.pj .pq-t .ac {font-style:normal;font-weight:700;color:var(--ev)}.pj .pq-attr {font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.5);font-weight:700;margin-top:1.5rem}

/* TIMELINE */
.pj .tl {max-width:820px;margin:0 auto;position:relative}.pj .tl::before {content:'';position:absolute;left:22px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,var(--ev),var(--sm));opacity:.35}.pj .tl-step {position:relative;padding-left:60px;margin-bottom:1.75rem}.pj .tl-dot {position:absolute;left:12px;top:5px;width:22px;height:22px;border-radius:50%;background:var(--ev);box-shadow:0 0 20px rgba(144,0,255,.5);border:3px solid var(--void);z-index:1}.pj .tl-time {font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ev);font-weight:700;margin-bottom:.2rem}.pj .tl-step h4 {font-size:1.1rem;margin-bottom:.45rem}.pj .tl-step p {font-size:.93rem;color:rgba(250,250,247,.72);line-height:1.6}

/* STACK */
.pj .stack-g {display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;max-width:1060px;margin:0 auto}
@media(max-width:880px){.pj .stack-g {grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.pj .stack-g {grid-template-columns:repeat(2,1fr)}}.pj .sp {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:12px;padding:.9rem .8rem;text-align:center;transition:all .25s}.pj .sp:hover {background:rgba(144,0,255,.06);border-color:rgba(144,0,255,.3);transform:translateY(-3px)}.pj .sp .nm {font-size:.84rem;font-weight:700;color:var(--pc);margin-bottom:.18rem}.pj .sp .rl {font-size:.68rem;color:rgba(250,250,247,.5);text-transform:uppercase;letter-spacing:.1em;font-weight:700}

/* DELIVERED */
.pj .del-g {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1060px;margin:0 auto}
@media(max-width:800px){.pj .del-g {grid-template-columns:1fr}}.pj .del-c {background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:18px;padding:2rem}.pj .del-c h3 {font-size:1.25rem;margin-bottom:1.1rem;display:flex;align-items:center;gap:10px}.pj .del-c h3::before {content:'';width:8px;height:8px;border-radius:50%;background:var(--ev);box-shadow:0 0 14px rgba(144,0,255,.6)}.pj .del-c ul {list-style:none}.pj .del-c li {padding:.55rem 0;border-bottom:1px solid rgba(250,250,247,.06);font-size:.92rem;color:rgba(250,250,247,.78);display:flex;align-items:flex-start;gap:9px}.pj .del-c li:last-child {border-bottom:0}.pj .del-c li::before {content:'→';color:var(--ev);font-weight:700;flex-shrink:0;margin-top:2px}

/* RESULTS */
.pj .res-g {display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;max-width:1060px;margin:0 auto}
@media(max-width:780px){.pj .res-g {grid-template-columns:repeat(2,1fr)}}.pj .res {text-align:center;padding:1.75rem 1rem;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:16px}.pj .res .n {font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1;background:linear-gradient(135deg,var(--ev),var(--sm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.45rem}.pj .res .l {font-size:.8rem;color:rgba(250,250,247,.6);line-height:1.4}

/* CTA */
.pj .cta {padding:5rem 2rem;text-align:center;background:radial-gradient(ellipse at center,rgba(144,0,255,.08),transparent 70%)}.pj .cta h2 {font-size:clamp(1.7rem,2.8vw,2.4rem);margin-bottom:.9rem;max-width:660px;margin-left:auto;margin-right:auto;line-height:1.2}.pj .cta p {max-width:560px;margin:0 auto 2rem;color:rgba(250,250,247,.65);line-height:1.6}.pj .btns {display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pj .btn {display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:14px;transition:all .2s}.pj .btn-p {background:var(--sp);color:#fff!important;box-shadow:0 8px 30px rgba(255,0,96,.3)}.pj .btn-p:hover {transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,0,96,.45)}.pj .btn-g {background:rgba(250,250,247,.04);border:1px solid rgba(250,250,247,.15);color:var(--pc)!important}.pj .btn-g:hover {border-color:rgba(144,0,255,.5);background:rgba(144,0,255,.06);transform:translateY(-2px)}

/* ============================================================================
   VF-PROJECT-SPIRITMCP-2026-04-26-END
   ========================================================================= */

/* ============================================================================
   VF v10 LIVE FIX 27-Apr-2026 — CLEAN MINIMAL OVERRIDE (replaces all prior pushes)
   Per Vikas, gate 2(b), 27 Apr 2026 PM:
   - Header MUST NOT be modified by this override (Blocksy defaults stand).
   - "We ecommend" typo MUST stay visible (Vikas will fix in Customiser).
   - Orphan content_block 1162 (offcanvas leak: dove/gate images, "Supportive…"
     heading) MUST be hidden on desktop until v11.0.0 ships proper fix.
   - Homepage MUST be full-width Void (already working).
   - Section rhythm + ChakraPulse overflow protection (working, kept).
   Reference: FuseBase M99IcHTQuwueosXJ §13, audit v4
   ============================================================================ */

/* D3: Hide offcanvas leak content on desktop. Triple-layer for reliability:
   (a) the whole offcanvas panel, (b) the content_block 1162, (c) its specific
   GreenShift block IDs as a belt-and-braces nuclear option. */
@media (min-width: 1000px) {
  body .ct-drawer-canvas #offcanvas.ct-panel,
  body #offcanvas.ct-panel,
  body .ct-panel.ct-header { display: none !important; visibility: hidden !important; }body .ct-drawer-canvas { display: none !important; }body .ct-header-content-block[data-hook-id="1162"]:not([data-position]) { display: none !important; }body #gspb_row-id-gsbp-74efc37,
body #gspb_heading-id-gsbp-b596c43,
body #gspb_container-id-gsbp-23e1123 { display: none !important; }
}

/* D6: Homepage full-width canvas (preserved — was working). */
body.home main#main,
body.page-id-3177 main#main,
body.page-template-full-width main#main { max-width: 100% !important; padding-inline: 0 !important; }body.home article[class*="post"],
body.page-id-3177 article[class*="post"] {
  --has-boxed: var(--false) !important;
  --has-wide: var(--true) !important;
  max-width: 100% !important;
}body.home .entry-content,
body.page-id-3177 .entry-content { max-width: 100% !important; padding-inline: 0 !important; }body.home .alignfull,
body.page-id-3177 .alignfull {
  width: 100vw !important; max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;
}

/* D10: Section vertical rhythm on home & VF pages. */
:root { --sa-section-y: clamp(3rem, 6vw, 6rem); --sa-section-y-tight: clamp(2rem, 4vw, 4rem); }.sa-home > section,
.sa-home > .partner-strip,
.sa-home > .tiers-wrap,
.sa-home > .tree-strip,
.sa-home > .final-cta,
.vf > section,
.vf--home > section,
.vf--membership > section { padding-block: var(--sa-section-y) !important; }.sa-home > .partner-strip { padding-block: var(--sa-section-y-tight) !important; }

/* D11: ChakraPulse + carousel overflow protection. */
.sa-home,
.vf,
.vf--home,
.vf--membership,
.vf--services,
.vf--about { overflow-x: clip; }.chakrapulse,
.sa-chakrapulse { display: inline-flex; max-width: 100%; flex-wrap: nowrap; }.partner-strip .marquee-wrap,
.marquee-wrap { overflow: hidden; max-width: 100vw; }

/* ============================================================================
   END CLEAN MINIMAL OVERRIDE 27-Apr-2026
   ============================================================================ */


/* ============================================================================
   v11.0 — ACTIVE MENU STATE (context-aware)
   ============================================================================
   Default: Shakti Pink (#FF0060) — high contrast on Void backgrounds.
   Light context override: Shakti Crimson (#AB1C3D) — readable on Parchment.
   Trigger class: body.vf--light (set on parchment/light pages).
   ============================================================================ */

.menu-item.current-menu-item > a,
.menu-item.current_page_item > a,
.menu-item.current-menu-ancestor > a,
.menu-item.current-menu-parent > a {
  color: var(--sa-shakti-start, #FF0060) !important;
}body.vf--light .menu-item.current-menu-item > a,
body.vf--light .menu-item.current_page_item > a,
body.vf--light .menu-item.current-menu-ancestor > a,
body.vf--light .menu-item.current-menu-parent > a {
  color: var(--sa-shakti-crimson, #AB1C3D) !important;
}


/* ============================================================================
   v11.0 — CANONICAL HERO PATTERN (Path B cosmetic convergence)
   ============================================================================
   Forces all hero sections to a single canonical pattern matching Plant a Tree,
   Membership, About, and Services. Home was the outlier with its 2-column grid
   (text + montage). This section converts Home's hero to the canonical pattern
   while preserving the Torii/Dove/Globe montage as a separate section below.

   Canonical pattern characteristics:
   - Single column, content max-width ~900px
   - Centered alignment for eyebrow, H1, subtitle, ChakraPulse, CTAs
   - The Plant a Tree style is the reference

   Affected pages: page-id-3177 (Home), page-id-3244 (Home Light Variant)
   ============================================================================ */

/* Home: convert .h-hero-grid from 2-column 1280px to single-column 900px */
.sa-home .h-hero-grid {
  grid-template-columns: 1fr !important;
  max-width: 900px !important;
  text-align: center !important;
  gap: 3rem !important;
}

/* Home: center-align hero text content */
.sa-home .h-hero-text {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}.sa-home .h-hero-text > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ChakraPulse, eyebrow, H1, subtitle all centered */
.sa-home .h-hero-text .chakrapulse {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}.sa-home .h-eyebrow {
  align-self: center !important;
}.sa-home h1 {
  text-align: center !important;
}.sa-home .h-hero-sub {
  text-align: center !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}.sa-home .h-cta-row {
  justify-content: center !important;
}.sa-home .h-trust {
  justify-content: center !important;
}

/* Move .h-montage out of hero — display as separate full-width section below */
.sa-home .h-hero {
  padding-bottom: 3rem !important;
}.sa-home .h-montage {
  /* break out of the narrow grid to display below the hero text section */
  grid-column: 1 / -1 !important;
  max-width: 1200px !important;
  margin: 4rem auto 6rem !important;
  height: 480px !important;
}

/* Mobile: simplify montage to single image height to avoid cramping */
@media (max-width: 980px) {
  .sa-home .h-montage {
    height: 380px !important;
    margin: 3rem auto 4rem !important;
  }
}

/* End v11.0 Canonical Hero Pattern
   ========================================================================== */


/* ============================================================================
   v11.0.4 — RESTORED FRAMEWORK + STRUCTURAL VOID-SPACE FIX
   1 May 2026
   ============================================================================ */

/* §A · MISSING TOKENS */
:root {
  --vf-header-h: 90px;
  --vf-hero-clear: 1.5rem;
  --vf-hero-pad-x: clamp(1.25rem, 4vw, 2rem);
  --vf-hero-pad-bottom: clamp(3rem, 6vw, 5rem);
  --vf-container-max: 1290px;
  --vf-section-pad-y: clamp(3rem, 6vw, 5rem);
  --vf-grad-spectrum: linear-gradient(90deg, #FF1500 0%, #FF5500 14.28%, #FFD000 28.57%, #A7FF00 42.85%, #0896F2 57.14%, #9000FF 71.42%, #FF008B 85.71%, #FF1500 100%);
}
@media (max-width: 1023px) { :root { --vf-header-h: 85px; } }
@media (max-width: 767px)  { :root { --vf-header-h: 80px; --vf-hero-clear: 1rem; } }

/* §B · SPECTRUM BAR */
body header.ct-header [data-row="middle"] { position: relative !important; }
body header.ct-header [data-row="middle"]::after {
  content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important; background-image: var(--vf-grad-spectrum) !important;
  background-size: 200% 100% !important; background-repeat: repeat-x !important;
  animation: vf-spectrum-flow 15s linear infinite !important;
  box-shadow: 0 0 6px rgba(255,0,139,0.35), 0 0 14px rgba(8,150,242,0.20) !important;
  z-index: 100 !important; pointer-events: none !important; opacity: 0.85 !important;
}
@keyframes vf-spectrum-flow { from { background-position: 0% 50%; } to { background-position: 200% 50%; } }

/* §C · CHAKRA BLOBS */
.h-hero .chakra-blobs-bg, .sa-home .h-hero .chakra-blobs-bg, .sa-home .h-hero-v11 .chakra-blobs-bg {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
  z-index: 0 !important; pointer-events: none !important;
}

/* §D · HERO BASE */
.h-hero { 
  position: relative !important; isolation: isolate !important; overflow: hidden !important;
  padding: calc(var(--vf-header-h) + var(--vf-hero-clear)) var(--vf-hero-pad-x) var(--vf-hero-pad-bottom) !important;
  background: var(--vf-surface, #0D0D1A) !important; color: var(--vf-text, #FAFAF7) !important;
  min-height: auto !important; margin: 0 !important;
}

/* §E · HERO STAGE + TEXT */
.h-hero .h-stage, .sa-home .h-hero .h-stage {
  position: relative !important; z-index: 3 !important; max-width: 920px !important; margin: 0 auto !important;
  text-align: center !important; display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 0 !important;
}
.h-hero .h-eyebrow {
  display: inline-flex !important; background: var(--vf-eyebrow-bg, rgba(255,0,96,0.14)) !important;
  border: 1px solid var(--vf-eyebrow-bd, rgba(255,0,96,0.32)) !important;
  color: var(--vf-eyebrow-fg, #FF008B) !important;
  padding: 0.4rem 1rem !important; border-radius: 99px !important; font-size: 0.78rem !important;
  letter-spacing: 0.14em !important; text-transform: uppercase !important; font-weight: 700 !important;
  margin: 0 auto 1.5rem !important;
}
.h-hero h1, .sa-home .h-hero h1 {
  margin: 0 auto 1.5rem !important; text-align: center !important; max-width: 880px !important;
  color: var(--vf-text, #FAFAF7) !important;
  font-size: clamp(2.5rem, 5vw, 4.5rem) !important; line-height: 1.05 !important;
  font-weight: 800 !important; letter-spacing: -0.02em !important;
}
.h-hero h1 .h-grad, .sa-home .h-hero h1 .h-grad {
  background: var(--vf-grad-crown, linear-gradient(135deg,#FF0060 0%,#9000FF 50%,#0896F2 100%)) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}
.h-hero .h-hero-sub {
  margin: 0 auto 2.5rem !important; text-align: center !important; max-width: 680px !important;
  color: var(--vf-text-muted, rgba(250,250,247,0.78)) !important;
  font-size: 1.075rem !important; line-height: 1.7 !important;
}
.h-hero .h-cta-row { display: flex !important; justify-content: center !important; gap: 1rem !important; flex-wrap: wrap !important; margin: 0 auto 2.5rem !important; }
.h-hero .btn-primary {
  background: var(--vf-grad-shakti, linear-gradient(135deg,#FF0060 0%,#FF008B 100%)) !important;
  color: #fff !important; padding: 0.9rem 1.6rem !important; border-radius: 99px !important;
  font-weight: 700 !important; display: inline-flex !important; align-items: center !important;
  gap: 0.5rem !important; text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(255,0,96,0.28) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.h-hero .btn-primary:hover { transform: translateY(-1px) !important; box-shadow: 0 10px 28px rgba(255,0,96,0.36) !important; }
.h-hero .btn-ghost {
  background: var(--vf-cta-ghost-bg, rgba(250,250,247,0.06)) !important;
  border: 1px solid var(--vf-cta-ghost-bd, rgba(250,250,247,0.18)) !important;
  color: var(--vf-cta-ghost-fg, #FAFAF7) !important;
  padding: 0.85rem 1.55rem !important; border-radius: 99px !important; font-weight: 600 !important;
  text-decoration: none !important; transition: background 0.2s, border-color 0.2s !important;
}
.h-hero .btn-ghost:hover {
  background: var(--vf-cta-ghost-bg-hover, rgba(250,250,247,0.12)) !important;
  border-color: var(--vf-cta-ghost-bd-hover, rgba(250,250,247,0.32)) !important;
}
.h-hero .h-trust {
  display: flex !important; justify-content: center !important; align-items: center !important;
  flex-wrap: wrap !important; gap: 0.6rem 1.25rem !important; font-size: 0.78rem !important;
  letter-spacing: 0.05em !important; color: var(--vf-text-subtle, rgba(250,250,247,0.55)) !important;
}
.h-hero .h-trust-dot {
  width: 6px !important; height: 6px !important; border-radius: 50% !important;
  background: var(--vf-t4, #A7FF00) !important; display: inline-block !important;
  box-shadow: 0 0 0 2px rgba(167,255,0,0.18) !important;
}
body:has(.vf--light) .h-hero .h-trust-dot, .vf--light .h-hero .h-trust-dot {
  box-shadow: 0 0 0 2px rgba(61,101,0,0.20) !important;
}

/* §F · CHAKRAPULSE alt class .h-cp */
.h-hero .h-cp, .sa-home .h-hero .h-cp { display: flex !important; justify-content: center !important; gap: 0.6rem !important; margin: 0 auto 1.75rem !important; }
.h-cp span {
  width: 14px !important; height: 14px !important; border-radius: 50% !important;
  display: inline-block !important; animation: vf-cp-pulse 2.4s ease-in-out infinite !important;
  will-change: transform, opacity !important;
}
.h-cp span:nth-child(1) { background: var(--vf-t1, #FF1500) !important; animation-delay: 0s !important; }
.h-cp span:nth-child(2) { background: var(--vf-t2, #FF5500) !important; animation-delay: 0.12s !important; }
.h-cp span:nth-child(3) { background: var(--vf-t3, #FFD000) !important; animation-delay: 0.24s !important; }
.h-cp span:nth-child(4) { background: var(--vf-t4, #A7FF00) !important; animation-delay: 0.36s !important; }
.h-cp span:nth-child(5) { background: var(--vf-t5, #0896F2) !important; animation-delay: 0.48s !important; }
.h-cp span:nth-child(6) { background: var(--vf-t6, #9000FF) !important; animation-delay: 0.60s !important; }
.h-cp span:nth-child(7) { background: var(--vf-t7, #FF008B) !important; animation-delay: 0.72s !important; }
@keyframes vf-cp-pulse { 0%, 100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.3); opacity: 1; } }

/* §G · LIGHT-HERO CP filter */
.h-hero.h-hero-light .h-cp, .sa-home .h-hero-light .h-cp { filter: drop-shadow(0 1px 2px rgba(13,13,26,0.15)) !important; }

/* §H · STAGGERED ENTRANCE */
.h-stage.sa-rv > * { opacity: 0; transform: translateY(18px); transition: opacity 0.7s cubic-bezier(0.2,0.7,0.3,1), transform 0.7s cubic-bezier(0.2,0.7,0.3,1); }
.h-stage.sa-rv.sa-in > * { opacity: 1; transform: translateY(0); }
.h-stage.sa-rv.sa-in > .h-cp { transition-delay: 0.10s; }
.h-stage.sa-rv.sa-in > .h-eyebrow { transition-delay: 0.20s; }
.h-stage.sa-rv.sa-in > h1 { transition-delay: 0.35s; }
.h-stage.sa-rv.sa-in > .h-hero-sub { transition-delay: 0.55s; }
.h-stage.sa-rv.sa-in > .h-cta-row { transition-delay: 0.75s; }
.h-stage.sa-rv.sa-in > .h-trust { transition-delay: 0.95s; }

@media (prefers-reduced-motion: reduce) {
  .h-cp span, body header.ct-header [data-row="middle"]::after { animation: none !important; transition: none !important; }
  .h-stage.sa-rv > * { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media (max-width: 780px) {
  .h-hero h1, .sa-home .h-hero h1 { font-size: clamp(2.25rem, 8vw, 3.5rem) !important; line-height: 1.1 !important; }
  .h-hero .h-trust { font-size: 0.72rem !important; gap: 0.5rem 0.9rem !important; }
}

/* §I · STRUCTURAL VOID-SPACE FIX — flatten page wrappers when .vf--* present */
body.page main#main:has(.vf--home),
body.page main#main:has(.vf--about),
body.page main#main:has(.vf--services),
body.page main#main:has(.vf--tree) {
  padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;
}
body.page main#main:has(.vf--home) > .ct-container-full,
body.page main#main:has(.vf--about) > .ct-container-full,
body.page main#main:has(.vf--services) > .ct-container-full,
body.page main#main:has(.vf--tree) > .ct-container-full,
body.page main#main:has(.vf--home) article.page,
body.page main#main:has(.vf--about) article.page,
body.page main#main:has(.vf--services) article.page,
body.page main#main:has(.vf--tree) article.page,
body.page main#main:has(.vf--home) .entry-content,
body.page main#main:has(.vf--about) .entry-content,
body.page main#main:has(.vf--services) .entry-content,
body.page main#main:has(.vf--tree) .entry-content,
body.page main#main:has(.vf--home) .entry-content.is-layout-constrained,
body.page main#main:has(.vf--about) .entry-content.is-layout-constrained,
body.page main#main:has(.vf--services) .entry-content.is-layout-constrained,
body.page main#main:has(.vf--tree) .entry-content.is-layout-constrained {
  max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important;
}
body main#main .entry-content > .vf--home,
body main#main .entry-content > .vf--about,
body main#main .entry-content > .vf--services,
body main#main .entry-content > .vf--tree,
body main#main .entry-content.is-layout-constrained > .vf--home,
body main#main .entry-content.is-layout-constrained > .vf--about,
body main#main .entry-content.is-layout-constrained > .vf--services,
body main#main .entry-content.is-layout-constrained > .vf--tree {
  max-width: 100% !important; width: 100% !important; margin: 0 !important;
}

/* End v11.0.4 ============================== */
/* ============================================================================
   §J · LIGHT-MODE HOME PAGE SURFACES + TEXT (v11.1.1)
   ----------------------------------------------------------------------------
   The .sa-home single-canvas markup is authored void-only. Two universal
   light-mode rules exist (token override at L34, `.vf.vf--light p` at L566)
   but they don't touch:
     - Non-<p> text bound to var(--parchment) or rgba(250,250,247,.XX)
     - Card overlay backgrounds/borders using rgba(250,250,247,.XX)
   This family re-grounds those on parchment.

   Conventions:
     rgba(250,250,247,.03) → rgba(26, 5, 51, .03)   [mirror tint]
     rgba(250,250,247,.05) → rgba(26, 5, 51, .05)   [hover lift]
     rgba(250,250,247,.08) → rgba(26, 5, 51, .12)   [firmer edge on parchment]
     var(--parchment)      → var(--vf-text)         [titles, prices]
     ~.45-.55 parchment    → var(--vf-text-subtle)  [eyebrows, meta]
     ~.6-.78 parchment     → var(--vf-text-muted)   [body, description]

   Out-of-scope by design:
     - .diff-sec keeps var(--void) (deliberate dark rhythm band)
     - .proj-card, .tree-pill, .tc-img-badge (own dark backdrops)
     - .tc.featured, .tc-bespoke (own per-card backgrounds)
   ============================================================================ */

/* §J.1 — Headings on .sa-home (only <p> is rescued globally; h2/h3/h4 must be explicit) */
.sa-home.vf--light h2,
.sa-home.vf--light h3,
.sa-home.vf--light h4,
body:has(.vf--light) .sa-home h2,
body:has(.vf--light) .sa-home h3,
body:has(.vf--light) .sa-home h4 {
  color: var(--vf-text);
}

/* §J.2 — SERVICES GRID */
.sa-home.vf--light .svc-card,
body:has(.vf--light) .sa-home .svc-card {
  background: rgba(26, 5, 51, 0.03);
  border-color: rgba(26, 5, 51, 0.12);
}
.sa-home.vf--light .svc-card:hover,
body:has(.vf--light) .sa-home .svc-card:hover {
  background: rgba(26, 5, 51, 0.05);
}
.sa-home.vf--light .svc-name,
body:has(.vf--light) .sa-home .svc-name {
  color: var(--vf-text);
}
.sa-home.vf--light .svc-desc,
body:has(.vf--light) .sa-home .svc-desc {
  color: var(--vf-text-muted);
}

/* §J.3 — MEMBERSHIP TIER CARDS (base .tc only; .featured + .tc-bespoke keep their own) */
.sa-home.vf--light .tc:not(.featured):not(.tc-bespoke),
body:has(.vf--light) .sa-home .tc:not(.featured):not(.tc-bespoke) {
  background: rgba(26, 5, 51, 0.03);
  border-color: rgba(26, 5, 51, 0.12);
}
.sa-home.vf--light .tc-plan,
body:has(.vf--light) .sa-home .tc-plan {
  color: var(--vf-text-subtle);
}
.sa-home.vf--light .tc-price,
.sa-home.vf--light .tc-free,
body:has(.vf--light) .sa-home .tc-price,
body:has(.vf--light) .sa-home .tc-free {
  color: var(--vf-text);
}
.sa-home.vf--light .tc-price-period,
body:has(.vf--light) .sa-home .tc-price-period {
  color: var(--vf-text-subtle);
}
.sa-home.vf--light .tc-hook,
body:has(.vf--light) .sa-home .tc-hook {
  color: var(--vf-text-muted);
}

/* §J.4 — TREE STRIP heading */
.sa-home.vf--light .tree-strip h3,
body:has(.vf--light) .sa-home .tree-strip h3 {
  color: var(--vf-text);
}

/* §J.5 — PARTNER STRIP boundary + label */
.sa-home.vf--light .partner-strip,
body:has(.vf--light) .sa-home .partner-strip {
  background: rgba(26, 5, 51, 0.02);
  border-top-color: rgba(26, 5, 51, 0.08);
  border-bottom-color: rgba(26, 5, 51, 0.08);
}
.sa-home.vf--light .partner-label,
body:has(.vf--light) .sa-home .partner-label {
  color: var(--vf-text-subtle);
}

/* End §J ===================================================================== */
/* ============================================================================
   §K · LIGHT-MODE ACCENT-TOKEN SWAPS FOR .sa-home CANVAS (v11.1.2)
   ----------------------------------------------------------------------------
   The .sa-home block (~L1275) declares its own canvas-local accent tokens:
     --anahata-green:   #A7FF00
     --shakti-pink:     #FF0060
     --shakti-magenta:  #FF008B
     --electric-violet: #9000FF
     --spirit-blue:     #0896F2
   These SHADOW the global --sa-*-prefixed tokens. The .vf--light root swap
   at L34 only flips --sa-anahata-green → #3D6500 and --sa-shakti-* → Shakti
   Deep — it doesn't touch these canvas-local copies. Result: every var()
   callsite inside .sa-home (.sec-label, .tree-label, .h-trust-dot, .tc-name
   bound to var(--tc), etc.) keeps the lime/pink values, which fail on
   parchment.

   §K re-declares the local tokens inside .sa-home.vf--light to point at
   the deep variants. Two tokens intentionally NOT swapped:
     --electric-violet (#9000FF) — purple reads correctly on parchment
     --spirit-blue (#0896F2)     — blue reads correctly on parchment

   Architectural note: the parallel --anahata-green / --sa-anahata-green
   namespaces are an audit-followup item (see
   vf.audit.post_page_coverage_checklist_2026_05_14, ARCHITECTURE pass §2).
   §K is surgical; namespace collapse is audit territory.
   ============================================================================ */

.sa-home.vf--light,
body:has(.vf--light) .sa-home {
  --anahata-green:  var(--sa-anahata-deep, #3D6500);
  --shakti-pink:    var(--sa-shakti-deep, #6B0030);
  --shakti-magenta: var(--sa-shakti-deep, #6B0030);
  /* --electric-violet: kept #9000FF (reads on parchment) */
  /* --spirit-blue:     kept #0896F2 (reads on parchment) */
}

/* End §K ===================================================================== */