@font-face {
  font-family: "Landing childhood hand";
  src: url("/assets/patrick-hand-fbe99e22.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.landing-design-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  color: var(--landing-ink);
  background: var(--landing-surface);
  font: 500 13px/1.3 var(--font-body);
  cursor: pointer;
}
.landing-design-toggle:focus-visible { outline: 2px solid #315F87; outline-offset: 3px; }

html[data-landing-design="childhood"] {
  --landing-bg: #B9CCBC;
  --landing-ink: #34392F;
  --landing-secondary: #485244;
  --landing-border: #77715F;
  --landing-surface: #F8F5EE;
  --landing-accent: #E8CA8D;
  --font-display: "Landing childhood hand", Georgia, serif;
  --font-body: "Landing childhood hand", "Trebuchet MS", sans-serif;
  --font-vintage: "Landing childhood hand", Georgia, serif;
  --text-xs: 14px;
  --text-sm: 16px;
  --landing-paper-texture: url("/assets/childhood/paper-fibre-d9f1fc2a.png"), url("/assets/childhood/paper-relief-35b718a9.png"), url("/assets/childhood/paper-cloud-c163c491.png");
  --landing-paper-sizes: 240px 240px, 192px 192px, 720px 720px;
  --landing-fine-texture: url("/assets/childhood/paper-fibre-d9f1fc2a.png"), url("/assets/childhood/paper-slip-af6e82a8.png"), url("/assets/childhood/paper-cloud-c163c491.png");
  --landing-fine-sizes: 240px 240px, 128px 128px, 720px 720px;
  --landing-paper-shadow: 1px 2px 0 #D8CEB6, 0 10px 22px -14px rgb(41 53 40 / 40%);
}
html[data-landing-design="childhood"] body.landing-page {
  background-image: repeating-linear-gradient(0deg, transparent 0 3px, rgb(255 255 255 / 8%) 3px 4px), repeating-linear-gradient(90deg, transparent 0 3px, rgb(67 98 70 / 4%) 3px 4px);
  background-size: auto;
  font-size: 20px;
}
html[data-landing-design="childhood"] .landing-header {
  inset: 10px 14px auto;
  background: var(--landing-paper-texture), var(--landing-surface);
  background-size: var(--landing-paper-sizes);
  border: 1px solid transparent;
  border-image: url("/assets/childhood/paper-edge-3e4f4e8a.svg") 6 / 6px / 2px stretch;
  box-shadow: 0 3px 5px rgb(51 55 44 / 16%);
  backdrop-filter: none;
}
html[data-landing-design="childhood"] .landing-logo-text { font: 400 32px/1.2 var(--font-display); letter-spacing: 0; }
html[data-landing-design="childhood"] .landing-nav-link { font-size: 18px; font-weight: 400; }
html[data-landing-design="childhood"] .landing-kicker { font-size: 16px; font-weight: 400; letter-spacing: .02em; text-transform: none; }
html[data-landing-design="childhood"] :is(h1, h2, h3, h4) { letter-spacing: 0; font-weight: 400; }
html[data-landing-design="childhood"] .hero-content {
  position: relative;
  padding: clamp(24px, 3vw, 44px);
  color: var(--landing-ink);
  background: var(--landing-paper-texture), var(--landing-surface);
  background-size: var(--landing-paper-sizes);
  border: 1px solid transparent;
  border-image: url("/assets/childhood/paper-edge-3e4f4e8a.svg") 6 / 6px / 2px stretch;
  box-shadow: var(--landing-paper-shadow);
}
html[data-landing-design="childhood"] .hero-content::before,
html[data-landing-design="childhood"] .landing-privacy::before,
html[data-landing-design="childhood"] .landing-plan-card::after {
  content: "";
  position: absolute;
  top: -12px;
  left: calc(50% - 42px);
  width: 84px;
  height: 25px;
  background: repeating-linear-gradient(90deg, transparent 0 9px, rgb(255 255 255 / 24%) 9px 10px), #E8CA8DD9;
  clip-path: polygon(1% 4%, 98% 0, 100% 25%, 98% 48%, 100% 73%, 97% 100%, 1% 96%, 3% 70%, 0 45%);
  transform: rotate(-5deg);
  pointer-events: none;
}
html[data-landing-design="childhood"] .hero-title--modern { font-size: clamp(44px, 5.1vw, 76px); line-height: 1.04; letter-spacing: 0; color: #2E5272; }
html[data-landing-design="childhood"] .hero-title--modern span { color: inherit; letter-spacing: 0; background: linear-gradient(177deg, transparent 64%, #F2DD88C9 66% 91%, transparent 93%); }
html[data-landing-design="childhood"] .hero-subtitle--modern { font-size: 21px; line-height: 1.5; }
html[data-landing-design="childhood"] :is(.hero-cta, .landing-auth-btn, .landing-secondary-btn, .landing-design-toggle, .landing-plan-card__cta) {
  color: var(--landing-ink);
  background-color: #F3DE88;
  background-image: var(--landing-fine-texture);
  background-size: var(--landing-fine-sizes);
  border: 1px solid var(--landing-border);
  border-image: url("/assets/childhood/ink-frame-979fd19b.svg") 12 / 9px / 1px stretch;
  border-radius: 3px;
  box-shadow: 0 2px 1px rgb(51 46 35 / 18%);
  font-weight: 400;
}
html[data-landing-design="childhood"] :is(.hero-cta, .landing-plan-card__cta) { font-size: 20px; }
html[data-landing-design="childhood"] :is(.landing-secondary-btn, .landing-design-toggle) { background-color: var(--landing-surface); }
html[data-landing-design="childhood"] :is(.hero-cta, .landing-auth-btn, .landing-plan-card__cta):hover { color: var(--landing-ink); background-color: #E8CA8D; }
html[data-landing-design="childhood"] :is(.hero-cta, .landing-auth-btn, .landing-secondary-btn, .landing-design-toggle, .landing-plan-card__cta):focus-visible { outline: 2px solid #315F87; outline-offset: 3px; }
html[data-landing-design="childhood"] :is(.hero-cta, .landing-auth-btn, .landing-plan-card__cta):active { box-shadow: none; }
html[data-landing-design="childhood"] .landing-text-link { font-weight: 400; text-decoration-thickness: 1px; }
html[data-landing-design="childhood"] .landing-journal-preview,
html[data-landing-design="childhood"] .landing-journal-preview:is([data-state="protected"], [data-state="returned"]) {
  color: #2E5272;
  background-color: var(--landing-surface);
  background-image: linear-gradient(90deg, transparent 22px, #D9776A99 22px 23px, transparent 23px), url("/assets/childhood/writing-rule-38326613.svg"), var(--landing-paper-texture);
  background-size: auto, 100% 28px, var(--landing-paper-sizes);
  border: 1px solid var(--landing-border);
  border-radius: 3px 7px 2px 5px;
  box-shadow: var(--landing-paper-shadow);
  transform: none;
}
html[data-landing-design="childhood"] .landing-journal-preview::after { display: none; }
html[data-landing-design="childhood"] .landing-journal-preview > p { font-size: 20px; line-height: 28px; }
html[data-landing-design="childhood"] .landing-journal-preview h2 { color: #2E5272; }
html[data-landing-design="childhood"] .landing-memory-story__stage::after {
  content: ""; position: absolute; top: -12px; left: calc(50% - 19px);
  z-index: 5; width: 38px; height: 46px;
  background: url("/assets/childhood/pushpin-e3110781.svg") center / contain no-repeat;
  pointer-events: none;
}
html[data-landing-design="childhood"] .landing-memory-story__archive-sheet { border-radius: 3px; background-image: var(--landing-paper-texture); background-size: var(--landing-paper-sizes); }
html[data-landing-design="childhood"] .landing-memory-story__tab-marker { border-image: url("/assets/childhood/ink-frame-979fd19b.svg") 12 / 8px / 1px stretch; border-radius: 3px; }
html[data-landing-design="childhood"] .landing-value-strip { border: 0; gap: 16px; }
html[data-landing-design="childhood"] .landing-value-strip > div {
  padding: 24px;
  background: var(--landing-paper-texture), #F6EDC9;
  background-size: var(--landing-paper-sizes);
  border: 1px solid var(--landing-border);
  border-image: url("/assets/childhood/ink-frame-979fd19b.svg") 12 / 9px / 1px stretch;
  box-shadow: var(--landing-paper-shadow);
}
html[data-landing-design="childhood"] :is(.landing-story-card, .landing-plan-card, .landing-testimonial-card, .landing-privacy, .landing-publishing, .landing-start-section, .landing-final-cta) {
  position: relative;
  color: var(--landing-ink);
  background-color: var(--landing-surface);
  background-image: var(--landing-paper-texture);
  background-size: var(--landing-paper-sizes);
  border: 1px solid var(--landing-border);
  border-image: url("/assets/childhood/ink-frame-979fd19b.svg") 12 / 10px / 1px stretch;
  border-radius: 3px;
  box-shadow: var(--landing-paper-shadow);
}
html[data-landing-design="childhood"] .landing-story-card--capture { background-color: #F6E6BE; }
html[data-landing-design="childhood"] .landing-story-card--private { background-color: #DCE8ED; }
html[data-landing-design="childhood"] .landing-story-card--return { background-color: #EFDEE4; }
html[data-landing-design="childhood"] .landing-story-card--private > :is(p, .landing-feature__number) { color: var(--landing-secondary); }
html[data-landing-design="childhood"] :is(.landing-publishing, .landing-start-section, .landing-final-cta) { padding: clamp(24px, 4vw, 56px); margin-block: 40px; }
html[data-landing-design="childhood"] .landing-privacy { overflow: visible; margin-block: 32px; }
html[data-landing-design="childhood"] .landing-plan-card--premium { background-color: #DCE8ED; }
html[data-landing-design="childhood"] .landing-plan-card--premium::before { display: none; }
html[data-landing-design="childhood"] .landing-plan-card--premium :is(.landing-plan-card__summary, .landing-plan-card__price span, .landing-plan-card__billing, ul, li, li span) { color: var(--landing-secondary); }
html[data-landing-design="childhood"] .landing-plan-card--premium li::before { color: #456745; }
html[data-landing-design="childhood"] .landing-plan-card__price strong { font-family: var(--font-display); font-weight: 400; color: #2E5272; }
html[data-landing-design="childhood"] .landing-plan-card--premium .landing-plan-card__cta { color: var(--landing-ink); background-color: #F3DE88; }
html[data-landing-design="childhood"] .landing-start-step__number { background: #F3DE88; color: var(--landing-ink); border-radius: 3px; border-image: url("/assets/childhood/ink-frame-979fd19b.svg") 12 / 8px / 1px stretch; }
html[data-landing-design="childhood"] .landing-final-cta::before { display: none; }
html[data-landing-design="childhood"] .landing-footer {
  --paper-base: var(--landing-ink);
  --paper-shadow: var(--landing-secondary);
  --nav-accent: #2E5272;
  --ink-light: var(--landing-secondary);
  color: var(--landing-ink);
  background: var(--landing-paper-texture), var(--landing-surface);
  background-size: var(--landing-paper-sizes);
  border-top: 0;
}
html[data-landing-design="childhood"] body.landing-page img { opacity: 1; filter: none; }

@media (max-width: 640px) {
  html[data-landing-design] .landing-nav { padding: 8px; gap: 4px; min-height: 60px; box-sizing: border-box; }
  html[data-landing-design] :is(.landing-header-actions, .landing-auth-group) { gap: 4px; }
  html[data-landing-design] .landing-logo-text { font-size: 17px; white-space: nowrap; }
  html[data-landing-design] :is(.landing-auth-btn, .landing-secondary-btn) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; box-sizing: border-box; padding: 8px; font-size: 12px; white-space: nowrap; overflow-wrap: normal; }
  html[data-landing-design] .landing-design-toggle { gap: 4px; padding: 8px 6px; font-size: 12px; }
  html[data-landing-design] .landing-design-toggle svg { width: 16px; height: 16px; }
  html[data-landing-design="childhood"] .landing-logo-text { font-size: 23px; }
  html[data-landing-design="childhood"] .landing-header { inset: 8px 8px auto; }
  html[data-landing-design="childhood"] .hero-content { padding: 24px 20px; }
  html[data-landing-design="childhood"] .hero-title--modern { font-size: clamp(42px, 9vw, 58px); }
  html[data-landing-design="childhood"] .landing-hero--modern { padding-top: 112px; }
  html[data-landing-design="childhood"] .landing-journal-preview { padding-inline: 28px 20px; }
}
@media (forced-colors: active) {
  html[data-landing-design="childhood"] * { border-image: none !important; box-shadow: none !important; }
  html[data-landing-design="childhood"] :is(.hero-content, .landing-journal-preview, .landing-plan-card, .landing-story-card, .landing-privacy, .landing-publishing, .landing-start-section, .landing-header, .landing-footer) { background-image: none; }
  html[data-landing-design="childhood"] :is(.hero-content, .landing-privacy)::before,
  html[data-landing-design="childhood"] .landing-plan-card::after,
  html[data-landing-design="childhood"] .landing-memory-story__stage::after { display: none; }
}