/* The international product shares the UK site's type and green/cream palette. */
@font-face {
  font-family: 'DM Sans'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/static/fonts/dm-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/static/fonts/dm-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Outfit'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('/static/fonts/outfit-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('/static/fonts/outfit-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.intl-site { color-scheme: light; background: #fefdf8; color: #44403c; font-family: 'DM Sans', sans-serif; }
.intl-site h1, .intl-site h2, .intl-site h3, .intl-site h4, .intl-site .font-display { font-family: 'Outfit', sans-serif; }
.intl-site :where(a, button, input, select, summary):focus-visible { outline: 3px solid #15803d; outline-offset: 4px; }
.intl-site :where(input, select) { min-width: 0; }
.intl-site :where(h1, h2, h3, p, a) { overflow-wrap: break-word; }
.intl-container { width: min(100% - 48px, 1120px); margin-inline: auto; }
.intl-header { background: #fff; border-bottom: 1px solid #e7eee4; }
.intl-nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.intl-brand { display: inline-flex; align-items: center; gap: 10px; color: #44403c; font-family: 'Outfit', sans-serif; font-size: 23px; font-weight: 700; white-space: nowrap; }
.intl-logo-mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, #4ade80, #16a34a); color: white; box-shadow: 0 4px 12px #16a34a25; }
.intl-logo-mark svg { width: 24px; height: 24px; }
.intl-nav-links { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 600; }
.intl-nav-links a:hover { color: #15803d; }
.intl-nav-links .intl-nav-saved { padding: 8px 12px; border: 1px solid #86c99a; border-radius: 999px; background: #f0fdf4; color: #166534; white-space: nowrap; }
.intl-nav-links .intl-nav-saved:hover { border-color: #4caf70; background: #e4f8e9; color: #14532d; }
.intl-hero { background: linear-gradient(125deg, #f0fdf4, #e4f8e9 53%, #fefdf8); }
.intl-home-hero { padding-block: 68px 58px; }
.intl-hero-layout { display: grid; grid-template-columns: 1.18fr 1fr; align-items: center; gap: 60px; }
.intl-home-title { font-size: clamp(42px, 4.7vw, 64px); line-height: 1.05; letter-spacing: -1.8px; font-weight: 750; margin-bottom: 22px; }
.intl-home-title span { color: #15803d; }
.intl-lede { max-width: 32rem; font-size: 19px; line-height: 1.55; color: #57534e; }
.intl-country-hero { padding-block: 60px; }
.intl-country-title { font-size: clamp(36px, 4vw, 56px); line-height: 1.1; letter-spacing: -1px; font-weight: 700; }
.intl-checker { background: #fff; border: 1px solid #dce8db; border-radius: 20px; padding: 22px; margin-top: 28px; box-shadow: 0 10px 30px #16653409; }
.intl-checker-fields { display: grid; grid-template-columns: 1fr 1.45fr; gap: 12px; }
.intl-field label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 7px; }
.intl-field input, .intl-field select { display: block; width: 100%; min-height: 49px; border: 1px solid #d6ddd2; border-radius: 9px; padding: 11px 12px; background: #fff; color: #44403c; font-size: 15px; }
.address-autocomplete-shell { position: relative; }
.address-suggestions { position: absolute; z-index: 30; top: calc(100% + 5px); left: 0; right: 0; max-height: 260px; overflow-y: auto; border: 1px solid #b9c8b6; border-radius: 10px; background: #fff; color: #292524; box-shadow: 0 12px 30px #1c352420; text-align: left; }
.address-suggestion-option { padding: 11px 13px; border-bottom: 1px solid #edf1eb; cursor: pointer; font-size: 14px; line-height: 1.35; }
.address-suggestion-option:last-child { border-bottom: 0; }
.address-suggestion-option:hover, .address-suggestion-option.is-active { background: #f0fdf4; color: #14532d; }
.address-suggestion-note { margin-top: 8px; color: #57534e; font-size: 11px; line-height: 1.45; }
.address-suggestion-note a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.address-suggestion-note button { color: inherit; font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.intl-primary { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 51px; padding: 12px 20px; border-radius: 11px; background: #15803d; color: #fff; font-weight: 700; transition: background-color 150ms; }
.intl-primary:hover { background: #166534; }
.intl-checker .intl-primary { width: 100%; margin-top: 14px; }
.intl-checker-note { margin-top: 12px; color: #57534e; font-size: 12px; line-height: 1.6; text-align: center; }
.intl-checker-note a { text-decoration: underline; text-underline-offset: 3px; }
.intl-example { position: relative; padding: 24px 0 6px; }
.intl-example-card { position: relative; z-index: 1; background: #fff; border: 1px solid #dbe7da; border-radius: 22px; padding: 25px 27px; box-shadow: 0 14px 48px #1f513713; }
.intl-example-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 17px; margin-bottom: 19px; border-bottom: 1px solid #edf0e9; font-size: 12px; color: #57534e; }
.intl-example-title { font-size: 25px; line-height: 1.2; font-weight: 650; margin-bottom: 10px; }
.intl-example-card > p { color: #57534e; font-size: 14px; line-height: 1.6; }
.intl-example-streams { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.intl-example-streams span { display: inline-flex; align-items: center; gap: 7px; border-radius: 7px; background: #f0fdf4; padding: 8px 11px; color: #166534; font-size: 13px; font-weight: 600; }
.intl-example-streams i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #16a34a; }
.intl-example-bins { display: block; width: min(100%, 330px); height: 196px; object-fit: contain; margin: -4px auto 0; filter: drop-shadow(0 7px 12px #16653410); }
.intl-example-caption { text-align: center; max-width: 350px; margin: 6px auto 0; font-size: 12px; color: #57534e; line-height: 1.6; }
.intl-benefits { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 52px; padding-block: 23px; font-size: 14px; border-bottom: 1px solid #e7eee4; background: #fff; }
.intl-benefits span { display: inline-flex; align-items: center; gap: 9px; }
.intl-benefits svg { width: 19px; height: 19px; color: #15803d; }
.intl-section { padding-block: 72px; }
.intl-section-heading { font-size: clamp(28px, 3vw, 37px); line-height: 1.15; font-weight: 650; letter-spacing: -.5px; margin-bottom: 14px; }
.intl-section-intro { max-width: 670px; color: #57534e; line-height: 1.7; }
.intl-section-top { margin-bottom: 30px; }
.intl-country-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.intl-country-card { display: grid; grid-template-columns: 43px 1fr; align-content: start; align-items: start; column-gap: 13px; padding: 21px; background: #fff; border: 1px solid #e1e8dc; border-radius: 14px; transition: border-color 150ms, box-shadow 150ms; }
.intl-country-card:hover { border-color: #86c99a; box-shadow: 0 5px 14px #1665340b; }
.intl-country-flag { font-size: 30px; line-height: 1.3; }
.intl-country-card h3 { font-weight: 650; font-size: 20px; line-height: 1.3; }
.intl-country-card p { color: #57534e; font-size: 12px; line-height: 1.6; margin-top: 6px; }
.intl-country-card .intl-country-action { margin-top: 12px; color: #15803d; font-size: 13px; font-weight: 700; }
.intl-steps-section { background: #f1f8ee; border-block: 1px solid #e4edde; }
.intl-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; margin-top: 34px; }
.intl-step-icon { width: 47px; height: 47px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #dbe8d5; color: #15803d; margin-bottom: 17px; }
.intl-step-icon svg { width: 23px; height: 23px; }
.intl-steps h3 { font-size: 22px; font-weight: 600; margin-bottom: 10px; }
.intl-steps p { font-size: 15px; line-height: 1.75; color: #57534e; }
.intl-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; }
.intl-guide-group { border-bottom: 1px solid #dde5d7; }
.intl-guide-group summary { display: flex; align-items: center; gap: 13px; cursor: pointer; padding: 21px 0; font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 550; list-style: none; }
.intl-guide-group summary::-webkit-details-marker { display: none; }
.intl-guide-group summary::after { content: '+'; color: #15803d; margin-left: auto; font-size: 26px; font-weight: 400; }
.intl-guide-group[open] summary::after { content: '−'; }
.intl-guide-group ul { padding: 0 0 20px 43px; }
.intl-guide-group li + li { margin-top: 11px; }
.intl-guide-group a { color: #166534; font-size: 14px; line-height: 1.6; text-decoration: underline; text-underline-offset: 3px; }
.intl-help-layout { display: grid; grid-template-columns: 1fr 1.15fr; gap: 70px; }
.intl-help details { padding-block: 20px; border-bottom: 1px solid #dde5d7; }
.intl-help summary { cursor: pointer; font-size: 17px; font-weight: 600; }
.intl-help p { color: #57534e; font-size: 14px; line-height: 1.75; margin-top: 15px; }
.intl-help a { color: #166534; text-decoration: underline; text-underline-offset: 3px; }
.intl-coming { background: #fff; border-top: 1px solid #e7eee4; }
.intl-coming > .intl-container > details > summary { cursor: pointer; font-family: 'Outfit', sans-serif; font-size: 25px; font-weight: 600; }
.intl-footer { background: #44403c; color: #fff; padding-top: 36px; }
.intl-footer .intl-brand { color: #fff; }
.intl-footer-note { color: #e7e5e4; font-size: 14px; margin-top: 10px; }
.intl-footer nav { color: #e7e5e4; padding-bottom: 28px; }
.intl-footer nav a { color: inherit; }
.intl-surface { background: #fff; border: 1px solid #e1e8dc; border-radius: 20px; box-shadow: 0 8px 24px #16653407; }

/* Scope checker overrides to its controls; result/error state colours stay intact. */
.intl-site #check-form { padding: 22px; border: 1px solid #dce8db; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px #1665340b; }
.intl-site label[for='check-address'] { color: #44403c; }
.intl-site #check-address { background: #fff; border: 1px solid #cdd8c8; box-shadow: none; }
.intl-site #check-address-help { color: #57534e; }
.intl-site #check-button { background: #15803d; color: #fff; box-shadow: none; }
.intl-site #check-button:hover { background: #166534; }
.intl-site #location-button { background: #f0fdf4; color: #166534; box-shadow: none; border: 1px solid #bbdec3; }
.intl-site #check-status { color: #166534; }
.intl-site #check-progress-bar { background: #15803d; }

@media (max-width: 899px) {
  .intl-hero-layout { gap: 30px; grid-template-columns: 1.1fr 1fr; }
  .intl-checker-fields { grid-template-columns: 1fr; }
  .intl-country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .intl-help-layout { gap: 34px; }
}
@media (max-width: 639px) {
  .intl-container { width: calc(100% - 36px); }
  .intl-nav { min-height: 66px; gap: 12px; }
  .intl-nav-links { gap: 15px; font-size: 12px; }
  .intl-nav-links .intl-nav-secondary, .intl-nav-links .intl-nav-section { display: none; }
  .intl-brand { font-size: 21px; }
  .intl-logo-mark { width: 34px; height: 34px; border-radius: 10px; }
  .intl-home-hero { padding-block: 38px 32px; }
  .intl-country-hero { padding-block: 36px; }
  .intl-hero-layout, .intl-country-grid, .intl-guides, .intl-help-layout, .intl-steps { grid-template-columns: 1fr; }
  .intl-home-title { letter-spacing: -1px; margin-bottom: 18px; }
  .intl-lede { font-size: 17px; }
  .intl-checker { padding: 18px; margin-top: 24px; }
  .intl-example { max-width: 390px; margin-inline: auto; padding-top: 6px; }
  .intl-example-card { padding: 22px; }
  .intl-example-bins { height: 165px; }
  .intl-benefits { gap: 12px 20px; padding: 20px 18px; font-size: 12px; }
  .intl-benefits svg { width: 16px; height: 16px; }
  .intl-section { padding-block: 46px; }
  .intl-country-card { padding: 18px 20px; }
  .intl-steps { gap: 28px; }
  .intl-guide-group ul { padding-left: 0; }
  .intl-site #check-form { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .intl-site *, .intl-site *::before, .intl-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}