@font-face {
  font-family:Manrope;
  src:url('/assets/fonts/manrope-variable.ttf') format('truetype');
  font-weight:200 800;
  font-style:normal;
  font-display:swap
}
:root {
  --ink:#302047;
  --body:#494250;
  --purple:#65419a;
  --purple-dark:#4b2b78;
  --lilac:#eee8f8;
  --paper:#fffdf8;
  --yellow:#f1c553;
  --sage:#e5eeed;
  --line:#e7e1eb;
  --muted:#716878;
  --radius:24px
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:115px
}
body {
  margin:0;
  background:#fff;
  color:var(--body);
  font-family:Manrope,Arial,sans-serif;
  font-size:18px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased
}
a {
  color:var(--purple);
  text-decoration-thickness:1px;
  text-underline-offset:5px
}
button,input,summary {
  font:inherit
}
button,a,input,summary {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
button:disabled {
  cursor:default
}
img,svg {
  max-width:100%
}
img {
  display:block;
  height:auto
}
button,input {
  border-radius:0
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  color:var(--ink);
  line-height:1.14;
  letter-spacing:-.045em
}
h1 {
  font-size:clamp(42px,4.7vw,68px);
  font-weight:750;
  margin-bottom:24px
}
h2 {
  font-size:clamp(34px,3.05vw,46px);
  font-weight:750;
  margin-bottom:23px
}
h1 span,h2 span {
  font-weight:400
}
h3 {
  font-size:24px;
  line-height:1.3;
  letter-spacing:-.025em
}
p {
  margin-bottom:24px
}
p:last-child {
  margin-bottom:0
}
.wrap {
  width:min(1280px,calc(100% - 96px));
  margin-inline:auto
}
.section {
  padding:105px 0
}
.section-lead {
  font-size:19px;
  line-height:1.75;
  max-width:610px
}
.eyebrow {
  display:block;
  font-size:15px;
  line-height:1.55;
  font-weight:750;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:var(--purple);
  margin-bottom:19px
}
.arrow {
  display:inline-block;
  font-size:23px;
  line-height:1;
  font-weight:500;
  flex-shrink:0
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:var(--purple);
  font-weight:750;
  font-size:17px;
  text-decoration:none;
  line-height:1.6
}
.text-link:hover {
  text-decoration:underline
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:17px 25px;
  border:1px solid transparent;
  border-radius:40px;
  text-decoration:none;
  line-height:1.5;
  font-size:17px;
  font-weight:700;
  transition:background .2s,transform .2s;
  white-space:normal;
  min-height:58px;
  text-align:center
}
.button.primary {
  background:var(--purple);
  color:#fff
}
.button.primary:hover {
  background:var(--purple-dark);
  transform:translateY(-2px)
}
.button.quiet {
  padding-inline:0;
  background:transparent;
  color:var(--purple)
}
.button.quiet:hover {
  text-decoration:underline
}
.button .arrow {
  font-size:25px
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
[hidden] {
  display:none!important
}
:focus-visible {
  outline:3px solid #7751a6;
  outline-offset:5px;
  border-radius:5px
}
.skip {
  position:fixed;
  left:20px;
  top:-100px;
  z-index:100;
  background:var(--purple);
  color:#fff;
  padding:14px 20px
}
.skip:focus {
  top:15px
}
.site-header {
  position:sticky;
  top:0;
  z-index:30;
  background:#fff;
  border-bottom:1px solid rgba(48,32,71,.08)
}
.header-row {
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--ink);
  font-weight:800;
  font-size:22px;
  line-height:1.16;
  letter-spacing:-.045em;
  flex-shrink:0
}
.brand-second {
  display:block;
  font-weight:500
}
.brand img {
  width:46px;
  height:46px
}
#navigation {
  display:flex;
  align-items:center;
  gap:27px;
  font-size:15px;
  font-weight:650;
  line-height:1.5
}
#navigation>a {
  text-decoration:none;
  color:var(--ink);
  white-space:nowrap
}
#navigation>a:hover,#navigation>a[aria-current=page] {
  color:var(--purple);
  text-decoration:underline
}
#navigation .nav-cta {
  display:flex;
  align-items:center;
  gap:14px;
  background:var(--lilac);
  color:var(--purple);
  padding:14px 20px;
  border-radius:30px
}
.nav-dropdown {
  position:relative
}
.nav-dropdown summary {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  cursor:pointer;
  list-style:none
}
.nav-dropdown summary::-webkit-details-marker {
  display:none
}
.nav-dropdown summary span {
  font-size:21px
}
.dropdown-panel {
  position:absolute;
  top:calc(100% + 23px);
  left:-20px;
  width:285px;
  padding:13px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:17px;
  box-shadow:0 15px 40px #30204712
}
.dropdown-panel a {
  display:block;
  padding:12px 14px;
  color:var(--ink);
  text-decoration:none;
  border-radius:9px;
  font-size:16px
}
.dropdown-panel a:hover {
  background:var(--lilac)
}
.menu-button {
  display:none
}
.hero {
  background:var(--paper);
  padding:64px 0 71px;
  overflow:clip
}
.hero-grid {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:44px;
  align-items:center
}
.hero-copy .eyebrow {
  margin-bottom:24px
}
.hero h1 {
  font-size:clamp(48px,4.8vw,70px);
  line-height:1.095;
  margin-bottom:26px;
  letter-spacing:-.05em
}
.hero h1 span {
  color:var(--purple)
}
.hero-lead {
  font-size:19px;
  line-height:1.8;
  max-width:530px;
  margin-bottom:29px
}
.hero-actions {
  display:flex;
  gap:23px;
  align-items:center;
  flex-wrap:wrap
}
.hero-note {
  margin-top:23px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:15px
}
.tiny-dot {
  height:8px;
  width:8px;
  border-radius:50%;
  background:var(--purple);
  display:inline-block
}
.hero-visual {
  height:585px;
  position:relative;
  isolation:isolate;
  padding-top:39px
}
.hero-photo {
  position:relative;
  z-index:1;
  margin:0;
  width:100%;
  height:480px;
  border-radius:112px 25px 112px 25px;
  overflow:hidden
}
.hero-photo img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:57% 50%
}
.hero-orbit {
  position:absolute;
  z-index:-1;
  left:-55px;
  top:-24px;
  width:calc(100% + 110px);
  height:620px;
  max-width:none
}
.hero-sun {
  position:absolute;
  right:-12px;
  top:6px;
  background:var(--yellow);
  width:125px;
  height:125px;
  border-radius:50%
}
.hero-note-card {
  position:absolute;
  z-index:3;
  left:-33px;
  bottom:21px;
  display:flex;
  gap:20px;
  align-items:center;
  padding:23px 28px;
  background:#fff;
  border:1px solid #e7dff0;
  border-radius:22px;
  box-shadow:0 10px 30px #3020470b;
  font-size:17px;
  line-height:1.6;
  color:var(--ink)
}
.hero-note-card>svg {
  color:var(--purple)
}
.hero-note-card strong {
  font-weight:750
}
.hero-spark {
  position:absolute;
  right:9px;
  bottom:19px;
  width:66px;
  height:66px;
  z-index:3
}
.trust-strip {
  border-top:1px solid #eee8f0;
  border-bottom:1px solid #eee8f0;
  background:#fff
}
.trust-inner {
  display:flex;
  justify-content:center;
  gap:90px;
  padding-block:23px
}
.trust-inner>span {
  display:flex;
  align-items:center;
  gap:14px;
  font-size:16px;
  color:var(--ink);
  font-weight:600
}
.trust-inner svg {
  color:var(--purple);
  flex-shrink:0
}
.section-heading {
  margin-bottom:44px
}
.centered {
  text-align:center;
  margin-inline:auto
}
.centered p:not(.eyebrow) {
  font-size:19px;
  line-height:1.8
}
.journey-section {
  padding-top:98px
}
.journey-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}
.journey-card {
  border-radius:24px;
  padding:33px 31px 32px;
  display:flex;
  flex-direction:column;
  position:relative
}
.journey-card.lilac {
  background:var(--lilac)
}
.journey-card.yellow {
  background:#faf0d3
}
.journey-card.sage {
  background:var(--sage)
}
.journey-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:var(--purple);
  margin-bottom:35px
}
.step {
  font-size:17px;
  font-weight:650;
  align-self:flex-start;
  color:#74647e
}
.journey-card h3 {
  margin-bottom:17px
}
.journey-card p {
  font-size:17px;
  line-height:1.75;
  margin-bottom:25px
}
.journey-card .text-link {
  margin-top:auto
}
.everyday-section {
  background:var(--paper)
}
.everyday-grid {
  display:grid;
  grid-template-columns:1fr 1.06fr;
  gap:100px;
  align-items:center
}
.everyday-visual {
  position:relative;
  background:var(--lilac);
  border-radius:30px 110px 30px 30px;
  padding:40px 5px 35px;
  min-height:470px;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.visual-label {
  font-size:21px;
  line-height:1.5;
  max-width:250px;
  font-weight:650;
  color:var(--purple);
  margin-left:40px;
  position:relative;
  z-index:2
}
.everyday-visual img {
  mix-blend-mode:multiply;
  margin-top:-15px
}
.floating-circle {
  position:absolute;
  right:-27px;
  bottom:20px;
  width:115px;
  height:115px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--yellow);
  color:var(--ink);
  border:7px solid var(--paper)
}
.question-list {
  margin-top:22px
}
.question-link {
  display:flex;
  align-items:center;
  gap:17px;
  text-decoration:none;
  color:var(--ink);
  border-bottom:1px solid #e5ddea;
  padding:17px 0;
  font-size:17px;
  font-weight:650
}
.question-link>svg {
  color:var(--purple);
  flex-shrink:0
}
.question-link .arrow {
  margin-left:auto;
  color:var(--purple);
  transition:transform .2s
}
.question-link:hover .arrow {
  transform:translate(3px,-3px)
}
.alternatives-grid {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:90px;
  align-items:center
}
.alternatives-grid .button {
  margin-top:5px
}
.option-stack {
  display:grid;
  gap:15px
}
.option-row {
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px 25px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 8px 20px #30204704
}
.option-row:hover {
  border-color:#ad91cf
}
.option-icon {
  display:flex;
  background:var(--lilac);
  padding:11px;
  border-radius:16px;
  color:var(--purple);
  flex-shrink:0
}
.option-row>span:nth-child(2) {
  display:flex;
  flex-direction:column;
  gap:6px
}
.option-row strong {
  font-size:18px
}
.option-row>span>span {
  font-size:15px;
  line-height:1.6;
  color:var(--body)
}
.option-row>.arrow {
  margin-left:auto;
  color:var(--purple)
}
.heading-row {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px
}
.heading-row h2 {
  margin-bottom:0
}
.heading-row>.text-link {
  margin-bottom:7px
}
.guide-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px
}
.guide-card {
  min-width:0;
  display:flex;
  flex-direction:column;
  border-radius:22px;
  border:1px solid var(--line);
  overflow:hidden;
  background:#fff;
  transition:transform .22s,box-shadow .22s
}
.guide-card:hover {
  transform:translateY(-5px);
  box-shadow:0 15px 35px #3020470c
}
.guide-picture {
  display:block;
  overflow:hidden;
  aspect-ratio:1.6
}
.guide-picture img {
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform .5s
}
.guide-card:hover .guide-picture img {
  transform:scale(1.035)
}
.guide-card-copy {
  padding:27px 27px 28px;
  display:flex;
  flex-direction:column;
  flex:1
}
.guide-card .eyebrow {
  margin-bottom:15px;
  font-size:15px
}
.guide-card h3 {
  font-size:23px;
  line-height:1.38;
  margin-bottom:22px
}
.guide-card h3 a {
  color:var(--ink);
  text-decoration:none
}
.guide-card h3 a:hover {
  text-decoration:underline
}
.guide-card p {
  font-size:16px;
  line-height:1.8;
  margin-bottom:23px
}
.guide-card .text-link {
  margin-top:auto
}
.source-section {
  background:var(--lilac);
  padding:78px 0
}
.source-grid {
  display:grid;
  grid-template-columns:230px 1fr;
  gap:65px;
  align-items:center;
  max-width:1000px
}
.source-symbol {
  width:220px;
  height:220px;
  background:var(--paper);
  display:grid;
  place-items:center;
  color:var(--purple);
  border-radius:50%
}
.source-grid p:not(.eyebrow) {
  max-width:690px
}
.source-grid h2 {
  margin-bottom:20px
}
.source-grid .eyebrow {
  font-size:15px
}
.final-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:55px;
  padding:50px 58px;
  background:var(--paper);
  border-radius:27px;
  border:1px solid #f1eadc
}
.final-cta h2 {
  font-size:39px
}
.final-cta .button {
  flex-shrink:0
}
.final-cta p:not(.eyebrow) {
  font-size:17px
}
.site-footer {
  padding:65px 0 30px;
  background:#f8f6fb;
  border-top:1px solid var(--line)
}
.footer-grid {
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:80px;
  padding-bottom:50px
}
.footer-grid>div:first-child>p {
  font-size:16px;
  line-height:1.8;
  margin-top:24px
}
.footer-grid h2 {
  font-size:17px;
  font-weight:750;
  letter-spacing:0;
  margin:7px 0 20px
}
.footer-grid>div>a:not(.brand) {
  display:block;
  text-decoration:none;
  font-size:16px;
  color:var(--body);
  margin:11px 0
}
.footer-grid>div>a:hover {
  text-decoration:underline
}
.footer-bottom {
  border-top:1px solid #e2dbe9;
  padding-top:28px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:60px
}
.footer-bottom p {
  font-size:15px;
  line-height:1.8;
  max-width:690px
}
.footer-bottom>div {
  display:flex;
  gap:24px;
  flex-shrink:0;
  font-size:15px
}
.footer-bottom a {
  color:var(--body);
  text-decoration:none;
  white-space:nowrap
}
.footer-bottom a:hover {
  text-decoration:underline
}
.breadcrumbs {
  font-size:15px;
  line-height:1.6;
  margin-bottom:40px;
  color:var(--muted)
}
.breadcrumbs ol {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:0
}
.breadcrumbs li+li:before {
  content:'›';
  margin-right:10px;
  color:#a497b4
}
.breadcrumbs a {
  text-decoration:none
}
.article-hero,.index-hero {
  background:var(--paper);
  padding:32px 0 61px
}
.article-hero-grid {
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:70px;
  align-items:center
}
.article-hero h1 {
  font-size:clamp(36px,3.3vw,50px);
  line-height:1.16;
  max-width:790px
}
.article-summary {
  font-size:19px;
  line-height:1.8;
  max-width:760px
}
.reading-meta {
  display:flex;
  align-items:center;
  gap:13px;
  font-size:15px;
  color:var(--muted);
  margin-top:25px
}
.article-art {
  width:100%;
  border-radius:28px 80px 28px 28px
}
.reading-layout {
  display:grid;
  grid-template-columns:270px minmax(0,760px);
  gap:100px;
  padding-top:65px;
  padding-bottom:85px;
  justify-content:center;
  align-items:start
}
.article-sidebar {
  position:sticky;
  top:135px
}
.toc {
  border:1px solid var(--line);
  border-radius:20px;
  padding:25px
}
.toc h2 {
  font-size:18px;
  letter-spacing:-.02em;
  margin-bottom:20px
}
.toc ol {
  list-style:none;
  padding:0;
  margin:0 0 22px;
  counter-reset:toc
}
.toc li {
  counter-increment:toc;
  position:relative;
  font-size:15px;
  line-height:1.7;
  padding-left:23px;
  margin:12px 0
}
.toc li:before {
  content:counter(toc) '.';
  position:absolute;
  left:0;
  color:#9584a5;
  font-size:15px
}
.toc a {
  text-decoration:none;
  color:var(--body)
}
.toc a:hover {
  color:var(--purple);
  text-decoration:underline
}
.toc>.text-link {
  font-size:15px;
  color:var(--purple)
}
.sidebar-help {
  background:var(--lilac);
  border-radius:19px;
  padding:25px;
  margin-top:20px
}
.sidebar-help h2 {
  font-size:21px;
  line-height:1.35;
  margin-bottom:14px;
  letter-spacing:-.02em
}
.sidebar-help p {
  font-size:15px;
  line-height:1.8;
  margin-bottom:14px
}
.sidebar-help a {
  font-size:15px;
  font-weight:700
}
.prose {
  font-size:18px;
  line-height:1.88;
  min-width:0
}
.prose h2 {
  font-size:29px;
  line-height:1.3;
  letter-spacing:-.035em;
  margin-bottom:24px
}
.prose>section {
  margin-top:49px;
  scroll-margin-top:135px
}
.prose p {
  margin-bottom:23px;
  overflow-wrap:anywhere
}
.prose li {
  margin-block:12px
}
.prose ul,.prose ol {
  padding-left:24px
}
.takeaways {
  background:var(--lilac);
  padding:30px 34px;
  border-radius:20px
}
.takeaways h2 {
  font-size:23px;
  margin-bottom:19px
}
.takeaways ul {
  margin:0
}
.takeaways li {
  margin-bottom:12px;
  font-size:17px;
  line-height:1.8
}
.takeaways li:last-child {
  margin-bottom:0
}
.sources {
  border-top:1px solid var(--line);
  padding-top:35px
}
.sources li {
  font-size:17px
}
.sources li p {
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
  margin-top:7px
}
.educational-note {
  font-size:16px;
  padding:20px 24px;
  background:var(--paper);
  border-left:3px solid var(--yellow)
}
.next-guide {
  padding:30px;
  border:1px solid var(--line);
  border-radius:19px;
  margin-top:40px
}
.next-guide a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  font-size:22px;
  font-weight:700;
  line-height:1.5;
  text-decoration:none
}
.next-guide .eyebrow {
  font-size:15px;
  margin-bottom:10px
}
.related-section {
  background:#f8f6fb;
  padding:68px 0
}
.related-section h2 {
  font-size:35px
}
.related-links {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin:30px 0
}
.related-links a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  text-decoration:none;
  color:var(--ink);
  font-size:17px;
  font-weight:650;
  line-height:1.65
}
.related-links a:hover {
  border-color:var(--purple)
}
.index-hero {
  padding-bottom:68px
}
.index-hero h1 {
  font-size:clamp(40px,4.3vw,62px)
}
.index-hero .section-lead {
  max-width:760px
}
.guide-library {
  padding-top:54px
}
.guide-search {
  padding:28px;
  background:var(--paper);
  border-radius:19px;
  margin-bottom:30px
}
.guide-search label {
  display:block;
  font-weight:700;
  font-size:18px;
  color:var(--ink);
  margin-bottom:15px
}
.search-row {
  display:flex;
  gap:16px
}
.search-row input {
  flex:1;
  min-width:0;
  background:#fff;
  border:1px solid #c9bed4;
  border-radius:12px;
  padding:15px 20px;
  color:var(--ink);
  font-size:17px;
  min-height:58px
}
.search-row input::placeholder {
  color:#776d80
}
.guide-filters {
  display:flex;
  flex-wrap:wrap;
  gap:12px
}
.filter-button {
  padding:11px 20px;
  background:#fff;
  border:1px solid #ddd3e8;
  border-radius:30px;
  color:var(--purple);
  font-size:16px;
  font-weight:650;
  min-height:48px
}
.filter-button[aria-pressed=true] {
  color:#fff;
  background:var(--purple);
  border-color:var(--purple)
}
.guide-count {
  font-size:15px;
  margin:26px 0
}
.guide-library .guide-grid {
  gap:28px
}
.empty-state {
  padding:70px 25px;
  text-align:center;
  background:var(--paper);
  border-radius:20px;
  grid-column:1/-1
}
.empty-state h2 {
  font-size:32px
}
.not-found {
  max-width:900px;
  padding-bottom:100px
}
.not-found p:not(.eyebrow) {
  max-width:650px;
  font-size:20px
}
.reveal-ready [data-reveal] {
  opacity:0;
  transform:translateY(22px);
  transition:opacity .6s,transform .6s
}
.reveal-ready [data-reveal].in-view {
  opacity:1;
  transform:none
}
@media(min-width:1600px) {
  .hero h1 {
    font-size:74px
  }
  .hero-visual {
    height:620px
  }
  .hero-photo {
    height:515px
  }
}
@media(max-width:1190px) {
  .wrap {
    width:calc(100% - 64px)
  }
  .header-row {
    gap:20px
  }
  .brand {
    font-size:20px
  }
  #navigation {
    gap:18px;
    font-size:15px
  }
  #navigation .nav-cta {
    padding:13px 15px
  }
  .hero-grid {
    gap:32px
  }
  .hero h1 {
    font-size:57px
  }
  .hero-actions {
    gap:8px
  }
  .hero-actions .button {
    font-size:16px;
    padding:15px 19px
  }
  .hero-actions .quiet {
    padding-left:0
  }
  .hero-visual {
    height:550px
  }
  .hero-photo {
    height:450px
  }
  .hero-note-card {
    left:-18px;
    bottom:23px;
    font-size:16px;
    padding:20px
  }
  .everyday-grid {
    gap:65px
  }
  .alternatives-grid {
    gap:50px
  }
  .reading-layout {
    gap:55px;
    grid-template-columns:245px minmax(0,760px)
  }
  .footer-grid {
    gap:50px
  }
  .final-cta {
    padding:45px
  }
  .final-cta h2 {
    font-size:35px
  }
}
@media(max-width:1050px) {
  .header-row {
    min-height:89px;
    flex-wrap:wrap;
    padding-block:17px
  }
  .menu-button {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    background:transparent;
    border:1px solid #d4c8e3;
    border-radius:12px;
    width:48px;
    height:46px;
    padding:11px
  }
  .menu-button span {
    display:block;
    width:24px;
    height:2px;
    background:var(--purple)
  }
  #navigation {
    width:100%;
    flex-direction:column;
    align-items:stretch;
    padding:20px 0 10px;
    gap:0
  }
  #navigation>a,.nav-dropdown>summary {
    padding:14px 3px
  }
  .js #navigation {
    display:none
  }
  .js #navigation.is-open {
    display:flex
  }
  .menu-button {
    display:none
  }
  .js .menu-button {
    display:flex
  }
  #navigation .nav-cta {
    margin-top:13px;
    justify-content:center
  }
  .dropdown-panel {
    position:static;
    box-shadow:none;
    width:100%;
    margin-top:7px;
    background:var(--paper)
  }
  .hero-grid {
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  .hero h1 {
    font-size:52px
  }
  .hero-visual {
    height:505px
  }
  .hero-photo {
    height:415px;
    border-radius:85px 20px 85px 20px
  }
  .hero-note-card {
    left:-10px;
    bottom:9px;
    gap:12px;
    padding:18px
  }
  .hero-note-card>svg {
    width:34px
  }
  .hero-sun {
    width:100px;
    height:100px;
    right:-4px
  }
  .hero-spark {
    width:50px;
    right:0;
    bottom:14px
  }
  .hero-orbit {
    height:535px;
    left:-40px;
    width:calc(100% + 80px)
  }
  .hero-actions {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    gap:6px
  }
  .hero-lead {
    font-size:18px
  }
  .trust-inner {
    gap:40px
  }
  .journey-card {
    padding:29px 23px
  }
  .journey-card h3 {
    font-size:22px
  }
  .journey-card p {
    font-size:16px
  }
  .journey-card .text-link {
    font-size:16px
  }
  .everyday-grid {
    gap:50px
  }
  .everyday-visual {
    min-height:400px
  }
  .visual-label {
    margin-left:25px;
    font-size:19px
  }
  .floating-circle {
    width:90px;
    height:90px;
    right:-18px
  }
  .source-grid {
    grid-template-columns:185px 1fr;
    gap:45px
  }
  .source-symbol {
    width:185px;
    height:185px
  }
  .guide-grid {
    gap:20px
  }
  .guide-card-copy {
    padding:25px 22px
  }
  .guide-card h3 {
    font-size:21px
  }
  .article-hero-grid {
    gap:45px
  }
  .article-hero h1 {
    font-size:40px
  }
  .reading-layout {
    grid-template-columns:225px minmax(0,1fr);
    gap:40px
  }
  .article-sidebar {
    top:115px
  }
  .toc {
    padding:22px 18px
  }
  .toc li {
    font-size:15px
  }
  .related-links {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .footer-bottom {
    gap:30px;
    flex-direction:column
  }
  .footer-bottom p {
    margin:0
  }
  .final-cta {
    align-items:flex-start;
    flex-direction:column;
    gap:27px
  }
  .footer-grid {
    grid-template-columns:1.1fr 1fr 1fr;
    gap:35px
  }
}
@media(max-width:800px) {
  .section {
    padding:73px 0
  }
  .wrap {
    width:calc(100% - 48px)
  }
  .hero {
    padding:43px 0 44px
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:28px
  }
  .hero-copy {
    text-align:center;
    max-width:650px;
    margin:auto
  }
  .hero h1 {
    font-size:clamp(42px,7.7vw,62px)
  }
  .hero h1>br:nth-of-type(1) {
    display:none
  }
  .hero h1 span br {
    display:none
  }
  .hero h1>br:nth-of-type(2) {
    display:block
  }
  .hero-copy .eyebrow {
    margin-bottom:20px
  }
  .hero-lead {
    font-size:18px;
    max-width:560px
  }
  .hero-actions {
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:20px
  }
  .hero-actions .button {
    font-size:17px
  }
  .hero-note {
    justify-content:center;
    font-size:15px;
    margin-top:16px
  }
  .hero-visual {
    width:min(530px,100% - 20px);
    height:480px;
    margin:auto;
    padding-top:22px
  }
  .hero-photo {
    height:390px;
    border-radius:85px 20px 85px 20px
  }
  .hero-orbit {
    height:490px;
    top:-35px
  }
  .hero-note-card {
    bottom:6px;
    left:-10px;
    font-size:16px
  }
  .hero-spark {
    bottom:14px;
    right:2px
  }
  .trust-inner {
    gap:28px;
    flex-wrap:wrap;
    padding-block:21px
  }
  .trust-inner>span {
    font-size:15px;
    gap:8px
  }
  .trust-inner svg {
    width:22px
  }
  .journey-grid {
    gap:18px
  }
  .journey-card {
    padding:25px 20px
  }
  .journey-top {
    margin-bottom:25px
  }
  .journey-top>svg {
    width:48px;
    height:48px
  }
  .journey-card h3 {
    font-size:21px
  }
  .journey-card p {
    font-size:16px
  }
  .journey-card .text-link {
    align-items:flex-end;
    gap:7px
  }
  .everyday-grid {
    grid-template-columns:1fr;
    gap:45px;
    max-width:660px
  }
  .everyday-visual {
    min-height:0;
    max-width:500px;
    margin-inline:auto;
    padding:28px 5px 0
  }
  .everyday-visual img {
    max-height:330px
  }
  .everyday-grid>div:last-child {
    max-width:660px
  }
  .alternatives-grid {
    grid-template-columns:1fr;
    gap:35px
  }
  .option-row {
    padding:22px
  }
  .guide-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px
  }
  .heading-row {
    align-items:flex-start;
    flex-direction:column;
    gap:20px
  }
  .source-grid {
    grid-template-columns:120px 1fr;
    gap:32px
  }
  .source-symbol {
    width:120px;
    height:120px
  }
  .source-symbol svg {
    width:70px
  }
  .source-section {
    padding:65px 0
  }
  .final-cta {
    padding:35px
  }
  .final-cta h2 {
    font-size:34px
  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  .footer-grid>div:first-child {
    grid-column:1/-1
  }
  .footer-grid>div:first-child>p {
    max-width:400px
  }
  .article-hero {
    padding-bottom:42px
  }
  .article-hero-grid {
    grid-template-columns:1.6fr 1fr;
    gap:22px
  }
  .article-hero h1 {
    font-size:35px
  }
  .article-summary {
    font-size:17px
  }
  .article-art {
    border-radius:22px
  }
  .reading-layout {
    grid-template-columns:1fr;
    gap:35px;
    padding-top:40px;
    max-width:760px
  }
  .article-sidebar {
    position:static
  }
  .toc ol {
    columns:2;
    column-gap:35px
  }
  .toc li {
    break-inside:avoid;
    margin:0 0 12px
  }
  .sidebar-help {
    display:none
  }
  .prose h2 {
    font-size:28px
  }
  .article-summary {
    line-height:1.85
  }
  .index-hero {
    padding-bottom:47px
  }
  .index-hero h1 {
    font-size:45px
  }
  .breadcrumbs {
    margin-bottom:30px
  }
  .guide-search {
    padding:23px
  }
  .guide-search .button {
    padding-inline:22px
  }
  .guide-search input {
    font-size:16px
  }
  .related-links {
    grid-template-columns:1fr 1fr
  }
  .reading-meta {
    gap:8px;
    flex-wrap:wrap
  }
  .not-found .hero-actions {
    justify-content:flex-start
  }
}
@media(max-width:560px) {
  body {
    font-size:17px
  }
  .wrap {
    width:calc(100% - 40px)
  }
  h2 {
    font-size:34px
  }
  .section {
    padding:62px 0
  }
  .eyebrow {
    font-size:15px;
    letter-spacing:.025em
  }
  .header-row {
    min-height:82px;
    padding-block:14px
  }
  .brand {
    font-size:19px;
    gap:10px
  }
  .brand img {
    width:40px;
    height:40px
  }
  .hero {
    padding-top:35px
  }
  .hero-copy .eyebrow {
    font-size:15px
  }
  .hero h1 {
    font-size:43px;
    line-height:1.15;
    letter-spacing:-.05em;
    margin-bottom:23px
  }
  .hero h1>br:nth-of-type(1) {
    display:block
  }
  .hero h1>br:nth-of-type(2) {
    display:block
  }
  .hero h1 span br {
    display:block
  }
  .hero-lead {
    font-size:17px;
    line-height:1.9;
    margin-bottom:22px
  }
  .hero-actions {
    flex-direction:column;
    gap:5px
  }
  .hero-actions .button {
    padding:16px 23px;
    font-size:16px
  }
  .hero-actions .quiet {
    padding:12px 0
  }
  .hero-note {
    font-size:15px;
    gap:7px;
    margin-top:15px;
    line-height:1.7
  }
  .hero-visual {
    width:calc(100% - 12px);
    height:390px;
    padding-top:16px
  }
  .hero-photo {
    height:305px;
    border-radius:65px 17px 65px 17px
  }
  .hero-photo img {
    object-position:57% 50%
  }
  .hero-orbit {
    height:400px;
    left:-21px;
    width:calc(100% + 42px);
    top:-30px
  }
  .hero-sun {
    height:77px;
    width:77px;
    top:0;
    right:-8px
  }
  .hero-note-card {
    padding:16px 18px;
    gap:12px;
    font-size:15px;
    bottom:9px;
    left:-2px;
    border-radius:16px
  }
  .hero-note-card>svg {
    width:32px
  }
  .hero-spark {
    width:43px;
    bottom:21px;
    right:0
  }
  .trust-inner {
    display:grid;
    justify-content:flex-start;
    gap:14px;
    padding:23px 0;
    width:max-content;
    max-width:calc(100% - 40px)
  }
  .trust-inner>span {
    font-size:15px
  }
  .journey-section .section-heading {
    margin-bottom:30px
  }
  .centered p:not(.eyebrow) {
    font-size:17px
  }
  .centered p br {
    display:none
  }
  .journey-grid {
    grid-template-columns:1fr;
    gap:18px
  }
  .journey-card {
    padding:27px
  }
  .journey-top {
    margin-bottom:20px
  }
  .journey-card h3 {
    font-size:24px;
    margin-bottom:13px
  }
  .journey-card p {
    font-size:17px;
    margin-bottom:20px
  }
  .journey-card .text-link {
    font-size:17px
  }
  .journey-top>svg {
    width:57px;
    height:57px
  }
  .everyday-grid {
    gap:36px
  }
  .everyday-visual {
    margin-right:8px;
    border-top-right-radius:80px
  }
  .everyday-visual img {
    max-height:285px
  }
  .visual-label {
    font-size:19px
  }
  .question-link {
    font-size:16px;
    gap:12px;
    padding-block:17px
  }
  .question-link>svg {
    width:27px
  }
  .everyday-grid h2 {
    font-size:34px
  }
  .section-lead {
    font-size:17px;
    line-height:1.85
  }
  .option-row {
    gap:14px;
    padding:20px 17px
  }
  .option-icon {
    padding:9px;
    border-radius:12px
  }
  .option-icon svg {
    width:33px;
    height:33px
  }
  .option-row strong {
    font-size:17px
  }
  .option-row>span>span {
    font-size:15px
  }
  .guide-grid {
    grid-template-columns:1fr;
    gap:25px
  }
  .guide-card-copy {
    padding:27px
  }
  .guide-card h3 {
    font-size:24px
  }
  .guide-picture {
    aspect-ratio:1.65
  }
  .guide-card p {
    font-size:17px
  }
  .source-grid {
    grid-template-columns:1fr;
    gap:28px
  }
  .source-symbol {
    height:100px;
    width:100px
  }
  .source-symbol svg {
    width:58px;
    height:58px
  }
  .source-grid h2 {
    font-size:34px
  }
  .source-grid .eyebrow {
    font-size:15px
  }
  .source-grid p {
    font-size:17px;
    line-height:1.85
  }
  .final-cta {
    padding:28px 25px;
    border-radius:22px
  }
  .final-cta h2 {
    font-size:30px
  }
  .final-cta p:not(.eyebrow) {
    font-size:17px
  }
  .desktop-break {
    display:none
  }
  .final-cta .button {
    font-size:16px;
    padding:16px 20px
  }
  .footer-grid {
    grid-template-columns:1fr;
    gap:31px;
    padding-bottom:32px
  }
  .footer-grid>div:first-child {
    grid-column:auto
  }
  .site-footer {
    padding:46px 0 27px
  }
  .footer-bottom {
    gap:24px
  }
  .footer-bottom>div {
    gap:22px;
    flex-wrap:wrap
  }
  .footer-grid h2 {
    font-size:18px;
    margin-bottom:16px
  }
  .article-hero-grid {
    grid-template-columns:1fr;
    gap:28px
  }
  .article-hero h1 {
    font-size:36px
  }
  .article-art {
    max-height:240px;
    object-fit:cover;
    border-radius:24px
  }
  .breadcrumbs {
    font-size:15px;
    line-height:1.8;
    margin-bottom:29px
  }
  .breadcrumbs li[aria-current] {
    max-width:100%
  }
  .reading-layout {
    padding-top:28px;
    padding-bottom:50px;
    gap:27px
  }
  .toc {
    padding:25px
  }
  .toc ol {
    columns:1
  }
  .toc li {
    font-size:15px
  }
  .prose {
    font-size:17px;
    line-height:1.9
  }
  .prose h2 {
    font-size:28px
  }
  .prose>section {
    margin-top:37px
  }
  .takeaways {
    padding:26px
  }
  .takeaways h2 {
    font-size:23px
  }
  .takeaways li {
    font-size:16px
  }
  .next-guide {
    padding:25px
  }
  .next-guide a {
    font-size:21px
  }
  .sources li {
    font-size:16px
  }
  .sources li p {
    font-size:15px
  }
  .related-section {
    padding:48px 0
  }
  .related-section h2 {
    font-size:32px
  }
  .related-links {
    grid-template-columns:1fr;
    gap:15px
  }
  .related-links a {
    font-size:17px
  }
  .index-hero h1 {
    font-size:39px
  }
  .index-hero .section-lead {
    font-size:17px
  }
  .guide-library {
    padding-top:32px
  }
  .guide-search {
    padding:22px
  }
  .guide-search label {
    font-size:17px
  }
  .search-row {
    flex-direction:column;
    gap:12px
  }
  .search-row input {
    padding:14px;
    font-size:16px
  }
  .search-row .button {
    font-size:16px
  }
  .guide-filters {
    gap:9px
  }
  .filter-button {
    padding:11px 16px;
    font-size:15px
  }
  .empty-state h2 {
    font-size:29px
  }
  .not-found h1 {
    font-size:40px
  }
  .not-found p:not(.eyebrow) {
    font-size:18px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
  .reveal-ready [data-reveal] {
    opacity:1;
    transform:none
  }
}
@media print {
  .site-header,.site-footer,.article-sidebar,.related-section,.next-guide {
    display:none
  }
  .wrap {
    width:100%
  }
  .reading-layout {
    display:block
  }
  .article-hero-grid {
    display:block
  }
  .article-art {
    max-width:240px
  }
  .article-hero {
    background:#fff
  }
  .prose {
    font-size:17px
  }
  .takeaways {
    border:1px solid #bbb
  }
  a {
    color:#302047
  }
}

/* All guides are available without JavaScript; enhancements appear when ready. */
.guide-search, .guide-filters { display: none; }
.js .guide-search { display: block; }
.js .guide-filters { display: flex; }