body.svs-page { margin: 0; }
.experience-subpage { min-height: 100vh; overflow: clip; background: #fff; color: var(--xp-ink); font-family: var(--xp-sans); }
.experience-subpage *, .experience-subpage *::before, .experience-subpage *::after { box-sizing: border-box; }
.experience-subpage h1, .experience-subpage h2, .experience-subpage h3, .experience-subpage p { margin: 0; color: inherit; }
.experience-subpage a { color: inherit; text-decoration: none; }
.experience-subpage img, .experience-subpage video { display: block; max-width: 100%; }
.page-main { padding-top: 93px; }
.page-hero { padding: 88px 0 76px; text-align: center; background: radial-gradient(circle at 12% 35%, rgba(61,140,240,.14), transparent 24%), radial-gradient(circle at 82% 25%, rgba(231,101,184,.14), transparent 27%), linear-gradient(145deg, #f9fdff, #fff 53%, #fdf8ff); }
.page-hero h1 { max-width: 880px; margin: 0 auto; color: var(--xp-ink); font: 800 clamp(50px, 7.2vw, 92px)/.98 var(--xp-display); letter-spacing: -.07em; }
.page-hero h1 em, .page-heading h2 em, .about-copy h2 em { font-style: italic; }
.page-hero p:last-child { max-width: 640px; margin: 23px auto 0; color: var(--xp-ink-soft); font-size: 17px; line-height: 1.65; }
.page-heading { max-width: 680px; margin-bottom: 55px; }.page-heading h2, .about-copy h2 { color: var(--xp-ink); font: 800 clamp(39px, 5vw, 66px)/1.02 var(--xp-display); letter-spacing: -.06em; }.page-heading > p:last-child { margin-top: 20px; color: var(--xp-ink-soft); font-size: 16px; line-height: 1.65; }
.page-section { padding: 114px 0; }.page-section-tint { background: linear-gradient(145deg, #f1faff, #fbf8ff 52%, #fff9f4); }.page-section-dark { color: #fff; background: linear-gradient(140deg, #28275d, #343272 67%, #4b3f7c); }.page-section-dark .page-heading h2 { color: #fff; }.page-section-dark .experience-eyebrow { color: #f2c7ff !important; }
.page-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.page-route-card { min-height: 230px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--xp-line); border-radius: 18px; background: rgba(255,255,255,.77); box-shadow: 0 12px 30px rgba(50,56,120,.06); transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease; }.page-route-card:hover { transform: translateY(-6px); box-shadow: 0 23px 45px rgba(50,56,120,.12); }.page-route-card span { color: #9662dc; font-size: 10px; font-weight: 800; letter-spacing: .12em; }.page-route-card h3 { margin-top: 25px; color: var(--xp-ink); font: 700 27px/1.08 var(--xp-display); letter-spacing: -.045em; }.page-route-card p { margin-top: 13px; color: var(--xp-ink-soft); font-size: 13px; line-height: 1.55; }.page-route-card strong { margin-top: auto; padding-top: 22px; color: #7560ca; font-size: 12px; }
.about-grid { display: grid; grid-template-columns: minmax(290px,.75fr) minmax(0,1.05fr); gap: clamp(48px, 10vw, 150px); align-items: center; }.about-photo { position: relative; width: min(100%, 380px); padding: 13px; border-radius: 190px 190px 26px 26px; background: linear-gradient(135deg, #e5f7ff, #f7eaff 54%, #fff2e8); box-shadow: var(--xp-shadow); }.about-photo img { width: 100%; aspect-ratio: .83; object-fit: cover; border-radius: 178px 178px 17px 17px; }.about-photo span { position: absolute; right: -20px; bottom: 28px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.88); border-radius: 12px; background: rgba(255,255,255,.78); box-shadow: 0 14px 34px rgba(50,56,120,.13); color: #9562dc; font-size: 10px; font-weight: 800; letter-spacing: .1em; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }.about-copy > p:not(.experience-eyebrow) { max-width: 580px; margin-top: 21px; color: var(--xp-ink-soft); font-size: 16px; line-height: 1.7; }.about-links { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 28px; }
.team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.team-card { display: grid; grid-template-columns: minmax(180px, .72fr) minmax(0, 1fr); gap: clamp(22px, 4vw, 44px); align-items: center; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--xp-line); border-radius: 22px; background: rgba(255,255,255,.78); box-shadow: 0 14px 35px rgba(50,56,120,.07); }.team-card-media { width: 100%; }.team-card-founder .about-photo { width: 100%; padding: 9px; border-radius: 130px 130px 19px 19px; }.team-card-founder .about-photo img { border-radius: 121px 121px 13px 13px; }.team-card-founder .about-photo span { right: -14px; bottom: 18px; padding: 10px 11px; font-size: 8px; }.team-card-copy h3 { margin-top: 10px; color: var(--xp-ink); font: 800 clamp(30px, 3vw, 43px)/1 var(--xp-display); letter-spacing: -.06em; }.team-card-copy > p:not(.experience-eyebrow) { margin-top: 17px; color: var(--xp-ink-soft); font-size: 14px; line-height: 1.65; }.team-card-copy .experience-partner-facts { margin-top: 21px; }.team-card-copy .experience-text-link { margin-top: 23px; font-size: 12px; }.team-initials { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: .83; padding: 24px; border-radius: 130px 130px 19px 19px; color: #fff; background: linear-gradient(145deg, #28275d 4%, #4b3f7c 60%, #9862dc); box-shadow: var(--xp-shadow); }.team-initials > span { font: 800 clamp(62px, 7vw, 100px)/.85 var(--xp-display); letter-spacing: -.08em; }.team-initials small { font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.45; }
.page-video { width: min(100%, 390px); margin: 43px auto 0; border: 1px solid rgba(126,100,202,.2); border-radius: 21px; box-shadow: var(--xp-shadow); background: #292a60; }.page-video-embed { width: min(100%, 760px); aspect-ratio: 16 / 9; height: auto; }.about-note { max-width: 620px; margin: 24px auto 0; color: #747994; font-size: 12px; text-align: center; }
.page-cta { padding: 132px 0; text-align: center; background: radial-gradient(circle at 15% 30%,rgba(61,140,240,.15),transparent 25%), radial-gradient(circle at 79% 62%,rgba(239,105,176,.15),transparent 26%), linear-gradient(135deg,#f4fbff,#fcf6ff 54%,#fff8f1); }.page-cta > div { max-width: 760px; }.page-cta h2 { margin-bottom: 18px; color: var(--xp-ink); font: 800 clamp(34px,4.6vw,59px)/1.05 var(--xp-display); letter-spacing: -.06em; }.page-cta-copy { max-width: 500px; margin: 0 auto 30px; color: var(--xp-ink-soft); font-size: 16px; line-height: 1.65; }
.pricing-hero h1 { max-width: 960px; }.pricing-section { padding: 112px 0; background: #fff; }.pricing-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(360px,.9fr); gap:clamp(50px,11vw,150px); align-items:center; }.pricing-copy h2 { color:var(--xp-ink); font:800 clamp(39px,4.9vw,65px)/1.02 var(--xp-display); letter-spacing:-.065em; }.pricing-copy > p:not(.experience-eyebrow) { max-width:540px; margin-top:20px; color:var(--xp-ink-soft); font-size:16px; line-height:1.7; }.pricing-copy .experience-text-link { margin-top:27px; }.pricing-card { padding:clamp(25px,4vw,38px); border:1px solid rgba(137,98,214,.27); border-radius:24px; background:linear-gradient(145deg,rgba(246,240,255,.95),rgba(244,251,255,.92)); box-shadow:var(--xp-shadow), inset 0 1px 0 rgba(255,255,255,.88); }.pricing-card-label { color:#8f60d7; font-size:10px; font-weight:800; letter-spacing:.12em; }.pricing-card h2 { margin-top:20px; color:var(--xp-ink); font:800 43px/1 var(--xp-display); letter-spacing:-.06em; }.pricing-price { margin:23px 0 0; color:var(--xp-ink); font:800 clamp(58px,6vw,76px)/.9 var(--xp-display); letter-spacing:-.08em; }.pricing-price sup { font-size:.4em; vertical-align:top; }.pricing-price-note { margin-top:11px; color:#6a6f8c; font-size:13px; font-weight:600; }.pricing-card ul { display:grid; gap:12px; margin:29px 0; padding:0; list-style:none; color:#4d5278; font-size:14px; line-height:1.45; }.pricing-card li { display:flex; gap:9px; align-items:flex-start; }.pricing-card li::before { content:"✓"; color:#9461dc; font-weight:800; }.pricing-card .experience-apply { width:100%; }.pricing-card small { display:block; margin-top:18px; color:#747995; font-size:11px; line-height:1.5; }
.experience-footer { margin-top: 0; }
.experience-principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.experience-principle-card { min-height: 282px; }
.experience-principle-card .experience-week-inner { min-height: 282px; }
.experience-principle-card .experience-week-face { padding: 21px; }
.experience-principle-card .experience-week-face h3 { margin-top: 20px !important; font-size: 25px !important; }
.experience-principle-card .experience-week-face p { margin-top: 13px !important; }
.experience-principle-card .experience-week-back h3 { margin-top: 16px !important; }
.legal-hero { padding-bottom: 69px; }.legal-hero h1 { max-width: 760px; font-size: clamp(47px, 6.1vw, 78px); }.legal-hero p:last-child { max-width: 590px; }.legal-content { padding: 96px 0 118px; background: #fff; }.legal-grid { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: clamp(46px, 8vw, 120px); }.legal-index { position: sticky; top: 102px; align-self: start; display: grid; gap: 11px; padding: 18px 0; border-top: 1px solid var(--xp-line); border-bottom: 1px solid var(--xp-line); }.legal-index span { color: #8b90aa; font-size: 10px; font-weight: 800; letter-spacing: .11em; }.legal-index a { color: #62688a; font-size: 12px; font-weight: 700; }.legal-index a:hover { color: var(--xp-violet); }.legal-prose { max-width: 750px; }.legal-prose > section + section { margin-top: 48px; padding-top: 48px; border-top: 1px solid var(--xp-line); }.legal-prose h2 { color: var(--xp-ink); font: 800 clamp(28px, 3vw, 40px)/1.08 var(--xp-display); letter-spacing: -.055em; }.legal-prose h3 { margin-top: 25px; color: #343966; font-size: 14px; font-weight: 800; }.legal-prose p, .legal-prose li { color: var(--xp-ink-soft); font-size: 15px; line-height: 1.75; }.legal-prose h2 + p, .legal-prose h3 + p { margin-top: 16px; }.legal-prose p + p { margin-top: 14px; }.legal-prose ul { display: grid; gap: 9px; margin: 18px 0 0; padding-left: 20px; }.legal-prose a { color: #7559c9; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }.legal-callout { margin-bottom: 47px; padding: 23px 25px; border: 1px solid rgba(145,99,219,.22); border-radius: 17px; background: linear-gradient(120deg, #f4efff, #f5fbff); }.legal-callout span { display: block; color: #9761dc; font-size: 10px; font-weight: 800; letter-spacing: .12em; }.legal-callout p { margin-top: 8px; color: #454a73; font-size: 14px; line-height: 1.6; }.legal-contact { margin-top: 25px; padding: 19px 20px; border-radius: 14px; background: #f7f6fc; color: #454a73; font-size: 14px; line-height: 1.6; }
@media (max-width: 980px) { .team-grid { grid-template-columns: 1fr; }.team-card { grid-template-columns: minmax(220px, .72fr) minmax(0, 1fr); } }
@media (max-width: 800px) { .page-route-grid { grid-template-columns: 1fr; }.about-grid, .legal-grid { grid-template-columns: 1fr; }.about-photo { margin: 0 auto; }.page-section, .legal-content { padding: 82px 0; }.page-main { padding-top: 73px; }.page-hero { padding: 78px 0 66px; }.page-hero h1 { font-size: clamp(50px,14vw,75px); }.about-photo span { right: -3px; bottom: 20px; }.team-card { grid-template-columns: 1fr; }.team-card-media { width: min(100%, 270px); margin: 0 auto; }.team-card-copy { padding: 0 4px 6px; }.legal-index { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width:800px) { .pricing-layout { grid-template-columns:1fr; }.pricing-section { padding:82px 0; }.pricing-card { max-width:560px; } }
@media (max-width: 800px) { .experience-principle-grid { grid-template-columns: 1fr; }.experience-principle-card, .experience-principle-card .experience-week-inner { min-height: 254px; } }

/* Keep the pricing lockup on a deliberate baseline instead of letting the superscript overlap the amount or supporting copy. */
.pricing-card h2 { margin-top: 22px; line-height: 1.08; }
.experience-subpage .pricing-price { display: flex; align-items: flex-start; gap: 7px; margin: 24px 0 0; line-height: 1; white-space: nowrap; }
.pricing-price sup { display: block; margin-top: .12em; font-size: .4em; line-height: 1; vertical-align: baseline; }
.experience-subpage .pricing-price-note { margin: 17px 0 0; line-height: 1.45; }
.experience-subpage .page-cta-copy { margin: 0 auto 30px; }
.experience-subpage .about-note { margin: 24px auto 0; }

/* The display face needs a little room to breathe at large sizes. */
.experience-subpage .page-hero h1,
.experience-subpage .page-heading h2,
.experience-subpage .about-copy h2,
.experience-subpage .pricing-copy h2 { letter-spacing: -.045em; }
.experience-subpage .pricing-card h2 { letter-spacing: -.045em; }
.experience-subpage .pricing-price { letter-spacing: -.05em; }

/* Pricing and enrollment page */
.pricing-build { padding: 116px 0 124px; background: #fff; }
.pricing-timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.pricing-timeline li { min-height: 278px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--xp-line); border-radius: 19px; background: rgba(255,255,255,.82); box-shadow: 0 12px 30px rgba(50,56,120,.06); }
.pricing-timeline li:nth-child(2) { background: #fbf8ff; }.pricing-timeline li:nth-child(3) { background: #f6fbff; }.pricing-timeline li:nth-child(4) { background: #fff9f4; }
.pricing-timeline span, .pricing-enrollment-path span { color: #9662dc; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.pricing-timeline h3 { margin-top: 26px; color: var(--xp-ink); font: 700 26px/1.08 var(--xp-display); letter-spacing: -.04em; }
.pricing-timeline p { margin-top: 15px; color: var(--xp-ink-soft); font-size: 13px; line-height: 1.58; }
.pricing-output { padding: 124px 0; background: linear-gradient(145deg, #f1faff, #fbf8ff 52%, #fff9f4); }
.pricing-output-grid, .pricing-parent-grid, .pricing-clarity-grid { display: grid; grid-template-columns: minmax(0,.88fr) minmax(390px,.92fr); gap: clamp(54px, 10vw, 145px); align-items: center; }
.pricing-output-copy h2, .pricing-parent-copy h2, .pricing-clarity-grid h2 { color: var(--xp-ink); font: 800 clamp(39px, 4.8vw, 65px)/1.03 var(--xp-display); letter-spacing: -.045em; }
.pricing-output-copy > p:not(.experience-eyebrow), .pricing-parent-copy > p:not(.experience-eyebrow) { max-width: 545px; margin-top: 21px; color: var(--xp-ink-soft); font-size: 16px; line-height: 1.7; }
.pricing-output-list { display: grid; border-top: 1px solid var(--xp-line); }
.pricing-output-list > div { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 21px 0; border-bottom: 1px solid var(--xp-line); }
.pricing-output-list span { color: #9a62e7; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.pricing-output-list p { color: var(--xp-ink-soft); font-size: 14px; line-height: 1.6; }
.pricing-output-list strong { color: var(--xp-ink); }
.pricing-parent { padding: 124px 0; background: #fff; }
.pricing-parent-copy .experience-text-link { margin-top: 27px; }
.pricing-proof-video { width: 100%; margin-top: 0; }
.pricing-enrollment { padding: 122px 0; background: #292a60; color: #fff; }
.pricing-enrollment .page-heading h2 { color: #fff; }.pricing-enrollment .page-heading > p:last-child { color: rgba(255,255,255,.72); }.pricing-enrollment .experience-eyebrow { color: #e5c1ff !important; }
.pricing-enrollment-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.pricing-enrollment-path li { min-height: 220px; display: flex; flex-direction: column; padding: 23px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(255,255,255,.06); }
.pricing-enrollment-path span { color: #d9b1ff; }.pricing-enrollment-path strong { margin-top: auto; padding-top: 30px; color: #fff; font: 700 25px/1.08 var(--xp-display); letter-spacing: -.04em; }.pricing-enrollment-path p { margin-top: 11px; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.55; }
.pricing-clarity { padding: 116px 0; background: #fff; }.pricing-clarity-grid { align-items: start; }.pricing-clarity-copy { max-width: 560px; }.pricing-clarity-copy p { color: var(--xp-ink-soft); font-size: 15px; line-height: 1.7; }.pricing-clarity-copy p + p { margin-top: 18px; }.pricing-clarity-copy .experience-text-link { margin-top: 27px; }
@media (max-width: 980px) { .pricing-timeline, .pricing-enrollment-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }.pricing-output-grid, .pricing-parent-grid, .pricing-clarity-grid { grid-template-columns: 1fr; gap: 52px; } }
@media (max-width: 800px) { .pricing-build, .pricing-output, .pricing-parent, .pricing-enrollment, .pricing-clarity { padding: 82px 0; }.pricing-timeline li { min-height: 236px; }.pricing-proof-video { max-width: 620px; }.pricing-enrollment-path li { min-height: 188px; } }
@media (max-width: 560px) { .pricing-timeline, .pricing-enrollment-path { grid-template-columns: 1fr; }.pricing-timeline li { min-height: 218px; }.pricing-output-list > div { grid-template-columns: 34px 1fr; gap: 10px; }.pricing-enrollment-path li { min-height: 168px; }.pricing-enrollment-path strong { margin-top: 20px; padding-top: 0; } }

/* Keep the handoff between the build and its value compact, and give each output a clear label. */
.pricing-build { padding-bottom: 72px; }
.pricing-output { padding: 84px 0; }
.pricing-output-list strong { display: block; margin-bottom: 4px; }

/* Enrollment is a concise decision path, not a set of oversized feature cards. */
.pricing-enrollment-path li { min-height: 0; padding: 22px; }
.pricing-enrollment-path strong { margin-top: 32px; padding-top: 0; }

/* Preserve clear word boundaries in the large CTA display type. */
.experience-subpage .page-cta h2 { letter-spacing: -.025em; }