@font-face {font-family:"SendWork Landing Fraunces";src:url('/fonts/sendwork-landing/fraunces-latin-full-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face {font-family:"SendWork Landing Inter";src:url('/fonts/sendwork-landing/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face {font-family:"SendWork Landing Caveat";src:url('/fonts/sendwork-landing/caveat-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
/* SendWork — coming-soon homepage · design prototype
   Type + colour: SendWork's live site (Fraunces 600 / Inter / Plus Jakarta Sans; #030F1E · #0B376C · #48ACC8).
   Composition: Lightship (via Mobbin) — inset rounded photo frames, centred statements, brand card + photo pairs,
   plus-grid panel, row lists. Story order: the owner's concept. */

.landing_surface__RfDzg {
  /* SendWork live tokens */
  --ink: #030f1e;
  --navy: #0b376c;
  --sky: #48acc8;
  --sky-deep: #1f7a96;      /* sky as text on light backgrounds (AA) */
  --text: #2d3748;
  --text-2: #4a5568;
  --light: #f7f8fa;
  --panel-light: #eef1f5;
  --white: #ffffff;
  --on-ink: #ffffff;
  --on-ink-2: #b8c3d1;
  --line: rgba(11, 55, 108, .14);
  --line-ink: rgba(255, 255, 255, .12);

  --display: "SendWork Landing Fraunces", Georgia, "Times New Roman", serif;
  --body: "SendWork Landing Inter", system-ui, sans-serif;
  --ui: var(--font-body), system-ui, sans-serif;
  --hand: "SendWork Landing Caveat", "Segoe Print", cursive;

  --inset: 10px;
  --r: 18px;
  --max: 1240px;
  /* text scales up on wide screens */
  --fs-body: clamp(16.5px, calc(9px + .6vw), 21px);
  --fs-sm: clamp(13.5px, calc(7.5px + .48vw), 17px);
  --pad: clamp(20px, 4vw, 48px);
  --ease: cubic-bezier(.22, 1, .36, 1);
}

.landing_surface__RfDzg *, .landing_surface__RfDzg *::before, .landing_surface__RfDzg *::after { box-sizing: border-box; transition: none; }
.landing_surface__RfDzg { margin: 0; background: var(--light); color: var(--text); font-family: var(--body); font-size: var(--fs-body); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: clip; }
.landing_surface__RfDzg img { display: block; max-width: 100%; height: auto; }
.landing_surface__RfDzg p, .landing_surface__RfDzg h1, .landing_surface__RfDzg h2, .landing_surface__RfDzg h3, .landing_surface__RfDzg figure, .landing_surface__RfDzg blockquote { margin: 0; }
.landing_surface__RfDzg h1, .landing_surface__RfDzg h2, .landing_surface__RfDzg h3 { font-weight: inherit; color: inherit; }
.landing_surface__RfDzg ul, .landing_surface__RfDzg ol { margin: 0; padding: 0; list-style: none; }
.landing_surface__RfDzg button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.landing_surface__RfDzg a { color: inherit; }
.landing_surface__RfDzg [hidden] { display: none !important; }
.landing_surface__RfDzg :focus-visible { outline: 3px solid var(--sky); outline-offset: 3px; border-radius: 6px; }
.landing_surface__RfDzg .visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.landing_surface__RfDzg .skip { position: absolute; left: 12px; top: -60px; z-index: 99; background: var(--white); color: var(--ink); padding: 10px 16px; border-radius: 8px; font-weight: 700; }
.landing_surface__RfDzg .skip:focus { top: 12px; }
.landing_surface__RfDzg img.is-missing { background: #13263b; }

/* ---------- shared ---------- */
.landing_surface__RfDzg .label { font-size: 15px; font-weight: 500; color: var(--text-2); }
.landing_surface__RfDzg .h2 { font-family: var(--display); font-weight: 600; font-size: clamp(36px, 4.4vw, 58px); line-height: 1.06; letter-spacing: -.02em; color: var(--navy); text-wrap: balance; }
.landing_surface__RfDzg .sky { color: var(--sky); }
.landing_surface__RfDzg .tri { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent currentColor; }

.landing_surface__RfDzg .btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 50px; padding: 0 22px; border-radius: 8px; font-family: var(--ui); font-weight: 700; font-size: 15.5px; text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s, transform .2s var(--ease); }
.landing_surface__RfDzg .btn--sm { min-height: 42px; padding: 0 16px; font-size: 14.5px; }
.landing_surface__RfDzg .btn--sky { background: var(--sky); color: var(--ink); }
.landing_surface__RfDzg .btn--sky:hover { background: #63bcd4; }
.landing_surface__RfDzg .btn--ink { background: var(--ink); color: var(--white); }
.landing_surface__RfDzg .btn--ink:hover { background: var(--navy); }
.landing_surface__RfDzg .btn--glass { background: rgba(255,255,255,.12); color: var(--white); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.landing_surface__RfDzg .btn--glass:hover { background: rgba(255,255,255,.2); }
.landing_surface__RfDzg .btn:active { transform: translateY(1px); }
.landing_surface__RfDzg .linkbtn { min-height: 44px; font-family: var(--ui); font-weight: 700; font-size: 14.5px; color: var(--sky); text-decoration: underline; text-underline-offset: 4px; }
.landing_surface__RfDzg .linkbtn--ink { color: var(--navy); }

/* =========================================================
   HERO — inset rounded frame
   ========================================================= */
.landing_surface__RfDzg .hero { padding: var(--inset) var(--inset) 0; background: var(--ink); }
.landing_surface__RfDzg .hero__frame { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r); min-height: calc(100svh - var(--inset) - 34px); max-height: 980px; display: flex; flex-direction: column; color: var(--on-ink); background: var(--ink); }
.landing_surface__RfDzg .hero__img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: var(--pos, 62% 45%); object-position: var(--pos, 62% 45%); z-index: -2; transform-origin: 60% 42%; animation: landing_sw-zoom__ayP0L 34s cubic-bezier(.33, 0, .45, 1) infinite alternate; will-change: transform; }
/* Very slow push-in on the hero photo; paused off-screen, off entirely with reduced motion. */
@keyframes landing_sw-zoom__ayP0L { from { transform: scale(1); } to { transform: scale(1.09); } }
.landing_surface__RfDzg .hero.is-off .hero__img { animation-play-state: paused; }
/* Sunset intro (JS + GSAP): the copy is there from the first moment and the sunset plays behind it —
   the photo's own low sun glows, sinks and fades while dusk (the shade) falls. .intro = the opening state;
   the shade starts at half strength so the headline reads over the glow. */
.landing_surface__RfDzg .hero__warm, .landing_surface__RfDzg .hero__sun { position: absolute; pointer-events: none; z-index: -2; opacity: 0; }
.landing_surface__RfDzg .hero__warm { inset: 0; background: linear-gradient(100deg, rgba(255,176,92,.55) 0%, rgba(255,150,80,.22) 38%, rgba(255,140,70,0) 70%); mix-blend-mode: screen; }
.landing_surface__RfDzg .hero__sun { left: 2%; top: 28%; width: clamp(420px, 60vmax, 1100px); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; mix-blend-mode: screen;
  background: radial-gradient(circle, rgba(255,247,222,.98) 0, rgba(255,226,160,.85) 3.5%, rgba(255,190,110,.5) 10%, rgba(255,150,80,.22) 26%, rgba(255,130,60,.08) 44%, rgba(255,120,60,0) 62%); }
@media (max-width: 900px) { }
.landing_surface__RfDzg .hero__shade { position: absolute; inset: 0; z-index: -1; background:
  linear-gradient(90deg, rgba(3,15,30,.82) 0%, rgba(3,15,30,.62) 34%, rgba(3,15,30,.18) 60%, rgba(3,15,30,0) 76%),
  linear-gradient(0deg, rgba(3,15,30,.94) 0%, rgba(3,15,30,.7) 34%, rgba(3,15,30,.2) 64%, rgba(3,15,30,.1) 100%),
  linear-gradient(180deg, rgba(3,15,30,.6) 0%, rgba(3,15,30,0) 22%); }
/* Night over the crew: a few stars twinkle in the top-left, under the nav, and now and then one shoots (JS).
   Fades out toward the photo; paused while the hero is off-screen; still with reduced motion. */
.landing_surface__RfDzg .hero__stars { position:absolute;inset:0;z-index:-1;pointer-events:none;visibility:hidden; }
.landing_surface__RfDzg .hero__starfield { position:absolute;pointer-events:none;
  -webkit-mask-image:radial-gradient(70% 65% at 0 0,#000 35%,transparent 100%);mask-image:radial-gradient(70% 65% at 0 0,#000 35%,transparent 100%);
  background-image: radial-gradient(1.3px 1.3px at 9% 18%, #fff 50%, transparent), radial-gradient(1px 1px at 24% 52%, #fff 50%, transparent), radial-gradient(1.5px 1.5px at 38% 12%, #fff 50%, transparent),
    radial-gradient(1px 1px at 51% 70%, #fff 50%, transparent), radial-gradient(1.2px 1.2px at 66% 34%, #fff 50%, transparent), radial-gradient(1px 1px at 79% 8%, #fff 50%, transparent),
    radial-gradient(1.4px 1.4px at 92% 58%, #fff 50%, transparent), radial-gradient(1px 1px at 4% 84%, #fff 50%, transparent);
  background-size: 380px 260px; }
.landing_surface__RfDzg .hero__starfield::after { content: ""; position: absolute; inset: 0; background: inherit; background-size: 300px 210px; background-position: 90px 50px; animation: landing_sw-twinkle__uUzc4 3.6s ease-in-out infinite alternate; }
.landing_surface__RfDzg .hero__starfield > b:nth-child(1) { left: 3%; top: 3%; }   .landing_surface__RfDzg .hero__starfield > b:nth-child(2) { left: 9%; top: 12%; }
.landing_surface__RfDzg .hero__starfield > b:nth-child(3) { left: 16%; top: 4%; }  .landing_surface__RfDzg .hero__starfield > b:nth-child(4) { left: 22%; top: 8%; }
.landing_surface__RfDzg .hero__starfield > b:nth-child(5) { left: 4%; top: 23%; } .landing_surface__RfDzg .hero__starfield > b:nth-child(6) { left: 14%; top: 21%; }
.landing_surface__RfDzg .hero__starfield > b:nth-child(7) { left: 27%; top: 2%; }
.landing_surface__RfDzg .hero.is-off .hero__starfield::after, .landing_surface__RfDzg .hero.is-off .hero__starfield > b::before { animation-play-state: paused; }
/* the shooting star: its head leads (bright end), the tail grows behind it, then it burns out */
.landing_surface__RfDzg .hero__meteor { position: absolute; left: var(--mx, 48%); top: var(--my, 8%); width: 180px; height: 2px; margin-left: -180px; border-radius: 2px; opacity: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(214,234,255,.5) 65%, #fff); transform-origin: 100% 50%; filter: drop-shadow(0 0 4px rgba(200,228,255,.85)); }
.landing_surface__RfDzg .hero__meteor.is-go { animation: landing_sw-meteor__Ks0aE 1.05s cubic-bezier(.3, .1, .55, 1) forwards; }
@keyframes landing_sw-meteor__Ks0aE {
  0% { opacity: 0; transform: rotate(152deg) translateX(0) scaleX(.15); }
  12% { opacity: 1; }
  70% { opacity: .9; }
  100% { opacity: 0; transform: rotate(152deg) translateX(420px) scaleX(1); }
}
/* Language picker: a real <select> laid over a styled label (works in the prototype). */

.landing_surface__RfDzg .hero__copy { flex: 1; display: flex; flex-direction: column; padding: clamp(8px, 2vh, 28px) clamp(18px, 3vw, 36px) clamp(24px, 3.4vw, 40px); }
.landing_surface__RfDzg .hero__kicker { margin-top: auto; }
.landing_surface__RfDzg .hero__h { margin-bottom: auto !important; }
.landing_surface__RfDzg .hero__row { margin-top: clamp(28px, 5vh, 64px); }
.landing_surface__RfDzg .hero__kicker { font-family: var(--ui); font-weight: 600; font-size: clamp(16px, calc(9px + .55vw), 21px); color: #e3e9f0;   /* soft white: sky is kept for "talking" and the midnight line */ }
.landing_surface__RfDzg .hero__h { font-family: var(--display); font-weight: 600; font-size: clamp(46px, min(8vw, 12.5svh), 132px); line-height: .98; letter-spacing: -.03em; margin: 14px 0 28px; max-width: 15ch; text-wrap: balance; text-shadow: 0 2px 30px rgba(3,15,30,.45); }
.landing_surface__RfDzg .hero__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 40px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.22); }
/* first sentence of the lede — see hookLede() in main.js */
.landing_surface__RfDzg .lede-hook.is-done .lw { color: var(--sky); }
.landing_surface__RfDzg .lede-mid { position: relative; white-space: nowrap; }
.landing_surface__RfDzg .lede-line { position: absolute; left: -3%; bottom: -0.3em; width: 106%; height: 0.5em; overflow: visible; fill: none; stroke: var(--sky); stroke-width: 2.6; stroke-linecap: round; }
.landing_surface__RfDzg .lede-line path { stroke-dasharray: 1; stroke-dashoffset: 1; }
.landing_surface__RfDzg .lede-hook.is-done .lede-line path { stroke-dashoffset: 0; }
.landing_surface__RfDzg .hero__lede { max-width: 34em; font-size: clamp(17px, calc(10px + .6vw), 22px); line-height: 1.55; color: #e3e9f0; }
/* "Coming soon" and its line, with the one button to their right */
.landing_surface__RfDzg .hero__act { display: flex; align-items: center; gap: clamp(20px, 2.6vw, 40px); }
/* Short laptop screens (e.g. 1366×768 → ~657px of page): long market headlines wrap to four lines, so the headline
   scales with the height and the hero tightens — the "Coming soon" ask stays above the fold. Tall screens are unchanged. */
@media (min-width: 901px) and (max-height: 860px) {
  .landing_surface__RfDzg .hero__h { font-size: clamp(42px, min(7vw, 10svh), 120px); margin: 8px 0 18px; }
  .landing_surface__RfDzg .hero__row { margin-top: 16px; padding-top: 18px; }
  .landing_surface__RfDzg .hero__copy { padding-bottom: 22px; }
}
/* The hero's ask, in SendWork's own language — a voice note: a mic, the words, and now and then a
   waveform running through the button as if it were being spoken. "Coming soon" carries a small live
   voice-level meter. Paused while the hero is off-screen; still with reduced motion. */
.landing_surface__RfDzg .hero__claim { position: relative; isolation: isolate; overflow: hidden; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 14px;
  min-height: 58px; padding: 0 24px 0 7px; border-radius: 999px; background: var(--sky); color: var(--ink);
  font-family: var(--ui); font-weight: 800; font-size: clamp(15.5px, calc(9px + .45vw), 17.5px); text-decoration: none; white-space: nowrap;
  box-shadow: 0 12px 34px rgba(72,172,200,.28), inset 0 1px 0 rgba(255,255,255,.4); transition: transform .25s var(--ease), box-shadow .25s, background-color .2s; }
.landing_surface__RfDzg .hero__claim:hover { background: #63bcd4; transform: translateY(-1px); box-shadow: 0 16px 40px rgba(72,172,200,.38), inset 0 1px 0 rgba(255,255,255,.45); }
.landing_surface__RfDzg .hero__claim:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.landing_surface__RfDzg .claim__mic { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: var(--sky); }
.landing_surface__RfDzg .claim__mic svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.landing_surface__RfDzg .claim__mic svg rect { fill: currentColor; stroke: none; }
.landing_surface__RfDzg .claim__mic::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(3,15,30,.4); opacity: 0; animation: landing_sw-listen__Lvs2m 3.4s ease-out 1.2s infinite; }
.landing_surface__RfDzg .claim__arrow { transition: transform .25s var(--ease); }
.landing_surface__RfDzg .hero__claim .claim__arrow { font-family: "Plus Jakarta Sans", "SendWork Landing Inter", system-ui, sans-serif; }
.landing_surface__RfDzg .hero__claim:hover .claim__arrow { transform: translateX(4px); }
.landing_surface__RfDzg .claim__wave { position: absolute; z-index: -1; left: 56px; right: 14px; top: 9px; bottom: 9px; opacity: .16; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40' fill='%23030f1e'%3E%3Crect x='1' y='12' width='3' height='15' rx='1.5'/%3E%3Crect x='7' y='12' width='3' height='16' rx='1.5'/%3E%3Crect x='13' y='8' width='3' height='24' rx='1.5'/%3E%3Crect x='19' y='11' width='3' height='18' rx='1.5'/%3E%3Crect x='25' y='6' width='3' height='27' rx='1.5'/%3E%3Crect x='31' y='7' width='3' height='25' rx='1.5'/%3E%3Crect x='37' y='9' width='3' height='21' rx='1.5'/%3E%3Crect x='43' y='6' width='3' height='28' rx='1.5'/%3E%3Crect x='49' y='10' width='3' height='20' rx='1.5'/%3E%3Crect x='55' y='7' width='3' height='25' rx='1.5'/%3E%3Crect x='61' y='11' width='3' height='18' rx='1.5'/%3E%3Crect x='67' y='12' width='3' height='16' rx='1.5'/%3E%3Crect x='73' y='11' width='3' height='18' rx='1.5'/%3E%3Crect x='79' y='10' width='3' height='19' rx='1.5'/%3E%3Crect x='85' y='15' width='3' height='10' rx='1.5'/%3E%3Crect x='91' y='15' width='3' height='9' rx='1.5'/%3E%3Crect x='97' y='12' width='3' height='15' rx='1.5'/%3E%3Crect x='103' y='9' width='3' height='21' rx='1.5'/%3E%3Crect x='109' y='9' width='3' height='21' rx='1.5'/%3E%3Crect x='115' y='9' width='3' height='21' rx='1.5'/%3E%3Crect x='121' y='4' width='3' height='31' rx='1.5'/%3E%3Crect x='127' y='10' width='3' height='19' rx='1.5'/%3E%3Crect x='133' y='3' width='3' height='33' rx='1.5'/%3E%3Crect x='139' y='8' width='3' height='24' rx='1.5'/%3E%3Crect x='145' y='9' width='3' height='22' rx='1.5'/%3E%3Crect x='151' y='9' width='3' height='21' rx='1.5'/%3E%3Crect x='157' y='8' width='3' height='23' rx='1.5'/%3E%3Crect x='163' y='6' width='3' height='28' rx='1.5'/%3E%3Crect x='169' y='11' width='3' height='17' rx='1.5'/%3E%3Crect x='175' y='10' width='3' height='20' rx='1.5'/%3E%3Crect x='181' y='11' width='3' height='17' rx='1.5'/%3E%3Crect x='187' y='14' width='3' height='11' rx='1.5'/%3E%3Crect x='193' y='14' width='3' height='11' rx='1.5'/%3E%3Crect x='199' y='15' width='3' height='10' rx='1.5'/%3E%3Crect x='205' y='13' width='3' height='13' rx='1.5'/%3E%3Crect x='211' y='11' width='3' height='17' rx='1.5'/%3E%3Crect x='217' y='7' width='3' height='25' rx='1.5'/%3E%3Crect x='223' y='8' width='3' height='24' rx='1.5'/%3E%3Crect x='229' y='8' width='3' height='24' rx='1.5'/%3E%3Crect x='235' y='5' width='3' height='29' rx='1.5'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 45%, #000 55%, transparent); mask-image: linear-gradient(90deg, transparent, #000 45%, #000 55%, transparent);
  -webkit-mask-size: 45% 100%; mask-size: 45% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: -150% 0; mask-position: -150% 0;
  animation: landing_sw-speak__IhWFm 6.5s cubic-bezier(.45, 0, .3, 1) 1.6s infinite; }
.landing_surface__RfDzg .hero__claim:hover .claim__wave { opacity: .26; }
@keyframes landing_sw-listen__Lvs2m { 0% { opacity: .75; transform: scale(1); } 60%, 100% { opacity: 0; transform: scale(1.6); } }
@keyframes landing_sw-speak__IhWFm { 0% { -webkit-mask-position: -150% 0; mask-position: -150% 0; } 45%, 100% { -webkit-mask-position: 250% 0; mask-position: 250% 0; } }
.landing_surface__RfDzg .soon__lvl { display: inline-flex; align-items: center; gap: 2.5px; height: .8em; }
.landing_surface__RfDzg .soon__lvl i { width: 3px; height: 100%; border-radius: 2px; background: var(--sky); transform: scaleY(.5); animation: landing_sw-lvl__cRLJ_ 1.1s ease-in-out infinite alternate; }
.landing_surface__RfDzg .soon__lvl i:nth-child(2) { transform: scaleY(.9); animation-duration: .8s; animation-delay: -.3s; }
.landing_surface__RfDzg .soon__lvl i:nth-child(3) { transform: scaleY(.65); animation-duration: 1.3s; animation-delay: -.7s; }
.landing_surface__RfDzg .soon__lvl i:nth-child(4) { transform: scaleY(1); animation-duration: .9s; animation-delay: -.5s; }
.landing_surface__RfDzg .soon__lvl i:nth-child(5) { transform: scaleY(.4); animation-duration: 1.2s; animation-delay: -.2s; }
@keyframes landing_sw-lvl__cRLJ_ { from { transform: scaleY(.25); } to { transform: scaleY(1); } }
.landing_surface__RfDzg .hero.is-off .soon__lvl i, .landing_surface__RfDzg .hero.is-off .claim__wave, .landing_surface__RfDzg .hero.is-off .claim__mic::after { animation-play-state: paused; }
.landing_surface__RfDzg .soon { max-width: 26em; text-align: right; }
.landing_surface__RfDzg .soon__tag { display: inline-flex; align-items: center; gap: 10px; font-family: var(--ui); font-weight: 700; font-size: clamp(19px, calc(10px + .75vw), 28px); line-height: 1.2; color: var(--sky); }
.landing_surface__RfDzg .soon__text { margin-top: 6px; font-size: var(--fs-body); line-height: 1.45; color: #e3e9f0; }   /* prototype only — removed when live */

/* =========================================================
   STATEMENT — centred
   ========================================================= */
/* --h is the clock's hour (0 = midday … 7), set by JS as the line is read. It defaults to 7, so without JS
   and with reduced motion the section is shown as it ends: early dusk, stars still.
   It stops short of night on purpose: the workday section below carries the full night. */
.landing_surface__RfDzg .statement { --h: 7; --n: clamp(0, calc((var(--h) - 6.1) / .5), 1);   /* --n: how far night has fallen */
  position: relative; isolation: isolate; overflow: hidden; text-align: center; margin: var(--inset);   /* the same 10px break as the frames below, with or without the prototype strip */
  border-radius: var(--r); padding: clamp(80px, 11vw, 150px) var(--pad);
  /* tall enough that the clock always has clear sky above and below it; the line stays centred */
  min-height: calc(min(500px, 84vw) + clamp(110px, 14vw, 220px)); display: flex; flex-direction: column; justify-content: center;
  background: linear-gradient(180deg, #c9e0ee 0%, #e6ece9 46%, #fbe6c4 100%); }   /* early afternoon: clear sky over a warm haze */
/* Pinned (JS adds .is-pinned, never with reduced motion): the frame holds still, centred on the screen, while the scroll
   plays the clock and the sunset, rests a beat at dusk, then carries on. --sth is the frame's height (the clock plus
   clear sky above and below, never taller than the screen); the wrapper's extra 130svh is the pinned stretch. */
.landing_surface__RfDzg .stpin { --sth: min(calc(min(500px, 84vw) + clamp(110px, 14vw, 220px)), calc(100svh - 2 * var(--inset))); }
.landing_surface__RfDzg .stpin.is-pinned { height: calc(var(--sth) + 2 * var(--inset) + 130svh); padding: var(--inset); }
.landing_surface__RfDzg .stpin.is-pinned .statement { position: sticky; top: calc((100svh - var(--sth)) / 2); margin: 0; height: var(--sth); min-height: 0; }
.landing_surface__RfDzg .stpin.is-pinned .clock { width: min(500px, 84vw, calc(100svh - 150px)); }
.landing_surface__RfDzg .statement > .label, .landing_surface__RfDzg .statement > .statement__h { max-width: 1100px; margin-left: auto; margin-right: auto; }
.landing_surface__RfDzg .statement > .label { position: relative; color: color-mix(in srgb, #d5e0ec calc(var(--n) * 100%), var(--text-2)); }
.landing_surface__RfDzg .stsky, .landing_surface__RfDzg .stsky > * { position: absolute; inset: 0; pointer-events: none; }
.landing_surface__RfDzg .stsky { z-index: -2; container-type: size; }   /* cqw/cqh let the sun travel on the GPU, sized to the frame */
.landing_surface__RfDzg .stsky__gold, .landing_surface__RfDzg .stsky__set, .landing_surface__RfDzg .stsky__dusk, .landing_surface__RfDzg .stsky__stars, .landing_surface__RfDzg .clock { will-change: opacity; }   /* own layers: fading them is a blend, not a repaint */
.landing_surface__RfDzg .stsky__gold { background: linear-gradient(180deg, #ecd6b4 0%, #f6c98f 55%, #f3a96c 100%); opacity: clamp(0, calc((var(--h) - 2.5) / 2), 1); }    /* golden hour, toward five */
.landing_surface__RfDzg .stsky__set { background: linear-gradient(180deg, #7d6c9f 0%, #d98d9c 36%, #f19c6c 68%, #f7c27c 100%); opacity: clamp(0, calc((var(--h) - 4.6) / 1.4), 1); }   /* six: sunset */
.landing_surface__RfDzg .stsky__dusk { background: linear-gradient(180deg, #232c63 0%, #38407c 42%, #5d5590 74%, #8e6f9a 100%); opacity: clamp(0, calc((var(--h) - 6) / .8), 1); }   /* seven: early dusk, a violet-blue with the afterglow low down, lighter than the hero's ink and the navy card */
.landing_surface__RfDzg .stsky__sun { inset: auto; left: 64%; top: 14%; width: min(64vw, 760px); aspect-ratio: 1; border-radius: 50%; will-change: transform, opacity;
  transform: translate(-50%, -50%) translate(calc(var(--h) * 2.4cqw), calc(var(--h) * 13.5cqh));
  background: radial-gradient(circle, rgba(255, 250, 230, .95) 0, rgba(255, 228, 165, .8) 3%, rgba(255, 196, 120, .45) 10%, rgba(255, 160, 90, .18) 28%, rgba(255, 140, 80, 0) 60%);
  opacity: calc(1 - clamp(0, calc((var(--h) - 5.7) / .8), 1)); }   /* crosses the sky and sets just after six */
.landing_surface__RfDzg .stsky__stars { opacity: calc(.75 * clamp(0, calc((var(--h) - 6.3) / .7), 1));   /* the first stars only, and none in the afterglow */
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 40%, transparent 78%); mask-image: linear-gradient(180deg, #000 0, #000 40%, transparent 78%);
  background-image: radial-gradient(1.4px 1.4px at 12% 22%, #fff 50%, transparent), radial-gradient(1px 1px at 27% 64%, #fff 50%, transparent), radial-gradient(1.6px 1.6px at 41% 38%, #fff 50%, transparent),
    radial-gradient(1px 1px at 56% 78%, #fff 50%, transparent), radial-gradient(1.3px 1.3px at 68% 30%, #fff 50%, transparent), radial-gradient(1px 1px at 83% 58%, #fff 50%, transparent),
    radial-gradient(1.5px 1.5px at 92% 18%, #fff 50%, transparent), radial-gradient(1px 1px at 6% 82%, #fff 50%, transparent), radial-gradient(1.2px 1.2px at 35% 90%, #fff 50%, transparent);
  background-size: 560px 380px; }
.landing_surface__RfDzg .stsky__stars::after { content: ""; position: absolute; inset: 0; background: inherit; background-size: 390px 290px; background-position: 140px 70px; animation: landing_sw-twinkle__uUzc4 3.8s ease-in-out infinite alternate; }
/* a few brighter stars twinkle on their own beats — in the statement's sky and the workday's night */
.landing_surface__RfDzg .stsky__stars > b, .landing_surface__RfDzg .evesky__stars > b, .landing_surface__RfDzg .hero__starfield > b { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; }
.landing_surface__RfDzg .stsky__stars > b::before, .landing_surface__RfDzg .evesky__stars > b::before, .landing_surface__RfDzg .hero__starfield > b::before { content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; transform: translate(-50%, -50%); border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.75) 0, rgba(255,255,255,0) 60%); animation: landing_sw-star__Y2fpi 2.6s ease-in-out infinite; }
.landing_surface__RfDzg :is(.stsky__stars, .evesky__stars, .hero__starfield) > b:nth-child(2)::before { animation-duration: 3.4s; animation-delay: -1.1s; }
.landing_surface__RfDzg :is(.stsky__stars, .evesky__stars, .hero__starfield) > b:nth-child(3)::before { animation-duration: 2.2s; animation-delay: -.6s; }
.landing_surface__RfDzg :is(.stsky__stars, .evesky__stars, .hero__starfield) > b:nth-child(4)::before { animation-duration: 3.1s; animation-delay: -2s; }
.landing_surface__RfDzg :is(.stsky__stars, .evesky__stars, .hero__starfield) > b:nth-child(5)::before { animation-duration: 2.8s; animation-delay: -1.5s; }
.landing_surface__RfDzg :is(.stsky__stars, .evesky__stars, .hero__starfield) > b:nth-child(6)::before { animation-duration: 3.7s; animation-delay: -.3s; }
.landing_surface__RfDzg :is(.stsky__stars, .evesky__stars, .hero__starfield) > b:nth-child(7)::before { animation-duration: 2.4s; animation-delay: -1.8s; }
.landing_surface__RfDzg :is(.stsky__stars, .evesky__stars, .hero__starfield) > b:nth-child(8)::before { animation-duration: 3.2s; animation-delay: -.9s; }
/* statement: kept to the edges, clear of the line */
.landing_surface__RfDzg .stsky__stars > b:nth-child(1) { left: 7%; top: 16%; }  .landing_surface__RfDzg .stsky__stars > b:nth-child(2) { left: 18%; top: 72%; }
.landing_surface__RfDzg .stsky__stars > b:nth-child(3) { left: 30%; top: 9%; }  .landing_surface__RfDzg .stsky__stars > b:nth-child(4) { left: 71%; top: 12%; }
.landing_surface__RfDzg .stsky__stars > b:nth-child(5) { left: 86%; top: 34%; } .landing_surface__RfDzg .stsky__stars > b:nth-child(6) { left: 93%; top: 80%; }
.landing_surface__RfDzg .stsky__stars > b:nth-child(7) { left: 4%; top: 52%; }  .landing_surface__RfDzg .stsky__stars > b:nth-child(8) { left: 62%; top: 88%; }
.landing_surface__RfDzg .stsky__stars > b:nth-child(2), .landing_surface__RfDzg .stsky__stars > b:nth-child(6), .landing_surface__RfDzg .stsky__stars > b:nth-child(8) { display: none; }   /* low in the sky: still afterglow at dusk */
/* workday: the night half, mostly in the margins beside the timeline */
.landing_surface__RfDzg .evesky__stars > b:nth-child(1) { left: 4%; top: 14%; }  .landing_surface__RfDzg .evesky__stars > b:nth-child(2) { left: 95%; top: 22%; }
.landing_surface__RfDzg .evesky__stars > b:nth-child(3) { left: 8%; top: 46%; }  .landing_surface__RfDzg .evesky__stars > b:nth-child(4) { left: 91%; top: 54%; }
.landing_surface__RfDzg .evesky__stars > b:nth-child(5) { left: 3%; top: 70%; }  .landing_surface__RfDzg .evesky__stars > b:nth-child(6) { left: 97%; top: 84%; }
.landing_surface__RfDzg .evesky__stars > b:nth-child(7) { left: 22%; top: 94%; }
@keyframes landing_sw-star__Y2fpi { 0%, 100% { opacity: .15; transform: translate(-50%, -50%) scale(.5); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); } }
/* Midday to seven: a faint clock behind the line runs as it's read (JS), then fades. Off without JS and with reduced motion. */
.landing_surface__RfDzg .clock { position: absolute; left: 50%; top: 50%; z-index: -1; width: min(500px, 84vw); aspect-ratio: 1; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; }
.landing_surface__RfDzg .clock svg { display: block; width: 100%; height: 100%; overflow: visible; }
.landing_surface__RfDzg .clock__face { fill: rgba(255, 205, 140, .2); stroke: rgba(11, 55, 108, .14); stroke-width: 1.5; }
.landing_surface__RfDzg .clock__dusk { fill: rgba(72, 172, 200, .16); opacity: 0; }
.landing_surface__RfDzg .clock__ticks line { stroke: color-mix(in srgb, rgba(255, 255, 255, .4) calc(var(--n) * 100%), rgba(11, 55, 108, .26)); stroke-width: 2.2; stroke-linecap: round; }
.landing_surface__RfDzg .clock__h { stroke: color-mix(in srgb, rgba(255, 255, 255, .55) calc(var(--n) * 100%), rgba(11, 55, 108, .42)); stroke-width: 7; stroke-linecap: round; }
.landing_surface__RfDzg .clock__m { stroke: rgba(72, 172, 200, .7); stroke-width: 3.5; stroke-linecap: round; }
.landing_surface__RfDzg .clock__pin { fill: var(--navy); opacity: .55; }
.landing_surface__RfDzg .statement__h { margin-top: 18px; font-family: var(--display); font-weight: 600; font-size: clamp(36px, 5.4vw, 76px); line-height: 1.04; letter-spacing: -.025em; color: color-mix(in srgb, #f3f6fa calc(var(--n) * 100%), var(--navy)); text-wrap: balance; }

/* =========================================================
   PAIR — brand card + rounded photo
   ========================================================= */
.landing_surface__RfDzg .pair { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--inset); padding: 0 var(--inset); }
.landing_surface__RfDzg .pair__card { background: var(--navy); color: var(--on-ink); border-radius: var(--r); padding: clamp(28px, 3.6vw, 48px); display: flex; flex-direction: column; }
.landing_surface__RfDzg .pair__h { font-family: var(--display); font-weight: 600; font-size: clamp(28px, 2.5vw, 52px); line-height: 1.1; letter-spacing: -.015em; }
.landing_surface__RfDzg .pair__body { margin-top: 18px; color: #d5e0ec; font-size: var(--fs-body); }
.landing_surface__RfDzg .pair__list { margin-top: 22px; border-top: 1px solid var(--line-ink); }
.landing_surface__RfDzg .pair__list li { padding: clamp(14px, 1vw, 20px) 0; border-bottom: 1px solid var(--line-ink); font-size: var(--fs-body); color: #d5e0ec; }
.landing_surface__RfDzg .pair__list b { color: var(--white); font-weight: 600; }
.landing_surface__RfDzg .pair__end { margin-top: auto; padding-top: 28px; font-family: var(--display); font-weight: 600; font-size: clamp(21px, 1.6vw, 32px); line-height: 1.25; color: var(--white); }
.landing_surface__RfDzg .pair__photo { position: relative; border-radius: var(--r); overflow: hidden; min-height: clamp(520px, 38vw, 820px); }
.landing_surface__RfDzg .pair__photo img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: var(--pos, 50% 40%); object-position: var(--pos, 50% 40%); }

/* =========================================================
   EXPERIENCE — concept section
   ========================================================= */
.landing_surface__RfDzg .exp { padding: clamp(90px, 11vw, 150px) var(--pad) clamp(70px, 8vw, 110px); }
.landing_surface__RfDzg .exp__in { max-width: var(--max); margin: 0 auto; }
.landing_surface__RfDzg .exp__head { max-width: 760px; }
.landing_surface__RfDzg .exp__head .h2 { margin-top: 14px; }
.landing_surface__RfDzg .exp__sub { margin-top: 18px; font-size: clamp(18px, calc(10px + .65vw), 23px); color: var(--text-2); max-width: 34em; }

.landing_surface__RfDzg .exp__stage { display: grid; grid-template-columns: clamp(176px, 12vw, 236px) minmax(0, 1fr); gap: clamp(28px, 2vw, 40px); align-items: center; margin-top: 52px; }
.landing_surface__RfDzg .scraps { display: flex; flex-direction: column; gap: 14px; }
.landing_surface__RfDzg .scraps__label { font-size: 13.5px; color: var(--text-2); }
.landing_surface__RfDzg .scrap { position: relative; text-align: left; width: clamp(160px, 11vw, 214px); min-height: clamp(86px, 6vw, 116px); padding: 14px 16px; border-radius: 3px; background: #fbf7ec; color: #23272e; font-size: clamp(22px, 1.45vw, 29px); line-height: 1.08; box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 10px 22px -14px rgba(3,15,30,.45); transition: transform .3s var(--ease), box-shadow .3s; }
.landing_surface__RfDzg .scrap:nth-of-type(1) { transform: rotate(-2deg); }
.landing_surface__RfDzg .scrap:nth-of-type(2) { transform: rotate(2.5deg) translateX(8px); }
.landing_surface__RfDzg .scrap:nth-of-type(3) { transform: rotate(-1.5deg); }
.landing_surface__RfDzg .scrap:hover { box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 16px 28px -14px rgba(3,15,30,.55); }
.landing_surface__RfDzg .scrap[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--sky), 0 16px 28px -14px rgba(3,15,30,.55); }
.landing_surface__RfDzg .hand { font-family: var(--hand); font-weight: 600; }

.landing_surface__RfDzg .panel { background: var(--ink); color: var(--on-ink); border-radius: var(--r); padding: 18px 22px 24px; }
.landing_surface__RfDzg .panel__top { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--line-ink); }
.landing_surface__RfDzg .panel__label { font-size: var(--fs-sm); font-weight: 500; color: var(--on-ink-2); }
.landing_surface__RfDzg .panel__status { font-size: var(--fs-sm); color: var(--on-ink-2); }
.landing_surface__RfDzg .panel.is-playing .panel__status { color: var(--sky); }
.landing_surface__RfDzg .panel__meta { display: flex; align-items: center; gap: 16px; }
.landing_surface__RfDzg .panel__auto { white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line-ink); font-family: var(--ui); font-weight: 700; font-size: var(--fs-sm); color: var(--on-ink-2); }
.landing_surface__RfDzg .panel__auto::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: .5; }
.landing_surface__RfDzg .panel__auto[aria-pressed="true"] { color: var(--sky); border-color: rgba(72,172,200,.45); }
.landing_surface__RfDzg .panel__auto[aria-pressed="true"]::before { opacity: 1; }
.landing_surface__RfDzg .panel__auto:hover { border-color: var(--sky); }

.landing_surface__RfDzg .panel__body { display: grid; grid-template-columns: minmax(0, 1.25fr) 52px minmax(0, .95fr) minmax(0, .8fr); gap: 0 14px; align-items: center; padding-top: 22px; }
.landing_surface__RfDzg .voice { display: grid; grid-template-columns: clamp(92px, 6.2vw, 116px) minmax(0, 1fr); gap: 0 16px; align-items: center; }
.landing_surface__RfDzg .mic { width: clamp(88px, 6vw, 112px); height: clamp(88px, 6vw, 112px); border-radius: 50%; display: grid; place-items: center; color: var(--white); background: var(--navy); border: 2px solid var(--sky); transition: background .2s; }
.landing_surface__RfDzg .mic svg { width: 28px; height: 28px; }
.landing_surface__RfDzg .mic:hover { background: #10467f; }
.landing_surface__RfDzg .panel.is-playing .mic { animation: landing_pulse__zJLWH 1.2s var(--ease) infinite; }
@keyframes landing_pulse__zJLWH { 0%,100% { box-shadow: 0 0 0 0 rgba(72,172,200,.45); } 50% { box-shadow: 0 0 0 12px rgba(72,172,200,0); } }
.landing_surface__RfDzg .wave-wrap { position: relative; min-width: 0; }
.landing_surface__RfDzg .mic-hint { position: absolute; inset: 0; display: flex; align-items: center; gap: 10px; white-space: nowrap; font-family: var(--ui); font-weight: 700; font-size: clamp(15px, 1vw, 19px); color: var(--white); opacity: 0; pointer-events: none; transition: opacity .3s; }
.landing_surface__RfDzg .mic-hint__arrow { color: var(--sky); font-size: 1.3em; }
.landing_surface__RfDzg .mic-hint__tap { display: none; }
@media (hover: none) { .landing_surface__RfDzg .mic-hint__click { display: none; } .landing_surface__RfDzg .mic-hint__tap { display: inline; } }
@media (max-width: 400px) { .landing_surface__RfDzg .mic-hint { white-space: normal; line-height: 1.25; font-size: 14.5px; } }   /* long hints (es, pt) wrap rather than widen narrow screens */
.landing_surface__RfDzg .panel.is-manual:not(.is-playing) .mic-hint { opacity: 1; }
.landing_surface__RfDzg .panel.is-manual:not(.is-playing) .wave { opacity: .18; }
.landing_surface__RfDzg .panel.is-manual:not(.is-playing) .mic { animation: landing_nudge__Xi6EH 2.4s ease-in-out infinite; }
@keyframes landing_nudge__Xi6EH { 0%, 100% { box-shadow: 0 0 0 0 rgba(72,172,200,.4); } 50% { box-shadow: 0 0 0 10px rgba(72,172,200,0); } }
.landing_surface__RfDzg .wave { transition: opacity .3s; height: 64px; display: flex; align-items: center; gap: 3px; min-width: 0; overflow: hidden; }
.landing_surface__RfDzg .wave i { flex: 1; min-width: 2px; max-width: 3px; border-radius: 2px; background: var(--sky); height: calc(var(--h) * 1%); transform-origin: center; }
.landing_surface__RfDzg .quote { grid-column: 1 / -1; margin-top: 22px; font-family: var(--display); font-weight: 500; font-size: clamp(19px, 1.5vw, 29px); line-height: 1.35; color: var(--white); min-height: 4.1em; }
.landing_surface__RfDzg .quote .w { transition: opacity .2s; }
.landing_surface__RfDzg .panel.is-typing .quote .w:not(.on) { opacity: .16; }
.landing_surface__RfDzg .quote mark { background: transparent; color: inherit; text-decoration: underline; text-decoration-color: rgba(72,172,200,.55); text-decoration-thickness: 2px; text-underline-offset: 5px; border-radius: 3px; transition: background .25s, text-decoration-color .25s; }
.landing_surface__RfDzg .panel.is-typing .quote mark:not(.said) { text-decoration-color: transparent; }
.landing_surface__RfDzg .quote mark.lit { background: rgba(72,172,200,.2); text-decoration-color: var(--sky); }
.landing_surface__RfDzg .voice__play { grid-column: 1 / -1; justify-self: start; margin-top: 14px; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-family: var(--ui); font-weight: 700; font-size: 14.5px; color: var(--sky); }
.landing_surface__RfDzg .voice__play:hover .voice__play-label { text-decoration: underline; text-underline-offset: 4px; }

.landing_surface__RfDzg .links { width: 52px; height: 100%; align-self: stretch; overflow: visible; }
.landing_surface__RfDzg .links path { fill: none; stroke: rgba(72,172,200,.6); stroke-width: 1.3; }
.landing_surface__RfDzg .panel.is-typing .links path:not(.on) { opacity: 0; }

.landing_surface__RfDzg .outs { display: grid; gap: 10px; }
.landing_surface__RfDzg .panel.is-typing .out:not(.in) { opacity: 0; }
.landing_surface__RfDzg .out__btn { width: 100%; display: grid; grid-template-columns: 26px minmax(0, 1fr) 12px; gap: 12px; align-items: center; min-height: 62px; padding: 10px 14px; text-align: left; border-radius: 10px; background: #0a1d33; border: 1px solid var(--line-ink); transition: border-color .2s, background .2s; }
.landing_surface__RfDzg .out__btn:hover, .landing_surface__RfDzg .out__btn.lit { border-color: var(--sky); background: #0d2742; }
.landing_surface__RfDzg .out__icon svg { width: 22px; height: 22px; display: block; color: var(--sky); }
.landing_surface__RfDzg .out__name { display: block; font-family: var(--ui); font-weight: 700; font-size: clamp(14.5px, .95vw, 18.5px); color: var(--white); }
.landing_surface__RfDzg .out__state { display: block; font-size: var(--fs-sm); color: var(--on-ink-2); }
.landing_surface__RfDzg .out__state.ok { color: #8fe3b0; }
.landing_surface__RfDzg .out__chev { color: var(--on-ink-2); }

.landing_surface__RfDzg .await { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding-left: 18px; border-left: 1px solid var(--line-ink); }
.landing_surface__RfDzg .await__h { font-family: var(--display); font-weight: 600; font-size: clamp(22px, 1.5vw, 30px); line-height: 1.15; color: var(--white); }
.landing_surface__RfDzg .await__count { margin: 6px 0 16px; font-size: var(--fs-sm); color: var(--on-ink-2); }
.landing_surface__RfDzg .await__fine { margin-top: 12px; font-size: var(--fs-sm); line-height: 1.45; color: var(--on-ink-2); }
.landing_surface__RfDzg .review__h { font-family: var(--display); font-weight: 600; font-size: 19px; color: var(--white); outline: none; }
.landing_surface__RfDzg .review__list { margin-top: 6px; }
.landing_surface__RfDzg .review__item { padding: 10px 0; border-bottom: 1px solid var(--line-ink); }
.landing_surface__RfDzg .review__name { font-size: var(--fs-sm); line-height: 1.4; color: var(--white); }
.landing_surface__RfDzg .review__acts { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.landing_surface__RfDzg .chipbtn { min-height: 36px; padding: 0 12px; border-radius: 8px; font-family: var(--ui); font-size: 13px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); color: var(--white); }
.landing_surface__RfDzg .chipbtn--go { background: var(--sky); border-color: var(--sky); color: var(--ink); }
.landing_surface__RfDzg .review__done { font-size: 13px; color: #8fe3b0; margin-top: 4px; }
.landing_surface__RfDzg .review__fine { margin-top: 10px; font-size: 12.5px; line-height: 1.45; color: var(--on-ink-2); }

.landing_surface__RfDzg .exp__ask { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 24px; margin-top: 34px; padding: 22px clamp(18px, 3vw, 32px); border-radius: 14px; background: var(--white); border: 1px solid var(--line); }
.landing_surface__RfDzg .exp__ask-t { font-family: var(--display); font-weight: 600; font-size: clamp(22px, 1.9vw, 32px); line-height: 1.2; color: var(--navy); text-align: center; text-wrap: balance; }
.landing_surface__RfDzg .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 34px; padding-left: 204px; }
.landing_surface__RfDzg .steps li { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; -moz-column-gap: 14px; column-gap: 14px; align-items: start; }
.landing_surface__RfDzg .steps__n { grid-row: span 2; font-family: var(--display); font-weight: 600; font-size: 30px; line-height: 1; color: var(--sky-deep); }
.landing_surface__RfDzg .steps__t { font-family: var(--ui); font-weight: 700; font-size: clamp(16px, 1.05vw, 21px); color: var(--navy); }
.landing_surface__RfDzg .steps__d { font-size: var(--fs-body); color: var(--text-2); line-height: 1.45; }
.landing_surface__RfDzg .caps { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--line); text-align: center; font-size: var(--fs-sm); color: var(--text-2); }

/* =========================================================
   WORKDAY — before / after evening
   ========================================================= */
.landing_surface__RfDzg .day { position: relative; isolation: isolate; overflow: hidden; padding: clamp(40px, 6vw, 80px) var(--inset) clamp(80px, 10vw, 130px);
  /* the evening falls down the section: late afternoon at the heading, night by the note at the foot */
  background: linear-gradient(180deg, var(--light) 0%, #f6eee6 8%, #f0dccb 20%, #d7bfbb 34%, #8f8aa3 50%, #3f4d76 66%, #13284c 82%, #030f1e 100%); }
.landing_surface__RfDzg .evesky { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14%); mask-image: linear-gradient(180deg, transparent 0, #000 14%); }
.landing_surface__RfDzg .evesky__sun { position: absolute; left: 80%; top: 14%; width: min(70vw, 900px); aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(255, 214, 150, .62) 0, rgba(255, 180, 110, .3) 18%, rgba(255, 160, 100, .1) 40%, rgba(255, 150, 90, 0) 64%); }
.landing_surface__RfDzg .evesky__stars { position: absolute; left: 0; right: 0; top: 52%; bottom: 0;
  background-image: radial-gradient(1.4px 1.4px at 12% 22%, #fff 50%, transparent), radial-gradient(1px 1px at 27% 64%, #fff 50%, transparent), radial-gradient(1.6px 1.6px at 41% 38%, #fff 50%, transparent),
    radial-gradient(1px 1px at 56% 78%, #fff 50%, transparent), radial-gradient(1.3px 1.3px at 68% 30%, #fff 50%, transparent), radial-gradient(1px 1px at 83% 58%, #fff 50%, transparent),
    radial-gradient(1.5px 1.5px at 92% 18%, #fff 50%, transparent), radial-gradient(1px 1px at 6% 82%, #fff 50%, transparent), radial-gradient(1.2px 1.2px at 35% 90%, #fff 50%, transparent);
  background-size: 640px 420px; }
.landing_surface__RfDzg .evesky__stars::after { content: ""; position: absolute; inset: 0; background: inherit; background-size: 410px 300px; background-position: 120px 60px; opacity: .7; animation: landing_sw-twinkle__uUzc4 3.4s ease-in-out infinite alternate; }
@keyframes landing_sw-twinkle__uUzc4 { from { opacity: .1; } to { opacity: 1; } }
.landing_surface__RfDzg .evesky__moon { position: absolute; left: 9%; top: 76%; width: 46px; height: 46px; border-radius: 50%; box-shadow: inset -12px 7px 0 0 #f3ead6; filter: drop-shadow(0 0 14px rgba(243, 234, 214, .45)); }
.landing_surface__RfDzg .day__h { position: relative; }
.landing_surface__RfDzg .eve__row .eve__time { transition: color .5s var(--ease); }
.landing_surface__RfDzg .eve__row.is-now .eve__time { color: var(--sky-deep); }
.landing_surface__RfDzg .day__h { max-width: 980px; margin: 0 auto 28px; padding: 0 var(--pad); text-align: center; font-family: var(--display); font-weight: 600; font-size: clamp(34px, 4.6vw, 64px); line-height: 1.05; letter-spacing: -.022em; color: var(--navy); text-wrap: balance; }
.landing_surface__RfDzg .switch { display: flex; width: -moz-fit-content; width: fit-content; margin: 0 auto clamp(32px, 4vw, 52px); padding: 4px; gap: 4px; border-radius: 999px; background: var(--panel-light); border: 1px solid var(--line); }
.landing_surface__RfDzg .switch__btn { min-height: 46px; padding: 0 clamp(16px, 1.6vw, 26px); border-radius: 999px; font-family: var(--ui); font-weight: 700; font-size: clamp(14.5px, .95vw, 18px); color: var(--text-2); transition: background-color .25s, color .25s; }
.landing_surface__RfDzg .switch__btn[aria-pressed="true"] { background: var(--navy); color: var(--white); }
.landing_surface__RfDzg .switch__btn:not([aria-pressed="true"]):hover { color: var(--navy); }

.landing_surface__RfDzg .eve { max-width: calc(var(--max) + 2 * var(--pad)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--inset); }
.landing_surface__RfDzg .eve__board { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: clamp(22px, 3vw, 44px); }
/* Board height is locked (JS) to the taller of the two modes, so switching never resizes the section;
   the shorter mode shares the spare space evenly between its rows. */
.landing_surface__RfDzg .eve__rows { flex: 1; display: flex; flex-direction: column; }
.landing_surface__RfDzg .eve__rows > .eve__row { flex: 1 1 auto; }
.landing_surface__RfDzg .eve__title { font-size: var(--fs-sm); color: var(--text-2); margin-bottom: 8px; }
.landing_surface__RfDzg .eve__title-boss, .landing_surface__RfDzg .eve[data-mode="boss"] .eve__title-alone { display: none; }
.landing_surface__RfDzg .eve[data-mode="boss"] .eve__title-boss { display: inline; }
.landing_surface__RfDzg .eve__row { display: grid; grid-template-columns: clamp(96px, 8vw, 140px) minmax(0, 1fr); gap: 16px; align-items: start; padding: 14px 0; border-top: 1px solid var(--line); }
.landing_surface__RfDzg .eve__time { font-family: var(--display); font-weight: 600; font-size: clamp(24px, 1.9vw, 34px); line-height: 1.1; color: var(--navy); white-space: nowrap; }
.landing_surface__RfDzg .eve__time small { font-family: var(--ui); font-size: 12px; font-weight: 700; color: var(--text-2); }
.landing_surface__RfDzg .eve__slot { display: flex; flex-direction: column; gap: 8px; min-height: 46px; justify-content: center; }
.landing_surface__RfDzg .ecard { display: grid; gap: 2px; padding: 10px 14px; border-radius: 10px; background: #fbf7ec; border: 1px solid rgba(11,55,108,.12); }
.landing_surface__RfDzg .ecard__k { font-family: var(--ui); font-weight: 700; font-size: 12.5px; color: #9a4a1c; }
.landing_surface__RfDzg .ecard__t { font-size: var(--fs-body); font-weight: 600; color: var(--text); line-height: 1.35; }
.landing_surface__RfDzg .ecard__s { display: none; font-family: var(--ui); font-weight: 700; font-size: 13px; color: var(--sky-deep); }
.landing_surface__RfDzg .ecard__s::before { content: "✓ "; }
.landing_surface__RfDzg .ecard--job { background: var(--navy); border-color: var(--navy); }
.landing_surface__RfDzg .ecard--job .ecard__t { color: var(--white); }
/* "Like the boss": the four paperwork notes become ticked lines on one notepad sheet at 4 pm. */
.landing_surface__RfDzg .eve__pad { display: none; position: relative; padding: 4px 0 6px; border-radius: 6px 6px 10px 10px; background: #fffdf6; border: 1px solid #ebe2cc; box-shadow: 0 1px 0 #f4ecd9, 0 3px 0 -1px #fffdf6, 0 3px 0 0 #ebe2cc, 0 10px 22px -12px rgba(3,15,30,.25); }
.landing_surface__RfDzg .eve__pad::before { content: ""; position: absolute; top: 0; bottom: 0; left: 40px; width: 1px; background: rgba(200,86,62,.35); }   /* margin line */
.landing_surface__RfDzg .eve[data-mode="boss"] .eve__pad { display: block; }
.landing_surface__RfDzg .eve__pad-h { padding: 6px 14px 4px 52px; font-family: var(--hand); font-weight: 600; font-size: clamp(21px, 1.5vw, 26px); line-height: 1.2; color: var(--sky-deep); border-bottom: 1px solid rgba(11,55,108,.13); }
.landing_surface__RfDzg .eve__pad .ecard { position: relative; gap: 1px; padding: 9px 14px 9px 52px; background: transparent; border: 0; border-bottom: 1px solid rgba(11,55,108,.13); border-radius: 0; }
.landing_surface__RfDzg .eve__pad .ecard:last-child { border-bottom: 0; }
.landing_surface__RfDzg .eve__pad .ecard::before { content: ""; position: absolute; left: 13px; top: 12px; width: 18px; height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M2.5 9.5c1.6 1.2 3 2.7 4.2 4.6C8.9 9 11.8 5.1 15.8 2.6' fill='none' stroke='%231f7a96' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }
.landing_surface__RfDzg .eve__pad .ecard__k { display: none; }
.landing_surface__RfDzg .eve__pad .ecard__t { color: var(--navy); }
.landing_surface__RfDzg .eve__pad .ecard__s { display: block; font-weight: 600; color: var(--text-2); }
.landing_surface__RfDzg .eve__pad .ecard__s::before { content: none; }
.landing_surface__RfDzg .eve__free { display: none; font-family: var(--display); font-weight: 600; font-style: italic; font-size: clamp(20px, 1.5vw, 26px); color: var(--sky-deep); }
.landing_surface__RfDzg .eve[data-mode="boss"] .eve__free { display: block; }
.landing_surface__RfDzg .eve__row--job .eve__time { color: var(--sky-deep); }

.landing_surface__RfDzg .eve__photo { position: relative; border-radius: var(--r); overflow: hidden; min-height: 460px; background: var(--ink); }
.landing_surface__RfDzg .eve__img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: opacity .8s var(--ease); }
.landing_surface__RfDzg .eve__img--alone { -o-object-position: var(--pos, 55% 40%); object-position: var(--pos, 55% 40%); }
.landing_surface__RfDzg .eve__img--boss { -o-object-position: var(--pos, 50% 35%); object-position: var(--pos, 50% 35%); opacity: 0; }
.landing_surface__RfDzg .eve[data-mode="boss"] .eve__img--boss { opacity: 1; }
.landing_surface__RfDzg .eve[data-mode="boss"] .eve__img--alone { opacity: 0; }
.landing_surface__RfDzg .eve__photo figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 70px clamp(20px, 2.4vw, 32px) clamp(20px, 2.4vw, 30px); background: linear-gradient(0deg, rgba(3,15,30,.92), rgba(3,15,30,.55) 55%, rgba(3,15,30,0)); color: var(--white); }
.landing_surface__RfDzg .eve__cap h3 { font-family: var(--display); font-weight: 600; font-size: clamp(22px, 1.8vw, 32px); line-height: 1.15; }
.landing_surface__RfDzg .eve__cap p { margin-top: 6px; font-size: var(--fs-body); color: #dfe7ef; }
.landing_surface__RfDzg .eve__cap--boss, .landing_surface__RfDzg .eve[data-mode="boss"] .eve__cap--alone { display: none; }
.landing_surface__RfDzg .eve[data-mode="boss"] .eve__cap--boss { display: block; }
.landing_surface__RfDzg .eve__note { max-width: var(--max); margin: 18px auto 0; text-align: center; font-size: var(--fs-sm); color: #c9d3df; padding: 0 var(--pad); }   /* on the night sky */
/* Appears once the evening flips to "like the boss". */
.landing_surface__RfDzg .eve__cta { display: flex; justify-content: center; margin: 22px auto 0; padding: 0 var(--pad); transition: opacity .5s var(--ease), transform .5s var(--ease), visibility 0s; }
.landing_surface__RfDzg.js .eve[data-mode="alone"] ~ .eve__cta { opacity: 0; transform: translateY(10px); visibility: hidden; transition: opacity .3s, transform .3s, visibility 0s .3s; }

/* Wide screens: floating bar once the hero has gone — pill follows the section, line fills with progress. */
@media (max-width: 900px) { }

/* Phones: slim early-access bar (shown from the 640px breakpoint down). */

/* trade picker */
.landing_surface__RfDzg .trade { display: none; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-top: 24px; }
.landing_surface__RfDzg.js .trade { display: flex; }
.landing_surface__RfDzg .trade__label { font-family: var(--ui); font-weight: 600; font-size: var(--fs-body); color: var(--navy); }
.landing_surface__RfDzg .trade__select { position: relative; max-width: 100%; }
.landing_surface__RfDzg .trade__select::after { content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--navy); border-bottom: 2px solid var(--navy); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.landing_surface__RfDzg .trade select { -moz-appearance: none; appearance: none; -webkit-appearance: none; max-width: 100%; min-height: 48px; padding: 0 44px 0 16px; border-radius: 10px; border: 1px solid rgba(11,55,108,.3); background: var(--white); font-family: var(--ui); font-weight: 700; font-size: clamp(15px, 1vw, 19px); color: var(--navy); cursor: pointer; }
.landing_surface__RfDzg .trade select:hover { border-color: var(--navy); }

/* =========================================================
   DUSK — inset frame
   ========================================================= */
.landing_surface__RfDzg .dusk { padding: 0 var(--inset); background: linear-gradient(180deg, #030f1e 0%, #030f1e 45%, var(--light) 100%); }
.landing_surface__RfDzg .dusk__frame { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r); min-height: clamp(560px, 46vw, 940px); display: flex; align-items: flex-end; justify-content: flex-end; color: var(--on-ink); background: var(--ink); }
.landing_surface__RfDzg .dusk__img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: var(--pos, 30% 12%); object-position: var(--pos, 30% 12%); z-index: -2; }
.landing_surface__RfDzg .dusk__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(270deg, rgba(3,15,30,.85) 0%, rgba(3,15,30,.55) 34%, rgba(3,15,30,0) 62%); }
.landing_surface__RfDzg .dusk__copy { max-width: 500px; padding: clamp(28px, 4vw, 56px); }
.landing_surface__RfDzg .dusk__h { font-family: var(--display); font-weight: 600; font-size: clamp(42px, 5.4vw, 80px); line-height: 1; letter-spacing: -.025em; text-wrap: balance; }
.landing_surface__RfDzg .dusk__sub { margin: 18px 0 26px; font-size: 18px; color: #e3e9f0; }

/* =========================================================
   MARKETS — row list
   ========================================================= */
/* =========================================================
   LOCAL — market pages only: currency, payments, records, offline, voice
   ========================================================= */
.landing_surface__RfDzg .local { max-width: var(--max); margin: 0 auto; padding: clamp(90px, 11vw, 150px) var(--pad) 0; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 30px clamp(36px, 6vw, 90px); align-items: start; }
.landing_surface__RfDzg .local__head .h2 { margin-top: 14px; }
.landing_surface__RfDzg .local__tag { display: inline-flex; margin-top: 22px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(31,122,150,.4); background: var(--white); font-family: var(--ui); font-weight: 700; font-size: clamp(14.5px, calc(9px + .4vw), 17px); color: var(--navy); }
.landing_surface__RfDzg .local__tlabel { margin-top: 28px; font-size: var(--fs-sm); color: var(--text-2); }
.landing_surface__RfDzg .local__trades { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.landing_surface__RfDzg .local__trades li { padding: 6px 12px; border-radius: 8px; background: var(--panel-light); font-family: var(--ui); font-weight: 600; font-size: 14.5px; color: var(--navy); }
.landing_surface__RfDzg .local__cards { display: grid; gap: 12px; }
.landing_surface__RfDzg .local__cards li { background: var(--white); border: 1px solid var(--line); border-radius: 14px; padding: clamp(20px, 2vw, 28px); }
.landing_surface__RfDzg .local__cards h3 { font-family: var(--display); font-weight: 600; font-size: clamp(21px, 1.6vw, 27px); line-height: 1.2; color: var(--navy); }
.landing_surface__RfDzg .local__cards p { margin-top: 8px; color: var(--text-2); }
.landing_surface__RfDzg .rows a[aria-current="true"] { color: var(--sky-deep); }
.landing_surface__RfDzg .rows a[aria-current="true"]::after { content: var(--here, "You're here"); color: var(--text-2); font-weight: 600; }
.landing_surface__RfDzg .markets { max-width: var(--max); margin: 0 auto; padding: clamp(90px, 11vw, 150px) var(--pad) clamp(70px, 8vw, 110px); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(36px, 6vw, 90px); }
.landing_surface__RfDzg .markets__sub { margin-top: 18px; color: var(--text-2); max-width: 30em; }
.landing_surface__RfDzg .rows { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 36px; align-content: start; }
.landing_surface__RfDzg .rows__region { font-size: 14px; color: var(--text-2); padding-bottom: 8px; }
.landing_surface__RfDzg .rows ul { border-top: 1px solid var(--line); }
.landing_surface__RfDzg .rows a { display: flex; align-items: center; gap: 10px; min-height: 54px; border-bottom: 1px solid var(--line); text-decoration: none; font-family: var(--display); font-weight: 600; font-size: 22px; color: var(--navy); transition: padding .25s var(--ease), color .2s; }
.landing_surface__RfDzg .rows a span { font-family: var(--body); font-weight: 400; font-size: 14px; color: var(--text-2); white-space: nowrap; }
@media (max-width: 1240px) and (min-width: 901px) { .landing_surface__RfDzg .rows a::after { content: "→"; } }
.landing_surface__RfDzg .rows a::after { content: var(--read, "Read →"); white-space: nowrap; margin-left: auto; font-family: "Plus Jakarta Sans", "SendWork Landing Inter", system-ui, sans-serif; font-weight: 700; font-size: 13.5px; color: var(--sky-deep); }
.landing_surface__RfDzg .rows a:hover { padding-left: 8px; color: var(--sky-deep); }

/* =========================================================
   EARLY ACCESS — plus-grid panel
   ========================================================= */
.landing_surface__RfDzg .access { padding: 0 var(--inset) var(--inset); outline: none; }
.landing_surface__RfDzg .access__panel { border-radius: var(--r); padding: clamp(48px, 7vw, 112px) clamp(24px, 5vw, 72px) clamp(32px, 5vw, 72px); display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(40px, 5vw, 64px);
  background-color: var(--panel-light);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M32 27v10M27 32h10' stroke='%230b376c' stroke-opacity='.22' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 64px 64px; }
/* Centred, prominent: the page's final ask. */
.landing_surface__RfDzg .access__main { max-width: 820px; margin: 0 auto; text-align: center; }
.landing_surface__RfDzg .access__main .label { font-size: var(--fs-sm); }
.landing_surface__RfDzg .access__main .h2 { margin-top: 12px; font-size: clamp(52px, 7.4vw, 112px); line-height: 1; }
.landing_surface__RfDzg .access__body { margin: 22px auto 0; max-width: 32em; color: var(--text); font-size: clamp(17px, calc(10px + .6vw), 22px); }
.landing_surface__RfDzg .access__perks { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
.landing_surface__RfDzg .access__perks li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px 8px 12px; border-radius: 999px; background: var(--white); border: 1px solid rgba(31,122,150,.35); font-family: var(--ui); font-weight: 700; font-size: clamp(14px, calc(9px + .4vw), 16.5px); color: var(--navy); }
.landing_surface__RfDzg .access__perks li::before { content: ""; width: 16px; height: 16px; flex: 0 0 auto; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M2.5 9.5c1.6 1.2 3 2.7 4.2 4.6C8.9 9 11.8 5.1 15.8 2.6' fill='none' stroke='%231f7a96' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }
.landing_surface__RfDzg .btn--lg { min-height: 62px; padding: 0 32px; font-size: clamp(16.5px, calc(10px + .5vw), 20px); border-radius: 10px; box-shadow: 0 10px 30px rgba(31,122,150,.28); }
.landing_surface__RfDzg .access__main .btn { white-space: normal; }
.landing_surface__RfDzg .access__fine { margin-top: 14px; font-size: 13.5px; color: var(--text-2); }
.landing_surface__RfDzg .access__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; max-width: var(--max); width: 100%; margin: 0 auto; }
.landing_surface__RfDzg .access__list li { background: var(--white); border-radius: 14px; padding: 22px 24px; text-align: left; }
.landing_surface__RfDzg .access__list h3 { font-family: var(--ui); font-weight: 700; font-size: 16px; color: var(--navy); }
.landing_surface__RfDzg .access__list p { margin-top: 6px; color: var(--text-2); font-size: var(--fs-body); }

/* Arrival cue: when a visitor lands here from any "Claim" button, a hand-drawn arrow
   ("Start here") draws in beside the button and the button pulses twice. */
@keyframes landing_sw-draw__YcTyi { to { stroke-dashoffset: 0; } }
@keyframes landing_sw-note__R0fsG { from { opacity: 0; transform: translateY(6px) rotate(-7deg); } }
@keyframes landing_sw-pulse__4H14_ { 0% { box-shadow: 0 10px 30px rgba(31,122,150,.28), 0 0 0 0 rgba(72,172,200,.55); } 100% { box-shadow: 0 10px 30px rgba(31,122,150,.28), 0 0 0 18px rgba(72,172,200,0); } }
@media (prefers-reduced-motion: reduce) { }
@media (max-width: 1000px) {   /* not enough room beside the button: the arrow comes from above */
}

/* =========================================================
   FAQ + FOOTER
   ========================================================= */
.landing_surface__RfDzg .faq { max-width: var(--max); margin: 0 auto; padding: clamp(80px, 9vw, 120px) var(--pad); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 30px clamp(36px, 6vw, 90px); }
.landing_surface__RfDzg .faq__list { border-top: 1px solid var(--line); }
.landing_surface__RfDzg .faq details { border-bottom: 1px solid var(--line); }
.landing_surface__RfDzg .faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; min-height: 64px; padding: 16px 0; font-family: var(--ui); font-weight: 700; font-size: 18px; color: var(--navy); }
.landing_surface__RfDzg .faq summary::-webkit-details-marker { display: none; }
.landing_surface__RfDzg .faq summary::after { content: "+"; font-weight: 400; font-size: 26px; color: var(--sky-deep); transition: transform .25s var(--ease); }
.landing_surface__RfDzg .faq details[open] summary::after { transform: rotate(45deg); }
.landing_surface__RfDzg .faq details p { padding: 0 40px 20px 0; color: var(--text-2); }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (min-width: 1700px) {
  .landing_surface__RfDzg { --max: 1520px; }
  .landing_surface__RfDzg .steps { padding-left: 276px; }
}

@media (max-width: 1100px) {
  .landing_surface__RfDzg .panel__body { grid-template-columns: minmax(0, 1.2fr) 40px minmax(0, 1fr); row-gap: 18px; }
  .landing_surface__RfDzg .links { width: 40px; }
  .landing_surface__RfDzg .await { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line-ink); padding: 18px 0 0; }
  .landing_surface__RfDzg .await__summary { display: grid; grid-template-columns: 1fr auto; gap: 2px 20px; align-items: center; }
  .landing_surface__RfDzg .await__summary .btn { grid-column: 2; grid-row: 1 / span 2; }
  .landing_surface__RfDzg .await__count { margin: 0; }
  .landing_surface__RfDzg .await__fine { grid-column: 1 / -1; }
  .landing_surface__RfDzg .steps { padding-left: 0; }
}

@media (max-width: 900px) {
  .landing_surface__RfDzg .hero__frame { min-height: 88svh; max-height: none; }
  .landing_surface__RfDzg .hero__img { -o-object-position: var(--pos-m, 42% 40%); object-position: var(--pos-m, 42% 40%); }
  .landing_surface__RfDzg .hero__row { flex-direction: column; align-items: stretch; }
  .landing_surface__RfDzg .hero__act { flex-direction: column; align-items: flex-start; gap: 18px; }
  .landing_surface__RfDzg .soon { text-align: left; }
  .landing_surface__RfDzg .pair { grid-template-columns: 1fr; }
  .landing_surface__RfDzg .pair__photo { min-height: 0; aspect-ratio: 4 / 3; order: -1; }
  .landing_surface__RfDzg .exp__stage { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .landing_surface__RfDzg .scraps { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; padding: 6px 2px 14px; gap: 12px; scrollbar-width: none; align-items: center; }
  .landing_surface__RfDzg .scraps::-webkit-scrollbar { display: none; }
  .landing_surface__RfDzg .scraps__label { flex: 0 0 auto; width: 70px; }
  .landing_surface__RfDzg .scrap { flex: 0 0 auto; width: 150px; min-height: 80px; font-size: 20px; }
  .landing_surface__RfDzg .steps { grid-template-columns: 1fr; gap: 16px; }
  .landing_surface__RfDzg .eve { grid-template-columns: 1fr; }
  .landing_surface__RfDzg .eve__photo { min-height: 0; aspect-ratio: 4 / 3; }
  .landing_surface__RfDzg .dusk__frame { flex-direction: column; justify-content: flex-end; min-height: 0; }
  .landing_surface__RfDzg .dusk__img { position: relative; height: 62vw; min-height: 300px; }
  .landing_surface__RfDzg .dusk__shade { background: linear-gradient(0deg, var(--ink) 0%, rgba(3,15,30,0) 30%); height: calc(62vw + 2px); min-height: 302px; bottom: auto; }
  .landing_surface__RfDzg .dusk__copy { max-width: none; margin-top: -40px; }
  .landing_surface__RfDzg .markets, .landing_surface__RfDzg .faq, .landing_surface__RfDzg .local { grid-template-columns: 1fr; }
  .landing_surface__RfDzg .rows { grid-template-columns: 1fr; }
  .landing_surface__RfDzg .access__list { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .landing_surface__RfDzg { --inset: 8px; --r: 14px; font-size: 16.5px; }
  .landing_surface__RfDzg .hero__copy { flex: 0 0 auto; display: block; margin-top: auto; padding: clamp(64px, 8svh, 96px) 16px 22px; }
  .landing_surface__RfDzg .btn { white-space: normal; text-align: center; line-height: 1.25; padding-top: 10px; padding-bottom: 10px; }
  .landing_surface__RfDzg .hero__h { font-size: clamp(42px, 12.4vw, 56px); margin-bottom: 20px; }
  .landing_surface__RfDzg .hero__lede { font-size: 16.5px; }
  .landing_surface__RfDzg .hero__act { align-items: stretch; }
  .landing_surface__RfDzg .hero__claim { justify-content: center; max-width: 100%; white-space: normal; text-align: center; line-height: 1.25; padding-top: 7px; padding-bottom: 7px; }   /* long labels (pt, fr) wrap inside the button */
  .landing_surface__RfDzg .claim__label { min-width: 0; }
  .landing_surface__RfDzg .statement { text-align: left; }
  .landing_surface__RfDzg .pair__card { padding: 24px 20px; }
  .landing_surface__RfDzg .panel { padding: 14px 14px 18px; }
  .landing_surface__RfDzg .panel__top { flex-direction: column; align-items: flex-start; gap: 8px; }
  .landing_surface__RfDzg .panel__meta { width: 100%; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; }
  .landing_surface__RfDzg .panel__auto { white-space: normal; text-align: left; }
  .landing_surface__RfDzg .panel__body { grid-template-columns: 1fr; }
  .landing_surface__RfDzg .links { display: none; }
  .landing_surface__RfDzg .voice { grid-template-columns: 72px minmax(0, 1fr); }
  .landing_surface__RfDzg .mic { width: 68px; height: 68px; }
  .landing_surface__RfDzg .wave { height: 52px; gap: 2px; }
  .landing_surface__RfDzg .wave i:nth-child(n+44) { display: none; }
  .landing_surface__RfDzg .quote { min-height: 0; }
  .landing_surface__RfDzg .await__summary { grid-template-columns: 1fr; }
  .landing_surface__RfDzg .await__summary .btn { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 10px; }
  .landing_surface__RfDzg .day__h { text-align: left; }
  .landing_surface__RfDzg .switch { margin-left: var(--pad); margin-right: var(--pad); width: auto; }
  .landing_surface__RfDzg .switch__btn { flex: 1; padding: 0 10px; }
  .landing_surface__RfDzg .eve__row { grid-template-columns: 76px minmax(0, 1fr); gap: 10px; }
  .landing_surface__RfDzg .eve__time { font-size: 21px; }
  .landing_surface__RfDzg .eve__pad::before { left: 30px; }
  .landing_surface__RfDzg .eve__pad-h, .landing_surface__RfDzg .eve__pad .ecard { padding-left: 40px; padding-right: 10px; }
  .landing_surface__RfDzg .eve__pad .ecard::before { left: 7px; width: 16px; height: 16px; }
  .landing_surface__RfDzg .trade select { width: 100%; }
  .landing_surface__RfDzg .trade__select { width: 100%; }
  .landing_surface__RfDzg .dusk__copy { padding: 0 20px 28px; }
  .landing_surface__RfDzg .rows a { font-size: 20px; }
  .landing_surface__RfDzg .rows a::after { content: "→"; }
  .landing_surface__RfDzg .access__list li { padding: 18px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .landing_surface__RfDzg *, .landing_surface__RfDzg *::before, .landing_surface__RfDzg *::after { animation: none !important; transition-duration: .001ms !important; }
}

@media (max-width: 480px) {
}

.landing_surface__RfDzg .trade-picker {position:relative;min-width:0;max-width:100%;display:inline-grid;grid-template-columns:minmax(0,1fr)}
.landing_surface__RfDzg .trade-measure {grid-area:1/1;visibility:hidden;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;max-width:100%;min-height:48px;padding:0 44px 0 16px;font-family:var(--ui);font-size:clamp(15px,1vw,19px);font-weight:700;border:1px solid transparent}
.landing_surface__RfDzg .trade-trigger {grid-area:1/1;width:100%;min-width:0}
.landing_surface__RfDzg #trade-value {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.landing_surface__RfDzg .trade-trigger {position:relative;min-height:48px;padding:0 44px 0 16px;border:1px solid rgba(11,55,108,.3);border-radius:10px;background:var(--white);font-family:var(--ui);font-size:clamp(15px,1vw,19px);font-weight:700;color:var(--navy);max-width:100%;text-align:left}
.landing_surface__RfDzg .trade-trigger:hover {border-color:var(--navy)}
.landing_surface__RfDzg .trade-chevron {position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.landing_surface__RfDzg .trade-options {position:absolute;top:calc(100% + 6px);left:0;z-index:8;width:max(100%,min(430px,calc(100vw - 32px)));max-width:calc(100vw - 32px);max-height:300px;overflow:auto;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #030f1e30;padding:5px}
.landing_surface__RfDzg.landing_surface__RfDzg.landing_surface__RfDzg .trade-options[role=listbox] {background:var(--white) !important;color:var(--navy)}
.landing_surface__RfDzg .trade-option {display:block;width:100%;min-height:44px;text-align:left;padding:10px;border-radius:6px;font-family:var(--ui);font-size:clamp(15px,1vw,19px);font-weight:700}
.landing_surface__RfDzg .trade-option:hover {background:var(--panel-light)}
.landing_surface__RfDzg .trade-option[aria-selected=true] {background:#e7f4f8;color:var(--navy);font-weight:700}
.landing_surface__RfDzg .trade-selected-mark {display:inline-block;width:20px;color:var(--navy);font-weight:700}
.landing_surface__RfDzg .hero__frame {min-height:calc(100svh - 76px - var(--inset));}
/* Literal control boxes meet the field-use floor; smaller painted pills remain centered inside them. */
.landing_surface__RfDzg .panel__auto,.landing_surface__RfDzg .chipbtn {position:relative;isolation:isolate;min-width:48px;min-height:48px;border:0;background:none;margin-block:-6px}
.landing_surface__RfDzg .panel__auto::after,.landing_surface__RfDzg .chipbtn::before {content:"";position:absolute;inset:6px 0;border:1px solid var(--line-ink);border-radius:inherit;z-index:-1;pointer-events:none}
.landing_surface__RfDzg .panel__auto[aria-pressed="true"]::after {border-color:rgba(72,172,200,.45)}
.landing_surface__RfDzg .panel__auto:hover::after {border-color:var(--sky)}
.landing_surface__RfDzg .chipbtn::before {border-color:rgba(255,255,255,.28)}
.landing_surface__RfDzg .chipbtn--go::before {background:var(--sky);border-color:var(--sky)}
.landing_surface__RfDzg .btn--sm {min-height:48px;position:relative;isolation:isolate;background:transparent}
.landing_surface__RfDzg .btn--sm::before {content:"";position:absolute;inset:3px 0;background:var(--sky);border-radius:inherit;z-index:-1;pointer-events:none}
.landing_surface__RfDzg .btn--sm:hover::before {background:#63bcd4}
.landing_surface__RfDzg .voice__play,.landing_surface__RfDzg .linkbtn,.landing_surface__RfDzg .switch__btn,.landing_surface__RfDzg .trade-option {min-width:48px;min-height:48px}
.landing_surface__RfDzg .quote .w,.landing_surface__RfDzg .nowrap {white-space:nowrap}
.landing_surface__RfDzg .hero__lede,.landing_surface__RfDzg .caps {text-wrap:pretty}
@media(max-width:640px){
 /* Gradual phone night shade; lower photo/copy layout remains the supplied prototype. */
 .landing_surface__RfDzg .hero__shade{background:linear-gradient(90deg,rgba(3,15,30,.65) 0%,rgba(3,15,30,.50) 24%,rgba(3,15,30,.70) 34%,rgba(3,15,30,.52) 65%,rgba(3,15,30,.18) 80%,rgba(3,15,30,.16) 100%),linear-gradient(0deg,rgba(3,15,30,.96) 0%,rgba(3,15,30,.78) 34%,rgba(3,15,30,.4) 64%,rgba(3,15,30,.15) 100%),linear-gradient(180deg,rgba(3,15,30,.6) 0%,rgba(3,15,30,0) 22%)}

 .landing_surface__RfDzg .hero__frame{min-height:min(88svh,760px)}
 .landing_surface__RfDzg .hero__copy{position:relative;isolation:isolate}
 /* Feather only the lower right text backdrop; preserve the crew and the full-bleed grade. */
 .landing_surface__RfDzg .hero__lede{position:relative;isolation:isolate}
 .landing_surface__RfDzg .hero__lede::before{content:"";position:absolute;inset:-16px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 60%,rgba(3,15,30,.64) 88%,rgba(3,15,30,.64) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}

 .landing_surface__RfDzg .trade-picker,.landing_surface__RfDzg .trade-trigger,.landing_surface__RfDzg .trade-measure{width:100%}
}
/* The retained Founder review replaces the phone/tablet note scroller with complete rows.
   Inner room preserves the original tilt, translated second note, focus ring and shadows. */
@media (max-width: 1100px) {
 .landing_surface__RfDzg .exp__stage {grid-template-columns:minmax(0,1fr);gap:24px}
 .landing_surface__RfDzg .scraps {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;max-width:520px;overflow:visible;padding:12px 18px 24px 12px}
 .landing_surface__RfDzg .scraps__label {grid-column:1 / -1;width:auto}
 .landing_surface__RfDzg .scrap {width:100%;min-width:0;flex:none}
}
@media (max-width: 374px) {
 .landing_surface__RfDzg .scraps {grid-template-columns:minmax(0,1fr);max-width:272px;gap:24px}
}

/* The approved blue headline crosses the right roof on short phones: feather that local backdrop. */
@media (max-width:640px){
.landing_surface__RfDzg .hero__h{position:relative;isolation:isolate}
.landing_surface__RfDzg .hero__h::before{content:"";position:absolute;inset:-12px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 50%,rgba(3,15,30,.28) 72%,rgba(3,15,30,.28) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}
}

/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c56fbb5486862d1b-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/bd7a9b1ce2297c14-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/45d0fdf0988e07ff-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/7452ca4a93358909-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e0ecb571b51ea3b5-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/6e8c7cb283336a9d-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Fraunces Fallback';src: local("Times New Roman");ascent-override: 84.71%;descent-override: 22.09%;line-gap-override: 0.00%;size-adjust: 115.45%
}.__className_56383a {font-family: 'Fraunces', 'Fraunces Fallback'
}.__variable_56383a {--font-display: 'Fraunces', 'Fraunces Fallback'
}

/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Plus Jakarta Sans Fallback';src: local("Arial");ascent-override: 98.88%;descent-override: 21.15%;line-gap-override: 0.00%;size-adjust: 104.98%
}.__className_532bb9 {font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback';font-style: normal
}.__variable_532bb9 {--font-body: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback'
}