/* =====================================================================
   GUMTION · join page · Founding 100 sections
   Scoped styles for the two inserted sections ONLY (Option 2 two-choice form + Founding 100 perks).
   Every selector starts with #gmx#gmx (the wrapper <div class="gmx" id="gmx">). The id is doubled on
   purpose so these rules outrank the live '#main p:not(...)' Montserrat rule, without touching any
   live selector. Nothing here can match an element outside the wrapper.
   Built from the reviewed join v3 draft (gumtion-join-v3-draft/draft/gmx.css).
   ===================================================================== */

/* Element resets inside the wrapper (beat live element rules like strong{color} and #main p{font}) */
#gmx#gmx p, #gmx#gmx li, #gmx#gmx dd, #gmx#gmx dt { font-family: inherit; font-weight: inherit; }
#gmx#gmx strong { color: inherit; }
#gmx#gmx img { max-width: 100%; }

#gmx#gmx { --black: #000; --carbon: #0d0c0a; --carbon-2: #16150f; --carbon-3: #1f1d17; --chalk: #f2efe8; --white: #fff; --ink: #171710; --fg-soft: #e4e1da; --fg-faint: #a9a59b; --line-dark: rgba(255, 255, 255, .09); --gold: #e0a417; --gold-bright: #f6b619; --gold-pale: #fde96a; --gold-deep: #8a5a1e; --gold-line: rgba(224, 164, 23, .38); --gold-grad: linear-gradient(100deg, #d39a1c 0%, #f6b619 25%, #fdcd33 45%, #fde96a 55%, #f6b619 72%, #c98d1c 100%); --gold-grad-btn: linear-gradient(180deg, #fde27a 0%, #f6b619 45%, #d9960f 100%); --gold-foil: linear-gradient(104deg, #8a5a1e 0%, #e5a717 17%, #f6b619 33%, #fdf28c 48%, #fffbe0 50%, #fdf28c 53%, #f6b619 66%, #b67f19 83%, #774a1d 100%); --font-display: "GMX Montserrat", "Montserrat", "Gotham", "Helvetica Neue", Arial, sans-serif; --font-body: "GMX Instrument Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --container: 1200px; --gutter: 48px; --radius: 14px; --radius-lg: 22px; --header-h: 64px; --section-y: clamp(80px, 11vw, 140px); --ease: cubic-bezier(.2, .7, .2, 1); }
#gmx#gmx *,
#gmx#gmx *::before,
#gmx#gmx *::after { box-sizing: border-box; }
#gmx#gmx { margin: 0; background: var(--carbon); color: var(--fg-soft); font-family: var(--font-body); font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;  }
#gmx#gmx img,
#gmx#gmx svg { display: block; max-width: 100%; height: auto; }
#gmx#gmx a { color: inherit; }
#gmx#gmx h1,
#gmx#gmx h2,
#gmx#gmx h3,
#gmx#gmx p,
#gmx#gmx dl,
#gmx#gmx dd,
#gmx#gmx ul,
#gmx#gmx fieldset,
#gmx#gmx figure { margin: 0; }
#gmx#gmx ul { list-style: none; padding: 0; }
#gmx#gmx [hidden], #gmx#gmx[hidden] { display: none !important; }
#gmx#gmx .gm-container { width: min(100% - var(--gutter), var(--container)); margin-inline: auto; }
#gmx#gmx .gm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#gmx#gmx .gm-nowrap { white-space: nowrap; }
#gmx#gmx :focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
#gmx#gmx ::selection { background: rgba(224, 164, 23, .35); color: #fff; }
#gmx#gmx section[id] { scroll-margin-top: calc(var(--header-h) - 1px); }
#gmx#gmx .gm-gold-text { background: var(--gold-grad); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; }
#gmx#gmx .gm-btn { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: #120c00; text-shadow: 0 1px 0 rgba(255, 246, 200, .45); background: var(--gold-foil); background-size: 100% 100%; border: 0; border-radius: 12px; padding: 13px 24px; cursor: pointer; text-decoration: none; white-space: nowrap; box-shadow: inset 0 0 0 1px rgba(255, 226, 140, .55), inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -2px 0 rgba(90, 55, 10, .35), 0 10px 28px -10px rgba(246, 182, 25, .75), 0 0 22px -6px rgba(246, 182, 25, .35); transition: transform .25s var(--ease), box-shadow .3s var(--ease), filter .25s var(--ease); }
#gmx#gmx .gm-btn::before { content: ""; position: absolute; z-index: -1; pointer-events: none; left: -10%; right: -10%; top: -30%; height: 78%; background: linear-gradient(176deg, rgba(255,255,255,.75) 0%, rgba(255,255,255,.28) 55%, rgba(255,255,255,0) 100%); border-radius: 0 0 50% 50% / 0 0 34% 34%; transform: rotate(-3deg); opacity: .8; }
#gmx#gmx .gm-btn::after { content: ""; position: absolute; z-index: 1; pointer-events: none; top: -60%; bottom: -60%; left: 0; width: 34%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 30%, rgba(255,255,255,.95) 50%, rgba(255,255,255,.35) 70%, rgba(255,255,255,0) 100%); transform: translateX(-160%) skewX(-22deg); opacity: .9; animation: gmx-shine 4.2s cubic-bezier(.45,.1,.4,1) 1.2s infinite; }
@keyframes gmx-shine { 0% { transform: translateX(-160%) skewX(-22deg); } 22% { transform: translateX(420%) skewX(-22deg); } 100% { transform: translateX(420%) skewX(-22deg); } }
@keyframes gmx-shine-once { 0% { transform: translateX(-160%) skewX(-22deg); } 100% { transform: translateX(420%) skewX(-22deg); } }
#gmx#gmx .gm-btn:hover { transform: translateY(-2px); filter: brightness(1.06) saturate(1.05); box-shadow: inset 0 0 0 1px rgba(255, 232, 160, .7), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -2px 0 rgba(90, 55, 10, .35), 0 16px 36px -12px rgba(246, 182, 25, .9), 0 0 34px -4px rgba(246, 182, 25, .5); }
#gmx#gmx .gm-btn:hover::after,
#gmx#gmx .gm-btn:focus-visible::after { animation: gmx-shine-once .8s cubic-bezier(.45,.1,.4,1) 1; }
#gmx#gmx .gm-btn:active { transform: translateY(1px) scale(.985); filter: brightness(.97); box-shadow: inset 0 0 0 1px rgba(255, 226, 140, .5), inset 0 2px 6px rgba(90, 55, 10, .45), 0 4px 12px -8px rgba(246, 182, 25, .8); }
#gmx#gmx .gm-btn--lg { font-size: 14.5px; padding: 17px 26px; }
#gmx#gmx .gm-btn--block { width: 100%; }
#gmx#gmx .gm-btn > * { position: relative; z-index: 2; }
#gmx#gmx .gm-btn__arrow { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--ease); }
#gmx#gmx .gm-btn:hover .gm-btn__arrow { transform: translateX(4px); }
#gmx#gmx .gm-btn:hover .gm-btn__arrow--down { transform: translateY(3px); }
#gmx#gmx .gm-btn[disabled] { opacity: .45; cursor: not-allowed; }
#gmx#gmx .gm-textbtn { display: inline-flex; font-family: var(--font-display); font-weight: 700; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-bright); text-decoration: none; }
#gmx#gmx .gm-textbtn:hover { color: var(--white); }
#gmx#gmx .gm-linkbtn { background: none; border: 0; padding: 0; color: var(--gold-pale); font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
#gmx#gmx .gm-eyebrow { display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-display); font-weight: 700; font-size: 12.5px; line-height: 1.4; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-bright); margin-bottom: 20px; }
#gmx#gmx .gm-eyebrow::before { content: ""; width: 28px; height: 1px; flex: none; background: currentColor; opacity: .8; }
#gmx#gmx .gm-h2 { text-wrap: balance; font-family: var(--font-display); font-weight: 800; color: #f7f4ed; text-transform: uppercase; font-size: clamp(28px, 3.7vw, 48px); line-height: 1.08; letter-spacing: .005em; margin-bottom: 22px; }
#gmx#gmx .gm-h2 .gm-gold-text { display: block; }
#gmx#gmx .gm-h2--sm { font-size: clamp(26px, 3vw, 38px); }
#gmx#gmx .gm-lead { font-size: 18px; color: #d9d5cc; max-width: 620px; }
#gmx#gmx .gm-head { max-width: 760px; margin-bottom: clamp(44px, 6vw, 72px); }
#gmx#gmx .gm-s2 { position: relative; overflow: hidden; overflow: clip; isolation: isolate; padding: clamp(72px, 9vw, 120px) 0 clamp(80px, 10vw, 128px); background: linear-gradient(180deg, #0e0d0b 0%, var(--carbon) 100%); }
#gmx#gmx .gm-s2__glow { position: absolute; z-index: -1; width: 640px; height: 640px; right: -160px; top: 8%; border-radius: 50%; pointer-events: none; filter: blur(20px); background: radial-gradient(circle, rgba(246,182,25,.13), transparent 65%); }
#gmx#gmx .gm-s2__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 5vw, 64px); align-items: start; }
#gmx#gmx .gm-s2__sub { font-size: 17px; line-height: 1.7; color: var(--fg-faint); max-width: 560px; margin-bottom: 22px; }
#gmx#gmx .gm-s2__sub strong { color: var(--fg-soft); font-weight: 700; }
#gmx#gmx .gm-offer { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 600px; margin: 0 0 26px; }
#gmx#gmx .gm-offer li { display: grid; gap: 2px; align-content: start; padding: 11px 14px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line-dark); font-size: 13.5px; line-height: 1.45; color: var(--fg-soft); }
#gmx#gmx .gm-offer strong { color: var(--gold-pale); font-family: var(--font-display); font-weight: 800; font-size: 15px; letter-spacing: .02em; }
#gmx#gmx .gm-offer li span { color: var(--fg-faint); }
#gmx#gmx .gm-choose { max-width: 600px; background: linear-gradient(180deg, rgba(31,29,23,.94), rgba(22,21,15,.97)); border: 1px solid var(--line-dark); border-radius: var(--radius-lg); padding: 26px 24px 22px; box-shadow: 0 30px 70px -36px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.04); }
#gmx#gmx .gm-choose__head { margin-bottom: 16px; }
#gmx#gmx .gm-choose__eyebrow { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }
#gmx#gmx .gm-choose__title { font-family: var(--font-display); font-weight: 800; font-size: 22px; line-height: 1.15; letter-spacing: -.01em; text-transform: uppercase; color: var(--white); }
#gmx#gmx .gm-choice { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
#gmx#gmx .gm-choice__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#gmx#gmx .gm-choice__card { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; padding: 16px 16px 16px 14px; border-radius: 16px; cursor: pointer; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.12); transition: border-color .2s, background .2s, box-shadow .2s, transform .2s; }
#gmx#gmx .gm-choice__card:hover { border-color: rgba(246,182,25,.45); transform: translateY(-1px); }
#gmx#gmx .gm-choice__card input { position: absolute; opacity: 0; pointer-events: none; }
#gmx#gmx .gm-choice__radio { width: 20px; height: 20px; margin-top: 2px; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); display: grid; place-items: center; transition: border-color .2s; }
#gmx#gmx .gm-choice__radio::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--gold-grad-btn); transform: scale(0); transition: transform .2s var(--ease); }
#gmx#gmx .gm-choice__body { display: grid; gap: 4px; min-width: 0; }
#gmx#gmx .gm-choice__tag { font-family: var(--font-display); font-weight: 700; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg-faint); }
#gmx#gmx .gm-choice__tag b { color: var(--gold-pale); font-weight: 800; }
#gmx#gmx .gm-choice__title { font-family: var(--font-display); font-weight: 800; font-size: 15px; line-height: 1.25; letter-spacing: .01em; text-transform: uppercase; color: var(--white); }
#gmx#gmx .gm-choice__desc { font-size: 13px; line-height: 1.45; color: var(--fg-faint); }
#gmx#gmx .gm-choice__card:has(input:checked),
#gmx#gmx .gm-choice__card.is-selected { border-color: var(--gold); background: linear-gradient(180deg, rgba(246,182,25,.12), rgba(246,182,25,.04)); box-shadow: 0 0 0 1px rgba(246,182,25,.35), 0 16px 34px -20px rgba(246,182,25,.6); }
#gmx#gmx .gm-choice__card:has(input:checked) .gm-choice__radio,
#gmx#gmx .gm-choice__card.is-selected .gm-choice__radio { border-color: var(--gold-bright); }
#gmx#gmx .gm-choice__card:has(input:checked) .gm-choice__radio::after,
#gmx#gmx .gm-choice__card.is-selected .gm-choice__radio::after { transform: scale(1); }
#gmx#gmx .gm-choice__card:has(input:focus-visible) { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
#gmx#gmx .gm-choose.is-full .gm-choice__grid { grid-template-columns: 1fr; }
#gmx#gmx .gm-field { margin-bottom: 18px; }
#gmx#gmx .gm-field__label { display: block; margin-bottom: 8px; padding: 0; font-family: var(--font-display); font-weight: 700; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg-soft); }
#gmx#gmx .gm-field__label span { color: var(--fg-faint); font-weight: 600; letter-spacing: .08em; text-transform: none; font-family: var(--font-body); font-size: 12.5px; }
#gmx#gmx .gm-field input { width: 100%; height: 54px; padding: 0 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius); color: var(--white); font: 500 16px var(--font-body); outline: none; transition: border-color .2s, box-shadow .2s, background .2s; }
#gmx#gmx .gm-field input::placeholder { color: #8b877d; }
#gmx#gmx .gm-field input:focus { border-color: var(--gold); background: rgba(255,255,255,.06); box-shadow: 0 0 0 4px rgba(224,164,23,.14); }
#gmx#gmx .gm-field.has-error input { border-color: #ff6b6b; box-shadow: 0 0 0 4px rgba(255,107,107,.12); }
#gmx#gmx .gm-choose input { scroll-margin-top: 110px; }
#gmx#gmx .gm-flavors { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
#gmx#gmx .gm-flavors__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
#gmx#gmx .gm-flavor { position: relative; display: grid; gap: 6px; justify-items: center; align-content: start; padding: 12px 6px 11px; border-radius: var(--radius); cursor: pointer; text-align: center; background: rgba(255,255,255,.03); border: 1px solid var(--line-dark); transition: border-color .2s, transform .2s, background .2s, box-shadow .2s; }
#gmx#gmx .gm-flavor input { position: absolute; opacity: 0; pointer-events: none; }
#gmx#gmx .gm-flavor img { width: 56px; height: 56px; object-fit: contain; }
#gmx#gmx .gm-flavor span { font-family: var(--font-display); font-weight: 700; font-size: 10.5px; line-height: 1.3; letter-spacing: .07em; text-transform: uppercase; color: var(--fg-soft); }
#gmx#gmx .gm-flavor:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--f) 55%, transparent); }
#gmx#gmx .gm-flavor:has(input:checked),
#gmx#gmx .gm-flavor.is-selected { border-color: var(--f); background: color-mix(in srgb, var(--f) 16%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--f) 40%, transparent), 0 12px 28px -16px var(--f); }
#gmx#gmx .gm-flavor:has(input:checked)::after,
#gmx#gmx .gm-flavor.is-selected::after { content: "✓"; position: absolute; top: 6px; right: 9px; font-size: 12px; color: var(--white); }
#gmx#gmx .gm-flavor:has(input:focus-visible) { outline: 2px solid var(--gold-bright); outline-offset: 2px; }
#gmx#gmx .gm-flavors.has-error .gm-flavor { border-color: rgba(255,107,107,.55); }
#gmx#gmx .gm-consent-check { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 0 18px; padding: 2px 0; font-size: 13.5px; line-height: 1.55; color: var(--fg-faint); cursor: pointer; }
#gmx#gmx .gm-consent-check input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--gold); }
#gmx#gmx .gm-consent-check.has-error span { color: #ffb3b3; }
#gmx#gmx .gm-consent-check.has-error input { outline: 2px solid #ff6b6b; outline-offset: 2px; }
#gmx#gmx .gm-form__status { font-size: 14.5px; font-weight: 500; margin-top: 12px; }
#gmx#gmx .gm-form__status:empty { display: none; }
#gmx#gmx .gm-form__status.is-error { color: #ff8f8f; }
#gmx#gmx .gm-form__consent { font-size: 12px; line-height: 1.55; color: #8b877d; margin-top: 12px; }
#gmx#gmx .gm-fullnote { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 0 16px; padding: 13px 14px; border-radius: var(--radius); background: rgba(246,182,25,.08); border: 1px solid rgba(246,182,25,.35); font-size: 14px; line-height: 1.5; color: var(--fg-soft); }
#gmx#gmx .gm-fullnote strong { color: var(--gold-pale); }
#gmx#gmx .gm-fullnote__dot { width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: var(--gold-bright); box-shadow: 0 0 10px var(--gold-bright); }
#gmx#gmx .gm-s2__visual { position: relative; align-self: stretch; }
#gmx#gmx .gm-s2__stick { position: sticky; top: calc(var(--header-h) + 32px); display: grid; place-items: center; padding: 24px 0 8px; }
#gmx#gmx .gm-s2__halo { position: absolute; top: 42%; left: 50%; width: 86%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(246,182,25,.28) 0%, rgba(224,164,23,.09) 40%, transparent 70%); filter: blur(10px); }
#gmx#gmx .gm-s2__pouch { position: relative; z-index: 1; width: min(380px, 82%); filter: drop-shadow(0 40px 50px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(255,255,255,.3)); }
#gmx#gmx .gm-s2__pouch img { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 0 0 1px rgba(224,164,23,.30); }
#gmx#gmx .gm-s2__floor { position: relative; z-index: 0; width: 56%; height: 30px; margin-top: -16px; background: radial-gradient(ellipse at center, rgba(0,0,0,.75), transparent 70%); filter: blur(6px); }
#gmx#gmx .gm-s2__caption { position: relative; z-index: 2; margin-top: 10px; text-align: center; font-family: var(--font-display); font-weight: 600; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg-faint); }
#gmx#gmx .gm-welcome,
#gmx#gmx .gm-success { max-width: 880px; outline: none; }
#gmx#gmx .gm-welcome__lead,
#gmx#gmx .gm-success__lead { color: var(--fg-faint); font-size: 16.5px; max-width: 620px; margin-bottom: 22px; }
#gmx#gmx .gm-welcome__lead strong,
#gmx#gmx .gm-success__lead strong { color: var(--gold-pale); overflow-wrap: anywhere; }
#gmx#gmx .gm-success__card,
#gmx#gmx .gm-welcome__card { background: linear-gradient(180deg, rgba(31,29,23,.95), rgba(22,21,15,.98)); border: 1px solid rgba(224,164,23,.28); border-radius: var(--radius-lg); padding: 32px 28px; box-shadow: 0 24px 60px -30px rgba(0,0,0,.7); }
#gmx#gmx .gm-welcome__card { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 28px; align-items: center; margin: 28px 0 8px; }
#gmx#gmx .gm-welcome__flavor { display: grid; justify-items: center; gap: 10px; text-align: center; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.03); border: 1px solid var(--line-dark); }
#gmx#gmx .gm-welcome__flavor img { width: 130px; height: 130px; object-fit: contain; }
#gmx#gmx .gm-welcome__flavor strong { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--white); }
#gmx#gmx .gm-welcome__label { display: block; font-family: var(--font-display); font-weight: 600; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--fg-faint); margin-bottom: 4px; }
#gmx#gmx .gm-welcome__perks { display: grid; gap: 10px; }
#gmx#gmx .gm-welcome__perks li { padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line-dark); font-size: 14.5px; color: var(--fg-faint); }
#gmx#gmx .gm-welcome__perks strong { display: block; color: var(--gold-pale); margin-bottom: 2px; font-family: var(--font-display); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
#gmx#gmx .gm-success__card .gm-timeline { margin-top: 8px; }
#gmx#gmx .gm-success__switch { margin-top: 26px; padding: 16px 18px; border-radius: var(--radius); background: rgba(246,182,25,.06); border: 1px solid rgba(246,182,25,.25); font-size: 14.5px; color: var(--fg-soft); }
#gmx#gmx .gm-success__switch p { margin-bottom: 6px; }
#gmx#gmx .gm-welcome__reset { margin-top: 28px; font-size: 15px; }
#gmx#gmx .gm-next { margin-top: clamp(40px, 6vw, 56px); display: grid; grid-template-columns: .8fr 1.2fr; gap: 24px 56px; align-items: start; }
#gmx#gmx .gm-next--founding { margin-top: 56px; }
#gmx#gmx .gm-next__h { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; color: #f7f4ed; font-size: clamp(24px, 2.7vw, 32px); line-height: 1.1; margin: 0; }
#gmx#gmx .gm-timeline { border-left: 1px solid var(--gold-line); padding-left: 26px; display: grid; gap: 22px; margin-left: 5px; }
#gmx#gmx .gm-timeline div { position: relative; }
#gmx#gmx .gm-timeline div::before { content: ""; position: absolute; left: -31px; top: 7px; width: 9px; height: 9px; border-radius: 50%; background: var(--carbon); border: 1px solid var(--gold); }
#gmx#gmx .gm-timeline div:first-child::before { background: var(--gold-bright); box-shadow: 0 0 12px rgba(246,182,25,.6); }
#gmx#gmx .gm-timeline dt { font-family: var(--font-display); font-weight: 600; color: var(--gold-pale); font-size: 15px; letter-spacing: .02em; }
#gmx#gmx .gm-timeline dd { color: var(--fg-faint); font-size: 15.5px; }
#gmx#gmx .gm-section { padding: var(--section-y) 0; position: relative; }
#gmx#gmx #gmx-perks { background: #0f0e0c; }
#gmx#gmx #gmx-perks .gm-eyebrow,
#gmx#gmx #gmx-perks .gm-textbtn { color: #f6b619; }
#gmx#gmx .gm-perk { margin-top: 28px; display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(28px, 4vw, 56px); align-items: center; padding: clamp(30px, 4vw, 48px); border-radius: calc(var(--radius-lg) + 6px); position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(120% 140% at 0% 0%, #2a2519 0%, #16150f 45%, var(--carbon) 100%); color: var(--fg-soft); border: 1px solid var(--gold-line); box-shadow: 0 40px 80px -48px rgba(23,23,16,.7), 0 0 0 1px rgba(253,233,106,.06) inset; }
#gmx#gmx .gm-perk::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 2px; background: var(--gold-foil); }
#gmx#gmx .gm-perk::after { content: ""; position: absolute; width: 420px; height: 420px; right: -140px; top: -180px; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(246,182,25,.20), rgba(246,182,25,0) 65%); }
#gmx#gmx .gm-perk__eyebrow { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin: 0 0 14px; }
#gmx#gmx .gm-perk__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; letter-spacing: .01em; color: #f7f4ed; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.08; margin: 0 0 22px; text-wrap: balance; }
#gmx#gmx .gm-perk .gm-gold-text { background-image: var(--gold-grad); }
#gmx#gmx .gm-perk__price { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-bottom: 18px; }
#gmx#gmx .gm-perk__was { font-family: var(--font-display); font-weight: 700; font-size: 28px; color: rgba(247,244,237,.45); text-decoration: line-through; text-decoration-color: rgba(224,164,23,.7); text-decoration-thickness: 2px; }
#gmx#gmx .gm-perk__arrow { width: 24px; height: 24px; fill: none; stroke: var(--gold); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#gmx#gmx .gm-perk__now { font-family: var(--font-display); font-weight: 800; font-size: clamp(44px, 5vw, 60px); line-height: 1; letter-spacing: -.02em; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
#gmx#gmx .gm-perk__note { font-family: var(--font-display); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-pale); }
#gmx#gmx .gm-perk__sub { font-size: 15px; line-height: 1.6; color: rgba(247,244,237,.72); margin: 0; max-width: 520px; }
#gmx#gmx .gm-perk__rules { list-style: none; margin: 0; padding: 22px 24px; border-radius: var(--radius-lg); background: rgba(255,255,255,.035); border: 1px solid rgba(224,164,23,.22); display: grid; gap: 14px; }
#gmx#gmx .gm-perk__rules li { text-wrap: pretty; position: relative; padding-left: 32px; font-size: 15px; line-height: 1.45; color: rgba(247,244,237,.86); }
#gmx#gmx .gm-perk__rules li::before { content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--gold-line); background: rgba(224,164,23,.10); }
#gmx#gmx .gm-perk__rules li::after { content: ""; position: absolute; left: 7px; top: 5px; width: 6px; height: 9px; border: solid var(--gold-bright); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
#gmx#gmx .gm-perkgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; }
#gmx#gmx .gm-perkgrid--five { grid-template-columns: repeat(6, minmax(0, 1fr)); }
#gmx#gmx .gm-perkgrid--five > :nth-child(-n+3) { grid-column: span 2; }
#gmx#gmx .gm-perkgrid--five > :nth-child(4) { grid-column: 2 / span 2; }
#gmx#gmx .gm-perkgrid--five > :nth-child(5) { grid-column: 4 / span 2; }
#gmx#gmx .gm-perktile { position: relative; overflow: hidden; min-width: 0; border: 1px solid rgba(246, 182, 25, .28); border-radius: var(--radius-lg); padding: 26px 22px 24px; background: #1c1b18; }
#gmx#gmx .gm-perktile::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--gold-grad); }
#gmx#gmx .gm-perktile__n { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: .16em; color: #f6b619; }
#gmx#gmx .gm-perktile h3 { font-family: var(--font-display); font-weight: 700; font-size: 20px; color: #f7f4ed; margin: 14px 0 8px; letter-spacing: -.01em; line-height: 1.2; }
#gmx#gmx .gm-perktile p { margin: 0; color: #d9d5cc; font-size: 15px; }
#gmx#gmx .gm-founding__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; margin-top: 36px; }
@media (max-width: 1000px) {
#gmx#gmx .gm-s2__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
#gmx#gmx .gm-s2__copy { max-width: 640px; width: 100%; margin-inline: auto; }
#gmx#gmx .gm-s2__stick { position: relative; top: 0; padding-top: 0; }
#gmx#gmx .gm-s2__pouch { width: min(280px, 64%); }
}
@media (max-width: 900px) {
#gmx#gmx .gm-welcome__card { grid-template-columns: minmax(0, 1fr); }
#gmx#gmx .gm-next { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
#gmx#gmx .gm-perk { grid-template-columns: minmax(0, 1fr); }
#gmx#gmx .gm-perkgrid,
#gmx#gmx .gm-perkgrid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#gmx#gmx .gm-perkgrid--five > :nth-child(n) { grid-column: auto; }
#gmx#gmx .gm-perkgrid--five > :last-child:nth-child(n) { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
#gmx#gmx { --gutter: 40px; --header-h: 60px; }
#gmx#gmx { font-size: 16px; }
#gmx#gmx .gm-perkgrid,
#gmx#gmx .gm-perkgrid--five { grid-template-columns: minmax(0, 1fr); }
#gmx#gmx .gm-perkgrid--five > :last-child:nth-child(n) { grid-column: auto; }
#gmx#gmx .gm-perk__rules { padding: 20px 18px; }
}
@media (max-width: 560px) {
#gmx#gmx .gm-s2__caption { text-wrap: balance; letter-spacing: .1em; }
#gmx#gmx .gm-btn--lg { padding: 17px 16px; font-size: 13.5px; letter-spacing: .08em; gap: 10px; white-space: normal; text-align: center; }
#gmx#gmx .gm-founding__cta .gm-btn { width: 100%; }
#gmx#gmx .gm-founding__cta { justify-content: center; }
#gmx#gmx .gm-eyebrow { font-size: 11px; letter-spacing: .14em; gap: 10px; }
#gmx#gmx .gm-eyebrow::before { width: 20px; }
#gmx#gmx .gm-offer li { padding: 10px 12px; font-size: 13px; }
#gmx#gmx .gm-choose { padding: 22px 16px 18px; border-radius: 20px; }
#gmx#gmx .gm-choice__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
#gmx#gmx .gm-choice__card { padding: 14px 14px 14px 12px; }
#gmx#gmx .gm-flavors__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#gmx#gmx .gm-flavor img { width: 52px; height: 52px; }
#gmx#gmx .gm-success__card,
#gmx#gmx .gm-welcome__card { padding: 24px 18px; }
}
@media (prefers-reduced-motion: reduce) {
#gmx#gmx *,
#gmx#gmx *::before,
#gmx#gmx *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
#gmx#gmx .gm-btn::after { display: none; }
}

/* =====================================================================
   v3 overrides (blend with the live page)
   ===================================================================== */
/* The live header is not sticky, so no header offset */
#gmx#gmx { --header-h: 0px; }
/* Same container widths as the live .container */
#gmx#gmx .gm-container { width: min(1200px, calc(100% - 96px)); }
@media (max-width: 1100px) { #gmx#gmx .gm-container { width: calc(100% - 64px); } }
@media (max-width: 540px)  { #gmx#gmx .gm-container { width: calc(100% - 40px); } }
@media (max-width: 359px)  { #gmx#gmx .gm-container { width: calc(100% - 32px); } }
/* Live section divider (1px #d6b65c under each section) instead of the v2 gradient hairline */
#gmx#gmx .gm-s2, #gmx#gmx .gm-s3 { border-bottom: 1px solid #d6b65c; }
/* Pouch stays beside the form on desktop with a little top room */
#gmx#gmx .gm-s2__stick { top: 32px; }
#gmx#gmx section[id] { scroll-margin-top: 16px; }

/* v3 follow-up: white pouch lives inside the headline block (.gm-s2__copy, right after the h2).
   Desktop: the headline block is a 2-column grid, the pouch sits in the right column starting at the
   h2 row, so its top lines up with the headline top. It scrolls with the section (no sticky).
   Tablet/phone: one column, pouch directly under the headline at about 75% width, centered. */
#gmx#gmx .gm-s2__grid { display: block; }
#gmx#gmx .gm-s2__copy {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  grid-template-rows: repeat(6, auto); column-gap: clamp(32px, 5vw, 64px); row-gap: 0; align-items: start;
}
#gmx#gmx .gm-s2__copy > * { grid-column: 1; }
#gmx#gmx .gm-s2__copy > .gm-s2__visual { grid-column: 2; grid-row: 2 / span 6; align-self: start; }
#gmx#gmx .gm-s2__copy > .gm-eyebrow { justify-self: start; }
#gmx#gmx .gm-s2__stick { position: relative; top: 0; padding: 0 0 8px; }
@media (max-width: 1000px) {
  #gmx#gmx .gm-s2__copy { display: block; }
  #gmx#gmx .gm-s2__copy > .gm-s2__visual { margin: 6px 0 30px; }
  #gmx#gmx .gm-s2__pouch { width: 75%; max-width: 300px; }
}

/* v3 follow-up 2: square pouch-on-pedestal image with its own dark background. No light card or frame,
   just subtle rounded corners and a soft gold glow so it blends with the dark section. */
#gmx#gmx .gm-s2__pouch { width: min(460px, 92%); filter: none; }
#gmx#gmx .gm-s2__pouch img {
  border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(224,164,23,.16), 0 28px 60px -28px rgba(0,0,0,.85), 0 0 70px -12px rgba(246,182,25,.30);
}
#gmx#gmx .gm-s2__floor { display: none; }
#gmx#gmx .gm-s2__caption { margin-top: 16px; }
@media (max-width: 1000px) {
  #gmx#gmx .gm-s2__pouch { width: 88%; max-width: 340px; }
}

/* Production: consent line above the waitlist button, Email privacy link inline */
#gmx#gmx .gm-form__consent--top { margin: 0 0 14px; }
#gmx#gmx .gm-form__consent .gm-linkbtn { font-size: inherit; font-weight: 600; color: #b9b5ab; }
#gmx#gmx .gm-btn[aria-busy="true"], #gmx#gmx .gm-btn:disabled { opacity: .7; cursor: wait; }