:root,[data-theme="light"]{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --text-3xl:clamp(2.8rem,1rem + 4vw,5rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --color-bg:#f8f4ee;--color-surface:#fffdf9;--color-surface-2:#f1ece4;--color-surface-offset:#e9dfd1;--color-border:rgba(43,34,24,.12);--color-divider:#ded4c8;
  --color-text:#2b2218;--color-text-muted:#6d6257;--color-text-faint:#9a8d80;--color-text-inverse:#fffaf4;
  --color-primary:#a55a2a;--color-primary-hover:#84431c;--color-primary-highlight:#f3e1d1;--color-secondary:#728b78;--color-accent:#d5aa71;--color-success:#3f7a4c;
  --radius-sm:.45rem;--radius-md:.8rem;--radius-lg:1.15rem;--radius-xl:1.8rem;--radius-full:9999px;
  --shadow-sm:0 1px 2px rgba(43,34,24,.06);--shadow-md:0 12px 28px rgba(43,34,24,.08);--shadow-lg:0 24px 60px rgba(43,34,24,.13);
  --font-display:'Cormorant Garamond', Georgia, serif;--font-body:'Manrope', Arial, sans-serif;
  --content:1200px;
}
[data-theme="dark"]{
  --color-bg:#151310;--color-surface:#1c1814;--color-surface-2:#25201b;--color-surface-offset:#2d2721;--color-border:rgba(255,245,235,.1);--color-divider:#3a342d;
  --color-text:#f2e7d9;--color-text-muted:#c7b8a8;--color-text-faint:#8f8173;--color-text-inverse:#1a140f;
  --color-primary:#d48f5b;--color-primary-hover:#ebb083;--color-primary-highlight:#453225;--color-secondary:#9bb7a0;--color-accent:#edc17a;--color-success:#7bb087;
  --shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 12px 28px rgba(0,0,0,.3);--shadow-lg:0 24px 60px rgba(0,0,0,.42);
}
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}
body{min-height:100dvh;background:var(--color-bg);color:var(--color-text);font:400 var(--text-base)/1.65 var(--font-body)}
a{text-decoration:none;color:inherit} img,svg,video{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit;color:inherit} button{border:0;background:none;cursor:pointer}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.06;font-weight:600} p{max-width:72ch;color:var(--color-text-muted)}
.skip-link{position:absolute;left:-999px;top:1rem;background:var(--color-primary);color:var(--color-text-inverse);padding:.8rem 1rem;border-radius:999px;z-index:1000}.skip-link:focus{left:1rem}
.container{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 84%, transparent);backdrop-filter:blur(14px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.8rem;min-width:0}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--color-primary),var(--color-accent));color:#fff7ef;box-shadow:var(--shadow-sm);flex-shrink:0}.brand-mark svg{width:24px;height:24px}.brand-copy strong{display:block;font-size:var(--text-sm);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-copy span{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}
.nav-wrap{display:flex;align-items:center;gap:.75rem}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a{padding:.8rem 1rem;border-radius:999px;font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.nav-links a:hover,.nav-links a.active{background:var(--color-surface-2);color:var(--color-text)}
.theme-toggle,.menu-toggle{width:46px;height:46px;border:1px solid var(--color-border);border-radius:50%;display:grid;place-items:center;background:var(--color-surface)}.menu-toggle{display:none}
.hero{padding:clamp(4rem,8vw,7rem) 0 4rem}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:999px;background:var(--color-primary-highlight);color:var(--color-primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-hero h1,.hero h1{font-size:var(--text-3xl);margin:1rem 0 1rem}.hero p,.page-hero p{font-size:var(--text-lg)}
.hero-card,.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.video-slot{padding:1rem;background:linear-gradient(160deg,color-mix(in srgb,var(--color-primary) 14%, var(--color-surface)),var(--color-surface));border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}
.video-frame{aspect-ratio:16/10;border-radius:calc(var(--radius-xl) - 1rem);overflow:hidden;border:1px dashed color-mix(in srgb,var(--color-primary) 35%, var(--color-border));background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.05)),url('https://picsum.photos/seed/mindful-shapes-video/1200/800') center/cover;display:grid;place-items:center;position:relative}.video-frame::after{content:'Paste homepage video embed here';position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;background:rgba(18,14,10,.6);color:#fff9f0;border-radius:1rem;text-align:center;font-weight:700;font-size:var(--text-sm)}.play-pill{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(255,248,241,.9);box-shadow:var(--shadow-md)}.play-pill svg{width:28px;height:28px;fill:var(--color-primary);margin-left:4px}
.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.95rem 1.3rem;border-radius:999px;font-size:var(--text-sm);font-weight:800;transition:all .22s ease}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border)}.btn-ghost{background:transparent;border:1px dashed var(--color-border)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat{padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat strong{display:block;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl)}.stat span{font-size:var(--text-sm);color:var(--color-text-muted)}
section,.section{padding:clamp(3.5rem,7vw,6rem) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem}.section-head h2{font-size:var(--text-2xl)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.story-card,.content-card{padding:2rem}.soft-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}
.teacher-grid,.course-grid,.value-grid,.purchase-grid,.detail-grid,.faq-grid{display:grid;gap:1.25rem}.teacher-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(3,1fr)}.value-grid{grid-template-columns:repeat(4,1fr)}.purchase-grid{grid-template-columns:1.1fr .9fr}.detail-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}
.teacher,.course-card,.detail-card,.pricing-card,.mini-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}
.teacher,.detail-card,.pricing-card,.mini-card{padding:1.5rem}.teacher small,.label{display:inline-flex;padding:.38rem .7rem;border-radius:999px;background:var(--color-primary-highlight);color:var(--color-primary);font-weight:800;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.teacher h3,.content-card h3,.detail-card h3{font-size:1.7rem;margin:.8rem 0}.teacher p,.detail-card p,.pricing-card p{font-size:var(--text-sm)}
.course-media{aspect-ratio:4/3;overflow:hidden}.course-media img{width:100%;height:100%;object-fit:cover}.course-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.course-content h3{font-size:1.7rem}.badge-row,.meta-row{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-flex;align-items:center;padding:.36rem .7rem;border-radius:999px;background:var(--color-primary-highlight);color:var(--color-primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.04em}
.list{list-style:none;display:grid;gap:.7rem}.list li{color:var(--color-text-muted)}.list strong{color:var(--color-text)}
.page-hero{padding:4rem 0 2rem}.page-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem}.sidebar{position:sticky;top:98px;align-self:start;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.sidebar h3{font-size:1.5rem;margin-bottom:1rem}.sidebar a{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:1rem;color:var(--color-text-muted);font-weight:700}.sidebar a:hover,.sidebar a.active{background:var(--color-surface-2);color:var(--color-text)}
.detail-card{scroll-margin-top:100px}.detail-card h2{font-size:2.3rem;margin:.9rem 0}.detail-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;margin-top:1.25rem}.detail-box{padding:1.25rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.pricing-card.featured{border-color:color-mix(in srgb,var(--color-primary) 50%, var(--color-border));box-shadow:var(--shadow-md)}.price{font-family:var(--font-display);font-size:2.4rem;color:var(--color-text);margin:.7rem 0}.muted{color:var(--color-text-muted)}.success{color:var(--color-success)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.45rem}.field.full{grid-column:1/-1}.field label{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.field input,.field select,.field textarea{width:100%;padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-surface-2)}.field textarea{min-height:120px;resize:vertical}
details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.2rem}summary{cursor:pointer;font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}details p{padding-top:.75rem}
.cta-banner{padding:2rem;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 10%, var(--color-surface)),var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-xl)}
footer{padding:3.5rem 0 2rem;border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.footer-note{padding-top:1.25rem;font-size:var(--text-sm);color:var(--color-text-faint)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1080px){.hero-grid,.grid-2,.footer-grid,.purchase-grid,.detail-grid,.detail-columns,.page-layout{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}}
@media (max-width:760px){.menu-toggle{display:grid}.nav-links{display:none;position:absolute;top:calc(100% + .75rem);right:1rem;left:1rem;flex-direction:column;align-items:stretch;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.nav-links.open{display:flex}.stats,.teacher-grid,.course-grid,.value-grid,.form-grid{grid-template-columns:1fr}.header-inner,.section-head{align-items:flex-start}.brand-copy span{display:none}.hero-actions .btn,.button-row .btn{width:100%}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.wa-strip{background:#25D366;padding:.85rem 0;text-align:center}.wa-strip a{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:800;color:#fff;text-decoration:none}.wa-strip a:hover{opacity:.88}
@media(max-width:480px){.wa-strip a{font-size:.78rem;gap:.4rem}}

/* ====== CREATOR CREDIT HIGHLIGHT ====== */
.footer-creator-credit {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-xs, 0.82rem);
  color: var(--color-text-muted, #6d6257);
  font-weight: 600;
  margin: 0.25rem 0;
}

.creator-name-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.85rem;
  border-radius: 9999px;
  background: linear-gradient(135deg, rgba(213, 170, 113, 0.25), rgba(165, 90, 42, 0.18));
  border: 1.5px solid var(--color-accent, #d5aa71);
  color: var(--color-primary, #a55a2a);
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.03em;
  box-shadow: 0 3px 12px rgba(165, 90, 42, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  line-height: 1.2;
}

.creator-name-badge svg {
  color: var(--color-accent, #d5aa71);
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.creator-name-badge:hover {
  transform: translateY(-2px) scale(1.04);
  background: linear-gradient(135deg, var(--color-accent, #d5aa71), var(--color-primary, #a55a2a));
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 6px 20px rgba(165, 90, 42, 0.38);
}

.creator-name-badge:hover svg {
  color: #ffffff;
  transform: rotate(72deg) scale(1.2);
}

[data-theme="dark"] .creator-name-badge {
  background: linear-gradient(135deg, rgba(237, 193, 122, 0.25), rgba(212, 143, 91, 0.22));
  border-color: rgba(237, 193, 122, 0.5);
  color: #edc17a;
}

[data-theme="dark"] .creator-name-badge:hover {
  color: #151310;
  background: linear-gradient(135deg, #edc17a, #d48f5b);
}

[data-theme="dark"] .creator-name-badge:hover svg {
  color: #151310;
}