:root {
  color-scheme: dark;
  --bg: #0b0d0c;
  --paper: #f2eee5;
  --gold: #d9bb7d;
  --blue: #9cb9ef;
  --muted: #a6aaa4;
  --border: rgba(235,237,223,.14);
  --sans: "Segoe UI Variable", "Aptos", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", Georgia, serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(ellipse at 87% 18%, rgba(87,117,151,.14), transparent 42%), radial-gradient(ellipse at 2% 72%, rgba(140,119,61,.07), transparent 37%), var(--bg); color: var(--paper); font: 1rem/1.55 var(--sans); -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; pointer-events: none; inset: 0; opacity: .055; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.4) 4px); }
::selection { color: var(--bg); background: var(--gold); }
a { color: inherit; }
button, input { font: inherit; }
button, a, input, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 5px; }
[hidden] { display: none !important; }
.page-shell { width: min(1240px, calc(100% - 96px)); margin-inline: auto; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 100; padding: 10px 18px; color: var(--bg); background: var(--paper); border-radius: 8px; }
.skip-link:focus { top: 15px; }
.site-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 29px; border-bottom: 1px solid var(--border); }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; font-size: 1.16rem; font-weight: 660; letter-spacing: -.055em; line-height: 1.2; white-space: nowrap; }
.brand-domain { color: #868d85; font-weight: 400; }
.brand-mark { position: relative; display: block; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(241,237,222,.23); background: linear-gradient(90deg,#b07670,var(--gold),var(--blue)) center/26px 1px no-repeat, radial-gradient(circle, transparent 0 10px, rgba(217,187,125,.52) 10.5px 11.5px, transparent 12px); transform: rotate(-8deg); }
.brand-mark::before { content: ""; position: absolute; inset: 10px 3px; border: 1px solid rgba(217,187,125,.8); border-radius: 50%; transform: rotate(38deg); }
.brand-mark::after { content: ""; position: absolute; top: 7px; right: 4px; width: 7px; height: 7px; background: var(--blue); border: 2px solid var(--bg); border-radius: 50%; box-shadow: 0 0 0 1px var(--blue),0 0 15px rgba(156,185,239,.45); }
.return-badge { display: flex; align-items: center; gap: 9px; color: #b7bba9; font-size: .75rem; letter-spacing: .06em; }
.return-badge i, .quiet-dot { width: 5px; height: 5px; background: var(--gold); border-radius: 50%; flex: 0 0 auto; }
.launch { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); align-items: center; gap: clamp(48px,7vw,100px); padding-block: clamp(64px,7vw,105px) 82px; }
.launch-copy { min-width: 0; padding-bottom: 8px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: var(--gold); font-size: .75rem; line-height: 1.5; font-weight: 650; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow > span { display: block; width: 23px; height: 1px; background: currentColor; }
h1 { margin: 0; font: 400 clamp(3.2rem,5.2vw,4.8rem)/1.03 var(--serif); letter-spacing: -.045em; }
h1 em { color: var(--gold); font-weight: 400; }
.announcement { color: var(--muted); margin: 26px 0 0; font-size: 1.05rem; line-height: 1.8; }
.announcement strong { color: #dddcd2; font-weight: 500; }
.question-signature { margin-top: 52px; }
.signature-line { display: block; width: 54px; height: 1px; background: linear-gradient(90deg,var(--gold),transparent); margin-bottom: 21px; }
.question-signature p { margin: 0 0 6px; color: #bab7ad; font: italic 400 1.25rem/1.4 var(--serif); }
.signature-year { color: #7f887d; font-size: .75rem; }
.signup-card { position: relative; min-width: 0; padding: clamp(25px,3vw,40px); border: 1px solid rgba(217,224,210,.19); border-radius: 25px; background: radial-gradient(ellipse at 90% 0%,rgba(111,140,184,.12),transparent 58%),linear-gradient(140deg,#191d1a,#121713); box-shadow: 0 28px 74px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035); }
.signup-card::before { content: ""; position: absolute; top: -1px; left: 22%; right: 22%; height: 1px; background: linear-gradient(90deg,transparent,rgba(233,216,174,.8),transparent); }
.card-topline { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 24px; }
.card-eyebrow { max-width: 260px; font-size: .75rem; color: #a5aea1; line-height: 1.5; }
.card-signal { display: flex; align-items: flex-end; gap: 3px; height: 13px; flex-shrink: 0; }
.card-signal i { display: block; width: 3px; height: 5px; background: var(--gold); border-radius: 3px; opacity: .4; }
.card-signal i:nth-child(2) { height: 9px; opacity: .7; }
.card-signal i:nth-child(3) { height: 13px; opacity: 1; }
.signup-card h2 { margin: 0; font: 400 clamp(2rem,3vw,2.7rem)/1.14 var(--serif); letter-spacing: -.035em; }
.signup-intro { color: #aeb4ab; font-size: 1rem; line-height: 1.6; margin: 14px 0 27px; max-width: 370px; }
.email-label { display: block; margin-bottom: 9px; font-size: .875rem; color: #d0d4c9; }
.email-input-wrap { position: relative; }
.email-input-wrap svg { position: absolute; width: 20px; height: 20px; left: 16px; top: 18px; stroke: #8a9386; stroke-width: 1.4; pointer-events: none; }
input[type="email"] { display: block; width: 100%; min-width: 0; height: 56px; padding: 14px 16px 14px 48px; color: var(--paper); background: rgba(4,8,4,.36); border: 1px solid rgba(221,231,216,.19); border-radius: 10px; outline-offset: 3px; font-size: 1rem; transition: border-color .15s; }
input[type="email"]:hover, input[type="email"]:focus { border-color: rgba(217,187,125,.64); }
input[type="email"]::placeholder { color: #7b8478; opacity: 1; }
.consent { display: flex; align-items: flex-start; gap: 10px; margin: 17px 0 22px; color: #b6bdb1; font-size: .875rem; line-height: 1.5; cursor: pointer; }
.consent input { width: 18px; height: 18px; flex: 0 0 18px; margin: 2px 0 0; accent-color: var(--gold); cursor: pointer; }
.signup-button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 56px; padding: 15px 18px; color: #171b12; background: var(--gold); border: 1px solid #e6c991; border-radius: 10px; font-size: .9375rem; line-height: 1.4; font-weight: 650; text-align: left; cursor: pointer; box-shadow: 0 7px 22px rgba(0,0,0,.13); transition: background .15s,transform .15s; }
.signup-button:hover { background: #e6ca96; transform: translateY(-1px); }
.signup-button:active { transform: translateY(0); }
.signup-button:disabled { cursor: wait; opacity: .68; transform: none; }
.button-arrow { flex-shrink: 0; font-size: 1.35rem; font-weight: 400; }
.email-note { margin: 15px 0 0; font-size: .75rem; line-height: 1.7; color: #949e8f; }
.privacy-note { margin-top: 20px; border-top: 1px solid var(--border); font-size: .8125rem; color: #a0aa98; }
.privacy-note summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 44px; padding-block: 10px; list-style: none; cursor: pointer; }
.privacy-note summary::-webkit-details-marker { display: none; }
.privacy-note summary span { font-size: 1.1rem; color: var(--gold); }
.privacy-note[open] summary span { transform: rotate(45deg); }
.privacy-note p { margin: 0 0 15px; line-height: 1.7; overflow-wrap: anywhere; }
.privacy-note a { color: #d1c3a5; text-underline-offset: 3px; }
.card-footnote { display: flex; align-items: center; gap: 8px; padding-top: 14px; border-top: 1px solid var(--border); color: #929b8b; font-size: .75rem; }
.bot-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-message { margin: 0 0 22px; padding: 16px; border: 1px solid rgba(168,190,153,.4); border-radius: 10px; font-size: .9375rem; line-height: 1.65; }
.form-message.is-success { background: rgba(143,181,117,.1); color: #d2e7bc; }
.form-message.is-error { color: #f0c3b8; border-color: rgba(206,145,129,.44); background: rgba(175,95,73,.09); }
.collaboration { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 35px 0 42px; border-top: 1px solid var(--border); }
.collaboration .eyebrow { margin-bottom: 12px; font-size: .75rem; color: #8f9985; letter-spacing: .11em; }
.collaboration h2 { margin: 0; font: 400 1.65rem/1.3 var(--serif); letter-spacing: -.02em; }
.collaboration h2 em { color: #aab9c5; font-weight: 400; }
.contact { min-width: 0; flex-shrink: 0; }
.contact > span { display: block; font-size: .75rem; color: #919b86; margin-bottom: 10px; }
.contact a { display: inline-flex; align-items: center; gap: 22px; min-height: 44px; font-size: 1.1rem; text-decoration: none; color: #e5ce9e; border-bottom: 1px solid rgba(217,187,125,.33); letter-spacing: -.02em; }
.contact a:hover { color: #fff1d4; border-color: var(--gold); }
.contact a span { color: #a3b7c7; font-size: 1.3rem; }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 22px; border-top: 1px solid var(--border); font-size: .75rem; color: #7e8976; }
@media (min-width: 1600px) { .page-shell { min-height: 100svh; display: flex; flex-direction: column; } main { flex: 1; display: flex; flex-direction: column; justify-content: center; } }
@media (max-width: 1000px) {
  .page-shell { width: calc(100% - 56px); }
  .launch { gap: 36px; }
  h1 { font-size: clamp(2.6rem,5.5vw,3.7rem); }
  .signup-card { padding: 27px; }
  .question-signature p { font-size: 1.15rem; }
}
@media (max-width: 760px) {
  .page-shell { width: min(540px,calc(100% - 36px)); }
  .site-header { padding-block: 21px; gap: 13px; }
  .brand { font-size: 1.07rem; gap: 10px; }
  .brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .return-badge { font-size: .75rem; gap: 7px; }
  .launch { grid-template-columns: minmax(0,1fr); gap: 29px; padding-block: 38px 38px; }
  .launch-copy { padding: 0 3px; }
  .eyebrow { margin-bottom: 18px; }
  h1 { font-size: clamp(2.5rem,10.6vw,3.6rem); line-height: 1.06; }
  .announcement { font-size: 1rem; line-height: 1.65; margin-top: 19px; }
  .question-signature { display: none; }
  .signup-card { padding: 24px; border-radius: 20px; }
  .card-topline { margin-bottom: 16px; }
  .signup-card h2 { font-size: 2.15rem; }
  .signup-intro { margin-block: 11px 22px; }
  .collaboration { align-items: flex-start; flex-direction: column; gap: 20px; padding-block: 30px; }
  .collaboration h2 { font-size: 1.55rem; }
  .contact a { font-size: 1.05rem; }
  .site-footer { flex-wrap: wrap; row-gap: 8px; padding-block: 19px 25px; }
}
@media (max-width: 380px) {
  .page-shell { width: calc(100% - 28px); }
  .return-badge { font-size: .75rem; max-width: 82px; }
  .signup-card { padding: 21px 18px; }
  h1 { font-size: 2.55rem; }
  .signup-button { font-size: .875rem; padding-inline: 14px; }
  .card-eyebrow { max-width: 205px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }