/* InviteFlow — customer shop. Ivory boutique: Cormorant display, Jost body, maroon accent, gold hairlines. Light only, by design. */
:root{--bg:#fbf8f2;--paper:#fff;--tint:#f5eee2;--ink:#2b2220;--mute:#7b6f69;--line:#e7ddcc;--gold:#b08a4a;--gold2:#d8bf8f;--maroon:#7c1d2e;--maroon2:#5e1422;--cream:#fff7f0;--ok:#2f7a4f;
  --disp:'Cormorant Garamond',Georgia,'Times New Roman',serif;--body:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;--dev:'Tiro Devanagari Hindi','Noto Serif Devanagari',serif;
  --r:4px;--sh:0 24px 50px -28px rgba(60,35,25,.38);--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15.5px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lock{overflow:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--maroon);outline-offset:3px}
[hidden]{display:none!important}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.ic{width:22px;height:22px;flex:none}.ic.sm{width:17px;height:17px}.ic.xs{width:14px;height:14px}.ic.lg{width:30px;height:30px;color:var(--gold)}
.mute{color:var(--mute)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before,.sh .eyebrow::after{content:"";width:26px;height:1px;background:var(--gold2)}
.sh.left .eyebrow::after{display:none}
h1,h2,h3,h4{font-family:var(--disp);font-weight:600;letter-spacing:0;margin:0;text-wrap:balance}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--maroon);color:var(--cream);border:1px solid var(--maroon);border-radius:var(--r);padding:14px 26px;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s var(--ease);white-space:nowrap}
.btn:hover{background:var(--maroon2);border-color:var(--maroon2)}.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:rgba(43,34,32,.55)}.btn.ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn.light{background:var(--cream);color:var(--maroon);border-color:var(--cream)}.btn.light:hover{background:#fff}
.btn.sm{padding:10px 14px;font-size:11px;letter-spacing:.12em}.btn.wide{width:100%}.btn:disabled{opacity:.6;cursor:default}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ib{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border:0;background:none;border-radius:50%;color:var(--ink);transition:background .2s}
.ib:hover{background:var(--tint)}
.cnt{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--maroon);color:#fff;font-size:10.5px;font-weight:600;line-height:18px;text-align:center}

/* announcement */
.ann{background:var(--maroon);color:var(--cream);font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.ann-in{position:relative;height:36px;overflow:hidden}
.ann-in span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 12px;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}
.ann-in span.on{opacity:1;transform:none}

/* header + mega menu */
.hdr{position:sticky;top:0;z-index:40;background:rgba(251,248,242,.92);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:74px}
.hnav{display:flex;align-items:center;gap:28px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}
.hnav>a,.mm-t{position:relative;display:inline-block;padding:26px 0}
.hnav>a::after,.mm-t::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:1px;background:var(--maroon);transform:scaleX(0);transition:transform .3s var(--ease)}
.hnav>a:hover::after,.mm:hover .mm-t::after{transform:scaleX(1)}
.mm-p{position:absolute;left:0;right:0;top:74px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 30px 40px -30px rgba(60,35,25,.3);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.25s var(--ease)}
.mm:hover .mm-p,.mm:focus-within .mm-p{opacity:1;visibility:visible;transform:none}
.mm-in{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding-top:26px;padding-bottom:30px;text-transform:none;letter-spacing:0}
.mm-c{display:grid;gap:2px;text-align:center}.mm-c img{aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:999px 999px var(--r) var(--r);border:1px solid var(--line);margin-bottom:10px;transition:transform .4s var(--ease)}
.mm-c:hover img{transform:translateY(-4px)}.mm-c b{font:600 20px var(--disp)}.mm-c small{color:var(--mute);font-size:12.5px}
.logo{display:inline-flex;align-items:center;gap:10px;font:600 30px/1 var(--disp);letter-spacing:.01em;justify-self:center}
.logo i{color:var(--maroon);font-style:italic}.lg-o{color:var(--gold);font-size:16px}
.hact{display:flex;justify-content:flex-end;gap:2px}
.only-m{display:none}

/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(60% 70% at 85% 30%,rgba(216,191,143,.28),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(124,29,46,.07),transparent 70%)}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:70px;padding-bottom:80px}
.dev{font:400 19px var(--dev);color:var(--gold);margin:0 0 14px;letter-spacing:.06em}
.hero h1{font-size:clamp(44px,6.2vw,82px);line-height:.98;margin:16px 0 22px;font-weight:600}
.hero h1 em{display:block;color:var(--maroon);font-weight:500}
.lead{font-size:17.5px;color:var(--mute);max-width:46ch;margin:0 0 30px;font-weight:300}
.ticks{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:30px 0 0;color:var(--mute);font-size:13.5px}
.ticks li{display:flex;align-items:center;gap:7px}.ticks .ic{color:var(--ok)}
.hero-v{position:relative;height:600px;display:grid;place-items:center}
.arch-bg{position:absolute;width:74%;height:92%;border:1px solid var(--gold2);border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(245,238,226,.6))}
.arch-bg::before{content:"";position:absolute;inset:12px;border:1px solid rgba(176,138,74,.35);border-radius:inherit}
.flt{position:absolute;margin:0;width:31%;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:var(--tint);box-shadow:var(--sh);border:6px solid #fff;animation:bob 7s ease-in-out infinite}
.flt img{width:100%;height:100%;object-fit:cover;object-position:top}
.f1{left:0;top:16%;transform:rotate(-6deg)}.f2{right:0;bottom:12%;transform:rotate(6deg);animation-delay:-3.5s}
@keyframes bob{50%{translate:0 -10px}}
.phone{position:relative;width:min(270px,100%);aspect-ratio:390/800;border-radius:42px;background:#1d1715;padding:10px;box-shadow:0 50px 80px -40px rgba(43,25,20,.75),0 0 0 1px rgba(255,255,255,.08) inset;z-index:2}
.phone.big{width:min(290px,72vw)}
.phone::before{content:"";position:absolute;top:18px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:12px;background:#1d1715;z-index:3}
.scr{position:relative;width:100%;height:100%;border-radius:33px;overflow:hidden;background:var(--tint)}
.scr>img{width:100%;height:100%;object-fit:cover;object-position:top}
.scr iframe{position:absolute;left:0;top:0;width:390px;border:0;transform-origin:0 0;background:#fff;opacity:0;transition:opacity .6s}
.scr iframe.ok{opacity:1}
.note{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:var(--r);padding:11px 14px;box-shadow:var(--sh);font-size:12.5px;color:var(--mute);line-height:1.35}
.note b{display:block;color:var(--ink);font-weight:500;font-size:13.5px}.note .ic{color:var(--maroon)}
.n1{left:4%;bottom:14%}.n2{right:2%;top:12%}

/* marquee */
.marq{border-block:1px solid var(--line);overflow:hidden;background:var(--paper)}
.marq-in{display:flex;width:max-content;gap:28px;align-items:center;padding:16px 0;animation:mq 40s linear infinite;font:500 italic 22px var(--disp);color:var(--ink)}
.marq-in i{color:var(--gold);font-style:normal;font-size:13px}
@keyframes mq{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:100px 0}.sec.tint{background:var(--tint)}
.sh{text-align:center;max-width:640px;margin:0 auto 48px}.sh.left{text-align:left;margin:0}
.sh h2{font-size:clamp(34px,4.6vw,54px);line-height:1.05;margin:14px 0 14px}
.sh p{color:var(--mute);margin:0;font-weight:300;font-size:16.5px}

/* occasions */
.occ{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.ot{text-align:center;display:grid;justify-items:center;gap:4px}
.ot-a{display:block;width:100%;aspect-ratio:3/4.1;padding:7px;border:1px solid var(--line);border-radius:999px 999px var(--r) var(--r);background:var(--paper);transition:border-color .3s,transform .5s var(--ease),box-shadow .5s}
.ot-a img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:999px 999px 2px 2px}
.ot:hover .ot-a{border-color:var(--gold);transform:translateY(-6px);box-shadow:var(--sh)}
.ot b{font:600 23px var(--disp);margin-top:14px}.ot small{display:inline-flex;align-items:center;gap:6px;color:var(--mute);font-size:13px;letter-spacing:.04em}

/* filters + grid */
.fbar{position:sticky;top:74px;z-index:20;background:rgba(251,248,242,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-block:1px solid var(--line);padding:10px 0;margin-bottom:10px}
.tabs{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}
.tab{background:none;border:0;padding:8px 14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid transparent}
.tab[aria-selected=true]{color:var(--maroon);border-color:var(--maroon)}
.tab sup{font-size:9.5px;margin-left:3px;letter-spacing:0}
.ftools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--ink);transition:.2s}
.chip:hover{border-color:var(--gold)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.srt select{appearance:none;-webkit-appearance:none;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b6f69' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/14px no-repeat;border:1px solid var(--line);border-radius:999px;padding:7px 32px 7px 14px;font:inherit;font-size:13px;color:var(--ink)}
.rc{color:var(--mute);font-size:13px;margin:16px 0 22px;letter-spacing:.04em}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 22px}
.card{display:flex;flex-direction:column;min-width:0;animation:fin .5s var(--ease) both}
@keyframes fin{from{opacity:.001;transform:translateY(10px)}}
.th{position:relative;display:block;width:100%;aspect-ratio:3/4;padding:0;border:0;background:var(--tint);overflow:hidden;border-radius:var(--r);cursor:pointer}
.th img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .9s var(--ease)}
.th::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.75);border-radius:2px;opacity:0;transition:opacity .4s;pointer-events:none}
.card:hover .th img{transform:scale(1.05)}.card:hover .th::after{opacity:1}
.bdg{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.95);color:var(--maroon);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;border-radius:2px}
.bdg.own{background:var(--ok);color:#fff}
.wl{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--ink);transition:transform .2s,color .2s;z-index:2}
.wl .ic{width:18px;height:18px}.wl:hover{transform:scale(1.08)}.wl.on{color:var(--maroon)}.wl.on .ic{fill:currentColor}
.qv{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.96);color:var(--ink);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:12px;border-radius:2px;transform:translateY(calc(100% + 14px));transition:transform .35s var(--ease)}
.card:hover .qv,.th:focus-visible .qv{transform:none}
.ci{padding-top:16px;display:flex;flex-direction:column;flex:1}
.ci-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ci h3{font-size:24px;line-height:1.1}
.pr{font:500 19px var(--disp);white-space:nowrap}
.ci .meta{color:var(--mute);font-size:13px;margin:4px 0 10px;letter-spacing:.02em}
.sw{display:flex;gap:5px;align-items:center;margin-bottom:14px}
.sw i{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.12) inset}
.ci .row{margin-top:auto;gap:8px}.ci .row .btn{flex:1;padding:12px 8px;font-size:11px}
.more{text-align:center;margin-top:50px}
.empty{grid-column:1/-1;text-align:center;color:var(--mute);padding:60px 0}

/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(210px,auto);gap:16px}
.bx{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px;transition:transform .5s var(--ease),box-shadow .5s}
.bx:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.bx h3{font-size:24px;line-height:1.15;margin-top:auto}.bx p{margin:0;color:var(--mute);font-size:14.5px;font-weight:300}
.bx-ph{grid-column:span 2;grid-row:span 2;flex-direction:row;align-items:center;gap:30px;background:linear-gradient(160deg,#fff,var(--tint));padding:34px}
.bx-ph .phone{width:210px;flex:none}.bx-ph h3{font-size:32px;margin:0 0 10px}
.dev2{font:400 30px var(--dev);color:var(--gold);line-height:1}

/* demo */
.demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.demo-ph{display:grid;place-items:center;position:relative}
.demo-ph::before{content:"";position:absolute;width:420px;max-width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,191,143,.4),transparent 65%)}
.demo-t h2{font-size:clamp(34px,4.4vw,52px);line-height:1.05;margin:14px 0 16px}
.demo-t p{color:var(--mute);font-weight:300;font-size:16.5px;margin:0 0 26px}
.demo-t .chips{margin-bottom:28px}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}
.steps::before{content:"";position:absolute;top:27px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--gold2) 12%,var(--gold2) 88%,transparent)}
.steps li{text-align:center;position:relative}
.steps span{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bg);border:1px solid var(--gold);font:600 24px var(--disp);color:var(--maroon);margin-bottom:18px}
.steps h3{font-size:26px;margin-bottom:6px}.steps p{margin:0 auto;color:var(--mute);max-width:24ch;font-size:14.5px;font-weight:300}

/* compare */
.cmp-w{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.cmp{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden}
.cr{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;border-top:1px solid var(--line)}
.cr span{padding:15px 18px;font-size:14px;display:flex;gap:8px;align-items:flex-start}
.cr span:nth-child(2){color:var(--mute)}.cr span:nth-child(3){background:rgba(124,29,46,.035);font-weight:500}.cr span:nth-child(3) .ic{color:var(--ok);margin-top:4px}
.ch{border-top:0}.ch span{font:600 18px var(--disp);padding-block:18px}.ch span:nth-child(3){color:var(--maroon)}

/* pricing */
.price{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.price h2{font-size:clamp(34px,4.4vw,52px);line-height:1.05;margin:14px 0 16px}.price p{color:var(--mute);font-weight:300;margin:0 0 26px;max-width:46ch}
.pcard{background:var(--paper);border:1px solid var(--gold2);border-radius:var(--r);padding:36px;position:relative;box-shadow:var(--sh)}
.pcard::before{content:"";position:absolute;inset:8px;border:1px solid rgba(176,138,74,.25);border-radius:2px;pointer-events:none}
.pcard small{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.pcard>b{display:block;font:600 64px/1 var(--disp);margin:8px 0 4px}
.pcard ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.pcard li{display:flex;gap:10px;align-items:center;font-size:14.5px}.pcard li .ic{color:var(--ok)}

/* faq */
.faq{max-width:820px}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:600 23px var(--disp)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:12px;height:12px;margin-top:9px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg);transition:transform .3s}
details[open] summary::after{transform:rotate(225deg)}
details p{margin:-6px 0 22px;color:var(--mute);font-weight:300;max-width:64ch}

/* cta + footer */
.cta{background:var(--maroon);color:var(--cream);text-align:center;padding:90px 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:18px;border:1px solid rgba(216,191,143,.35);pointer-events:none}
.cta .dev{color:var(--gold2)}.cta h2{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 30px}
.ftr{background:var(--bg);padding:70px 0 0}
.ftr-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.ftr .logo{justify-self:start;font-size:28px}.ftr p{max-width:34ch;font-weight:300}
.ftr h4{font:500 12px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:6px 0 14px}
.ftr-in a:not(.logo){display:block;padding:4px 0;color:var(--mute);font-size:14.5px}.ftr-in a:not(.logo):hover{color:var(--maroon)}
.ftr-b{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:50px;padding-top:22px;padding-bottom:max(26px,env(safe-area-inset-bottom));color:var(--mute);font-size:12.5px;letter-spacing:.04em}

/* overlays */
.drw,.mnav{position:fixed;inset:0;z-index:80}
.drw-bg,.mdl-bg{position:absolute;inset:0;background:rgba(43,34,32,.42);backdrop-filter:blur(2px);animation:fade .25s}
@keyframes fade{from{opacity:0}}
.drw-p,.mnav-p{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--bg);display:flex;flex-direction:column;animation:slide .35s var(--ease);box-shadow:-30px 0 60px -30px rgba(43,34,32,.4)}
.mnav-p{left:0;right:auto;animation-name:slidel;padding:0 22px 30px}
@keyframes slide{from{transform:translateX(100%)}}@keyframes slidel{from{transform:translateX(-100%)}}
.drw-h{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}
.mnav-p .drw-h{padding:16px 0;margin-bottom:10px}
.drw-h h3{font-size:28px}
.drw-b{flex:1;overflow:auto;padding:8px 22px 26px;display:flex;flex-direction:column}
.mnav-p a{padding:13px 0;border-bottom:1px solid var(--line);font:600 22px var(--disp)}.mnav-p a.sub{font:400 15px var(--body);padding-left:16px;color:var(--mute)}
.li{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.li img{width:64px;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:2px}
.li b{display:block;font:600 21px/1.15 var(--disp)}.li small{color:var(--mute);font-size:12.5px}
.li .pr{display:block;font-size:18px}.li .rm{background:none;border:0;color:var(--mute);font-size:12px;text-decoration:underline;padding:4px 0}
.tot{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0 4px;margin-top:auto;font:600 26px var(--disp)}
.tot small{font:400 13px var(--body);color:var(--mute)}
.fine{font-size:12.5px;color:var(--mute);margin:10px 0 0;line-height:1.5}.fine a{color:var(--maroon);text-decoration:underline}
.trust{display:flex;gap:16px;flex-wrap:wrap;color:var(--mute);font-size:12px;margin-top:14px}.trust span{display:flex;gap:6px;align-items:center}
.mdl{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.mdl-p{position:relative;background:var(--bg);width:min(980px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:6px;box-shadow:0 40px 100px -30px rgba(43,34,32,.6);animation:pop .35s var(--ease)}
.mdl-p.sm{width:min(520px,100%)}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}}
.mdl-x{position:absolute;top:10px;right:10px;z-index:3;background:rgba(255,255,255,.9)}
.qvw{display:grid;grid-template-columns:.9fr 1.1fr}
.qvw-ph{background:linear-gradient(160deg,var(--tint),#efe4d1);display:grid;place-items:center;padding:40px 20px}
.qvw-ph .phone{width:min(280px,100%)}
.qvw-t{padding:44px 40px;display:flex;flex-direction:column}
.qvw-t h2{font-size:44px;line-height:1.02;margin:10px 0 8px}
.qvw-t .meta{color:var(--mute);font-size:14px}
.qvw-t .desc{color:var(--ink);font-weight:300;margin:16px 0}
.qvw-t .pr{font-size:34px;margin:6px 0 2px}
.qvw-t ul{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:8px;font-size:14px}.qvw-t li{display:flex;gap:9px;align-items:center}.qvw-t li .ic{color:var(--ok)}
.qvw-t .row .btn{flex:1}
.lnk{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
.co{padding:40px 36px}.co h2{font-size:36px;margin:6px 0 4px}
.fld{display:block;margin-top:14px}.fld span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.fld input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);font:inherit;color:var(--ink)}
.fld input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,138,74,.18)}
.err{background:rgba(179,38,30,.07);border:1px solid rgba(179,38,30,.25);color:#8e1f19;border-radius:var(--r);padding:10px 12px;font-size:13.5px;margin:14px 0 0}
.sum{border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin-top:18px;background:var(--paper)}
.sum div{display:flex;justify-content:space-between;font-size:14px;padding:3px 0}.sum div.t{font:600 22px var(--disp);border-top:1px solid var(--line);margin-top:6px;padding-top:8px}
.srch{position:fixed;left:0;right:0;top:0;z-index:70;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 20px 40px -30px rgba(43,34,32,.4);animation:fade .2s}
.srch .wrap{display:flex;align-items:center;gap:12px;height:74px}
.srch input{flex:1;border:0;background:none;font:500 26px var(--disp);color:var(--ink);outline:none;min-width:0}
.fab{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px max(16px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 35%);display:none}
.fab .btn{width:100%}
.toast{position:fixed;left:50%;bottom:28px;z-index:100;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);padding:13px 20px;border-radius:var(--r);font-size:14px;transition:.3s var(--ease);max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* customer sign-in page */
body.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(60% 60% at 80% 10%,rgba(216,191,143,.3),transparent 70%),var(--bg)}
.auth-box{width:min(420px,100%);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:40px 34px;box-shadow:var(--sh);text-align:center}
.auth-box .logo{margin-bottom:22px}.auth-box h1{font-size:38px}.auth-box form{text-align:left;margin-top:12px}
.auth-box label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:16px 0 6px}
.auth-box input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r);font:inherit}
.auth-box .btn{margin-top:20px}

/* responsive */
@media (max-width:1080px){.grid{grid-template-columns:repeat(3,1fr)}.bento{grid-template-columns:repeat(2,1fr)}.hnav{gap:20px}}
@media (max-width:900px){
  .hdr-in{grid-template-columns:auto 1fr auto;height:64px}.hnav{display:none}.only-m{display:inline-grid}.logo{font-size:26px}.hdr .logo{justify-self:center}
  .fbar{top:64px}html{scroll-padding-top:70px}
  .hero-in{grid-template-columns:1fr;text-align:center;padding-top:44px;padding-bottom:50px;gap:20px}.hero-t .row,.ticks{justify-content:center}.lead{margin-inline:auto}
  .hero-v{height:520px}.n1{left:0}.n2{right:0}
  .occ{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.ot{scroll-snap-align:start}
  .demo,.price,.cmp-w{grid-template-columns:1fr;gap:40px}.demo-t{text-align:center}.demo-t .chips,.demo-t .row{justify-content:center}
  .steps{grid-template-columns:1fr 1fr;gap:36px 20px}.steps::before{display:none}
  .qvw{grid-template-columns:1fr}.qvw-t{padding:30px 24px}.qvw-ph{padding:30px 20px}
  .ftr-in{grid-template-columns:1fr 1fr}.ftr-in>div:first-child{grid-column:1/-1}
  .fab{display:block}
}
@media (max-width:640px){
  body{font-size:15px}.sec{padding:70px 0}.sh{margin-bottom:34px}
  .hide-s{display:none}
  .ann{font-size:10.5px;letter-spacing:.1em}
  .hero h1{font-size:46px}.lead{font-size:16px}
  .hero-v{height:470px}.flt{width:34%}.note{display:none}
  .grid{grid-template-columns:1fr 1fr;gap:30px 12px}
  .ci-t{flex-direction:column;gap:2px}.ci h3{font-size:20px}.pr{font-size:17px}.ci .meta{font-size:12px}
  .ci .row{flex-direction:column}.ci .row .btn{width:100%;padding:11px 6px}
  .wl{width:34px;height:34px}.qv{display:none}
  .tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:8px 10px}
  .ftools .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.ftools .chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap}.ftools{flex-direction:column;align-items:stretch}.srt select{width:100%}
  .bento{grid-template-columns:1fr}.bx-ph{grid-column:auto;grid-row:auto;flex-direction:column;text-align:center}.bx-ph .phone{width:200px}.bx{padding:24px}
  .steps{grid-template-columns:1fr}
  .cr{grid-template-columns:1fr 1fr}.cr span:first-child{grid-column:1/-1;padding-bottom:0;font-weight:500;color:var(--ink)}.ch span:first-child{display:none}.cr span{padding:10px 14px;font-size:13.5px}
  .pcard{padding:28px 24px}.pcard>b{font-size:54px}
  summary{font-size:20px;padding:18px 0}
  .co{padding:32px 22px}.qvw-t h2{font-size:36px}
  .ftr-in{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.hero-v iframe,.bx-ph iframe{pointer-events:none}

.rs{font-family:var(--body);font-weight:300;font-size:.5em;vertical-align:.7em;margin-right:4px}
.btn.add .ic{display:none}
.btn.add.in{border-color:var(--ok);color:var(--ok)}
@media (max-width:640px){
  .phone.big{width:min(230px,62vw)}.hero-v{height:430px}.f1{left:-4%;top:20%}.f2{right:-4%;bottom:10%}.flt{width:30%}
  .ci .row{flex-direction:row}.ci .row .btn{width:auto}
  .btn.add{flex:0 0 44px!important;padding:0!important;height:44px}.btn.add .t{display:none}.btn.add .ic{display:block}
  .ci .row .btn[data-buy]{flex:1}
}
@media (max-width:640px){.fbar{position:static}}

/* ===================== v0.32.0 hero (velvet, name try-on, door entry) ===================== */
.hx{--g3:#f3dca6;position:relative;overflow:hidden;color:#fbeedd;background:radial-gradient(60% 70% at 72% 46%,#8f2236 0,rgba(143,34,54,0) 70%),radial-gradient(50% 60% at 10% 100%,#4a0d1a 0,transparent 70%),linear-gradient(160deg,#3d0a16 0,#2c0710 55%,#1c040a 100%)}
.hx-jaali{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23f3dca6' stroke-width='1'%3E%3Cpath d='M32 4c8 10 18 18 28 28-10 10-20 18-28 28C24 50 14 42 4 32 14 22 24 14 32 4z'/%3E%3Ccircle cx='32' cy='32' r='7'/%3E%3Cpath d='M0 0l8 8M64 0l-8 8M0 64l8-8M64 64l-8-8'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:radial-gradient(70% 80% at 70% 45%,#000 0,transparent 75%);mask:radial-gradient(70% 80% at 70% 45%,#000 0,transparent 75%)}
.hx-arch{position:absolute;right:7%;top:6%;width:520px;height:700px;border-radius:260px 260px 0 0;border:1px solid rgba(243,220,166,.22);box-shadow:inset 0 0 120px rgba(243,220,166,.08)}
.hx-arch:after{content:"";position:absolute;inset:22px;border-radius:240px 240px 0 0;border:1px solid rgba(243,220,166,.12)}
.hx-p{position:absolute;width:12px;height:16px;border-radius:12px 0 12px 0;background:linear-gradient(135deg,#f6b48b,#e2785c);opacity:.7}
.hx-s{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe3a3;box-shadow:0 0 12px 3px rgba(255,214,140,.6)}
.hx-in{position:relative;z-index:5;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding-top:56px;padding-bottom:56px;min-height:min(780px,calc(100vh - 110px))}
.hx-dev{font:400 20px var(--dev);color:var(--g3);margin:0 0 12px;letter-spacing:.05em}
.hx-eb{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2)}.hx-eb:before{content:"";width:34px;height:1px;background:var(--gold2)}
.hx h1{font:600 clamp(46px,5.4vw,78px)/1 var(--disp);margin:16px 0 18px;color:#fff4e6;text-wrap:balance}
.hx h1 em{display:block;font-style:italic;background:linear-gradient(100deg,#f7e2ab 0,#d9a748 45%,#f7e2ab 70%,#c9923a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-lead{font:300 17.5px/1.6 var(--body);color:#e8d4c4;max-width:31em;margin:0 0 24px}
.hx-try{max-width:520px;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,244,230,.09),rgba(255,244,230,.04));border:1px solid rgba(243,220,166,.25);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);backdrop-filter:blur(8px)}
.hx-th{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--g3);margin:2px 4px 12px}.hx-th small{letter-spacing:0;text-transform:none;font-weight:300;color:#cdb3a2;font-size:13px}
.hx-nm{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.hx-nm label{display:block;position:relative}
.hx-nm input{width:100%;height:56px;border-radius:12px;border:1px solid rgba(243,220,166,.3);background:rgba(20,3,8,.45);color:#fff;font:500 17px var(--body);letter-spacing:.01em;padding:18px 14px 0;outline:none;text-overflow:ellipsis}.hx-nm input::placeholder{color:rgba(255,255,255,.35);font-weight:400}
.hx-nm input:focus{border-color:var(--g3);box-shadow:0 0 0 4px rgba(243,220,166,.15)}
.hx-nm label span{position:absolute;left:14px;top:8px;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#bfa08e}
.hx-amp{font:400 34px 'Great Vibes',cursive;color:var(--g3);font-style:normal}
.hx-go{margin-top:12px;width:100%;height:56px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font:600 14px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#2c0710;background:linear-gradient(100deg,#f7dc9c,#e0ac4c 55%,#f3cf83);box-shadow:0 14px 34px -12px rgba(224,172,76,.8),inset 0 1px 0 rgba(255,255,255,.6);position:relative;overflow:hidden}
.hx-go:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:hxshine 3.6s 2.2s infinite}@keyframes hxshine{to{transform:translateX(120%)}}
.hx-alt{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:16px}.hx-alt a{color:#f3e4cf;font-size:14px;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid rgba(243,228,207,.35);padding-bottom:2px}
.hx-tr{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:13.5px;color:#d9c2b0}.hx-tr span{display:inline-flex;align-items:center;gap:8px}.hx-tr .ic{color:var(--g3)}.hx-tr b{color:#fff1dc;font-weight:500}
.hx-v{position:relative;height:620px}
.hx-c{position:absolute;margin:0;width:224px;aspect-ratio:260/466;border-radius:24px;overflow:hidden;box-shadow:0 40px 70px -24px rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.12)}.hx-c img{width:100%;height:100%;object-fit:cover}
.hx-c.c1{left:1%;top:120px;transform:rotate(-13deg);filter:saturate(.9) brightness(.85)}.hx-c.c2{right:0;top:140px;transform:rotate(12deg);filter:saturate(.9) brightness(.85)}.hx-c.c3{left:15%;top:30px;width:170px;transform:rotate(-5deg);filter:brightness(.6) blur(1px);opacity:.75}
.hx-ph{position:absolute;left:50%;top:14px;width:282px;height:574px;margin-left:-141px;border-radius:50px;background:#120307;padding:11px;box-shadow:0 0 0 2px #4a2a20,0 0 0 3px #d8bf8f55,0 60px 120px -30px rgba(0,0,0,.9),0 0 120px rgba(243,190,110,.25);z-index:3}
.hx-ph:before{content:"";position:absolute;top:20px;left:50%;width:92px;height:25px;margin-left:-46px;border-radius:20px;background:#120307;z-index:4}
.hx-sc{position:relative;height:100%;border-radius:40px;overflow:hidden;background:radial-gradient(90% 60% at 50% 40%,#8c1f33,#5a1120 60%,#3d0a16);text-align:center;color:#f7e6c8}
.hx-pat{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M13 2l3 11-3 11-3-11z' fill='%23f3dca6'/%3E%3C/svg%3E")}
.hx-door{position:absolute;left:22px;right:22px;top:66px;bottom:112px;border-radius:130px 130px 10px 10px;border:1.5px solid rgba(243,220,166,.7)}.hx-door:after{content:"";position:absolute;inset:8px;border-radius:122px 122px 6px 6px;border:1px solid rgba(243,220,166,.35)}
.hx-inv{position:relative;z-index:2;padding-top:128px}
.hx-inv .sv{font:400 15px var(--dev);color:var(--g3)}.hx-inv .yi{font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;margin:14px 0 6px;color:#e9cfa6}
.hx-inv .nm{font:400 52px/1.08 'Great Vibes',cursive;color:#ffe7b0;text-shadow:0 2px 20px rgba(255,200,120,.35);min-height:1.08em;white-space:nowrap;padding:0 22px}.hx-inv .nm.w2{white-space:normal;text-wrap:balance;line-height:1.02}.hx-inv .and{font:400 28px 'Great Vibes',cursive;color:var(--gold2);margin:2px 0}
.hx-inv .dt{font:italic 500 17px var(--disp);margin-top:12px;color:#f3dcb8}.hx-inv .tap{display:inline-block;margin-top:22px;padding:10px 22px;border-radius:99px;border:1px solid rgba(243,220,166,.7);font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#fff1d6;background:rgba(0,0,0,.18)}
.hx-sc .ld{position:absolute;left:0;right:0;bottom:26px;font-size:11px;color:#d7b99a;opacity:.85}
.hx-f{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:15px;background:rgba(255,250,242,.96);color:#2b2220;box-shadow:0 20px 40px -14px rgba(0,0,0,.55);font-size:12px;line-height:1.25}
.hx-f i{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--maroon);color:#f7dc9c}.hx-f b{display:block;font-weight:600;font-size:13px}
.hx-f.hf1{left:-3%;top:400px}.hx-f.hf2{right:-3%;top:60px}.hx-f.hf3{right:-4%;top:510px}
/* door intro (JS sets --p from 0 to 1) */
.hx-intro{position:absolute;inset:0;z-index:30;display:flex;perspective:1800px;pointer-events:none}.hx-intro[hidden]{display:none}
.hx-intro .lf{flex:1;position:relative;background:linear-gradient(90deg,#5e1422,#7c1d2e 50%,#5e1422);border:1px solid #c79b55;transform-origin:left center;transform:rotateY(calc(var(--p,0)*-100deg));box-shadow:inset 0 0 0 14px #4c0f1c,inset 0 0 0 15px #c79b55aa,inset 0 0 0 30px #5e1422,inset 0 0 0 31px #c79b5566}
.hx-intro .lf.r{transform-origin:right center;transform:rotateY(calc(var(--p,0)*100deg))}
.hx-intro .lf i{position:absolute;top:50%;width:420px;height:420px;margin-top:-210px;border-radius:50%;opacity:.35;border:1px solid #d9b46a;background:radial-gradient(circle,#f3dca6 0 4%,transparent 5% 30%,rgba(243,220,166,.5) 31% 32%,transparent 33% 46%,rgba(243,220,166,.35) 47% 48%,transparent 49%),repeating-conic-gradient(rgba(243,220,166,.22) 0 6deg,transparent 6deg 15deg)}
.hx-intro .lf.l i{right:-210px}.hx-intro .lf.r i{left:-210px}
.hx-wel{position:absolute;z-index:31;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#ffe7b0;opacity:calc(1 - var(--p,0)*2.2)}
.hx-wel .a{font:400 26px var(--dev);color:var(--g3)}.hx-wel .b{font:400 84px/1.1 'Great Vibes',cursive;text-shadow:0 2px 0 #3d0a16,0 0 40px rgba(255,200,120,.45)}.hx-wel .c{font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:#e9cfa6;margin-top:6px}
.marq{border-bottom:1px solid var(--line)}

/* ===================== pass section ===================== */
.pz{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.pz h2{font-size:clamp(34px,4.4vw,54px);line-height:1.05;margin:14px 0 16px}.pz-l>p{color:var(--mute);font-weight:300;margin:0 0 22px;max-width:50ch}
.pz-sw{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}.pz-sw li{display:flex;gap:14px;align-items:center}.pz-sw b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--maroon);color:#fff7f0;font:600 14px var(--body)}
.pz-card{background:var(--paper);border:1px solid var(--gold2);border-radius:var(--r);padding:34px;position:relative;box-shadow:var(--sh)}.pz-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(176,138,74,.25);border-radius:2px;pointer-events:none}
.pz-card small{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.pz-card>b{display:block;font:600 72px/1 var(--disp);margin:8px 0 4px}
.pz-card ul{list-style:none;padding:0;margin:20px 0 22px;display:grid;gap:9px}.pz-card li{display:flex;gap:10px;align-items:center;font-size:14.5px}.pz-card li .ic{color:var(--ok)}
.pz-fine{font-size:12.5px;color:var(--mute);margin:12px 0 0;text-align:center}
.pz-m{margin-top:60px;text-align:center}.pz-mh{font:600 28px var(--disp);margin:0 0 20px}
.pz-ph{display:grid;grid-template-columns:repeat(3,minmax(0,230px));justify-content:center;gap:28px}
.pz-ph .pzp{position:relative}.pz-ph .phone{width:100%}.pz-ph .pzn{margin-top:12px;font:600 18px var(--disp)}
.hx-hide{display:none}
@media(max-width:900px){.hx-arch{right:50%;margin-right:-150px;top:150px;width:300px;height:520px}
  .hx-in{grid-template-columns:1fr;gap:0;padding-top:34px;padding-bottom:34px;min-height:0}.hx-t{display:contents}
  .hx-dev{order:1;text-align:center;font-size:16px;margin-bottom:6px}.hx-eb{order:2;justify-content:center;font-size:10.5px}.hx-eb:before{display:none}
  .hx h1{order:3;text-align:center;font-size:40px;margin:12px 0 10px}.hx-lead{order:4;text-align:center;font-size:15.5px;margin:0 auto 4px}
  .hx-v{order:5;height:430px;margin:6px -20px 0}
  .hx-ph{width:206px;height:418px;margin-left:-103px;top:8px;border-radius:36px;padding:8px}.hx-ph:before{top:15px;width:62px;height:18px;margin-left:-31px}.hx-sc{border-radius:29px}
  .hx-door{left:16px;right:16px;top:46px;bottom:78px}.hx-inv{padding-top:88px}.hx-inv .sv{font-size:11px}.hx-inv .yi{font-size:7px;letter-spacing:.12em;margin:10px 0 4px}.hx-inv .nm{font-size:36px}.hx-inv .and{font-size:20px}.hx-inv .dt{font-size:12px;margin-top:8px}.hx-inv .tap{margin-top:16px;padding:8px 16px;font-size:7.5px}.hx-sc .ld{bottom:18px;font-size:8px}
  .hx-c{width:150px;border-radius:18px}.hx-c.c1{left:-14px;top:84px}.hx-c.c2{right:-14px;top:96px}.hx-c.c3{display:none}
  .hx-f{padding:7px 10px 7px 7px;font-size:10px;border-radius:12px}.hx-f i{width:26px;height:26px;border-radius:8px}.hx-f b{font-size:11px}.hx-f.hf1{left:8px;top:318px}.hx-f.hf2{right:8px;top:24px}.hx-f.hf3{display:none}
  .hx-try{order:6;margin:8px auto 0;width:100%;padding:14px}.hx-th small{display:none}.hx-nm{grid-template-columns:minmax(0,1fr);gap:0}.hx-nm input{height:52px;font-size:16px}.hx-amp{font-size:24px;line-height:1;text-align:center;margin:-2px 0 -4px;position:relative;z-index:1}.hx-go{font-size:12px;letter-spacing:.03em;gap:6px;padding:0 10px;white-space:nowrap}
  .hx-alt{order:7;justify-content:center}.hx-tr{order:8;justify-content:center;gap:8px 14px;font-size:12.5px;margin-top:18px}
  .hx-wel .b{font-size:50px}.hx-intro .lf i{width:300px;height:300px;margin-top:-150px}.hx-intro .lf.l i{right:-150px}.hx-intro .lf.r i{left:-150px}
  .pz{grid-template-columns:1fr;gap:40px}.pz-ph{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pz-ph .pzn{font-size:14px}.pz-card>b{font-size:60px}}
@media(max-width:640px){.pz-card{padding:28px 22px}.pz-m{margin-top:44px}.pz-mh{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hx-go:after{animation:none}}
.hx-nm2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ===== v0.34 final "start creating" section ===== */
.fin{padding:96px 0}.fin h2{margin:0 0 14px}.fin-p{max-width:34em;margin:0 auto 30px;color:#e8d4c4;font-weight:300;font-size:17px;line-height:1.6}
.fin-f{max-width:520px;margin:0 auto;display:grid;gap:4px;text-align:left;position:relative;z-index:2}
.fin-f .fld{margin-top:10px}.fin-f .fld span{color:#d8bf8f}
.fin-f .fld input{background:rgba(255,248,238,.08);border:1px solid rgba(243,220,166,.35);color:#fff6e8;height:54px}
.fin-f .fld input::placeholder{color:#bfa08e}.fin-f .fld input:focus{border-color:#f3dca6;box-shadow:0 0 0 4px rgba(243,220,166,.15)}
.fin-f .btn{margin-top:18px;width:100%;height:56px}.fin-f .err{color:#ffd3d3;margin:10px 0 0;text-align:center}
.fab[hidden]{display:none!important}
@media(max-width:640px){.fin{padding:70px 0 90px}.fin-p{font-size:15.5px}}
.fin-f{grid-template-columns:minmax(0,1fr)}.fin-f .btn{white-space:normal;line-height:1.3;padding:0 16px}

/* ---------- The pass (v0.35): value receipt + gold-foil ticket + one-website morph */
.pv{position:relative;padding:120px 0 130px;background:linear-gradient(180deg,#fbf6ec 0%,#f6ecdc 100%);overflow:hidden;isolation:isolate}
.pv-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 72% 34%,rgba(224,172,76,.22),transparent 70%),radial-gradient(36% 40% at 18% 70%,rgba(124,29,46,.08),transparent 70%)}
.pv-glow:after{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(176,138,74,.25) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask:radial-gradient(60% 60% at 50% 40%,#000,transparent 75%);mask:radial-gradient(60% 60% at 50% 40%,#000,transparent 75%)}
.pv .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.pv .rv.in{opacity:1;transform:none}
.pv em,.pv s,.pv b,.pv-pr,.pv-pay{font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1}
.pv-h{text-align:center;max-width:760px;margin:0 auto 64px}
.pv-h .eyebrow::after{content:"";width:26px;height:1px;background:var(--gold2)}
.pv-h h2{font-size:clamp(38px,5vw,64px);line-height:1.02;margin:18px 0 18px}.pv-h h2 em{display:block;font-style:italic;font-weight:500;color:var(--maroon)}
.pv-h p{color:var(--mute);font-size:17px;font-weight:300;margin:0 auto;max-width:56ch}.pv-h p b{color:var(--ink);font-weight:600;background:linear-gradient(transparent 62%,rgba(224,172,76,.38) 0);padding:0 2px}
.pv-g{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;max-width:1100px;margin:0 auto}

/* receipt */
.pv-rc{position:relative;background:#fff;padding:34px 34px 30px;border-radius:14px 14px 0 0;box-shadow:0 40px 80px -40px rgba(60,35,25,.45),0 1px 0 rgba(176,138,74,.2)}
.pv-rc:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:14px;background:linear-gradient(-45deg,transparent 9px,#fff 0) 0 0/18px 14px repeat-x,linear-gradient(45deg,transparent 9px,#fff 0) 0 0/18px 14px repeat-x;filter:drop-shadow(0 6px 4px rgba(60,35,25,.06))}
.pv-rh{display:flex;justify-content:space-between;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);padding-bottom:14px;border-bottom:1px dashed var(--line)}
.pv-rc ul{list-style:none;margin:0;padding:6px 0 0}
.pv-rc li{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #f2ebdf;opacity:0;transform:translateX(-14px);transition:opacity .55s var(--ease),transform .55s var(--ease);transition-delay:calc(.35s + var(--i) * .09s)}
.pv-rc.in li{opacity:1;transform:none}
.pv-rc li i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f7efe1;color:var(--maroon)}
.pv-rc li b{display:block;font-weight:500;font-size:15px;line-height:1.3}.pv-rc li small{display:block;color:var(--mute);font-size:12.5px;line-height:1.35;margin-top:2px}
.pv-rc li em{font:500 15px var(--body);color:#9a8b80;font-style:normal;letter-spacing:.02em}
.pv-tot{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 4px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pv-tot s{position:relative;text-decoration:none;font:400 24px var(--body);letter-spacing:0;color:#9a8b80}
.pv-tot s:after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:2.5px;border-radius:2px;background:var(--maroon);transform:scaleX(0) rotate(-6deg);transform-origin:left;transition:transform .5s var(--ease) 1.45s}
.pv-rc.in .pv-tot s:after{transform:scaleX(1) rotate(-6deg)}
.pv-pay{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 18px;border-radius:12px;background:linear-gradient(100deg,#7c1d2e,#5e1422);color:#fff3e2;opacity:0;transform:scale(.94);transition:opacity .5s var(--ease) 1.8s,transform .6s cubic-bezier(.3,1.6,.5,1) 1.8s}
.pv-rc.in .pv-pay{opacity:1;transform:none}
.pv-pay span{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#f3dcb8}.pv-pay b{font:600 32px/1 'Bodoni Moda',var(--disp);color:#ffe7b0}.pv-pay b .r{font-style:normal;font:500 22px var(--body);margin-right:3px}
.pv-save{position:absolute;z-index:5;right:-26px;top:-34px;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#f9e3a8,#e0ac4c 60%,#b9822e);color:#3d0a16;box-shadow:0 14px 30px -10px rgba(185,130,46,.8),inset 0 0 0 4px rgba(255,255,255,.35),inset 0 0 0 5px rgba(124,29,46,.25);opacity:0;transform:scale(1.8) rotate(-30deg);transition:opacity .35s ease 2.2s,transform .55s cubic-bezier(.3,1.5,.5,1) 2.2s}
.pv-save span{font:600 13px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;max-width:80px}
.pv-tw.in .pv-save{opacity:1;transform:rotate(-12deg)}

/* ticket */
.pv-tw{position:relative;perspective:1200px}
.pv-tk{--rx:0deg;--ry:0deg;position:relative;border-radius:22px;color:#f7e6c8;text-align:center;background:radial-gradient(120% 70% at 50% 0%,#9b2a3f,#6a1626 55%,#430c19);box-shadow:0 50px 90px -40px rgba(61,10,22,.9),0 0 0 1px rgba(243,220,166,.25);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .4s var(--ease);overflow:hidden;animation:pvFloat 6s ease-in-out infinite}
@keyframes pvFloat{50%{translate:0 -8px}}
.pv-tk:before{content:"";position:absolute;inset:10px;border:1px solid rgba(243,220,166,.45);border-radius:14px;pointer-events:none}
.pv-tk:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.035) 22px 23px)}
.pv-sh{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,236,190,.28) 48%,transparent 60%);transform:translateX(-120%);animation:pvShine 5s 1.2s ease-in-out infinite}
@keyframes pvShine{0%{transform:translateX(-120%)}45%,100%{transform:translateX(120%)}}
.pv-tt{position:relative;padding:40px 34px 30px}
.pv-dev{font:400 15px var(--dev);color:var(--g3,#f3dca6);margin:0}
.pv-lb{display:block;margin-top:8px;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#e9cfa6}
.pv-one1{display:inline-flex;align-items:center;gap:10px;margin:20px auto 8px;padding:6px 18px 6px 6px;border-radius:99px;background:rgba(0,0,0,.22);border:1px solid rgba(243,220,166,.45)}
.pv-one1 b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 18px var(--body);color:#3d0a16;background:linear-gradient(135deg,#f9e3a8,#d9a446)}
.pv-one1 span{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#fff1d6}
.pv-wo{margin-top:6px;font:500 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:#d9b9a4}.pv-wo s{font-size:15px;letter-spacing:.02em;margin-left:6px;color:#ecd2bd;text-decoration:line-through;text-decoration-color:#f3cf83;text-decoration-thickness:1.5px}
.pv-pr{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin-top:4px;line-height:1}
.pv-pr .rs{font:500 40px/1 var(--body);margin-top:12px;color:#f3cf83}
.pv-pr b{font:600 88px/1 'Bodoni Moda',var(--disp);letter-spacing:-.01em;background:linear-gradient(180deg,#fff2cf,#f3cf83 55%,#d49b3c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.pv-pm{display:block;margin-top:6px;font-size:13px;color:#e3c8b0;letter-spacing:.02em}
.pv-perf{position:relative;height:28px}
.pv-perf:before{content:"";position:absolute;left:28px;right:28px;top:50%;border-top:2px dashed rgba(243,220,166,.4)}
.pv-perf:after{content:"";position:absolute;left:-14px;right:-14px;top:0;height:28px;background:radial-gradient(circle at 14px 14px,#f8efe1 13px,transparent 14px) left/50% 100% no-repeat,radial-gradient(circle at calc(100% - 14px) 14px,#f8efe1 13px,transparent 14px) right/50% 100% no-repeat}
.pv-tb{padding:22px 34px 34px}
.pv-tb ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px;text-align:left}
.pv-tb li{display:flex;gap:12px;align-items:center;font-size:15px;color:#f3dcc4}.pv-tb li b{color:#fff;font-weight:600}
.pv-tb li .ic{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(243,207,131,.18);color:#f3cf83}
.pv-go{width:100%;height:58px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font:600 14px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#2c0710;background:linear-gradient(100deg,#f7dc9c,#e0ac4c 55%,#f3cf83);box-shadow:0 16px 34px -14px rgba(224,172,76,.9),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .25s var(--ease),box-shadow .25s}
.pv-go:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px rgba(224,172,76,1),inset 0 1px 0 rgba(255,255,255,.6)}.pv-go .ic{transition:transform .25s}.pv-go:hover .ic{transform:translateX(4px)}
.pv-fine{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;font-size:12.5px;color:#d9bca6}

/* one website, any design */
.pv-1{display:grid;grid-template-columns:auto 1fr;gap:70px;align-items:center;max-width:980px;margin:110px auto 0}
.pv-ph{position:relative;width:250px;padding:10px;border-radius:44px;background:#1a0a0d;box-shadow:0 0 0 2px #4a2a20,0 50px 90px -40px rgba(40,10,15,.75)}
.pv-ph:before{content:"";position:absolute;top:18px;left:50%;width:76px;height:20px;margin-left:-38px;border-radius:20px;background:#1a0a0d;z-index:3}
.pv-scr{position:relative;aspect-ratio:260/466;border-radius:35px;overflow:hidden;background:#2a0d14}
.pv-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1);z-index:0}
.pv-scr img.on{clip-path:inset(0 0 0 0);z-index:2}.pv-scr img.was{clip-path:inset(0);z-index:1}
.pv-tag{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);white-space:nowrap;padding:9px 16px;border-radius:99px;background:#fff;box-shadow:0 14px 30px -14px rgba(60,35,25,.5);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--maroon)}
.pv-1t h3{font-size:clamp(30px,3.4vw,44px);line-height:1.08;margin:14px 0 18px}.pv-1t h3 em{font-weight:500;color:var(--maroon)}
.pv-ch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.pv-ch span{padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:13px;color:var(--mute);transition:all .4s var(--ease)}
.pv-ch span.on{background:var(--maroon);border-color:var(--maroon);color:#fff3e2;box-shadow:0 10px 20px -10px rgba(124,29,46,.7)}
.pv-1t ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.pv-1t li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;line-height:1.5}.pv-1t li strong{font-weight:600;color:var(--maroon)}
.pv-1t li b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold2);color:var(--gold);font:600 13px var(--body);margin-top:-1px}
.pv-note{margin:26px 0 0;padding:14px 16px;border-left:3px solid var(--gold);background:rgba(255,255,255,.6);font-size:14px;color:var(--mute);border-radius:0 10px 10px 0}

@media(max-width:900px){
  .pv{padding:84px 0 96px}.pv-h{margin-bottom:44px}
  .pv-g{grid-template-columns:1fr;gap:56px;max-width:520px}.pv-tw{order:-1}
  .pv-1{grid-template-columns:1fr;gap:56px;justify-items:center;margin-top:84px;text-align:left}.pv-1t{max-width:520px}
}
@media(max-width:640px){
  .pv-h h2{font-size:38px}.pv-h p{font-size:15.5px}
  .pv-rc{padding:26px 20px 24px}.pv-rc li{grid-template-columns:32px 1fr auto;gap:12px}.pv-rc li i{width:32px;height:32px}.pv-rc li b{font-size:14px}.pv-rc li small{font-size:12px}.pv-rc li em{font-size:14px}
  .pv-save{right:-8px;top:-30px;width:88px;height:88px}.pv-save span{font-size:11.5px}
  .pv-tt{padding:34px 22px 24px}.pv-pr b{font-size:76px}.pv-pr .rs{font-size:28px;margin-top:12px}.pv-tb{padding:20px 22px 28px}.pv-fine{font-size:11.5px}.pv-ch span{padding:6px 12px;font-size:12.5px}.pv-go{font-size:12.5px;letter-spacing:.05em}
  .pv-ph{width:220px}
}
@media(prefers-reduced-motion:reduce){.pv .rv,.pv-rc li,.pv-pay,.pv-save{transition:none!important;opacity:1!important;transform:none!important}.pv-tk,.pv-sh{animation:none}}

/* ---------- Features (v0.35): live phone, ported from the studio trial page and adapted for couples. Scoped to .sf */
.sf{--iv:#fbf8f2;--pp:#fffdf8;--ink:#2b2220;--ink2:#3a2c28;--kum:#7c1d2e;--kum2:#5e1422;--mar:#c99a4a;--mar2:#e8c98a;--mu:#7b6f69;--ln:#e7ddcc;--hd:var(--disp);--bd:var(--body);background:linear-gradient(180deg,#f5eee2,#fbf8f2)}
.sf .fx-hd{text-align:left}
.sf .fx-grid{display:flex;flex-direction:column;gap:18px}
.sf .fx-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 4px;scroll-snap-type:x proximity}
.sf .fx-tabs::-webkit-scrollbar{display:none}
.sf .fx-t{position:relative;flex:none;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--ln);background:var(--pp);cursor:pointer;text-align:left;scroll-snap-align:start;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s}
.sf .fx-i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#f6dfe3;color:var(--kum);transition:background .25s,color .25s}
.sf .fx-i .ic{width:17px;height:17px}
.sf .fx-tt b{display:block;font-weight:500;font-size:14.5px;white-space:nowrap}
.sf .fx-tt small,.sf .fx-d{display:none}
.sf .fx-t.on{background:var(--ink);border-color:var(--ink);color:#fbf1df}
.sf .fx-t.on .fx-i{background:var(--kum);color:#ffe9b8}
.sf .fx-bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--mar)}
.sf.auto .fx-t.on .fx-bar{animation:sffxbar var(--fxd,6.5s) linear both}
@keyframes sffxbar{to{width:100%}}
.sf .fx-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:22px}
.sf .fx-glow{position:absolute;top:0;left:50%;width:300px;height:420px;margin-left:-150px;border-radius:150px 150px 24px 24px;background:radial-gradient(120% 80% at 50% 0,#c2334a 0,var(--kum) 40%,#4b0f22 100%);box-shadow:inset 0 0 0 7px #f6ecd9,inset 0 0 0 9px #d9a441}
.sf .fx-glow:after{content:"";position:absolute;inset:26px 26px 26px;border-radius:124px 124px 12px 12px;border:1px dashed rgba(255,222,150,.45)}
.sf .fx-ph{--b:#120a16;position:relative;z-index:2;font-size:9.4px;width:27em;height:55em;padding:.75em;border-radius:3.8em;background:var(--b);box-shadow:0 0 0 .18em #3a2a3f,0 34px 60px -24px rgba(28,18,32,.85),inset 0 0 0 .1em rgba(255,255,255,.12)}
.sf .fx-notch{position:absolute;z-index:9;top:1.5em;left:50%;width:8.2em;height:2.3em;margin-left:-4.1em;border-radius:2em;background:var(--b)}
.sf .fx-scr{position:relative;width:100%;height:100%;border-radius:3.1em;overflow:hidden;background:#1b0f1d;color:var(--ink);isolation:isolate}
.sf .fx-cap{max-width:420px;margin-top:20px;text-align:center;min-height:6.2em}
.sf .fx-cap b{display:block;font-weight:500;font-size:18px}
.sf .fx-cap p{margin-top:6px;color:var(--mu);font-size:15px;line-height:1.5}
.sf .fx-also{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin-top:34px;padding-top:26px;border-top:1px solid var(--ln)}
.sf .fx-al{width:100%;text-align:center;color:var(--mu);font-size:14.5px;margin-bottom:4px}
.sf .fx-a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border-radius:999px;background:var(--pp);border:1px solid var(--ln);font-size:14px}
.sf .fx-a .ic{width:16px;height:16px;color:var(--kum)}
@media(min-width:900px){
.sf .fx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.sf .fx-tabs{flex-direction:column;overflow:visible;margin:0;padding:0;gap:4px}
.sf .fx-t{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;padding:14px 18px 14px 14px;border-radius:18px;border-color:transparent;background:transparent;width:100%}
.sf .fx-t:hover{background:rgba(255,253,248,.6)}
.sf .fx-i{width:44px;height:44px;border-radius:14px}
.sf .fx-i .ic{width:21px;height:21px}
.sf .fx-tt b{font-size:18px}
.sf .fx-tt small{display:block;color:var(--mu);font-size:13.5px;margin-top:1px}
.sf .fx-d{display:grid;grid-column:2;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}
.sf .fx-d>span{overflow:hidden;color:var(--mu);font-size:15.5px;line-height:1.55}
.sf .fx-t.on{background:var(--pp);border-color:var(--ln);color:var(--ink);box-shadow:0 18px 40px -26px rgba(28,18,32,.55)}
.sf .fx-t.on .fx-d{grid-template-rows:1fr}
.sf .fx-t.on .fx-d>span{padding-top:8px}
.sf .fx-t.on .fx-tt small{color:var(--kum)}
.sf .fx-bar{left:18px;right:auto;bottom:0;height:2px;border-radius:2px}
.sf.auto .fx-t.on .fx-bar{animation-name:sffxbar2}
@keyframes sffxbar2{to{width:calc(100% - 36px)}}
.sf .fx-stage{padding-top:34px}
.sf .fx-ph{font-size:11.2px}
.sf .fx-glow{width:440px;height:610px;margin-left:-220px;border-radius:220px 220px 30px 30px}
.sf .fx-glow:after{border-radius:190px 190px 14px 14px;inset:34px}
.sf .fx-cap{display:none}
.sf .fx-also{margin-top:56px;gap:10px 12px}
.sf .fx-al{width:auto;margin:0 6px 0 0}
}
@media(min-width:1400px){
.sf .fx-grid{gap:72px}
.sf .fx-ph{font-size:12.2px}
.sf .fx-glow{width:480px;height:660px;margin-left:-240px}
}
.sf .sc{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.sf .sc.on{opacity:1;visibility:visible;transition:opacity .35s}
.sf .sc *{animation-fill-mode:both}
.sf .cv{position:absolute;inset:0;background:var(--cv) center/cover}
.sf .cv.dim{filter:brightness(.42) saturate(.9)}
.sf .tst{position:absolute;z-index:6;top:4.4em;left:50%;display:flex;align-items:center;gap:.5em;white-space:nowrap;padding:.7em 1.2em .7em .9em;border-radius:2em;background:#fff;color:#14532d;font-size:1.25em;font-weight:500;box-shadow:0 1em 2em -1em rgba(0,0,0,.5);opacity:0;transform:translate(-50%,-1em)}
.sf .tst .ic{width:1.3em;height:1.3em;color:#16a34a;stroke-width:2.4}
@keyframes sftoast{0%{opacity:0;transform:translate(-50%,-1em)}100%{opacity:1;transform:translate(-50%,0)}}
@keyframes sfup{from{opacity:0;transform:translateY(2.5em)}to{opacity:1;transform:none}}
@keyframes sfpop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}100%{opacity:1;transform:none}}
@keyframes sfripple{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.8)}}
.sf .s-film{perspective:70em;background:#3d0a16}
.sf .s-film.on .cv{animation:sfcvz 5.6s cubic-bezier(.3,.6,.2,1) both}
@keyframes sfcvz{0%,42%{transform:scale(1.14);filter:brightness(.55)}80%,100%{transform:scale(1);filter:none}}
.sf .door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;backface-visibility:hidden;background:linear-gradient(160deg,#8e1a2f,#5c0d1d 55%,#3d0814);box-shadow:inset 0 0 0 .7em #4a0a17,inset 0 0 0 .85em #d9a441,inset 0 0 0 1.4em #6d1022,inset 0 0 0 1.5em rgba(217,164,65,.6)}
.sf .dl{left:0;transform-origin:left center}
.sf .dr{right:0;transform-origin:right center}
.sf .door i{position:absolute;top:50%;width:17em;height:17em;margin-top:-8.5em;border-radius:50%;background:repeating-radial-gradient(circle,rgba(233,180,80,.55) 0 .12em,transparent .14em 1.1em);opacity:.8}
.sf .dl i{right:-8.5em}
.sf .dr i{left:-8.5em}
.sf .s-film.on .dl{animation:sfdl 5.6s cubic-bezier(.65,0,.25,1) both}
.sf .s-film.on .dr{animation:sfdr 5.6s cubic-bezier(.65,0,.25,1) both}
@keyframes sfdl{0%,38%{transform:rotateY(0)}66%,100%{transform:rotateY(-100deg)}}
@keyframes sfdr{0%,38%{transform:rotateY(0)}66%,100%{transform:rotateY(100deg)}}
.sf .seal{position:absolute;z-index:3;top:50%;left:50%;width:7.4em;height:7.4em;margin:-3.7em 0 0 -3.7em;border-radius:50%;display:grid;place-items:center;grid-auto-flow:column;align-content:center;justify-content:center;font:400 2.5em/1 'Great Vibes',cursive;font-size:2.4em;width:3.1em;height:3.1em;margin:-1.55em 0 0 -1.55em;color:#4a0a17;background:radial-gradient(circle at 35% 30%,#ffe7a8,#e3ac45 55%,#a56f17);box-shadow:0 .3em .8em rgba(0,0,0,.45),inset 0 0 0 .12em rgba(255,255,255,.4)}
.sf .seal em{font-style:normal;font-size:.6em;margin:0 .05em}
.sf .tap{position:absolute;z-index:3;left:50%;top:62%;transform:translateX(-50%);padding:.55em 1.2em;border-radius:2em;background:rgba(255,240,210,.14);border:1px solid rgba(255,222,150,.5);color:#ffe7b5;font-size:1.25em;letter-spacing:.02em;white-space:nowrap}
.sf .ring{position:absolute;z-index:4;top:50%;left:50%;width:9em;height:9em;margin:-4.5em 0 0 -4.5em;border-radius:50%;border:.25em solid #ffe7b5;opacity:0}
.sf .s-film.on .seal{animation:sfsealx 5.6s ease both}
.sf .s-film.on .tap{animation:sftapx 5.6s ease both}
.sf .s-film.on .ring{animation:sfringx 5.6s ease-out both}
@keyframes sfsealx{0%{opacity:0;transform:scale(.7)}10%,30%{opacity:1;transform:scale(1)}34%{transform:scale(.9)}42%,100%{opacity:0;transform:scale(1.3)}}
@keyframes sftapx{0%,8%{opacity:0}14%,30%{opacity:1}22%{opacity:.55}38%,100%{opacity:0}}
@keyframes sfringx{0%,30%{opacity:0;transform:scale(.3)}32%{opacity:.9}46%,100%{opacity:0;transform:scale(1.6)}}
.sf .pt{position:absolute;z-index:5;top:-2em;width:1.1em;height:1.1em;border-radius:0 100% 0 100%;background:#f3a9b7;opacity:0}
.sf .p2,.sf .p5{background:#f0b84a}
.sf .p3{background:#e8798d}
.sf .p1{left:12%}
.sf .p2{left:30%}
.sf .p3{left:47%}
.sf .p4{left:63%}
.sf .p5{left:78%}
.sf .p6{left:90%}
.sf .s-film.on .pt{animation:sffall 3s cubic-bezier(.3,.2,.6,1) both;animation-delay:3.1s}
.sf .s-film.on .p2{animation-delay:3.35s}
.sf .s-film.on .p3{animation-delay:3.2s}
.sf .s-film.on .p4{animation-delay:3.55s}
.sf .s-film.on .p5{animation-delay:3.4s}
.sf .s-film.on .p6{animation-delay:3.7s}
@keyframes sffall{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translate(3em,58em) rotate(320deg)}}
.sf .sheet{position:absolute;z-index:2;left:1em;right:1em;bottom:1em;background:#fffaf1;border-radius:2.2em;padding:2em 1.7em 1.7em;box-shadow:0 -1em 3em -1em rgba(0,0,0,.4)}
.sf .sheet small{color:var(--mu);font-size:1.15em}
.sf .sheet h4{font:600 2.3em/1.15 var(--hd);margin:.25em 0 .7em}
.sf .rch{display:grid;gap:.6em}
.sf .rch span{display:block;padding:1em 1.2em;border-radius:1.2em;border:1px solid var(--ln);font-size:1.3em;background:#fff}
.sf .gcnt{display:flex;align-items:center;justify-content:space-between;margin:1.2em 0;font-size:1.25em;color:var(--mu)}
.sf .stp{display:flex;align-items:center;gap:.6em;color:var(--ink)}
.sf .stp i{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;border:1px solid var(--ln);font-style:normal}
.sf .stp b{position:relative;display:block;width:1.2em;height:1.4em;overflow:hidden;font-weight:600}
.sf .stp em{position:absolute;inset:0;text-align:center;font-style:normal}
.sf .send{display:block;text-align:center;padding:1em;border-radius:2em;background:var(--ink);color:#fbf1df;font-size:1.35em;font-weight:500}
.sf .s-rsvp.on .sheet{animation:sfup .7s cubic-bezier(.2,.8,.2,1) both}
.sf .s-rsvp.on .yes{animation:sfyes 6s both}
@keyframes sfyes{0%,22%{background:#fff;color:var(--ink);border-color:var(--ln)}26%,100%{background:var(--kum);color:#fff;border-color:var(--kum)}}
.sf .s-rsvp.on .stp i:last-child{animation:sfpress 6s both}
@keyframes sfpress{0%,40%,48%,100%{background:#fff}43%{background:#f6dfe3;transform:scale(.88)}}
.sf .s-rsvp.on .n2{animation:sfo1 6s both}
.sf .s-rsvp.on .n4{animation:sfi1 6s both}
@keyframes sfo1{0%,43%{transform:none;opacity:1}48%,100%{transform:translateY(-100%);opacity:0}}
@keyframes sfi1{0%,43%{transform:translateY(100%);opacity:0}48%,100%{transform:none;opacity:1}}
.sf .s-rsvp.on .send{animation:sfsnd 6s both}
@keyframes sfsnd{0%,60%,66%,100%{transform:none}63%{transform:scale(.95);background:var(--kum)}}
.sf .s-rsvp.on .tst{animation:sftoast .5s 4s both}
.sf .s-hin{background:linear-gradient(180deg,#fbf6ec,#f3e7d2);padding:5.6em 1.4em 1.4em}
.sf .ed{background:#fff;border-radius:1.8em;padding:1.5em;box-shadow:0 1em 2em -1.4em rgba(28,18,32,.5)}
.sf .ed small{color:var(--mu);font-size:1.15em}
.sf .ffld{display:flex;align-items:center;margin:.5em 0 1em;padding:.8em 1em;border:1.5px solid var(--kum);border-radius:1em;font-size:1.5em;min-height:2.6em}
.sf .ty{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0}
.sf .caret{width:.08em;height:1.2em;background:var(--kum);margin-left:.06em;animation:sfblink 1s steps(2) infinite}
@keyframes sfblink{50%{opacity:0}}
.sf .lang{display:inline-flex;padding:.3em;border-radius:2em;background:#f3eadb;font-size:1.2em}
.sf .lang span{padding:.45em 1.1em;border-radius:2em}
.sf .lang span:first-child{background:#fff;box-shadow:0 .1em .4em rgba(0,0,0,.1)}
.sf .hpv{margin-top:1.6em;border-radius:2em;padding:2.6em 1.4em 2.4em;text-align:center;color:#f3d48a;background:radial-gradient(90% 70% at 50% 0,#8e1a2f,#4a0a17);box-shadow:inset 0 0 0 .5em #4a0a17,inset 0 0 0 .62em #d9a441}
.sf .hpv small{font:400 1.3em 'Tiro Devanagari Hindi',serif;opacity:.85}
.sf .dv{font:400 4em/1.15 'Rozha One','Tiro Devanagari Hindi',serif;margin:.25em 0 .2em;background:linear-gradient(180deg,#ffe7a8,#d9a441);-webkit-background-clip:text;background-clip:text;color:transparent}
.sf .dv em{display:block;font:400 .5em/1 'Great Vibes',cursive;color:#f3d48a;-webkit-text-fill-color:#f3d48a}
.sf .hpv p{font:400 1.35em 'Tiro Devanagari Hindi',serif}
.sf .hpv p.sm{font-size:1.15em;opacity:.8;margin-top:.2em}
.sf .s-hin.on .ty{animation:sftype 1.5s .4s steps(13) both}
@keyframes sftype{to{max-width:10em}}
.sf .s-hin.on .lang span:first-child{animation:sflgo 6s both}
.sf .s-hin.on .hi{animation:sflgi 6s both}
@keyframes sflgo{0%,38%{background:#fff}42%,100%{background:transparent;box-shadow:none}}
@keyframes sflgi{0%,38%{background:transparent;color:inherit}42%,100%{background:var(--kum);color:#fff}}

@keyframes sfhpv{0%,40%{opacity:.25;filter:blur(.3em) grayscale(1)}52%,100%{opacity:1;filter:none}}
.sf .s-hin.on .dv{animation:sfhdv 6s both}
@keyframes sfhdv{0%,42%{opacity:0;transform:scale(.85)}54%,100%{opacity:1;transform:none}}
.sf .spk{position:absolute;z-index:3;top:5em;right:1.6em;display:grid;place-items:center;width:3.6em;height:3.6em;border-radius:50%;background:rgba(255,248,235,.92);color:var(--kum)}
.sf .spk .ic{width:1.7em;height:1.7em}
.sf .spk i{position:absolute;inset:0;border-radius:50%;border:.15em solid rgba(255,231,181,.9);opacity:0}
.sf .s-mus.on .spk i{animation:sfripple 2s infinite}
.sf .s-mus.on .spk i+i{animation-delay:1s}
.sf .pl{position:absolute;z-index:3;left:1em;right:1em;bottom:1.2em;display:flex;align-items:center;gap:1.2em;padding:1.2em 1.4em;border-radius:2em;background:rgba(24,12,24,.78);color:#fbf1df;box-shadow:0 1em 2em -1em rgba(0,0,0,.6)}
.sf .disc{flex:none;width:5em;height:5em;border-radius:50%;background:radial-gradient(circle,#e9a21b 0 18%,#1a0f1a 19% 22%,transparent 23%),repeating-radial-gradient(circle,#2a1b30 0 .18em,#120a16 .2em .45em);box-shadow:0 0 0 .2em rgba(255,255,255,.12)}
.sf .s-mus.on .disc{animation:sfspin 4s linear infinite}
@keyframes sfspin{to{transform:rotate(360deg)}}
.sf .pm{min-width:0;flex:1}
.sf .pm b{display:block;font-weight:500;font-size:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf .pm small{font-size:1.1em;opacity:.7}
.sf .wv{display:flex;align-items:center;gap:.22em;height:2.6em;margin-top:.5em}
.sf .wv i{flex:1;height:100%;border-radius:1em;background:linear-gradient(#f4c25a,#e9a21b);transform:scaleY(.25);transform-origin:center}
.sf .s-mus.on .wv i{animation:sfwave 1.1s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes sfwave{0%{transform:scaleY(.2)}100%{transform:scaleY(1)}}
.sf .s-mus.on .pl{animation:sfup .7s .2s cubic-bezier(.2,.8,.2,1) both}
.sf .s-mus.on .cv{animation:sfbreathe 6s ease-in-out both}
@keyframes sfbreathe{from{transform:scale(1.06)}to{transform:scale(1)}}
.sf .s-map{background:#f6eedf}
.sf .mp{position:absolute;inset:0 0 50%;overflow:hidden;background:#ece2cc;background-image:repeating-linear-gradient(0deg,transparent 0 3.2em,rgba(255,255,255,.55) 3.2em 3.35em),repeating-linear-gradient(90deg,transparent 0 3.9em,rgba(255,255,255,.55) 3.9em 4.05em)}
.sf .rd{position:absolute;background:#fff;border-radius:1em;box-shadow:0 0 0 .1em #e2d5ba}
.sf .r1{left:-10%;right:-10%;top:58%;height:1.3em;transform:rotate(-12deg)}
.sf .r2{top:-10%;bottom:-10%;left:62%;width:1.1em;transform:rotate(18deg)}
.sf .r3{left:-10%;width:70%;top:22%;height:.8em;transform:rotate(8deg)}
.sf .mrv{position:absolute;left:-20%;top:70%;width:90%;height:12em;border-radius:50%;border-top:1.4em solid #bcd3dc}
.sf .pin{position:absolute;z-index:2;left:52%;top:30%;width:3.6em;height:3.6em;margin-left:-1.8em;color:var(--kum);filter:drop-shadow(0 .3em .3em rgba(0,0,0,.3))}
.sf .pin .ic{width:100%;height:100%;fill:#c2334a;color:#fff;stroke-width:1.4}
.sf .pul{position:absolute;left:52%;top:30%;width:5em;height:2em;margin:2.9em 0 0 -2.5em;border-radius:50%;background:rgba(155,27,48,.35);opacity:0}
.sf .s-map.on .pin{animation:sfdrop .9s .3s cubic-bezier(.3,1.5,.5,1) both}
@keyframes sfdrop{from{opacity:0;transform:translateY(-6em)}to{opacity:1;transform:none}}
.sf .s-map.on .pul{animation:sfripple 1.6s 1.1s infinite}
.sf .ev{position:absolute;z-index:3;left:1em;right:1em;top:44%;background:#fff;border-radius:2em;padding:1.6em 1.5em;box-shadow:0 1.2em 2.4em -1.2em rgba(28,18,32,.5)}
.sf .ev small{color:var(--kum);font-size:1.15em;font-weight:500}
.sf .ev b{display:block;font:600 2.1em/1.2 var(--hd);margin:.2em 0}
.sf .ev p{color:var(--mu);font-size:1.2em}
.sf .ev .bt{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin-top:1.2em}
.sf .ev .bt span{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.85em .5em;border-radius:2em;font-size:1.15em;font-weight:500;white-space:nowrap}
.sf .ev .bt .ic{width:1.2em;height:1.2em}
.sf .ev .go{background:var(--ink);color:#fbf1df}
.sf .ev .cal{border:1px solid var(--ln)}
.sf .evl{position:absolute;left:1.6em;right:1.6em;bottom:1.4em;display:grid;gap:.5em}
.sf .evl li{display:flex;justify-content:space-between;padding:.9em 1.2em;border-radius:1.2em;background:rgba(255,255,255,.7);font-size:1.15em}
.sf .evl span{color:var(--mu)}
.sf .s-map.on .ev{animation:sfup .7s .5s cubic-bezier(.2,.8,.2,1) both}
.sf .s-map.on .evl li{animation:sfup .6s 1s both}
.sf .s-map.on .evl li+li{animation-delay:1.15s}
.sf .s-map.on .cal{animation:sfcalx 6s both}
@keyframes sfcalx{0%,52%,100%{background:#fff;color:inherit}56%,90%{background:var(--kum);color:#fff;border-color:var(--kum)}}
.sf .s-map.on .tst{animation:sftoast .5s 3.5s both}
.sf .s-guest{background:#efe7dd}
.sf .wa{position:absolute;inset:0;background:#efe7dd;background-image:radial-gradient(rgba(0,0,0,.04) .12em,transparent .14em);background-size:1.6em 1.6em}
.sf .wah{display:flex;align-items:center;gap:.8em;padding:4.6em 1.4em 1.1em;background:#0b6b5c;color:#fff;font-size:1.25em}
.sf .wah .av{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#f3d48a;color:#4a0a17;font:600 .9em var(--hd)}
.sf .bub{position:relative;margin:2em 1.2em 0 4em;padding:1em 1.1em .6em;border-radius:1.2em 0 1.2em 1.2em;background:#d9fdd3;font-size:1.3em;box-shadow:0 .1em .2em rgba(0,0,0,.12)}
.sf .bub p{margin-bottom:.4em}
.sf .bub u{color:#0a6ebd;word-break:break-all}
.sf .bub small{display:block;text-align:right;font-size:.75em;color:#667}
.sf .gr{position:absolute;inset:0;z-index:4;opacity:0;background:radial-gradient(90% 60% at 50% 30%,#8e1a2f,#3d0814);box-shadow:inset 0 0 0 1.2em #3d0814,inset 0 0 0 1.32em #d9a441}
.sf .gr:before{content:"";position:absolute;left:50%;top:18%;width:9em;height:9em;margin-left:-4.5em;border-radius:50%;background:repeating-radial-gradient(circle,rgba(233,180,80,.5) 0 .1em,transparent .12em .9em)}
.sf .gt{position:absolute;inset:auto 1.4em 24% 1.4em;text-align:center;color:#fbf1df}
.sf .gt small{font-size:1.25em;opacity:.85}
.sf .gt b{display:block;font:400 4.4em/1.1 'Great Vibes',cursive;color:#f3d48a;margin:.1em 0 .15em}
.sf .gt p{font-size:1.3em;opacity:.9}
.sf .gt em{display:block;font:600 2.3em/1.2 var(--hd);font-style:normal;margin-top:.3em}
.sf .s-guest.on .bub{animation:sfpop .5s .3s both}
.sf .s-guest.on .bub u{animation:sftapu 6s both}
@keyframes sftapu{0%,30%,36%,100%{background:transparent}33%{background:rgba(10,110,189,.18)}}
.sf .s-guest.on .gr{animation:sfgrin 6s both}
@keyframes sfgrin{0%,36%{opacity:0;transform:scale(1.05)}46%,100%{opacity:1;transform:none}}
.sf .s-guest.on .gt b{animation:sfgname 6s both}
@keyframes sfgname{0%,46%{opacity:0;letter-spacing:.2em;filter:blur(.2em)}62%,100%{opacity:1;letter-spacing:0;filter:none}}
.sf .s-guest.on .gt em,.sf .s-guest.on .gt p{animation:sfgsub 6s both}
@keyframes sfgsub{0%,58%{opacity:0;transform:translateY(1em)}68%,100%{opacity:1;transform:none}}
.sf .ft{position:absolute;z-index:3;left:1em;right:1em;bottom:1em;overflow:hidden;background:#fffaf1;border-radius:2em;padding:1.6em 1.5em 1.5em;box-shadow:0 -1em 3em -1em rgba(0,0,0,.45)}
.sf .ft:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,231,181,.75) 50%,transparent 70%);transform:translateX(-120%)}
.sf .ft small{color:var(--mu);font-size:1.1em}
.sf .sb{display:flex;align-items:center;gap:1em;margin:.8em 0 1.2em}
.sf .sb .lg{flex:none;display:grid;place-items:center;width:4.4em;height:4.4em;border-radius:1.2em;background:linear-gradient(135deg,#9b1b30,#4a0a17);color:#f3d48a;font:600 1.5em var(--hd);font-size:1.6em;width:2.8em;height:2.8em}
.sf .sb b{display:block;font:600 1.7em/1.2 var(--hd)}
.sf .sb span{color:var(--mu);font-size:1.15em}
.sf .ft .bt{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.sf .ft .bt span{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.85em;border-radius:2em;border:1px solid var(--ln);font-size:1.2em;font-weight:500}
.sf .ft .bt .ic{width:1.25em;height:1.25em}
.sf .ft .bt .w{background:#1f9d55;border-color:#1f9d55;color:#fff}
.sf .s-brand.on .ft{animation:sfup .7s .2s cubic-bezier(.2,.8,.2,1) both}
.sf .s-brand.on .ft:after{animation:sfshine 1.4s 1.3s ease both}
@keyframes sfshine{to{transform:translateX(120%)}}
.sf .s-brand.on .lg{animation:sfpop .6s .8s both}
.sf .s-brand.on .ft .bt span{animation:sfup .5s 1.6s both}
.sf .s-brand.on .ft .bt span+span{animation-delay:1.75s}
.sf .s-an{background:radial-gradient(120% 60% at 50% 0,#3b1630,#1c1220 70%);color:#fbf1df;padding:5.4em 1.8em 1.6em}
.sf .dh small{font-size:1.15em;opacity:.7}
.sf .dh b{display:block;font:600 2.1em/1.2 var(--hd)}
.sf .big{margin:1.6em 0 .4em;display:flex;align-items:baseline;gap:.5em}
.sf .big b{font:600 5.2em/1 var(--hd);color:#f4c25a;font-variant-numeric:tabular-nums}
.sf .big span{font-size:1.4em;opacity:.8}
.sf .bars{display:flex;align-items:flex-end;gap:.7em;height:12em;padding:1em 0 2em;border-bottom:1px solid rgba(255,255,255,.12)}
.sf .bars i{position:relative;flex:1;height:var(--v);border-radius:.6em .6em .2em .2em;background:linear-gradient(180deg,#f4c25a,#9b1b30);transform-origin:bottom;transform:scaleY(.04)}
.sf .bars i:last-child{background:linear-gradient(180deg,#ffe7a8,#e9a21b)}
.sf .bars em{position:absolute;left:0;right:0;bottom:-1.9em;text-align:center;font-style:normal;font-size:1em;opacity:.6}
.sf .s-an.on .bars i{animation:sfgrow .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.35s + var(--i) * .09s)}
@keyframes sfgrow{to{transform:scaleY(1)}}
.sf .bars em{transform-origin:top}
.sf .kp{display:grid;grid-template-columns:1fr 1fr;gap:.8em;margin-top:2.6em}
.sf .kp div{padding:1.2em;border-radius:1.4em;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.sf .kp b{display:block;font:600 2.4em/1.1 var(--hd);font-variant-numeric:tabular-nums}
.sf .kp span{font-size:1.1em;opacity:.7}
.sf .s-an.on .kp div{animation:sfup .6s 1s both}
.sf .s-an.on .kp div+div{animation-delay:1.15s}
@media(prefers-reduced-motion:reduce){
.sf .sc *,.sf .sc{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important}
.sf .sc.on .caret{animation:none}
}
/* couples' version: maroon active tab, serif titles, new screens */
.sf .fx-tt b{font-family:var(--body)}
@media(min-width:900px){.sf .fx-tt b{font:600 22px/1.2 var(--disp)}.sf .fx-t.on{border-color:var(--gold2)}.sf .fx-t.on .fx-i{background:var(--kum);color:#ffe9b8}}
.sf .fx-t.on .fx-bar{background:var(--gold)}
.sf .fx-a .ic{width:16px;height:16px;color:var(--kum)}
/* change design any time */
.sf .s-sw{background:#2a0d14}
.sf .s-sw .im{position:absolute;inset:0;background:var(--i) center/cover;clip-path:inset(0 0 100% 0)}
.sf .s-sw .im.a{clip-path:inset(0)}
.sf .s-sw.on .im.b{animation:sfswb 6s cubic-bezier(.7,0,.2,1) both}.sf .s-sw.on .im.c{animation:sfswc 6s cubic-bezier(.7,0,.2,1) both}
@keyframes sfswb{0%,22%{clip-path:inset(0 0 100% 0)}36%,100%{clip-path:inset(0)}}
@keyframes sfswc{0%,52%{clip-path:inset(0 0 100% 0)}66%,100%{clip-path:inset(0)}}
.sf .dsg{position:absolute;z-index:4;left:1em;right:1em;bottom:1.2em;padding:1.1em 1.1em 1.2em;border-radius:1.6em;background:rgba(255,253,248,.96);box-shadow:0 1.4em 3em -1em rgba(0,0,0,.55)}
.sf .dsg small{display:block;font-size:1.1em;letter-spacing:.2em;text-transform:uppercase;color:var(--mu);margin-bottom:.7em}
.sf .chs{display:flex;gap:.5em}.sf .chs span{flex:1;text-align:center;padding:.7em .3em;border-radius:1.2em;border:1px solid var(--ln);font-size:1.1em;font-weight:500;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf .s-sw.on .dsg{animation:sfup .6s .1s cubic-bezier(.2,.8,.2,1) both}
.sf .s-sw.on .c1{animation:sfc1 6s both}.sf .s-sw.on .c2{animation:sfc2 6s both}.sf .s-sw.on .c3{animation:sfc3 6s both}
@keyframes sfc1{0%,24%{background:var(--kum);color:#fff3e2;border-color:var(--kum)}28%,100%{background:#fff;color:var(--mu)}}
@keyframes sfc2{0%,24%{background:#fff}28%,54%{background:var(--kum);color:#fff3e2;border-color:var(--kum)}58%,100%{background:#fff;color:var(--mu)}}
@keyframes sfc3{0%,54%{background:#fff}58%,100%{background:var(--kum);color:#fff3e2;border-color:var(--kum)}}
.sf .s-sw.on .tst{animation:sftoast .5s 4.3s both}
/* countdown */
.sf .s-cd{background:#1d0a10}
.sf .cdw{position:absolute;z-index:3;left:1.2em;right:1.2em;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fbeedd}.sf .cdb{width:100%}
.sf .cdw small{font-size:1.15em;letter-spacing:.24em;text-transform:uppercase;color:#e9cfa6}
.sf .cdn{display:block;font:400 3.6em/1.1 'Great Vibes',cursive;color:#ffe7b0;margin:.3em 0 .5em}
.sf .cdb{display:grid;grid-template-columns:repeat(4,1fr);gap:.6em}
.sf .cdb div{padding:1em 0 .8em;border-radius:1.1em;background:rgba(255,255,255,.08);border:1px solid rgba(243,220,166,.35);backdrop-filter:blur(4px)}
.sf .cdb b{display:block;font:600 2.6em/1 'Bodoni Moda',var(--disp);color:#fff2cf}.sf .cdb span{display:block;margin-top:.45em;font-size:.95em;letter-spacing:.14em;text-transform:uppercase;color:#d9bca6}
.sf .cdc{display:inline-flex;align-items:center;gap:.5em;margin-top:1.6em;padding:.8em 1.4em;border-radius:2em;background:#fbeedd;color:var(--kum);font-size:1.15em;font-weight:500}.sf .cdc .ic{width:1.4em;height:1.4em}
.sf .s-cd.on .cdw{animation:sfpop .7s .2s both}.sf .s-cd.on .cdb div{animation:sfup .6s both}.sf .s-cd.on .cdb div:nth-child(2){animation-delay:.1s}.sf .s-cd.on .cdb div:nth-child(3){animation-delay:.2s}.sf .s-cd.on .cdb div:nth-child(4){animation-delay:.3s}
.sf .cdb b.tk{animation:sftk .35s ease}@keyframes sftk{0%{transform:translateY(-.25em);opacity:.4}100%{transform:none;opacity:1}}
.sf .sh p{color:var(--mute)}
.sf .s-cd .cv.dim{filter:brightness(.2) saturate(.8) blur(3px);transform:scale(1.06)}
.sf .fx-t.on{background:var(--kum);border-color:var(--kum)}.sf .fx-t.on .fx-i{background:rgba(255,255,255,.14);color:#ffe9b8}
@media(min-width:900px){.sf .fx-t.on{background:var(--pp);border-color:var(--gold2)}.sf .fx-t.on .fx-i{background:var(--kum);color:#ffe9b8}}

/* features, English and Hindi: the English card is clear while typing, then turns into Hindi */
.sf .hpv{display:grid}.sf .hl{grid-area:1/1}
.sf .dve{font:400 4.6em/1.1 'Great Vibes',cursive;margin:.2em 0 .15em;background:linear-gradient(180deg,#ffe7a8,#d9a441);-webkit-background-clip:text;background-clip:text;color:transparent}
.sf .dve em{display:block;font-size:.55em;line-height:1;-webkit-text-fill-color:#f3d48a}
.sf .hen small{font:500 1.05em var(--body);letter-spacing:.24em;text-transform:uppercase;opacity:.85}.sf .hen p{font:italic 500 1.5em var(--disp)}.sf .hen p.sm{font:500 1.05em var(--body);letter-spacing:.14em;text-transform:uppercase}
.sf .hhi{opacity:0}
.sf .s-hin.on .hen{animation:sfhen 6s both}.sf .s-hin.on .hhi{animation:sfhhi 6s both}
@keyframes sfhen{0%,40%{opacity:1;transform:none}48%,100%{opacity:0;transform:translateY(-.6em)}}
@keyframes sfhhi{0%,42%{opacity:0;transform:translateY(.6em)}52%,100%{opacity:1;transform:none}}

/* ---------- designs slider (v0.36): phones in a true 9:16 frame */
.ds{background:linear-gradient(180deg,#fbf8f2,#f5eee2);overflow:hidden}
.ds-h{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}
.ds-h h2{font-size:clamp(36px,4.6vw,58px);line-height:1.04;margin:14px 0 14px}.ds-h h2 em{font-weight:500;color:var(--maroon)}.ds-h p{color:var(--mute);font-weight:300;max-width:52ch;margin:0}
.ds-nav{display:flex;gap:10px;flex:none}
.ds-a{width:54px;height:54px;border-radius:50%;border:1px solid var(--gold2);background:#fff;display:grid;place-items:center;color:var(--maroon);transition:all .25s var(--ease)}.ds-a:hover{background:var(--maroon);color:#fff3e2;border-color:var(--maroon)}
.ds-a:first-child .ic{transform:rotate(180deg)}
.ds .fbar{position:static;background:none;border:0;padding:0;margin:0 0 6px;box-shadow:none}
.ds-rw{position:relative}
.ds-rw:before,.ds-rw:after{content:"";position:absolute;top:0;bottom:0;width:max(20px,calc((100vw - 1200px)/2));z-index:2;pointer-events:none}
.ds-rw:before{left:0;background:linear-gradient(90deg,#f8f2e8,rgba(248,242,232,0))}.ds-rw:after{right:0;background:linear-gradient(-90deg,#f7f0e5,rgba(247,240,229,0))}
.ds-rail{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:34px max(20px,calc((100vw - 1160px)/2)) 30px;scroll-padding:0 max(20px,calc((100vw - 1160px)/2));cursor:grab;-webkit-overflow-scrolling:touch}
.ds-rail::-webkit-scrollbar{display:none}.ds-rail.drag{cursor:grabbing;scroll-snap-type:none}.ds-rail.drag *{pointer-events:none}
.dc{position:relative;flex:none;width:214px;scroll-snap-align:start;text-align:center}
.dc-ph{position:relative;display:block;width:100%;aspect-ratio:9/19.2;padding:7px;border:0;border-radius:34px;background:#15090c;box-shadow:0 0 0 1.5px #3c2620,0 0 0 2.5px rgba(216,191,143,.35),0 34px 50px -28px rgba(40,10,15,.75);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.dc-n{position:absolute;z-index:3;top:15px;left:50%;width:62px;height:18px;margin-left:-31px;border-radius:12px;background:#15090c}
.dc-s{position:relative;display:block;height:100%;border-radius:27px;overflow:hidden;background:#2a0d14}
.dc-s img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.dc-q{position:absolute;z-index:4;left:50%;bottom:22px;transform:translate(-50%,10px);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 14px;border-radius:99px;background:rgba(255,253,248,.95);color:var(--maroon);font-size:12px;font-weight:500;opacity:0;transition:all .35s var(--ease)}.dc-q .ic{width:13px;height:13px}
.dc-b{position:absolute;z-index:4;top:42px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:99px;background:var(--gold);color:#fff;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.dc:hover .dc-ph,.dc-ph:focus-visible{transform:translateY(-10px) rotate(-1deg);box-shadow:0 0 0 1.5px #3c2620,0 0 0 2.5px rgba(216,191,143,.6),0 48px 60px -30px rgba(40,10,15,.8)}
.dc:hover .dc-s img{transform:scale(1.04)}.dc:hover .dc-q,.dc-ph:focus-visible .dc-q{opacity:1;transform:translate(-50%,0)}
.dc .wl{position:absolute;z-index:5;top:16px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,253,248,.92);display:grid;place-items:center;color:var(--maroon);box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}.dc .wl .ic{width:16px;height:16px}.dc .wl.on{background:var(--maroon);color:#fff}
.dc-t{margin-top:16px}.dc-t h3{font:600 21px/1.2 var(--disp)}.dc-t small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-go{display:inline-block;margin-top:12px;padding:9px 18px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:all .25s}.dc-go:hover{background:var(--maroon);border-color:var(--maroon);color:#fff3e2}
.ds-pg{position:relative;height:3px;border-radius:3px;background:rgba(124,29,46,.12);max-width:420px;margin:6px auto 0;overflow:hidden}.ds-pg i{position:absolute;top:0;bottom:0;left:0;width:20%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--maroon));transition:left .2s linear}
.ds .empty{padding:40px;color:var(--mute)}
@media(max-width:700px){.ds-nav{display:none}.dc{width:168px}.dc-ph{border-radius:28px;padding:6px}.dc-s{border-radius:22px}.dc-n{top:12px;width:48px;height:14px;margin-left:-24px}.dc-t h3{font-size:18px}.ds-rail{gap:16px;padding-top:24px}.ds-h{margin-bottom:14px}.dc-q{opacity:1;transform:translate(-50%,0);font-size:11px;padding:6px 11px;bottom:16px}}

/* ---------- final call (v0.36), right after the features */
.fin2{position:relative;overflow:hidden;color:#fbeedd;padding:110px 0;background:radial-gradient(60% 80% at 15% 20%,#8c1f33,transparent 70%),radial-gradient(50% 70% at 90% 90%,#5a1120,transparent 70%),#3d0a16;isolation:isolate}
.fin2-bg{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(rgba(243,220,166,.18) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask:radial-gradient(70% 70% at 30% 40%,#000,transparent);mask:radial-gradient(70% 70% at 30% 40%,#000,transparent)}
.fin2-bg:after{content:"";position:absolute;right:-120px;top:-160px;width:560px;height:560px;border-radius:50%;border:1px solid rgba(243,220,166,.18);box-shadow:0 0 0 40px rgba(243,220,166,.04),0 0 0 90px rgba(243,220,166,.03)}
.fin2-in{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.fin2 .dev{font:400 17px var(--dev);color:var(--g3,#f3dca6);margin:0 0 12px}
.fin2 h2{font-size:clamp(38px,4.6vw,60px);line-height:1.03;margin:0 0 18px;color:#fff6e8}.fin2 h2 em{display:block;font-weight:500;background:linear-gradient(180deg,#fff2cf,#e9bd6c);-webkit-background-clip:text;background-clip:text;color:transparent}
.fin2 .fin-p{color:#e8d4c4;font-weight:300;font-size:17px;max-width:30em;margin:0 0 28px;text-align:left}
.fin2-l{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.fin2-l li{display:flex;gap:14px;align-items:center}.fin2-l i{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(243,207,131,.12);border:1px solid rgba(243,207,131,.35);color:#f3cf83}
.fin2-l b{display:block;font-weight:600;color:#fff6e8;font-size:15.5px}.fin2-l span{font-size:14px;color:#d9bca6;line-height:1.4}
.fin2-c{position:relative;padding:34px 32px 26px;border-radius:24px;background:linear-gradient(160deg,rgba(255,248,238,.12),rgba(255,248,238,.04));border:1px solid rgba(243,220,166,.32);box-shadow:0 40px 80px -40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.fin2-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.fin2-h b{font:600 24px var(--disp);color:#fff6e8}.fin2-h small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d9b97e}
.fin2 .fin-f{max-width:none;margin:0}
.fin2-go{margin-top:20px;width:100%;min-height:58px;padding:0 16px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font:600 13.5px var(--body);letter-spacing:.07em;text-transform:uppercase;color:#2c0710;background:linear-gradient(100deg,#f7dc9c,#e0ac4c 55%,#f3cf83);box-shadow:0 16px 34px -14px rgba(224,172,76,.9),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .25s var(--ease)}.fin2-go:hover{transform:translateY(-2px)}.fin2-go:disabled{opacity:.7}
.fin2-fine{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;font-size:12.5px;color:#cdb3a2}
@media(max-width:900px){.fin2{padding:80px 0}.fin2-in{grid-template-columns:1fr;gap:40px}.fin2-c{padding:26px 20px 22px}.fin2-go{font-size:12px;letter-spacing:.04em}}

/* ---------- footer (v0.36) */
.ft2{position:relative;background:#1d0a10;color:#e8d4c4;padding:84px 0 0;overflow:hidden}
.ft2:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#d9a446,transparent)}
.ft2-orn{text-align:center;font:400 16px var(--dev);color:#d9a446;letter-spacing:.1em;margin-bottom:46px;opacity:.9}
.ft2-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px}
.ft2 .logo{justify-self:start;color:#fff6e8;font-size:30px}.ft2 .logo i{color:#e9bd6c}.ft2 .lg-o{color:#d9a446}
.ft2-b p{margin:14px 0 22px;max-width:34ch;font-weight:300;font-size:14.5px;line-height:1.7;color:#cdb3a2}
.ft2-cta{display:flex;flex-wrap:wrap;gap:10px}
.ft2-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:99px;background:linear-gradient(100deg,#f7dc9c,#e0ac4c);color:#2c0710;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ft2-wa{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;border:1px solid rgba(243,220,166,.35);color:#f3dcc4;font-size:13px}.ft2-wa:hover{border-color:#e9bd6c}
.ft2 h4{font:500 11.5px var(--body);letter-spacing:.24em;text-transform:uppercase;color:#d9a446;margin:8px 0 16px}
.ft2-c a{display:block;padding:5px 0;color:#d9c2b2;font-size:14.5px;transition:color .2s}.ft2-c a:hover{color:#fff}
.ft2-bot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:60px;padding-top:24px;padding-bottom:max(28px,env(safe-area-inset-bottom));border-top:1px solid rgba(243,220,166,.14);font-size:12.5px;color:#a8897a}
.ft2-pay{display:inline-flex;align-items:center;gap:8px}.ft2-pay i{font-style:normal;padding:3px 9px;border-radius:6px;border:1px solid rgba(243,220,166,.22);color:#d9c2b2;font-size:11.5px}
@media(max-width:900px){.ft2-top{grid-template-columns:1fr 1fr;gap:34px}.ft2-b{grid-column:1/-1}}
@media(max-width:520px){.ft2{padding-top:64px}.ft2-top{grid-template-columns:1fr 1fr}.ft2-lg{grid-column:1/-1}.ft2-bot{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.fin2-h{flex-direction:column;gap:2px}.fin2-go{font-size:11.5px;letter-spacing:.03em;white-space:nowrap;gap:6px}}