@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";:root{--navy:#071427;--navy2:#0b1d34;--orange:#ff7a1a;--green:#5ee7a0;--cyan:#58dcff;--purple:#9b6cff;--white:#f8fbff;--muted:#b7c4d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);margin:0;font-family:Noto Naskh Arabic,serif;overflow-x:hidden}a{color:inherit;text-decoration:none}main{background:radial-gradient(circle at 73% 25%,#4e59ed2e,#0000 26%),linear-gradient(135deg,#071427 0%,#0a1a30 65%,#071427 100%);min-height:100vh}.site-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:30px;max-width:1200px;height:92px;margin:auto;padding:0 28px;font-family:Noto Kufi Arabic,sans-serif;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:21px;font-weight:800;display:flex}.brand>span>span{color:var(--orange)}.brand-mark{background:linear-gradient(145deg,var(--purple),var(--cyan));border-radius:12px;place-items:center;width:40px;height:40px;font-family:Arial;font-size:22px;display:grid;box-shadow:0 0 24px #58dcff40}nav{color:#d1dcec;gap:40px;font-size:13px;display:flex}nav a{transition:all .2s}nav a:hover{color:var(--orange)}.button{background:linear-gradient(135deg,#ff8a2c,var(--orange));color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:15px 25px;font-family:Noto Kufi Arabic,sans-serif;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 12px 35px #ff7a1a40}.button:hover{transform:translateY(-3px);box-shadow:0 16px 42px #ff7a1a61}.button-small{padding:11px 20px;font-size:12px}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:55px;max-width:1200px;min-height:calc(100vh - 92px);margin:auto;padding:70px 28px 90px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--green);background:#5ee7a014;border:1px solid #5ee7a042;border-radius:99px;align-items:center;gap:9px;padding:8px 15px;font-family:Noto Kufi Arabic;font-size:11px;font-weight:600;display:inline-flex}.eyebrow i{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%}h1,h2{margin:0;font-family:Noto Kufi Arabic,sans-serif}h1{letter-spacing:-2.7px;margin-top:24px;font-size:clamp(39px,5vw,67px);line-height:1.35}h1 em{background:linear-gradient(90deg,var(--orange),#ffb057);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}h2{color:#dce7f4;max-width:680px;margin-top:3px;font-size:clamp(19px,2.3vw,29px);font-weight:600;line-height:1.7}p{color:var(--muted);max-width:620px;margin:19px 0 30px;font-size:21px;line-height:1.9}.hero-actions{align-items:center;gap:27px;display:flex}.trust{color:#b8c6d8;font-size:14px;display:grid}.trust b{color:var(--green);font:700 18px Noto Kufi Arabic}.hero-visual{place-items:center;min-height:530px;display:grid;position:relative}.fox-stage{aspect-ratio:1;background:linear-gradient(145deg,#9b6cff29,#58dcff0d);border:1px solid #ffffff1f;border-radius:42% 58% 59% 41%/47% 42% 58% 53%;place-items:center;width:min(420px,85vw);animation:9s ease-in-out infinite morph;display:grid;position:relative;box-shadow:inset 0 0 60px #755fff1c,0 30px 90px #00000059}.fox-stage:before{content:"";border:1px dashed #58dcff47;border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:14%}.fox-glow{aspect-ratio:1;filter:blur(12px);background:radial-gradient(circle,#58dcff61,#9b6cff26 45%,#0000 72%);border-radius:50%;width:58%;position:absolute}.fox-emoji{z-index:1;filter:drop-shadow(-14px 12px #9b6cff38)drop-shadow(12px -8px 18px #58dcff3d);font-size:178px;position:relative;transform:rotate(-3deg)}.visual-label{z-index:2;text-align:center;font-family:Noto Kufi Arabic;position:absolute;bottom:38px}.visual-label b{letter-spacing:.5px;font-size:18px;display:block}.visual-label small{color:var(--cyan);letter-spacing:3px;font:700 8px Arial}.orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{background:var(--orange);width:44px;height:44px;top:54px;left:4%;box-shadow:0 0 36px #ff7a1a80}.orb-two{background:var(--green);width:23px;height:23px;bottom:50px;right:8%;box-shadow:0 0 30px #5ee7a0b3}.float-card{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e223adb;border:1px solid #ffffff21;border-radius:14px;grid-template-columns:36px 1fr;column-gap:10px;min-width:155px;padding:13px 15px;font-family:Noto Kufi Arabic;display:grid;position:absolute;box-shadow:0 16px 35px #0000003d}.float-card span{width:36px;height:36px;color:var(--green);background:#5ee7a026;border-radius:10px;grid-row:1/3;place-items:center;display:grid}.float-card b{font-size:11px}.float-card small{color:var(--muted);font:400 12px Noto Naskh Arabic}.float-top{top:19%;right:-1%}.float-bottom{bottom:16%;left:-4%}.float-bottom span{color:var(--orange);background:#ff7a1a26}@keyframes morph{0%,to{border-radius:42% 58% 59% 41%/47% 42% 58% 53%}50%{border-radius:56% 44% 43% 57%/40% 57% 43% 60%}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:800px){.site-header{height:78px;padding:0 20px}.site-header nav{display:none}.hero{text-align:center;grid-template-columns:1fr;padding:48px 20px 70px}.hero-copy{flex-direction:column;align-items:center;display:flex}h1{letter-spacing:-1.7px}.hero-visual{order:-1;min-height:440px}.fox-stage{width:min(350px,82vw)}.fox-emoji{font-size:145px}.float-top{right:0}.float-bottom{left:0}.hero-actions{flex-direction:column;gap:18px}}@media (max-width:440px){.button-small{display:none}.brand{margin:auto}.hero-visual{min-height:380px}.fox-stage{width:290px}.fox-emoji{font-size:122px}.float-card{min-width:135px;padding:10px}.float-top{top:14%}.float-bottom{bottom:11%}p{font-size:18px}.hero-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.section{max-width:1200px;margin:auto;padding:110px 28px}.section-heading{text-align:center;flex-direction:column;align-items:center;display:flex}.section-kicker{color:var(--orange);letter-spacing:.5px;font:700 11px Noto Kufi Arabic}.section-heading h2,.work-copy h2,.cta-section h2{letter-spacing:-1.6px;margin:12px 0 5px;font:700 clamp(29px,3.7vw,46px)/1.55 Noto Kufi Arabic}.section h2 em{color:var(--green);font-style:normal}.section-heading p{margin:6px auto 35px;font-size:18px}.services{color:#101e30;background:#f3f6fa;max-width:none}.services>.section-heading,.services>.service-grid{max-width:1144px;margin-left:auto;margin-right:auto}.services .section-heading p{color:#647186}.service-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.service-card{background:#fff;border:1px solid #e4e9f0;border-radius:20px;min-height:315px;padding:30px;transition:all .3s;position:relative;box-shadow:0 12px 30px #142a480f}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #142a481c}.service-card.featured{border-top:4px solid var(--orange)}.service-icon{color:#fff;border-radius:15px;place-items:center;width:51px;height:51px;font:800 13px Noto Kufi Arabic;display:grid}.service-icon.orange{background:linear-gradient(135deg,#ff9a4f,var(--orange));box-shadow:0 10px 24px #ff7a1a38}.service-icon.purple{background:linear-gradient(135deg,#ad87ff,#7453e6);box-shadow:0 10px 24px #7453e633}.service-icon.green{background:linear-gradient(135deg,#64eeb1,#21b87a);box-shadow:0 10px 24px #21b87a33}.card-tag{color:#e7680c;background:#fff3e9;border-radius:99px;padding:6px 10px;font:600 9px Noto Kufi Arabic;position:absolute;top:28px;left:25px}.service-card h3{margin:24px 0 8px;font:700 19px Noto Kufi Arabic}.service-card p{color:#69768a;margin:0 0 22px;font-size:16px;line-height:1.8}.service-card>a{color:#17283d;font:700 11px Noto Kufi Arabic;position:absolute;bottom:26px}.service-card>a span{color:var(--orange);margin-right:8px}.work-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;min-height:760px;display:grid}.work-copy>p{margin:12px 0 23px;font-size:18px}.features{gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.features li{align-items:center;gap:13px;display:flex}.features li>span{width:35px;height:35px;color:var(--green);background:#5ee7a021;border:1px solid #5ee7a02e;border-radius:10px;flex:0 0 35px;place-items:center;display:grid}.features div{display:grid}.features b{font:600 12px Noto Kufi Arabic}.features small{color:var(--muted);font-size:13px}.text-link{color:var(--orange);border-bottom:1px solid #ff7a1a59;gap:10px;padding-bottom:5px;font:700 12px Noto Kufi Arabic;display:inline-flex}.mockup-wall{min-height:520px;position:relative}.mockup{background:#152842;border:1px solid #ffffff21;position:absolute;overflow:hidden;box-shadow:0 30px 70px #0006}.mockup-main{border-radius:15px;width:90%;top:30px;right:0;transform:perspective(1200px)rotateY(-7deg)rotateX(2deg)}.browser-bar{color:#8190a4;direction:ltr;background:#e7ebef;align-items:center;gap:5px;height:32px;padding:0 10px;display:flex}.browser-bar i{background:#ff7d77;border-radius:50%;width:6px;height:6px}.browser-bar i:nth-child(2){background:#ffc75c}.browser-bar i:nth-child(3){background:#57d38c}.browser-bar span{margin:auto;font:500 7px Arial}.store-preview{color:#2d2925;background:#fff8ef;height:380px}.preview-nav{background:#fff;justify-content:space-between;align-items:center;height:52px;padding:0 22px;font:500 8px Noto Kufi Arabic;display:flex}.preview-nav b{font-size:15px}.preview-nav strong{color:#a57448}.preview-hero{color:#fff;background:linear-gradient(90deg,#2a1f19e0,#2a1f1926),radial-gradient(circle at 82% 45%,#d9aa7a,#7f5c45 40%,#3d2f29);flex-direction:column;align-items:flex-start;height:235px;padding:35px;display:flex}.preview-hero small{color:#e7c39f;font:500 8px Noto Kufi Arabic}.preview-hero b{font:700 26px/1.5 Noto Kufi Arabic}.preview-hero button{color:#49382f;background:#fff;border:0;border-radius:4px;padding:7px 15px;font:600 7px Noto Kufi Arabic}.preview-products{gap:10px;height:70px;padding:12px 22px;display:flex}.preview-products i{background:linear-gradient(135deg,#eee0d2,#d8b795);border-radius:5px;flex:1;display:block}.preview-products i:nth-child(2){background:linear-gradient(135deg,#e6ebea,#9db3ae)}.preview-products i:nth-child(3){background:linear-gradient(135deg,#eadde4,#c09bad)}.mockup-side{z-index:2;border-radius:14px;width:30%;height:210px;bottom:3px;left:-2%;transform:rotate(-4deg)}.ad-preview{background:radial-gradient(circle at 50% 20%,#794cf2,#1d1237 70%);flex-direction:column;justify-content:center;align-items:center;height:100%;font-family:Noto Kufi Arabic;display:flex}.ad-preview span{color:#8fffd0;font-size:10px}.ad-preview b{font-size:44px;line-height:1}.ad-preview small{color:#e6ddff;margin-top:12px}.result-badge{z-index:3;color:#102033;background:#fff;border-radius:13px;grid-template-columns:40px 1fr;padding:11px 14px;font-family:Noto Kufi Arabic;display:grid;position:absolute;bottom:2%;right:5%;box-shadow:0 20px 40px #0000004d}.result-badge span{color:#21b87a;background:#e7fff3;border-radius:10px;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid}.result-badge b{font-size:13px}.result-badge small{color:#748094;font:400 11px Noto Naskh Arabic}.cta-section{background:linear-gradient(115deg,#112c4b,#163759);border:1px solid #ffffff1a;border-radius:26px;justify-content:space-between;align-items:center;gap:35px;max-width:1144px;margin-bottom:90px;padding:58px 65px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000040}.cta-section:after{content:"";background:radial-gradient(circle,#58dcff33,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;left:-80px}.cta-section>div,.cta-section>.button{z-index:1;position:relative}.cta-section h2{margin:6px 0;font-size:31px}.cta-section p{max-width:630px;margin:4px 0;font-size:17px}footer{background:#040d19;border-top:1px solid #ffffff12}.footer-inner,.copyright{justify-content:space-between;align-items:center;gap:30px;max-width:1144px;margin:auto;padding:42px 28px;display:flex}.footer-message{text-align:center;display:grid}.footer-message b{font:600 13px Noto Kufi Arabic}.footer-message small{color:var(--muted);font-size:13px}.copyright{color:#708098;border-top:1px solid #ffffff12;padding-top:16px;padding-bottom:18px;font-size:12px}@media (max-width:900px){.service-grid{grid-template-columns:1fr}.service-card{min-height:270px}.work-section{grid-template-columns:1fr;gap:30px}.work-copy{text-align:center}.features{text-align:right;max-width:480px;margin:0 auto 25px}.mockup-wall{min-height:480px}.cta-section{margin-left:20px;margin-right:20px;padding:45px 35px}.footer-inner{flex-wrap:wrap}.footer-message{order:3;width:100%}}@media (max-width:600px){.section{padding:78px 20px}.mockup-wall{min-height:390px}.mockup-main{width:96%}.store-preview{height:300px}.preview-hero{height:180px;padding:25px}.preview-products{display:none}.mockup-side{width:36%;height:155px}.result-badge{bottom:0}.cta-section{text-align:center;flex-direction:column;margin-bottom:60px}.cta-section .button{width:100%}.footer-inner{justify-content:center}.footer-inner .button-small{display:inline-flex}.copyright{text-align:center;flex-direction:column;gap:7px}}