:root{
  --deep:#2E5B7F;
  --sky:#8DC1F2;
  --teal:#6FD0C6;
  --lav:#B794F6;
  --coral:#FF9E8C;
  --sand:#F8ECE8;
  --ink:#263858;
  --muted:#6D7F9F;
  --line:#E9EEF8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#FBFCFF 0%,#FFFFFF 58%,#FAFBFF 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{max-width:1540px;margin:0 auto;padding:32px 56px 18px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:10}
.brand img{width:186px;height:auto;display:block}
.topbar nav{display:flex;align-items:center;gap:46px;color:#66799B;font-size:15px;font-weight:500}
.topbar nav a{position:relative;padding:9px 0}
.topbar nav a.active{color:var(--ink);font-weight:700}
.topbar nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sky),var(--lav))}
main{max-width:1540px;margin:0 auto;padding:0 56px 46px}
.hero{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:26px;position:relative}
.hero-copy{position:relative;z-index:4;padding:70px 0 40px}
.eyebrow{margin:0 0 20px;color:#7779F1;font-size:14px;font-weight:700;letter-spacing:.32em}
.hero h1{margin:0 0 28px;font-size:clamp(58px,5.55vw,90px);line-height:.99;letter-spacing:-4.7px;font-weight:800;color:var(--ink);max-width:790px}
.hero h1 span{display:inline-block;background:linear-gradient(95deg,#69B8FF 0%,#7A9CF5 42%,#8C72F2 73%,#B794F6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;line-height:1.62;color:#687B9E;max-width:720px;margin:0 0 30px;font-weight:400}
.waitlist{display:flex;align-items:center;gap:0;max-width:840px;border:1.5px solid #C6D9F7;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 16px 45px rgba(55,78,120,.08);overflow:hidden}
.email-box{height:72px;display:flex;align-items:center;gap:16px;padding:0 22px;flex:1;min-width:0}
.email-box svg{width:28px;flex:0 0 auto;color:#6989FF}
.email-box input{width:100%;border:0;outline:0;background:transparent;font:500 15px "Plus Jakarta Sans";color:var(--ink)}
.email-box input::placeholder{color:#8392AF}
.waitlist button{height:72px;border:0;padding:0 34px;border-radius:999px;background:linear-gradient(100deg,#69AEFF 0%,#758EF7 50%,#9B6DF2 100%);color:#fff;font:700 15px "Plus Jakarta Sans";cursor:pointer;white-space:nowrap;box-shadow:0 12px 28px rgba(127,111,241,.22)}
.waitlist button span{font-size:23px;margin-left:16px}
.waitlist button:disabled{opacity:.65;cursor:wait}
.form-status{min-height:19px;margin:9px 0 5px;font-size:13px;color:#5D7090}
.form-status.ok{color:#347E78}.form-status.error{color:#B65F57}
.more-link{display:inline-flex;gap:14px;align-items:center;margin-top:12px;color:#6572F4;font-weight:600;font-size:15px;border-bottom:2px solid #7A7FF5;padding-bottom:3px}
.hero-visual{height:620px;position:relative;align-self:end;isolation:isolate;overflow:visible}
.hero-visual::before{content:"";position:absolute;inset:28px -80px 34px -65px;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.75),transparent 42%),linear-gradient(180deg,rgba(248,236,232,.68),rgba(255,255,255,.12));border-radius:52% 0 0 12%;z-index:-2}
.sun{position:absolute;right:18%;top:58px;width:142px;height:142px;border-radius:50%;background:linear-gradient(145deg,#FFD7CC,#FFAB98);opacity:.95;z-index:1}
.waves{position:absolute;left:-18%;right:-7%;bottom:20px;width:125%;height:520px;z-index:0;filter:saturate(.92)}
.woman{position:absolute;right:6%;bottom:16px;width:min(480px,76%);z-index:3;filter:drop-shadow(0 18px 28px rgba(47,72,115,.08))}
.leaf{position:absolute;right:1%;bottom:55px;width:42px;height:190px;border-radius:100% 0 100% 0;transform-origin:bottom;z-index:2}
.leaf-a{background:linear-gradient(180deg,#56C5C9,#28729A);transform:rotate(10deg)}
.leaf-b{right:7%;bottom:20px;height:160px;background:linear-gradient(180deg,#73D8CF,#497FB0);transform:rotate(-17deg)}
.leaf-c{right:-2%;bottom:9px;height:135px;background:linear-gradient(180deg,#A18DF5,#6588C6);transform:rotate(33deg)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-24px;position:relative;z-index:6}
.feature-grid article{min-height:164px;display:flex;align-items:center;gap:22px;padding:28px 30px;background:rgba(255,255,255,.93);border:1px solid #EDF1F8;border-radius:28px;box-shadow:0 18px 50px rgba(60,80,125,.08)}
.feature-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:34px;font-weight:600}
.feature-icon.blue{background:#EAF4FF;color:#5A9DFA}
.feature-icon.teal{background:#E6F9F6;color:#2AA7A3}
.feature-icon.coral{background:#FFF0EC;color:#F08072}
.feature-grid h2{font-size:18px;margin:0 0 8px;font-weight:800;color:var(--ink)}
.feature-grid p{font-size:14px;line-height:1.48;margin:0;color:#70819E}
footer{max-width:1540px;margin:78px auto 0;padding:30px 56px 44px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:10px 26px;align-items:center;color:#7383A1;font-size:12px}
footer img{width:115px;height:auto}
footer p{margin:0}
footer p:last-child{grid-column:1/-1;font-size:11px}
@media(max-width:1100px){
  .topbar{padding:26px 28px 14px}.brand img{width:165px}.topbar nav{gap:28px}
  main{padding:0 28px 40px}.hero{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:56px 0 10px}.hero h1{max-width:900px}.lead{max-width:820px}
  .hero-visual{height:500px;margin-top:-10px}.woman{width:430px;right:9%}.waves{left:-8%;width:112%}
  .feature-grid{grid-template-columns:1fr;margin-top:-10px}
  footer{padding:28px 28px 40px}
}
@media(max-width:720px){
  .topbar{padding:22px 20px 10px}.brand img{width:145px}.topbar nav{display:none}
  main{padding:0 20px 34px}.hero-copy{padding-top:44px}
  .eyebrow{font-size:12px;margin-bottom:16px}
  .hero h1{font-size:49px;line-height:1.02;letter-spacing:-2.6px;margin-bottom:22px}
  .lead{font-size:15.5px;line-height:1.6;margin-bottom:24px}
  .waitlist{display:block;border:0;background:transparent;box-shadow:none;overflow:visible}
  .email-box{height:62px;border:1.5px solid #C6D9F7;border-radius:999px;background:#fff;box-shadow:0 12px 32px rgba(55,78,120,.07)}
  .waitlist button{width:100%;height:62px;margin-top:12px}
  .more-link{margin-top:9px}
  .hero-visual{height:390px;margin:5px -20px 0;overflow:hidden}
  .hero-visual::before{inset:0 -40px 18px -40px}
  .sun{width:92px;height:92px;right:15%;top:34px}
  .waves{height:350px;left:-28%;width:145%;bottom:0}
  .woman{width:325px;right:0;bottom:0}
  .leaf{display:none}
  .feature-grid{gap:12px;margin-top:8px}
  .feature-grid article{min-height:132px;border-radius:24px;padding:22px}
  .feature-icon{width:60px;height:60px;font-size:28px}
  footer{display:block;margin-top:52px;padding:26px 20px 34px}
  footer p{margin-top:12px;line-height:1.5}
}
@media(prefers-reduced-motion:no-preference){
  .hero-copy{animation:fadeUp .55s ease-out both}
  .hero-visual{animation:fadeUp .72s ease-out both}
  @keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}