:root{--bg:#070910;--surface:#111728cc;--surface-solid:#111728;--text:#f9f8ff;--muted:#a9b0c3;--line:rgba(255,255,255,.1);--purple:#7c5cff;--teal:#27d8c4;--pink:#ff4f9a;--gold:#f4bf65;--shadow:0 25px 80px rgba(0,0,0,.34);--radius:26px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 85% 6%,rgba(124,92,255,.2),transparent 31%),radial-gradient(circle at 12% 42%,rgba(39,216,196,.11),transparent 28%),radial-gradient(circle at 60% 100%,rgba(255,79,154,.1),transparent 30%),var(--bg);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient{position:fixed;border-radius:50%;filter:blur(18px);opacity:.24;pointer-events:none;z-index:-1;animation:float 13s ease-in-out infinite}.ambient-one{width:280px;height:280px;right:-120px;top:19%;background:var(--purple)}.ambient-two{width:220px;height:220px;left:-100px;bottom:9%;background:var(--teal);animation-delay:-6s}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,9,16,.72);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:1.02rem}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.69rem;font-weight:500;margin-top:2px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--purple),var(--teal));box-shadow:0 12px 35px rgba(124,92,255,.32)}.brand-mark svg{width:28px;height:28px}.nav-actions{display:flex;align-items:center;gap:27px}.nav-link{color:#c6cbda;font-size:.9rem;transition:color .25s}.nav-link:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:14px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--purple),#9c6dff);box-shadow:0 12px 28px rgba(124,92,255,.25)}.button-light{background:#fff;color:#10121d}.button-large{min-height:54px;padding-inline:24px}.menu-toggle{display:none;background:none;border:0;color:#fff}.menu-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px}.mobile-menu{display:none}
.hero{min-height:550px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;padding-top:64px;padding-bottom:60px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker,.ad-label{color:#bcb1ff;font-size:.74rem;letter-spacing:.08em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(39,216,196,.1)}h1{font-size:clamp(3.4rem,7.5vw,6.3rem);line-height:.98;letter-spacing:-.06em}h1 span,h2 span{color:var(--teal)}.hero-copy>p{color:#e2e3ef;font-size:1.15rem;margin:24px 0 28px}.hero-search{width:min(510px,100%);height:62px;display:flex;align-items:center;gap:12px;padding:7px 9px 7px 20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(17,23,40,.8);box-shadow:0 18px 50px rgba(0,0,0,.2)}.hero-search svg{width:21px;stroke:var(--muted);fill:none;stroke-width:1.8;flex:none}.hero-search input{min-width:0;flex:1;color:#fff;background:none;border:0;outline:0}.hero-search input::placeholder{color:#858ba0}.search-button{height:46px;border:0;border-radius:12px;padding:0 20px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--purple),#9669ff)}.hero-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.76rem;margin-top:18px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(39,216,196,.1)}.search-feedback{min-height:19px;color:#ffc86a;font-size:.76rem;margin:8px 0 0!important}.hero-art{height:420px;position:relative;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid rgba(124,92,255,.23);border-radius:50%}.ring-one{width:390px;height:390px}.ring-two{width:290px;height:290px;border-color:rgba(39,216,196,.23)}.art-card{position:absolute;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(31,38,65,.91),rgba(14,18,32,.89));box-shadow:var(--shadow);backdrop-filter:blur(14px)}.art-card-main{width:265px;height:295px;border-radius:27px;padding:22px;transform:rotate(6deg)}.art-card-top{display:flex;align-items:center;gap:9px}.mini-logo{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:800}.art-lines{width:78px;height:7px;border-radius:5px;background:#545b78}.art-dots{margin-right:auto;color:#6e7695;letter-spacing:2px}.art-product{height:168px;display:grid;place-items:center;margin-top:13px;border-radius:17px;background:radial-gradient(circle at 50% 35%,rgba(39,216,196,.4),transparent 48%),linear-gradient(145deg,#202a45,#12182a)}.product-orb{width:102px;height:102px;border-radius:31% 69% 52% 48%;transform:rotate(-22deg);background:linear-gradient(135deg,var(--teal),#267b9b 54%,var(--purple));box-shadow:0 14px 30px rgba(39,216,196,.22)}.art-price{display:flex;gap:9px;margin-top:18px}.art-price span{display:block;height:9px;border-radius:6px;background:#5d6685}.art-price span:first-child{width:72px}.art-price span:last-child{width:38px;background:var(--teal)}.art-card-float{right:2%;bottom:14%;display:flex;flex-direction:column;gap:5px;width:145px;padding:18px;border-radius:18px;transform:rotate(-8deg)}.art-card-float .sparkle{color:var(--gold);font-size:1.3rem}.art-card-float strong{font-size:.9rem}.art-card-float small{color:var(--muted);font-size:.65rem}.hero-doodle{position:absolute;left:1%;bottom:8%;width:150px;color:var(--pink);opacity:.7}
.section{padding:57px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-kicker{display:block;color:var(--teal);margin-bottom:8px}.section-heading h2{font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.03em}.section-count{color:var(--muted);font-size:.78rem}.text-link{display:inline-flex;gap:9px;align-items:center;color:#d5cfff;font-size:.8rem;font-weight:800;transition:color .2s}.text-link:hover{color:#fff}.text-link span{font-size:1.1rem}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{position:relative;min-height:164px;padding:19px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(17,23,40,.62);transition:transform .3s,border-color .3s}.category-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.25)}.category-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-28px;bottom:-32px;opacity:.23}.category-purple:after{background:var(--purple)}.category-teal:after{background:var(--teal)}.category-pink:after{background:var(--pink)}.category-gold:after{background:var(--gold)}.category-blue:after{background:#5d9cff}.category-orange:after{background:#ff905c}.category-icon{font-size:1.65rem;line-height:1;color:#d1c9ff}.category-teal .category-icon{color:var(--teal)}.category-pink .category-icon{color:var(--pink)}.category-gold .category-icon{color:var(--gold)}.category-blue .category-icon{color:#83b4ff}.category-orange .category-icon{color:#ffac76}.category-card strong{font-size:.88rem}.category-card small{color:var(--muted);font-size:.62rem;white-space:nowrap}.category-card b{position:absolute;left:14px;bottom:14px;font-size:1rem;font-weight:400}
.ad{position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.ad-large{min-height:295px;display:flex;align-items:center;padding:45px 55px;border-radius:var(--radius);background:linear-gradient(110deg,rgba(124,92,255,.4),rgba(39,216,196,.1) 74%),#15142b}.ad-label{display:block;color:#d7d0ff;margin-bottom:13px;font-size:.66rem}.ad-copy{position:relative;z-index:1}.ad-copy h2{font-size:clamp(2rem,5vw,3.7rem);line-height:1.05;letter-spacing:-.05em}.ad-copy h2 em{font-style:normal;color:var(--teal)}.ad-copy p{max-width:350px;color:#d0d1df;font-size:.85rem;line-height:1.8;margin:16px 0 21px}.ad-visual{position:absolute;inset:0;opacity:.82}.ad-circle{position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.14);border-radius:50%;left:8%;top:-76px}.ad-box{position:absolute;display:block;border:1px solid rgba(255,255,255,.18);border-radius:20px;transform:rotate(-18deg)}.box-one{width:160px;height:180px;left:25%;top:63px;background:linear-gradient(145deg,rgba(39,216,196,.6),rgba(124,92,255,.3))}.box-two{width:105px;height:120px;left:14%;top:140px;background:rgba(255,79,154,.35);transform:rotate(18deg)}.ad-star{position:absolute;left:42%;top:40px;color:var(--gold);font-size:2rem}
.empty-panel{min-height:320px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:38px;border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius);background:linear-gradient(145deg,rgba(124,92,255,.07),rgba(17,23,40,.46))}.empty-illustration{position:relative;color:#9d8dff;margin-bottom:15px}.empty-illustration svg{width:74px;height:74px}.empty-illustration>span{position:absolute;top:-4px;right:-10px;color:var(--teal);font-size:1.25rem}.empty-panel h3{font-size:1.25rem;margin-bottom:8px}.empty-panel p{color:var(--muted);font-size:.8rem;margin-bottom:21px}.split-sections{display:grid;grid-template-columns:1fr 1fr;gap:38px}.compact-section{padding-top:20px}.empty-mini{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:21px;background:rgba(17,23,40,.5)}.mini-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--teal);background:rgba(39,216,196,.1);font-size:1.5rem;margin-bottom:13px}.offer-empty .mini-empty-icon{color:var(--pink);background:rgba(255,79,154,.1)}.empty-mini strong{font-size:.9rem}.empty-mini p{color:var(--muted);font-size:.72rem;margin-top:6px}
.ad-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;padding:25px 0 68px}.ad-medium,.ad-small{min-height:190px;border-radius:21px;padding:27px;background:linear-gradient(135deg,rgba(255,79,154,.28),rgba(124,92,255,.2)),#171527}.ad-small{background:linear-gradient(135deg,rgba(244,191,101,.22),rgba(255,79,154,.1)),#171527}.ad-green{background:linear-gradient(135deg,rgba(39,216,196,.27),rgba(39,216,196,.05)),#111f27}.ad h3{font-size:1.6rem;line-height:1.1;margin-bottom:25px}.ad-small h3{font-size:1.35rem}.join-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 55px;margin-bottom:32px;border:1px solid rgba(39,216,196,.22);border-radius:var(--radius);background:radial-gradient(circle at 10% 30%,rgba(39,216,196,.18),transparent 34%),linear-gradient(135deg,rgba(124,92,255,.18),rgba(17,23,40,.8))}.join-banner h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.03;letter-spacing:-.05em}.join-banner p{color:var(--muted);font-size:.84rem;margin-top:13px}.footer{display:flex;justify-content:space-between;padding:22px 0 35px;color:#747b91;font-size:.7rem;border-top:1px solid rgba(255,255,255,.06)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-24px)}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(39,216,196,.03)}}
@media(max-width:850px){.nav-actions{display:none}.menu-toggle{display:block}.mobile-menu{display:none;padding-bottom:18px;gap:10px;flex-direction:column}.mobile-menu.is-open{display:flex}.mobile-menu a{padding:11px 4px;color:var(--muted);border-bottom:1px solid var(--line)}.mobile-menu .button{color:#fff;border:0}.hero{grid-template-columns:1fr;min-height:auto;padding-top:53px}.hero-art{height:340px;order:-1}.ring-one{width:300px;height:300px}.ring-two{width:230px;height:230px}.art-card-main{width:220px;height:250px}.art-product{height:133px}.category-grid{grid-template-columns:repeat(3,1fr)}.ad-large{padding:35px}.ad-visual{opacity:.48}.ad-row{grid-template-columns:1fr 1fr}.ad-medium{grid-column:1/-1}.join-banner{padding:38px 35px}}
@media(max-width:520px){.container{width:min(100% - 28px,1180px)}.nav{min-height:68px}.hero{padding-top:40px}.hero-copy{text-align:center}.eyebrow,.hero-note{justify-content:center}.hero-search{text-align:right}.hero-art{height:300px}.art-card-main{width:196px;height:230px;padding:16px}.art-product{height:119px}.product-orb{width:78px;height:78px}.art-card-float{right:0;bottom:7%;width:126px;padding:13px}.hero-doodle{left:0;bottom:1%;width:110px}.section{padding:42px 0}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-count{display:none}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{min-height:145px;padding:15px 13px}.category-card small{font-size:.58rem}.ad-large{min-height:330px;padding:29px}.ad-copy h2{font-size:2.45rem}.ad-circle{left:-25%;top:100px}.ad-box{opacity:.6}.split-sections{grid-template-columns:1fr;gap:0}.ad-row{grid-template-columns:1fr;padding-bottom:45px}.ad-medium{grid-column:auto}.join-banner{align-items:flex-start;flex-direction:column;padding:32px 25px}.footer{flex-direction:column;gap:9px;padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient,.category-card,.button{animation:none;transition:none}.art-card{transform:none}.art-card-float{transform:none}}
.store-template-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-preview{padding:14px;border:1px solid var(--line);border-radius:24px;background:rgba(17,23,40,.62)}.template-preview>p{padding:13px 4px 3px;color:var(--muted);font-size:.88rem;line-height:1.7}.template-window{min-height:255px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:20px;border-radius:18px;overflow:hidden;position:relative}.preview-elegant .template-window{background:radial-gradient(circle at top,#a65b8a55,transparent 45%),linear-gradient(145deg,#261626,#12111b)}.preview-tech .template-window{background:linear-gradient(150deg,#0b2d3a,#111b30)}.preview-market .template-window{background:linear-gradient(150deg,#3b2312,#221711)}.preview-badge{position:absolute;top:12px;right:12px;padding:6px 9px;border-radius:999px;background:#0007;color:#fff;font-size:.72rem}.preview-logo{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#ffffff16;font-size:1.7rem}.template-window strong{font-size:1.25rem}.template-window small{color:#c4cada}.preview-products{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:7px;margin-top:12px}.preview-products i{height:58px;border-radius:11px;background:#ffffff12}.preview-products i:nth-child(2){background:#7c5cff55}.demo-offers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-offers article{position:relative;min-height:190px;display:flex;justify-content:end;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#2b1740,#121827)}.demo-offers article+article{background:linear-gradient(145deg,#153a32,#111827)}.demo-offers b{color:var(--gold);font-size:1.2rem}.demo-offers strong{margin-top:7px}.demo-offers p{color:var(--muted);font-size:.8rem;margin-top:6px}.demo-only{position:absolute;top:12px;right:12px;padding:6px 9px;border-radius:999px;background:#0008;color:#f5dba9;font-size:.7rem}.store-template-picker,.space-size-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-choice,.space-size-picker label{cursor:pointer}.template-choice input,.space-size-picker input{position:absolute;opacity:0}.template-choice span,.space-size-picker span{min-height:120px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#0c1120;text-align:center}.template-choice b{font-size:1.5rem}.template-choice small,.space-size-picker small{color:var(--muted);font-size:.75rem}.template-choice input:checked+span,.space-size-picker input:checked+span{border-color:var(--teal);box-shadow:0 0 0 2px rgba(39,216,196,.14);background:#132328}@media(max-width:760px){.store-template-showcase{grid-template-columns:1fr}.store-template-picker,.space-size-picker{grid-template-columns:1fr}.demo-offers{grid-template-columns:1fr}}