Autosave: 20260324-124926

wp-content/mu-plugins/coaching-mvp.php

@@ -704,6 +704,115 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
   box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 8px 18px rgba(95,45,255,.08);
   font-weight: 800;
 }
+.coach-work-together-section {
+  position: relative;
+  overflow: hidden;
+  padding: clamp(1.6rem, 3vw, 2.4rem);
+  background:
+    radial-gradient(circle at 10% 16%, rgba(95,45,255,.08), transparent 24%),
+    radial-gradient(circle at 88% 18%, rgba(0,184,169,.08), transparent 22%),
+    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,249,255,.96));
+  border: 1px solid rgba(95,45,255,.08);
+  box-shadow: 0 24px 60px rgba(9,18,40,.07);
+}
+.coach-work-together-section::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 38%, rgba(95,45,255,.03));
+  pointer-events: none;
+}
+.coach-work-together-section > .wp-block-group__inner-container {
+  position: relative;
+  z-index: 1;
+}
+.coach-work-together-section .wp-block-heading,
+.coach-work-together-section > .wp-block-group__inner-container > p:not(.coach-badge) {
+  max-width: 46rem;
+}
+.coach-work-grid {
+  gap: 1.15rem;
+  margin-top: 1.45rem;
+  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+}
+.coach-work-grid .coach-system-card {
+  --work-accent: rgba(95,45,255,.16);
+  position: relative;
+  overflow: hidden;
+  min-height: 220px;
+  padding: 1.45rem 1.35rem 1.3rem;
+  background:
+    radial-gradient(circle at 100% 0%, rgba(255,255,255,.82), transparent 30%),
+    linear-gradient(180deg, rgba(255,255,255,.995), rgba(247,249,255,.97));
+  border: 1px solid rgba(95,45,255,.09);
+  box-shadow: 0 16px 36px rgba(9,18,40,.08);
+}
+.coach-work-grid .coach-system-card::before {
+  content: "";
+  position: absolute;
+  inset: 0 auto auto 0;
+  width: 100%;
+  height: 4px;
+  background: linear-gradient(90deg, var(--work-accent), rgba(95,45,255,0));
+}
+.coach-work-grid .coach-system-card::after {
+  content: "";
+  position: absolute;
+  right: -2.2rem;
+  top: -2.2rem;
+  width: 7rem;
+  height: 7rem;
+  border-radius: 50%;
+  background: radial-gradient(circle, var(--work-accent), rgba(255,255,255,0) 68%);
+  opacity: .95;
+  pointer-events: none;
+}
+.coach-work-grid .coach-system-card:nth-child(3n+2) {
+  --work-accent: rgba(0,184,169,.17);
+}
+.coach-work-grid .coach-system-card:nth-child(3n+3) {
+  --work-accent: rgba(255,159,28,.20);
+}
+.coach-work-grid .coach-system-card:hover {
+  transform: translateY(-5px);
+  border-color: rgba(95,45,255,.16);
+  box-shadow: 0 24px 52px rgba(9,18,40,.12);
+}
+.coach-work-grid .coach-icon-dot {
+  width: 3rem;
+  height: 3rem;
+  border-radius: 18px;
+  margin-bottom: 1.15rem;
+  background: linear-gradient(135deg, color-mix(in srgb, var(--work-accent) 88%, white 12%), rgba(255,255,255,.92));
+  border: 1px solid rgba(255,255,255,.75);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 14px 24px rgba(9,18,40,.08);
+  font-size: .92rem;
+  letter-spacing: .04em;
+}
+.coach-work-grid .coach-system-card h3 {
+  margin-top: 0;
+  margin-bottom: .72rem;
+  font-size: 1.14rem;
+  line-height: 1.28;
+  color: #1b1448;
+}
+.coach-work-grid .coach-system-card p {
+  margin-bottom: 0;
+  font-size: .98rem;
+  line-height: 1.65;
+  color: rgba(39,52,74,.84);
+}
+@media (max-width: 781px) {
+  .coach-work-together-section {
+    padding: 1.35rem;
+  }
+  .coach-work-grid {
+    grid-template-columns: 1fr;
+  }
+  .coach-work-grid .coach-system-card {
+    min-height: 0;
+  }
+}
 .coach-form-wrap {
   padding: 1.55rem;
   background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,245,255,.96));
@@ -938,7 +1047,7 @@ function coaching_mvp_home_content() {
 <!-- /wp:html -->
 
 <!-- wp:group {"className":"coach-section","layout":{"type":"constrained"}} -->
-<div class="wp-block-group coach-section"><div class="wp-block-group__inner-container">
+<div class="wp-block-group coach-section coach-work-together-section"><div class="wp-block-group__inner-container">
 <!-- wp:paragraph {"className":"coach-badge"} -->
 <p class="coach-badge">How we can work together</p>
 <!-- /wp:paragraph -->
@@ -949,7 +1058,7 @@ function coaching_mvp_home_content() {
 <p>Whether you need space to think strategically, prepare for a difficult conversation, or navigate a major transition, the work is designed to help you move forward with more clarity and steadiness.</p>
 <!-- /wp:paragraph -->
 <!-- wp:html -->
-<div class="coach-system-grid">
+<div class="coach-system-grid coach-work-grid">
   <article class="coach-system-card"><span class="coach-icon-dot">01</span><h3>Leadership clarity</h3><p>Step back from the noise, identify what matters most, and lead with stronger intention.</p></article>
   <article class="coach-system-card"><span class="coach-icon-dot">02</span><h3>Decision support</h3><p>Work through complex choices with a calm, structured process that reduces second-guessing.</p></article>
   <article class="coach-system-card"><span class="coach-icon-dot">03</span><h3>Career transitions</h3><p>Navigate promotions, role changes, pivots, and new responsibilities with more confidence.</p></article>