:root {
  color-scheme: dark;
  --ink: #f7f1e8;
  --muted: #c4c0ba;
  --gold: #dfc387;
  --sage: #a5bca9;
  --line: rgba(242, 229, 204, .17);
  --surface: rgba(22, 28, 38, .76);
  --navy: #0b111c;
}

* { box-sizing: border-box; }
html { background: var(--navy); }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(950px 550px at 14% -10%, rgba(168, 194, 181, .16), transparent 65%),
    radial-gradient(780px 490px at 100% 17%, rgba(223, 195, 135, .14), transparent 66%),
    var(--navy);
  color: var(--ink);
  font: 400 17px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
a:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; border-radius: 4px; }
.wrap { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
header { border-bottom: 1px solid var(--line); background: rgba(11, 17, 28, .82); backdrop-filter: blur(16px); }
.nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { color: var(--ink); font-family: Georgia, serif; font-size: 27px; letter-spacing: .16em; text-decoration: none; }
.nav-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px; }
.nav-links a { color: var(--muted); font-size: 14px; font-weight: 700; letter-spacing: .03em; text-decoration: none; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--gold); }
main { padding: clamp(56px, 9vw, 112px) 0; }
.eyebrow { color: var(--gold); font-size: 12px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
h1, h2, h3 { color: var(--ink); font-family: Georgia, "Times New Roman", serif; line-height: 1.08; }
h1 { max-width: 820px; margin: 14px 0 20px; font-size: clamp(46px, 7vw, 86px); font-weight: 500; letter-spacing: -.045em; }
h2 { margin: 0 0 12px; font-size: clamp(29px, 4vw, 47px); font-weight: 500; letter-spacing: -.035em; }
h3 { margin: 0 0 8px; font-size: 24px; font-weight: 500; }
p { max-width: 730px; margin: 0 0 20px; color: var(--muted); }
.lede { max-width: 700px; color: #e4dfd6; font-size: clamp(19px, 2.35vw, 25px); line-height: 1.55; }
.actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 31px 0 0; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border: 1px solid var(--gold); border-radius: 999px; color: #121720; background: var(--gold); font-size: 15px; font-weight: 800; text-decoration: none; }
.button.quiet { color: var(--ink); background: transparent; border-color: var(--line); }
.section { padding: clamp(50px, 8vw, 96px) 0; border-top: 1px solid var(--line); }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 34px; }
.grid.two { grid-template-columns: repeat(2, 1fr); }
.card { min-width: 0; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(140deg, rgba(255,255,255,.065), rgba(255,255,255,.018)); }
.card p:last-child { margin-bottom: 0; }
.number { display: block; margin-bottom: 18px; color: var(--gold); font-size: 13px; font-weight: 800; letter-spacing: .16em; }
.feature { overflow: hidden; padding: 0; }
.feature img { display: block; width: 100%; height: 250px; object-fit: cover; background: #151c28; }
.feature > div { padding: 25px 26px 28px; }
.section-heading { max-width: 640px; }
.section-heading h2 { margin: 9px 0 0; }
.company-section { padding-bottom: clamp(50px, 7vw, 76px); }
.company-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 31px; }
.company-facts > div { min-width: 0; padding: 23px 24px 25px; border-top: 1px solid rgba(223, 195, 135, .48); background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }
.company-facts span { display: block; margin-bottom: 10px; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.company-facts strong { display: block; color: var(--ink); font-size: 17px; font-weight: 700; line-height: 1.35; }
.company-facts strong a { text-decoration-color: rgba(223, 195, 135, .6); text-underline-offset: 4px; }
.company-facts p { margin: 10px 0 0; font-size: 15px; line-height: 1.55; }
.company-facts address { font-style: normal; }
.founder-section { padding-bottom: clamp(50px, 7vw, 76px); }
.founder-card {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 4vw, 48px);
  margin-top: 29px;
  padding: clamp(22px, 3.5vw, 38px);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(223, 195, 135, .075), rgba(255, 255, 255, .018) 58%);
}
.founder-photo { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; object-position: center; background: #151c28; box-shadow: 0 0 0 1px rgba(223, 195, 135, .25), 0 15px 35px rgba(0, 0, 0, .2); }
.founder-details { max-width: 660px; }
.founder-role { margin-bottom: 12px; color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(26px, 3vw, 34px); line-height: 1.16; }
.founder-role span { display: inline-block; margin-left: 9px; color: var(--gold); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; vertical-align: middle; }
.founder-details > p:not(.founder-role) { margin-bottom: 20px; color: #e4dfd6; font-size: 17px; }
.founder-links { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.founder-links a { color: var(--ink); font-size: 15px; font-weight: 700; text-decoration-color: rgba(223, 195, 135, .65); text-underline-offset: 4px; }
.legal { max-width: 800px; }
.legal h2 { margin-top: 52px; font-size: clamp(28px, 3vw, 38px); }
.legal ul { max-width: 740px; margin: 0 0 22px; padding-left: 23px; color: var(--muted); }
.legal li { margin: 8px 0; }
.legal h3 { margin-top: 28px; font-size: 25px; }
.legal address { max-width: 740px; margin: 0 0 22px; color: var(--muted); font-style: normal; }
.policy-nav { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 30px 0 0; }
.policy-nav a { color: var(--ink); font-size: 15px; font-weight: 700; text-decoration-color: rgba(223, 195, 135, .64); text-underline-offset: 4px; }
.policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 34px 0 8px; }
.policy-grid .card { padding: 25px; }
.policy-grid .number { margin-bottom: 13px; }
.rule-list { list-style: none; max-width: 790px; margin: 0 0 22px; padding: 0; }
.rule-list li { position: relative; margin: 0; padding: 16px 0 16px 31px; border-bottom: 1px solid var(--line); }
.rule-list li::before { content: ""; position: absolute; top: 25px; left: 1px; width: 10px; height: 10px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(223,195,135,.12); }
.rule-list strong { display: block; margin-bottom: 3px; color: var(--ink); }
.legal .small { font-size: 15px; line-height: 1.6; }
.note { margin-top: 32px; padding: 20px 22px; border-left: 2px solid var(--sage); border-radius: 0 16px 16px 0; background: rgba(165, 188, 169, .09); color: #dce7de; }
.contact { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; max-width: 960px; padding: 26px 30px; border: 1px solid rgba(223, 195, 135, .38); border-radius: 22px; background: rgba(223,195,135,.08); }
.contact p { margin: 4px 0 0; }
.contact-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
footer { padding: 32px 0 40px; border-top: 1px solid var(--line); color: #9c9d9d; font-size: 14px; }
.footer-line { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 16px; }

/* Root public home: a static, editorial proof of the live product. It makes
   the product journey visible without copying a swipe-first landing pattern. */
.home-main { padding-top: 0; overflow: hidden; }
.home-hero { position: relative; min-height: min(890px, calc(100vh - 72px)); padding: clamp(70px, 10vw, 150px) 0 clamp(58px, 8vw, 100px); display: grid; grid-template-columns: minmax(0, .94fr) minmax(420px, 1.06fr); align-items: center; gap: clamp(34px, 7vw, 102px); }
.home-hero::before { content: ""; position: absolute; z-index: 0; width: min(75vw, 1040px); height: min(75vw, 1040px); right: -31vw; top: -30vw; border-radius: 50%; background: radial-gradient(circle, rgba(203,150,122,.24), rgba(123,142,199,.14) 35%, transparent 68%); filter: blur(13px); pointer-events: none; }
.home-copy, .home-visual { position: relative; z-index: 1; }
.home-copy { max-width: 690px; }
.home-copy h1 { max-width: 660px; margin-bottom: 25px; }
.home-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; color: var(--gold); font-size: 12px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.home-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 5px rgba(165,188,169,.12); }
.home-visual { min-height: 560px; }
.home-stage { position: absolute; inset: 0; overflow: hidden; border: 1px solid rgba(242,229,204,.27); border-radius: 34px; background: #131a26; box-shadow: 0 36px 90px rgba(0,0,0,.43); isolation: isolate; }
.home-stage::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(7,11,18,.04) 15%, rgba(7,11,18,.12) 49%, rgba(7,11,18,.9) 100%); pointer-events: none; }
.home-stage img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; transform: scale(1.016); }
.home-stage-copy { position: absolute; z-index: 3; right: 28px; bottom: 25px; left: 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.home-stage-copy p { max-width: 360px; margin: 8px 0 0; color: #ebe7df; font-size: 15px; line-height: 1.5; }
.home-stage-label, .stage-profile-detail span { color: #f7f1e8; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.stage-marker { color: rgba(247,241,232,.76); font-size: 11px; font-weight: 800; letter-spacing: .13em; white-space: nowrap; }
.stage-orbit { position: absolute; z-index: 2; width: 176px; height: 176px; top: 27px; right: 27px; border: 1px solid rgba(247,241,232,.46); border-radius: 50%; box-shadow: inset 0 0 45px rgba(223,195,135,.17), 0 0 0 16px rgba(223,195,135,.055), 0 0 0 36px rgba(160,179,222,.055); }
.stage-orbit i, .stage-orbit b { position: absolute; display: block; border: 1px solid rgba(247,241,232,.52); border-radius: 50%; }
.stage-orbit i { width: 78px; height: 78px; top: 31px; left: 24px; }
.stage-orbit b { width: 78px; height: 78px; right: 24px; bottom: 31px; }
.stage-profile-detail { position: absolute; z-index: 3; top: 27px; left: 27px; display: grid; gap: 5px; padding: 13px 15px; border: 1px solid rgba(247,241,232,.21); border-radius: 13px; background: rgba(10,15,24,.5); backdrop-filter: blur(12px); }
.stage-profile-detail strong { color: var(--ink); font-size: 14px; }
.hero-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 40px 0 0; padding: 0; list-style: none; }
.hero-proof li { min-width: 0; padding: 13px 12px 0 0; border-top: 1px solid rgba(223,195,135,.45); }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { color: var(--ink); font-size: 14px; }
.hero-proof span { margin-top: 5px; color: var(--muted); font-size: 13px; line-height: 1.35; }
.home-beta-note { display: flex; align-items: baseline; gap: 8px; margin: 22px 0 -16px; color: #c8c9c6; font-size: 13px; line-height: 1.45; }
.home-beta-note span { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 4px rgba(165,188,169,.12); }
.home-beta-note strong { color: var(--ink); }
.home-section { padding: clamp(78px, 12vw, 162px) 0; }
.home-proof-intro { padding-top: clamp(80px, 12vw, 160px); }
.home-intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(34px, 7vw, 92px); align-items: end; max-width: 1100px; }
.home-intro h2, .trust-heading h2 { margin: 8px 0 0; }
.home-intro .lede { margin-bottom: 0; }
.journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 52px; border: 1px solid var(--line); border-radius: 28px; overflow: hidden; background: var(--line); }
.journey-step { position: relative; min-height: 408px; padding: 30px; overflow: hidden; background: linear-gradient(145deg, rgba(25,33,46,.98), rgba(14,20,30,.98)); }
.journey-step::after { content: ""; position: absolute; width: 230px; height: 230px; right: -92px; bottom: -115px; border-radius: 50%; background: radial-gradient(circle, rgba(165,188,169,.13), transparent 66%); pointer-events: none; }
.gravity-step { background: radial-gradient(230px 230px at 73% 15%, rgba(183,125,184,.23), transparent 72%), linear-gradient(145deg, rgba(25,33,46,.98), rgba(14,20,30,.98)); }
.plan-step { background: radial-gradient(250px 250px at 85% 15%, rgba(223,195,135,.18), transparent 70%), linear-gradient(145deg, rgba(25,33,46,.98), rgba(14,20,30,.98)); }
.journey-icon { display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: 49px; border: 1px solid rgba(223,195,135,.5); border-radius: 50%; color: var(--gold); font-family: Georgia, serif; font-size: 23px; box-shadow: 0 0 0 8px rgba(223,195,135,.05); }
.journey-step h3 { max-width: 270px; font-size: 29px; }
.journey-step p { max-width: 290px; margin-bottom: 0; font-size: 16px; }
.mini-harmony, .mini-gravity, .mini-plan { position: absolute; z-index: 1; right: 30px; bottom: 26px; left: 30px; height: 70px; }
.mini-harmony i { position: absolute; top: 0; width: 62px; height: 62px; border: 1px solid rgba(247,241,232,.65); border-radius: 50%; }
.mini-harmony i:first-child { left: 5px; }.mini-harmony i:nth-child(2) { left: 45px; background: rgba(165,188,169,.06); }.mini-harmony span { position: absolute; left: 111px; top: 20px; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mini-gravity { display: flex; align-items: flex-end; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid rgba(247,241,232,.26); }
.mini-gravity span { position: absolute; left: 0; right: 0; bottom: 7px; height: 2px; background: linear-gradient(90deg, rgba(247,241,232,.1), #dea9dd 45%, var(--gold)); box-shadow: 0 0 17px rgba(222,169,221,.45); }
.mini-gravity i { position: relative; z-index: 1; width: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 13px rgba(223,195,135,.56); }.mini-gravity i:nth-of-type(1) { height: 8px; }.mini-gravity i:nth-of-type(2) { height: 13px; }.mini-gravity i:nth-of-type(3) { height: 20px; }.mini-gravity i:nth-of-type(4) { height: 29px; }.mini-gravity i:nth-of-type(5) { height: 40px; }
.mini-plan { display: grid; align-content: center; gap: 5px; padding: 13px 15px; border: 1px solid rgba(223,195,135,.42); border-radius: 15px; background: rgba(11,17,28,.45); }.mini-plan span { color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.mini-plan strong { color: var(--ink); font-size: 15px; }.mini-plan i { position: absolute; right: 16px; bottom: 16px; width: 8px; height: 8px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 4px rgba(165,188,169,.13); }
.product-chapter { display: grid; grid-template-columns: 90px minmax(0, .82fr) minmax(360px, 1.18fr); gap: clamp(28px, 5vw, 72px); align-items: center; border-top: 1px solid var(--line); }
.reverse-chapter { grid-template-columns: 90px minmax(360px, 1.18fr) minmax(0, .82fr); }.reverse-chapter .chapter-copy { order: 3; }.reverse-chapter .chapter-visual { order: 2; }
.chapter-index { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; padding: 5px 0; }.chapter-index span { color: var(--gold); font-family: Georgia, serif; font-size: 38px; line-height: 1; }.chapter-index p { margin: 0; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
.chapter-copy h2 { margin: 10px 0 18px; }.chapter-copy > p:not(.eyebrow):not(.lede) { max-width: 560px; }
.text-link { display: inline-flex; gap: 8px; align-items: center; margin-top: 13px; color: var(--gold); font-size: 15px; font-weight: 800; text-decoration-color: rgba(223,195,135,.55); text-underline-offset: 5px; }.text-link span { font-size: 18px; }
.chapter-visual { position: relative; min-height: 520px; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #151c28; box-shadow: 0 28px 70px rgba(0,0,0,.2); }.chapter-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(9,14,23,.03) 24%, rgba(9,14,23,.2) 52%, rgba(9,14,23,.86) 100%); pointer-events: none; }.chapter-visual img { display: block; width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
.harmony-visual img { object-position: 50% center; }.harmony-readout, .gravity-readout, .plan-readout { position: absolute; z-index: 2; right: 26px; bottom: 23px; left: 26px; }.harmony-readout span, .gravity-readout > span, .plan-readout span { display: block; margin-bottom: 7px; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.harmony-readout strong, .plan-readout strong { display: block; color: var(--ink); font-family: Georgia, serif; font-size: 29px; font-weight: 500; line-height: 1.1; }.harmony-readout p, .plan-readout p { margin: 8px 0 0; color: #ece7de; font-size: 15px; }
.harmony-rings { position: absolute; z-index: 2; top: 27px; right: 27px; width: 150px; height: 150px; }.harmony-rings i { position: absolute; width: 94px; height: 94px; border: 1px solid rgba(247,241,232,.66); border-radius: 50%; }.harmony-rings i:first-child { top: 5px; left: 5px; }.harmony-rings i:last-child { right: 5px; bottom: 5px; background: radial-gradient(circle at 60% 50%, rgba(165,188,169,.14), transparent 67%); }
.gravity-visual img { object-position: 50% center; }.gravity-readout { top: 26px; right: 26px; bottom: auto; left: 26px; padding: 14px 15px; border: 1px solid rgba(247,241,232,.17); border-radius: 15px; background: rgba(10,15,24,.5); backdrop-filter: blur(12px); }.gravity-ladder { display: flex; flex-wrap: wrap; gap: 7px; }.gravity-ladder i { color: #f1e9e0; font-size: 11px; font-style: normal; font-weight: 700; }.gravity-ladder i:not(:last-child)::after { content: "·"; margin-left: 7px; color: rgba(223,195,135,.65); }.gravity-control { position: absolute; z-index: 3; right: 28px; bottom: 25px; display: grid; width: 76px; height: 76px; place-items: center; border: 1px solid rgba(247,241,232,.82); border-radius: 50%; background: radial-gradient(circle, rgba(186,142,204,.44), rgba(13,19,31,.95) 57%); box-shadow: 0 0 0 9px rgba(247,241,232,.18), 0 0 0 22px rgba(184,149,215,.12), 0 0 38px rgba(222,169,221,.5); }.gravity-control span { color: #fff9f0; font-size: 30px; transform: translateY(-1px); }
.plan-visual img { object-position: center 65%; }.plan-readout { max-width: 310px; }.plan-readout strong { font-size: 31px; }
.home-trust { padding-bottom: clamp(74px, 11vw, 144px); border-top: 1px solid var(--line); }.trust-heading { max-width: 770px; }.home-trust-grid { display: grid; grid-template-columns: 1.14fr .82fr 1.04fr; gap: 14px; margin-top: 42px; }.home-trust-card, .home-fact { min-height: 310px; padding: clamp(27px, 3.5vw, 42px); border: 1px solid var(--line); border-radius: 25px; }.home-trust-card { display: flex; flex-direction: column; align-items: flex-start; background: linear-gradient(130deg, rgba(223,195,135,.11), rgba(255,255,255,.022) 58%); }.home-trust-card.quiet-card { background: rgba(255,255,255,.025); }.home-trust-card h3 { margin: 12px 0 13px; font-size: 28px; }.home-trust-card p { margin-bottom: 0; font-size: 16px; }.home-trust-card .text-link { margin-top: auto; padding-top: 23px; }.home-fact { display: flex; flex-direction: column; justify-content: space-between; background: radial-gradient(250px 180px at 100% 0, rgba(165,188,169,.14), transparent 76%), rgba(255,255,255,.025); }.home-fact strong { display: block; max-width: 250px; color: var(--ink); font-family: Georgia, serif; font-size: 29px; font-weight: 500; line-height: 1.14; }.home-fact p { margin: 11px 0 auto; font-size: 15px; line-height: 1.5; }.home-fact a { margin-top: 24px; color: var(--gold); font-size: 14px; font-weight: 800; text-decoration-color: rgba(223,195,135,.5); text-underline-offset: 5px; }

/* The public home needs an immediate operational explanation as well as an
   editorial point of view. This light chapter gives the journey a clear,
   readable structure without inventing activity or success metrics. */
.home-first-minute { padding: clamp(74px, 10vw, 132px) 0; background:
  radial-gradient(640px 360px at 100% 0, rgba(181,138,168,.16), transparent 72%),
  linear-gradient(118deg, #eee6d8, #e7dfd1 60%, #dfe6dc); color: #17202c; }
.first-minute-heading { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(34px, 7vw, 100px); align-items: end; }
.first-minute-heading .eyebrow { margin-bottom: 9px; color: #79613c; }
.first-minute-heading h2 { margin: 0; color: #17202c; font-size: clamp(40px, 5.3vw, 67px); }
.first-minute-heading .lede { margin: 0; color: #49535d; font-size: clamp(18px, 2vw, 23px); }
.first-minute-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 54px 0 0; padding: 0; overflow: hidden; list-style: none; border: 1px solid rgba(23,32,44,.17); border-radius: 23px; background: rgba(23,32,44,.17); }
.first-minute-path li { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 17px; min-height: 214px; padding: 29px; background: rgba(255,255,255,.44); }
.first-minute-path li:nth-child(2) { background: rgba(250,244,237,.67); }
.first-minute-path li:nth-child(3) { background: rgba(239,246,239,.63); }
.first-minute-path span { color: #8a6f42; font-family: Georgia, serif; font-size: 21px; }
.first-minute-path p { margin: 0 0 11px; color: #5b6570; font-size: 13px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.first-minute-path strong { display: block; max-width: 260px; color: #17202c; font-family: Georgia, serif; font-size: 25px; font-weight: 500; line-height: 1.13; }
.first-minute-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 23px 0 0; color: #59636d; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.first-minute-foot i { width: 29px; height: 1px; background: rgba(23,32,44,.34); }
.home-belonging { padding: clamp(76px, 10vw, 132px) 0; border-top: 1px solid var(--line); background: radial-gradient(640px 360px at 2% 0, rgba(165,188,169,.13), transparent 73%); }
.home-belonging-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .83fr); gap: clamp(42px, 10vw, 142px); align-items: end; }
.home-belonging h2 { max-width: 650px; margin: 9px 0 0; font-size: clamp(39px, 5vw, 62px); }
.home-belonging .lede { margin-bottom: 16px; }
.home-belonging .text-link { margin-top: 4px; }
.home-cta { margin-bottom: 0; padding: clamp(48px, 8vw, 84px); border: 1px solid rgba(223,195,135,.48); border-radius: 30px; background: radial-gradient(540px 290px at 86% 18%, rgba(165,188,169,.18), transparent 66%), radial-gradient(500px 320px at 10% 100%, rgba(223,195,135,.17), transparent 65%), rgba(255,255,255,.025); }.home-cta h2 { max-width: 780px; margin: 10px 0 18px; }.home-cta p { max-width: 650px; }
@media (prefers-reduced-motion: no-preference) { .home-copy { animation: home-arrive .8s cubic-bezier(.2,.8,.2,1) both; }.home-visual { animation: home-arrive .95s .1s cubic-bezier(.2,.8,.2,1) both; }.stage-orbit { animation: orbit-settle 1.45s .35s cubic-bezier(.2,.8,.2,1) both; }.journey-step, .product-chapter, .home-trust-grid { animation: home-arrive .75s cubic-bezier(.2,.8,.2,1) both; } }
@keyframes home-arrive { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @keyframes orbit-settle { from { opacity: 0; transform: scale(.82) rotate(-8deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@media (max-width: 860px) { .home-hero { grid-template-columns: 1fr; min-height: auto; }.home-visual { min-height: min(122vw, 610px); }.product-chapter, .reverse-chapter { grid-template-columns: 62px minmax(0, 1fr); }.chapter-copy, .reverse-chapter .chapter-copy { order: 2; grid-column: 2; }.chapter-visual, .reverse-chapter .chapter-visual { order: 3; grid-column: 1 / -1; }.chapter-index { min-height: 285px; }.home-trust-grid { grid-template-columns: repeat(2, 1fr); }.home-trust-card:last-child { grid-column: 1 / -1; } }
@media (max-width: 760px) { .wrap { width: min(100% - 32px, 1120px); }.nav { min-height: 68px; align-items: center; padding: 12px 0; }.nav-links { gap: 10px 16px; }.nav-links a:not(:last-child) { display: none; }.grid, .grid.two, .company-facts, .policy-grid, .contact { grid-template-columns: 1fr; }.contact-actions { justify-content: flex-start; }.feature img { height: 220px; }.founder-card { grid-template-columns: 1fr; gap: 22px; }.founder-photo { width: 132px; height: 132px; }.founder-role span { display: block; margin: 9px 0 0; }.home-hero, .home-intro, .home-trust-grid { grid-template-columns: 1fr; }.home-hero { padding-top: 70px; gap: 43px; }.home-visual { min-height: min(130vw, 540px); }.home-stage-copy { right: 21px; bottom: 19px; left: 21px; }.home-stage-copy p { font-size: 14px; }.stage-orbit { width: 116px; height: 116px; top: 18px; right: 18px; }.stage-orbit i, .stage-orbit b { width: 51px; height: 51px; }.stage-orbit i { top: 21px; left: 15px; }.stage-orbit b { right: 15px; bottom: 21px; }.stage-profile-detail { top: 18px; left: 18px; padding: 10px 11px; }.stage-profile-detail strong { font-size: 12px; }.hero-proof { gap: 9px; margin-top: 31px; }.hero-proof li { padding-right: 6px; }.hero-proof strong { font-size: 12px; }.hero-proof span { font-size: 11px; }.journey { grid-template-columns: 1fr; }.journey-step { min-height: 330px; padding: 27px; }.journey-icon { margin-bottom: 35px; }.product-chapter, .reverse-chapter { grid-template-columns: 42px minmax(0, 1fr); gap: 20px; }.chapter-index { min-height: 285px; }.chapter-index span { font-size: 29px; }.chapter-visual, .chapter-visual img { min-height: 420px; }.harmony-rings { width: 112px; height: 112px; top: 19px; right: 19px; }.harmony-rings i { width: 70px; height: 70px; }.harmony-readout, .gravity-readout, .plan-readout { right: 20px; bottom: 18px; left: 20px; }.gravity-readout { top: 18px; bottom: auto; }.harmony-readout strong, .plan-readout strong { font-size: 25px; }.gravity-control { right: 21px; bottom: 19px; width: 66px; height: 66px; }.home-trust-card:last-child { grid-column: auto; }.home-fact, .home-trust-card { min-height: 250px; }.home-trust-grid { gap: 13px; }.home-trust-card h3 { font-size: 26px; } }

/* Second pass: lead with people and an unmistakable visual rhythm. The product
   remains the proof, but the page now has a world beyond a dark feature grid. */
.home-hero { min-height: min(900px, calc(100vh - 72px)); grid-template-columns: minmax(0, .77fr) minmax(500px, 1.23fr); gap: clamp(30px, 6vw, 94px); }
.home-copy h1 { max-width: 560px; font-size: clamp(52px, 5.55vw, 74px); letter-spacing: -.06em; }
.home-hero { padding: clamp(52px, 6vw, 82px) 0 clamp(46px, 5vw, 72px); }
.home-hero::before { right: -24vw; top: -22vw; width: min(72vw, 950px); height: min(72vw, 950px); background: radial-gradient(circle, rgba(231,192,132,.28), rgba(165,188,169,.14) 34%, transparent 68%); }
.home-visual-scene { min-height: 600px; }.home-visual-scene .home-stage { border-radius: 38px; }.home-visual-scene .home-stage::after { background: linear-gradient(105deg, rgba(7,11,18,.45), rgba(7,11,18,.03) 58%), linear-gradient(0deg, rgba(7,11,18,.72), transparent 43%); }.home-visual-scene .home-stage img { object-position: 53% center; }
.hero-system-card { position: absolute; z-index: 3; top: 29px; left: 29px; width: min(325px, calc(100% - 58px)); padding: 20px; border: 1px solid rgba(247,241,232,.3); border-radius: 19px; background: rgba(11,17,28,.69); box-shadow: 0 18px 40px rgba(0,0,0,.18); backdrop-filter: blur(16px); }.hero-system-card > span, .hero-reply span { display: block; margin-bottom: 8px; color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }.hero-system-card strong { display: block; color: var(--ink); font-family: Georgia, serif; font-size: 27px; font-weight: 500; line-height: 1.06; }.hero-system-card p { margin: 10px 0 15px; color: #e8e1d6; font-size: 14px; line-height: 1.45; }.hero-system-tags { display: flex; flex-wrap: wrap; gap: 7px; }.hero-system-tags i { padding: 6px 9px; border: 1px solid rgba(247,241,232,.2); border-radius: 999px; color: #f7f1e8; font-size: 11px; font-style: normal; font-weight: 700; }
.hero-reply { position: absolute; z-index: 3; right: 27px; bottom: 26px; width: min(286px, calc(100% - 54px)); padding: 17px 18px; border: 1px solid rgba(247,241,232,.27); border-radius: 18px; background: rgba(20,20,34,.72); box-shadow: 0 14px 35px rgba(0,0,0,.24); backdrop-filter: blur(15px); }.hero-reply strong { display: block; color: var(--ink); font-size: 17px; line-height: 1.25; }
.hero-arc { position: absolute; z-index: 2; right: 18%; bottom: 20%; width: 180px; height: 180px; border: 1px solid rgba(243,215,174,.7); border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; box-shadow: 0 0 0 14px rgba(218,172,220,.1), 0 0 35px rgba(218,172,220,.22); transform: rotate(26deg); }
.hero-remark { max-width: 470px; margin: 32px 0 0; padding-top: 18px; border-top: 1px solid rgba(223,195,135,.42); color: var(--ink); font-family: Georgia, serif; font-size: 20px; font-style: italic; line-height: 1.35; }
.home-manifesto { position: relative; overflow: hidden; padding: clamp(70px, 10vw, 128px) 0; color: #17202c; background: #eee6d8; }.home-manifesto::before { content: ""; position: absolute; width: 540px; height: 540px; right: -145px; top: -280px; border-radius: 50%; background: radial-gradient(circle, rgba(218,172,220,.6), rgba(218,172,220,0) 68%); }.home-manifesto > div { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; align-items: end; gap: 34px; }.home-manifesto p { margin: 0; color: #55606b; font-size: 14px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.home-manifesto strong { max-width: 760px; color: #17202c; font-family: Georgia, serif; font-size: clamp(40px, 6vw, 77px); font-weight: 500; line-height: .98; letter-spacing: -.055em; }.home-manifesto span { grid-column: 2; color: #4d5863; font-size: 17px; }
.home-proof-intro { padding-top: clamp(88px, 12vw, 160px); }.journey { gap: 13px; border: 0; border-radius: 0; overflow: visible; background: transparent; }.journey-step { display: flex; align-items: flex-end; min-height: 500px; padding: 0; border: 1px solid rgba(242,229,204,.2); border-radius: 25px; background: #151c28; box-shadow: 0 20px 48px rgba(0,0,0,.16); }.journey-step::after { inset: 0; width: auto; height: auto; border-radius: 25px; background: linear-gradient(180deg, rgba(8,12,20,.02) 28%, rgba(8,12,20,.75) 100%); }.journey-step > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.journey-step:nth-child(1) > img { object-position: 58% center; }.journey-step:nth-child(2) > img { object-position: 52% center; }.journey-step:nth-child(3) > img { object-position: 50% 66%; }.journey-step-copy { position: relative; z-index: 2; padding: 28px; }.journey-step .number { margin: 0 0 13px; color: var(--gold); }.journey-step h3 { margin-bottom: 9px; color: #fffaf2; }.journey-step p { color: #ece4d9; }.journey-corner { position: absolute; z-index: 2; top: 20px; right: 20px; }.harmony-corner { width: 80px; height: 80px; }.harmony-corner i { position: absolute; width: 51px; height: 51px; border: 1px solid rgba(255,250,242,.82); border-radius: 50%; }.harmony-corner i:first-child { top: 0; left: 0; }.harmony-corner i:last-child { right: 0; bottom: 0; background: rgba(165,188,169,.11); }.gravity-corner { display: grid; width: 56px; height: 56px; place-items: center; border: 1px solid rgba(255,250,242,.7); border-radius: 50%; background: radial-gradient(circle, rgba(218,172,220,.66), rgba(20,22,43,.92) 64%); box-shadow: 0 0 0 8px rgba(218,172,220,.12), 0 0 23px rgba(218,172,220,.38); }.gravity-corner i { color: #fffaf2; font-size: 24px; font-style: normal; }.plan-corner { display: grid; grid-template-columns: auto 8px; gap: 9px; align-items: center; padding: 9px 10px; border: 1px solid rgba(255,250,242,.27); border-radius: 999px; background: rgba(10,15,24,.48); backdrop-filter: blur(10px); }.plan-corner span { color: #fffaf2; font-size: 11px; font-weight: 800; }.plan-corner i { width: 8px; height: 8px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 4px rgba(165,188,169,.14); }
.gravity-visual::before { content: ""; position: absolute; z-index: 1; inset: 0; background: radial-gradient(60% 60% at 46% 49%, rgba(213,156,207,.33), rgba(213,156,207,.07) 42%, transparent 68%), radial-gradient(45% 50% at 50% 66%, rgba(223,195,135,.15), transparent 71%); pointer-events: none; }.gravity-visual::after { z-index: 2; }.gravity-readout, .gravity-control { z-index: 3; }
@media (max-width: 930px) { .home-hero { grid-template-columns: 1fr; }.home-visual-scene { min-height: min(108vw, 610px); }.home-manifesto > div { grid-template-columns: 1fr; }.home-manifesto span { grid-column: auto; }.journey-step { min-height: 440px; } }
@media (max-width: 760px) { .home-copy h1 { font-size: clamp(49px, 15vw, 68px); }.home-visual-scene { min-height: min(128vw, 525px); }.hero-system-card { top: 17px; left: 17px; width: min(275px, calc(100% - 34px)); padding: 14px; }.hero-system-card strong { font-size: 21px; }.hero-system-card p { display: none; }.hero-system-tags i { padding: 5px 7px; font-size: 10px; }.hero-reply { right: 16px; bottom: 16px; width: min(245px, calc(100% - 32px)); padding: 13px 14px; }.hero-reply strong { font-size: 14px; }.hero-arc { right: 12%; bottom: 23%; width: 120px; height: 120px; }.hero-remark { margin-top: 27px; font-size: 18px; }.home-manifesto { padding: 66px 0 70px; }.home-manifesto strong { font-size: clamp(39px, 12vw, 55px); }.home-manifesto span { font-size: 16px; }.journey { gap: 14px; }.journey-step { min-height: 435px; padding: 0; }.journey-step-copy { padding: 23px; }.journey-step h3 { font-size: 28px; }.journey-corner { top: 17px; right: 17px; } }

/* Product page: a concrete, static explanation of the live beta journey. */
.product-main { padding: 0; overflow: hidden; }
.product-hero { display: grid; grid-template-columns: minmax(0, .85fr) minmax(460px, 1.15fr); align-items: center; gap: clamp(36px, 7vw, 106px); min-height: min(860px, calc(100vh - 72px)); padding: clamp(70px, 10vw, 145px) 0 clamp(68px, 9vw, 120px); }
.product-copy h1 { max-width: 610px; margin-bottom: 24px; }
.product-availability { display: grid; grid-template-columns: 9px 1fr; column-gap: 10px; max-width: 540px; margin: 28px 0 0; color: #dad6ce; font-size: 14px; line-height: 1.5; }
.product-availability span { width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 5px rgba(165,188,169,.12); }
.product-availability strong { color: var(--ink); }
.product-hero-stage { position: relative; min-height: 580px; margin: 0; overflow: hidden; border: 1px solid rgba(242,229,204,.28); border-radius: 36px; background: #151c28; box-shadow: 0 34px 86px rgba(0,0,0,.4); isolation: isolate; }
.product-hero-stage::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(115deg, rgba(6,10,16,.52), rgba(6,10,16,.04) 56%), linear-gradient(0deg, rgba(6,10,16,.76), transparent 45%); }
.product-hero-stage > img { display: block; width: 100%; height: 100%; min-height: 580px; object-fit: cover; object-position: 52% center; }
.product-stage-context, .product-stage-next, .product-stage-signal { position: absolute; z-index: 2; }
.product-stage-context { top: 26px; left: 26px; width: min(284px, calc(100% - 52px)); padding: 16px; border: 1px solid rgba(247,241,232,.27); border-radius: 17px; background: rgba(11,17,28,.66); backdrop-filter: blur(13px); }
.product-stage-context span, .product-stage-next span, .product-stage-signal span, .product-proof-label span { display: block; margin-bottom: 7px; color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.product-stage-context strong, .product-stage-next strong { display: block; color: var(--ink); font-family: Georgia, serif; font-size: 22px; font-weight: 500; line-height: 1.12; }
.product-stage-context p { margin: 7px 0 0; color: #e5ded4; font-size: 13px; line-height: 1.42; }
.product-stage-signal { top: 40%; right: 11%; display: grid; width: 110px; height: 110px; place-items: center; border: 1px solid rgba(255,250,242,.74); border-radius: 50%; background: radial-gradient(circle, rgba(214,151,210,.66), rgba(16,21,34,.95) 59%); box-shadow: 0 0 0 10px rgba(255,250,242,.17), 0 0 0 24px rgba(214,151,210,.11), 0 0 42px rgba(214,151,210,.5); }
.product-stage-signal span { position: absolute; top: -31px; margin: 0; color: #fffaf2; }
.product-stage-signal i { color: #fffaf2; font-size: 38px; font-style: normal; }
.product-stage-signal b { position: absolute; right: -8px; bottom: -30px; color: #f7f1e8; font-size: 11px; letter-spacing: .04em; white-space: nowrap; }
.product-stage-next { right: 25px; bottom: 23px; width: min(270px, calc(100% - 50px)); padding: 15px 16px; border: 1px solid rgba(247,241,232,.27); border-radius: 16px; background: rgba(18,20,33,.73); backdrop-filter: blur(12px); }
.product-stage-next strong { font-size: 16px; }
.product-statement { padding: clamp(72px, 10vw, 132px) 0; background: #eee6d8; color: #17202c; }.product-statement > div { display: grid; grid-template-columns: .7fr 1.3fr; align-items: end; gap: 34px; }.product-statement p { margin: 0; color: #55606b; font-size: 14px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.product-statement strong { max-width: 800px; color: #17202c; font-family: Georgia, serif; font-size: clamp(42px, 6vw, 76px); font-weight: 500; line-height: .98; letter-spacing: -.05em; }
.product-section { padding: clamp(78px, 11vw, 148px) 0; }.product-section-heading { max-width: 780px; }.product-section-heading h2 { margin: 10px 0 18px; }
.product-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 50px 0 0; padding: 0; list-style: none; }
.product-flow-step { position: relative; display: flex; min-height: 455px; padding: 30px; overflow: hidden; flex-direction: column; justify-content: space-between; border: 1px solid var(--line); border-radius: 25px; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)); }
.product-flow-step h3 { max-width: 260px; margin: 9px 0 10px; font-size: 31px; }.product-flow-step p { max-width: 290px; margin-bottom: 0; font-size: 16px; }.product-flow-step .eyebrow { margin: 0; }.product-step-number { position: absolute; top: 22px; right: 25px; color: rgba(247,241,232,.38); font-family: Georgia, serif; font-size: 20px; }
.product-flow-art { position: relative; min-height: 112px; margin-top: 27px; }.harmony-art i { position: absolute; width: 89px; height: 89px; border: 1px solid rgba(247,241,232,.73); border-radius: 50%; }.harmony-art i:first-child { left: 9px; top: 0; }.harmony-art i:nth-child(2) { bottom: 0; left: 67px; background: radial-gradient(circle, rgba(165,188,169,.18), rgba(165,188,169,.04) 68%); }.harmony-art span { position: absolute; top: 40px; left: 179px; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.gravity-flow { background: radial-gradient(250px 220px at 70% 90%, rgba(214,151,210,.17), transparent 74%), linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)); }.gravity-art { display: flex; align-items: center; gap: 16px; }.gravity-art i { display: grid; width: 72px; height: 72px; flex: 0 0 72px; place-items: center; border: 1px solid rgba(247,241,232,.72); border-radius: 50%; color: #fffaf2; font-size: 29px; font-style: normal; background: radial-gradient(circle, rgba(214,151,210,.58), rgba(15,20,33,.95) 62%); box-shadow: 0 0 0 8px rgba(214,151,210,.1), 0 0 27px rgba(214,151,210,.32); }.gravity-art span { max-width: 150px; color: #f1e7dd; font-size: 12px; font-weight: 700; line-height: 1.5; }
.plan-flow { background: radial-gradient(240px 220px at 84% 87%, rgba(223,195,135,.15), transparent 70%), linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)); }.plan-art { display: grid; align-content: center; gap: 7px; padding: 16px; border: 1px solid rgba(223,195,135,.48); border-radius: 17px; background: rgba(10,15,24,.4); }.plan-art span { color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.plan-art b { color: var(--ink); font-size: 16px; }.plan-art i { position: absolute; right: 20px; bottom: 21px; width: 9px; height: 9px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 5px rgba(165,188,169,.13); }
.product-live-section { background: linear-gradient(145deg, rgba(165,188,169,.11), rgba(11,17,28,.1) 52%), #111824; }.product-live-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); gap: clamp(36px, 8vw, 116px); align-items: center; }.product-live-copy h2 { margin: 10px 0 18px; }.product-surface-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 21px; background: var(--line); }.product-surface-list article { min-height: 194px; padding: 24px; background: rgba(13,20,31,.92); }.product-surface-list span, .product-trust-grid article > span { display: block; margin-bottom: 13px; color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.product-surface-list h3 { margin-bottom: 8px; font-size: 22px; }.product-surface-list p { margin: 0; font-size: 14px; line-height: 1.5; }
.product-proof-section { display: grid; grid-template-columns: minmax(400px, 1.1fr) minmax(0, .9fr); align-items: center; gap: clamp(40px, 9vw, 128px); }.product-proof-image { position: relative; min-height: 600px; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #151c28; }.product-proof-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,11,18,.04) 24%, rgba(7,11,18,.8) 100%); }.product-proof-image img { display: block; width: 100%; height: 100%; min-height: 600px; object-fit: cover; object-position: center; }.product-proof-aura { position: absolute; z-index: 1; inset: 0; background: radial-gradient(58% 52% at 47% 50%, rgba(214,151,210,.32), rgba(214,151,210,.06) 42%, transparent 70%), radial-gradient(45% 48% at 48% 64%, rgba(223,195,135,.17), transparent 72%); }.product-proof-label { position: absolute; z-index: 2; right: 25px; bottom: 23px; left: 25px; }.product-proof-label strong { color: #fffaf2; font-family: Georgia, serif; font-size: clamp(23px, 3vw, 32px); font-weight: 500; line-height: 1.08; }.product-proof-copy h2 { margin: 10px 0 18px; }.product-proof-copy .text-link { margin-top: 15px; }
.product-trust-section { background: #eee6d8; }.product-trust-section .product-section-heading h2 { color: #17202c; }.product-trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 45px; }.product-trust-grid article { display: flex; min-height: 300px; flex-direction: column; padding: 29px; border: 1px solid rgba(23,32,44,.17); border-radius: 22px; background: rgba(255,255,255,.34); }.product-trust-grid article > span { color: #8a6f42; }.product-trust-grid h3 { color: #17202c; margin-bottom: 10px; font-size: 27px; }.product-trust-grid p { color: #4c5661; margin-bottom: 0; font-size: 16px; }.product-trust-grid a { margin-top: auto; padding-top: 25px; color: #17202c; font-size: 14px; font-weight: 800; text-decoration-color: rgba(138,111,66,.56); text-underline-offset: 5px; }.product-final-cta { margin-bottom: 0; }
@media (max-width: 930px) { .product-hero, .product-live-layout, .product-proof-section { grid-template-columns: 1fr; }.product-hero { min-height: auto; }.product-hero-stage { min-height: min(110vw, 650px); }.product-hero-stage > img { min-height: min(110vw, 650px); }.product-statement > div { grid-template-columns: 1fr; }.product-flow { grid-template-columns: 1fr; }.product-flow-step { min-height: 370px; }.product-flow-step h3 { max-width: 430px; }.product-flow-step p { max-width: 520px; }.product-proof-image, .product-proof-image img { min-height: min(112vw, 650px); } }
@media (max-width: 760px) { .product-hero { gap: 42px; padding-top: 70px; }.product-hero-stage, .product-hero-stage > img { min-height: min(130vw, 535px); }.product-stage-context { top: 17px; left: 17px; width: min(255px, calc(100% - 34px)); padding: 13px; }.product-stage-context strong { font-size: 18px; }.product-stage-context p { display: none; }.product-stage-signal { right: 21%; top: 41%; width: 82px; height: 82px; }.product-stage-signal i { font-size: 29px; }.product-stage-signal b { right: -14px; bottom: -25px; font-size: 10px; }.product-stage-next { right: 16px; bottom: 16px; width: min(237px, calc(100% - 32px)); padding: 12px; }.product-stage-next strong { font-size: 14px; }.product-statement { padding: 66px 0 70px; }.product-statement strong { font-size: clamp(39px, 12vw, 55px); }.product-flow { margin-top: 38px; }.product-flow-step { min-height: 390px; padding: 25px; }.product-live-layout { gap: 42px; }.product-surface-list { grid-template-columns: 1fr; }.product-surface-list article { min-height: auto; }.product-proof-section { gap: 38px; }.product-proof-image, .product-proof-image img { min-height: min(128vw, 530px); }.product-proof-label { right: 19px; bottom: 18px; left: 19px; }.product-proof-label strong { font-size: 24px; }.product-trust-grid { grid-template-columns: 1fr; margin-top: 35px; }.product-trust-grid article { min-height: 240px; }.product-trust-grid h3 { font-size: 25px; } }

/* Experience excellence: lead with an intelligible product moment, not a
   decorative collage. The details are deliberately representative, so the
   public page demonstrates the system without presenting a model as a member. */
.hero-profile-stage > img { object-position: 43% center; }
.hero-harmony-panel { position: absolute; z-index: 3; top: 28px; right: 28px; width: min(300px, calc(100% - 56px)); padding: 18px; border: 1px solid rgba(247,241,232,.31); border-radius: 18px; background: linear-gradient(135deg, rgba(15,24,35,.88), rgba(15,24,35,.67)); box-shadow: 0 18px 45px rgba(0,0,0,.24); backdrop-filter: blur(16px); }
.hero-harmony-panel > span, .hero-gravity-demo > span { display: block; color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero-harmony-panel > strong { display: block; margin: 9px 0 13px; color: #fffaf2; font-family: Georgia, serif; font-size: 25px; font-weight: 500; line-height: 1.05; }
.hero-harmony-panel dl { display: grid; gap: 8px; margin: 0; }.hero-harmony-panel dl > div { display: grid; grid-template-columns: 78px 1fr; gap: 9px; padding-top: 8px; border-top: 1px solid rgba(247,241,232,.13); }.hero-harmony-panel dt { color: #c9c1b6; font-size: 11px; font-weight: 800; }.hero-harmony-panel dd { margin: 0; color: #fffaf2; font-size: 12px; font-weight: 700; line-height: 1.25; }
.hero-gravity-demo { position: absolute; z-index: 3; right: 9%; bottom: 21%; display: grid; justify-items: center; gap: 8px; min-width: 116px; padding: 13px 13px 11px; border: 1px solid rgba(247,241,232,.26); border-radius: 17px; background: rgba(15,18,30,.56); box-shadow: 0 14px 33px rgba(0,0,0,.22); backdrop-filter: blur(15px); }.hero-gravity-demo > span { color: #f8e7b4; }.hero-gravity-demo i { display: grid; width: 53px; height: 53px; place-items: center; border: 1px solid rgba(255,250,242,.78); border-radius: 50%; color: #fffaf2; font-size: 27px; font-style: normal; background: radial-gradient(circle, rgba(218,172,220,.68), rgba(20,22,43,.95) 62%); box-shadow: 0 0 20px rgba(218,172,220,.38); }.hero-gravity-demo b { color: #fffaf2; font-size: 10px; letter-spacing: .02em; white-space: nowrap; }
.hero-reply { width: min(305px, calc(100% - 54px)); }.hero-reply span { color: #b9d3bf; }.hero-reply strong { font-family: Georgia, serif; font-size: 18px; font-weight: 500; line-height: 1.15; }
.home-shift { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 48px; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--line); }.home-shift article { min-height: 270px; padding: 29px; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)); }.home-shift article:nth-child(2) { background: radial-gradient(240px 190px at 72% 82%, rgba(218,172,220,.16), transparent 72%), linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)); }.home-shift article:nth-child(3) { background: radial-gradient(240px 190px at 80% 80%, rgba(165,188,169,.16), transparent 72%), linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)); }.home-shift span { display: block; margin-bottom: 44px; color: var(--gold); font-family: Georgia, serif; font-size: 19px; }.home-shift p { max-width: 265px; margin: 0 0 14px; color: #bcb5aa; font-size: 14px; line-height: 1.45; }.home-shift strong { display: block; max-width: 280px; color: var(--ink); font-family: Georgia, serif; font-size: 25px; font-weight: 500; line-height: 1.12; }
@media (max-width: 930px) { .home-shift { grid-template-columns: 1fr; }.home-shift article { min-height: 210px; }.home-shift span { margin-bottom: 26px; } }
@media (max-width: 760px) { .home-hero { padding-top: 54px; }.home-copy h1 { max-width: 410px; font-size: clamp(52px, 16vw, 67px); }.hero-proof { margin-top: 32px; }.hero-proof li { padding-right: 8px; }.hero-profile-stage > img { object-position: 40% center; }.hero-harmony-panel { top: 16px; right: 16px; width: min(262px, calc(100% - 32px)); padding: 14px; }.hero-harmony-panel > strong { margin: 7px 0 10px; font-size: 20px; }.hero-harmony-panel dl { gap: 6px; }.hero-harmony-panel dl > div { grid-template-columns: 71px 1fr; gap: 7px; padding-top: 6px; }.hero-harmony-panel dt, .hero-harmony-panel dd { font-size: 10px; }.hero-gravity-demo { right: 14px; bottom: 25%; min-width: 97px; gap: 6px; padding: 10px; }.hero-gravity-demo i { width: 44px; height: 44px; font-size: 22px; }.hero-gravity-demo b { font-size: 9px; }.hero-reply { right: 16px; bottom: 16px; width: min(260px, calc(100% - 32px)); }.hero-reply strong { font-size: 15px; }.home-shift { margin-top: 35px; border-radius: 20px; }.home-shift article { min-height: 0; padding: 24px; }.home-shift span { margin-bottom: 21px; }.home-shift strong { max-width: 330px; font-size: 24px; } }

@media (max-width: 1080px) { .first-minute-heading, .home-belonging-grid { grid-template-columns: 1fr; }.first-minute-heading { gap: 20px; }.first-minute-path { grid-template-columns: 1fr; margin-top: 37px; }.first-minute-path li { min-height: 150px; }.home-belonging-grid { gap: 22px; } }
@media (max-width: 760px) { .home-beta-note { margin-top: 19px; margin-bottom: -10px; font-size: 12px; }.home-first-minute { padding: 70px 0; }.first-minute-heading h2 { font-size: clamp(39px, 12vw, 54px); }.first-minute-heading .lede { font-size: 18px; }.first-minute-path { border-radius: 19px; }.first-minute-path li { grid-template-columns: 34px minmax(0, 1fr); gap: 13px; min-height: 138px; padding: 22px; }.first-minute-path span { font-size: 18px; }.first-minute-path strong { font-size: 23px; }.first-minute-foot { gap: 8px; font-size: 9px; letter-spacing: .1em; }.first-minute-foot i { width: 14px; }.home-belonging { padding: 72px 0; }.home-belonging h2 { font-size: clamp(38px, 12vw, 53px); } }