:root {
  color-scheme: light;
  --background: #ffffff;
  --panel: #f1f5fa;
  --text: #0d1b2a;
  --muted: #5f7186;
  --faint: #93a3b5;
  --orange: #FE6211;
  --orange-hi: #e2550a;
  --blue: #083D9A;
  --blue-soft: rgba(8, 61, 154, .10);
  --border: #dce5f0;
  --s: min(.22727273vw, 3.385px);
  --r: min(.12626263vw, 1.8182px);
}

* { box-sizing: border-box; border-radius: 0 !important; }
body { margin: 0; background: var(--background); color: var(--text); font-family: "Clash Display", "Montserrat", sans-serif; font-weight: 400; }
button, input { font: inherit; }
button { cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.page { width: min(94%, 1400px); margin: 0 auto; padding-bottom: calc(10 * var(--s)); }

.wordmark { display: block; width: calc(122 * var(--r)); margin: 0 auto; }
.wordmark img { display: block; width: 100%; height: auto; }

.hero { position: relative; width: 100vw; margin-left: calc(50% - 50vw); min-height: calc(456 * var(--r)); padding: calc(18 * var(--r)) 3vw 0; isolation: isolate; }
.hero-map { position: absolute; inset: 0; z-index: -1; background: linear-gradient(to bottom, rgba(255,255,255,.55), rgba(255,255,255,.62) 40%, #ffffff 100%), url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQdcCD7ihBbtfrV_8sfNilVFBnKJ_LtRKFvS6ROeQhEmwXPtH6QgSsi4uE&s=10") center center / cover no-repeat; }

h1, h2, h3, p { margin: 0; }
h1 { font-size: calc(30 * var(--r)); line-height: .97; letter-spacing: calc(-.5 * var(--r)); font-weight: 400; margin-top: calc(21 * var(--r)); text-align: center; }
.hero-description { font-size: calc(15.5 * var(--r)); line-height: 1.15; margin-top: calc(9 * var(--r)); text-align: center; color: var(--muted); }

.signup { position: relative; z-index: 3; width: calc(680 * var(--r)); margin: calc(12 * var(--r)) auto 0; background: #ffffff; padding: calc(14 * var(--r)) calc(22 * var(--r)) calc(16 * var(--r)); box-shadow: 0 calc(14 * var(--r)) calc(44 * var(--r)) rgba(8, 61, 154, .13); }
.signup-header { display: flex; align-items: center; justify-content: center; gap: calc(14 * var(--r)); margin-bottom: calc(8 * var(--r)); }
.signup h2 { font-size: calc(23 * var(--r)); font-weight: 600; line-height: 1.1; letter-spacing: calc(-.5 * var(--r)); margin: 0; white-space: nowrap; color: var(--text); }
.horizontal-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) calc(110 * var(--r)); align-items: end; gap: calc(8 * var(--r)); }
.horizontal-form label { min-width: 0; display: grid; gap: calc(3 * var(--r)); font-size: calc(7 * var(--r)); line-height: 1; color: var(--muted); }
input { width: 100%; min-width: 0; border: 1px solid var(--border); border-radius: calc(5 * var(--r)); height: calc(24 * var(--r)); padding: 0 calc(6 * var(--r)); background: #ffffff; color: var(--text); font-size: calc(12 * var(--r)); outline: none; }
input::placeholder { color: var(--faint); }
input:focus { border-color: var(--blue); }

.phone-group { position: relative; display: flex; align-items: stretch; width: 100%; }
.phone-group .country-picker { display: flex; align-items: center; gap: calc(3 * var(--r)); background: #ffffff; border: 1px solid var(--border); border-right: 0; height: calc(24 * var(--r)); padding: 0 calc(5 * var(--r)); cursor: pointer; color: var(--text); font-size: calc(9 * var(--r)); line-height: 1; }
.phone-group .country-picker:hover { background: var(--panel); }
.country-flag img { display: block; width: calc(16 * var(--r)); height: auto; }
.country-code { font-family: Consolas, "Courier New", monospace; color: var(--muted); }
.country-caret { font-size: calc(8 * var(--r)); color: var(--faint); }
.phone-group input[type="tel"] { flex: 1; min-width: 0; border-left: 0; height: calc(24 * var(--r)); }
.phone-group input[type="tel"]:focus { border-left: 0; }

.country-dropdown { position: absolute; top: 100%; left: 0; right: 0; max-height: calc(300 * var(--r)); overflow-y: auto; overflow-x: hidden; background: #ffffff; background-color: #ffffff; box-shadow: 0 calc(8 * var(--r)) calc(24 * var(--r)) rgba(13, 27, 42, .18); border: 1px solid var(--border); margin: 0; padding: 0; list-style: none; z-index: 9999; }
.country-dropdown::-webkit-scrollbar { width: 8px; }
.country-dropdown::-webkit-scrollbar-track { background: var(--panel); }
.country-dropdown::-webkit-scrollbar-thumb { background: #c3ceda; }
.country-dropdown::-webkit-scrollbar-thumb:hover { background: #a9b7c6; }
.country-dropdown li { display: flex; align-items: center; gap: calc(7 * var(--r)); padding: calc(5 * var(--r)) calc(8 * var(--r)); cursor: pointer; font-size: calc(11 * var(--r)); color: var(--text); }
.country-dropdown li:hover, .country-dropdown li.active { background: var(--panel); }
.country-dropdown li img { width: calc(20 * var(--r)); height: auto; }
.country-dropdown li .cd-code { margin-left: auto; color: var(--muted); font-family: Consolas, "Courier New", monospace; }

.horizontal-form .submit-button { height: calc(30 * var(--r)); }
.submit-button { border: 0; border-radius: calc(5 * var(--r)); background: var(--orange); color: #fff; font-size: calc(8 * var(--r)); line-height: 1; font-weight: 600; transition: background .2s; padding: 0 calc(5 * var(--r)); }
.submit-button:hover { background: var(--orange-hi); }
.form-status { font-size: calc(10 * var(--r)); line-height: 1.4; color: var(--blue); grid-column: 1 / -1; }

.trust { margin-top: 0; }
.trust img { display: block; width: calc(96 * var(--r)); height: auto; }
.trust-below { margin-top: calc(10 * var(--r)); display: flex; justify-content: center; }
.trust-below img { display: block; width: calc(110 * var(--r)); height: auto; }
.trust-below--mobile { display: none; }
.trust-row { display: flex; justify-content: flex-end; align-items: center; gap: calc(4 * var(--s)); }
.trust-brand { font-size: calc(6.5 * var(--s)); font-weight: 600; letter-spacing: calc(-.2 * var(--s)); display: flex; align-items: center; color: var(--muted); }
.trust-star { color: #00b67a; font-size: calc(11 * var(--s)); margin-right: calc(1 * var(--s)); }
.rating { display: flex; gap: calc(.8 * var(--s)); }
.rating b { font-size: calc(5 * var(--s)); width: calc(6.5 * var(--s)); height: calc(6.5 * var(--s)); background: #00b67a; text-align: center; line-height: calc(6.5 * var(--s)); border-radius: calc(1 * var(--s)); color: #04211a; }
.trust p { font-size: calc(3.8 * var(--s)); text-align: right; margin-top: calc(1 * var(--s)); color: var(--muted); }

.press { position: absolute; z-index: 2; top: calc(410 * var(--r)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; gap: calc(10 * var(--r)); width: calc(385 * var(--r)); height: calc(30 * var(--r)); }
.press img { display: block; object-fit: contain; max-height: 100%; filter: brightness(0) opacity(.55); }
.forbes { width: 16%; }
.bloomberg { width: 23%; }
.financial-times { width: 19%; }
.economist { width: 20%; }
.wsj { width: 14%; }

.how-it-works { text-align: center; margin-top: calc(27 * var(--r)); }
.how-it-works h2 { font-size: calc(27 * var(--r)); line-height: .95; font-weight: 400; letter-spacing: calc(-.5 * var(--r)); }
.how-it-works > p { font-size: calc(16 * var(--r)); line-height: 1.05; margin-top: calc(9 * var(--r)); color: var(--muted); }
.steps { display: flex; justify-content: space-between; width: calc(660 * var(--r)); max-width: 100%; margin: calc(32 * var(--r)) auto 0; padding: 0; list-style: none; }
.steps li { width: 28.8%; height: calc(80 * var(--r)); border-radius: calc(15 * var(--r)); background: var(--panel); display: flex; align-items: center; gap: calc(12 * var(--r)); padding: 0 calc(9 * var(--r)); text-align: left; }
.step-number { font-family: Consolas, "Courier New", monospace; font-size: calc(54 * var(--r)); font-weight: 400; line-height: 1; color: #c6d3e2; letter-spacing: calc(-1 * var(--r)); }
.steps li > span:last-child { font-size: calc(16 * var(--r)); line-height: .95; }

/* Earnings simulator */
.earnings-simulator { margin-top: calc(28 * var(--r)); display: flex; justify-content: center; }
.earnings-card { width: calc(660 * var(--r)); max-width: 100%; background: linear-gradient(180deg, #f4f8fc, #e9f0f8); border: 0; padding: calc(22 * var(--r)) calc(24 * var(--r)); text-align: center; position: relative; overflow: hidden; }
.earnings-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(8, 61, 154, .08), transparent 60%); pointer-events: none; }
.earnings-card h3 { font-size: calc(17 * var(--r)); font-weight: 700; letter-spacing: calc(.4 * var(--r)); position: relative; }
.earnings-sub { font-size: calc(11 * var(--r)); color: var(--muted); margin-top: calc(5 * var(--r)); position: relative; }
.earnings-amount-row { display: flex; align-items: baseline; justify-content: center; gap: calc(4 * var(--r)); margin-top: calc(16 * var(--r)); position: relative; }
.earnings-currency { font-family: Consolas, "Courier New", monospace; font-size: calc(26 * var(--r)); color: var(--blue); line-height: 1; }
.earnings-input { width: calc(200 * var(--r)); background: transparent; border: 0; border-bottom: 1px solid var(--border); color: var(--text); font-family: Consolas, "Courier New", monospace; font-size: calc(26 * var(--r)); text-align: center; height: auto; padding: 0; line-height: 1; border-radius: 0; }
.earnings-input:focus { border-color: var(--orange); }
.earnings-input::-webkit-outer-spin-button, .earnings-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.earnings-slider { -webkit-appearance: none; appearance: none; width: 100%; height: calc(6 * var(--r)); background: #dbe4ef; outline: none; margin-top: calc(14 * var(--r)); cursor: pointer; position: relative; }
.earnings-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: calc(18 * var(--r)); height: calc(18 * var(--r)); background: var(--orange); cursor: pointer; border: 2px solid #ffffff; }
.earnings-slider::-moz-range-thumb { width: calc(18 * var(--r)); height: calc(18 * var(--r)); background: var(--orange); cursor: pointer; border: 2px solid #ffffff; border-radius: 0; }
.earnings-presets { display: flex; justify-content: center; gap: calc(6 * var(--r)); margin-top: calc(12 * var(--r)); position: relative; flex-wrap: wrap; }
.earnings-presets button { background: #ffffff; border: 1px solid var(--border); color: var(--muted); font-size: calc(10 * var(--r)); padding: calc(4 * var(--r)) calc(10 * var(--r)); cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.earnings-presets button:hover, .earnings-presets button.active { background: var(--orange); color: #ffffff; border-color: var(--orange); }
.earnings-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(8 * var(--r)); margin-top: calc(18 * var(--r)); position: relative; }
.earnings-result { background: #ffffff; border: 0; padding: calc(12 * var(--r)) calc(6 * var(--r)); display: flex; flex-direction: column; gap: calc(5 * var(--r)); }
.earnings-result.highlight { background: linear-gradient(180deg, rgba(254, 98, 17, .12), #ffffff); }
.result-label { font-size: calc(9 * var(--r)); color: var(--muted); text-transform: uppercase; letter-spacing: calc(.5 * var(--r)); }
.result-value { font-family: Consolas, "Courier New", monospace; font-size: calc(15 * var(--r)); color: var(--blue); font-weight: 700; line-height: 1; }
.earnings-result.highlight .result-value { font-size: calc(19 * var(--r)); color: var(--orange); }
.earnings-disclaimer { font-size: calc(8 * var(--r)); color: var(--faint); margin-top: calc(12 * var(--r)); line-height: 1.3; position: relative; }

.opportunities { margin-top: calc(31 * var(--s)); text-align: center; }
.opportunities h2 { font-size: calc(16 * var(--s)); line-height: 1; font-weight: 400; letter-spacing: calc(-.6 * var(--s)); }
.opportunity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(7 * var(--s)); margin-top: calc(34 * var(--s)); }
.opportunity { position: relative; min-height: calc(87 * var(--s)); padding: 0 0 calc(12 * var(--s)); background: var(--panel); border-radius: calc(9 * var(--s)); overflow: hidden; }
.sector-image { display: block; width: 100%; height: calc(62 * var(--s)); object-fit: cover; margin-bottom: calc(12 * var(--s)); }
.opportunity h3 { font-size: calc(9.5 * var(--s)); font-weight: 800; line-height: .98; letter-spacing: calc(-.2 * var(--s)); padding: 0 calc(5 * var(--s)); }
.opportunity p { font-size: calc(9 * var(--s)); line-height: 1.1; letter-spacing: calc(-.35 * var(--s)); margin-top: calc(7 * var(--s)); color: var(--muted); padding: 0 calc(5 * var(--s)); }

.testimonials { margin-top: calc(50 * var(--s)); text-align: center; }
.testimonials h2 { font-size: calc(16 * var(--s)); line-height: 1; font-weight: 400; letter-spacing: calc(-.6 * var(--s)); }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(7 * var(--s)); margin-top: calc(34 * var(--s)); }
.testimonial { background: var(--panel); padding: calc(8 * var(--s)); text-align: center; }
.testimonial img { width: 100%; height: auto; display: block; }
.stars { margin-top: calc(8 * var(--s)); color: #ffb700; font-size: calc(10 * var(--s)); line-height: 1; letter-spacing: calc(1 * var(--s)); }
.testimonial h3 { font-size: calc(9 * var(--s)); font-weight: 700; line-height: 1; margin-top: calc(4 * var(--s)); letter-spacing: calc(-.2 * var(--s)); }
.testimonial p { font-size: calc(7 * var(--s)); line-height: 1.2; letter-spacing: calc(-.15 * var(--s)); margin-top: calc(4 * var(--s)); color: var(--muted); padding: 0 calc(3 * var(--s)) calc(3 * var(--s)); }

/* Final CTA section: image left + vertical form right */
.final-cta { display: grid; grid-template-columns: 1fr 1fr; gap: calc(24 * var(--r)); align-items: center; margin-top: calc(60 * var(--s)); background: linear-gradient(180deg, #eef4fb, #ffffff); padding: calc(30 * var(--r)); border: 0; }
.final-cta-image img { width: 100%; height: auto; display: block; }
.final-cta-form-wrap { display: flex; flex-direction: column; }
.final-cta-form-wrap h2 { font-size: calc(22 * var(--r)); font-weight: 400; line-height: 1.05; letter-spacing: calc(-.5 * var(--r)); }
.final-cta-sub { font-size: calc(13 * var(--r)); color: var(--muted); margin-top: calc(8 * var(--r)); line-height: 1.25; }
.vertical-form { display: flex; flex-direction: column; gap: calc(12 * var(--r)); margin-top: calc(18 * var(--r)); }
.vertical-form label { display: flex; flex-direction: column; gap: calc(4 * var(--r)); font-size: calc(10 * var(--r)); color: var(--muted); line-height: 1; }
.vertical-form input { height: calc(38 * var(--r)); font-size: calc(14 * var(--r)); padding: 0 calc(10 * var(--r)); }
.vertical-form .phone-group { height: calc(38 * var(--r)); }
.vertical-form .phone-group .country-picker { height: calc(38 * var(--r)); font-size: calc(12 * var(--r)); background: #ffffff; }
.vertical-form .phone-group input[type="tel"] { height: calc(38 * var(--r)); }
.vertical-form .submit-button { height: calc(44 * var(--r)); font-size: calc(12 * var(--r)); letter-spacing: calc(1 * var(--r)); background: var(--orange); }
.vertical-form .submit-button:hover { background: var(--orange-hi); }
.vertical-form .form-status { font-size: calc(11 * var(--r)); line-height: 1.4; }

/* Footer */
.site-footer { margin-top: calc(50 * var(--s)); padding: calc(20 * var(--r)) 0 calc(4 * var(--r)); color: var(--muted); font-size: calc(7 * var(--r)); line-height: 1.6; }
.footer-logo { width: calc(96 * var(--r)); margin-bottom: calc(12 * var(--r)); }
.footer-logo img { display: block; width: 100%; height: auto; }
.site-footer p { margin-bottom: calc(7 * var(--r)); }
.site-footer strong { color: var(--text); font-weight: 600; }
.footer-copy { text-align: center; color: var(--faint); font-size: calc(6.5 * var(--r)); margin-top: calc(10 * var(--r)); }

dialog { padding: 24px; width: min(560px, 90vw); border: 1px solid var(--border); border-radius: 12px; background: #ffffff; color: var(--text); }
dialog::backdrop { background: rgba(13, 27, 42, .55); }
dialog img { width: 100%; border-radius: 8px; }
dialog h2 { margin: 20px 0 10px; font-size: 20px; }
dialog p { font-size: 14px; line-height: 1.5; color: var(--muted); }
.close-dialog { display: block; margin: -10px -8px 8px auto; border: 0; background: transparent; color: var(--text); font-size: 28px; }
@media (max-width: 600px) {
  :root { --s: .9px; }
  .page { width: 100%; padding: 0 12px calc(10 * var(--s)); }
  .hero { display: flex; flex-direction: column; padding: 20px 12px 0; min-height: auto; }
  .wordmark { width: 132px; order: 1; }
  h1 { font-size: clamp(28px, 9vw, 40px); margin-top: 20px; line-height: 1.05; order: 2; }
  h1 br { display: none; }
  .hero-description { font-size: 16px; line-height: 1.25; margin-top: 10px; order: 3; }
  .hero-description br { display: none; }
  .signup { width: 100%; margin-top: 18px; padding: 16px; order: 5; }
  .signup-header { gap: 10px; justify-content: space-between; flex-wrap: wrap; margin-bottom: 12px; }
  .signup h2 { font-size: 18px; }
  .trust { display: none; }
  .horizontal-form { grid-template-columns: 1fr; gap: 12px; }
  .horizontal-form label { font-size: 12px; gap: 6px; }
  input { height: 44px; font-size: 16px; }
  .phone-group .country-picker, .phone-group input[type="tel"] { height: 44px; }
  .phone-group .country-picker { font-size: 14px; padding: 0 8px; }
  .country-flag img { width: 22px; }
  .horizontal-form .submit-button { height: 48px; font-size: 13px; grid-column: 1 / -1; }
  .trust-below--mobile { display: flex; margin-top: 12px; grid-column: 1 / -1; }
  .trust-below--mobile img { width: 120px; }
  .press { position: relative; top: 0; width: 100%; height: 24px; gap: 10px; margin-top: 20px; transform: none; left: 0; order: 6; }
  .form-status { font-size: 12px; }
  .how-it-works { margin-top: 30px; }
  .how-it-works h2 { font-size: 22px; line-height: 1.1; }
  .how-it-works h2 br { display: none; }
  .how-it-works > p { font-size: 13px; line-height: 1.35; margin-top: 10px; }
  .how-it-works > p br { display: none; }
  .steps { width: 100%; margin-top: 20px; gap: 8px; }
  .steps li { width: 33.33%; height: auto; min-height: 70px; padding: 10px 8px; gap: 6px; }
  .step-number { font-size: 28px; }
  .steps li > span:last-child { font-size: 11px; line-height: 1.1; }
  .earnings-simulator { margin-top: 24px; }
  .earnings-card { width: 100%; padding: 18px 14px; }
  .earnings-card h3 { font-size: 14px; }
  .earnings-sub { font-size: 11px; }
  .earnings-currency { font-size: 22px; }
  .earnings-input { font-size: 22px; width: 140px; }
  .earnings-slider { height: 6px; }
  .earnings-slider::-webkit-slider-thumb, .earnings-slider::-moz-range-thumb { width: 18px; height: 18px; }
  .earnings-presets button { font-size: 11px; padding: 6px 10px; }
  .earnings-results { gap: 8px; }
  .earnings-result { padding: 10px 4px; }
  .result-label { font-size: 9px; }
  .result-value { font-size: 14px; }
  .earnings-result.highlight .result-value { font-size: 16px; }
  .earnings-disclaimer { font-size: 9px; }
  .opportunities { margin-top: 40px; }
  .opportunities h2 { font-size: 22px; line-height: 1.1; }
  .opportunities h2 br { display: none; }
  .opportunity-grid { grid-template-columns: 1fr; gap: 24px; margin-top: 28px; }
  .opportunity { min-height: auto; padding: 0 0 20px; }
  .sector-image { height: 170px; margin-bottom: 16px; }
  .opportunity h3 { font-size: 20px; }
  .opportunity p { font-size: 14px; margin-top: 10px; }
  .testimonials { margin-top: 40px; }
  .testimonials h2 { font-size: 22px; }
  .testimonial-grid { grid-template-columns: 1fr; gap: 24px; margin-top: 30px; }
  .testimonial { padding: 16px; }
  .stars { font-size: 18px; margin-top: 12px; }
  .testimonial h3 { font-size: 16px; margin-top: 6px; }
  .testimonial p { font-size: 13px; padding: 0 8px 8px; }
  .final-cta { grid-template-columns: 1fr; gap: 20px; padding: 20px; margin-top: 40px; }
  .final-cta-form-wrap h2 { font-size: 20px; line-height: 1.1; }
  .final-cta-form-wrap h2 br { display: none; }
  .final-cta-sub { font-size: 13px; }
  .vertical-form input, .vertical-form .phone-group, .vertical-form .phone-group .country-picker, .vertical-form .phone-group input[type="tel"] { height: 44px; font-size: 15px; }
  .vertical-form .submit-button { height: 48px; font-size: 13px; }
  .trust-below img { width: 120px; }
  .site-footer { font-size: 8px; margin-top: 40px; padding-bottom: 4px; }
  .footer-logo { width: 104px; }
  .footer-copy { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}