@font-face {
  font-family: Manrope;
  src: url('/assets/fonts/Manrope-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: Fraunces;
  src: url("/assets/fonts/Fraunces_400Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Fraunces;
  src: url("/assets/fonts/Fraunces_700Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Fraunces;
  src: url("/assets/fonts/Fraunces_700Bold_Italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Pacifico;
  src: url("/assets/fonts/Pacifico_400Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
:root {
  --heading: Manrope, var(--sans);
  --paper: #faf9f6;
  --ink: #24282b;
  --muted: #5d646a;
  --accent: #435e70;
  --line: #24282b26;
  --surface: #f0efeb;
  --surface-inset: #e6e5e1;
  --sage: var(--surface);
  --peach: var(--surface);
  --lavender: var(--surface);
  --sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
h1,
h2 {
  font-weight: 700;
}
em {
  font-weight: 700;
}
.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 0;
  font-family: Pacifico, cursive;
  font-size: 32px;
  font-weight: 400;
}
.wordmark .brand-icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}
.wordmark .brand-name {
  font: inherit;
  color: var(--ink);
  margin: 0;
}
.footer-word {
  font-family: Pacifico, cursive;
  font-size: clamp(100px, 23vw, 440px);
  letter-spacing: 0;
  line-height: 1.5;
}
.hero-backdrop-word {
  font-family: Pacifico, cursive;
}
@media (max-width: 700px) {
  .wordmark {
    font-size: 27px;
    gap: 8px;
  }
  .wordmark .brand-icon {
    width: 36px;
    height: 36px;
  }
}
/* Shared keyboard bypass, including invitation and error pages. */
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:var(--ink);color:var(--paper)}
.skip-link:focus{top:12px;outline:3px solid var(--accent);outline-offset:3px}
/* Keep anchors and sticky controls clear of the actual navigation stack. */
:root{--site-header-height:88px;--chapter-height:0px}
html{scroll-padding-top:calc(var(--site-header-height) + var(--chapter-height) + 12px)}
.mobile-chapters{top:var(--site-header-height)}
html.has-preview .mobile-preview-picker{top:calc(var(--site-header-height) + var(--chapter-height))}
.legal-body h2,.guide-step,.task-help{scroll-margin-top:0}
@media(max-width:700px){:root{--site-header-height:76px;--chapter-height:44px}html:not(:has(.mobile-chapters)){--chapter-height:0px}}
/* One quiet palette; colour comes primarily from the actual app captures. */
.site-header,.mobile-chapters{background:#faf9f6f5}
.hero-backdrop-word{color:#e6e5e1}
.orbit,.panel-orbit{border-color:#626b7333}
.phone{border-color:var(--ink)}
.chapter-strip,.travel-mode,.travel-mode:nth-child(2),.journey,
.tool-directory,.data-section,.money-chapter{background:var(--paper)}
.travel-mode{background:var(--surface);border:1px solid var(--line)}
.travel-mode:nth-child(2){background:transparent;border:1px solid var(--line)}
.travel-mode>p,.feature-grid small,.feature-grid a,
.data-grid p,.data-choices p,.privacy-bottom>p,#visa .visual-caption{color:var(--muted)}
.money-visual,.story-stage{background:var(--surface-inset)}
.chapter-visual,.chapter-reverse .chapter-visual,#stay .chapter-visual{background:var(--surface)}
.data-grid article,.data-choices,.privacy-bottom,.data-icon{border-color:var(--line)}
.feature-disclosure summary>span:first-child{color:var(--accent)}
.feature-grid article:has(details[open]){background:var(--surface)}
.has-preview .mobile-preview-picker{background:var(--paper)}
.mobile-preview-picker select{border-color:var(--muted)}
.offline-chapter{background:#252c31;color:#faf9f6}
.offline-copy em{color:#d7e2e9}
.offline-copy .chapter-lede,.offline-copy .honest-note,
.offline-screen .visual-caption,.offline-facts caption,.offline-facts thead th{color:#c9d1d6}
.offline-screen .phone{border-color:#87959f}
.offline-orbit,.offline-orbit::after{border-color:#c9d1d633}
.offline-screen .scene-depth{background:#c9d1d610;border-color:#c9d1d633}
.offline-screen .scene-depth::after{border-color:#c9d1d633}
.screen-dialog::backdrop{background:#20262bcc}
@media(hover:hover) and (pointer:fine){
 .button:hover,.tool-filters button[aria-pressed=true]:hover{background:var(--accent)}
 .tool-filters button:hover{background:var(--surface-inset)}
}
@media(min-width:701px) and (max-width:1000px){:root{--chapter-height:45px}html:not(:has(.mobile-chapters)){--chapter-height:0px}}
/* Inset masthead: compact navigation, with the product story below it. */
:root{--site-header-height:97px}
.site-header{padding:14px clamp(16px,2.5vw,48px) 10px;background:#faf9f6e8;backdrop-filter:blur(14px)}
.site-header::after{display:none}
.site-header .nav-shell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;min-height:68px;padding:10px 20px;border:1px solid var(--line);border-radius:18px;background:#ffffffd9;box-shadow:0 3px 14px #24282b05}
.site-header .nav-shell::after{content:'';position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(var(--reading-progress,0));transform-origin:left}
.site-header .wordmark{font-size:29px;gap:9px}
.site-header .brand-icon{width:38px;height:38px}
.site-header .nav-shell nav{justify-content:center;align-items:center;gap:3px;margin:0}
.site-header .nav-shell nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:9px;font-size:13px;color:var(--muted);transition:background 160ms ease,color 160ms ease}
.site-header .button.small{grid-column:-2;justify-self:end;min-height:44px;padding:10px 16px;gap:20px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-size:13px}
.site-header .button.small span{font-size:18px}
@media(hover:hover) and (pointer:fine){
 .site-header .nav-shell nav a:hover{background:var(--surface);color:var(--ink)}
 .site-header .button.small:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}
}
@media(min-width:1001px) and (max-width:1150px){
 .site-header .nav-shell{gap:14px;padding-inline:16px}
 .site-header .nav-shell nav a{padding-inline:8px;font-size:12px}
}
@media(max-width:1000px){
 .site-header .nav-shell{grid-template-columns:1fr auto;gap:16px}
 .site-header .nav-shell nav{display:none}
}
@media(max-width:700px){
 :root{--site-header-height:81px}
 .site-header{padding:10px 12px 6px}
 .site-header .nav-shell{min-height:62px;padding:8px 12px;border-radius:16px}
 .site-header .wordmark{font-size:26px;gap:7px}
 .site-header .brand-icon{width:34px;height:34px}
 .site-header .button.small{padding:8px 12px;gap:12px;font-size:12px}
 .mobile-chapters{padding-inline:20px;gap:24px;border-bottom:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){.site-header .nav-shell nav a{transition:none}}
/* Clear product typography; the handwritten mark belongs to the logo only. */
h1,h2,h3{font-family:var(--heading);font-weight:600;letter-spacing:-.035em}
.dialog-heading h2{font-family:var(--heading)}
h1 em,h2 em,h3 em{font-style:normal;font-weight:inherit}
.hero h1{font-family:var(--heading);font-weight:600;letter-spacing:-.04em;line-height:1.08}
.hero h1 em{font-weight:500}
.chapter-copy h2,.offline-copy h2,.money-copy h2,.section-heading h2,
.data-section .section-heading h2,.questions h2,.download-copy h2,
.guide-intro h1,.guide-step h2,.guide-ready h2,.legal-title{letter-spacing:-.04em;line-height:1.15}
.travel-mode h3,.story-copy h3,.feature-grid h3,.data-grid h3{font-family:var(--heading);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.your-way>h2{letter-spacing:-.04em;line-height:1.15}
.site-header .nav-shell nav a,.mobile-chapters a,.header-links a{font-family:var(--heading);font-weight:500}
.hero .eyebrow,.chapter-copy .eyebrow,.offline-copy .eyebrow,.money-copy .eyebrow,
.section-heading .eyebrow{letter-spacing:.1em}