/* Memaar static coming-soon landing page */
:root {
  color-scheme: light;
  --indigo: #1c1399;
  --purple: #472cf3;
  --violet: #721be6;
  --lavender: #c1a9f7;
  --paper: #f9f6fd;
  --text: #191151;
  --muted: #665f81;
}
* {box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {
  margin: 0;
  background: radial-gradient(ellipse 45% 40% at 7% 10%, #eee8ff 0, transparent 95%), #fff;
  color: var(--text);
  font-family: "Neo Sans Arabic", "Noto Kufi Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a {color: inherit; text-decoration: none;}
a:focus-visible {outline: 3px solid var(--purple); outline-offset: 5px;}
.page-shell {min-height: 100vh; max-width: 1530px; margin: 0 auto; padding: 0 clamp(24px,6vw,96px); display: flex; flex-direction: column;}
.site-header {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 0;}
.brand {display:inline-flex; align-items:center;}
.brand img {width:clamp(158px,18vw,216px); height:auto; display:block;}
.header-chip {display:inline-flex; align-items:center; gap:9px; white-space:nowrap; color:#645c84; font-size:13px; font-weight:600; border:1px solid #eae4fc; background:#fcfbff; padding:10px 16px; border-radius:999px;}
.live-dot {width:8px;height:8px;border-radius:50%;background:#7c58f6;box-shadow:0 0 0 4px #eee7ff;}
.hero {display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); align-items:center; gap:clamp(28px,5vw,100px); flex:1; padding:clamp(34px,5vw,70px) 0 clamp(36px,5vw,60px);}
.hero-content {position:relative; z-index:1; padding-block:16px;}
.eyebrow {display:flex;align-items:center;gap:12px;color:#6552b5;font-size:14px;font-weight:700; letter-spacing:0;}
.eyebrow-line {width:30px;height:3px;border-radius:8px;background:linear-gradient(90deg,var(--violet),var(--purple));}
h1 {font-size:clamp(76px,8.5vw,136px); font-weight:900; line-height:1.18; letter-spacing:-4px; margin:17px -4px 12px 0; color:var(--indigo);}
.punct {color:var(--violet)}
h2 {font-size:clamp(24px,3vw,37px);line-height:1.55;letter-spacing:-.7px;margin:0 0 14px;font-weight:800;color:var(--text);}
h2 span {color:var(--purple);}
.hero-description {font-size:clamp(15px,1.45vw,18px);line-height:2.07;color:var(--muted);max-width:625px;margin:14px 0 27px;}
.hero-description strong {color:var(--indigo);}
.actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px;}
.primary-button,.secondary-button {display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:12px 25px;border-radius:15px;font-size:15px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease;}
.primary-button {color:white;background:linear-gradient(115deg,#472cf3,#721be6);box-shadow:0 13px 28px rgba(71,44,243,.17);}
.secondary-button {border:1px solid #e9e3f7;color:var(--indigo);background:#fff;}
.primary-button:hover,.secondary-button:hover {transform:translateY(-2px);box-shadow:0 15px 30px rgba(71,44,243,.14);}
.quiet-note {color:#9189a9;font-size:12px;margin:0;line-height:1.8;}
.hero-visual {height:min(570px,44vw);min-height:390px; position:relative;display:flex;align-items:center;justify-content:center;}
.back-glow {position:absolute;border-radius:50%;filter:blur(44px);pointer-events:none;}
.back-glow-1 {width:64%;height:64%;right:0;top:0;background:#ece5ff;}
.back-glow-2 {width:47%;height:43%;left:0;bottom:0;background:#e9d8ff;opacity:.8;}
.visual-stage {height:min(492px,41vw);width:min(492px,41vw);min-height:365px;min-width:365px;position:relative;border:1px solid #eee9fb;border-radius:37px;background:linear-gradient(142deg,#fff 16%,#fbf9ff 52%,#f2ecff 100%);box-shadow:0 26px 80px rgba(58,35,150,.085);overflow:visible;display:flex;align-items:center;justify-content:center;isolation:isolate;}
.visual-stage::before {content:"";position:absolute;inset:18px;border:1px solid #f1ecfd;border-radius:26px;z-index:-1;}
.brand-pattern {position:absolute;inset:auto -16% -12% auto;width:75%;height:92%;object-fit:cover;opacity:.17;pointer-events:none;}
.soft-ring {position:absolute;border:1px solid rgba(117,83,242,.17);border-radius:50%;}
.soft-ring-one {width:80%;height:80%;}
.soft-ring-two {width:103%;height:103%;}
.product-icon-card {width:55%;aspect-ratio:1;border-radius:27%;background:#fff;box-shadow:0 22px 55px rgba(51,27,157,.18),inset 0 0 0 1px rgba(255,255,255,.7);padding:8px;z-index:1;transform:rotate(-4deg);animation:float 7s ease-in-out infinite;}
.product-icon-card img {width:100%;height:100%;object-fit:contain;border-radius:25%;display:block;}
.floating-tag {position:absolute;z-index:2;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--indigo);background:#fff;padding:12px 17px;border:1px solid #f0ebfa;border-radius:15px;box-shadow:0 12px 35px rgba(34,21,115,.10);}
.tag-top {top:21%;right:-3%;transform:rotate(4deg);}
.tag-bottom {bottom:21%;left:-5%;transform:rotate(-4deg);}
.tag-disc {display:inline-flex;align-items:center;justify-content:center;font-size:12px;width:25px;height:25px;background:#eee8ff;color:var(--purple);border-radius:50%;}
.site-footer {border-top:1px solid #efebf7;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0 25px;color:#827b98;font-size:12px;}
.site-footer a {color:var(--indigo);font-weight:700;}
@keyframes float {0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(-3deg)}}
@media(max-width:900px){
  .page-shell {padding:0 28px;}
  .hero {gap:18px;grid-template-columns:1fr 1fr;}
  .visual-stage {width:350px;height:350px;min-width:0;min-height:0;}
  .hero-visual {height:390px;min-height:0;}
  .floating-tag {font-size:13px;}
}
@media(max-width:720px){
  .page-shell{padding:0 22px;}
  .site-header{padding:20px 0;}
  .brand img{width:160px;}
  .header-chip{font-size:11px;padding:8px 11px;}
  .hero {display:flex;flex-direction:column;justify-content:center;gap:24px;padding:48px 0 30px;}
  .hero-content{width:100%;text-align:center;padding:0;}
  .eyebrow{justify-content:center;font-size:12px;}
  h1 {margin:12px 0 10px;font-size:clamp(67px,16vw,100px);line-height:1.2;letter-spacing:-2px;}
  h2 {font-size:clamp(23px,5.5vw,31px);}
  .hero-description{max-width:520px;margin:15px auto 26px;font-size:15px;line-height:1.95;}
  .actions{justify-content:center;}
  .hero-visual{width:100%;height:315px;min-height:0;}
  .visual-stage{width:278px;height:278px;min-height:0;min-width:0;border-radius:27px;}
  .visual-stage::before{inset:12px;border-radius:20px;}
  .floating-tag{padding:8px 11px;font-size:12px;border-radius:10px;}
  .tag-disc{width:19px;height:19px;}
  .tag-top{right:-8%;top:16%;}
  .tag-bottom{left:-8%;bottom:16%;}
  .site-footer {font-size:11px;}
}
@media(max-width:400px){
  .page-shell{padding:0 17px;}
  .brand img{width:130px;}
  .header-chip{font-size:10px;padding:7px 9px;}
  .actions{gap:9px;}
  .primary-button,.secondary-button{font-size:12px;min-height:47px;padding:11px 15px;}
  .visual-stage{width:254px;height:254px;}
  .site-footer{flex-direction:column;text-align:center;gap:5px;}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}