/* us.css: US offer, teaser form, draft banner, thank-you pages (17-Oct-2026). Uses the tokens in styles.css. */
.hx-note { color: #C9D2E3; font-size: .95rem; margin: .9rem 0 0; max-width: 46ch; }
.hx-note a { color: #E2BD4A; }

/* teaser block */
.tz-sec { padding: 4.5rem 0 !important; background: var(--bg2); }
.tz { display: grid; gap: 2rem; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 900px) { .tz { grid-template-columns: 1fr 1.1fr; gap: 3rem; } }
.tz-copy h2 { font-size: 1.9rem; margin: 0 0 .8rem; }
@media (min-width: 720px) { .tz-copy h2 { font-size: 2.3rem; } }
.tz-copy .lead { color: var(--ink2); }
.tz-form .field input { width: 100%; }
.tz-form #tz-ticker, .tz-form [name=ticker] { text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.tz-form [name=ticker]::placeholder { text-transform: none; letter-spacing: normal; font-weight: 400; }
.tz-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

/* pricing cards */
.pk-sec { padding: 4rem 0 3rem !important; }
.pk-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; }
@media (min-width: 980px) { .pk-grid { grid-template-columns: repeat(3, 1fr); } }
.pk { position: relative; display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 1.6rem; box-shadow: var(--shadow); min-width: 0; }
.pk.pk-hi { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold), var(--shadow-lg); }
.pk-k { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--gold); }
.pk h2 { font-size: 1.45rem; margin: .5rem 0 .2rem; }
.pk-sub { color: var(--ink2); margin: 0 0 1rem; font-size: .95rem; }
.pk-p { display: flex; align-items: baseline; flex-wrap: wrap; gap: .3rem .7rem; padding: .9rem 1rem; border-left: 4px solid #E2BD4A; background: var(--bg2); border-radius: 0 12px 12px 0; }
.pk-p b { font-size: 1.9rem; letter-spacing: -.03em; }
.pk-p span { color: var(--ink2); font-size: .92rem; }
.pk .ticks { margin: 1.1rem 0 1.4rem; font-size: .95rem; }
.pk .btn-row { margin-top: auto; }
.pk-partner { margin-top: 2rem; display: grid; gap: 1rem 2rem; grid-template-columns: 1fr; align-items: center; padding: 1.8rem; border-radius: var(--r); color: #fff;
  background: radial-gradient(600px 300px at 90% 0%, rgba(201,162,39,.28), transparent 60%), linear-gradient(160deg, #0F1C33, #172B4D); }
@media (min-width: 860px) { .pk-partner { grid-template-columns: 1.6fr auto; } }
.pk-partner h2 { color: #fff; font-size: 1.6rem; margin: 0 0 .5rem; }
.pk-partner p { color: #C9D2E3; margin: 0; }
.pk-partner .eyebrow { color: #E2BD4A; }
.pk-note { margin-top: 1.5rem; padding: 1rem 1.2rem; border: 1px solid var(--line); border-left: 4px solid var(--navy2); border-radius: 0 12px 12px 0; color: var(--ink2); font-size: .93rem; background: var(--card); }
.pk-note b { color: var(--ink); }
.pk-mini { display: grid; gap: 1.25rem; grid-template-columns: 1fr; margin-bottom: 3.5rem; }
@media (min-width: 860px) { .pk-mini { grid-template-columns: repeat(3, 1fr); } }
.pk-mini .feat { text-decoration: none; color: inherit; }
.pk-mini-p { display: inline-block; margin-top: .9rem; font-weight: 800; font-size: 1.25rem; letter-spacing: -.02em; color: var(--ink); }

/* draft terms */
.pk-draft { padding: 1rem 1.2rem; border: 1px dashed var(--warn); border-radius: 12px; background: rgba(154,100,0,.08); color: var(--ink); margin-bottom: 2rem; }
.terms-sec h2 { font-size: 1.3rem; margin: 2rem 0 .5rem; }
.terms-sec p { color: var(--ink2); }
mark.tbd { background: rgba(201,162,39,.25); color: var(--ink); padding: 0 .25rem; border-radius: 4px; font-weight: 700; }

/* thank-you pages */
.thanks-pg .ph { padding-bottom: 3.5rem !important; }
.thanks-pg .faq-sec .btn-row { margin: 1.5rem 0; }
@media (max-width: 480px) { .pk-p b { font-size: 1.6rem; } .pk, .pk-partner { padding: 1.25rem; } }

/* ==== US site on the India design system (17-Oct-2026) ==== */
/* Hero viewer: text extracts in place of the India screenshots (the US example is illustrative) */
.vw-snap.vw-txt { padding: 20px 10px 9px; }
.vw-txt p { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: .74rem; line-height: 1.55; color: #26324A; }
.vw-txt mark { background: rgba(226,189,74,.72); color: #0F1C33; padding: 1px 2px; border-radius: 2px; }
.us-vw .vw-it.fd { opacity: 0; }
.us-vw .vw-it.fd em { flex: none; }
.us-vw .vw-it.fd.on { background: #fff; color: #0F1C33; font-weight: 600; box-shadow: 0 2px 8px rgba(15,28,51,.08), inset 3px 0 0 #C9A227; }
.us-vw .vw-it.fd:focus-visible { outline: 2px solid #C9A227; outline-offset: 1px; }
@media (min-width: 980px) { .us-vw .vw-body { min-height: 330px; } }

/* Statement band: navy field with the hero grid, no photograph */
.stat-sec.us-stat { position: relative; overflow: hidden; color: #fff; padding: 6rem 0 !important;
  background: radial-gradient(900px 480px at 85% 0%, rgba(201,162,39,.22), transparent 60%), radial-gradient(700px 420px at 0% 110%, rgba(34,64,107,.9), transparent 60%), linear-gradient(160deg, #0B1628 0%, #13264A 60%, #0B1628 100%); }
.stat-sec.us-stat::before { content: ""; position: absolute; inset: 0; opacity: .28; pointer-events: none;
  background-image: linear-gradient(rgba(174,185,204,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(174,185,204,.12) 1px, transparent 1px); background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 30% 40%, #000 10%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse at 30% 40%, #000 10%, transparent 70%); }
.stat-sec.us-stat .wrap { position: relative; }
.stat-sec.us-stat h2.big { color: #fff; } .stat-sec.us-stat h2.big span { color: #E2BD4A; }
.stat-sec.us-stat .stat { background: rgba(255,255,255,.06); border: 1px solid rgba(226,189,74,.35); }
.stat-sec.us-stat .src { color: #AEB9CC; background: none; padding: 0; border-radius: 0; text-transform: none; letter-spacing: 0; font-weight: 500; font-size: .82rem; } .stat-sec.us-stat .src a { color: #E2BD4A; }

/* Home: the three fixed-price tiles */
.us-offer { padding-top: 5rem !important; }
.pkm { position: relative; display: flex; flex-direction: column; text-decoration: none; color: var(--ink); background: var(--card); border: 1px solid var(--line); border-top: 4px solid #AEB9CC;
  border-radius: var(--r); padding: 1.6rem 1.6rem 1.4rem; box-shadow: var(--shadow); transition: transform .25s, box-shadow .25s; }
.pkm:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); color: var(--ink); }
.pkm.pkm-hi { border-top-color: #E2BD4A; box-shadow: 0 0 0 1px rgba(201,162,39,.55), var(--shadow-lg); }
.pkm:first-child { border-top-color: #2E9E6A; }
.pkm-k { font-size: .72rem; font-weight: 800; color: var(--gold); letter-spacing: .14em; text-transform: uppercase; }
.pkm h3 { font-size: 1.3rem; margin: .45rem 0 .35rem; }
.pkm p { color: var(--ink2); margin: 0; }
.pkm .pk-mini-p { font-size: 2.1rem; letter-spacing: -.04em; margin: 1.1rem 0 .9rem; line-height: 1; }
.pkm .go { margin-top: auto; font-weight: 600; color: var(--link); }

/* Home: what a US review reads */
.rd-sec { padding: 5rem 0 !important; }
.home .feat .fi + h3 { margin-top: 1rem; }

/* Inner pages: service rows with a product screen, numbered steps, grouped audiences */
.us-steps .tl li { padding: 1.2rem 0; }
.us-who .who-c em { font-style: normal; }
.price-us b { font-size: 1.6rem; }
.us-site .ent .btn-row { margin-top: 1.4rem; }
@media (max-width: 560px) { .stat-sec.us-stat { padding: 4rem 0 !important; } .pkm .pk-mini-p { font-size: 1.8rem; } }