:root{
  --ink:#050505; --rose:#e7b9b4; --rose-light:#f6dedb; --muted:#bca5a2;
  --line:rgba(231,185,180,.26); --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Montserrat",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{min-height:100%;background:var(--ink)}
body{margin:0;color:#f7efed;font-family:var(--sans);overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(105,52,55,.14),transparent 29rem),
    linear-gradient(180deg,#050505 0%,#090707 52%,#050505 100%);
}
main{z-index:2;padding-bottom:72px}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.14;z-index:0}
.ambient-one{width:36vw;height:36vw;left:-18vw;top:20%;background:#b97872}
.ambient-two{width:30vw;height:30vw;right:-15vw;bottom:0;background:#7d4849}
.eyebrow{font-size:.68rem;letter-spacing:.38em;color:var(--rose);margin-bottom:.35rem}
.logo-stage{width:min(440px,76vw);margin:-2rem auto -2.6rem;position:relative;perspective:1000px;
  will-change:transform;animation:logoFloat 6s ease-in-out infinite}
.logo-glow{position:absolute;inset:25%;border-radius:50%;background:rgba(231,185,180,.12);
  filter:blur(45px);animation:breathe 4.8s ease-in-out infinite}
.brand-logo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;position:relative;
  filter:drop-shadow(0 10px 28px rgba(216,153,148,.08));transform:none!important}
.ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:.2rem auto 1rem;color:var(--rose)}
.ornament span{width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--rose))}
.ornament span:last-child{transform:scaleX(-1)}
.ornament i{font-style:normal;font-size:.7rem;animation:spinGlow 9s linear infinite}
.display-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.7rem,6vw,5.2rem);line-height:.88;
  letter-spacing:-.025em;margin:0;color:#f8f1ef}
.display-title em{font-weight:400;color:var(--rose-light)}
.intro{max-width:610px;color:#cbbab7;font-size:.92rem;line-height:1.9;font-weight:300;margin-top:1.6rem}
.launch-pill{display:inline-flex;align-items:center;gap:10px;margin:1rem 0 1.4rem;padding:9px 15px;border:1px solid var(--line);
  border-radius:999px;color:var(--rose-light);font-size:.61rem;letter-spacing:.25em;background:rgba(255,255,255,.018)}
.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 0 rgba(231,185,180,.55);
  animation:pulse 2s infinite}
.notify-form{max-width:560px}
.notify-form .input-group{border-bottom:1px solid rgba(231,185,180,.45);padding-bottom:4px}
.notify-form .form-control{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;
  padding:14px 6px;font-size:.78rem;border-radius:0}
.notify-form .form-control::placeholder{color:#806f6d}
.notify-btn{border:0;border-radius:0;background:transparent;color:var(--rose-light);font-size:.64rem;letter-spacing:.17em;
  padding:12px 5px 12px 20px;transition:.3s ease}
.notify-btn:hover{color:#fff;transform:translateX(3px)}
.form-message{min-height:20px;margin-top:8px;font-size:.67rem;color:var(--rose);letter-spacing:.05em}
.microcopy{font-size:.55rem;text-transform:uppercase;letter-spacing:.18em;color:#685a59;margin-top:.65rem}
.footer{z-index:3;padding:18px;font-size:.5rem;letter-spacing:.16em;color:#695b59}
.footer-dot{margin:0 10px;color:var(--rose)}
.reveal{opacity:0;transform:translateY(14px);animation:reveal .9s cubic-bezier(.2,.7,.2,1) forwards}
.reveal:nth-child(1){animation-delay:.08s}.reveal:nth-child(2){animation-delay:.18s}.reveal:nth-child(3){animation-delay:.32s}
.reveal:nth-child(4){animation-delay:.42s}.reveal:nth-child(5){animation-delay:.52s}.reveal:nth-child(6){animation-delay:.62s}
.petal{position:fixed;top:-30px;width:7px;height:12px;border-radius:80% 20% 70% 30%;background:linear-gradient(135deg,#f0c7c3,#a96665);
  opacity:.25;pointer-events:none;z-index:1;animation:fall linear forwards}
@keyframes reveal{to{opacity:1;transform:translateY(0)}}
@keyframes logoFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes breathe{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:.7;transform:scale(1.12)}}
@keyframes spinGlow{to{transform:rotate(360deg)}}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(231,185,180,0)}100%{box-shadow:0 0 0 0 rgba(231,185,180,0)}}
@keyframes fall{to{transform:translate3d(var(--drift),110vh,0) rotate(480deg);opacity:0}}
@media(max-width:767.98px){
  main{padding-bottom:82px}.logo-stage{width:min(360px,92vw);margin:-1.6rem auto -2.2rem}
  .display-title{font-size:clamp(2.5rem,13vw,4rem)}.intro{font-size:.82rem;max-width:92%}
  .notify-form{max-width:92%}.notify-btn{font-size:.56rem}.footer{font-size:.43rem}.footer-dot{display:none}
  .footer span{display:block;margin:4px 0}.eyebrow{font-size:.58rem}
}
@media(max-height:760px) and (min-width:768px){
  .logo-stage{width:330px;margin:-2.6rem auto -3rem}.display-title{font-size:3.5rem}.intro{margin-top:1rem;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}.petal{display:none}
}


/* Premium logo integration v2
   The source raster's black square has been removed from the exported PNG.
   These layers now create a seamless ambient transition into the page. */
.logo-stage{
  isolation:isolate;
  margin:-2.5rem auto -3.1rem;
}
.logo-stage::before{
  content:"";
  position:absolute;
  inset:15% 10%;
  z-index:-3;
  border-radius:50%;
  background:radial-gradient(ellipse at center,
    rgba(190,112,110,.115) 0%,
    rgba(124,64,66,.06) 34%,
    rgba(10,7,7,0) 72%);
  filter:blur(34px);
  animation:auraBreath 7s ease-in-out infinite;
}
.logo-stage::after{
  content:"";
  position:absolute;
  left:17%;right:17%;bottom:25%;
  height:14%;
  z-index:-2;
  border-radius:50%;
  background:rgba(226,167,160,.055);
  filter:blur(28px);
}
.logo-glow{
  inset:27%;
  z-index:-1;
  background:rgba(232,184,178,.08);
  filter:blur(55px);
}
.logo-aura{
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(231,185,180,.055);
  border-radius:50%;
  z-index:-2;
}
.aura-1{inset:21%;animation:orbitSoft 18s linear infinite}
.aura-2{inset:27%;animation:orbitSoft 24s linear infinite reverse}
.brand-logo{
  filter:
    drop-shadow(0 0 16px rgba(245,211,207,.035))
    drop-shadow(0 14px 38px rgba(120,61,61,.10));
  -webkit-mask-image:radial-gradient(ellipse 74% 73% at 50% 49%,#000 62%,rgba(0,0,0,.98) 76%,transparent 100%);
  mask-image:radial-gradient(ellipse 74% 73% at 50% 49%,#000 62%,rgba(0,0,0,.98) 76%,transparent 100%);
}
@keyframes auraBreath{
  0%,100%{opacity:.45;transform:scale(.96)}
  50%{opacity:.9;transform:scale(1.04)}
}
@keyframes orbitSoft{to{transform:rotate(360deg)}}

@media(max-width:767.98px){
  .logo-stage{margin:-2rem auto -2.6rem}
}