.demo-navigation{top:max(16px, env(safe-area-inset-top));z-index:30;color:#45364a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffaf5f2;border:1px solid #ffffffbf;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:min(720px,100% - 32px);min-height:66px;padding:12px 14px;font:500 11px/1.4 Manrope,sans-serif;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #21132920}.demo-navigation[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}.demo-navigation a{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:40px;text-decoration:none;display:inline-flex}.demo-navigation a:focus-visible{outline-offset:4px;outline:2px solid #765280}.demo-back{color:#66556c}.demo-use{color:#fffaf5;background:#70516f;border-radius:10px;padding:11px 14px;transition:background .16s}.demo-use:hover{background:#533951}.demo-template-name{text-align:center;gap:3px;display:grid}.demo-template-name span{color:#917e96;font-size:9px;font-weight:400}.demo-template-name strong{font-weight:600}.template-demo .door-masthead,.template-demo .invitation-masthead{top:max(108px, calc(env(safe-area-inset-top) + 90px))}.template-demo .music-toggle{top:max(99px, calc(env(safe-area-inset-top) + 83px))}@media (max-width:600px){.demo-navigation{top:max(12px, env(safe-area-inset-top));gap:8px;width:calc(100% - 24px);min-height:58px;padding:8px 10px;font-size:10px}.demo-template-name{display:none}.demo-use{padding:10px}}html[data-demo-frame]{scrollbar-width:none}html[data-demo-frame]::-webkit-scrollbar{display:none}
.demo-frame{--demo-frame-screen:min(calc(100dvh - 88px), 860px);isolation:isolate;box-sizing:border-box;color:#f3e8ef;background:#1d1420;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,72px);min-height:100dvh;padding:32px clamp(28px,4vw,72px);font:400 15px/1.55 Manrope,sans-serif;display:grid;position:relative;overflow:hidden}.demo-frame[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}.demo-frame-backdrop{z-index:-2;object-fit:cover;filter:blur(46px)saturate(1.15)brightness(.5);width:calc(100% + 160px);height:calc(100% + 160px);position:absolute;inset:-80px}.demo-frame:before{content:"";z-index:-1;background:linear-gradient(90deg,#160d1ae0,#160d1a6b 38% 62%,#160d1ae0);position:absolute;inset:0}.demo-frame a{color:inherit}.demo-frame :focus-visible{outline-offset:3px;outline:2px solid #fff5ec}.demo-frame-back{top:28px;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s;display:inline-flex;position:absolute;inset-inline-start:clamp(28px,4vw,72px)}.demo-frame-back:hover{background:#ffffff26}.demo-frame-details{justify-self:center;width:min(100%,360px)}.demo-frame-kicker{color:#d8c5d4;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.demo-frame-details h1{color:#fff5ec;margin:14px 0 0;font:500 clamp(44px,4.3vw,62px)/1 Cormorant Garamond,Georgia,serif}.demo-frame-description{color:#ecdfe8;margin:16px 0 0;font-size:15.5px;line-height:1.6}.demo-frame-features{color:#f0e6ee;border-top:1px solid #ffffff29;gap:12px;margin:26px 0 0;padding:26px 0 0;font-size:14px;line-height:1.45;list-style:none;display:grid}.demo-frame-features li{gap:12px;display:flex}.demo-frame-features li:before{content:"";clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#e9c79a;flex:none;width:13px;height:13px;margin-top:3px}.demo-frame-languages-label{color:#d8c5d4;margin:28px 0 10px;font-size:12px;font-weight:600}.demo-frame-languages{border:1px solid #fff3;border-radius:999px;padding:4px;display:inline-flex}.demo-frame-languages a{border-radius:999px;align-items:center;min-height:36px;padding:0 18px;font:600 13px Manrope,sans-serif;text-decoration:none;display:inline-flex}.demo-frame-languages a[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif;font-size:14px}.demo-frame-languages a[aria-current]{color:#3b2f3f;background:#fff5ec;font-weight:700}.demo-frame-phone{background:linear-gradient(145deg,#2c2432,#0e0a10 42%,#1b151e);border-radius:56px;padding:12px;position:relative;box-shadow:0 0 0 1.5px #ffffff29,0 50px 100px #0009}.demo-frame-key{background:#2b2330;border-radius:3px 0 0 3px;width:4px;height:5.4%;position:absolute;left:-4px}.demo-frame-key.is-up{top:20.5%}.demo-frame-key.is-down{top:27.7%}.demo-frame-key.is-power{border-radius:0 3px 3px 0;height:9.4%;top:25%;left:auto;right:-4px}.demo-frame-screen{height:var(--demo-frame-screen);aspect-ratio:9/16;background:#000;border-radius:44px;position:relative;overflow:hidden}.demo-frame-screen>:is(img,iframe){border:0;width:100%;height:100%;position:absolute;inset:0}.demo-frame-poster{object-fit:cover;transition:opacity .4s}.demo-frame-poster[data-hidden]{opacity:0}.demo-frame-side{justify-self:center;gap:30px;width:min(100%,340px);display:grid}.demo-frame-card{color:#3b2f3f;background:#fffaf5f5;border-radius:22px;gap:14px;padding:26px;display:grid;box-shadow:0 24px 60px #00000059}.demo-frame-card h2{margin:0;font-size:21px;font-weight:800}.demo-frame[lang=ar] .demo-frame-card h2{font-weight:700}.demo-frame-card>p{color:#5d4f61;margin:0;font-size:13.5px;line-height:1.55}.demo-frame-card>.demo-frame-price{color:#3b2f3f;align-items:baseline;gap:9px;display:flex}.demo-frame-price s{color:#9a8a9d;font-size:15px}.demo-frame-price b{font-size:27px;font-weight:800}.demo-frame-price small{color:#70516f;background:#f1e6ef;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.demo-frame .demo-frame-use{color:#fffaf5;background:#70516f;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:14px;font-weight:700;text-decoration:none;transition:background .16s;display:flex}.demo-frame .demo-frame-use:hover{background:#533951}.demo-frame .demo-frame-made{color:#533951;border:1px solid #dcc9d8;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:6px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .16s;display:flex}.demo-frame .demo-frame-made:hover{background:#f6eef4}.demo-frame .demo-frame-made span{text-align:center;display:grid}.demo-frame .demo-frame-made small{color:#8b6386;font-size:11px;font-weight:600}.demo-frame-qr{border-top:1px solid #eadfe6;align-items:center;gap:14px;padding-top:16px;display:flex}.demo-frame-qr img,.demo-frame-qr-space{border:1px solid #eadfe6;border-radius:8px;flex:none;width:92px;height:92px}.demo-frame-qr p{color:#5d4f61;gap:4px;margin:0;font-size:12.5px;line-height:1.45;display:grid}.demo-frame-qr strong{color:#3b2f3f;font-size:13.5px}.demo-frame-more h2{color:#d8c5d4;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.demo-frame-more ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.demo-frame-more a{gap:8px;font-size:12px;font-weight:600;text-decoration:none;display:grid}.demo-frame-more img{aspect-ratio:9/16;object-fit:cover;border-radius:12px;width:100%;transition:translate .2s;box-shadow:0 10px 24px #00000059}.demo-frame-more a:hover img{translate:0 -3px}.demo-frame-privacy{color:#d8c5d4;font-size:12px}.demo-frame[lang=ar] :is(.demo-frame-kicker,.demo-frame-more h2){letter-spacing:0;font-size:13px}.demo-frame[lang=ar] .demo-frame-details h1{font-family:Envite Silken Arabic,Amiri,serif;line-height:1.2}@media (max-width:1199px),(max-height:760px){.demo-frame-more{display:none}}@media (max-width:1199px){.demo-frame-features li:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){.demo-frame-poster,.demo-frame-more img{transition:none}}