:root{
  --bg:#070816;--text:#fff8ff;--muted:#d9cfe7;--pink:#ff8be8;--violet:#a985ff;--cyan:#6ff6ef;--cream:#ffe9c5;--stroke:rgba(255,255,255,.16);--font-main:'Inter',system-ui,sans-serif;--font-display:'Playfair Display',Georgia,serif;
}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;color:var(--text);font-family:var(--font-main);background:radial-gradient(circle at 74% 18%,rgba(169,133,255,.30),transparent 32%),radial-gradient(circle at 13% 78%,rgba(255,139,232,.18),transparent 32%),radial-gradient(circle at 88% 84%,rgba(111,246,239,.14),transparent 28%),linear-gradient(135deg,#060713 0%,#11112b 48%,#06111c 100%);text-rendering:optimizeLegibility}button,input{font-family:inherit}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000 0 58%,transparent 88%)}
.site-shell{position:relative;isolation:isolate;width:100%;height:100dvh;padding:clamp(14px,3vh,34px) clamp(18px,4vw,72px)}.ambient{position:fixed;border-radius:999px;filter:blur(36px);opacity:.55;pointer-events:none;animation:breathe 7s ease-in-out infinite alternate}.ambient-one{width:240px;height:240px;left:6%;top:12%;background:rgba(255,139,232,.18)}.ambient-two{width:330px;height:330px;right:9%;top:17%;background:rgba(111,246,239,.13);animation-delay:1.4s}.ambient-three{width:250px;height:250px;right:29%;bottom:5%;background:rgba(169,133,255,.16);animation-delay:2.2s}
.hero{width:min(1480px,100%);height:calc(100dvh - (clamp(14px,3vh,34px)*2));min-height:0;margin:0 auto;display:grid;grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);align-items:center;gap:clamp(22px,4vw,64px)}.hero-copy{min-width:0}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(16px,3vh,30px)}.brand{display:inline-flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand-icon{width:clamp(54px,6vh,72px);height:clamp(54px,6vh,72px);display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:0 18px 40px rgba(255,139,232,.13),inset 0 0 24px rgba(255,255,255,.06)}.brand-icon svg{width:68%;height:68%;overflow:visible}.brand-icon .moon{fill:rgba(255,255,255,.17);stroke:var(--cream);stroke-width:1.4}.brand-icon .cat{fill:#fff9ff}.brand-icon .face{fill:none;stroke:#261830;stroke-width:2.5;stroke-linecap:round}.brand-icon circle{fill:#261830}.brand-text{display:grid;line-height:1}.brand-text strong{font-family:var(--font-display);font-size:clamp(24px,2.1vw,38px);letter-spacing:-.04em}.brand-text b{width:max-content;font-family:var(--font-display);font-size:clamp(22px,2vw,34px);letter-spacing:-.04em;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));-webkit-background-clip:text;color:transparent}.brand-text small{margin-top:8px;color:var(--muted);font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:10px;padding:13px 19px;border:1px solid rgba(111,246,239,.45);border-radius:999px;background:rgba(8,10,24,.55);box-shadow:0 0 30px rgba(111,246,239,.12),inset 0 0 20px rgba(255,255,255,.04);white-space:nowrap}.status-badge i{width:10px;height:10px;border-radius:999px;background:var(--cream);box-shadow:0 0 0 5px rgba(255,233,197,.08),0 0 18px var(--cream);animation:pulse 1.8s infinite}
.eyebrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.eyebrow span{padding:8px 12px;border-radius:999px;color:#ffe8fa;background:rgba(255,139,232,.1);border:1px solid rgba(255,139,232,.18);font-size:13px;font-weight:700}h1{margin:0;font-family:var(--font-display);font-size:clamp(44px,5.6vw,86px);line-height:.9;letter-spacing:-.07em;background:linear-gradient(90deg,#fff 5%,#ffd4f5 35%,#ba97ff 63%,#8ffff5 95%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 18px 45px rgba(169,133,255,.22))}.headline{margin:clamp(16px,2.4vh,24px) 0 10px;font-size:clamp(22px,2.55vw,38px);line-height:1.18;font-weight:800}.headline strong{background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));-webkit-background-clip:text;color:transparent}.description{max-width:680px;margin:0 0 clamp(16px,2.8vh,26px);color:var(--muted);font-size:clamp(15px,1.25vw,19px);line-height:1.55}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));align-items:center;gap:12px;max-width:720px;margin:0 0 clamp(14px,2.4vh,22px)}.separator{display:none}.time-card{position:relative;min-height:clamp(86px,10vh,116px);display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 22px 55px rgba(0,0,0,.26);overflow:hidden}.time-card:before{content:"✦";position:absolute;top:12px;color:var(--cream);opacity:.85;animation:twinkle 2.4s ease-in-out infinite}.time-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,139,232,.45),transparent 35%,rgba(111,246,239,.42));opacity:.16;pointer-events:none}.time-card span{font-family:var(--font-display);font-size:clamp(34px,3.7vw,56px);line-height:.95;font-weight:900;background:linear-gradient(180deg,#fff,var(--pink) 42%,var(--cyan));-webkit-background-clip:text;color:transparent}.time-card small{color:#f2e9ff;font-size:clamp(14px,1.35vw,17px)}.launch-line{display:flex;align-items:center;gap:14px;margin:6px 0 clamp(14px,2.4vh,22px);color:#fff7fb;font-size:clamp(16px,1.75vw,24px)}.launch-line p{margin:0}.launch-line strong{color:var(--cream)}.calendar-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:var(--pink);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 22px rgba(255,139,232,.16)}
.notify-card{width:min(630px,100%);padding:clamp(14px,2vh,18px);border-radius:28px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);box-shadow:0 30px 90px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.notify-card label{display:block;margin:0 0 12px;color:var(--muted);font-weight:700}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0;height:clamp(48px,6vh,58px);padding:0 18px;color:var(--text);font:inherit;border:1px solid rgba(255,255,255,.14);border-radius:18px;outline:none;background:rgba(0,0,0,.2)}.input-row input:focus{border-color:rgba(111,246,239,.62);box-shadow:0 0 0 5px rgba(111,246,239,.09)}.input-row button{height:clamp(48px,6vh,58px);padding:0 22px;border:0;border-radius:18px;color:#24142e;background:linear-gradient(90deg,var(--pink),#d8a2ff,var(--cyan));font:inherit;font-weight:900;cursor:pointer;box-shadow:0 18px 40px rgba(111,246,239,.17),0 18px 40px rgba(255,139,232,.13);transition:transform .2s ease,filter .2s ease}.input-row button:hover{transform:translateY(-2px);filter:brightness(1.05)}.form-message{min-height:20px;margin:10px 0 0;color:var(--cyan);font-weight:700}
.hero-art{position:relative;height:100%;min-height:0;display:grid;place-items:center;transform-style:preserve-3d}.magic-ring{position:absolute;width:min(540px,45vw);aspect-ratio:1;border:2px solid rgba(255,233,197,.35);border-radius:50%;box-shadow:0 0 60px rgba(169,133,255,.2),inset 0 0 50px rgba(255,139,232,.12);animation:rotateSlow 22s linear infinite}.magic-ring:before,.magic-ring:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(111,246,239,.24);border-radius:inherit}.magic-ring:after{inset:-14px;border-color:rgba(255,139,232,.18)}.floating-card{position:absolute;z-index:4;display:grid;place-items:center;width:78px;height:78px;border-radius:28px;font-size:38px;font-weight:900;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 0 30px rgba(255,255,255,.08);animation:floaty 4s ease-in-out infinite}.book-card{left:2%;top:45%;color:#dbffff;box-shadow:0 0 40px rgba(111,246,239,.22)}.letter-card{right:4%;top:35%;color:#ffd5f8;animation-delay:1s}.paper{position:absolute;width:104px;height:68px;border-radius:10px 18px;background:linear-gradient(135deg,#fff7ef,#dabdff);opacity:.75;box-shadow:0 20px 35px rgba(0,0,0,.2);animation:drift 5s ease-in-out infinite}.paper-one{top:10%;left:20%;transform:rotate(-12deg)}.paper-two{top:15%;right:7%;transform:rotate(15deg);animation-delay:1.6s}
.cat-scene{position:relative;width:min(520px,44vw);height:min(520px,69vh);animation:sceneFloat 5.5s ease-in-out infinite}.cushion{position:absolute;left:8%;right:4%;bottom:48px;height:28%;border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 25%),linear-gradient(135deg,#a865ff,#4d2f8e 58%,#241338);box-shadow:0 45px 90px rgba(0,0,0,.38),inset 0 0 45px rgba(255,255,255,.12);z-index:1}.cat-body{position:absolute;width:52%;height:50%;left:27%;bottom:23%;z-index:3;border-radius:50% 45% 44% 48%;background:radial-gradient(circle at 35% 35%,#fff8ff 0 22%,transparent 24%),linear-gradient(145deg,#2b263d 0 42%,#11111c 100%);box-shadow:inset 25px -20px 35px rgba(0,0,0,.22),0 22px 55px rgba(0,0,0,.25)}.cat-tail{position:absolute;right:7%;bottom:22%;z-index:2;width:46%;height:24%;border-radius:999px 999px 999px 40px;border:36px solid #171525;border-left-color:transparent;transform:rotate(10deg);filter:drop-shadow(0 22px 28px rgba(0,0,0,.25))}.cat-tail:after{content:"";position:absolute;right:-27px;top:18px;width:56px;height:53px;border-radius:50%;background:#f8efff}.cat-head{position:absolute;left:25%;top:14%;width:48%;height:44%;z-index:5;border-radius:48% 48% 46% 46%;background:radial-gradient(circle at 52% 71%,#fff6ff 0 34%,transparent 35%),linear-gradient(145deg,#363048 0 48%,#11111e 100%);box-shadow:inset 14px -18px 32px rgba(0,0,0,.26),0 25px 60px rgba(0,0,0,.28)}.ear{position:absolute;top:-18%;width:37%;height:49%;background:linear-gradient(145deg,#252236,#100f1d);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:-1}.ear:after{content:"";position:absolute;left:24%;bottom:16%;width:52%;height:52%;background:linear-gradient(180deg,#ff9adf,#8b63d8);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9}.ear-left{left:7%;transform:rotate(-20deg)}.ear-right{right:7%;transform:rotate(20deg)}.moon-mark{position:absolute;top:15%;left:44%;width:13%;height:13%;border-radius:50%;box-shadow:-8px 0 0 var(--cream);transform:rotate(20deg)}.eye{position:absolute;top:41%;width:18%;height:25%;border-radius:50%;background:radial-gradient(circle at 58% 28%,#fff 0 9%,transparent 10%),radial-gradient(circle at 45% 56%,#190b28 0 24%,transparent 25%),linear-gradient(180deg,#f3b4ff,#9169ff 58%,#3c275c);box-shadow:0 0 22px rgba(255,139,232,.24);animation:blink 7s infinite}.eye-left{left:23%}.eye-right{right:23%}.muzzle{position:absolute;left:31%;top:63%;width:39%;height:25%;border-radius:50%;background:rgba(255,248,255,.92)}.nose{position:absolute;left:47%;top:65%;width:8%;height:6%;border-radius:50%;background:#ff86ba;z-index:2}.whisker{position:absolute;width:28%;height:2px;background:rgba(255,255,255,.72);border-radius:99px}.w1{left:-9%;top:64%;transform:rotate(9deg)}.w2{left:-8%;top:73%;transform:rotate(-5deg)}.w3{right:-9%;top:64%;transform:rotate(-9deg)}.w4{right:-8%;top:73%;transform:rotate(5deg)}.collar{position:absolute;left:37%;top:51%;z-index:6;width:23%;height:6%;border-radius:999px;background:linear-gradient(90deg,#7a45d8,#b870ff);box-shadow:0 0 25px rgba(169,133,255,.3)}.collar i{position:absolute;left:38%;top:68%;width:26%;aspect-ratio:1;transform:rotate(45deg);border-radius:8px;background:linear-gradient(135deg,var(--cream),#b574ff);box-shadow:0 0 18px rgba(255,233,197,.25)}.paw{position:absolute;bottom:24%;z-index:6;width:16%;height:10%;border-radius:50%;background:#fff6ff;box-shadow:inset 0 -10px 20px rgba(169,133,255,.13)}.paw-left{left:29%}.paw-right{left:48%}.book-stack{position:absolute;right:2%;bottom:34px;z-index:7;display:grid;gap:8px;transform:rotate(-2deg)}.book-stack span{display:block;width:220px;padding:12px 14px;border-radius:12px 18px 18px 12px;color:#e7d8ff;background:linear-gradient(90deg,#2b173d,#51306f);border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 28px rgba(0,0,0,.28);font-size:12px;line-height:1.2}.particles span{position:fixed;left:var(--x);top:var(--y);width:calc(9px*var(--s));height:calc(9px*var(--s));pointer-events:none;background:#fff;clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%);filter:drop-shadow(0 0 12px rgba(255,255,255,.6));animation:twinkle 2.8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes breathe{to{transform:scale(1.18) translateY(-18px);opacity:.75}}@keyframes pulse{50%{transform:scale(.7);opacity:.55}}@keyframes twinkle{50%{transform:scale(1.45) rotate(25deg);opacity:.35}}@keyframes rotateSlow{to{transform:rotate(360deg)}}@keyframes floaty{50%{transform:translateY(-22px) rotate(5deg)}}@keyframes drift{50%{transform:translateY(-24px) rotate(8deg)}}@keyframes sceneFloat{50%{transform:translateY(-14px)}}@keyframes blink{0%,92%,100%{transform:scaleY(1)}94%,96%{transform:scaleY(.08)}}
@media (min-width:1181px) and (max-height:820px){.brand-row{margin-bottom:18px}.eyebrow{margin-bottom:12px}h1{font-size:clamp(46px,5vw,76px)}.headline{font-size:clamp(22px,2.3vw,34px);margin-top:16px}.description{font-size:clamp(14px,1.1vw,17px);line-height:1.5;margin-bottom:18px}.countdown{gap:10px;margin-bottom:14px}.time-card{min-height:92px;border-radius:22px}.time-card span{font-size:clamp(34px,3.6vw,52px)}.time-card small{font-size:15px}.launch-line{margin-bottom:14px}.notify-card{width:min(590px,100%)}.notify-card label{margin-bottom:9px}.hero-art{transform:scale(.92);transform-origin:center right}.book-stack{bottom:48px}}
@media (max-width:1180px){body{overflow-x:hidden;overflow-y:auto}.site-shell{height:auto;min-height:100dvh}.hero{height:auto;min-height:100dvh;grid-template-columns:1fr;padding-top:18px}.hero-copy{max-width:860px;margin:0 auto}.hero-art{min-height:520px;order:-1;transform:scale(.84);transform-origin:center;margin-bottom:-90px}.brand-row{margin-bottom:26px}}
@media (max-width:860px){.site-shell{padding:24px 18px 38px}.brand-row{align-items:flex-start;flex-direction:column}.status-badge{padding:11px 16px}.countdown{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}.time-card{border-radius:22px}.hero-art{min-height:440px;transform:scale(.7);margin-bottom:-155px}.book-stack{display:none}}
@media (max-width:760px){body{overflow:hidden}.site-shell{height:100dvh;min-height:100dvh;padding:14px}.hero{height:calc(100dvh - 28px);min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding-top:0}.hero-copy{width:100%;max-width:520px}.brand-row{margin-bottom:12px}.brand{gap:10px}.brand-icon{width:48px;height:48px;border-radius:16px}.brand-icon svg{width:34px;height:34px}.brand-text strong{font-size:clamp(20px,6vw,28px)}.brand-text b{font-size:clamp(19px,5.5vw,26px)}.brand-text small{font-size:11px}.status-badge,.eyebrow{display:none}h1{font-size:clamp(38px,12vw,58px);letter-spacing:-.06em}.headline{font-size:clamp(19px,6vw,27px);margin:14px 0 8px}.description{font-size:clamp(13px,3.7vw,15px);line-height:1.45;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.countdown{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.time-card{min-height:76px;border-radius:16px}.time-card:before{top:7px;font-size:11px}.time-card span{font-size:clamp(26px,8.5vw,38px)}.time-card small{font-size:12px}.launch-line{font-size:14px;gap:9px;margin-bottom:12px;align-items:center}.calendar-icon{width:30px;height:30px;min-width:30px;border-radius:10px}.notify-card{padding:12px;border-radius:20px;margin-bottom:0}.notify-card label{font-size:13px;margin-bottom:8px}.input-row{flex-direction:row;gap:8px}.input-row input{height:44px;border-radius:14px;padding-inline:12px}.input-row button{height:44px;border-radius:14px;padding:0 12px;font-size:13px}.form-message{font-size:12px;min-height:16px;margin-top:6px}.hero-art{order:-1;height:23vh;min-height:128px;width:100%;transform:scale(.36);transform-origin:center;margin:-170px 0 -170px;pointer-events:none}.book-stack,.floating-card,.paper{display:none}}
@media (max-width:430px){.brand-icon{width:46px;height:46px;border-radius:16px}.brand-text strong{font-size:21px}.brand-text b{font-size:20px}.brand-text small{font-size:10px}.input-row{flex-direction:column}.input-row button,.input-row input{width:100%}.hero-art{display:none}}
@media (max-height:650px) and (max-width:760px){.brand-text small,.description{display:none}.notify-card label{display:none}h1{font-size:clamp(34px,10vw,48px)}.headline{font-size:clamp(17px,5vw,24px)}.time-card{min-height:64px}.time-card span{font-size:clamp(24px,7vw,32px)}.hero-art{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}