@font-face{font-family:Amiri;src:url(assets/amiri-regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:Ruqaa;src:url(assets/aref-ruqaa-regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:Plex;src:url(assets/ibm-plex-sans-arabic-regular.ttf) format("truetype");font-display:swap}
:root{color-scheme:light;--paper:#fffcf7;--white:#fff;--ink:#251d36;--muted:#5e5268;--line:#e9dfe9;--plum:#2d2042;--accent:#a51364;--accent-deep:#80114f;--pink:#f8e1ef;--mint:#e1f5eb;--container:1210px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Plex,Arial,sans-serif}
h1,h2,h3,p,figure,ol,ul{margin:0}
h1,h2,h3{font-family:Amiri,Georgia,serif;line-height:1.12}
h2{font-size:clamp(34px,4vw,56px)}
h3{font-size:clamp(23px,2.45vw,34px)}
img,video{display:block;max-width:100%}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:#f2c2df;color:var(--ink)}
[hidden]{display:none!important}
.svg-defs{position:absolute;width:0;height:0;pointer-events:none}
.icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
[dir=ltr] .arrow{transform:scaleX(-1)}
.wrap{width:min(var(--container),calc(100% - 2 * clamp(16px,4.1vw,62px)));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.masthead{position:sticky;top:0;z-index:10;background:#fffcf7f7;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-bar,.nav-actions,.masthead nav{display:flex;align-items:center}
.nav-bar{justify-content:space-between;gap:clamp(9px,2.5vw,25px);min-height:73px}
.masthead nav{gap:clamp(14px,3vw,35px)}
.masthead nav a{font-size:14px;text-decoration:none;font-weight:700;white-space:nowrap}
.masthead nav a:hover{color:var(--accent)}
.nav-actions{gap:11px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--plum);white-space:nowrap}
.brand span{font:43px/.95 Ruqaa,serif;padding-bottom:9px}
.brand small{font:700 10px Georgia,serif;letter-spacing:.17em}
#language{min-height:39px;padding:4px 10px;border:1px solid #ded2e0;background:var(--white);color:var(--ink);border-radius:8px;font-size:13px;font-weight:700}
#language:hover{background:var(--pink)}
.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 19px;border:1px solid transparent;border-radius:100px;line-height:1.25;font-weight:700;text-align:center;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}
.action:hover{transform:translateY(-2px)}
.main-action{background:var(--accent);color:white;box-shadow:0 5px 14px #a5136424}
.main-action:hover{background:var(--accent-deep);box-shadow:0 7px 17px #8b12552c}
.outline{background:#fffcf9;color:var(--plum);border-color:#dcd0df}
.outline:hover{background:#f6edf5}
.nav-cta{min-height:40px;padding-inline:15px;font-size:13px}
.hero{background:linear-gradient(155deg,#fffcf7 42%,#f6ecf6);border-bottom:1px solid var(--line);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.96fr);align-items:center;gap:clamp(22px,4vw,66px);padding-block:44px 52px;min-height:650px}
.hero h1{font-size:clamp(54px,6.25vw,93px);font-weight:700;line-height:1.02}
.hero h1 span,.hero h1 em{display:block}
[dir=rtl] .hero h1{line-height:1.25;display:grid;row-gap:.14em}
[dir=rtl] .hero-copy>p{margin-block-start:clamp(18px,2.5vw,32px)}
.hero h1 em{color:var(--accent);font-style:normal}
.hero-copy>p{max-width:44ch;margin-block:19px 0;color:var(--muted);font-size:clamp(16px,1.5vw,20px)}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
.hero-actions button:disabled{opacity:.58;cursor:wait}
.hero-copy .hero-note{font-size:12px;margin-top:14px}
.hero-stage{min-width:0;position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;padding:8px 10px 0}
.art-backdrop{position:absolute;z-index:-1;inset:5% 0 10%;border-radius:48% 48% 18% 18% / 35% 35% 13% 13%;overflow:hidden;background:#ded9ed}
.art-backdrop::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e8d9e692,#c5bdd56b),url(assets/blue-hero.webp) center 58%/cover;opacity:.47}
.art-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#efe3f3e5,transparent 53%);pointer-events:none}
.device{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:390/844;border:6px solid #302835;border-radius:clamp(23px,4vw,43px);box-shadow:0 0 0 1px #c2afc3,0 24px 35px -20px #2d204279}
.device::after{content:"";position:absolute;z-index:8;top:9px;left:50%;transform:translateX(-50%);width:27%;height:10px;border-radius:18px;background:#15121b;pointer-events:none}
.hero-device{width:clamp(224px,23vw,284px);background:#18273a}
.hero-device :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}
.hero-fallback,.hero-device video,.invite-copy{visibility:hidden}
#phone[data-state=opening][data-playing=true] #opening,#phone[data-state=ready] .hero-fallback,#phone[data-state=ready][data-loop=true] #loop,#phone[data-state=ready] .invite-copy{visibility:visible}
#phone[data-state=ready] .hero-poster{visibility:hidden}
.cover-copy{position:absolute;inset:44% 0 0;display:grid;align-content:end;justify-items:center;z-index:3;pointer-events:none;padding:10px 8px 18px;background:linear-gradient(transparent,#0b223334 36%,#091421df);color:#fff8e6;text-shadow:0 2px 6px #111c2c;text-align:center}
.cover-copy small{font-size:11px;font-weight:700;color:#ffe8bb}
.cover-copy span{font:clamp(28px,3vw,39px)/1.15 Ruqaa,Georgia,serif;margin-block:4px 9px}
#phone:not([data-state=closed]) .cover-copy{display:none}
.gate,.replay{pointer-events:auto;touch-action:manipulation;border:1px solid #f8e5bb;background:#fff6e6;color:#172c43;border-radius:30px;box-shadow:inset 0 0 0 2px #e0ccaa}
.gate{padding:5px 16px;min-height:42px;font-weight:700;font-size:13px}
.gate:hover{background:white}
.invite-copy{position:absolute;inset:13% 0 auto;display:grid;justify-items:center;pointer-events:none;text-align:center;color:#183e63;text-shadow:0 1px 6px white}
.invite-copy strong{font:clamp(32px,3.5vw,50px)/1.1 Ruqaa,Georgia,serif}
.invite-copy i{font:16px Georgia,serif;color:#824e22}
.invite-copy small{font-size:11px;font-weight:700;margin-block:4px}
.replay{position:absolute;z-index:5;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;padding:5px 12px}
.hero-caption{display:flex;gap:9px;justify-content:center;color:#4f3862;font-size:12px;margin-top:14px;font-weight:700}
.hero-caption span+span::before{content:"·";margin-inline-end:9px}
.catalog-section,.pricing,.feature-section,.faq{padding-block:clamp(43px,6.3vw,90px)}
.catalog-page .catalog-section{min-height:75vh}
.section-head{text-align:center;margin:0 auto clamp(23px,3.8vw,42px);max-width:670px}
.section-head p{margin-top:8px;color:var(--muted)}
.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:23px}
.filters button{border:1px solid var(--line);background:white;color:var(--plum);border-radius:60px;min-height:40px;padding:5px 15px;font-size:13px;font-weight:700}
.filters button:hover{background:#f6edf4}
.filters button[aria-pressed=true]{background:var(--plum);color:white;border-color:var(--plum)}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,25px)}
.template{min-width:0;background:white;border-radius:19px;border:1px solid var(--line);overflow:hidden;transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
@media(hover:hover) and (pointer:fine){.template:hover{transform:translateY(-7px);box-shadow:0 15px 29px -11px #35223f4a}}
.template:focus-within{box-shadow:0 13px 24px -13px #35223f65}
.template-stage{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,15px);padding:clamp(14px,2vw,25px) clamp(10px,1.55vw,18px) 13px;background:linear-gradient(155deg,var(--tint),var(--depth));text-decoration:none}
.template-stage figure{min-width:0;display:grid;justify-items:center;align-content:start;gap:7px}
.template-stage img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;background:#2a2334;border:2px solid #291f36;border-radius:clamp(9px,1.2vw,16px);box-shadow:0 7px 12px -6px #2b234280}
.template-stage figcaption{min-width:0;font-size:clamp(9px,1vw,12px);font-weight:700;line-height:1.3;text-align:center;background:#291f36;color:white;border-radius:30px;padding:5px 7px}
.occasion{position:absolute;z-index:1;inset-block-start:9px;inset-inline-start:9px;background:#fffdf8;color:#30243f;border-radius:30px;padding:4px 8px;font-size:10px;font-weight:700}
.template-body{padding:12px clamp(12px,1.65vw,20px) 16px;display:flex;flex-direction:column;min-height:164px}
.template-name{display:flex;align-items:baseline;justify-content:space-between;gap:6px 10px;flex-wrap:wrap}
.template-name h3{font-size:clamp(23px,2.4vw,33px)}
.template-name span{color:var(--muted);font-size:12px}
.template-body p{margin-block:5px 12px;color:var(--muted);font-size:13px}
.template-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-top:auto}
.template-actions .action{min-height:40px;padding:7px 13px;font-size:13px}
.preview-action,.text-action{display:inline-flex;align-items:center;gap:5px;color:var(--plum);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.preview-action:hover,.text-action:hover{color:var(--accent)}
.section-tail{text-align:center;margin-top:28px}
.steps{border-block:1px solid var(--line);background:#f8f0f7;padding-block:clamp(41px,5.8vw,73px)}
.steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;list-style:none;padding:0;counter-reset:step}
.steps li{display:grid;align-content:start;gap:5px;counter-increment:step;padding:10px 12px;border-inline-start:1px solid #dac7df}
.steps li::before{content:counter(step,decimal-leading-zero);font:27px Georgia,serif;color:var(--accent);margin-bottom:3px}
.steps li span{color:var(--muted);font-size:14px}
.delivery{padding-block:clamp(45px,7.2vw,96px);background:#fffdf9}
.delivery-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(35px,9vw,140px);max-width:1040px}
.delivery-copy p{color:var(--muted);max-width:43ch;margin-top:12px}
.checks{display:grid;gap:11px;padding:0;list-style:none}
.checks li{display:flex;align-items:flex-start;gap:8px}
.checks .icon{display:block;padding:3px;width:21px;height:21px;margin-top:2px;border-radius:50%;color:#135743;background:var(--mint);stroke-width:2.3}
.delivery-copy .checks{margin-top:19px;font-weight:700;font-size:15px}
.text-action{background:none;border:0;padding:0}
.delivery-copy .text-action{margin-top:17px}
.chat-device{justify-self:center;width:min(100%,356px);border-width:7px;background:#101c22;color:#f6fbfa}
.chat-device::after{top:6px}
.chat-header{position:relative;display:flex;align-items:center;gap:10px;min-height:66px;padding:18px 12px 8px;background:#22333d}
.chat-header img{width:36px;height:36px;object-fit:cover;border-radius:50%}
.chat-header small,.chat-header strong{display:block;line-height:1.35}
.chat-header small{font-size:10px;color:#b5c7ca}
.chat-content{height:calc(100% - 66px);padding:11px 10px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:radial-gradient(circle at 12px 17px,#32465055 1.2px,transparent 2px) 0 0/40px 42px}
.chat-day{align-self:center;background:#283842;border-radius:25px;font-size:11px;padding:3px 13px}
.bubble{border-radius:11px;background:#243740;padding:7px;width:min(100%,275px);font-size:clamp(12px,1.2vw,15px);line-height:1.5}
.invite-bubble{width:min(91%,275px);margin-top:auto;margin-left:auto}
[dir=rtl] .chat-content{direction:ltr}
[dir=rtl] .chat-content :is(.bubble,.chat-day){direction:rtl}
.chat-card{overflow:hidden;background:#17272f;border-radius:8px;padding-bottom:7px}
.chat-card img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;object-position:50% 54%;margin-bottom:4px}
.chat-card strong,.chat-card small{display:block;padding-inline:7px}
.chat-card small{font-size:.78em;color:#d1e0e1}
.bubble p{padding:6px 5px 2px}
.bubble time{font-size:9px;color:#b8d0d2;padding-inline:5px}
.reply-bubble{align-self:flex-start;width:auto;max-width:91%;background:#086353}
.reply-meta{display:flex;align-items:center;color:#a6f3ec}
.reply-meta .icon{width:12px;height:12px;margin-inline-start:-3px}
.chat-running .invite-bubble{animation:chat-in .55s .1s both var(--ease)}
.chat-running .reply-bubble{animation:chat-in .55s 1.08s both var(--ease)}
@keyframes chat-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.feature-section{background:#f7eff7;border-block:1px solid var(--line)}
.feature-board{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(12px,2vw,24px);align-items:stretch}
.feature-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.feature-options button{display:flex;align-items:center;gap:9px;min-width:0;min-height:84px;text-align:start;padding:9px 11px;border:1px solid #e5d7e6;background:#fff;color:var(--plum);border-radius:13px}
.feature-options button[aria-pressed=true]{background:#eedcf4;border-color:#8952a3}
.feature-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:9px;background:#f5e8f5;color:#6b3583}
.feature-options button[aria-pressed=true] .feature-icon{background:#693b83;color:white}
.feature-options strong,.feature-options small{display:block}
.feature-options strong{font-size:14px}
.feature-options small{font-size:11px;color:#584665;line-height:1.35;margin-top:3px}
.feature-display{min-width:0;min-height:315px;display:grid;align-content:center;gap:14px;border-radius:18px;background:#38274f;color:#fff;padding:clamp(17px,3vw,33px)}
.feature-heading>span{display:block;color:#e8cbed;font-size:11px}
.feature-heading h3{margin-block:4px}
.feature-heading p{color:#f0e4f0;font-size:13px}
.feature-display[data-feature=audio]{background:#47304e}
.feature-display[data-feature=typography]{background:#412c60}
.feature-display[data-feature=gallery]{background:#254b48}
.feature-display[data-feature=sharing]{background:#45334d}
.sample{background:#fffcf8;color:var(--plum);border-radius:10px;padding:13px;box-shadow:0 9px 15px -10px #18112975}
.sample>strong{font-size:14px}
.sample-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:9px 0 8px}
.sample-stats div{display:grid;background:#f2e8f4;border-radius:6px;padding:5px 6px}
.sample-stats b{font-size:22px;line-height:1.15}
.sample-stats span{font-size:10px;color:#56445e}
.mock-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ebe1e9;padding:6px 1px;font-size:12px}
.mock-row strong{text-align:end}
.audio-sample{display:flex;align-items:center;gap:12px}
.audio-orb{display:grid;place-items:center;flex:0 0 41px;height:41px;border-radius:50%;background:#7a3589;color:white}
.wave{display:flex;gap:3px;align-items:center;margin:4px 0}
.wave i{display:block;width:3px;border-radius:4px;background:#9353a2}
[data-feature=typography] .feature-visual{display:grid;justify-items:center}
.font-compare-wrap{width:min(100%,245px)}
.font-compare{--split:50%;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:9/16;border:5px solid #fff8f0;border-radius:15px;background:#e3d5d0;box-shadow:0 12px 24px -12px #160e31a8}
.font-compare img{display:block;width:100%;height:100%;object-fit:cover}
.font-layers,.font-layer{position:absolute;inset:0;pointer-events:none}
.font-layer{display:grid;align-content:start;justify-items:center;gap:3px;padding:17% 7% 0;color:#18334f;text-align:center;background:linear-gradient(#fff5 5%,#fff8 42%,transparent 65%);text-shadow:0 1px 6px #fffef7}
.font-layer strong{font:700 clamp(23px,3vw,39px)/1.08 Plex,Arial,sans-serif}
.font-layer i{font:17px/1.2 Georgia,serif;color:#81541e}
.font-layer small{font-size:clamp(9px,1vw,11px);font-weight:700}
.font-calligraphy{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:linear-gradient(#fff5 5%,#fff8 42%,transparent 65%),url(assets/blue-hero.webp) center/cover}
.font-calligraphy strong{font:clamp(25px,3.4vw,44px)/1.1 Ruqaa,Georgia,serif}
.font-divider{position:absolute;inset-block:0;left:clamp(0px,var(--split),100%);width:2px;transform:translateX(-50%);background:#fff9ed;pointer-events:none}
.font-divider .icon{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);padding:8px;border:1px solid #f0d8ea;border-radius:50%;background:#fffcf9;color:var(--plum);box-shadow:0 3px 9px #2d20424f}
.font-compare input{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:56px;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none}
.font-compare input::-webkit-slider-thumb{appearance:none;width:1px;height:56px;background:transparent}
.font-compare input::-moz-range-thumb{width:1px;height:56px;border:0;background:transparent}
.font-compare:focus-within{outline:2px solid #ffdaec;outline-offset:4px}
.font-compare-labels{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:#fff1f9;font-size:11px}
.gallery-sample>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}
.gallery-sample img{width:100%;height:76px;object-fit:cover;border-radius:5px}
.share-sample{display:grid;gap:5px}
.share-sample code{font-size:12px;overflow-wrap:anywhere;color:#813875}
.share-sample span{font-size:11px}
.pricing{background:white}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(12px,2.2vw,27px)}
.plan{display:flex;flex-direction:column;border:1px solid #e5d9e7;border-radius:17px;overflow:hidden;background:#fffdfb}
.plan header{display:grid;align-content:start;min-height:174px;padding:19px 14px 15px;background:#f7eff5;text-align:center}
.plan header p{font-size:13px;color:#5e4a65;margin-top:6px}
.plan.complete{border-color:#b95a9e;box-shadow:0 14px 30px -10px #ad2d8070}
.plan.complete header{background:linear-gradient(120deg,#472062,#a41365);color:#fff}
.plan.complete header p,.plan.complete .price{color:#fff}
.plan.custom header{background:#f6eee5}
.plan .checks{padding:17px 12px;font-size:14px}
.plan>.action{margin:auto 13px 13px}
.faq{max-width:730px}
.faq details{border-top:1px solid var(--line);padding-block:10px}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:700;color:var(--plum);padding:4px}
.faq details p{color:var(--muted);padding:3px 6px 8px}
.closing{padding-block:clamp(45px,6vw,83px);text-align:center;background:var(--plum);color:#fff6f4}
.closing h2{margin-bottom:17px}
.footer{padding-block:17px;border-top:1px solid var(--line)}
.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:10px}
.footer .wrap>span{font-size:12px;color:var(--muted)}
.selection{padding-block:32px 66px;min-height:70vh}
.selection-grid{display:grid;grid-template-columns:minmax(250px,390px) minmax(0,1fr);align-items:start;gap:clamp(20px,5vw,75px);margin-top:19px}
.selection-grid:not(:has(.template)){grid-template-columns:minmax(0,650px)}
.selection-copy h1{font-size:clamp(37px,5vw,62px)}
.selection-copy p{margin-block:8px 17px;color:var(--muted);max-width:45ch}
.selection-copy .selection-description{margin-block:12px 8px;color:var(--ink);font-size:clamp(16px,1.9vw,20px)}
.selection .template-stage{padding-block-start:24px}
.selection fieldset{margin:0 0 14px;border:1px solid var(--line);border-radius:9px;max-width:520px}
.selection label{display:flex;align-items:center;gap:9px;padding:7px 5px;cursor:pointer}
.selection label b{margin-inline-start:auto}
.selection input{accent-color:var(--accent)}
@media(max-width:960px){
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-grid{min-height:0;grid-template-columns:minmax(0,1fr) minmax(255px,.95fr)}
 .hero-stage{padding-inline:6px}
 .nav-cta{font-size:12px}
}
@media(max-width:760px){
 .masthead nav{gap:12px}
 .masthead nav a{font-size:12px}
 .nav-bar{min-height:61px}
 .nav-cta{display:none}
 .hero-grid{grid-template-columns:minmax(0,1fr);text-align:center;padding-block:27px 32px;gap:20px}
 .hero h1{font-size:clamp(42px,9.7vw,67px)}
 .hero-copy>p{margin:10px auto 0}
 .hero-actions{justify-content:center;margin-top:14px}
 .hero-copy .hero-note{margin-top:11px}
 .hero-stage{width:min(100%,400px);justify-self:center}
 .hero-device{width:clamp(207px,50vw,250px)}
 .hero-caption{margin-top:10px}
 .delivery-grid{grid-template-columns:minmax(0,1fr);gap:21px}
 .delivery-copy{grid-row:1}
 .chat-device{width:min(100%,306px)}
 .feature-board,.plans,.selection-grid{grid-template-columns:minmax(0,1fr)}
 .plan header{min-height:0;padding:15px 11px}
 .selection .template{max-width:390px}
 .selection-copy{grid-row:1}
 .steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .catalog-grid{grid-template-columns:minmax(0,1fr);max-width:430px;margin-inline:auto}
 .template-stage{padding:16px 14px 12px;gap:11px}
 .template-stage figcaption{font-size:11px}
 .brand span{font-size:35px}
 .brand small{display:none}
 .hero-actions .action{font-size:13px;min-height:43px;padding-inline:13px}
 .feature-options button{min-height:67px;padding:6px;gap:5px}
 .feature-icon{flex-basis:25px;height:25px}
 .feature-options strong{font-size:12px}
 .feature-options small{font-size:10px}
 .feature-display{min-height:265px}
 .nav-actions{gap:5px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .template,.action,.chat-running .bubble{animation:none;transition:none}
 .template:hover,.action:hover{transform:none}
}


.template-stage:focus-visible{outline-offset:-4px}
.template-actions a{min-height:44px}
.feature-visual .sample{animation:sample-in .3s var(--ease) both}
@keyframes sample-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.chat-content{gap:8px}}
@media(prefers-reduced-motion:reduce){.feature-visual .sample{animation:none}}


@media(prefers-reduced-motion:no-preference){
 .hero-copy{animation:store-enter .55s var(--ease) both}
 .hero-stage{animation:store-enter .66s .1s var(--ease) both}
 .font-compare-wrap{animation:sample-in .35s var(--ease) both}
 .template-stage img{transition:transform .28s var(--ease)}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .template-stage:hover img{transform:translateY(-3px)}
}
@keyframes store-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Storefront II: the printed invitation beside its opening film. */
:root{--paper:#f3eee3;--white:#fffaf0;--ink:#271c1a;--muted:#63534a;--line:#dacfbd;--plum:#33241e;--accent:#782b37;--accent-deep:#5d2029;--pink:#efdedc;--mint:#e7eadb;--brass:#bca17a;--night:#211a18;--container:1260px}
body{background:var(--paper)}
:focus-visible{outline-color:#966639}
::selection{background:#e8d0ac;color:#2a1b17}
.masthead{background:#211a18f5;color:#f7ebd9;border-color:#a88b623d}
.nav-bar{min-height:68px}
.brand{color:inherit}
.brand small{font-size:11px}
.masthead nav a:hover{color:#e8ca9e}
#language{color:#f9eedb;border-color:#bda07875;background:transparent;border-radius:4px}
#language:hover{background:#443329}
.action,.nav-cta{border-radius:4px;box-shadow:none}
.masthead .main-action{background:#ead8b9;color:#2a1e1b}
.masthead .main-action:hover{background:#fff0d4}
.hero{background:var(--night);color:#f6ebd7;border:0}
.hero-grid{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:0;padding-block:35px 43px;min-height:0;align-items:center}
.hero-copy{position:relative;z-index:2;background:#f1e6d2;color:var(--ink);padding:clamp(25px,4.6vw,67px);margin-inline-end:-28px;box-shadow:0 18px 44px #0c08063b}
.hero-copy::before{content:"";position:absolute;inset:9px;border:1px solid #a789624d;pointer-events:none}
.hero h1{font-size:clamp(43px,5.25vw,82px);font-weight:400;line-height:1.02}
[dir=rtl] .hero h1{line-height:1.18;row-gap:.11em}
.hero h1 em{color:#782b37}
.hero-copy>p,[dir=rtl] .hero-copy>p{color:#59473d;margin-block:17px 0;font-size:clamp(15px,1.46vw,20px);line-height:1.65}
.hero-actions{gap:8px;margin-top:23px}
.hero-actions .action{font-size:14px;min-height:46px;padding-inline:14px}
.hero-actions .outline{background:transparent;border-color:#a88668;color:#462c23}
.hero-actions .outline:hover{background:#e8d4bb}
.invitation-stub{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 14px;border-top:1px solid #c5ad89;padding-top:11px;margin-top:25px;color:#5b4439;font-size:13px}
.invitation-stub strong{color:#62303b}
.hero-stage{--scene-art:url(assets/jasmine-hero.webp);position:relative;z-index:1;width:100%;padding:27px 12px 15px;min-height:0;border:1px solid #a88d645e;background:#36291f;color:#fff3de;overflow:hidden}
.hero-stage[data-scene=blue]{--scene-art:url(assets/blue-hero.webp);background:#182936}
.hero-stage[data-scene=pearl]{--scene-art:url(assets/pearl-hero.webp);background:#1d2034}
.art-backdrop{inset:0;border-radius:0;background:transparent}
.art-backdrop::before{background:var(--scene-art) center 56%/cover;opacity:.77;filter:saturate(.83)}
.art-backdrop::after{background:linear-gradient(90deg,#1a14146b,#17151430 42%,#1a141476),linear-gradient(0deg,#15100e 0%,transparent 35%);opacity:.9}
.device{border-color:#312821}
.hero-device{width:clamp(218px,21vw,276px);border-radius:8px;border:5px solid #251b16;box-shadow:0 0 0 1px #d5bb8fbc,0 17px 34px #1d110dac;background:#241d1a}
.hero-device::after{display:none}
.hero-stage[data-scene=jasmine] .invite-copy{color:#263d2a}
.hero-stage[data-scene=pearl] .invite-copy{color:#fff4e0;text-shadow:0 2px 9px #201632}
.hero-stage[data-scene=pearl] .invite-copy i{color:#e8c48d}
.hero-caption{color:#fff2dc;margin-block:12px 11px;font-size:13px;text-shadow:0 1px 7px #000}
.hero-caption span+span{font-weight:400;color:#e1c8a5}
.scene-picker{display:flex;justify-content:center;gap:7px;width:100%;isolation:isolate}
.scene-picker button{min-width:0;display:flex;align-items:center;gap:7px;min-height:43px;padding:4px 8px;background:#201917df;border:1px solid #b99a6b7f;border-radius:3px;color:#f5e7ce;font-size:12px;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease)}
.scene-picker button:hover{background:#5e4732}
.scene-picker button[aria-pressed=true]{color:#2d2018;background:#e9d8b8;border-color:#e9d8b8}
.scene-picker img{width:23px;height:30px;object-fit:cover;border-radius:2px}
.catalog-section{background:#f5eee0}
.catalog-section .section-head{margin-inline:0;text-align:start;max-width:760px}
.catalog-section .section-head h2{font-weight:400}
.filters{justify-content:start}
.filters button{border-radius:3px;background:#fff8ea;border-color:#d6c7ae}
.filters button[aria-pressed=true]{background:#392820;border-color:#392820}
.catalog-grid{gap:clamp(12px,2.2vw,29px)}
.template{border-radius:4px;border-color:#dacbb2;background:#fff9ee}
.template-stage{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:clamp(8px,1.2vw,16px);padding-block:24px 12px;background:color-mix(in srgb,var(--tint) 69%,#e5d3b8)}
.template-stage img{border-radius:4px;border:1px solid #382a20;box-shadow:0 8px 15px -9px #36251a92}
.template-stage figcaption,.occasion{border-radius:2px}
.template-stage figcaption{background:#342820;color:#fff5e8}
.occasion{background:#fff8ea;color:#3d2b20}
.template-body{min-height:168px}
.template-name h3{font-weight:400}
.template-name span{font-size:13px}
.template-actions .main-action{padding-inline:12px}
.section-tail{text-align:start}
.delivery{background:#e9dfcc}
.delivery-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(36px,9vw,140px)}
.delivery-copy h2,.feature-section h2,.pricing h2,.faq h2{font-weight:400}
.delivery-copy .checks .icon,.plan .checks .icon,.selection .checks .icon{color:#3b5138;background:#e3e8d6}
.chat-device{width:min(100%,300px)}
.feature-section{background:#f5eee0;border-block-color:#d9cdb6}
.feature-options button{border-color:#dbceb8;border-radius:4px;background:#fff8ea;color:#352720}
.feature-options button[aria-pressed=true]{background:#ecddbf;border-color:#9b7b53}
.feature-icon{color:#6d4934;background:#f1e6d2;border-radius:3px}
.feature-options button[aria-pressed=true] .feature-icon{background:#5f3f2d;color:white}
.feature-options small{color:#655346}
.feature-display,.feature-display:is([data-feature=audio],[data-feature=typography],[data-feature=sharing]){background:#332623;border-radius:4px}
.feature-display[data-feature=gallery]{background:#344436}
.feature-heading>span,.feature-heading p{color:#ead7c0}
.sample,.sample-stats div{border-radius:4px}
.sample-stats div{background:#f3e6d2}
.font-compare{border-radius:4px}
.pricing{background:#fff8eb}
.plan{border-color:#dbcbb2;border-radius:4px;background:#f8efdf}
.plan header{background:#f0e2cb;border-bottom:1px dashed #ad9470}
.plan h3{font-weight:400}
.plan header p{color:#5d4b3f}
.plan.complete{border-color:#7a3039;box-shadow:0 16px 28px -17px #5d202971}
.plan.complete header{background:#73313a;border-color:#b9868a}
.plan.custom header{background:#eae2d4}
.plan .checks{padding:20px 16px}
.closing{background:#30241e;color:#f9ecda}
.closing .main-action{background:#ead8b9;color:#2a1e1b}
.footer{background:#211a18;color:#f1e3ce;border-color:#806d54}
.footer .wrap>span{color:#dbc6aa}
.selection .template-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:960px){
 .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
 .hero-copy{padding:clamp(25px,4vw,42px);margin-inline-end:-15px}
 .hero h1{font-size:clamp(39px,5.6vw,65px)}
 .hero-device{width:clamp(203px,24vw,235px)}
 .delivery-grid{gap:37px}
}
@media(max-width:760px){
 .nav-bar{min-height:60px}
 .hero-grid{grid-template-columns:minmax(0,1fr);padding-block:17px 21px}
 .hero-copy{margin:0 7px -1px;padding:25px 19px 18px}
 .hero h1{font-size:clamp(39px,10vw,66px)}
 .hero-copy>p,[dir=rtl] .hero-copy>p{margin:10px auto 0;max-width:39ch}
 .hero-actions{margin-top:13px}
 .invitation-stub{justify-content:center;gap:5px 9px;margin-top:13px;padding-top:8px;font-size:11px}
 .hero-stage{width:100%;padding:15px 8px 12px}
 .hero-device{width:clamp(183px,51vw,238px)}
 .hero-caption{margin-block:7px}
 .delivery-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .delivery-copy{grid-row:1}
 .catalog-section .section-head{margin-inline:0}
 .catalog-section .section-head h2{font-size:clamp(33px,8.8vw,50px)}
 .plan header{min-height:0}
}
@media(max-width:420px){
 .hero-actions .action{font-size:12px;min-height:42px;padding-inline:10px}
 .scene-picker{gap:4px}
 .scene-picker button{padding-inline:5px;gap:4px;font-size:11px}
}
@media(prefers-reduced-motion:no-preference){
 .hero-stage[data-scene] .hero-poster{animation:film-in .4s var(--ease) both}
}
@keyframes film-in{from{opacity:.6}to{opacity:1}}


/* Review 3 · lighter storefront and a guided in-phone invitation preview. */
:root{--paper:#fcf8f4;--white:#fffdfb;--ink:#251d36;--muted:#62546c;--line:#e8dbe6;--plum:#30203f;--accent:#a51364;--accent-deep:#811049;--pink:#f8e3ee;--mint:#e2f3e9}
:focus-visible{outline-color:#a51364}
::selection{background:#f2c2df;color:#291d36}
.masthead{background:#fffcf8f5;color:var(--ink);border-color:var(--line)}
.brand{color:var(--plum)}
.masthead nav a:hover{color:var(--accent)}
#language{border-color:#decedc;color:var(--plum);background:#fffdfb;border-radius:11px}
#language:hover{background:#f6e7f3}
.action,.nav-cta{border-radius:100px}
.masthead .main-action,.closing .main-action{background:var(--accent);color:white}
.masthead .main-action:hover,.closing .main-action:hover{background:var(--accent-deep)}
.hero{background:linear-gradient(150deg,#fcf8f4 32%,#f3e7f2 100%);color:var(--ink);border-bottom:1px solid #eadce8}
.hero-copy{background:#fff9f5;color:var(--ink);border-radius:24px;border:1px solid #e6d6e2;box-shadow:0 19px 45px -27px #5e345b8f}
.hero-copy::before{border:0}
.hero h1 em{color:var(--accent)}
.hero-copy>p,[dir=rtl] .hero-copy>p{color:var(--muted)}
.hero-actions .outline{background:#fffdfb;border-color:#dbcbdb;color:var(--plum)}
.hero-actions .outline:hover{background:#f9eaf5}
.invitation-stub{border-color:#e5d0df;color:#695568}
.invitation-stub strong{color:#852252}
.hero-stage,.hero-stage[data-scene=blue],.hero-stage[data-scene=pearl]{background:#e9deed;border:1px solid #d9c9df;border-radius:27px;color:var(--ink)}
.art-backdrop::before{opacity:.82;filter:saturate(.88)}
.art-backdrop::after{background:linear-gradient(90deg,#f0e8ed22,#34244e0f 45%,#eeebef3b),linear-gradient(0deg,#f0e5f0 0%,#eaddeb99 14%,transparent 48%);opacity:1}
.hero-device{border:5px solid #2f2334;border-radius:21px;background:#292233;box-shadow:0 0 0 1px #f5e2e9,0 16px 28px #39224474}
.hero-caption{color:#352344;text-shadow:0 1px 8px #fff}
.hero-caption span+span{color:#624b6f}
.scene-picker button{background:#f9f0f9f5;color:#402e52;border-color:#d4c0db;border-radius:10px}
.scene-picker button:hover{background:#f6e2f0}
.scene-picker button[aria-pressed=true]{background:#332643;color:white;border-color:#332643}
.scene-picker img{border-radius:4px}
.catalog-section,.feature-section{background:#fbf7f4}
.filters button{border-radius:100px;border-color:#ead9e5;background:#fffaf8}
.filters button[aria-pressed=true]{background:var(--plum);border-color:var(--plum)}
.template{border-color:#e8dae6;border-radius:20px;background:#fffdfb}
.template-stage{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);background:color-mix(in srgb,var(--tint) 78%,#f0dfec)}
.template-stage img{border-radius:13px;border-color:#392840}
.template-stage figcaption,.occasion{border-radius:100px}
.template-stage figcaption{background:#382746}
.occasion{background:#fffafa;color:#443350}
.selection .template-stage{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.delivery{background:#f2e8f1}
.chat-device{border-color:#312436}
.feature-section{border-block-color:#e9dce8}
.feature-options button{border-color:#ead9e8;border-radius:15px;background:#fffafb;color:#392c47}
.feature-options button[aria-pressed=true]{background:#f2e1f4;border-color:#a56dac}
.feature-icon{color:#653377;background:#f1e4f4;border-radius:10px}
.feature-options button[aria-pressed=true] .feature-icon{background:#653a7a}
.feature-options small{color:#5b4a67}
.feature-display,.feature-display:is([data-feature=audio],[data-feature=typography],[data-feature=sharing]){background:#38284e;border-radius:19px}
.feature-display[data-feature=gallery]{background:#2d4945}
.feature-heading>span,.feature-heading p{color:#ebdced}
.sample,.sample-stats div,.font-compare{border-radius:12px}
.sample-stats div{background:#f3eaf6}
.pricing{background:#fffdf9}
.plan{border-color:#e9d8e4;border-radius:23px;background:#fffafd}
.plan header{position:relative;min-height:220px;padding:29px 13px 17px;background:#f7edf4;border-bottom:1px solid #e8d5e3}
.plan.custom header{background:#f6f0ed}
.plan.complete{border-color:#af568f;box-shadow:0 16px 35px -14px #a02a7775}
.plan.complete header{background:linear-gradient(135deg,#52306d,#9a185f);border-color:#9a185f;padding-top:35px}
.plan header p{color:#594761}
.plan.complete header p{color:#fff2f6}
.plan-highlight{position:absolute;top:9px;left:50%;transform:translateX(-50%);padding:2px 9px;border:1px solid #ffffff70;border-radius:100px;color:#fff6f9;font-size:10px;white-space:nowrap}
.price{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:0 .15em;margin-top:10px;color:var(--plum);font:700 clamp(45px,5.1vw,64px)/.94 Amiri,Georgia,serif;font-variant-numeric:lining-nums tabular-nums}
.money{display:inline-flex;align-items:baseline;gap:.18em;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.money .money-mark{font-size:.69em;font-weight:700;line-height:1}
.money img.money-mark{width:.86em;height:.94em;object-fit:contain;align-self:center}
.plan.complete .money img.money-mark{filter:brightness(0) invert(1)}
.price .money-amount{letter-spacing:-.035em}
.plan .checks{padding:19px 16px 22px}
.closing{background:#332641;color:#fff3f9}
.footer{background:#fbf5f9;color:var(--plum);border-color:#e6d6e4}
.footer .wrap>span{color:#6a546e}

@media(max-width:760px){
 .hero-copy{border-radius:22px 22px 12px 12px}
 .hero-stage,.hero-stage[data-scene=blue],.hero-stage[data-scene=pearl]{border-radius:15px 15px 23px 23px}
 .hero-device{border-radius:17px}
 .plan header{min-height:0;padding:20px 12px 15px}
 .plan.complete header{padding-top:35px}
}



.brand .brand-label{font:700 clamp(19px,2.6vw,28px)/1.1 Amiri,Georgia,serif;padding:0}
.currency-picker{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:39px;padding-inline:9px;border:1px solid #decedc;border-radius:11px;background:#fffdfb;color:var(--plum);font:700 12px/1 Plex,Tahoma,sans-serif}
.currency-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.currency-picker select{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;cursor:pointer}
.currency-chevron{width:5px;height:5px;border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.guest-preview{position:absolute;inset:0 auto auto 0;z-index:4;width:390px;height:844px;border:0;transform-origin:top left;background:#fff7f3}
#phone .replay{z-index:6;min-height:34px;background:#2a2037ed;color:#fff7fb;border:1px solid #f3e4ed;box-shadow:0 3px 8px #20142a5e}
#phone .replay:hover{background:#4a2b52}
@media(max-width:520px){
 .brand .brand-label{font-size:19px}
 .nav-actions{gap:4px}
 .currency-picker{padding-inline:6px;font-size:11px}
}

@media(max-width:740px){
 .nav-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding-block:7px}
 .brand .brand-label{white-space:normal}
 .nav-actions{grid-row:1;grid-column:2;justify-self:end}
 .masthead nav{grid-row:2;grid-column:1/-1;justify-content:center;gap:17px}
}

.currency-picker{min-width:0;max-width:145px;white-space:nowrap}
#currency-code{overflow:hidden;text-overflow:ellipsis}
.currency-chevron{flex:none}
.currency-picker select{font:inherit;color:var(--ink)}
@media(max-width:420px){.currency-picker{max-width:114px}}

.trial-entry{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}