*{box-sizing:border-box}
:root{--wine:#641329;--wine2:#8e1f3e;--ink:#281a20;--muted:#77666d;--cream:#fffaf7;--soft:#f8edef;--line:#eadcdf;--shadow:0 24px 70px rgba(68,18,35,.11)}
html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Tajawal","DM Sans",system-ui,sans-serif}body.en{direction:ltr;font-family:"DM Sans","Tajawal",system-ui,sans-serif}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1120px,calc(100% - 34px));margin:auto}
.nav{position:sticky;top:0;z-index:60;background:rgba(255,250,247,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(100,19,41,.07)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px;color:var(--wine);font-weight:800;font-family:Georgia,serif;font-size:23px}.logo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.navright{display:flex;align-items:center;gap:10px}.lang{border:1px solid var(--line);background:white;color:var(--wine);border-radius:99px;padding:9px 12px;font-weight:800}.navcta{background:var(--wine);color:white;border-radius:99px;padding:10px 16px;font-weight:800}
.hero{min-height:690px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(225,110,129,.18),transparent 24%),linear-gradient(180deg,#fffaf7,#fff5f3)}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:70px 0}.kicker{color:var(--wine);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-family:"Noto Naskh Arabic",Georgia,serif;font-size:clamp(45px,6vw,72px);line-height:1.15;margin:15px 0;color:#3b1723}.en .hero h1,.en .sectionHead h2,.en .orderCopy h2{font-family:Georgia,serif}.hero p{color:var(--muted);font-size:17px;line-height:1.9;max-width:630px}.heroBtns{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.primary,.secondary{display:inline-flex;border-radius:99px;padding:14px 20px;font-weight:800}.primary{background:var(--wine);color:white}.secondary{border:1px solid var(--wine);color:var(--wine)}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#765e66;font-size:13px}
.heroVisual{position:relative;min-height:520px;display:grid;place-items:center}.phone{width:275px;height:550px;border:9px solid #21171b;border-radius:42px;background:#21171b;padding:7px;box-shadow:0 35px 85px rgba(49,13,25,.24);transform:rotate(-3deg);position:relative;z-index:3}.notch{position:absolute;width:110px;height:23px;border-radius:20px;background:#21171b;top:10px;left:50%;transform:translateX(-50%);z-index:5}.screen{height:100%;border-radius:30px;background:linear-gradient(155deg,#7c1836,#34131e);color:white;text-align:center;padding:75px 20px 25px;display:flex;flex-direction:column;justify-content:center;align-items:center}.screen small{letter-spacing:.15em;opacity:.65}.miniHeart{font-size:46px;margin:18px 0}.screen h3{font-family:"Noto Naskh Arabic",Georgia,serif;font-size:34px;margin:0}.screen p{opacity:.75}.screen button{border:0;border-radius:99px;background:white;color:var(--wine);padding:11px 16px;font-weight:800}.glow{position:absolute;border-radius:50%}.g1{width:330px;height:330px;background:#f1c4cb;right:3%;top:14%}.g2{width:190px;height:190px;background:#d6b17a;left:5%;bottom:10%;opacity:.25}.floatCard{position:absolute;z-index:5;background:white;border:1px solid var(--line);border-radius:15px;padding:13px 16px;box-shadow:var(--shadow);font-size:12px;font-weight:800}.c1{right:0;bottom:18%;transform:rotate(4deg)}.c2{left:0;top:28%;transform:rotate(-4deg)}
.section{padding:92px 0}.soft{background:var(--soft)}.sectionHead{text-align:center;max-width:780px;margin:0 auto 44px}.sectionHead h2,.orderCopy h2{font-family:"Noto Naskh Arabic",Georgia,serif;font-size:clamp(38px,5vw,58px);line-height:1.15;margin:10px 0;color:#3b1723}.sectionHead p{color:var(--muted);line-height:1.8}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:23px;overflow:hidden;box-shadow:0 12px 38px rgba(68,18,35,.06);position:relative}.featured{transform:translateY(-7px);border-color:#dca3ad}.ribbon{position:absolute;top:13px;right:13px;z-index:5;background:var(--wine);color:white;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.en .ribbon{right:auto;left:13px}.preview{height:260px;display:grid;place-items:center}.story{background:linear-gradient(145deg,#efb8c2,#6b1731)}.previewPhone{width:135px;height:215px;border:7px solid #201519;border-radius:26px;background:#241218;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg);box-shadow:0 18px 35px rgba(0,0,0,.2)}.previewPhone small{opacity:.65}.previewPhone strong{font-size:48px;margin:10px 0}.previewPhone span{font-size:11px;opacity:.65}.open{background:linear-gradient(145deg,#f9e1dd,#e7aeb9);align-content:center;gap:16px;color:#5b1a2c}.envelope{width:145px;height:95px;background:#f2ded2;clip-path:polygon(0 15%,50% 58%,100% 15%,100% 100%,0 100%);display:grid;place-items:center;font-size:25px}.birthday{background:linear-gradient(145deg,#32121d,#7d1834);color:white;align-content:center;gap:8px}.cake{font-size:55px}.cardBody{padding:24px}.cardTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.cardTop h3{font-family:Georgia,serif;font-size:27px;margin:0;color:#3d1723}.cardTop span{font-size:10px;background:#f6e1e5;color:var(--wine);padding:7px 8px;border-radius:99px;font-weight:800}.cardBody p{color:var(--muted);line-height:1.75;min-height:82px}.demoBtn{display:inline-flex;color:var(--wine);font-weight:800}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price{background:white;border:1px solid var(--line);border-radius:23px;padding:29px;position:relative;display:flex;flex-direction:column}.hot{border:2px solid var(--wine);box-shadow:var(--shadow);transform:scale(1.02)}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--wine);color:white;border-radius:99px;padding:7px 13px;font-size:10px;font-weight:800;white-space:nowrap}.price h3{font-family:Georgia,serif;font-size:28px;margin:0 0 12px}.amount{font-size:44px;font-weight:800;color:#35131f}.amount small{font-size:12px;color:var(--muted)}.shown{font-size:12px;color:var(--wine);font-weight:700}.price ul{list-style:none;padding:0;margin:17px 0 24px;flex:1}.price li{padding:7px 0;color:#5c4a51}.choose{display:block;text-align:center;border:1px solid var(--wine);color:var(--wine);border-radius:99px;padding:12px;font-weight:800}.primaryChoose{background:var(--wine);color:white}
.orderSec{background:linear-gradient(180deg,#fff7f5,#f9edef)}.orderGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.orderCopy p{color:var(--muted);font-size:16px;line-height:1.9}.steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.steps div{background:white;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center}.steps b{width:28px;height:28px;border-radius:50%;background:#f5e1e5;color:var(--wine);display:grid;place-items:center}.form{background:white;border:1px solid var(--line);border-radius:25px;padding:30px;box-shadow:var(--shadow)}.row{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:block;font-size:12px;font-weight:800;color:#4e3740;margin-bottom:14px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #e5d7da;border-radius:11px;background:#fffdfc;padding:12px 13px;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#d37688;box-shadow:0 0 0 3px rgba(211,118,136,.10)}textarea{resize:vertical}.submit{width:100%;border:0;border-radius:13px;background:var(--wine);color:white;padding:14px;font-weight:800}.fine{text-align:center;color:var(--muted);font-size:11px;margin:11px 0 0}
.faq{max-width:820px;margin:auto}.faq details{background:white;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.8}.faqSec{background:#fff}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}footer{background:#25161b;color:white;padding:34px 0}footer .logo{color:white}footer p{color:#cbbcc1}
@media(max-width:900px){.heroGrid,.orderGrid{grid-template-columns:1fr}.heroCopy{text-align:center}.heroCopy p{margin-left:auto;margin-right:auto}.heroBtns,.trust{justify-content:center}.cards,.pricing{grid-template-columns:1fr}.featured,.hot{transform:none}.heroVisual{min-height:500px}}
@media(max-width:620px){.container{width:min(100% - 24px,1120px)}.hero{min-height:auto}.heroGrid{padding:50px 0}.hero h1{font-size:44px}.phone{width:235px;height:475px}.heroVisual{min-height:455px}.c1{right:0}.c2{left:0}.row{grid-template-columns:1fr;gap:0}.form{padding:21px}.steps{grid-template-columns:1fr}.foot{flex-direction:column;text-align:center}.section{padding:72px 0}}
