.wow-pp-grid[data-v-01f02d57]{ display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 1rem
}
.tile[data-v-01f02d57]{ position:relative; display:block; border-radius:16px; overflow:hidden; height:220px; box-shadow:0 10px 24px rgba(0,0,0,.08); transition: transform .25s ease, box-shadow .25s ease; text-decoration:none
}
.tile[data-v-01f02d57]:hover{ transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,.12)
}
.tile-img[data-v-01f02d57]{ position:absolute; inset:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; transform: scale(1.03)
}
.tile-overlay[data-v-01f02d57]{ position:absolute; inset:0; pointer-events:none; background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.55) 100%)
}
.tile-content[data-v-01f02d57]{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:18px; color:#fff
}
.eyebrow[data-v-01f02d57]{ font-size:.95rem; opacity:.95; font-weight:800
}
.title[data-v-01f02d57]{ font-size:1.4rem; font-weight:800; letter-spacing:.2px; line-height:1.1
}
.pill[data-v-01f02d57]{ align-self:flex-start; background:#fff; color:#111; border:0; border-radius:999px; padding:8px 16px; font-weight:700; box-shadow: 0 6px 14px rgba(0,0,0,.12)
}

.img-wrap[data-v-b82c0f0c]{ position:relative
}
.img-overlay[data-v-b82c0f0c]{ position:absolute; inset:0; border-radius: 0.5rem; background: rgba(0,0,0,.28); pointer-events:none
}

.quiz-overlay[data-v-977cfd75]{ position:fixed; inset:0; z-index:1000; background:
  radial-gradient(1200px 400px at 10% 10%, color-mix(in srgb, var(--brand-50) 60%, white), transparent 60%),
  radial-gradient(900px 320px at 90% 20%, color-mix(in srgb, var(--aux-ice) 40%, white), transparent 60%),
  rgba(17,24,39,0.55); backdrop-filter: blur(8px);
  display:flex; align-items:center; justify-content:center; padding: 1rem; transition: filter .3s ease, background .4s ease;
  filter: hue-rotate(var(--quiz-hue));
}
.quiz-card[data-v-977cfd75]{ width:min(760px, 96vw);
}
.progress-line[data-v-977cfd75]{ height:6px; background: var(--ink-100); border-radius:999px; overflow:hidden
}
.progress-fill[data-v-977cfd75]{ height:6px; background: var(--brand-600); width:0
}
.pane[data-v-977cfd75]{ padding: 8px 0
}
.pane h3[data-v-977cfd75]{ margin: 0 0 10px 0; font-size: 1.25rem; font-weight:700
}
.flex-1[data-v-977cfd75]{ flex:1
}
.stage[data-v-977cfd75]{ overflow:hidden;
}
.track[data-v-977cfd75]{ display:flex; width:100%; transition: transform .32s cubic-bezier(.2,.6,.2,1)
}
.slide[data-v-977cfd75]{ flex: 0 0 100%;
}

/* Scoped hero CSS with unique class names (whero-*) to avoid conflicts */
.whero[data-v-f43bb09d] { position: relative; isolation: isolate; overflow: clip;
}
.whero-pad[data-v-f43bb09d] { padding-top: clamp(72px, 8vw, 120px); padding-bottom: clamp(54px, 6vw, 96px); min-height: clamp(560px, 5vh, 820px);
}
.whero-eyebrow[data-v-f43bb09d] { display:inline-flex; align-items:center; gap:.5rem; font-size:.7rem; letter-spacing:.12em; margin-bottom:5px; text-transform:uppercase; background:rgba(0,0,0,.6); color:#fff; border-radius:999px; padding:4px 12px;
}
.whero-title[data-v-f43bb09d] { font-weight: 800; line-height: 1.02; letter-spacing: -.01em; font-size: clamp(3.6rem, 4vw + 1rem, 4.6rem); margin-top:.6rem; color:#0b1323;
}
/* Support inverted colour logic so the moving background shows through */
@supports (mix-blend-mode:difference) {
.whero-title[data-v-f43bb09d] { color:#fff; mix-blend-mode:difference;
}
}
.whero-sub[data-v-f43bb09d] { color: #000; font-size: clamp(1rem, .4vw + .95rem, 1.125rem); max-width: 44rem; mix-blend-mode: normal;
}
.whero-subline[data-v-f43bb09d] { display:block; margin-top:1rem; max-width:36rem;
}
.mindful-times-ribbon[data-v-f43bb09d] { padding:12px 0; background:linear-gradient(90deg,#ecfdf5,#fefce8); border-bottom:1px solid #e2e8f0; border-top:1px solid #e2e8f0;
}
.mindful-times-ribbon .container[data-v-f43bb09d] { max-width:960px;
}
.ribbon-inner[data-v-f43bb09d] { display:flex; flex-wrap:wrap; gap:.75rem .5rem; align-items:center; justify-content:space-between; font-size:.95rem;
}
.ribbon-label[data-v-f43bb09d] { font-weight:600; color:#065f46; padding:4px 12px; border-radius:999px; background:#d1fae5; text-transform:uppercase; letter-spacing:.05em; font-size:.75rem;
}
.ribbon-links[data-v-f43bb09d] { display:flex; gap:.5rem; align-items:center; font-weight:600;
}
.ribbon-links .link-wow[data-v-f43bb09d] { font-size:.95rem;
}
.mindful-layout[data-v-f43bb09d]{ display:grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap:1.5rem;
}
.mindful-layout--single[data-v-f43bb09d]{ grid-template-columns:1fr;
}
.mindful-feature[data-v-f43bb09d]{ position:relative; border-radius:24px; overflow:hidden;
}
.mindful-feature-link[data-v-f43bb09d]{ display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none;
}
.mindful-feature-media[data-v-f43bb09d]{ position:relative; padding-top:56%; overflow:hidden;
}
.mindful-feature-media img[data-v-f43bb09d]{ position:absolute; inset:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;
}
.mindful-feature-copy[data-v-f43bb09d]{ padding:1.75rem; background:#843e04; color:#fff; flex:1; display:flex; flex-direction:column; gap:1rem;
}
.mindful-feature-copy h3[data-v-f43bb09d]{ font-size:2rem; line-height:1.2; margin:0; color:#fff !important;
}
.mindful-feature-copy p[data-v-f43bb09d]{ margin:0; color:#dbeafe;
}
.mindful-feature .chip[data-v-f43bb09d]{ background:rgba(255,255,255,.15); color:#fff;
}
.mindful-feature .read-more[data-v-f43bb09d]{ font-weight:600;
}
.mindful-feature--embed[data-v-f43bb09d]{ display:flex; flex-direction:column;
}
.mindful-embed[data-v-f43bb09d]{ border-radius:20px 20px 0 0; overflow:hidden; background:transparent; margin-bottom:0;
}
.mindful-feature--embed .mindful-feature-copy[data-v-f43bb09d]{ border-radius:0 0 20px 20px;
}
.mindful-embed iframe[data-v-f43bb09d]{ width:100%; display:block; border:0;
}
.mindful-feature-latest[data-v-f43bb09d]{ border:1px solid var(--ink-200); border-top:0; border-radius:0 0 20px 20px; background:#fff;
}
.mindful-feature-latest-link[data-v-f43bb09d]{ display:flex; gap:1.25rem; padding:1.5rem; color:inherit; text-decoration:none; align-items:stretch;
}
.mindful-feature-latest-media[data-v-f43bb09d]{ width:150px; border-radius:16px; overflow:hidden; background:#f1f5f9; flex-shrink:0; aspect-ratio:4/3;
}
.mindful-feature-latest-media img[data-v-f43bb09d]{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; display:block;
}
.mindful-feature-latest-body[data-v-f43bb09d]{ display:flex; flex-direction:column; gap:.5rem;
}
.mindful-feature-latest-body h3[data-v-f43bb09d]{ margin:0; font-size:1.35rem; line-height:1.3; color:var(--ink-900);
}
.mindful-feature-latest-body p[data-v-f43bb09d]{ margin:0; color:var(--ink-600); font-size:.95rem;
}
.mindful-feature-latest-cta[data-v-f43bb09d]{ margin-top:auto; font-weight:600; color:var(--brand-700); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px;
}
.mindful-stack[data-v-f43bb09d]{ display:grid; gap:1rem;
}
.mindful-card[data-v-f43bb09d]{ border:1px solid var(--ink-200); border-radius:18px; background:#fff; overflow:hidden;
}
.mindful-card-link[data-v-f43bb09d]{ display:flex; gap:1rem; padding:1rem; color:inherit; text-decoration:none;
}
.mindful-card-media[data-v-f43bb09d]{ flex-shrink:0; width:120px; height:90px; border-radius:12px; overflow:hidden; background:#f8fafc;
}
.mindful-card-media img[data-v-f43bb09d]{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover;
}
.mindful-card-body[data-v-f43bb09d]{ flex:1; display:flex; flex-direction:column; gap:.35rem;
}
.mindful-card-body h4[data-v-f43bb09d]{ margin:0; font-size:1rem; line-height:1.3;
}
.mindful-card-body p[data-v-f43bb09d]{ margin:0; color:#475569; font-size:.9rem;
}
.podcast-cta[data-v-f43bb09d]{ display:flex; flex-wrap:wrap; gap:1rem;
}
.testimonial-stars[data-v-f43bb09d]{ color:#f59e0b; font-size:.9rem; letter-spacing:.1em; margin-bottom:.75rem;
}
@media (max-width: 991.98px){
.mindful-layout[data-v-f43bb09d]{ grid-template-columns:1fr;
}
.mindful-card-link[data-v-f43bb09d]{ flex-direction:column;
}
.mindful-card-media[data-v-f43bb09d]{ width:100%; height:160px;
}
.mindful-feature-latest-link[data-v-f43bb09d]{ flex-direction:column;
}
.mindful-feature-latest-media[data-v-f43bb09d]{ width:100%; height:200px;
}
}
.whero-radial[data-v-f43bb09d] { position:absolute; inset:0; z-index:-1; display:grid; place-items:center; overflow:hidden; perspective:420px; background-image: radial-gradient(circle at 18% -12%, #dbeafe, #ffffff00 22em), conic-gradient(#7bf, #7fb, #b7f, #bf7, #f7b, #fb7, #7bf); opacity:.9;
}
.whero-radial[data-v-f43bb09d]::after, .whero-radial[data-v-f43bb09d]::before{ content:""; position:absolute; inset:-100%; background-image: repeating-conic-gradient(#ffffff20 0 10deg, #0000 0 20deg, #ffffff20 0 40deg, #0000 0 55deg); animation: ray-f43bb09d 30s linear infinite; mix-blend-mode: overlay; pointer-events:none;
}
.whero-radial[data-v-f43bb09d]::before{ animation-duration: 60s; animation-direction: reverse;
}
@keyframes ray-f43bb09d {
to { rotate: 1turn
}
}
.whero-stack[data-v-f43bb09d]{ position:relative; min-height:480px; perspective:1200px
}
.whero-panel[data-v-f43bb09d]{ position:absolute; right:-30px; top:225px; width:min(660px, 100%); background:transparent; border:0; padding:0; transform: translateX(0) translateY(0); transition: transform .35s cubic-bezier(.2,.75,.2,1), z-index .01s;
}
.whero-browser-frame[data-v-f43bb09d]{ border-radius:16px; overflow:hidden; background: rgba(255,255,255,.28); backdrop-filter: saturate(160%) blur(10px); -webkit-backdrop-filter:saturate(160%) blur(10px); border:1px solid rgba(255,255,255,.45); box-shadow:0 18px 48px rgba(2,8,23,.12)
}
.whero-browser-chrome[data-v-f43bb09d]{ height:46px; display:flex; align-items:center; gap:10px; padding:0 10px; background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.38)); border-bottom:1px solid rgba(255,255,255,.35)
}
.whero-browser-dots[data-v-f43bb09d]{ display:flex; gap:6px
}
.whero-browser-dots span[data-v-f43bb09d]{ width:10px; height:10px; border-radius:50%; box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset
}
.whero-browser-dots .r[data-v-f43bb09d]{ background:#ff5f57
}
.whero-browser-dots .y[data-v-f43bb09d]{ background:#febc2e
}
.whero-browser-dots .g[data-v-f43bb09d]{ background:#28c840
}
.whero-browser-url[data-v-f43bb09d]{ flex:1; display:flex; justify-content:center
}
.whero-url-pill[data-v-f43bb09d]{ min-width:55%; max-width:76%; height:30px; display:flex; align-items:center; justify-content:center; gap:8px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.92); border:1px solid #e8eef5; box-shadow: inset 0 0 0 1px #eef3f7; font-size:13px; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis
}
.whero-browser-page[data-v-f43bb09d]{ background:#fff; border-top:1px solid #eef2f7; padding:14px
}
.whero-bar[data-v-f43bb09d]{ height:38px; background:#f8fafc; border:1px solid var(--panel-border, #e5e7eb); border-radius:10px; display:flex; align-items:center; padding:0 12px; gap:10px; color:#334155; font-weight:600
}
.whero-grid-viewport[data-v-f43bb09d]{ overflow:hidden; margin-top:14px
}
.whero-panel .whero-grid[data-v-f43bb09d]{ display:flex; gap:14px; min-width:-moz-max-content; min-width:max-content; will-change: transform; animation: driftFull-f43bb09d var(--drift-time, 18s) cubic-bezier(.25, .01, .25, 1) infinite;
}
.whero-panel:hover .whero-grid[data-v-f43bb09d]{ animation-play-state: paused
}
@keyframes driftFull-f43bb09d {
0%   { transform: translateX(0)
}
6%   { transform: translateX(0)
}
50%  { transform: translateX(calc(-1 * var(--scrollDist, 0px)))
}
56%  { transform: translateX(calc(-1 * var(--scrollDist, 0px)))
}
100% { transform: translateX(0)
}
}
@media (prefers-reduced-motion: reduce) {
.whero-panel .whero-grid[data-v-f43bb09d] { animation: none
}
}
.whero-panel .card[data-v-f43bb09d]{ background:#fff; border:1px solid var(--panel-border, #e5e7eb); border-radius:14px; padding:12px; min-height:140px; width:220px; flex:0 0 220px
}
.whero-spark[data-v-f43bb09d]{ height:88px; background: linear-gradient(180deg, #e2e8f0 0 1px, transparent 0) center/100% 22px repeat-y, linear-gradient(90deg, #94a3b81a, #94a3b845 50%, #94a3b81a); border-radius:8px; margin-top:10px
}
.whero-book[data-v-f43bb09d]{ position:absolute; right:12%; top:-18px; width:320px; max-width:40vw; background:#fff; border:1px solid var(--panel-border, #e5e7eb); border-radius:28px; box-shadow:0 24px 60px rgba(2,8,23,.18); padding:18px 14px 16px; transform: translateX(0) translateY(0); transition: transform .35s cubic-bezier(.2,.75,.2,1), z-index .01s;
}
.whero-panel .btn-primary[data-v-f43bb09d], .whero-book .btn-primary[data-v-f43bb09d] { width: 100%; border-radius: 10px;
}
.whero-stack:hover .whero-panel[data-v-f43bb09d]{ transform: translateX(-12px) translateY(3px)
}
.whero-stack:hover .whero-book[data-v-f43bb09d]{ transform: translateX(16px) translateY(-3px)
}
.whero-appicon[data-v-f43bb09d]{ width:42px; height:42px; border-radius:10px; background: linear-gradient(135deg, #7dd3fc, #f472b6, #fde047); margin:0 auto 10px
}
.whero-line[data-v-f43bb09d]{ height:14px; background:#f1f5f9; border-radius:8px; margin-top:10px
}
.whero-kv[data-v-f43bb09d]{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px
}
.whero-field[data-v-f43bb09d]{ background:#f8fafc; border:1px solid var(--panel-border, #e5e7eb); border-radius:10px; height:38px
}
.whero-cta[data-v-f43bb09d]{ height:50px; display:flex; align-items:center; gap:8px; padding:8px 8px 8px 20px; max-width:406px; background:#f7fafc; border:1px solid #e3eaf2; border-radius:999px; box-shadow: 0 1px 0 #fdfefe inset, 0 0 0 1px #eef3f7;
}
.whero-cta-input[data-v-f43bb09d]{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; background:transparent; outline:0; flex:1; min-width:0; font-size:15px; line-height:1; color:#344256; padding:0
}
.whero-cta-input[data-v-f43bb09d]::-moz-placeholder{ color:#344256; opacity:.9
}
.whero-cta-input[data-v-f43bb09d]::placeholder{ color:#344256; opacity:.9
}
/* Old hero subscribe button styles removed (replaced by WowButton) */
@media (max-width: 991.98px) {
.whero-stack[data-v-f43bb09d] { min-height: 560px; margin-top: 24px
}
.whero-panel[data-v-f43bb09d] { position: relative; top: auto; right: auto; width: 100%
}
.whero-book[data-v-f43bb09d] { position: absolute; right: 6%; top: -22px
}
}
@media (max-width: 575.98px) {
.whero-book[data-v-f43bb09d] { right: 2%; top: -16px; width: 88%
}
}

/* Segmented tabs (copied from listings) */
.seg-group[data-v-f43bb09d]{ display:inline-flex; background:#f8fafc; border:1px solid var(--ink-200); border-radius:999px; padding:2px
}
.seg[data-v-f43bb09d]{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; background:transparent; padding:6px 12px; border-radius:999px; color: var(--ink-700); font-weight:600; font-size:.9rem; transition: all .15s ease;
}
.seg[data-v-f43bb09d]:hover{ background:#eef2f7
}
.seg.active[data-v-f43bb09d]{ background: linear-gradient(180deg, #549483, #3b7768); color:#fff; box-shadow: 0 1px 0 rgba(255,255,255,.4) inset
}