:root{--ink:#2f2a26;--soft:#6e625a;--cream:#faf5ee;--blush:#f3e3dc;--rose:#b2546e;--sage:#7d8f74;--line:#e6d9cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:300 17px/1.65 Jost,sans-serif;color:var(--ink);background:var(--cream);padding-bottom:76px}
h1,h2,h3,h4,.logo,.price{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:1.1;margin:0 0 .4em}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}h1 em,.logo i{color:var(--rose);font-style:italic}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.7rem}h4{font-size:1.35rem}
.c{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--sage);font-weight:500;margin:0 0 .8em}
.banner{background:var(--ink);color:#f4ebe1;text-align:center;font-size:.78rem;letter-spacing:.08em;padding:6px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;position:sticky;top:0;background:rgba(250,245,238,.92);backdrop-filter:blur(8px);z-index:5;border-bottom:1px solid var(--line)}
.logo{font-size:1.7rem;text-decoration:none;color:var(--ink)}.nav nav a{margin:0 14px;color:var(--soft);text-decoration:none;font-size:.92rem}.nav nav{display:none}
.btn{display:inline-block;background:var(--rose);color:#fff;border:0;border-radius:40px;padding:14px 28px;font:500 .95rem Jost;text-decoration:none;cursor:pointer;letter-spacing:.03em}.btn.sm{padding:9px 18px;font-size:.85rem}
.btn.ghost{background:transparent;color:var(--rose);border:1px solid var(--rose)}.btn:disabled{background:#bba9a0;cursor:not-allowed}
.link{color:var(--rose);margin-left:18px;text-decoration:none}
section{padding:80px 6vw}.sub{max-width:620px;margin:0 auto 40px;color:var(--soft)}
.hero{display:grid;gap:40px;align-items:center;background:radial-gradient(circle at 80% 30%,#f6dfe3,transparent 55%),var(--cream)}
.lead{color:var(--soft);font-size:1.12rem;max-width:520px}.cta{margin-top:28px}
.frame{border-radius:240px 240px 24px 24px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(90,50,40,.35);border:10px solid #fff;max-width:480px;margin:auto}
.frame video{width:100%;display:block;aspect-ratio:1;object-fit:cover}.cap{text-align:center;font-size:.8rem;color:var(--soft);font-style:italic}
.steps{display:grid;gap:24px;margin-top:40px}.step{background:#fff;padding:34px;border-radius:20px;border:1px solid var(--line)}.step span{font:italic 2rem "Cormorant Garamond";color:var(--rose)}.step p{color:var(--soft);margin:0}
.demo{display:grid;gap:30px;align-items:center;background:var(--blush)}.demo-card{max-width:480px}
.mic{width:86px;height:86px;border-radius:50%;border:0;background:var(--rose);cursor:pointer;box-shadow:0 0 0 10px rgba(178,84,110,.15);margin-top:10px;display:grid;place-items:center}
.mic span{width:22px;height:34px;border:3px solid #fff;border-radius:12px}.mic.on{animation:p 1.2s infinite}@keyframes p{50%{box-shadow:0 0 0 22px rgba(178,84,110,.08)}}
.status{font-weight:400}.tiny{font-size:.78rem;color:var(--soft)}
#bloom{width:100%;max-width:440px;margin:auto;background:#fffaf5;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}
.tiers{display:grid;gap:22px}.tier{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;position:relative}
.tier.feat{border:2px solid var(--rose)}.tag{position:absolute;top:-13px;left:30px;background:var(--rose);color:#fff;font-size:.72rem;padding:4px 12px;border-radius:20px;letter-spacing:.08em;text-transform:uppercase}
.price{font-size:3rem;color:var(--rose);margin:0}.d{color:var(--soft);margin-top:0}.tier ul{padding:0;list-style:none;margin:0 0 24px}.tier li{padding:6px 0 6px 22px;position:relative;font-size:.95rem}.tier li:before{content:"✿";position:absolute;left:0;color:var(--sage)}
.note{text-align:center;font-size:.82rem;color:var(--soft);font-style:italic;margin-top:24px}
.addons{background:#fff}.grid{display:grid;gap:16px;max-width:1000px;margin:40px auto 0}
.addon{display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:16px;cursor:pointer;background:var(--cream)}.addon input{accent-color:var(--rose);width:20px;height:20px;margin-top:4px}
.addon h4 b{color:var(--rose);font-family:Jost;font-weight:500;font-size:.9rem;float:right;margin-left:8px}.addon p{margin:0;color:var(--soft);font-size:.92rem}.soon{opacity:.6;cursor:default}
.occ{display:grid;gap:16px;margin-top:40px}.occ div{padding:28px;border-top:2px solid var(--rose);background:#fff;border-radius:0 0 16px 16px}.occ p{margin:0;color:var(--soft)}
.gallery{background:var(--blush)}.gal{display:grid;gap:22px;margin-top:40px}.gal figure{margin:0;background:#fff;padding:14px;border-radius:14px}.gal img{width:100%;display:block;border-radius:8px}figcaption{text-align:center;font-family:"Cormorant Garamond";font-style:italic;font-size:1.15rem;padding-top:10px}
.faq{max-width:800px;margin:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font:500 1.35rem "Cormorant Garamond";cursor:pointer}details p{color:var(--soft)}
.bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:12px 6vw;gap:10px;z-index:6;font-size:.9rem}.bar .btn{padding:11px 18px;font-size:.82rem}
footer{text-align:center;padding:50px 6vw;background:var(--ink);color:#d9cdc1;font-size:.85rem}footer .logo{color:#fff}
@media(min-width:860px){.nav nav{display:block}.hero{grid-template-columns:1.05fr 1fr;padding:100px 8vw}.steps{grid-template-columns:repeat(3,1fr)}.demo{grid-template-columns:1fr 1fr;padding:90px 10vw}
.tiers{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:1fr 1fr}.occ{grid-template-columns:repeat(5,1fr)}.gal{grid-template-columns:repeat(3,1fr)}}

#welcome{position:fixed;inset:0;top:30px;z-index:20;background:radial-gradient(circle at 50% 45%,#fff8f0,var(--cream) 60%);display:grid;place-items:center;transition:opacity 1s ease .5s,visibility 0s 1.5s}
body.intro{overflow:hidden}.wl-in{text-align:center;padding:20px}
.wflower{position:relative;width:min(92vw,78vmin,640px);aspect-ratio:1;margin:auto;animation:sway 6s ease-in-out infinite;transform-origin:50% 90%}
.wflower img{width:100%;display:block;transition:transform 1.4s cubic-bezier(.6,0,.3,1),filter 1.4s}
@keyframes sway{0%,100%{transform:rotate(-1.5deg) scale(1)}50%{transform:rotate(1.5deg) scale(1.025)}}
.heart{position:absolute;left:50%;top:41.5%;width:20%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle,rgba(255,236,150,.75),rgba(255,220,120,0) 70%);animation:glow 2.6s ease-in-out infinite}
.heart:focus-visible{outline:2px dashed var(--rose);outline-offset:6px}
@keyframes glow{50%{box-shadow:0 0 50px 22px rgba(255,214,110,.45);opacity:.7}}
.hint{font:italic 1.5rem "Cormorant Garamond",serif;color:var(--rose);margin:.6em 0 .2em;animation:fade 2.6s ease-in-out infinite}@keyframes fade{50%{opacity:.7}}
.skip{font-size:.8rem;color:var(--soft);letter-spacing:.12em;text-transform:uppercase}
#welcome.open .wflower{animation:none}#welcome.open img{transform:scale(7) rotate(25deg);transform-origin:50% 41.5%;filter:blur(6px) brightness(1.3)}
#welcome.open .hint,#welcome.open .skip,#welcome.open .eyebrow{opacity:0;transition:.4s}#welcome.open{opacity:0;visibility:hidden}
@media(prefers-reduced-motion:reduce){.wflower,.heart,.hint{animation:none}.wflower img{transition:none}}

#welcome{background:radial-gradient(ellipse at 50% 42%,#7a2d5c 0%,#4a1d52 32%,#221338 62%,#0f0a1f 100%);overflow:hidden}
#welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,220,240,.06) 50%,transparent 60%);background-size:250% 100%;animation:shim 9s linear infinite;pointer-events:none}
@keyframes shim{from{background-position:150% 0}to{background-position:-100% 0}}
#wfx{position:absolute;inset:0;width:100%;height:100%}
.wl-in{position:relative;z-index:2}
#welcome .eyebrow{color:#f3cfa0;letter-spacing:.35em}
.halo{position:absolute;left:50%;top:40%;width:85%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,190,200,.55),rgba(240,120,170,.22) 35%,rgba(120,60,160,0) 68%);filter:blur(10px);animation:halo 5s ease-in-out infinite}
@keyframes halo{50%{opacity:.75;transform:translate(-50%,-50%) scale(1.08)}}
.wflower img{position:relative;filter:drop-shadow(0 0 18px rgba(255,170,190,.45))}
.heart{top:40%;width:17%;background:radial-gradient(circle,rgba(255,240,170,.8),rgba(255,220,120,0) 70%)}
#welcome .hint{color:#ffd9e4;text-shadow:0 0 18px rgba(255,150,190,.6)}
#welcome .skip{color:#cdb8d8}
#welcome.open img{transform-origin:50% 40%}
.banner{background:linear-gradient(90deg,#221338,#5a2258,#221338);color:#f6dfe8;position:relative;z-index:30}
.nav{background:linear-gradient(90deg,rgba(250,245,238,.94),rgba(246,228,236,.94))}
.nav .logo i{color:#8a3a6e}
footer{background:linear-gradient(160deg,#221338,#4a1d52)}
#welcome .hint{font-size:1.7rem;color:#ffe3ec}
.how-copy{max-width:680px;margin:28px auto 8px;text-align:center}.how-copy p{font:italic 400 clamp(1.2rem,2.2vw,1.45rem)/1.65 "Cormorant Garamond",serif;color:var(--ink);margin:0}.how-orn{display:block;color:var(--sage);font-size:1.1rem;margin-bottom:14px;opacity:.8}