:root {
  --ink:#081126;
  --muted:#5f6f8c;
  --blue:#315dca;
  --blue-deep:#18347f;
  --teal:#49c8be;
  --line:rgba(76,105,163,.18);
  --glass:rgba(255,255,255,.78);
}

* { box-sizing:border-box; }
html { min-height:100%; scroll-behavior:smooth; }
body {
  margin:0;
  min-width:320px;
  min-height:100%;
  color:var(--ink);
  background:#f5f8ff;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
button,input,select { font:inherit; }
button,select { cursor:pointer; }
.sr-only,.honey {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.skip-link { position:fixed; left:16px; top:-80px; z-index:50; padding:12px 18px; color:#fff; background:var(--ink); border-radius:12px; }
.skip-link:focus { top:16px; }

.launch-shell {
  position:relative;
  isolation:isolate;
  min-height:100svh;
  overflow:hidden;
  padding:22px clamp(22px,4vw,72px) 18px;
  background:
    radial-gradient(circle at 12% 16%,rgba(73,200,190,.18),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(90,117,234,.18),transparent 34%),
    linear-gradient(135deg,#f8fcff 0%,#f4f7ff 48%,#eef2ff 100%);
}
.launch-shell::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.28;
  background-image:radial-gradient(rgba(49,93,202,.35) .7px,transparent .7px);
  background-size:22px 22px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.aurora { position:absolute; z-index:-2; border-radius:50%; filter:blur(14px); pointer-events:none; }
.aurora-one { width:420px; height:420px; left:-220px; top:34%; background:rgba(73,200,190,.18); }
.aurora-two { width:520px; height:520px; right:-250px; bottom:-230px; background:rgba(95,105,222,.15); }

.launch-header {
  width:min(1400px,100%);
  height:58px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.launch-brand img { display:block; width:228px; height:auto; filter:drop-shadow(0 10px 22px rgba(44,84,173,.12)); }
.language-control {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:168px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.95);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 36px rgba(40,59,111,.08);
  backdrop-filter:blur(18px);
}
.language-control > span:not(.sr-only) { color:var(--blue); font-weight:900; }
.language-control select { width:100%; border:0; outline:0; background:transparent; color:#243253; font-size:13px; font-weight:800; }

.launch-grid {
  width:min(1400px,100%);
  min-height:530px;
  margin:20px auto 16px;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(590px,.96fr);
  align-items:center;
  gap:clamp(20px,3.5vw,62px);
}
.launch-copy { max-width:760px; }
.launch-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  color:#264eae;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.94);
  border-radius:999px;
  box-shadow:0 10px 30px rgba(48,77,143,.07);
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.launch-eyebrow i { width:9px; height:9px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 6px rgba(73,200,190,.16); }
h1 {
  max-width:820px;
  margin:22px 0 18px;
  font-size:clamp(48px,5.35vw,86px);
  line-height:.94;
  letter-spacing:-.067em;
  text-wrap:balance;
}
.launch-lead {
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.52;
  letter-spacing:-.025em;
}
.launch-proof { display:flex; flex-wrap:wrap; gap:10px; margin-top:27px; }
.launch-proof span {
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.6);
  color:#435371;
  font-size:12px;
  font-weight:800;
}
.launch-proof b { color:var(--blue); font-size:14px; }
.countdown { display:flex; align-items:flex-start; gap:9px; margin-top:24px; direction:ltr; }
.countdown div { min-width:64px; text-align:center; }
.countdown strong { display:block; font-size:26px; letter-spacing:-.05em; }
.countdown span { display:block; margin-top:2px; color:#71809a; font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.countdown i { margin-top:3px; color:#9eabc2; font-size:22px; font-style:normal; }

.launch-stage {
  --outer-radius:268px;
  --inner-radius:203px;
  position:relative;
  min-height:530px;
  display:grid;
  place-items:center;
  direction:ltr;
}
.launch-stage::before {
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(77,205,194,.14),rgba(79,105,224,.07) 48%,transparent 70%);
  filter:blur(2px);
}
.language-orbit { position:absolute; border:1px solid rgba(65,98,178,.15); border-radius:50%; }
.language-orbit::after { content:""; position:absolute; inset:10px; border:1px dashed rgba(73,200,190,.14); border-radius:inherit; }
.language-orbit-outer { width:536px; height:536px; }
.language-orbit-inner { width:406px; height:406px; }
.language-chip {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  min-width:52px;
  padding:7px 10px;
  transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--radius)) rotate(var(--counter));
  text-align:center;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.94);
  border-radius:12px 12px 12px 4px;
  color:#233252;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 26px rgba(39,61,118,.12);
  backdrop-filter:blur(14px);
  font-size:10px;
  font-weight:900;
  animation:chipPulse 4.8s ease-in-out infinite;
  animation-delay:var(--delay);
}
.language-chip.is-outer { --radius:var(--outer-radius); }
.language-chip.is-inner { --radius:var(--inner-radius); color:#3152a5; background:rgba(244,248,255,.9); }
.chip-1{--angle:-90deg;--counter:90deg;--delay:0s}.chip-2{--angle:-70deg;--counter:70deg;--delay:-.11s}.chip-3{--angle:-50deg;--counter:50deg;--delay:-.22s}
.chip-4{--angle:-30deg;--counter:30deg;--delay:-.33s}.chip-5{--angle:-10deg;--counter:10deg;--delay:-.44s}.chip-6{--angle:10deg;--counter:-10deg;--delay:-.55s}
.chip-7{--angle:30deg;--counter:-30deg;--delay:-.66s}.chip-8{--angle:50deg;--counter:-50deg;--delay:-.77s}.chip-9{--angle:70deg;--counter:-70deg;--delay:-.88s}
.chip-10{--angle:90deg;--counter:-90deg;--delay:-.99s}.chip-11{--angle:110deg;--counter:-110deg;--delay:-1.1s}.chip-12{--angle:130deg;--counter:-130deg;--delay:-1.21s}
.chip-13{--angle:150deg;--counter:-150deg;--delay:-1.32s}.chip-14{--angle:170deg;--counter:-170deg;--delay:-1.43s}.chip-15{--angle:190deg;--counter:-190deg;--delay:-1.54s}
.chip-16{--angle:210deg;--counter:-210deg;--delay:-1.65s}.chip-17{--angle:230deg;--counter:-230deg;--delay:-1.76s}.chip-18{--angle:250deg;--counter:-250deg;--delay:-1.87s}
.chip-19{--angle:-75deg;--counter:75deg;--delay:-1.98s}.chip-20{--angle:-45deg;--counter:45deg;--delay:-2.09s}.chip-21{--angle:-15deg;--counter:15deg;--delay:-2.2s}
.chip-22{--angle:15deg;--counter:-15deg;--delay:-2.31s}.chip-23{--angle:45deg;--counter:-45deg;--delay:-2.42s}.chip-24{--angle:75deg;--counter:-75deg;--delay:-2.53s}
.chip-25{--angle:105deg;--counter:-105deg;--delay:-2.64s}.chip-26{--angle:135deg;--counter:-135deg;--delay:-2.75s}.chip-27{--angle:165deg;--counter:-165deg;--delay:-2.86s}
.chip-28{--angle:195deg;--counter:-195deg;--delay:-2.97s}.chip-29{--angle:225deg;--counter:-225deg;--delay:-3.08s}.chip-30{--angle:255deg;--counter:-255deg;--delay:-3.19s}

.phone-shell {
  position:relative;
  z-index:4;
  width:222px;
  height:410px;
  padding:8px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:42px;
  background:linear-gradient(150deg,#09142e,#264691 54%,#3c77b6);
  box-shadow:0 38px 80px rgba(28,53,118,.34),inset 0 1px 0 rgba(255,255,255,.48);
  transform:rotate(-1.2deg);
}
.phone-shell::before,.phone-shell::after { content:""; position:absolute; left:-3px; width:3px; border-radius:3px 0 0 3px; background:#23417e; }
.phone-shell::before { top:96px; height:44px; }
.phone-shell::after { top:151px; height:68px; }
.phone-screen {
  position:relative;
  height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:17px 15px 19px;
  color:#fff;
  text-align:center;
  border-radius:35px;
  background:
    radial-gradient(circle at 76% 22%,rgba(79,216,204,.34),transparent 28%),
    radial-gradient(circle at 20% 72%,rgba(108,90,229,.42),transparent 34%),
    linear-gradient(155deg,#101f48,#294dad 55%,#276f94);
}
.phone-screen::after { content:""; position:absolute; inset:auto -60px -90px; height:210px; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.phone-top { width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 4px; font-size:7px; font-weight:800; opacity:.8; }
.phone-top i { position:absolute; left:50%; top:10px; width:68px; height:19px; transform:translateX(-50%); border-radius:999px; background:#071128; }
.phone-top b { font-size:6px; letter-spacing:1px; }
.phone-island { height:20px; }
.phone-status { display:inline-flex; align-items:center; gap:6px; margin-top:9px; padding:6px 10px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.1); font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.phone-status i { width:6px; height:6px; border-radius:50%; background:#55ddc6; box-shadow:0 0 0 4px rgba(85,221,198,.13); }
.phone-avatar {
  width:106px;
  height:106px;
  margin-top:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.35);
  border-radius:35px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(4,13,43,.25),0 0 0 9px rgba(255,255,255,.07);
}
.phone-avatar img { width:78px; height:78px; filter:drop-shadow(0 8px 13px rgba(31,60,139,.16)); }
.phone-kicker { margin-top:18px; color:#6ee2d7; font-size:7px; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
.phone-name { margin-top:3px; font-size:29px; line-height:1; letter-spacing:-.055em; }
.phone-screen p { min-height:32px; margin:9px 0 0; font-size:10px; font-weight:750; line-height:1.35; text-wrap:balance; }
.phone-capability { margin-top:12px; display:flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid rgba(255,255,255,.16); border-radius:11px; background:rgba(4,15,50,.22); font-size:8px; }
.phone-capability span { color:#62e0d4; font-size:14px; }
.phone-capability b { font-weight:850; }
.phone-wave { z-index:1; display:flex; align-items:center; gap:4px; height:23px; margin-top:auto; }
.phone-wave i { width:3px; height:7px; border-radius:999px; background:linear-gradient(#fff,#53d9cc); animation:wave .9s ease-in-out infinite alternate; }
.phone-wave i:nth-child(2),.phone-wave i:nth-child(6){animation-delay:-.25s}.phone-wave i:nth-child(3),.phone-wave i:nth-child(5){animation-delay:-.5s}.phone-wave i:nth-child(4){animation-delay:-.75s}

.waitlist-card {
  width:min(1400px,100%);
  margin:0 auto;
  padding:18px 20px;
  display:grid;
  grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr);
  align-items:center;
  gap:28px;
  border:1px solid rgba(255,255,255,.94);
  border-radius:27px;
  background:rgba(255,255,255,.7);
  box-shadow:0 26px 70px rgba(35,54,108,.12);
  backdrop-filter:blur(22px);
}
.waitlist-copy { display:flex; align-items:center; gap:15px; }
.waitlist-icon { flex:0 0 auto; width:48px; height:48px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--blue),var(--teal)); border-radius:16px; box-shadow:0 13px 25px rgba(49,93,202,.22); }
.waitlist-copy h2 { margin:0 0 4px; font-size:21px; letter-spacing:-.035em; }
.waitlist-copy p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.waitlist-fields { display:grid; grid-template-columns:1fr auto; gap:10px; }
.email-field input {
  width:100%;
  min-height:50px;
  padding:0 17px;
  border:1px solid #d8dfec;
  border-radius:15px;
  outline:0;
  color:var(--ink);
  background:#fff;
  transition:border .2s,box-shadow .2s;
}
.email-field input:focus { border-color:#6688ee; box-shadow:0 0 0 4px rgba(75,112,226,.12); }
.waitlist-fields button {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 21px;
  border:0;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(110deg,#3157ca,#4f75e9 55%,#46c6bd);
  box-shadow:0 13px 28px rgba(45,82,190,.22);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.waitlist-fields button:hover { transform:translateY(-1px); }
.waitlist-fields button:disabled { opacity:.58; cursor:wait; }
.consent { display:flex; align-items:flex-start; gap:8px; margin-top:9px; color:#4d5d79; font-size:10px; font-weight:700; line-height:1.35; }
.consent input { margin:1px 0 0; accent-color:var(--blue); }
.privacy-note { margin:5px 0 0; color:#7c899e; font-size:9px; }
.waitlist-status { min-height:15px; margin:4px 0 0; color:#157a65; font-size:10px; font-weight:850; }
.waitlist-status.error { color:#b13a4b; }
.waitlist-card.success { border-color:rgba(56,190,151,.42); box-shadow:0 24px 64px rgba(35,148,119,.15); }

.launch-footer { width:min(1400px,100%); margin:12px auto 0; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#75839a; font-size:10px; }
.launch-footer span { color:#263c78; font-weight:900; }
.launch-footer p { margin:0; text-align:center; }

@keyframes chipPulse { 0%,100%{filter:brightness(1);opacity:.82} 50%{filter:brightness(1.07);opacity:1} }
@keyframes wave { to{height:27px} }

html[dir="rtl"] .launch-copy { text-align:right; }
html[dir="rtl"] .launch-eyebrow { flex-direction:row-reverse; }
html[dir="rtl"] .waitlist-copy { text-align:right; }
html[dir="rtl"] .consent { text-align:right; }

@media (min-width:1000px) and (min-height:820px) {
  .launch-shell { height:100svh; min-height:760px; }
  .launch-grid { min-height:calc(100svh - 270px); max-height:570px; }
}
@media (max-width:1120px) {
  .launch-shell { overflow:auto; }
  .launch-grid { grid-template-columns:1fr; text-align:center; }
  .launch-copy { max-width:760px; margin:25px auto 0; }
  .launch-lead { margin-inline:auto; }
  .launch-proof,.countdown { justify-content:center; }
  .launch-stage { min-height:570px; }
  .waitlist-card { grid-template-columns:1fr; text-align:left; }
  html[dir="rtl"] .waitlist-card { text-align:right; }
}
@media (max-width:620px) {
  .launch-shell { padding:16px 16px 14px; }
  .launch-header { height:48px; }
  .launch-brand img { width:174px; }
  .language-control { min-width:138px; padding:7px 9px; }
  .launch-grid { min-height:auto; margin-top:26px; gap:4px; }
  h1 { margin:18px 0 15px; font-size:clamp(43px,13vw,62px); }
  .launch-lead { font-size:16px; }
  .launch-eyebrow { font-size:9px; }
  .launch-proof { margin-top:21px; }
  .launch-proof span { padding:8px 10px; font-size:10px; }
  .launch-stage {
    min-height:510px;
    margin:12px 0 0;
    padding:345px 0 0;
    display:flex;
    align-content:flex-start;
    align-items:flex-start;
    justify-content:center;
    flex-wrap:wrap;
    gap:5px;
  }
  .launch-stage::before { top:35px; width:310px; height:310px; }
  .language-orbit { display:none; }
  .language-chip,.language-chip.is-inner {
    position:static;
    min-width:0;
    padding:5px 7px;
    transform:none;
    border-radius:9px 9px 9px 3px;
    font-size:8px;
    animation:none;
  }
  .phone-shell { position:absolute; top:0; left:50%; width:176px; height:326px; padding:6px; border-radius:34px; transform:translateX(-50%) rotate(-1deg); }
  .phone-screen { padding:12px 11px 13px; border-radius:28px; }
  .phone-top i { top:8px; width:55px; height:16px; }
  .phone-island { height:13px; }
  .phone-status { margin-top:6px; padding:5px 8px; font-size:6px; }
  .phone-avatar { width:78px; height:78px; margin-top:12px; border-radius:26px; }
  .phone-avatar img { width:58px; height:58px; }
  .phone-kicker { margin-top:12px; font-size:5px; }
  .phone-name { font-size:24px; }
  .phone-screen p { min-height:27px; margin-top:6px; font-size:8px; }
  .phone-capability { margin-top:6px; padding:5px 7px; font-size:6px; }
  .phone-capability span { font-size:11px; }
  .phone-wave { height:18px; }
  .waitlist-card { margin-top:13px; padding:18px 15px; border-radius:22px; gap:17px; }
  .waitlist-fields { grid-template-columns:1fr; }
  .waitlist-fields button { width:100%; }
  .launch-footer { flex-wrap:wrap; justify-content:center; text-align:center; }
  .launch-footer p { width:100%; order:3; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; }
}
