:root {
  --ink: #15231f;
  --muted: #61706a;
  --paper: #fbfcf8;
  --surface: #ffffff;
  --soft: #edf2e9;
  --line: #dce4d8;
  --green: #1c6b4a;
  --green-dark: #115039;
  --lime: #dff36a;
  --orange: #ff8c42;
  --danger: #a83232;
  --shadow: 0 18px 50px rgba(26, 53, 43, 0.11);
  --radius: 24px;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.55;
}

a {
  color: inherit;
  text-underline-offset: 0.2em;
}

button,
input,
select {
  font: inherit;
}

.shell {
  width: min(1160px, calc(100% - 40px));
  margin-inline: auto;
}

.narrow {
  max-width: 820px;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  color: white;
  background: var(--ink);
  border-radius: 8px;
  transform: translateY(-150%);
}

.skip-link:focus {
  transform: translateY(0);
}

.prototype-bar {
  padding: 8px 20px;
  color: #27300d;
  background: var(--lime);
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: 0.02em;
  text-align: center;
}

.site-header {
  position: sticky;
  z-index: 10;
  top: 0;
  border-bottom: 1px solid rgba(220, 228, 216, 0.9);
  background: rgba(251, 252, 248, 0.93);
  backdrop-filter: blur(16px);
}

.header-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.05rem;
  font-weight: 850;
  text-decoration: none;
}

.brand-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: white;
  background: var(--green);
  border-radius: 12px 4px 12px 4px;
}

nav {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 0.92rem;
  font-weight: 650;
}

nav a {
  text-decoration: none;
}

nav a:hover,
nav a:focus-visible {
  color: var(--green);
}

.nav-action {
  padding: 10px 15px;
  color: white;
  background: var(--ink);
  border-radius: 999px;
}

nav .nav-action:hover,
nav .nav-action:focus-visible {
  color: white;
  background: var(--green-dark);
}

.hero {
  overflow: hidden;
  padding: 92px 0 78px;
  background:
    radial-gradient(circle at 88% 16%, rgba(223, 243, 106, 0.65), transparent 25%),
    radial-gradient(circle at 8% 90%, rgba(255, 140, 66, 0.14), transparent 28%),
    var(--paper);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: center;
  gap: clamp(40px, 7vw, 100px);
}

.eyebrow {
  margin: 0 0 14px;
  color: var(--green);
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  max-width: 820px;
  margin-bottom: 24px;
  font-size: clamp(2.65rem, 6.4vw, 5.7rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

h2 {
  margin-bottom: 16px;
  font-size: clamp(1.65rem, 3vw, 2.7rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

h3 {
  margin-bottom: 12px;
  font-size: 1.45rem;
  line-height: 1.15;
}

.lead {
  max-width: 750px;
  margin-bottom: 32px;
  color: #43534d;
  font-size: clamp(1.06rem, 2vw, 1.28rem);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border: 0;
  color: white;
  background: var(--green);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(28, 107, 74, 0.18);
  cursor: pointer;
  font-weight: 780;
  text-decoration: none;
}

.button:hover,
.button:focus-visible {
  background: var(--green-dark);
  transform: translateY(-1px);
}

.button-secondary {
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  box-shadow: none;
}

.button-secondary:hover,
.button-secondary:focus-visible {
  color: var(--green-dark);
  background: white;
}

.status-card {
  position: relative;
  padding: 34px;
  color: white;
  background: var(--ink);
  border-radius: 36px 10px 36px 10px;
  box-shadow: var(--shadow);
  transform: rotate(1.5deg);
}

.status-card::after {
  content: "";
  position: absolute;
  width: 78px;
  height: 78px;
  right: -20px;
  bottom: -22px;
  background: var(--orange);
  border-radius: 50%;
  z-index: -1;
}

.status-label {
  margin-bottom: 8px;
  color: var(--lime);
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.status-card h2 {
  font-size: 2rem;
}

.check-list {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.check-list li::before {
  content: "✓";
  margin-right: 10px;
  color: var(--lime);
  font-weight: 900;
}

.section {
  padding: 84px 0;
}

.section-muted {
  background: var(--soft);
}

.section-heading {
  max-width: 680px;
  margin-bottom: 34px;
}

.section-heading > p:last-child,
.city-card p,
.site-footer p,
.legal-copy p,
.legal-copy li {
  color: var(--muted);
}

.city-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.city-card {
  min-height: 280px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: 0 8px 30px rgba(31, 58, 47, 0.06);
}

.city-card-accent {
  background: #f6f9e2;
}

.city-card p {
  max-width: 470px;
}

.city-card a {
  margin-top: auto;
  color: var(--green-dark);
  font-weight: 800;
}

.city-code {
  color: var(--orange) !important;
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.split-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.split-callout > div {
  max-width: 720px;
}

.page-hero {
  padding: 92px 0 54px;
  background: linear-gradient(145deg, #f4f8ee, var(--paper));
}

.page-hero.compact {
  padding-bottom: 44px;
}

.page-hero h1 {
  font-size: clamp(2.4rem, 5vw, 4.7rem);
}

.empty-state {
  margin-bottom: 54px;
  padding: 28px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  border: 1px dashed #aebbaa;
  background: white;
  border-radius: 20px;
}

.empty-icon {
  flex: 0 0 auto;
  color: var(--orange);
  font-size: 2.7rem;
  line-height: 0.8;
}

.empty-state p {
  margin: 0;
  color: var(--muted);
}

.next-steps {
  margin-bottom: 36px;
}

.mini-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.mini-grid > div {
  padding: 18px;
  display: grid;
  gap: 6px;
  border-left: 3px solid var(--lime);
  background: var(--soft);
  border-radius: 0 12px 12px 0;
}

.mini-grid span {
  color: var(--muted);
  font-size: 0.9rem;
}

.form-shell {
  max-width: 700px;
}

.form-section {
  padding-top: 38px;
}

.application-form {
  display: grid;
  gap: 24px;
  padding: clamp(22px, 5vw, 42px);
  border: 1px solid var(--line);
  background: white;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.field {
  display: grid;
  gap: 8px;
}

.field label,
.checkbox-field label {
  font-weight: 760;
}

.field input,
.field select {
  width: 100%;
  min-height: 50px;
  padding: 11px 13px;
  border: 1px solid #bfc9bb;
  color: var(--ink);
  background: white;
  border-radius: 10px;
}

.field input:focus,
.field select:focus {
  outline: 3px solid rgba(223, 243, 106, 0.65);
  border-color: var(--green);
}

.field-hint,
.field-error {
  margin: 0;
  font-size: 0.88rem;
}

.field-hint {
  color: var(--muted);
}

.field-error {
  color: var(--danger);
  font-weight: 700;
}

.checkbox-field {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 10px;
}

.checkbox-field input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

.honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.success-message {
  margin-bottom: 20px;
  padding: 18px 20px;
  display: grid;
  gap: 3px;
  color: #173c2e;
  background: #e7f6e8;
  border: 1px solid #b9dcbc;
  border-radius: 14px;
}

.legal-copy h2:not(:first-child) {
  margin-top: 42px;
}

.legal-copy li + li {
  margin-top: 8px;
}

.site-footer {
  padding: 56px 0;
  color: white;
  background: var(--ink);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 60px;
}

.footer-grid > div:last-child {
  display: grid;
  align-content: start;
  gap: 8px;
}

.footer-grid h2 {
  margin: 0 0 6px;
  color: var(--lime);
  font-size: 0.75rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.footer-grid a {
  color: white;
}

.footer-brand {
  margin-bottom: 18px;
}

@media (max-width: 760px) {
  .shell {
    width: min(100% - 28px, 1160px);
  }

  .header-inner {
    min-height: 66px;
  }

  nav a:not(.nav-action) {
    display: none;
  }

  .hero {
    padding-top: 64px;
  }

  .hero-grid,
  .city-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .status-card {
    transform: none;
  }

  .section {
    padding: 64px 0;
  }

  .split-callout {
    align-items: flex-start;
    flex-direction: column;
  }

  .mini-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
  }
}

/* Migrated design A: fixed light appearance. */


#courier-seo-pages{color-scheme:only light;font-family:Arial,Helvetica,sans-serif}
#courier-seo-pages .viewport{container-type:inline-size;container-name:courier-preview;width:100%;margin:auto}
#courier-seo-pages .site{color-scheme:only light;--p-bg:#fcfaf5;--p-ink:#202622;--p-muted:#525b53;--p-line:#dadfd4;--p-surface:#fff;--p-accent:#f6d746;--p-button-ink:#232914;--p-soft:#eeefe4;background:var(--p-bg);color:var(--p-ink);border-radius:20px;overflow:hidden;padding:0 32px 28px}
#courier-seo-pages .site,#courier-seo-pages .site *,#courier-seo-pages .site *:before,#courier-seo-pages .site *:after{box-sizing:border-box}
#courier-seo-pages .site a{color:inherit}
#courier-seo-pages .site button,#courier-seo-pages .site select{font:inherit}
#courier-seo-pages .topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0;border-bottom:1px solid var(--p-line)}
#courier-seo-pages .brand{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none}
#courier-seo-pages .brand-dot{width:22px;height:22px;display:inline-grid;place-items:center;background:var(--p-accent);color:var(--p-button-ink);border-radius:7px;font-size:15px}
#courier-seo-pages .header-right{display:flex;align-items:center;gap:18px;font-size:13px}
#courier-seo-pages .header-right a{text-decoration:none}
#courier-seo-pages .city{display:flex;align-items:center;gap:5px}
#courier-seo-pages .city select{max-width:142px;min-height:44px;padding:8px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);color:var(--p-ink);font-size:13px}
#courier-seo-pages .hero{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center;padding:38px 0 30px}
#courier-seo-pages .eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--p-muted);margin:0 0 16px;font-weight:700}
#courier-seo-pages .hero h1{font-size:clamp(32px,6.5vw,52px);letter-spacing:-.055em;line-height:1.05;margin:0 0 18px;max-width:520px;font-weight:700}
#courier-seo-pages .hero h1 span{display:block}
#courier-seo-pages .hero-text{font-size:15px;line-height:1.6;color:var(--p-muted);max-width:440px;margin:0}
#courier-seo-pages .hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
#courier-seo-pages .hero-tag{font-size:11px;padding:7px 10px;background:var(--p-soft);border-radius:30px}
#courier-seo-pages .route-art{width:100%;height:auto;display:block;max-height:245px}
#courier-seo-pages .art-fill{fill:var(--p-accent)}
#courier-seo-pages .art-paper{fill:var(--p-surface)}
#courier-seo-pages .art-ink{fill:var(--p-ink)}
#courier-seo-pages .art-line{stroke:var(--p-ink);fill:none}
#courier-seo-pages .art-soft{fill:var(--p-soft)}
#courier-seo-pages .section-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 16px}
#courier-seo-pages .section-top h2{font-size:22px;letter-spacing:-.03em;margin:0}
#courier-seo-pages .section-top p{font-size:12px;color:var(--p-muted);margin:0}
#courier-seo-pages .offers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#courier-seo-pages .offer{display:flex;flex-direction:column;background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px;padding:22px;min-width:0}
#courier-seo-pages .offer-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
#courier-seo-pages .service{font-size:14px;font-weight:700}
#courier-seo-pages .service-mark{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:8px;font-size:14px;margin-right:6px}
#courier-seo-pages .eda-mark{background:#fce052;color:#222914}
#courier-seo-pages .dosta-mark{background:#ccecf7;color:#113646}
#courier-seo-pages .cargo{font-size:11px;color:var(--p-muted)}
#courier-seo-pages .offer h3{font-size:25px;line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}
#courier-seo-pages .offer p{font-size:13px;line-height:1.6;color:var(--p-muted);margin:0 0 12px}
#courier-seo-pages .offer ul{padding:0;margin:0 0 20px;list-style:none}
#courier-seo-pages .offer li{font-size:12px;line-height:1.5;margin-bottom:7px;display:flex;gap:8px}
#courier-seo-pages .offer li:before{content:"✓";font-weight:700}
#courier-seo-pages .offer-action{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;gap:8px;background:var(--p-accent);color:var(--p-button-ink);padding:13px 14px;border:0;border-radius:9px;cursor:pointer;font-size:13px;font-weight:700;margin-top:auto;min-height:46px}
#courier-seo-pages .offer .fine{font-size:11px;line-height:1.5;margin:10px 0 0;color:var(--p-muted)}
#courier-seo-pages .steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:25px 0;margin-top:24px;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
#courier-seo-pages .step-number{font-size:11px;color:var(--p-muted);margin-bottom:8px}
#courier-seo-pages .steps h2,#courier-seo-pages .steps h3{font-size:14px;margin:0 0 7px;font-weight:700}
#courier-seo-pages .steps p{font-size:12px;line-height:1.5;color:var(--p-muted);margin:0}
#courier-seo-pages .faq{padding:22px 0 8px}
#courier-seo-pages .faq h2{font-size:20px;letter-spacing:-.03em;margin:0 0 12px}
#courier-seo-pages .faq details{padding:12px 0;border-bottom:1px solid var(--p-line);font-size:13px;line-height:1.6}
#courier-seo-pages .faq summary{cursor:pointer;font-weight:700}
#courier-seo-pages .faq details p{color:var(--p-muted);margin:10px 0 0}
#courier-seo-pages .footer{font-size:11px;line-height:1.6;color:var(--p-muted);margin-top:20px}
@container courier-preview (max-width:540px){
#courier-seo-pages .site{padding:0 20px 22px;border-radius:14px}
#courier-seo-pages .topbar{padding:18px 0;align-items:flex-start}
#courier-seo-pages .brand{font-size:15px}
#courier-seo-pages .header-right{gap:0}
#courier-seo-pages .header-right>a{display:none}
#courier-seo-pages .city>span{display:none}
#courier-seo-pages .city select{max-width:130px;font-size:12px;padding:7px}
#courier-seo-pages .hero{grid-template-columns:1fr;padding:30px 0 24px}
#courier-seo-pages .hero-text{font-size:14px}
#courier-seo-pages .art-wrap{display:none}
#courier-seo-pages .offers{grid-template-columns:1fr}
#courier-seo-pages .offer{padding:22px}
#courier-seo-pages .section-top{align-items:flex-start;flex-direction:column;gap:6px}
#courier-seo-pages .steps{grid-template-columns:1fr;gap:18px}
}
@container courier-preview (max-width:360px){
#courier-seo-pages .topbar{flex-wrap:wrap}
#courier-seo-pages .header-right{width:100%}
#courier-seo-pages .city{width:100%}
#courier-seo-pages .city select{max-width:none;width:100%;min-height:44px}
}

#courier-seo-pages .landing-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center;padding:30px 0}
#courier-seo-pages .landing-hero h1{font-size:clamp(30px,5.2vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.1;margin:0 0 16px;overflow-wrap:break-word}
#courier-seo-pages .hero-highlight{color:var(--p-ink)}
#courier-seo-pages .hero-action{max-width:360px;margin-top:20px}
#courier-seo-pages .action-note{font-size:11px;line-height:1.5;color:var(--p-muted);margin:8px 0 0}
#courier-seo-pages .hero-disclosure{font-size:11px;line-height:1.5;color:var(--p-muted);margin:14px 0 0;max-width:430px}
#courier-seo-pages .hero-art{min-width:0}
#courier-seo-pages .hero-art p{font-size:11px;text-align:center;color:var(--p-muted);line-height:1.5}
#courier-seo-pages .crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.5;color:var(--p-muted);margin:18px 0 0}
#courier-seo-pages .crumbs a{text-decoration:none}
#courier-seo-pages .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--p-line);padding-top:22px;margin-top:2px}
#courier-seo-pages .benefit-num{display:block;font-size:11px;color:var(--p-muted);margin-bottom:10px}
#courier-seo-pages .benefits h2{font-size:15px;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px}
#courier-seo-pages .benefits p{font-size:12px;line-height:1.6;color:var(--p-muted);margin:0}
#courier-seo-pages .income-section{padding-top:25px}
#courier-seo-pages .section-copy{font-size:13px;line-height:1.7;color:var(--p-muted);margin:0 0 18px;max-width:680px}
#courier-seo-pages .media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#courier-seo-pages .pending-media{margin:0;background:var(--p-soft);border:1px dashed var(--p-line);border-radius:14px;min-height:170px;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;color:var(--p-muted)}
#courier-seo-pages .pending-media figcaption strong{font-size:14px;font-weight:700;color:var(--p-ink);display:block;margin-bottom:8px}
#courier-seo-pages .pending-media figcaption span{font-size:12px;line-height:1.6;display:block;max-width:240px}
#courier-seo-pages .evidence-note{font-size:11px;line-height:1.6;color:var(--p-muted);margin:12px 0 0}
#courier-seo-pages .cta-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--p-soft);padding:22px;border-radius:14px;margin:24px 0 18px}
#courier-seo-pages .cta-strip h2{font-size:20px;margin:0 0 7px;letter-spacing:-.03em}
#courier-seo-pages .cta-strip p{font-size:12px;line-height:1.6;color:var(--p-muted);margin:0}
#courier-seo-pages .cta-strip .offer-action{width:auto;min-width:190px;margin:0;flex-shrink:0}
#courier-seo-pages .related-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;line-height:1.6}
#courier-seo-pages .product-link{text-decoration:none}
#courier-seo-pages .site [hidden]{display:none}
@container courier-preview (max-width:540px){
#courier-seo-pages .landing-hero{grid-template-columns:1fr;padding:24px 0;gap:12px}
#courier-seo-pages .landing-hero h1{font-size:32px}
#courier-seo-pages .hero-art{display:none}
#courier-seo-pages .hero-action{max-width:none;margin-top:18px}
#courier-seo-pages .hero-tags{margin-top:14px}
#courier-seo-pages .hero-text{font-size:14px}
#courier-seo-pages .benefits{grid-template-columns:1fr;gap:20px}
#courier-seo-pages .benefit-num{display:inline-block;margin-right:8px;margin-bottom:6px}
#courier-seo-pages .media-grid{grid-template-columns:1fr}
#courier-seo-pages .pending-media{min-height:150px}
#courier-seo-pages .cta-strip{flex-direction:column;align-items:stretch}
#courier-seo-pages .cta-strip .offer-action{width:100%;min-width:0}
}
@container courier-preview (max-width:420px){
#courier-seo-pages .topbar{flex-wrap:wrap}
#courier-seo-pages .header-right{width:100%}
#courier-seo-pages .city{width:100%}
#courier-seo-pages .city select{max-width:none;width:100%}
}

body{background:#fcfaf5}
#courier-seo-pages .viewport{max-width:1120px}
#courier-seo-pages .site{border-radius:0}
#courier-seo-pages .offer-action{text-decoration:none}
#courier-seo-pages .city-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;padding-top:14px}
#courier-seo-pages .offer-details{display:block;font-size:13px;margin-top:14px}
#courier-seo-pages .site :focus-visible{outline:3px solid #202622;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Non-JavaScript Metrica fallback, with styling outside inline attributes. */
.metrica-pixel { position: absolute; left: -9999px; width: 1px; height: 1px; }