/* Day 2.3 launch gate: public site remains visually and interactively locked until
   10 Sep 2026 00:00 Europe/Istanbul. The API enforces the same release time. */
.launch-gate { display:none; }
.launch-locked body { overflow:hidden; }
.launch-locked .launch-gate {
  display:grid;
  position:fixed;
  inset:0;
  z-index:9999;
  min-height:100dvh;
  place-items:center;
  overflow:hidden;
  padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  background:
    radial-gradient(circle at 50% 22%, rgba(177,94,51,.19), transparent 36%),
    radial-gradient(circle at 12% 84%, rgba(114,67,39,.13), transparent 28%),
    linear-gradient(155deg,#100906 0%,#1b0f0a 48%,#0d0806 100%);
  color:#f5e9df;
}
.launch-gate-stars { position:absolute; inset:0; opacity:.42; background-image:radial-gradient(circle,rgba(246,211,180,.66) 0 1px,transparent 1.2px); background-size:92px 92px; mask-image:linear-gradient(to bottom,black,transparent 78%); }
.launch-gate-orbit { position:absolute; border:1px solid rgba(236,174,120,.16); border-radius:50%; transform:rotate(-18deg); }
.launch-gate-orbit.orbit-a { width:min(780px,92vw); aspect-ratio:1; }
.launch-gate-orbit.orbit-b { width:min(1050px,125vw); height:min(380px,46vw); transform:rotate(12deg); }
.launch-gate-card { position:relative; width:min(680px,100%); text-align:center; padding:54px clamp(18px,6vw,58px); border:1px solid rgba(239,185,137,.19); border-radius:34px; background:linear-gradient(150deg,rgba(66,37,23,.58),rgba(23,13,9,.66)); box-shadow:0 42px 110px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); }
.launch-gate-mark { font-size:42px; color:#e59a62; filter:drop-shadow(0 0 22px rgba(229,154,98,.3)); }
.launch-gate-kicker { margin:16px 0 14px; color:#d79a6d; font-size:11px; font-weight:900; letter-spacing:.24em; }
.launch-gate h1 { margin:0 auto; max-width:560px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(43px,8vw,72px); font-weight:500; line-height:.98; letter-spacing:-.035em; }
.launch-gate h1 em { color:#e3a270; font-weight:500; }
.launch-gate-copy { max-width:500px; margin:24px auto 0; color:#bca99c; font-size:clamp(15px,2.2vw,18px); line-height:1.65; }
.launch-countdown { margin:34px auto 0; display:flex; align-items:center; justify-content:center; gap:clamp(8px,2vw,18px); }
.launch-countdown > div { min-width:78px; display:grid; gap:4px; }
.launch-countdown strong { font-family:Georgia,'Times New Roman',serif; font-size:clamp(34px,6vw,54px); font-weight:500; font-variant-numeric:tabular-nums; color:#f3dbc6; line-height:1; }
.launch-countdown span { color:#8f7a6d; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }
.launch-countdown i { align-self:flex-start; margin-top:4px; color:#9e6f50; font:500 clamp(28px,5vw,45px)/1 Georgia,serif; font-style:normal; }
.launch-gate-date { display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-top:30px; padding:10px 14px; border:1px solid rgba(239,185,137,.15); border-radius:999px; background:rgba(31,18,12,.42); color:#c9b3a3; font-size:10px; font-weight:800; letter-spacing:.04em; }
.launch-gate-note { margin:18px 0 0; color:#78665c; font-size:10px; }
.launch-gate .pulse { display:inline-block; width:7px; height:7px; border-radius:50%; background:#df925d; box-shadow:0 0 0 0 rgba(223,146,93,.38); animation:launchPulse 2s infinite; }
@keyframes launchPulse { 70% { box-shadow:0 0 0 8px rgba(223,146,93,0); } 100% { box-shadow:0 0 0 0 rgba(223,146,93,0); } }
@media (max-width:600px) {
  .launch-gate-card { padding:42px 18px; border-radius:28px; }
  .launch-countdown > div { min-width:62px; }
  .launch-gate-copy { margin-top:19px; }
}

:root {
  --bg: #120b07;
  --bg-deep: #0a0604;
  --surface: rgba(62, 38, 25, 0.68);
  --surface-strong: rgba(71, 43, 28, 0.86);
  --line: rgba(237, 188, 145, 0.17);
  --line-strong: rgba(239, 185, 137, 0.35);
  --text: #f7eadf;
  --muted: #bca99c;
  --soft: #8f7b6f;
  --orange: #efaa71;
  --orange-2: #d98752;
  --gold: #f3cf9d;
  --green: #86c8a5;
  --danger: #e78174;
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.5;
  overflow-x: hidden;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -5;
  background:
    radial-gradient(circle at 52% -12%, rgba(173, 101, 58, 0.20), transparent 34%),
    radial-gradient(circle at 5% 42%, rgba(112, 61, 34, 0.14), transparent 27%),
    linear-gradient(180deg, #100906 0%, #150c07 52%, #0b0604 100%);
}

::selection { background: rgba(239, 170, 113, .27); color: #fff; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.ambient { position: fixed; inset: 0; z-index: -4; pointer-events: none; overflow: hidden; }
.planet { position: absolute; border-radius: 999px; border: 1px solid rgba(240, 188, 142, .08); }
.planet-a { width: 520px; height: 520px; right: -210px; top: 80px; background: radial-gradient(circle at 32% 36%, rgba(213,146,97,.08), rgba(39,22,15,.38) 52%, rgba(16,9,6,.08) 72%); box-shadow: inset 34px -18px 95px rgba(0,0,0,.48); }
.planet-b { width: 680px; height: 260px; left: -270px; top: 62%; border-radius: 50%; border: none; background: radial-gradient(ellipse, rgba(154,83,42,.12), transparent 64%); filter: blur(22px); }
.stars { position: absolute; inset: 0; opacity: .33; background-image: radial-gradient(circle, rgba(255,231,210,.85) 0 1px, transparent 1.4px); background-size: 130px 130px; mask-image: linear-gradient(to bottom, black, transparent 72%); }

.nav { height: 92px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 20; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-family: var(--serif); font-size: 24px; letter-spacing: .02em; }
.brand-star { color: var(--orange); font-size: 20px; }
.nav-cta { font-size: 14px; font-weight: 800; color: var(--gold); border: 1px solid var(--line); background: rgba(76,45,28,.40); padding: 11px 18px; border-radius: 999px; backdrop-filter: blur(18px); }

.hero { min-height: calc(100vh - 92px); min-height: calc(100svh - 92px); display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 72px; padding: 40px 0 90px; }
.launch-badge { display: inline-flex; align-items: center; gap: 9px; color: #d8bea9; font-size: 12px; font-weight: 800; letter-spacing: .04em; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: rgba(57,33,21,.38); }
.pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 0 rgba(239,170,113,.38); animation: pulse 2.1s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 8px rgba(239,170,113,0); } 100% { box-shadow: 0 0 0 0 rgba(239,170,113,0); } }
.eyebrow { margin: 26px 0 11px; color: var(--orange); font-weight: 900; font-size: 11px; letter-spacing: .20em; }
.hero h1, .section-heading h2, .waitlist-copy h2, .showcase-copy h2 { font-family: var(--serif); font-weight: 500; letter-spacing: -.035em; line-height: .98; }
.hero h1 { max-width: 720px; font-size: clamp(58px, 6.4vw, 94px); margin: 0; }
.hero h1 em, .section-heading h2 em { color: var(--gold); font-style: italic; font-weight: 400; }
.lead { max-width: 620px; color: #cbb9ad; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.55; margin: 26px 0 0; }
.hero-actions { display: flex; align-items: center; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; border-radius: 15px; border: 1px solid transparent; padding: 0 21px; font-weight: 850; font-size: 14px; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #28150c; background: linear-gradient(135deg, #f6c18f, #e7945e); box-shadow: 0 12px 35px rgba(209,118,61,.24); }
.button.ghost { color: #ead8ca; border-color: var(--line); background: rgba(58,35,23,.35); }
.trust-row { display: flex; flex-wrap: wrap; gap: 19px; color: #9f8d81; margin-top: 28px; font-size: 12px; font-weight: 700; }

.hero-visual { position: relative; min-height: 690px; display: grid; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(234,178,130,.11); border-radius: 50%; transform: rotate(-22deg); }
.orbit-one { width: 540px; height: 540px; }
.orbit-two { width: 660px; height: 300px; }
.hero-spark { position: absolute; color: #f2c395; text-shadow: 0 0 18px rgba(239,170,113,.5); }
.spark-a { top: 15%; right: 12%; font-size: 22px; }
.spark-b { bottom: 18%; left: 8%; font-size: 16px; }
.phone { position: relative; border-radius: 48px; padding: 10px; background: linear-gradient(145deg, rgba(255,245,235,.34), rgba(75,44,28,.32) 15%, rgba(10,7,5,.92) 52%, rgba(243,198,157,.14)); box-shadow: 0 34px 90px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.14); }
.hero-phone { width: min(390px, 84vw); aspect-ratio: 390/800; transform: rotate(2.4deg); }
.phone::after { content: ''; position: absolute; inset: 5px; border: 1px solid rgba(255,255,255,.12); border-radius: 43px; pointer-events: none; }
.phone-notch { width: 30%; height: 23px; border-radius: 0 0 15px 15px; background: #070403; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); z-index: 3; }
.app-screen { height: 100%; width: 100%; overflow: hidden; border-radius: 39px; padding: 50px 24px 28px; color: #f8ede5; background: radial-gradient(circle at 100% 0, rgba(143,84,49,.32), transparent 32%), linear-gradient(180deg, #130c08, #1b0f09); border: 1px solid rgba(255,255,255,.05); }
.app-screen h3 { font-family: var(--serif); font-size: 35px; font-weight: 500; margin: 4px 0 0; }
.app-screen p, .app-screen small { color: #baa99e; }
.app-kicker { font-family: var(--serif); color: #efc39e; font-size: 17px; }
.app-date { margin-top: 28px; font-size: 12px; color: #a99182; }
.today-screen > p { margin: 3px 0 24px; }
.score-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.score-ring { aspect-ratio: 1; border-radius: 50%; display: grid; place-content: center; text-align: center; position: relative; background: rgba(54,31,20,.60); }
.score-ring::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; border: 5px solid currentColor; border-right-color: rgba(255,255,255,.14); transform: rotate(-18deg); }
.score-ring b { font-family: var(--serif); font-size: 26px; font-weight: 500; position: relative; z-index: 1; }
.score-ring span { font-size: 11px; color: #d9c8bc; z-index: 1; }
.score-ring.warm { color: #ef8e63; } .score-ring.gold { color: #efc798; }
.mini-card { display: flex; gap: 13px; margin-top: 19px; padding: 15px; border-radius: 20px; background: rgba(71,42,26,.57); border: 1px solid rgba(239,185,137,.18); }
.mini-card .moon { font-size: 25px; color: #f2b677; }
.mini-card small { display: block; font-size: 8px; letter-spacing: .11em; }
.mini-card strong { display: block; font-family: var(--serif); font-size: 18px; font-weight: 500; margin: 2px 0; }
.mini-card p { font-size: 10px; line-height: 1.5; margin: 0; }

.section { padding: 125px 0; }
.section-heading { max-width: 760px; margin: 0 auto 54px; text-align: center; }
.section-heading .eyebrow { margin-top: 0; }
.section-heading h2 { margin: 0; font-size: clamp(43px, 5vw, 72px); }
.section-heading > p:last-child { color: #b9a79b; font-size: 17px; line-height: 1.7; max-width: 670px; margin: 22px auto 0; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-card { border: 1px solid var(--line); border-radius: 28px; padding: 30px; min-height: 260px; background: linear-gradient(150deg, rgba(82,49,31,.62), rgba(37,22,15,.49)); box-shadow: inset 0 1px rgba(255,255,255,.035); backdrop-filter: blur(18px); }
.feature-icon { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-family: var(--serif); font-size: 26px; color: var(--gold); background: rgba(108,61,33,.42); border: 1px solid rgba(238,179,129,.15); }
.feature-card h3 { margin: 31px 0 9px; font-family: var(--serif); font-size: 26px; font-weight: 500; }
.feature-card p { color: #b9a89c; line-height: 1.7; margin: 0; }

.showcase-section { position: relative; padding: 120px 0; overflow: hidden; border-top: 1px solid rgba(255,255,255,.035); border-bottom: 1px solid rgba(255,255,255,.035); background: radial-gradient(circle at 75% 50%, rgba(153,86,47,.13), transparent 35%), rgba(9,5,3,.28); }
.showcase-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: center; }
.showcase-copy h2 { font-size: clamp(45px, 5vw, 70px); margin: 0 0 20px; }
.showcase-copy > p:not(.eyebrow) { color: #b8a59a; font-size: 17px; max-width: 500px; }
.check-list { list-style: none; padding: 0; margin: 34px 0 0; display: grid; gap: 14px; color: #d4c1b4; }
.check-list li { display: flex; align-items: center; gap: 12px; }
.check-list span { width: 26px; height: 26px; border-radius: 9px; display: grid; place-items: center; color: var(--orange); background: rgba(102,59,35,.48); border: 1px solid var(--line); font-weight: 900; }
.phone-stack { min-height: 680px; position: relative; }
.phone-small { width: min(340px, 46vw); aspect-ratio: 390/800; position: absolute; top: 50%; }
.phone-back { left: 4%; transform: translateY(-50%) rotate(-6deg) scale(.93); opacity: .74; }
.phone-front { right: 4%; transform: translateY(-50%) rotate(4deg); z-index: 2; }
.phone-small .app-screen { padding: 45px 19px 22px; border-radius: 39px; }
.phone-small .app-screen h3 { font-size: 29px; }
.phone-small .app-screen > small { font-size: 9px; display: block; margin-top: -2px; }
.segmented { display: grid; grid-template-columns: .7fr 1fr 1fr; margin: 19px 0 15px; border: 1px solid rgba(239,185,137,.12); border-radius: 13px; padding: 3px; font-size: 8px; color: #9f8d82; }
.segmented > * { text-align: center; padding: 7px 3px; }
.segmented b { color: #f3c9a2; background: rgba(126,72,39,.45); border-radius: 10px; }
.month { font-family: var(--serif); text-align: center; font-size: 18px; margin: 16px 0 11px; }
.calendar-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 7px 3px; text-align: center; font-size: 8px; color: #d6c6bb; }
.calendar-grid span { padding: 4px 0; border-radius: 50%; position: relative; }
.calendar-grid span:nth-child(10) { color: #f4d1b0; outline: 1px solid #d98752; background: rgba(198,112,62,.15); }
.calendar-grid span.dot::after { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #e29d60; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.transit-mini { display: flex; gap: 9px; align-items: center; border: 1px solid rgba(239,185,137,.11); border-radius: 13px; padding: 9px; margin-top: 9px; background: rgba(59,34,22,.45); }
.transit-mini i { width: 27px; height: 27px; border-radius: 9px; display: grid; place-items: center; font-style: normal; color: var(--orange); background: rgba(107,60,35,.38); }
.transit-mini b { display: block; font-size: 9px; } .transit-mini small { font-size: 7px; }
.chart-profile { display: grid; grid-template-columns: .9fr 1.1fr; gap: 10px; align-items: center; margin-top: 17px; border: 1px solid rgba(239,185,137,.14); border-radius: 18px; padding: 13px; background: rgba(67,39,25,.48); }
.chart-profile strong { font-family: var(--serif); font-size: 22px; font-weight: 500; }
.chart-profile p { font-size: 8px; line-height: 1.9; }
.mini-wheel { aspect-ratio: 1; border: 1px solid rgba(239,185,137,.55); border-radius: 50%; position: relative; background: repeating-conic-gradient(from 0deg, rgba(238,176,124,.17) 0 1deg, transparent 1deg 30deg); }
.mini-wheel::before,.mini-wheel::after { content:''; position:absolute; border:1px solid rgba(239,185,137,.18); border-radius:50%; inset:17%; }
.mini-wheel::after { inset:34%; }
.mini-wheel span { position:absolute; inset:0; display:grid; place-items:center; color:var(--orange); }
.tabs { display:grid; grid-template-columns:repeat(3,1fr); margin:10px 0; border-radius:12px; overflow:hidden; background:rgba(39,22,15,.56); font-size:8px; text-align:center; }
.tabs > * { padding:8px 4px; } .tabs b { color:#f2c298; background:rgba(114,64,37,.38); }
.placement { display:grid; grid-template-columns:28px 1fr auto; gap:7px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.placement i { font-style:normal; color:var(--gold); } .placement b { font-size:10px; } .placement span { color:#8f7f76; font-size:7px; }

.waitlist-section { padding: 130px 0; }
.waitlist-shell { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 90px; }
.waitlist-copy h2 { margin: 0; font-size: clamp(48px, 5vw, 72px); }
.waitlist-copy > p:not(.eyebrow) { color: #bba99c; font-size: 18px; max-width: 500px; }
.founder-note { display: flex; gap: 15px; margin-top: 32px; max-width: 510px; padding: 18px; border-radius: 20px; border: 1px solid var(--line); background: rgba(56,32,20,.39); }
.founder-note > span { font-size: 22px; color: var(--orange); }
.founder-note b { font-size: 14px; }.founder-note p { color: #a89589; font-size: 12px; line-height: 1.6; margin: 5px 0 0; }
.form-card { position: relative; min-height: 570px; border-radius: 32px; padding: 34px; border: 1px solid var(--line-strong); background: linear-gradient(150deg, rgba(83,49,31,.85), rgba(32,18,12,.82)); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.045); backdrop-filter: blur(22px); }
form { display: grid; gap: 22px; }
form > label:first-of-type, fieldset { display: grid; gap: 9px; }
form label, legend { color: #d7c5b9; font-size: 12px; font-weight: 800; }
input[type=email] { width: 100%; height: 54px; border: 1px solid rgba(239,185,137,.18); border-radius: 14px; background: rgba(19,11,7,.48); color: var(--text); outline: none; padding: 0 16px; transition: border-color .2s, box-shadow .2s; }
input[type=email]::placeholder { color: #796960; }
input[type=email]:focus { border-color: rgba(239,170,113,.58); box-shadow: 0 0 0 4px rgba(239,170,113,.08); }
fieldset { border: 0; padding: 0; margin: 0; }
.platform-options { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.platform input { position: absolute; opacity: 0; pointer-events: none; }
.platform span { height: 54px; display:flex; align-items:center; justify-content:center; gap:9px; border:1px solid rgba(239,185,137,.16); border-radius:14px; background:rgba(20,12,8,.36); cursor:pointer; color:#bda99b; transition:.2s; }
.platform input:checked + span { color:#f5d7ba; border-color:rgba(239,170,113,.64); background:rgba(123,68,38,.34); box-shadow:inset 0 0 0 1px rgba(239,170,113,.10); }
.platform b { font-size: 18px; }
.check { display:flex; gap:10px; align-items:flex-start; font-weight:650; font-size:12px; cursor:pointer; }
.check input { width:18px; height:18px; margin:0; accent-color:#d98752; flex:0 0 auto; }
.check.legal { color:#a99589; font-size:10.5px; line-height:1.55; }
.check a { color:#e4b48a; text-decoration:underline; text-underline-offset:2px; }
.submit-button { width:100%; border:0; }
.spinner { display:none; width:16px; height:16px; border:2px solid rgba(44,23,13,.28); border-top-color:#2b170d; border-radius:50%; animation:spin .8s linear infinite; }
.submit-button.loading .spinner { display:block; }.submit-button.loading .button-label { opacity:.7; }
@keyframes spin { to { transform:rotate(360deg); } }
.form-message { min-height: 20px; color:#efb79e; font-size:12px; font-weight:700; text-align:center; }
.form-message.error { color:#ef9a8f; }
.form-small { margin:-11px 0 0; color:#88776d; font-size:10px; text-align:center; }
.honeypot { position:absolute!important; left:-99999px!important; width:1px!important; height:1px!important; opacity:0!important; }
.success-panel { min-height: 500px; place-content: center; text-align:center; }
.success-panel:not([hidden]) { display:grid; }
.success-star { color:var(--orange); font-size:48px; filter:drop-shadow(0 0 22px rgba(239,170,113,.34)); }
.success-panel .eyebrow { margin:16px 0 4px; }.success-panel h3 { font-family:var(--serif); font-size:40px; font-weight:500; margin:0; }.success-panel p { color:#baa79a; }
.position { justify-self:center; margin:12px 0 22px; padding:10px 14px; border:1px solid var(--line); border-radius:999px; color:#cdb9aa; font-size:12px; background:rgba(41,24,16,.42); }.position b { color:var(--gold); }

.faq { max-width: 840px; }
.section-heading.compact { margin-bottom: 28px; }.section-heading.compact h2 { font-size:52px; }
details { border-top:1px solid rgba(239,185,137,.12); padding:22px 2px; }
details:last-child { border-bottom:1px solid rgba(239,185,137,.12); }
summary { list-style:none; cursor:pointer; font-family:var(--serif); font-size:22px; padding-right:40px; position:relative; }
summary::-webkit-details-marker { display:none; }
summary::after { content:'+'; position:absolute; right:2px; color:var(--orange); font-family:var(--sans); }
details[open] summary::after { content:'−'; }
details p { color:#aa978b; max-width:720px; line-height:1.7; margin-bottom:0; }

.footer { min-height: 200px; border-top: 1px solid rgba(239,185,137,.10); display:grid; grid-template-columns:1fr auto; align-content:center; gap:8px 30px; padding-top:35px; padding-bottom:45px; }
.footer p { color:#968478; margin:0; }.footer > div { grid-column:2; grid-row:1/3; display:flex; align-items:center; gap:20px; color:#ad998b; font-size:12px; }.footer small { grid-column:1; color:#66574f; }
.mobile-cta { display:none; }

.legal-page { min-height:100vh; }
.legal-main { width:min(850px,calc(100% - 40px)); margin:70px auto 120px; }
.legal-main h1 { font-family:var(--serif); font-size:clamp(42px,7vw,70px); font-weight:500; line-height:1; }
.legal-main h2 { font-family:var(--serif); font-size:27px; font-weight:500; margin-top:38px; }
.legal-main p, .legal-main li { color:#baa89b; line-height:1.75; }
.legal-warning { padding:16px 18px; border-radius:16px; background:rgba(126,61,35,.28); border:1px solid rgba(239,170,113,.26); color:#efc6a6!important; }

@media (max-width: 940px) {
  .hero { grid-template-columns:1fr; text-align:center; padding-top:70px; gap:30px; }
  .hero-copy { display:grid; justify-items:center; }.hero-visual { min-height:610px; }.lead { max-width:650px; }.trust-row { justify-content:center; }
  .showcase-shell,.waitlist-shell { grid-template-columns:1fr; }.showcase-shell { gap:10px; }.showcase-copy,.waitlist-copy { text-align:center; max-width:700px; margin:0 auto; }.showcase-copy > p:not(.eyebrow),.waitlist-copy > p:not(.eyebrow),.founder-note { margin-left:auto; margin-right:auto; }.check-list { width:max-content; max-width:100%; margin-left:auto; margin-right:auto; text-align:left; }
  .phone-stack { min-height:630px; max-width:720px; width:100%; margin:0 auto; }.phone-small { width:min(335px,49vw); }
  .waitlist-section { padding-top:90px; }.form-card { width:min(620px,100%); margin:0 auto; }
}

@media (max-width: 700px) {
  .shell { width:min(100% - 28px,1180px); }.nav { height:72px; }.brand { font-size:20px; }.nav-cta { display:none; }
  .hero { min-height:auto; padding:52px 0 70px; }.launch-badge { font-size:10px; }.hero h1 { font-size:clamp(49px,15vw,68px); }.lead { font-size:17px; }.hero-actions { width:100%; display:grid; grid-template-columns:1fr; }.hero-actions .button { width:100%; }.trust-row { font-size:10px; gap:12px; }
  .hero-visual { min-height:570px; }.hero-phone { width:min(330px,84vw); }.orbit-one { width:390px;height:390px; }.orbit-two { width:500px;height:240px; }
  .section { padding:85px 0; }.section-heading { margin-bottom:32px; }.section-heading h2 { font-size:44px; }.section-heading > p:last-child { font-size:15px; }
  .feature-grid { grid-template-columns:1fr; }.feature-card { min-height:0; padding:25px; }.feature-card h3 { margin-top:21px; }
  .showcase-section { padding:85px 0 65px; }.showcase-copy h2,.waitlist-copy h2 { font-size:48px; }.phone-stack { min-height:570px; }.phone-small { width:270px; }.phone-back { left:0; }.phone-front { right:0; }
  .waitlist-section { padding:90px 0; }.form-card { padding:25px 19px; border-radius:25px; }.platform-options { grid-template-columns:1fr; }.success-panel { min-height:430px; }
  .faq { padding-bottom:110px; }.section-heading.compact h2 { font-size:44px; } summary { font-size:20px; }
  .footer { grid-template-columns:1fr; text-align:center; justify-items:center; padding-bottom:110px; }.footer > div { grid-column:1;grid-row:auto; }.footer small { grid-column:1; }
  .mobile-cta { display:block; position:fixed; z-index:30; left:0;right:0;bottom:0; padding:11px max(14px,env(safe-area-inset-left)) calc(11px + env(safe-area-inset-bottom)); background:linear-gradient(180deg,rgba(18,11,7,0),rgba(18,11,7,.94) 28%); }.mobile-cta .button { width:100%; min-height:52px; box-shadow:0 10px 45px rgba(0,0,0,.4); }
}

@media (max-width: 520px) {
  .phone-stack { min-height:500px; }.phone-small { width:235px; border-radius:36px; padding:7px; }.phone-small::after { border-radius:31px; }.phone-small .app-screen { border-radius:30px; padding:36px 14px 16px; }.phone-back { left:-25px; }.phone-front { right:-25px; }
  .phone-small .app-screen h3 { font-size:24px; }.chart-profile strong { font-size:18px; }.placement { grid-template-columns:23px 1fr auto; }.placement b { font-size:9px; }
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }