@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--ink:#050719;--white:#fff;--purple:#6336ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:var(--ink);color:var(--white);overflow-x:hidden}.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;z-index:1;isolation:isolate;padding:clamp(46px,7vh,90px) 24px 30px}.content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:clamp(28px,3.2vw,42px);font-weight:800;letter-spacing:-.065em}.brand-icon{width:clamp(30px,3.2vw,43px);height:auto;filter:drop-shadow(0 0 18px #7746ff55)}h1{display:flex;flex-direction:column;align-items:center;margin:clamp(40px,7vh,86px) 0 0;line-height:.95;font-weight:900;letter-spacing:-.075em;position:relative;text-wrap:balance;filter:drop-shadow(0 5px 28px #473bff24)}h1 span{display:block}h1 .the{font-size:clamp(55px,6.4vw,102px);line-height:1.03;letter-spacing:-.07em;color:#f0f0ff;text-shadow:0 2px 22px #7a65ff50}h1 .infinite{font-size:clamp(82px,12vw,192px);line-height:1.01;padding:0 .1em .07em;margin-top:-.01em}h1 .growth{font-size:clamp(55px,8.4vw,133px);line-height:1.04;padding:0 .11em .1em;margin-top:-.11em}.infinite,.growth{color:#c7b7ff;background:linear-gradient(115deg,#a45bff 0%,#faafff 16%,#7f65ff 31%,#38e6ff 46%,#a6f6ff 54%,#8b7dff 69%,#e59eff 81%,#a98dff 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 8s ease-in-out infinite alternate;text-shadow:none}.infinite{filter:drop-shadow(0 2px 9px #e5aaff50) drop-shadow(0 14px 36px #8143ff55)}.growth{filter:drop-shadow(0 3px 10px #3ecfff55) drop-shadow(0 13px 34px #6447ff50)}.signup{width:min(100%,700px);margin-top:clamp(55px,8vh,105px)}.signup h2{font-size:clamp(16px,1.8vw,23px);line-height:1.4;font-weight:750;letter-spacing:-.025em;margin:0 0 21px;text-shadow:0 3px 14px #000}.email-form{display:flex;align-items:center;gap:0;width:100%;min-height:77px;padding:4px 4px 4px 26px;background:linear-gradient(110deg,rgba(10,13,36,.94),rgba(14,19,46,.96));border:1px solid #6c67948a;border-radius:23px;box-shadow:0 15px 60px #0008,0 0 28px #4e47fa20,inset 0 1px #ffffff10;backdrop-filter:blur(12px)}.email-icon{width:27px;height:27px;color:#b5b2ff;flex:none}.email-icon svg{width:100%;height:100%}.email-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:white;font:500 16px Inter,Arial,sans-serif;padding:15px 17px}.email-form input::placeholder{color:#a8a9c5;opacity:1}.email-form button{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;border:1px solid #a17cff;border-radius:18px;background:linear-gradient(135deg,#6d40ff,#5725ed 85%);color:#fff;font:750 16px Inter,Arial,sans-serif;padding:0 26px;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff40,0 7px 25px #6035ff66;transition:transform .2s,box-shadow .2s,filter .2s}.email-form button:hover{filter:brightness(1.14);box-shadow:inset 0 1px 0 #ffffff40,0 7px 32px #744affaa}.email-form button:active{transform:scale(.98)}.email-form button svg{width:21px;height:21px}.email-form button:focus-visible,.email-form input:focus-visible{outline:2px solid #a5cfff;outline-offset:3px}.email-form button:disabled{opacity:.65;cursor:wait}.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}.form-message{margin:10px 0 0;min-height:20px;color:#c4b9ff;font-size:13px}.page footer{font-size:13px;font-weight:400;color:#b0b2d0;text-align:center;text-shadow:0 1px 7px #000;letter-spacing:.005em;margin-top:38px}.universe{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 60% 35% at 50% 66%,#17135b 0%,transparent 78%),radial-gradient(ellipse 55% 55% at 6% 43%,#241159 0%,transparent 72%),radial-gradient(ellipse 52% 52% at 97% 44%,#092b75 0%,transparent 73%),linear-gradient(180deg,#040615 0%,#05071b 54%,#080923 100%)}.nebula{position:absolute;width:65vw;height:80vh;top:0;filter:blur(90px);opacity:.36}.nebula-left{left:-38vw;background:radial-gradient(ellipse,#8632ff 0%,transparent 64%)}.nebula-right{right:-38vw;background:radial-gradient(ellipse,#0968ff 0%,transparent 64%)}.infinity-scene{position:absolute;left:50%;top:50%;width:max(125vw,1500px);height:115%;transform:translate(-50%,-49%);opacity:.95}.infinity-lines{animation:breathe 9s ease-in-out infinite alternate;transform-origin:center}.back-ribbons{animation:glow 6s ease-in-out infinite alternate}.floor-rings{animation:glow 8s ease-in-out infinite alternate}.center-shadow{position:absolute;inset:20% 22% 17%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#040617dc 0%,#040617c9 35%,transparent 71%);filter:blur(35px)}.horizon{position:absolute;bottom:-25%;left:15%;width:70%;height:42%;background:radial-gradient(ellipse,#3b4efb28,transparent 67%);filter:blur(32px)}.stars{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(1px 1px at 8% 16%,#8e76ff 99%,transparent),radial-gradient(1.5px 1.5px at 18% 73%,#8c63ff 99%,transparent),radial-gradient(1px 1px at 29% 28%,#a5adff 99%,transparent),radial-gradient(1.5px 1.5px at 84% 20%,#3cafff 99%,transparent),radial-gradient(1px 1px at 94% 63%,#8acaff 99%,transparent),radial-gradient(1px 1px at 73% 86%,#a78aff 99%,transparent);background-size:470px 370px;animation:starShift 35s linear infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes shimmer{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes breathe{from{opacity:.6}to{opacity:1}}@keyframes glow{from{opacity:.55}to{opacity:1}}@keyframes starShift{to{background-position:470px 370px}}
@media(max-width:760px){.page{padding:52px 18px 26px;justify-content:space-between}.brand{font-size:31px}.brand-icon{width:32px}h1{margin-top:clamp(65px,13vh,125px)}h1 .the{font-size:clamp(46px,11vw,78px)}h1 .infinite{font-size:clamp(76px,16.4vw,132px)}h1 .growth{font-size:clamp(39px,10.2vw,80px)}.signup{margin-top:clamp(80px,12vh,135px)}.signup h2{font-size:16px}.email-form{min-height:66px;border-radius:17px;padding:4px 4px 4px 14px}.email-icon{width:22px;height:22px}.email-form input{font-size:13px;padding:10px}.email-form button{font-size:13px;padding:0 14px;border-radius:13px;gap:7px}.email-form button svg{width:17px}.infinity-scene{width:1450px;max-width:none;left:50%;top:50%;height:100%;transform:translate(-50%,-46%)}.center-shadow{inset:27% 2% 27%;background:radial-gradient(ellipse,#040617dc 0%,#040617b8 42%,transparent 78%)}}
@media(max-width:420px){.page{padding-top:40px}.signup{margin-top:60px}.signup h2{font-size:14px}.email-form{flex-wrap:wrap;gap:4px;padding:10px}.email-form input{width:calc(100% - 38px);flex:1}.email-form button{width:100%;min-height:48px}.page footer{font-size:11px}.infinity-scene{width:1300px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* LIQUID GLASS HEADLINE --------------------------------------------------
   The original gradient text remains untouched and readable. A translucent
   second text layer refracts slowly above it like moving liquid glass.
   No JS or raster/video asset required. */
.liquid-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
h1 .infinite,h1 .growth{position:relative;isolation:isolate;overflow:visible}
h1 .infinite::after,h1 .growth::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  display:block;
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(108deg,#e6b8ff 0%,#9857ff 13%,#4edcff 28%,#d5faff 40%,#6b4cff 54%,#ff9cf7 69%,#35dbff 85%,#d8c3ff 100%);
  background-size:260% 130%;
  -webkit-background-clip:text;
  background-clip:text;
  filter:url(#liquid-refraction);
  opacity:.55;
  pointer-events:none;
  animation:liquid-flow 11s ease-in-out infinite alternate;
  will-change:background-position,transform;
}
h1 .growth::after{animation-duration:14s;animation-delay:-5s;opacity:.42}
@keyframes liquid-flow{
  0%{background-position:0% 48%;transform:translate3d(-.004em,0,0)}
  50%{background-position:95% 55%;transform:translate3d(.006em,-.004em,0)}
  100%{background-position:12% 48%;transform:translate3d(-.003em,.003em,0)}
}
@media(prefers-reduced-motion:reduce){
  h1 .infinite::after,h1 .growth::after{animation:none;filter:none;opacity:.22}
  .liquid-filters{display:none}
}

/* Homepage: the supplied artwork is the background and the headline.
   The fill stays in the image. Desktop scales it to the window and, when the
   window is shorter than the art, clips empty space above the title. */
.home{background:#050719}
.hero-art{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none;user-select:none}
.home .page{height:100svh;max-height:100svh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;justify-content:stretch;justify-items:center;align-items:center;padding:2.2vh 28px 1.6vh;overflow:hidden}
.home .brand{font-size:20px;gap:7px;align-self:start;justify-self:center}
.home .brand-icon{width:18px;filter:drop-shadow(0 0 10px #7746ff66)}
.home .signup{width:min(640px,100%);margin-top:0;align-self:end;justify-self:center}
.home .signup h2{font-size:clamp(15px,1.5vw,20px);margin-bottom:12px;text-shadow:0 2px 16px #000}
.home .email-form{min-height:62px}
.home .page footer{margin-top:1.2vh;justify-self:center}
@media(min-width:801px){
  html:has(body.home),body.home{height:100svh;overflow:hidden}
}
@media(min-width:801px) and (max-aspect-ratio:4/3){
  .hero-art{object-fit:contain;object-position:center bottom}
}
@media(max-height:760px) and (min-width:801px){
  .home .page{padding-top:10px;padding-bottom:8px}
  .home .brand{font-size:17px}
  .home .brand-icon{width:15px}
  .home .signup h2{font-size:14px;margin-bottom:8px}
  .home .email-form{min-height:52px}
  .home .form-message{min-height:0;margin-top:4px}
}
@media(max-width:800px){
  html:has(body.home),body.home{height:auto;overflow-x:hidden;overflow-y:auto}
  .hero-art{top:0;right:auto;bottom:auto;left:0;width:100%;height:auto;object-fit:fill;object-position:center top}
  .home .page{height:auto;max-height:none;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 16px 24px}
  .home .brand{font-size:18px;align-self:center}
  .home .signup{width:min(100%,520px);margin-top:calc(46vw - 40px)}
  .home .page footer{margin-top:auto}
}