/* ============ Fonts (self-hosted) ============ */
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/ibm-plex-mono-400-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/ibm-plex-mono-400-latin.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: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/ibm-plex-mono-500-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/ibm-plex-mono-500-latin.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: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/ibm-plex-mono-600-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/ibm-plex-mono-600-latin.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: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/poppins-400-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/poppins-400-latin.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: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/poppins-500-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/poppins-500-latin.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: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/poppins-600-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/poppins-600-latin.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: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/poppins-700-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/poppins-700-latin.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; }

/* ============ Base ============ */
* { box-sizing: border-box; }
body { margin: 0; font-family: Poppins, sans-serif; background: #E4E2FA; color: #17163A; -webkit-font-smoothing: antialiased; }
a { color: #4F4EA5; }
a:hover { color: #6F6CCB; }
input, button, textarea { font-family: inherit; }
input::placeholder { color: rgba(255, 255, 255, 0.45); }
.mono { font-family: 'IBM Plex Mono', monospace; }
.hidden { display: none !important; }

@keyframes swipe { from { width: 0 } to { width: 100% } }
@keyframes breathe { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
@media (max-width: 760px) {
  [data-breathe="a"] { animation: breathe 3s ease-in-out infinite }
  [data-breathe="b"] { animation: breathe 3s ease-in-out infinite -1.5s }
}
@media (prefers-reduced-motion: reduce) { [data-breathe] { animation: none !important } }
@keyframes dropIn { from { opacity: 0; transform: translateY(-14px) } to { opacity: 1; transform: translateY(0) } }
@keyframes wipeIn { from { transform: translateX(-101%) } to { transform: translateX(0) } }
@keyframes wipeOut { from { transform: translateX(0) } to { transform: translateX(101%) } }
@keyframes stampIn { 0% { opacity: 0; transform: rotate(-8deg) scale(1.7) } 62% { opacity: 1; transform: rotate(-8deg) scale(0.93) } 100% { opacity: 1; transform: rotate(-8deg) scale(1) } }

input[type=range] { -webkit-appearance: none; appearance: none; background: transparent; margin: 0; padding: 0; width: 100%; }
input[type=range]::-webkit-slider-runnable-track { height: 24px; background: transparent; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #FFFFFF; border: 2px solid #4F4EA5; box-shadow: 0 1px 5px rgba(23, 22, 58, 0.3); cursor: pointer; }
input[type=range]::-moz-range-track { height: 24px; background: transparent; }
input[type=range]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; border: 2px solid #4F4EA5; box-shadow: 0 1px 5px rgba(23, 22, 58, 0.3); cursor: pointer; }

/* ============ View switching ============ */
#view-split, #view-own, #view-rent, .track-tail { display: none; }
body[data-view="split"] #view-split { display: flex; }
body[data-view="own"] #view-own { display: block; }
body[data-view="rent"] #view-rent { display: block; }
body[data-view="own"] .track-tail, body[data-view="rent"] .track-tail { display: block; }

#wipe { position: fixed; inset: 0; z-index: 300; display: none; }
#wipe.on { display: block; }

/* ============ Nav ============ */
.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 clamp(14px, 3vw, 28px); height: 64px; transition: background 300ms ease; }
body[data-view="split"] .nav { background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
body[data-view="own"] .nav { background: #FFFFFF; border-bottom: 1px solid #E4E2FA; }
body[data-view="rent"] .nav { background: #1E1D45; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.nav-left { display: flex; align-items: center; gap: 14px; min-width: 0; }
.nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.nav-logo img { height: 32px; }
body[data-view="rent"] .logo-light { display: none; }
.logo-dark { display: none; }
body[data-view="rent"] .logo-dark { display: block; }
.nav-sep { width: 1px; height: 26px; opacity: 0.5; background: #4F4EA5; }
body[data-view="rent"] .nav-sep { background: #6F6CCB; }
.nav-suffix { font-family: 'IBM Plex Mono', monospace; font-size: 14px; letter-spacing: 0.08em; color: #4F4EA5; transform: translateY(1px); }
body[data-view="rent"] .nav-suffix { color: #6F6CCB; }
.nav-fall { display: inline-flex; align-items: center; font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.12em; color: #17163A; border: 1px solid #4F4EA5; border-radius: 999px; padding: 5px 12px; white-space: nowrap; }
body[data-view="rent"] .nav-fall { color: #FFFFFF; border-color: #6F6CCB; }
@media (max-width: 480px) { .nav-fall { display: none; } }
.nav-right { display: flex; align-items: center; gap: 12px; min-width: 0; }
.nav-hl { display: none; font-weight: 600; font-size: 12.5px; line-height: 1.35; color: #17163A; text-align: right; max-width: 60vw; background: #FFFFFF; border-radius: 999px; padding: 6px 12px; }
@media (max-width: 760px) { body[data-view="split"] .nav-hl { display: block; } }
.nav-seg { display: none; border: 1px solid #4F4EA5; border-radius: 999px; overflow: hidden; animation: dropIn 450ms ease-out; }
body[data-view="own"] .nav-seg, body[data-view="rent"] .nav-seg { display: flex; }
body[data-view="rent"] .nav-seg { border-color: #6F6CCB; }
.nav-seg button { border: none; background: transparent; color: #17163A; font-size: 13px; font-weight: 600; padding: 9px 16px; cursor: pointer; min-height: 38px; }
body[data-view="rent"] .nav-seg button { color: #FFFFFF; }
body[data-view="own"] .nav-seg .seg-own { background: #4F4EA5; color: #FFFFFF; }
body[data-view="rent"] .nav-seg .seg-rent { background: #6F6CCB; color: #FFFFFF; }

/* ============ Split screen ============ */
#view-split { position: relative; height: 100vh; height: 100dvh; min-height: 620px; overflow: hidden; flex-direction: column; }
.split-stage { position: relative; flex: 1; min-height: 0; }
.split-rent { position: absolute; inset: 0; background: #1E1D45; cursor: pointer; }
.split-own { position: absolute; inset: 0; background: #E4E2FA; cursor: pointer; transition: clip-path 340ms ease; }
.split-own.sweeping, .split-rent.sweeping { transition: clip-path 620ms cubic-bezier(.7, 0, .3, 1); }
.split-half { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 14px; }
.split-own .split-half { left: 0; top: 0; width: 50%; height: 100%; padding: 70px 8vw 56px 5vw; }
.split-rent .split-half { right: 0; bottom: 0; width: 50%; height: 100%; padding: 70px 5vw 56px 8vw; }
@media (max-width: 760px) {
  .split-own .split-half { width: 100%; height: 50%; padding: 84px 7vw 16px 7vw; }
  .split-rent .split-half { width: 100%; height: 50%; padding: 20px 7vw 64px 7vw; }
}
.split-kicker { font-family: 'IBM Plex Mono', monospace; font-size: clamp(11px, 0.85vw, 12px); letter-spacing: 0.16em; }
.split-h1 { margin: 0; font-weight: 700; font-size: clamp(34px, 6.5vw, 84px); line-height: 1.02; letter-spacing: -0.02em; text-wrap: pretty; }
.split-price { font-family: 'IBM Plex Mono', monospace; font-size: clamp(13px, 1.15vw, 16px); }
.split-lede { margin: 0; font-weight: 600; font-size: clamp(15px, 2.2vw, 19px); line-height: 1.45; max-width: 30ch; }
.split-sub { margin: 0; font-size: clamp(14px, 1.1vw, 15px); line-height: 1.5; max-width: 34ch; }
.own-sub { font-weight: 400; font-size: 15px; line-height: 1.55; color: rgba(23, 22, 58, 0.8); }
@media (max-width: 760px) { .own-lede { display: none; } .own-sub { font-weight: 600; } }
.split-enter { font-family: 'IBM Plex Mono', monospace; font-size: 14px; letter-spacing: 0.14em; margin-top: 10px; transform: none; transition: transform 300ms ease; }
.split-enter.nudge { transform: translateX(8px); }
.split-headline { position: absolute; top: 86px; left: 0; right: 0; display: flex; justify-content: center; pointer-events: none; z-index: 5; }
.split-headline > div { background: rgba(255, 255, 255, 0.94); border-radius: 999px; padding: 13px 30px; font-weight: 700; letter-spacing: -0.02em; font-size: clamp(20px, 1.7vw, 30px); line-height: 1.15; text-align: center; color: #17163A; box-shadow: 0 8px 34px rgba(23, 22, 58, 0.22); width: max-content; max-width: 92vw; }
.split-trustbar { position: absolute; bottom: 18px; left: 0; right: 0; display: flex; justify-content: center; pointer-events: none; z-index: 5; padding: 0 12px; }
.split-trustbar > div { background: rgba(23, 22, 58, 0.55); backdrop-filter: blur(6px); border-radius: 999px; padding: 7px 16px; font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.9); text-align: center; }
@media (max-width: 760px) { .split-headline, .split-trustbar { display: none; } }
.split-trustbtn { display: none; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 5; background: rgba(23, 22, 58, 0.5); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 999px; padding: 11px 18px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: rgba(255, 255, 255, 0.92); cursor: pointer; min-height: 44px; white-space: nowrap; }
@media (max-width: 760px) { .split-trustbtn { display: block; } }
.split-trustpop { display: none; position: absolute; bottom: 64px; left: 50%; transform: translateX(-50%); z-index: 6; width: max-content; max-width: 92vw; background: rgba(23, 22, 58, 0.55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 18px; padding: 14px 18px; text-align: center; font-size: 13px; line-height: 1.6; color: #FFFFFF; cursor: pointer; }
.split-trustpop.open { display: block; }

/* ============ Shared section primitives ============ */
.kicker { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.18em; color: #E8684A; margin-bottom: 26px; }
.tldr-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(26px, 4vw, 40px); }
.tldr-chip { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.1em; border-radius: 999px; padding: 7px 13px; white-space: nowrap; }
.own-tldr .tldr-chip { color: #4F4EA5; border: 1px solid rgba(79, 78, 165, 0.45); }
.own-tldr .tldr-chip:first-child { color: #FFFFFF; background: #4F4EA5; border-color: #4F4EA5; }
.rent-tldr .tldr-chip { color: #B9B6F4; border: 1px solid rgba(185, 182, 244, 0.45); }
.rent-tldr .tldr-chip:first-child { color: #1E1D45; background: #B9B6F4; border-color: #B9B6F4; }
@media (max-width: 760px) { .tldr-chip { white-space: normal; text-align: center; } }
.ghost { position: absolute; right: -50px; bottom: -70px; font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: clamp(180px, 22vw, 300px); line-height: 1; letter-spacing: -0.04em; pointer-events: none; }
@media (max-width: 760px) { .ghost { display: none; } }
.problem-h2 { margin: 0 0 30px; font-weight: 700; font-size: clamp(38px, 5.5vw, 78px); line-height: 1.08; letter-spacing: -0.02em; text-wrap: pretty; }
.underline-wrap { position: relative; white-space: nowrap; }
.underline-bar { position: absolute; left: 0; bottom: 0; height: 0.13em; background: #E8684A; width: 0; }
.in-view .underline-bar { animation: swipe 600ms 500ms ease forwards; }
.cta-btn { border: none; background: #4F4EA5; color: #FFFFFF; font-weight: 600; font-size: 15px; padding: 14px 30px; border-radius: 999px; cursor: pointer; min-height: 48px; }
.cta-btn:hover { background: #3E3D8A; }
.cta-btn.rent { background: #6F6CCB; }
.cta-btn.rent:hover { background: #4F4EA5; }
.cta-row { display: flex; justify-content: center; margin-top: 44px; }

/* Proof stats rows (carousel on mobile) */
.proof-row { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 48px 32px; }
.proof-item { flex: 1 1 0; min-width: min(100%, 220px); scroll-snap-align: start; text-align: left; }
.proof-num { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: clamp(58px, 7.5vw, 100px); line-height: 1; letter-spacing: -0.03em; }
.proof-num.sm { font-size: clamp(38px, 4.5vw, 62px); line-height: 1.15; padding-top: clamp(8px, 1.5vw, 26px); }
.proof-cap { margin: 18px 0 0; font-size: 15.5px; line-height: 1.6; max-width: 30ch; }
.proof-vr { display: block; width: 1px; height: 110px; align-self: center; opacity: 0.6; background: #B9B6F4; flex-shrink: 0; }
.proof-hr { display: none; width: 40%; height: 1px; background: rgba(111, 108, 203, 0.35); margin: 14px auto 0; }
.eq-stag { padding-top: clamp(18px, 2vw, 40px); }
@media (max-width: 760px) {
  .proof-row { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 16px; padding-bottom: 8px; max-width: none; justify-content: flex-start; }
  .proof-item { flex: 0 0 100%; min-width: 0; text-align: center; }
  .proof-cap { margin: 18px auto 0; }
  .proof-vr { display: none; }
  .proof-hr { display: block; }
  .eq-stag { padding-top: 0; }
}
.dots { display: none; justify-content: center; gap: 8px; margin-top: 16px; }
@media (max-width: 760px) { .dots { display: flex; } }
.dots span { width: 8px; height: 8px; border-radius: 50%; transition: background 200ms ease; }

/* Numbered tiles + accordions */
.acc-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; cursor: default; margin: 30px 0 24px; }
.acc-head h3 { margin: 0; font-weight: 600; font-size: clamp(19px, 1.8vw, 22px); }
.acc-icon { display: none; font-family: 'IBM Plex Mono', monospace; font-size: 24px; }
.acc-body { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 400ms ease; }
.acc-body > div { overflow: hidden; min-height: 0; }
@media (max-width: 760px) {
  .acc-mobile .acc-head { cursor: pointer; }
  .acc-mobile .acc-icon { display: block; }
  .acc-mobile .acc-body { grid-template-rows: 0fr; }
  .acc-mobile.open .acc-body { grid-template-rows: 1fr; }
}
.acc-faq { border-top: 1px solid rgba(23, 22, 58, 0.18); border-bottom: 1px solid rgba(23, 22, 58, 0.18); }
.acc-faq .faq-toggle { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 0; cursor: pointer; background: none; border: none; text-align: left; min-height: 44px; }
.acc-faq .faq-toggle:hover { opacity: 0.75; }
.acc-faq .faq-toggle span:first-child { font-weight: 600; font-size: clamp(17px, 2vw, 21px); }
.acc-faq .faq-toggle .acc-icon { display: block; font-size: 22px; }
.acc-faq .acc-body { grid-template-rows: 0fr; }
.acc-faq.open .acc-body { grid-template-rows: 1fr; }
.tile-grid { padding: 4px 0 30px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.tile-grid.loose { gap: 30px; }
.tile-grid.tight-top { padding-top: 0; }
@media (max-width: 760px) { .tile-grid { grid-template-columns: minmax(0, 1fr); } }
.num-badge { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 13px; color: #FFFFFF; background: #4F4EA5; border-radius: 8px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tile-rule-row { display: flex; align-items: center; gap: 14px; }
.tile { border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.tile-title { font-weight: 600; font-size: 16px; }
.tile-body { font-size: 14.5px; line-height: 1.6; }

/* Fade-in */
[data-fade] { opacity: 1; }
[data-fade].pre { opacity: 0; transform: translateY(26px); transition: opacity 700ms ease, transform 700ms ease; }

/* ============ Own track ============ */
.own-problem { background: #E4E2FA; position: relative; overflow: hidden; padding: clamp(110px, 14vw, 150px) clamp(20px, 7vw, 110px) clamp(48px, 9vw, 90px); }
.own-problem .ghost { color: #17163A; opacity: 0.07; }
.own-problem .inner { position: relative; max-width: 1100px; }
.own-problem p.body { margin: 0; font-size: 18px; line-height: 1.6; color: rgba(23, 22, 58, 0.78); max-width: 52ch; }
.own-problem p.pitch { margin: 26px 0 0; font-weight: 600; font-size: clamp(20px, 2vw, 27px); line-height: 1.45; color: #4F4EA5; max-width: 44ch; text-wrap: pretty; }

.own-calc { background: #FFFFFF; padding: clamp(48px, 8vw, 95px) clamp(20px, 7vw, 110px) 48px; }
@media (max-width: 760px) { .own-calc { padding: 48px clamp(20px, 7vw, 110px); } }
.own-calc .inner { max-width: 1200px; margin: 0 auto; }
.own-calc h2 { margin: 0 0 10px; font-weight: 700; font-size: clamp(24px, 3.4vw, 46px); letter-spacing: -0.02em; color: #17163A; }
.calc-note { font-family: 'IBM Plex Mono', monospace; font-size: 13px; letter-spacing: 0.06em; color: #4F4EA5; margin-bottom: 24px; }
.calc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: clamp(36px, 5vw, 56px); align-items: start; }
.calc-left { display: flex; flex-direction: column; gap: 44px; }
.slider-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; gap: 10px; }
.slider-label { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.14em; color: rgba(23, 22, 58, 0.6); }
.slider-val { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 20px; color: #17163A; }
.slider-track { position: relative; height: 24px; }
.slider-bg { position: absolute; left: 0; right: 0; top: 8px; height: 8px; border-radius: 4px; background: #E6E5F6; }
.slider-fill { position: absolute; left: 0; top: 8px; height: 8px; border-radius: 4px; background: #4F4EA5; }
.slider-track input { position: absolute; inset: 0; }
.gap-block .gap-row { display: flex; align-items: baseline; gap: 14px; margin-bottom: 26px; }
.gap-num { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 34px; color: #17163A; }
.gap-label { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.14em; color: #4F4EA5; }
.gap-body { margin: 0 0 18px; font-size: 15.5px; line-height: 1.6; color: rgba(23, 22, 58, 0.75); }
.gap-fine { margin: 0; font-size: 12px; line-height: 1.6; color: rgba(23, 22, 58, 0.55); }
.gap-desktop { display: block; margin-top: -16px; }
.gap-mobile { display: none; }
@media (max-width: 760px) { .gap-desktop { display: none; } .gap-mobile { display: block; } }
.save-lead { font-weight: 500; font-size: 19px; color: #17163A; margin-bottom: 4px; }
.save-row { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.save-num { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: clamp(60px, 8.5vw, 106px); line-height: 1; letter-spacing: -0.03em; color: #17163A; }
.save-per { font-weight: 600; font-size: clamp(20px, 2.2vw, 28px); color: #4F4EA5; }
.save-year { font-size: 17px; color: rgba(23, 22, 58, 0.75); margin-top: 12px; }
.bar-label { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; margin-bottom: 7px; }
.bar { height: 26px; border-radius: 6px; }
.bar-card { background: #E8684A; width: 100%; }
.bar-notch { background: #4F4EA5; transition: width 500ms ease; }

.own-proof { background: #1E1D45; padding: clamp(48px, 8vw, 95px) clamp(20px, 7vw, 110px); }
@media (max-width: 760px) { .own-proof { padding: 48px 20px; } }
.own-proof .proof-num { color: #FFFFFF; }
.own-proof .proof-cap { color: #B9B6F4; }

.own-uses { background: #FFFFFF; padding: clamp(48px, 5vw, 56px) clamp(20px, 7vw, 110px); }
.own-uses .inner { max-width: 900px; margin: 0 auto; }
.own-uses h2 { margin: 0 0 30px; font-weight: 700; font-size: clamp(24px, 3vw, 40px); letter-spacing: -0.02em; color: #17163A; }
.uses-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 760px) { .uses-grid { grid-template-columns: minmax(0, 1fr); } }
.use-card { background: #FFFFFF; border: 1px solid #E0DFF4; border-radius: 16px; padding: 26px; display: flex; flex-direction: column; gap: 12px; transition: transform 200ms ease, box-shadow 200ms ease; }
.use-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(23, 22, 58, 0.10); }
.use-rule { flex: 1; height: 1px; background: #E0DFF4; }
.use-title { font-weight: 600; font-size: 17px; line-height: 1.4; color: #17163A; }
.use-body { font-size: 14.5px; line-height: 1.55; color: rgba(23, 22, 58, 0.65); }

.own-statement { background: #1E1D45; border-top: 1px solid rgba(255, 255, 255, 0.12); padding: clamp(48px, 9vw, 110px) clamp(20px, 7vw, 110px); }
.own-statement .inner { max-width: 1000px; margin: 0 auto; }
.own-statement h2 { margin: 0; font-weight: 700; font-size: clamp(26px, 4.6vw, 58px); line-height: 1.16; letter-spacing: -0.02em; text-wrap: pretty; }

.own-details { background: #E4E2FA; padding: clamp(48px, 6vw, 80px) clamp(20px, 7vw, 110px) 46px; }
.own-details .inner { max-width: 940px; margin: 0 auto; }
.own-details h2 { margin: 0 0 12px; font-weight: 700; font-size: clamp(26px, 3.6vw, 48px); letter-spacing: -0.02em; color: #17163A; }
.own-details .acc { border-top: 1px solid rgba(23, 22, 58, 0.18); }
.own-details .acc-head h3 { color: #17163A; }
.own-details .acc-icon { color: #4F4EA5; }
.own-tile { background: rgba(79, 78, 165, 0.08); border: 1px solid rgba(79, 78, 165, 0.25); }
.own-tile .tile-title { color: #17163A; }
.own-tile .tile-body { color: rgba(23, 22, 58, 0.72); }
.own-details .tile-rule-row > div:last-child { flex: 1; height: 1px; background: #B9B6F4; }
.who-item { display: flex; flex-direction: column; gap: 12px; }
.who-item .tile-title { color: #17163A; }

.own-compare { background: #FFFFFF; padding: clamp(48px, 6vw, 80px) clamp(20px, 7vw, 110px); }
.cmp-wrap { max-width: 940px; margin: 0 auto; border: 1px solid rgba(79, 78, 165, 0.3); background: rgba(79, 78, 165, 0.04); border-radius: 16px; padding: 30px; }
@media (max-width: 760px) { .cmp-wrap { padding: 20px; } }
.cmp-wrap h3 { margin: 0 0 24px; font-weight: 600; font-size: clamp(19px, 1.8vw, 22px); color: #17163A; }
.cmp-note-head { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.06em; color: rgba(23, 22, 58, 0.6); margin-bottom: 18px; }
.cmp-hero { background: rgba(79, 78, 165, 0.08); border: 1.5px solid #4F4EA5; border-radius: 12px; padding: 16px 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px 18px; align-items: baseline; margin-bottom: 6px; position: relative; }
@media (max-width: 760px) { .cmp-hero { background: #FFFFFF; } }
.cmp-badge { position: absolute; top: -9px; left: 18px; font-family: 'IBM Plex Mono', monospace; font-size: 9.5px; letter-spacing: 0.14em; font-weight: 600; color: #FFFFFF; background: #4F4EA5; border-radius: 999px; padding: 3px 10px; }
.cmp-row { padding: 16px 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px 18px; align-items: baseline; border-top: 1px solid rgba(23, 22, 58, 0.12); }
.cmp-name { font-weight: 600; font-size: 17px; color: #17163A; }
.cmp-rate { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 28px; color: #17163A; }
.cmp-hero .cmp-rate { color: #4F4EA5; }
.cmp-fee { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: rgba(23, 22, 58, 0.85); }
.cmp-note { font-size: 13.5px; line-height: 1.5; color: #17163A; }
@media (max-width: 760px) {
  .cmp-name { font-size: 15.5px; }
  .cmp-rate { font-size: 24px; }
  .cmp-fee { color: rgba(23, 22, 58, 0.65); }
  .cmp-note { color: rgba(23, 22, 58, 0.72); }
}

.own-faq { background: #E4E2FA; padding: clamp(24px, 3vw, 48px) clamp(20px, 7vw, 110px) 46px; }
.own-faq .inner { max-width: 940px; margin: 0 auto; }
.own-faq .faq-toggle span:first-child { color: #17163A; }
.own-faq .acc-icon { color: #4F4EA5; }
.faq-list { padding: 4px 0 30px; display: flex; flex-direction: column; gap: 24px; }
.faq-q { font-weight: 600; font-size: 16.5px; margin-bottom: 7px; }
.faq-a { margin: 0; font-size: 15px; line-height: 1.65; max-width: 75ch; }
.own-faq .faq-q { color: #17163A; }
.own-faq .faq-a { color: rgba(23, 22, 58, 0.75); }
.contact-line { margin: 34px 0 0; font-size: 15.5px; }
.own-faq .contact-line { color: #17163A; }
.own-faq .contact-line a { color: #4F4EA5; font-weight: 600; }
.legal-fine { margin: 16px 0 0; font-size: 12px; line-height: 1.65; max-width: 85ch; }
.own-faq .legal-fine { color: rgba(23, 22, 58, 0.55); }
.back-row { text-align: center; padding: 32px 0 0; }
@media (max-width: 760px) { .back-row { padding: 56px 0 10px; } }
.back-link { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.08em; text-decoration: none; }
.own-faq .back-link { color: #4F4EA5; }
.own-faq .back-link:hover { color: #6F6CCB; }

/* ============ Rent track ============ */
.rent-problem { background: #1E1D45; position: relative; overflow: hidden; padding: clamp(110px, 14vw, 150px) clamp(20px, 7vw, 110px) clamp(48px, 9vw, 90px); }
.rent-problem .ghost { right: -40px; color: #FFFFFF; opacity: 0.06; }
.rent-problem .inner { position: relative; max-width: 1100px; }
.rent-problem .problem-h2 { color: #FFFFFF; }
.rent-problem p.body { margin: 0; font-size: 18px; line-height: 1.6; color: #B9B6F4; max-width: 50ch; text-wrap: pretty; }
.rent-problem .accent { font-family: 'IBM Plex Mono', monospace; color: #E8684A; }

.rent-whatis { background: #1E1D45; padding: clamp(48px, 8vw, 95px) clamp(20px, 7vw, 110px) 56px; }
@media (max-width: 760px) { .rent-whatis { padding: 0 20px 48px; } }
.rent-whatis .inner { max-width: 1000px; margin: 0 auto; }
.whatis-rule { display: none; height: 1px; width: 60%; margin: 0 auto 32px; background: rgba(255, 255, 255, 0.18); }
@media (max-width: 760px) { .whatis-rule { display: block; } }
.rent-whatis h2 { margin: 0 0 16px; font-weight: 700; font-size: clamp(24px, 3vw, 40px); letter-spacing: -0.02em; color: #FFFFFF; }
.rent-whatis .lede { margin: 0 0 32px; font-size: 17px; line-height: 1.75; color: rgba(255, 255, 255, 0.85); max-width: 62ch; }
.whatis-cards { display: flex; gap: 16px; flex-wrap: wrap; }
.whatis-card { flex: 1 1 240px; background: #FFFFFF; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.whatis-card .tile-title { color: #17163A; }
.whatis-card .tile-body { font-size: 14px; line-height: 1.55; color: rgba(23, 22, 58, 0.7); }

.rent-rail { background: #26255C; padding: 56px clamp(20px, 6vw, 110px) 48px; }
@media (max-width: 760px) { .rent-rail { padding: 48px 20px; } }
.rent-rail .inner { max-width: 1000px; margin: 0 auto; }
.rent-rail h2 { margin: 0 0 36px; font-weight: 700; font-size: clamp(24px, 3vw, 40px); letter-spacing: -0.02em; color: #FFFFFF; text-align: center; }
.rail-cards { display: flex; gap: 16px; flex-wrap: wrap; align-items: stretch; }
@media (max-width: 760px) { .rail-cards { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px; } }
.rail-card { flex: 1 1 240px; scroll-snap-align: start; background: #FFFFFF; border-radius: 20px; padding: 26px; box-shadow: 0 3px 8px rgba(23, 22, 58, 0.08), 0 22px 48px rgba(23, 22, 58, 0.18); display: flex; flex-direction: column; gap: 18px; }
@media (max-width: 760px) { .rail-card { flex: 0 0 100%; } }
.rail-head { display: flex; align-items: center; gap: 12px; }
.rail-head .num-badge { width: 36px; height: 36px; font-size: 14px; }
.rail-label { font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.14em; color: #54539B; }
.rail-mid { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.rail-stub { width: 100%; background: #F7F6FE; border: 1px solid #E0DFF4; border-radius: 14px; padding: 16px 18px; }
.rail-stub-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.rail-stub-label { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: 0.14em; color: rgba(23, 22, 58, 0.55); }
.rail-stub-pill { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; color: #4F4EA5; background: #EDECFB; border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
.rail-stub-amt { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 30px; line-height: 1; color: #17163A; }
.rail-pay { background: #F7F6FE; border: 1px solid #E0DFF4; border-radius: 12px; padding: 10px 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.rail-pay-amt { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 19px; color: #17163A; }
.rail-pay-label { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: 0.08em; color: #4F4EA5; }
.rail-reported { width: 100%; background: #F7F6FE; border: 1px solid #E0DFF4; border-radius: 12px; padding: 10px 14px; text-align: center; }
.rail-reported span { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: 0.08em; font-weight: 600; color: #4F4EA5; white-space: nowrap; }
.rail-caption { margin: 0; font-size: 15.5px; line-height: 1.55; color: #17163A; }
.rail-cta { margin-top: 32px; }

.rent-proof { background: #FFFFFF; padding: 64px clamp(20px, 7vw, 110px); }
@media (max-width: 760px) { .rent-proof { padding: 48px 20px; } }
.rent-proof .proof-num { color: #17163A; }
.rent-proof .proof-cap { color: rgba(23, 22, 58, 0.72); }

.rent-member { background: #1E1D45; padding: clamp(48px, 8vw, 95px) clamp(20px, 7vw, 110px); }
.rent-member .inner { max-width: 1200px; margin: 0 auto; }
.member-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: clamp(36px, 5vw, 56px); align-items: center; margin-bottom: clamp(24px, 4vw, 56px); }
.rent-member h2 { margin: 0 0 26px; font-weight: 700; font-size: clamp(30px, 4vw, 54px); line-height: 1.14; letter-spacing: -0.02em; color: #FFFFFF; text-wrap: pretty; }
.rent-member h2 .alt { color: #6F6CCB; }
.rent-member .lede { margin: 0 0 14px; font-size: 17px; line-height: 1.65; color: rgba(255, 255, 255, 0.85); max-width: 62ch; }
.member-nb { font-family: 'IBM Plex Mono', monospace; font-size: 13px; letter-spacing: 0.08em; color: #B9B6F4; }
.member-price-wrap { display: flex; align-items: center; gap: 24px; }
.member-vr { display: block; width: 1px; height: 170px; align-self: center; background: #B9B6F4; flex-shrink: 0; }
.member-hr { display: none; width: 40%; height: 1px; background: #B9B6F4; margin: 0 auto 10px; }
@media (max-width: 760px) { .member-vr { display: none; } .member-hr { display: block; } }
.member-price { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: clamp(120px, 15vw, 200px); line-height: 1; letter-spacing: -0.04em; color: #FFFFFF; }
.member-per { font-weight: 600; font-size: clamp(19px, 2.2vw, 26px); color: #B9B6F4; margin-top: 12px; }
.upgrade-box { border: 1px solid rgba(185, 182, 244, 0.35); border-radius: 16px; padding: clamp(24px, 3.5vw, 36px); }
.upgrade-pill { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.16em; color: #B9B6F4; border: 1px solid rgba(185, 182, 244, 0.5); border-radius: 999px; padding: 6px 13px; margin-bottom: 20px; white-space: nowrap; }
.upgrade-box h3 { margin: 0 0 12px; font-weight: 700; font-size: clamp(21px, 2.4vw, 28px); line-height: 1.25; color: #FFFFFF; text-wrap: pretty; }
.upgrade-box .body { margin: 0 0 22px; font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.82); max-width: 64ch; }
.upgrade-ex { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.upgrade-ex .lead-in { font-size: 16px; color: rgba(255, 255, 255, 0.82); }
.upgrade-ex .amt { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: clamp(38px, 4.5vw, 54px); line-height: 1; color: #6F6CCB; }
.upgrade-fine { margin: 0; font-size: 12px; line-height: 1.6; color: rgba(185, 182, 244, 0.75); }

.rent-statement { background: #E4E2FA; padding: clamp(48px, 6vw, 80px) clamp(20px, 7vw, 110px); }
.rent-statement .inner { max-width: 1000px; margin: 0 auto; }
.rent-statement p { margin: 0; font-weight: 500; font-size: clamp(19px, 1.9vw, 24px); line-height: 1.55; text-wrap: pretty; }
.rent-statement .a { color: #17163A; }
.rent-statement .b { color: #4F4EA5; }

.rent-details { background: #1E1D45; padding: clamp(48px, 6vw, 80px) clamp(20px, 7vw, 110px) 46px; }
.rent-details .inner { max-width: 940px; margin: 0 auto; }
.rent-details h2 { margin: 0 0 12px; font-weight: 700; font-size: clamp(26px, 3.6vw, 48px); letter-spacing: -0.02em; color: #FFFFFF; }
.rent-details .acc { border-top: 1px solid rgba(255, 255, 255, 0.16); }
.rent-details .acc-head h3 { color: #FFFFFF; }
.rent-details .acc-icon { color: #6F6CCB; }
.rent-tile { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); }
.rent-tile .tile-title { color: #FFFFFF; }
.rent-tile .tile-body { color: #B9B6F4; }
.rent-tile .tile-rule-row > div:last-child { flex: 1; height: 1px; background: rgba(255, 255, 255, 0.25); }
.rent-who .num-badge { color: #1E1D45; background: #B9B6F4; }
.rent-who .tile-rule-row > div:last-child { flex: 1; height: 1px; background: #4F4EA5; }
.rent-who .tile-title { color: #FFFFFF; }
.rent-who .tile-body { color: #B9B6F4; }
.rent-details .tile-grid.threes { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }

.rent-shortfall { background: #232254; padding: clamp(48px, 6vw, 80px) clamp(20px, 7vw, 110px); }
.cmp-wrap-dark { max-width: 940px; margin: 0 auto; border-radius: 16px; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05); }
@media (max-width: 760px) { .cmp-wrap-dark { padding: 20px; border: 1px solid rgba(79, 78, 165, 0.3); background: rgba(79, 78, 165, 0.04); } }
.cmp-wrap-dark h3 { margin: 0 0 24px; font-weight: 600; font-size: clamp(19px, 1.8vw, 22px); color: #FFFFFF; }
.sf-head { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.06em; color: #B9B6F4; margin-bottom: 18px; }
.sf-row { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding: 14px 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.sf-name { font-size: 15.5px; color: rgba(255, 255, 255, 0.88); }
.sf-sub { display: block; font-size: 12.5px; color: #B9B6F4; }
.sf-amt { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 24px; color: #FFFFFF; }
.sf-amt.hot { color: #E8684A; }
.sf-hero { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding: 16px 14px; margin-top: 8px; background: rgba(111, 108, 203, 0.18); border-radius: 12px; border-top: none; }
.sf-hero .sf-name { font-weight: 600; color: #FFFFFF; }
.sf-hero .sf-sub { font-weight: 400; }
.sf-hero .sf-amt { color: #B9B6F4; }

.rent-faq { background: #1E1D45; padding: clamp(24px, 3vw, 48px) clamp(20px, 7vw, 110px) 46px; }
.rent-faq .inner { max-width: 940px; margin: 0 auto; }
.rent-faq .acc-faq { border-top: 1px solid rgba(255, 255, 255, 0.16); border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.rent-faq .faq-toggle span:first-child { color: #FFFFFF; }
.rent-faq .acc-icon { color: #6F6CCB; }
.rent-faq .faq-q { color: #FFFFFF; }
.rent-faq .faq-a { color: #B9B6F4; }
.rent-faq .contact-line { color: #FFFFFF; }
.rent-faq .contact-line a { color: #6F6CCB; font-weight: 600; }
.rent-faq .legal-fine { color: rgba(185, 182, 244, 0.7); }
.rent-faq .back-link { color: #B9B6F4; }
.rent-faq .back-link:hover { color: #FFFFFF; }

/* ============ Waitlist ============ */
.waitlist { background: linear-gradient(120deg, #6B68C4 0%, #3B3A80 100%); padding: 56px clamp(20px, 6vw, 90px) 110px; }
@media (max-width: 760px) { .waitlist { padding: 48px clamp(20px, 6vw, 90px) 90px; } }
.waitlist .inner { max-width: 680px; margin: 0 auto; }
.wl-kicker { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.18em; color: rgba(255, 255, 255, 0.75); margin-bottom: 16px; }
.waitlist h2 { margin: 0 0 44px; font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: clamp(28px, 4vw, 48px); letter-spacing: 0.08em; color: #FFFFFF; }
.wl-q { margin: 0 0 24px; font-weight: 600; font-size: clamp(19px, 2.3vw, 25px); color: #FFFFFF; }
.wl-input { width: 100%; font-family: 'IBM Plex Mono', monospace; font-size: clamp(18px, 2.4vw, 24px); padding: 10px 2px; background: transparent; border: none; border-bottom: 2px solid rgba(255, 255, 255, 0.55); border-radius: 0; outline: none; color: #FFFFFF; }
.wl-input.err { border-bottom-color: #E8684A; border-bottom-width: 2px; }
.wl-err { font-size: 13.5px; font-weight: 500; color: #FFC9B8; margin-top: 10px; }
.wl-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 32px; }
.wl-btn { border: none; background: #FFFFFF; color: #17163A; font-weight: 600; font-size: 15px; padding: 14px 30px; border-radius: 999px; cursor: pointer; min-height: 48px; }
.wl-btn:hover { background: #E4E2FA; }
.wl-back { border: none; background: none; font-family: 'IBM Plex Mono', monospace; font-size: 15px; color: rgba(255, 255, 255, 0.8); cursor: pointer; padding: 12px 6px; min-height: 44px; }
.wl-back:hover { color: #FFFFFF; }
.wl-dots { display: flex; gap: 6px; }
.wl-dots span { width: 9px; height: 9px; background: rgba(255, 255, 255, 0.35); }
.wl-dots span.on { background: #FFFFFF; }
.wl-disclosure { margin-top: 26px; font-size: 12.5px; line-height: 1.6; color: rgba(255, 255, 255, 0.75); }
.wl-proof { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.06em; color: rgba(255, 255, 255, 0.85); margin: -30px 0 34px; }
.wl-left { display: flex; align-items: center; gap: 14px; }
.wl-stamp { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: 0.06em; color: #FFFFFF; border: 3px solid #FFFFFF; border-radius: 8px; padding: 12px 22px; transform: rotate(-8deg); animation: stampIn 600ms cubic-bezier(.34, 1.4, .64, 1) both; margin: 6px 0 34px; }
.chip-group { margin-bottom: 22px; }
.chip-q { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: 0.14em; color: rgba(255, 255, 255, 0.7); margin-bottom: 9px; }
.chip-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.chip-btn { border: 1.5px solid rgba(255, 255, 255, 0.7); background: transparent; color: #FFFFFF; font-size: 13px; font-weight: 500; padding: 9px 15px; border-radius: 999px; cursor: pointer; min-height: 38px; white-space: nowrap; transition: all 150ms ease; }
.chip-btn.on { background: #FFFFFF; color: #3B3A80; }
.wl-fine { font-family: 'IBM Plex Mono', monospace; font-size: 11px; line-height: 1.7; letter-spacing: 0.03em; color: rgba(255, 255, 255, 0.65); margin-top: 34px; }

/* ============ Footer ============ */
.footer { background: #FFFFFF; padding: 56px clamp(20px, 6vw, 90px) 50px; }
@media (max-width: 760px) { .footer { padding: clamp(70px, 9vh, 110px) clamp(20px, 6vw, 90px) 50px; } }
body[data-view="rent"] .footer { background: #1E1D45; }
.footer .inner { max-width: 900px; margin: 0 auto; }
.foot-brand { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center; margin-bottom: 44px; }
@media (max-width: 760px) { .foot-brand { margin-bottom: 28px; } }
.foot-brand img { height: 30px; }
body[data-view="rent"] .footer .logo-light { display: none; }
.footer .logo-dark { display: none; }
body[data-view="rent"] .footer .logo-dark { display: block; }
.foot-tag { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.08em; color: #54539B; }
body[data-view="rent"] .foot-tag { color: #B9B6F4; }
.foot-box { border: 1px solid #D9D8F0; border-radius: 16px; padding: clamp(22px, 3.5vw, 32px); }
body[data-view="rent"] .foot-box { border-color: rgba(255, 255, 255, 0.2); }
.foot-kicker { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.18em; color: #4F4EA5; margin-bottom: 16px; }
body[data-view="rent"] .foot-kicker { color: #6F6CCB; }
.foot-legal { margin: 0; font-size: 13px; line-height: 1.75; color: #54539B; }
body[data-view="rent"] .foot-legal { color: #B9B6F4; }
.foot-rule { height: 1px; background: #D9D8F0; margin: 20px 0; }
body[data-view="rent"] .foot-rule { background: rgba(255, 255, 255, 0.2); }
.foot-contact { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.04em; color: #54539B; }
body[data-view="rent"] .foot-contact { color: #B9B6F4; }

/* ============ Sticky mobile CTA ============ */
.sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); display: none; pointer-events: none; background: linear-gradient(rgba(23, 22, 58, 0), rgba(23, 22, 58, 0.22)); }
.sticky-cta .cta-btn { width: 100%; pointer-events: auto; box-shadow: 0 6px 24px rgba(23, 22, 58, 0.35); }
@media (max-width: 760px) {
  body[data-view="own"] .sticky-cta.on, body[data-view="rent"] .sticky-cta.on { display: block; }
}