:root {
  --home-ink: #0b1930;
  --home-muted: #60708a;
  --home-line: #e5eaf2;
  --home-surface: #ffffff;
  --home-soft: #f5f8fc;
  --home-primary: #5879f5;
  --home-primary-deep: #4668e5;
  --home-mint: #42cf93;
}

.home-page {
  min-width: 320px;
  color: var(--home-ink);
  background: var(--home-surface);
}

.home-page * { box-sizing: border-box; }
.home-page a { color: inherit; text-decoration: none; }
.home-container { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }

.home-header {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid color-mix(in srgb, var(--home-line) 76%, transparent);
  background: color-mix(in srgb, var(--home-surface) 90%, transparent);
  backdrop-filter: blur(16px);
}

.home-header-inner { display: flex; align-items: center; min-height: 76px; gap: 34px; }
.home-brand { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; letter-spacing: -.04em; white-space: nowrap; }
.home-brand-mark { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg, var(--home-primary), #8f45f5); border-radius: 12px; box-shadow: 0 8px 18px rgba(90, 66, 232, .22); }
.home-brand-mark i { font-size: 19px; }
.home-nav { display: flex; flex: 1; align-items: center; gap: 24px; }
.home-nav a { color: var(--home-muted); font-size: 14px; font-weight: 650; transition: color .18s ease; }
.home-nav a:hover { color: var(--home-primary); }
.home-nav-dropdown { position: relative; }
.home-nav-dropdown > button { display: inline-flex; align-items: center; gap: 4px; padding: 0; color: var(--home-muted); border: 0; background: transparent; font-size: 14px; font-weight: 650; cursor: pointer; transition: color .18s ease; }
.home-nav-dropdown > button:hover { color: var(--home-primary); }
.home-nav-dropdown > button i { font-size: 14px; transition: transform .18s ease; }
.home-nav-dropdown.is-open > button i { transform: rotate(180deg); }
.home-nav-menu { position: absolute; top: calc(100% + 18px); left: -14px; display: grid; min-width: 196px; padding: 8px; border: 1px solid var(--home-line); border-radius: 14px; background: var(--home-surface); box-shadow: 0 18px 42px rgba(20, 31, 55, .16); }
.home-nav-menu a { display: flex; align-items: center; gap: 9px; padding: 10px; border-radius: 9px; color: var(--home-muted); font-size: 13px; font-weight: 700; }
.home-nav-menu a:hover { color: var(--home-primary); background: var(--home-soft); }
.home-nav-menu i { color: var(--home-primary); font-size: 17px; }
.home-header-actions { display: flex; align-items: center; gap: 9px; }
.home-icon-button { display: inline-flex; min-width: 38px; height: 38px; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; color: var(--home-muted); border: 1px solid transparent; border-radius: 11px; background: transparent; cursor: pointer; transition: background .18s ease, color .18s ease; }
.home-icon-button:hover { color: var(--home-ink); background: var(--home-soft); }
.home-icon-button i { font-size: 18px; }
.home-icon-button span { font-size: 12px; font-weight: 750; }
.home-language { position: relative; }
.home-language-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 118px; padding: 6px; border: 1px solid var(--home-line); border-radius: 12px; background: var(--home-surface); box-shadow: 0 16px 35px rgba(20, 31, 55, .14); }
.home-language-menu a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: var(--home-muted); border-radius: 8px; font-size: 13px; font-weight: 650; }.home-language-menu .flag { width: 18px; height: 18px; flex: none; border-radius: 50%; box-shadow: 0 1px 4px rgba(20, 31, 55, .16); }
.home-language-menu a:hover { color: var(--home-primary); background: var(--home-soft); }
.home-page .home-header-cta, .home-page .home-primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 16px; color: #fff; border: 1px solid var(--home-primary); border-radius: 12px; background: var(--home-primary); box-shadow: 0 10px 22px rgba(88, 121, 245, .22); font-size: 14px; font-weight: 750; transition: transform .18s ease, background .18s ease; }
.home-page .home-header-cta:hover, .home-page .home-primary-button:hover { color: #fff; background: var(--home-primary-deep); transform: translateY(-1px); }
.home-account { position: relative; }.home-account-trigger { display: inline-flex; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }.home-account-trigger:focus-visible { outline: 3px solid rgba(88, 121, 245, .3); outline-offset: 3px; }.home-account-avatar { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; overflow: hidden; color: #fff; border: 2px solid #fff; border-radius: 50%; background: linear-gradient(135deg, #6650ed, #c35ae7); box-shadow: 0 4px 12px rgba(57, 51, 119, .2); object-fit: cover; text-transform: uppercase; }.home-account-menu { position: absolute; top: calc(100% + 9px); right: 0; z-index: 20; display: grid; min-width: 156px; padding: 6px; border: 1px solid var(--home-line); border-radius: 12px; background: var(--home-surface); box-shadow: 0 16px 35px rgba(20, 31, 55, .14); }.home-account-menu a, .home-account-menu button { display: flex; align-items: center; gap: 9px; width: 100%; padding: 9px 10px; color: var(--home-muted); border: 0; border-radius: 8px; background: transparent; font-size: 13px; font-weight: 700; text-align: left; cursor: pointer; }.home-account-menu a:hover, .home-account-menu button:hover { color: var(--home-primary); background: var(--home-soft); }.home-account-menu i { color: var(--home-primary); font-size: 17px; }
.home-menu-toggle { display: none; }

.home-hero { position: relative; z-index: 2; overflow: visible; padding: 105px 0 88px; background: radial-gradient(circle at 80% 5%, rgba(134, 92, 255, .17), transparent 31%), radial-gradient(circle at 25% 90%, rgba(66, 207, 147, .13), transparent 29%), #fcfdff; }
.home-hero::before { position: absolute; inset: 0; opacity: .6; background-image: linear-gradient(rgba(90, 66, 232, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(90, 66, 232, .04) 1px, transparent 1px); background-size: 42px 42px; content: ""; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
.home-hero-grid { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1fr) minmax(410px, .9fr); align-items: center; gap: 70px; }
.home-eyebrow { display: flex; align-items: center; gap: 7px; margin: 0 0 14px; color: var(--home-primary); font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.home-eyebrow i { font-size: 16px; }
.home-hero h1 { max-width: 620px; margin: 0; color: var(--home-ink); font-size: clamp(42px, 5vw, 67px); font-weight: 800; line-height: 1.04; letter-spacing: -.065em; }
.home-hero h1 span { color: var(--home-primary); }
.home-hero-lead { max-width: 570px; margin: 24px 0; color: var(--home-muted); font-size: 18px; line-height: 1.68; }
.home-hero-proof { display: flex; flex-wrap: wrap; gap: 10px 20px; color: var(--home-muted); font-size: 13px; font-weight: 650; }
.home-hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.home-hero-proof i { color: var(--home-mint); font-size: 17px; }

.home-hero-card { padding: 10px; border: 1px solid rgba(88, 121, 245, .18); border-radius: 24px; background: rgba(255, 255, 255, .87); box-shadow: 0 30px 70px rgba(46, 35, 115, .15); backdrop-filter: blur(15px); }
.home-service-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; gap: 4px; border-radius: 15px; background: #f0effb; }
.home-service-tabs button { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 8px; color: #687189; border: 0; border-radius: 11px; background: transparent; font-size: 14px; font-weight: 750; cursor: pointer; transition: color .18s ease, box-shadow .18s ease, background .18s ease; }
.home-service-tabs button.is-active { color: var(--home-primary); background: #fff; box-shadow: 0 4px 10px rgba(40, 27, 101, .1); }
.home-hero-card section { padding: 28px 25px 22px; }
.home-picker-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; }
.home-picker-icon { display: inline-flex; width: 42px; height: 42px; flex: none; align-items: center; justify-content: center; color: var(--home-primary); border-radius: 13px; background: #efecff; }
.home-picker-icon-number { color: #ee8b19; background: #fff3e4; }
.home-picker-icon i { font-size: 22px; }
.home-picker-heading h2 { margin: 0; color: var(--home-ink); font-size: 20px; font-weight: 800; letter-spacing: -.03em; }
.home-picker-heading p { margin: 3px 0 0; color: var(--home-muted); font-size: 13px; }
.home-destination-form { position: relative; display: flex; align-items: center; height: 58px; padding-left: 17px; border: 1px solid #dbe1eb; border-radius: 15px; background: #fff; transition: border .18s ease, box-shadow .18s ease; }
.home-destination-form:focus-within { border-color: var(--home-primary); box-shadow: 0 0 0 4px rgba(90, 66, 232, .1); }
.home-destination-form > i { color: var(--home-muted); font-size: 19px; }
.home-destination-form input { width: 100%; min-width: 0; height: 100%; padding: 0 12px; color: var(--home-ink); border: 0; outline: 0; background: transparent; font-size: 15px; }
.home-destination-form input::placeholder { color: #97a1b2; }
.home-destination-form > button { display: inline-flex; width: 48px; height: 48px; flex: none; align-items: center; justify-content: center; margin-right: 4px; color: #fff; border: 0; border-radius: 12px; background: var(--home-primary); cursor: pointer; }
.home-destination-suggestions { position: absolute; top: calc(100% + 7px); right: 0; left: 0; z-index: 100; max-height: 278px; padding: 5px; overflow-y: auto; border: 1px solid var(--home-line); border-radius: 14px; background: var(--home-surface); box-shadow: 0 18px 35px rgba(21, 33, 59, .17); }
.home-destination-suggestion { display: flex; width: 100%; align-items: center; gap: 10px; padding: 10px 11px; color: var(--home-ink); border: 0; border-radius: 10px; background: transparent; font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; }
.home-destination-suggestion:hover, .home-destination-suggestion.is-active { color: var(--home-primary); background: var(--home-soft); }
.home-destination-suggestion .flag { width: 24px; height: 24px; flex: none; border-radius: 50%; }.home-destination-suggestion i { display: inline-flex; width: 24px; height: 24px; flex: none; align-items: center; justify-content: center; color: var(--home-primary); border-radius: 50%; background: #eeefff; font-size: 14px; }.home-destination-suggestion small { margin-left: auto; color: var(--home-muted); font-size: 11px; font-weight: 650; }
.home-coverage-proof { display: grid; gap: 9px; margin-top: 20px; }.home-coverage-link { display: inline-flex; width: max-content; }.home-flag-stack { display: flex; align-items: center; padding-left: 4px; }.home-flag-stack .flag, .home-flag-more { width: 38px; height: 38px; flex: none; margin-left: -10px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 2px 6px rgba(22, 37, 67, .16); }.home-flag-stack .flag:first-child { margin-left: 0; }.home-flag-more { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: var(--home-primary); font-size: 15px; }.home-coverage-link:hover .home-flag-more { background: #405fd4; }.home-coverage-caption { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; color: var(--home-muted); font-size: 11px; line-height: 1.4; }.home-coverage-caption span { color: inherit; }
.home-number-preview .flag { width: 22px; height: 22px; flex: none; border-radius: 50%; }
.home-card-footnote { display: flex; gap: 7px; padding: 14px 25px 0; margin: 0; border-top: 1px solid var(--home-line); color: var(--home-muted); font-size: 11px; line-height: 1.5; }
.home-card-footnote i { flex: none; margin-top: 1px; color: var(--home-primary); }
.home-number-preview { display: flex; align-items: center; gap: 13px; padding: 15px; margin: 6px 0 20px; border: 1px solid #eee5db; border-radius: 14px; background: #fffaf4; }
.home-number-preview strong, .home-number-preview small { display: block; }
.home-number-preview strong { margin-bottom: 3px; color: var(--home-ink); font-size: 14px; }
.home-number-preview small { color: var(--home-muted); font-size: 12px; line-height: 1.45; }
.home-hero-card .home-primary-button { width: 100%; }

.home-travel-stories, .home-services, .home-how, .home-compatibility, .home-faq { padding: 96px 0; }
.home-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 35px; }
.home-section-heading h2, .home-how h2, .home-compatibility h2, .home-faq h2 { max-width: 640px; margin: 0; color: var(--home-ink); font-size: clamp(31px, 3.4vw, 45px); font-weight: 800; line-height: 1.1; letter-spacing: -.055em; }
.home-section-heading-centered { justify-content: center; text-align: center; }
.home-section-heading-centered .home-eyebrow { justify-content: center; }
.home-text-link { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 3px; color: var(--home-primary); border-bottom: 1px solid currentColor; font-size: 14px; font-weight: 750; white-space: nowrap; }
.home-travel-stories { position: relative; z-index: 1; overflow: hidden; background: #fff; }.home-travel-stories .home-section-heading { margin-bottom: 38px; }.home-travel-stories .home-section-lead { max-width: 650px; margin: 16px auto 0; color: var(--home-muted); font-size: 16px; line-height: 1.65; }.home-story-grid { display: grid; grid-template-columns: .9fr 1.05fr .9fr; gap: 20px; }.home-story-card { position: relative; display: flex; min-height: 462px; overflow: hidden; align-items: end; border-radius: 24px; isolation: isolate; background: #152c52; }.home-story-card::after { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8,18,35,0) 25%, rgba(8,18,35,.78) 100%); content: ""; }.home-story-card img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }.home-story-card:hover img { transform: scale(1.05); }.home-story-card-copy { width: 100%; padding: 28px; color: #fff; }.home-story-card-copy > span { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; margin-bottom: 13px; color: #fff; border-radius: 99px; background: rgba(255,255,255,.17); backdrop-filter: blur(6px); font-size: 11px; font-weight: 800; }.home-story-card-copy > span i { font-size: 15px; }.home-story-card h3 { max-width: 280px; margin: 0; color: #fff; font-size: 25px; font-weight: 800; line-height: 1.06; letter-spacing: -.045em; }.home-story-card p { max-width: 305px; margin: 12px 0 0; color: rgba(255,255,255,.86); font-size: 13px; line-height: 1.55; }.home-story-card-plan { min-height: 510px; }.home-story-card-plan h3 { font-size: 29px; }.home-story-card-account { background: #1c4370; }

.home-services { background: var(--home-soft); }
.home-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 930px; margin: 0 auto; }
.home-service-card { min-height: 360px; padding: 31px; border: 1px solid transparent; border-radius: 22px; background: #fff; box-shadow: 0 11px 25px rgba(45, 56, 85, .04); }
.home-service-card-data { border-top: 4px solid var(--home-primary); }.home-service-card-number { border-top: 4px solid #e78a22; }
.home-service-icon { display: inline-flex; width: 47px; height: 47px; align-items: center; justify-content: center; margin-bottom: 22px; color: var(--home-primary); border-radius: 14px; background: #edeaff; }.home-service-card-number .home-service-icon { color: #e78a22; background: #fff0e1; }
.home-service-icon i { font-size: 24px; }.home-service-card > p { margin: 0 0 8px; color: var(--home-muted); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.home-service-card h3 { margin: 0; color: var(--home-ink); font-size: 25px; font-weight: 800; letter-spacing: -.04em; }
.home-service-card ul { display: grid; gap: 10px; padding: 0; margin: 22px 0 25px; color: var(--home-muted); list-style: none; font-size: 14px; line-height: 1.45; }.home-service-card li { position: relative; padding-left: 20px; }.home-service-card li::before { position: absolute; left: 0; color: var(--home-mint); content: "✓"; font-weight: 800; }.home-service-card a { color: var(--home-primary); font-size: 14px; font-weight: 800; }

.home-how { background: linear-gradient(135deg, #101c3a, #1f1b52); color: #fff; }.home-how h2 { color: #fff; }.home-how .home-eyebrow { color: #8effca; }.home-section-lead { max-width: 510px; margin: 22px 0 26px; color: #c3cde0; font-size: 16px; line-height: 1.7; }.home-page .home-outline-button { display: inline-flex; align-items: center; gap: 8px; padding: 11px 15px; color: #fff; border: 1px solid rgba(255, 255, 255, .38); border-radius: 11px; font-size: 14px; font-weight: 750; }.home-page .home-outline-button:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.home-how-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 90px; }.home-step-list { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; }.home-step-list li { display: grid; grid-template-columns: 55px 1fr; gap: 19px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.14); }.home-step-list li:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }.home-step-list > li > span { color: #8effca; font-size: 13px; font-weight: 800; letter-spacing: .08em; }.home-step-list h3 { margin: 0 0 7px; color: #fff; font-size: 18px; font-weight: 750; }.home-step-list p { margin: 0; color: #c3cde0; font-size: 14px; line-height: 1.55; }

.home-compatibility-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 26px; padding: 34px; border: 1px solid #d9e1f0; border-radius: 24px; background: linear-gradient(108deg, #f5f7ff, #f7fffb); }.home-compatibility-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; color: #fff; border-radius: 18px; background: linear-gradient(135deg, var(--home-primary), #864ef1); box-shadow: 0 12px 25px rgba(90,66,232,.2); }.home-compatibility-icon i { font-size: 29px; }.home-compatibility-card h2 { font-size: 30px; }.home-compatibility-card .home-eyebrow { margin-bottom: 8px; }.home-compatibility-card p:not(.home-eyebrow) { max-width: 650px; margin: 12px 0 0; color: var(--home-muted); font-size: 14px; line-height: 1.65; }

.home-faq { padding-top: 20px; }.home-faq-inner { display: grid; grid-template-columns: .65fr 1fr; gap: 80px; align-items: start; }.home-faq-list { display: grid; gap: 10px; }.home-faq details { padding: 19px 20px; border: 1px solid var(--home-line); border-radius: 14px; background: #fff; }.home-faq summary { color: var(--home-ink); cursor: pointer; font-size: 15px; font-weight: 750; list-style: none; }.home-faq summary::-webkit-details-marker { display: none; }.home-faq summary::after { float: right; color: var(--home-primary); content: "+"; font-size: 20px; line-height: .8; }.home-faq details[open] summary::after { content: "−"; }.home-faq details p { margin: 13px 28px 0 0; color: var(--home-muted); font-size: 14px; line-height: 1.65; }
.home-footer { padding: 64px 0 22px; border-top: 1px solid var(--home-line); background: var(--home-soft); }.home-footer-grid { display: grid; grid-template-columns: minmax(250px, 1.65fr) repeat(3, minmax(120px, .72fr)); gap: 42px; }.home-footer-brand > p { max-width: 315px; margin: 18px 0; color: var(--home-muted); font-size: 13px; line-height: 1.65; }.home-footer-links { display: grid; align-content: start; gap: 12px; }.home-footer-links h2 { margin: 3px 0 6px; color: var(--home-ink); font-size: 13px; font-weight: 800; }.home-footer-links a, .home-footer-bottom { color: var(--home-muted); font-size: 13px; font-weight: 650; }.home-footer-links a { display: inline-flex; align-items: center; gap: 4px; }.home-footer-links a i, .home-footer-bottom a i { color: inherit; font-size: 14px; }.home-footer-links a:hover, .home-footer-bottom a:hover { color: var(--home-primary); }.home-store-list { display: flex; flex-wrap: wrap; gap: 8px; }.home-page .home-store-badge { display: inline-flex; min-width: 122px; align-items: center; gap: 7px; padding: 7px 9px; color: #fff; border-radius: 9px; background: #111827; }.home-page .home-store-badge:hover { color: #fff; background: #26334a; }.home-store-badge > i { font-size: 24px; }.home-store-badge span { display: grid; line-height: 1.05; }.home-store-badge small { font-size: 8px; opacity: .8; }.home-store-badge strong { font-size: 12px; letter-spacing: -.02em; }.home-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 28px; margin-top: 42px; border-top: 1px solid var(--home-line); }.home-footer-bottom p { margin: 0; }.home-footer-bottom a { display: inline-flex; align-items: center; gap: 4px; }

html[data-bs-theme="dark"] .home-page { --home-ink: #f3f6ff; --home-muted: #aab6ca; --home-line: #26344d; --home-surface: #111b2c; --home-soft: #18263a; background: #111b2c; }.home-page[data-bs-theme="dark"] { background: #111b2c; }
html[data-bs-theme="dark"] .home-hero { background: radial-gradient(circle at 80% 5%, rgba(88,121,245,.2), transparent 31%), radial-gradient(circle at 25% 90%, rgba(66,207,147,.1), transparent 29%), #111b2c; }.home-page[data-bs-theme="dark"] .home-hero-card { background: rgba(20, 31, 50, .88); border-color: #34445f; }.home-page[data-bs-theme="dark"] .home-service-tabs { background: #1e2c45; }.home-page[data-bs-theme="dark"] .home-service-tabs button.is-active, .home-page[data-bs-theme="dark"] .home-destination-form, .home-page[data-bs-theme="dark"] .home-service-card, .home-page[data-bs-theme="dark"] .home-faq details { background: #17243a; }.home-page[data-bs-theme="dark"] .home-destination-suggestions { border-color: #34445f; background: #17243a; }.home-page[data-bs-theme="dark"] .home-travel-stories { background: #111b2c; }.home-page[data-bs-theme="dark"] .home-services { background: #142035; }.home-page[data-bs-theme="dark"] .home-compatibility-card { border-color: #30425d; background: linear-gradient(108deg,#17243a,#15352e); }.home-page[data-bs-theme="dark"] .home-number-preview, .home-page[data-bs-theme="dark"] .home-nav-menu { border-color: #5d4430; background: #2d261f; }.home-page[data-bs-theme="dark"] .home-language-menu { background: #17243a; border-color: #34445f; }

@media (max-width: 900px) { .home-header-inner { gap: 18px; }.home-nav { gap: 15px; }.home-hero { padding-top: 74px; }.home-hero-grid, .home-how-layout { grid-template-columns: 1fr; gap: 45px; }.home-hero-copy { max-width: 650px; }.home-hero-card { max-width: 600px; }.home-story-grid { grid-template-columns: 1fr 1fr; }.home-story-card-plan { min-height: 462px; }.home-story-card-account { grid-column: 1 / -1; min-height: 320px; }.home-faq-inner { grid-template-columns: 1fr; gap: 32px; }.home-compatibility-card { grid-template-columns: auto 1fr; }.home-compatibility-card .home-primary-button { grid-column: 1 / -1; justify-self: start; } }
@media (max-width: 700px) { .home-container { width: min(100% - 32px, 560px); }.home-header-inner { min-height: 66px; gap: 9px; flex-wrap: wrap; }.home-brand { margin-right: auto; font-size: 18px; }.home-brand-mark { width: 31px; height: 31px; }.home-menu-toggle { display: inline-flex; width: 37px; height: 37px; align-items: center; justify-content: center; color: var(--home-ink); border: 1px solid var(--home-line); border-radius: 10px; background: transparent; }.home-header-actions { gap: 2px; }.home-header-actions .home-header-cta { display: inline-flex; min-height: 37px; padding: 0 11px; font-size: 12px; }.home-account-link { padding-right: 3px; border: 0; }.home-nav { display: none; width: 100%; flex-basis: 100%; padding: 4px 0 15px; gap: 0; border-top: 1px solid var(--home-line); }.home-nav.is-open { display: grid; grid-template-columns: 1fr 1fr; }.home-nav > a, .home-nav-dropdown { padding: 10px 0; }.home-nav-dropdown > button { font-size: 14px; }.home-nav-menu { position: static; min-width: 0; margin: 9px 0 0; box-shadow: none; }.home-hero { padding: 57px 0 58px; }.home-hero h1 { font-size: clamp(38px, 12vw, 53px); }.home-hero-lead { margin: 18px 0; font-size: 16px; }.home-hero-proof { display: grid; gap: 9px; }.home-hero-card { padding: 8px; border-radius: 20px; }.home-hero-card section { padding: 22px 16px 17px; }.home-card-footnote { padding: 13px 16px 0; }.home-coverage-proof { gap: 10px; }.home-flag-stack .flag, .home-flag-more { width: 36px; height: 36px; }.home-coverage-caption { font-size: 11px; }.home-travel-stories, .home-services, .home-how, .home-compatibility, .home-faq { padding: 65px 0; }.home-section-heading { align-items: start; margin-bottom: 25px; }.home-section-heading h2, .home-how h2, .home-compatibility h2, .home-faq h2 { font-size: 31px; }.home-text-link { font-size: 12px; }.home-story-grid { grid-template-columns: 1fr; gap: 14px; }.home-story-card, .home-story-card-plan, .home-story-card-account { min-height: 390px; }.home-story-card-copy { padding: 24px; }.home-story-card h3, .home-story-card-plan h3 { font-size: 26px; }.home-service-grid { grid-template-columns: 1fr; }.home-service-card { min-height: 0; padding: 25px; }.home-how-layout { gap: 35px; }.home-compatibility-card { grid-template-columns: 1fr; padding: 25px; gap: 18px; }.home-compatibility-card .home-primary-button { width: 100%; }.home-footer { padding-top: 48px; }.home-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }.home-footer-brand { grid-column: 1 / -1; }.home-footer-bottom { margin-top: 30px; padding-top: 20px; } }
@media (max-width: 420px) { .home-footer-grid { grid-template-columns: 1fr; }.home-footer-brand { grid-column: auto; }.home-footer-bottom { align-items: flex-start; flex-direction: column; } }

html[data-bs-theme="dark"] .home-page main, .home-page[data-bs-theme="dark"] main, html[data-bs-theme="dark"] .home-faq, .home-page[data-bs-theme="dark"] .home-faq { background: #111b2c; }
html[data-bs-theme="dark"] .home-faq h2, .home-page[data-bs-theme="dark"] .home-faq h2 { color: #f3f6ff; }