@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#101b38;--ink:#172846;--muted:#71819b;--accent:#5369ec;--accent-dark:#4356d8;--line:#e7ebf4;--surface:#f7f9fe}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Cairo,system-ui,sans-serif;margin:0;background:var(--surface);color:var(--ink)}a{text-decoration:none;color:inherit}p,h1,h2,h3{margin-top:0}p{line-height:1.85}.shell{width:min(1160px,calc(100% - 42px));margin:auto}
.site-header{background:#101b38;color:#fff;position:relative;z-index:5;border-bottom:1px solid #ffffff19}.top-nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-family:system-ui,sans-serif;font-size:20px;font-weight:900;letter-spacing:1.5px}.logo small{display:block;font-size:9px;letter-spacing:3.3px;color:#94a9d3;margin-top:3px}.brand-box{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#7584fe,#4853d7);color:white;font-size:25px;box-shadow:0 9px 22px #536cf34b}.top-nav nav{display:flex;align-items:center;gap:28px;color:#bdc9e5;font-size:13px;font-weight:700}.top-nav nav a:hover{color:#fff}.nav-button{background:#ffffff1c;border:1px solid #ffffff2c;border-radius:11px;padding:10px 19px;font-size:12px;font-weight:800}.nav-button:hover{background:#ffffff2d}
.hero{background:radial-gradient(ellipse at 80% 40%,#213970 0%,#101b38 57%);color:#fff;position:relative;overflow:hidden}.hero-glow{position:absolute;width:600px;height:600px;background:#6477ff15;filter:blur(35px);border-radius:50%;top:-300px;left:-140px}.hero-inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;min-height:565px;padding:72px 0 90px}.overline{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #6d83d859;border-radius:40px;color:#aebdf9;font:bold 11px/1.8 system-ui,sans-serif;letter-spacing:1.7px;margin-bottom:26px}.live-dot{width:7px;height:7px;background:#34d8a2;border-radius:50%;box-shadow:0 0 0 4px #34d8a21b}.hero-copy h1{font-size:clamp(34px,4.2vw,54px);line-height:1.48;letter-spacing:-1.5px;margin-bottom:21px}.hero-copy h1 span{display:block;background:linear-gradient(90deg,#d0d9ff,#87a3ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:580px;color:#b6c4e3;font-size:15px;line-height:2.2;margin-bottom:32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;border-radius:11px;padding:11px 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:white;background:linear-gradient(110deg,#6b7efa,#4c64ed);box-shadow:0 11px 22px #314adc45}.button.ghost{background:#ffffff10;border:1px solid #ffffff25;color:#d3dafa}.hero-points{display:flex;gap:22px;flex-wrap:wrap;color:#8fa5d1;margin-top:38px;font-size:11px;font-weight:700}
.hero-panel{max-width:420px;width:100%;justify-self:center;position:relative;background:linear-gradient(155deg,#1f3060,#15244c);border:1px solid #ffffff2b;border-radius:25px;box-shadow:0 30px 70px #07112c77,inset 0 1px #ffffff10;min-height:350px;padding:28px;transform:rotate(-3deg)}.visual-header{display:flex;justify-content:space-between;align-items:center;color:#9fb3e3;font:800 10px system-ui;letter-spacing:2px}.visual-dots{display:flex;gap:6px}.visual-dots i{height:9px;width:9px;border-radius:50%;background:#8b9cc9}.visual-dots i:first-child{background:#f28291}.visual-dots i:nth-child(2){background:#ffe18b}.visual-dots i:nth-child(3){background:#6edbbf}.panel-orb{margin:33px auto 28px;width:99px;height:99px;border-radius:28px;background:linear-gradient(135deg,#8291ff,#4c5ee2);display:grid;place-items:center;font:900 68px/1 system-ui;box-shadow:0 21px 45px #060f328a}.visual-bars{display:grid;grid-template-columns:1fr 1fr;gap:11px}.visual-bars>div{padding:15px;border-radius:12px;background:#ffffff0c;border:1px solid #ffffff0b;display:flex;flex-direction:column;gap:9px}.visual-bars span{font:600 10px system-ui;letter-spacing:1.7px;color:#8d9ec4}.visual-bars b{font:800 25px system-ui;color:white}.visual-caption{display:block;text-align:center;color:#7f91bc;letter-spacing:2px;font:600 11px system-ui;margin-top:23px}
.products-section{padding:85px 0 97px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.section-kicker{font:900 11px system-ui;letter-spacing:2.2px;color:#5f73e9}.section-heading h2,.about-heading h2{font-size:32px;margin:12px 0 6px;letter-spacing:-.6px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.total-products{font-size:12px;font-weight:800;color:#5267ce;border:1px solid #dce2ff;background:#edf1ff;border-radius:50px;padding:8px 17px;white-space:nowrap}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.product-card{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px #1b3d7610;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px #1b3d761a}.product-top{padding:23px 24px 12px;display:flex;align-items:start;justify-content:space-between}.product-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:19px;font:bold 35px system-ui,sans-serif;color:#536af0;background:linear-gradient(145deg,#edf2ff,#dce5ff)}.tone-2 .product-icon{color:#07a39c;background:linear-gradient(145deg,#e3f9f5,#d2f0ed)}.tone-3 .product-icon{color:#bd74cf;background:linear-gradient(145deg,#fcf0ff,#f3ddf8)}.tone-4 .product-icon{color:#d18c3a;background:linear-gradient(145deg,#fff9e9,#f9eacd)}.product-availability{display:inline-flex;align-items:center;gap:7px;color:#29956d;background:#e9f9f1;border-radius:50px;font-size:10px;font-weight:800;padding:7px 11px}.product-availability span{width:6px;height:6px;background:#1aaf7a;border-radius:50%}.product-main{padding:4px 24px 23px;flex:1}.product-main h3{font-size:19px;line-height:1.55;margin-bottom:12px;direction:auto}.product-description{color:#748199;font-size:12px;line-height:2.05;min-height:65px}.license-chip{display:inline-block;font-size:11px;color:#5268b4;border-radius:8px;padding:8px 10px;background:#f2f5ff;font-weight:700}.product-video{padding:0 24px 19px}.video-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:9px}.video-heading small{font-size:10px;color:#9ca9ba;font-weight:600}.product-video iframe,.product-video video{display:block;aspect-ratio:16/9;width:100%;background:#131b37;border:0;border-radius:12px}.product-bottom{border-top:1px solid #edf1f6;padding:19px 24px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px}.price-block>span{font-size:10px;font-weight:700;color:#9ba7b7;display:block;margin-bottom:3px}.price-block strong{display:block;font:bold 23px system-ui;white-space:nowrap;color:#233b76}.price-block small{font-size:11px;color:#6b7ba1}.price-block .pending-price{font:700 12px Cairo;color:#77859a}.buy-button{display:inline-flex;align-items:center;gap:9px;background:#5369ed;color:white;font-size:11px;font-weight:800;padding:11px 13px;border-radius:10px;white-space:nowrap}.buy-button:hover{background:#3d54d7}.empty-store{padding:70px 20px;text-align:center;border-radius:20px;border:1px dashed #cbd5ea;background:white}.empty-store strong{font-size:22px}.empty-store p{margin:10px 0 0;color:#8694a7}
.about-section{padding:78px 0 90px;background:#edf2fb}.about-heading{text-align:center;margin-bottom:40px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.steps-grid>div{background:white;border:1px solid #e2e8f5;border-radius:17px;padding:27px}.steps-grid>div>span{font:900 25px system-ui;color:#7d91f6}.steps-grid h3{margin:18px 0 6px;font-size:17px}.steps-grid p{color:#8a97aa;font-size:12px;margin:0}.site-footer{background:#101b38;color:#a5b3cf}.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:29px 0}.footer-logo{color:white;font:900 15px system-ui;letter-spacing:1px}.footer-logo span{color:#788fcf}.site-footer p,.site-footer a{font-size:11px;margin:0}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{gap:40px}.hero-panel{transform:none;max-width:370px}}
@media(max-width:760px){.shell{width:min(100% - 28px,520px)}.top-nav{height:76px}.top-nav nav{display:none}.nav-button{padding:9px 12px}.hero-inner{grid-template-columns:1fr;min-height:0;gap:40px;padding:64px 0 70px}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:13px}.hero-points{margin-top:25px}.hero-panel{max-width:340px;min-height:310px}.panel-orb{margin:20px auto;width:80px;height:80px;font-size:54px}.products-section{padding:55px 0 65px}.section-heading{align-items:start;flex-direction:column;gap:13px}.section-heading h2{font-size:25px}.product-grid,.steps-grid{grid-template-columns:1fr}.product-bottom{gap:8px}.site-footer .shell{flex-wrap:wrap}.about-section{padding:60px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.button{transition:none}}

/* Configurable support links from the admin dashboard. */
.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;margin-bottom:8px;background:#fff;border:1px solid #e6ebf5;border-radius:17px;padding:19px 25px;box-shadow:0 9px 28px #233c7210}
.contact-strip strong{color:#213d73;font-size:14px;white-space:nowrap}
.contact-pills{display:flex;flex-wrap:wrap;gap:10px}
.contact-pills a{color:#4962d6;background:#eef2ff;border:1px solid #dee5ff;border-radius:99px;padding:9px 15px;font-size:12px;font-weight:800}
.contact-pills a:hover{background:#e0e8ff}
.footer-contacts{display:flex;flex-wrap:wrap;gap:13px}
.footer-contacts a{color:#cad5ef;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.contact-strip{flex-direction:column;align-items:stretch}.contact-strip strong{text-align:center}.contact-pills{justify-content:center}}
/* Bilingual storefront language switch. */
.site-header .lang-switch{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:10px;border:1px solid #afbbe4;background:#f0f4ff;color:#344ec3!important;font-weight:800;white-space:nowrap}
html[dir="ltr"] .hero-copy,html[dir="ltr"] .product-main,html[dir="ltr"] .section-heading{text-align:left}
html[dir="ltr"] .product-bottom,html[dir="ltr"] .hero-actions{direction:ltr}
/* Verified sales and customer review summary, configurable per product. */
.product-social-stats{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0 15px;align-items:center}
.product-rating,.product-sales{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#fff8de;color:#8b6310;border:1px solid #f4e5b4}
.product-sales{background:#eef5ff;color:#4264b6;border-color:#dbe8ff}
.site-footer .site-page-links{display:flex;flex:1 0 100%;justify-content:center;align-items:center;gap:9px 23px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #ffffff15}
.site-footer .site-page-links a{font-size:12px;color:#c1cdec;font-weight:700}
.site-footer .site-page-links a:hover{color:white;text-decoration:underline;text-underline-offset:5px}