:root {
    --ink:#32133e;
    --muted:#745f7d;
    --paper:#fcf9ff;
    --deep:#3d1850;
    --teal:#70409d;
    --mint:#f0e5fa;
    --gold:#d2a43a;
    --line:#e6d9ee;
    --white:#fff;
    --shadow:0 24px 70px rgba(61,24,80,.14)
  }
  
  * {
    box-sizing:border-box
  }
  
  html {
    scroll-behavior:smooth
  }
  
  body {
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:"DM Sans",sans-serif;
    font-size:16px;
    line-height:1.65
  }
  
  a {
    color:inherit
  }
  
  .wrap {
    width:min(1160px,calc(100% - 40px));
    margin:auto
  }
  
  .nav {
    position:sticky;
    top:0;
    z-index:10;
    background:rgba(250,248,241,.88);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(35,105,99,.12)
  }
  
  .nav-in {
    height:74px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px
  }
  
  .brand {
    font:400 1.05rem Marcellus,serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-decoration:none
  }
  
  .brand span {
    color:var(--teal)
  }
  
  .nav-links {
    display:flex;
    align-items:center;
    gap:24px
  }
  
  .nav-links a {
    text-decoration:none;
    font-size:.92rem;
    font-weight:600
  }
  
  .btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:50px;
    padding:0 24px;
    border-radius:999px;
    background:var(--deep);
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:1px solid var(--deep);
    transition:.2s
  }
  
  .btn:hover {
    transform:translateY(-2px);
    background:var(--teal)
  }
  
  .btn.light {
    background:transparent;
    color:var(--deep);
    border-color:#9fbcb5
  }
  
  .btn.small {
    min-height:42px;
    padding:0 18px;
    font-size:.9rem
  }
  
  .hero {
    min-height:720px;
    display:grid;
    align-items:center;
    position:relative;
    overflow:hidden;
    padding:84px 0 96px
  }
  
  .hero:before {
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    border:1px solid rgba(35,105,99,.16);
    border-radius:50%;
    right:-230px;
    top:-140px;
    box-shadow:0 0 0 80px rgba(35,105,99,.025),0 0 0 160px rgba(35,105,99,.02)
  }
  
  .hero-grid {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;
    position:relative
  }
  
  .eyebrow {
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:.8rem;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-weight:700;
    color:var(--teal)
  }
  
  .eyebrow:before {
    content:"";
    width:30px;
    height:1px;
    background:var(--gold)
  }
  
  h1,h2,h3 {
    font-family:Marcellus,serif;
    font-weight:400;
    line-height:1.12;
    margin-top:0
  }
  
  h1 {
    font-size:clamp(3.5rem,7vw,6.6rem);
    letter-spacing:-.04em;
    margin:22px 0 26px;
    max-width:760px
  }
  
  h1 em {
    display:block;
    color:var(--teal);
    font-style:normal
  }
  
  .lead {
    font-size:1.18rem;
    max-width:620px;
    color:var(--muted)
  }
  
  .actions {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:34px
  }
  
  .micro {
    display:flex;
    gap:22px;
    flex-wrap:wrap;
    margin-top:28px;
    color:var(--muted);
    font-size:.9rem
  }
  
  .micro span:before {
    content:"✓";
    color:var(--teal);
    margin-right:8px;
    font-weight:700
  }
  
  .chakra-stage {
    height:520px;
    position:relative;
    display:grid;
    place-items:center
  }
  
  .aura {
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.98) 0 13%,rgba(223,238,231,.88) 14% 40%,rgba(200,158,80,.12) 41% 55%,transparent 56%);
    box-shadow:inset 0 0 80px rgba(35,105,99,.12)
  }
  
  .orbit {
    position:absolute;
    width:460px;
    height:460px;
    border-radius:50%;
    border:1px dashed rgba(35,105,99,.28);
    animation:spin 40s linear infinite
  }
  
  .chakra-list {
    position:absolute;
    display:flex;
    flex-direction:column;
    gap:11px
  }
  
  .chakra-dot {
    width:46px;
    height:46px;
    border-radius:50%;
    display:grid;
    place-items:center;
    border:5px solid rgba(255,255,255,.8);
    box-shadow:0 6px 20px rgba(24,60,57,.17);
    font-size:0
  }
  
  .chakra-dot:after {
    content:"";
    width:11px;
    height:11px;
    border:1px solid rgba(255,255,255,.9);
    transform:rotate(45deg)
  }
  
  .chakra-dot:nth-child(1) {
    background:#75508a
  }
  
  .chakra-dot:nth-child(2) {
    background:#445f9b
  }
  
  .chakra-dot:nth-child(3) {
    background:#54a5a0
  }
  
  .chakra-dot:nth-child(4) {
    background:#6f9e6b
  }
  
  .chakra-dot:nth-child(5) {
    background:#d4b14f
  }
  
  .chakra-dot:nth-child(6) {
    background:#d57944
  }
  
  .chakra-dot:nth-child(7) {
    background:#af4b54
  }
  
  @keyframes spin {
    to {
      transform:rotate(360deg)
    }
  }
  
  section {
    padding:100px 0
  }
  
  .section-head {
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:60px;
    margin-bottom:48px
  }
  
  .section-head h2 {
    font-size:clamp(2.5rem,5vw,4.2rem);
    margin:12px 0
  }
  
  .section-head p {
    color:var(--muted);
    font-size:1.1rem;
    align-self:end;
    max-width:620px
  }
  
  .outcome {
    background:var(--deep);
    color:#fff
  }
  
  .outcome .section-head p {
    color:#c9d8d5
  }
  
  .benefits {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.14)
  }
  
  .benefit {
    padding:32px 26px;
    background:var(--deep)
  }
  
  .number {
    font-family:Marcellus,serif;
    color:#e6c985;
    font-size:2rem
  }
  
  .benefit h3 {
    font-size:1.35rem;
    margin:18px 0 10px
  }
  
  .benefit p {
    font-size:.94rem;
    color:#c9d8d5;
    margin:0
  }
  
  .curriculum {
    background:#fff
  }
  
  .module-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px
  }
  
  .module {
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:18px;
    padding:0 28px;
    transition:.2s
  }
  
  .module:hover {
    border-color:#9dbeb6;
    box-shadow:0 14px 38px rgba(22,56,52,.08)
  }
  
  summary {
    list-style:none;
    cursor:pointer;
    padding:26px 42px 26px 0;
    position:relative
  }
  
  summary::-webkit-details-marker {
    display:none
  }
  
  summary:after {
    content:"+";
    position:absolute;
    right:0;
    top:28px;
    width:28px;
    height:28px;
    border-radius:50%;
    border:1px solid #a9bdb7;
    display:grid;
    place-items:center;
    font:500 1.1rem DM Sans
  }
  
  .module[open] summary:after {
    content:"–"
  }
  
  .module-label {
    color:var(--teal);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:.75rem;
    font-weight:700
  }
  
  .module h3 {
    font-family:DM Sans,sans-serif;
    font-size:1.15rem;
    font-weight:700;
    margin:5px 0 0
  }
  
  .lesson-list {
    border-top:1px solid var(--line);
    padding:8px 0 24px
  }
  
  .lesson {
    padding:15px 0;
    border-bottom:1px solid var(--line)
  }
  
  .lesson:last-child {
    border:0
  }
  
  .lesson strong {
    display:block;
    font-size:.94rem
  }
  
  .lesson p {
    margin:4px 0 0;
    color:var(--muted);
    font-size:.88rem;
    line-height:1.5
  }
  
  .core {
    grid-column:1/-1;
    background:var(--mint);
    border-color:#b7d0c8
  }
  
  .core summary {
    padding-top:32px
  }
  
  .core summary:after {
    top:34px
  }
  
  .core .lesson-list {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0 28px
  }
  
  .core .lesson:nth-child(3) {
    background:#fff;
    border-radius:14px;
    margin:8px 0;
    padding:20px;
    border:1px solid #bdd2cb
  }
  
  .core .lesson:nth-child(3) strong {
    color:var(--teal)
  }
  
  .kit-grid {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:70px;
    align-items:center
  }
  
  .kit-visual {
    background:var(--mint);
    min-height:500px;
    border-radius:28px;
    padding:48px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
    overflow:hidden
  }
  
  .kit-visual:after {
    content:"";
    position:absolute;
    width:330px;
    height:330px;
    border:1px solid rgba(35,105,99,.22);
    border-radius:50%;
    right:-120px;
    bottom:-110px;
    box-shadow:0 0 0 48px rgba(35,105,99,.07)
  }
  
  .kit-title {
    font:400 3rem Marcellus,serif;
    max-width:280px;
    line-height:1.1
  }
  
  .pendulum {
    align-self:center;
    width:1px;
    height:190px;
    background:var(--gold);
    position:relative;
    z-index:1
  }
  
  .pendulum:after {
    content:"";
    position:absolute;
    bottom:-28px;
    left:-14px;
    width:28px;
    height:38px;
    background:var(--gold);
    clip-path:polygon(50% 0,100% 68%,50% 100%,0 68%)
  }
  
  .kit-copy h2 {
    font-size:clamp(2.5rem,5vw,4rem);
    margin:14px 0 24px
  }
  
  .kit-copy>p {
    color:var(--muted);
    font-size:1.08rem
  }
  
  .checks {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:28px
  }
  
  .check {
    display:flex;
    gap:12px;
    padding:16px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    font-size:.92rem
  }
  
  .check:before {
    content:"✓";
    color:var(--teal);
    font-weight:700
  }
  
  .responsible {
    background:#eef3ef
  }
  
  .note {
    display:grid;
    grid-template-columns:150px 1fr;
    gap:34px;
    align-items:center;
    max-width:880px;
    margin:auto
  }
  
  .note-icon {
    width:130px;
    height:130px;
    border-radius:50%;
    background:var(--deep);
    color:white;
    display:grid;
    place-items:center;
    font:400 3rem Marcellus,serif
  }
  
  .note h2 {
    font-size:2.6rem;
    margin-bottom:14px
  }
  
  .note p {
    color:var(--muted);
    margin:0
  }
  
  .cta {
    padding:110px 0;
    background:var(--deep);
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden
  }
  
  .cta:before,.cta:after {
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%
  }
  
  .cta:before {
    left:-130px;
    top:-90px
  }
  
  .cta:after {
    right:-120px;
    bottom:-140px
  }
  
  .cta h2 {
    font-size:clamp(3rem,6vw,5rem);
    max-width:820px;
    margin:14px auto 20px
  }
  
  .cta p {
    color:#c9d8d5;
    max-width:620px;
    margin:0 auto 32px;
    font-size:1.08rem
  }
  
  .cta .btn {
    background:#e6c985;
    color:var(--deep);
    border-color:#e6c985
  }
  
  .soon {
    display:block;
    margin-top:18px;
    color:#a9bfba;
    font-size:.88rem
  }
  
  .footer {
    padding:32px 0;
    background:#102e2d;
    color:#c5d2d0
  }
  
  .footer-in {
    display:flex;
    justify-content:space-between;
    gap:20px;
    font-size:.85rem
  }
  
  .footer a {
    color:#fff
  }
  
  @media(max-width:850px) {
    .nav-links a:not(.btn) {
      display:none
    }
    .hero {
      padding:62px 0
    }
    .hero-grid,.section-head,.kit-grid {
      grid-template-columns:1fr
    }
    .hero-grid {
      gap:20px
    }
    .chakra-stage {
      height:420px
    }
    .aura {
      width:340px;
      height:340px
    }
    .orbit {
      width:380px;
      height:380px
    }
    .benefits {
      grid-template-columns:1fr 1fr
    }
    .module-grid {
      grid-template-columns:1fr
    }
    .core {
      grid-column:auto
    }
    .core .lesson-list {
      grid-template-columns:1fr
    }
    .section-head {
      gap:8px
    }
    .kit-grid {
      gap:36px
    }
    .kit-visual {
      min-height:410px
    }
    .note {
      grid-template-columns:1fr;
      text-align:center
    }
    .note-icon {
      margin:auto
    }
    .footer-in {
      flex-direction:column
    }
  }
  
  @media(max-width:520px) {
    .wrap {
      width:min(100% - 28px,1160px)
    }
    .brand {
      font-size:.88rem
    }
    .nav .btn {
      padding:0 14px
    }
    .hero {
      min-height:auto
    }
    .hero:before {
      right:-500px
    }
    h1 {
      font-size:3.35rem
    }
    .lead {
      font-size:1.03rem
    }
    .actions .btn {
      width:100%
    }
    .chakra-stage {
      height:350px
    }
    .aura {
      width:280px;
      height:280px
    }
    .orbit {
      width:320px;
      height:320px
    }
    .chakra-dot {
      width:39px;
      height:39px
    }
    .benefits {
      grid-template-columns:1fr
    }
    .module {
      padding:0 20px
    }
    .checks {
      grid-template-columns:1fr
    }
    .kit-visual {
      padding:30px
    }
    .note h2 {
      font-size:2.2rem
    }
    .footer-in {
      text-align:center
    }
    .micro {
      gap:8px
    }
  }
  
  @media(prefers-reduced-motion:reduce) {
    html {
      scroll-behavior:auto
    }
    .orbit {
      animation:none
    }
    .btn {
      transition:none
    }
  }
  
  .hero {
    background:radial-gradient(circle at 80% 18%,rgba(218,193,239,.45),transparent 28%),linear-gradient(135deg,#fff 0%,#fcf8ff 62%,#f0e5fa 100%)
  }
  
  .hero:before {
    border-color:rgba(112,64,157,.18);
    box-shadow:0 0 0 80px rgba(112,64,157,.035),0 0 0 160px rgba(210,164,58,.025)
  }
  
  .chakra-stage {
    height:520px
  }
  
  .brand-card {
    width:min(455px,100%);
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(112,64,157,.16);
    box-shadow:0 30px 80px rgba(61,24,80,.16),0 0 0 28px rgba(255,255,255,.34);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
    z-index:2
  }
  
  .brand-crop {
    width:86%;
    height:66%;
    overflow:hidden;
    position:relative
  }
  
  .brand-crop img {
    position:absolute;
    width:100%;
    height:auto;
    left:0;
    top:0
  }
  
  .orbit {
    width:500px;
    height:500px;
    border-color:rgba(112,64,157,.3)
  }
  
  .orbit:after {
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--gold);
    top:42px;
    right:78px;
    box-shadow:0 0 0 8px rgba(210,164,58,.14)
  }
  
  .outcome {
    background:linear-gradient(135deg,#32133e,#512366 58%,#6f4095)
  }
  
  .outcome .section-head p,.benefit p {
    color:#e3d5e9
  }
  
  .benefit {
    background:rgba(50,19,62,.82)
  }
  
  .responsible {
    background:#f2e9f8
  }
  
  .cta {
    background:linear-gradient(135deg,#32133e,#5a2b72)
  }
  
  .footer {
    background:#281031;
    color:#ddcfe3
  }
  
  .brand-crop {
    height:54%
  }
  
  .course-symbol {
    width:82%;
    height:82%;
    object-fit:contain;
    display:block
  }
  
  @media(max-width:850px) {
    .brand-card {
      width:360px
    }
    .orbit {
      width:400px;
      height:400px
    }
  }
  
  .chakra-band {
    padding:34px 0 44px;
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line)
  }
  
  .chakra-band-head {
    text-align:center;
    margin-bottom:24px
  }
  
  .chakra-band-head span {
    color:var(--teal);
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase
  }
  
  .chakra-row {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:14px
  }
  
  .chakra-item {
    text-align:center
  }
  
  .chakra-symbol {
    width:66px;
    height:66px;
    border-radius:50%;
    margin:0 auto 10px;
    display:grid;
    place-items:center;
    background:var(--chakra);
    box-shadow:inset 0 0 0 7px rgba(255,255,255,.42),0 7px 20px color-mix(in srgb,var(--chakra) 28%,transparent)
  }
  
  .chakra-symbol:before {
    content:"";
    width:20px;
    height:20px;
    border:1px solid rgba(255,255,255,.92);
    border-radius:50%;
    box-shadow:0 0 0 5px rgba(255,255,255,.22)
  }
  
  .chakra-item strong {
    display:block;
    font-family:Marcellus,serif;
    font-size:1rem;
    color:var(--ink)
  }
  
  .chakra-item small {
    display:block;
    color:var(--muted);
    font-size:.74rem
  }
  
  .chakra-item:nth-child(1) {
    --chakra:#7d4ca5
  }
  
  .chakra-item:nth-child(2) {
    --chakra:#5363a8
  }
  
  .chakra-item:nth-child(3) {
    --chakra:#43a1b0
  }
  
  .chakra-item:nth-child(4) {
    --chakra:#72a06d
  }
  
  .chakra-item:nth-child(5) {
    --chakra:#dfbb42
  }
  
  .chakra-item:nth-child(6) {
    --chakra:#dd8248
  }
  
  .chakra-item:nth-child(7) {
    --chakra:#b64d61
  }
  
  @media(max-width:850px) {
    .chakra-row {
      grid-template-columns:repeat(4,1fr)
    }
  }
  
  @media(max-width:520px) {
    .brand-card {
      width:290px
    }
    .orbit {
      width:330px;
      height:330px
    }
    .chakra-row {
      grid-template-columns:repeat(2,1fr);
      gap:24px 12px
    }
    .chakra-item:last-child {
      grid-column:1/-1
    }
    .chakra-symbol {
      width:58px;
      height:58px
    }
  }
  
  .chakra-stage {
    height:auto;
    min-height:590px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:26px
  }
  
  .chakra-visual {
    width:100%;
    height:500px;
    position:relative;
    display:grid;
    place-items:center
  }
  
  .brand-card {
    background:#fff
  }
  
  .course-symbol {
    width:90%;
    height:90%;
    object-fit:contain;
    display:block
  }
  
  .course-signature {
    text-align:center;
    position:relative;
    z-index:3;
    margin-top:-10px
  }
  
  .course-signature strong {
    display:block;
    font-family:Marcellus,serif;
    font-size:clamp(1.55rem,2.6vw,2.15rem);
    font-weight:400;
    letter-spacing:.045em;
    text-transform:uppercase;
    color:var(--deep)
  }
  
  .course-signature span {
    display:block;
    margin-top:4px;
    color:var(--teal);
    font-size:.98rem;
    font-weight:500
  }
  
  @media(max-width:850px) {
    .chakra-stage {
      min-height:540px
    }
    .chakra-visual {
      height:420px
    }
    .course-signature {
      margin-top:0
    }
  }
  
  @media(max-width:520px) {
    .chakra-stage {
      min-height:470px;
      gap:18px
    }
    .chakra-visual {
      height:350px
    }
    .course-signature strong {
      font-size:1.42rem
    }
    .course-signature span {
      font-size:.9rem;
      max-width:310px
    }
  }