@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/9ff27b8a0a8f3dc0-s.p.2rb3m_gxg9vnu.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/a5b03b231ce290a0-s.313uu58ed9idt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d41831e24743a3c1-s.p.1fah83w58uawv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo Fallback;src:local(Arial);ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.0%;size-adjust:94.66%}.FXCZVW_className{font-family:Cairo,Cairo Fallback;font-style:normal}.FXCZVW_variable{--font-cairo:"Cairo", "Cairo Fallback"}
:root{--primary:#1d4ed8;--primary-bright:#3b82f6;--action:#f97316;--action-bright:#fb923c;--bg:#0f172a;--bg-deep:#0a0f1e;--surface:#111827;--text:#f9fafb;--muted:#9ca3af;--border:#374151;--success:#10b981;--line:color-mix(in srgb, var(--border) 55%, transparent);--glass:color-mix(in srgb, var(--surface) 62%, transparent);--radius-sm:8px;--radius-md:10.5px;--radius-lg:14px;--radius-xl:28px;--grad:linear-gradient(100deg, var(--primary-bright) 0%, #8b5cf6 45%, var(--action) 100%);--font:var(--font-cairo), "Cairo", system-ui, -apple-system, "Segoe UI", "SF Arabic", "Noto Sans Arabic", Tahoma, sans-serif;--container:1200px;--gutter:clamp(16px, 4vw, 32px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}::selection{background:color-mix(in srgb, var(--action) 45%, transparent)}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing:0;line-height:1.3}p{margin:0}:focus-visible{outline:2px solid var(--action-bright);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-lg{padding:.85rem 1.6rem;font-size:1.05rem}.btn-sm{padding:.45rem .95rem;font-size:.9rem}.btn-action{background:linear-gradient(180deg, var(--action-bright), var(--action));color:#fff;box-shadow:0 10px 30px -8px color-mix(in srgb, var(--action) 70%, transparent), inset 0 1px 0 #ffffff40}.btn-action:hover{box-shadow:0 16px 40px -8px color-mix(in srgb, var(--action) 85%, transparent), inset 0 1px 0 #ffffff4d}.btn-ghost{border-color:var(--line);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a}.btn-ghost:hover{border-color:color-mix(in srgb, var(--primary-bright) 70%, transparent);background:color-mix(in srgb, var(--primary) 18%, transparent)}.tags{flex-wrap:wrap;gap:.5rem;margin-block-start:1.75rem;display:flex}.tag{color:color-mix(in srgb, var(--text) 88%, transparent);border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.tag:hover{border-color:var(--action);color:var(--action-bright);background:color-mix(in srgb, var(--action) 10%, transparent)}.chip-row{flex-wrap:wrap;gap:.4rem;margin-block-start:auto;padding-block-start:1.1rem;display:flex}.chip{color:#bfdbfe;background:color-mix(in srgb, var(--primary) 22%, transparent);border:1px solid color-mix(in srgb, var(--primary-bright) 35%, transparent);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600}.nav{z-index:50;border-block-end:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset-block-start:0;inset-inline:0}.nav.is-scrolled,.nav.is-open{background:color-mix(in srgb, var(--bg-deep) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-block-end-color:var(--line)}.nav-inner{align-items:center;gap:1.5rem;height:72px;display:flex}.brand{align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;display:inline-flex}.brand svg{box-shadow:0 6px 20px -4px color-mix(in srgb, var(--primary) 70%, transparent);border-radius:9px}.nav-links{gap:.25rem;margin-inline:auto;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-size:.95rem;font-weight:600;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0d}.nav-actions{align-items:center;gap:.5rem;display:flex}.lang-switch{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.9rem;font-weight:700;transition:border-color .2s,background .2s;display:inline-flex}.lang-switch:hover{border-color:var(--primary-bright);background:color-mix(in srgb, var(--primary) 18%, transparent)}.menu-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem;display:none}.hero{padding-block:clamp(110px,16vh,150px) clamp(48px,8vh,90px);position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(60% 55% at 78% 30%, color-mix(in srgb, var(--primary) 45%, transparent), transparent 70%), radial-gradient(40% 40% at 70% 85%, color-mix(in srgb, var(--action) 26%, transparent), transparent 70%), radial-gradient(50% 50% at 10% 0%, color-mix(in srgb, var(--primary-bright) 18%, transparent), transparent 70%), var(--bg);position:absolute;inset:0}:root[dir=rtl] .hero-bg{transform:scaleX(-1)}.hero-bg:after{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.eyebrow{border:1px solid color-mix(in srgb, var(--primary-bright) 40%, transparent);background:color-mix(in srgb, var(--primary) 16%, transparent);color:#dbeafe;border-radius:999px;align-items:center;gap:.55rem;margin-block-end:1.4rem;padding:.35rem .9rem .35rem .7rem;font-size:.88rem;font-weight:700;display:inline-flex}.pulse-dot{background:var(--action);width:8px;height:8px;box-shadow:0 0 0 0 var(--action);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.hero h1{font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:900}.hero h1 span{display:block}.lead{color:color-mix(in srgb, var(--text) 78%, transparent);max-width:34rem;margin-block-start:1.35rem;font-size:clamp(1.05rem,1.6vw,1.3rem)}.cta-row{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.platforms{color:var(--muted);margin-block-start:1rem;font-size:.88rem}.hero-stage,.tracking-stage{aspect-ratio:1;width:100%;max-height:640px;position:relative}.scene{position:absolute;inset:0}.stage-glow{filter:blur(60px);opacity:.75;background:radial-gradient(circle at 45% 45%, color-mix(in srgb, var(--primary) 80%, transparent), transparent 60%), radial-gradient(circle at 65% 70%, color-mix(in srgb, var(--action) 55%, transparent), transparent 55%);border-radius:50%;animation:7s ease-in-out infinite breathe;position:absolute;inset:12%}.stage-glow-blue{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 70%, transparent), transparent 62%)}@keyframes breathe{50%{opacity:.95;transform:scale(1.08)}}.scene-tag{white-space:nowrap;font-family:var(--font);color:#fff;background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--primary-bright) 55%, transparent);box-shadow:0 8px 24px -10px color-mix(in srgb, var(--primary-bright) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform, opacity;-webkit-user-select:none;user-select:none;border-radius:999px;padding:.28rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.scene-tag.is-hot{border-color:color-mix(in srgb, var(--action) 70%, transparent);box-shadow:0 8px 24px -10px var(--action)}.anchor-tag{white-space:nowrap;font-family:var(--font);color:#fff;background:color-mix(in srgb, var(--action) 85%, transparent);-webkit-user-select:none;user-select:none;border-radius:6px;padding:.1rem .5rem;font-size:.72rem;font-weight:700;display:inline-block;transform:translate(10px,-50%)}.marquee{border-block:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, transparent);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:2.5rem;width:max-content;padding-block:1rem;animation:48s linear infinite marquee;display:flex}:root[dir=rtl] .marquee-track{animation-name:marquee-rtl}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{color:color-mix(in srgb, var(--text) 75%, transparent);white-space:nowrap;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:inline-flex}.marquee-item svg{color:var(--action)}@keyframes marquee{to{transform:translate(-50%)}}@keyframes marquee-rtl{to{transform:translate(50%)}}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-block:clamp(48px,7vw,80px) 0;display:grid}.stat{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--glass);flex-direction:column;gap:.25rem;padding:1.25rem 1.4rem;display:flex}.stat-value{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:clamp(2.2rem,4vw,3rem);font-weight:900;line-height:1}.stat-label{color:var(--muted);font-size:.92rem;font-weight:600}.section{padding-block:clamp(72px,10vw,120px) 0}.section-head{max-width:46rem;margin-block-end:clamp(32px,4vw,48px)}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--action-bright);align-items:center;gap:.5rem;margin-block-end:.8rem;font-size:.85rem;font-weight:800;display:inline-flex}:lang(ar) .kicker{letter-spacing:0;font-size:.95rem}.kicker:before{content:"";background:var(--action);border-radius:2px;width:22px;height:2px}.section-head h2,.download h2{font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:900}.section-sub{color:color-mix(in srgb, var(--text) 70%, transparent);margin-block-start:1rem;font-size:clamp(1rem,1.4vw,1.15rem)}.tilt{--rx:0deg;--ry:0deg;--mx:50%;--my:0%;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;transition:transform .25s ease-out,border-color .3s}.card{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--glass);isolation:isolate;flex-direction:column;height:100%;padding:1.6rem;display:flex;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in srgb, var(--primary-bright) 22%, transparent), transparent 45%);transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:color-mix(in srgb, var(--primary-bright) 50%, transparent)}.card:hover:before{opacity:1}.card h3{margin-block:1rem .5rem;font-size:1.2rem;font-weight:800}.card p{color:color-mix(in srgb, var(--text) 68%, transparent);font-size:.97rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.feature-grid>.reveal{height:100%}.feature-icon{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(140deg, var(--primary-bright), var(--primary));width:48px;height:48px;box-shadow:0 10px 24px -8px color-mix(in srgb, var(--primary-bright) 80%, transparent), inset 0 1px 0 #ffffff4d;place-items:center;display:inline-grid;transform:translateZ(30px)}.feature:nth-child(3n+2) .feature-icon,.feature-grid>:nth-child(3n+2) .feature-icon{background:linear-gradient(140deg, var(--action-bright), var(--action));box-shadow:0 10px 24px -8px var(--action), inset 0 1px 0 #ffffff4d}.tracking{position:relative}.tracking:before{content:"";z-index:-1;background:radial-gradient(50% 60% at 70% 50%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 70%);position:absolute;inset:15% 0 0}:root[dir=rtl] .tracking:before{transform:scaleX(-1)}.tracking-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.check-list{gap:.8rem;display:grid}.check-list li{color:color-mix(in srgb, var(--text) 85%, transparent);align-items:flex-start;gap:.7rem;font-weight:600;display:flex}.check-list svg{color:var(--success);background:color-mix(in srgb, var(--success) 18%, transparent);border-radius:50%;flex:none;margin-block-start:.2rem;padding:2px}.anchors{padding-block-start:1.6rem}.chip-anchor{color:#fed7aa;background:color-mix(in srgb, var(--action) 16%, transparent);border-color:color-mix(in srgb, var(--action) 45%, transparent);padding:.25rem .8rem;font-size:.85rem}.stage-hint{text-align:center;color:var(--muted);pointer-events:none;font-size:.8rem;position:absolute;inset-block-end:2%;inset-inline:0}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, transparent, var(--primary-bright), var(--action), transparent);opacity:.5;height:2px;position:absolute;inset-block-start:34px;inset-inline:8%}.step{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.4rem;position:relative}.step-num{background:var(--bg);border:2px solid var(--primary-bright);color:#dbeafe;width:44px;height:44px;box-shadow:0 0 0 6px var(--bg-deep), 0 0 24px -4px var(--primary-bright);border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.step:last-child .step-num{border-color:var(--action);color:#fed7aa;box-shadow:0 0 0 6px var(--bg-deep), 0 0 24px -4px var(--action)}.step h3{margin-block:1rem .4rem;font-size:1.25rem;font-weight:800}.step p{color:color-mix(in srgb, var(--text) 68%, transparent);font-size:.95rem}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;display:grid}.template-grid>.reveal{height:100%}.template-grid>:first-child{grid-column:span 2}.template-grid>:first-child .template{grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:1.6rem;display:grid}.template-grid>:first-child .template .chip-row{margin-block-start:0}.template-grid>:first-child .template-emoji{border-radius:34px;grid-row:1/4;align-self:center;width:128px;height:128px;font-size:4.2rem}.template-grid>:first-child .template h3{margin-block-start:0;font-size:1.45rem}.template-emoji{background:radial-gradient(circle at 30% 25%, #ffffff2e, transparent 60%), linear-gradient(140deg, color-mix(in srgb, var(--primary) 70%, transparent), color-mix(in srgb, var(--action) 45%, transparent));width:72px;height:72px;box-shadow:0 18px 36px -14px color-mix(in srgb, var(--primary-bright) 80%, transparent);border:1px solid #ffffff1f;border-radius:22px;place-items:center;font-size:2.4rem;animation:5s ease-in-out infinite bob;display:inline-grid;transform:translateZ(40px)}.template-grid>:nth-child(2n) .template-emoji{animation-delay:-2.5s}@keyframes bob{50%{transform:translateZ(40px)translateY(-6px)rotate(-4deg)}}.download{isolation:isolate;text-align:center;border-radius:calc(var(--radius-xl) * 1.3);border:1px solid color-mix(in srgb, var(--primary-bright) 35%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 30%, var(--surface)), var(--surface) 60%);padding:clamp(40px,6vw,72px) clamp(20px,4vw,56px);position:relative;overflow:hidden}.download-glow{z-index:-1;background:radial-gradient(40% 50% at 50% 30%, color-mix(in srgb, var(--action) 30%, transparent), transparent 70%);height:120%;position:absolute;inset:-40% -10% auto}.download-logo{box-shadow:0 20px 50px -12px var(--primary-bright);border-radius:18px;margin-block-end:1.4rem;animation:6s ease-in-out infinite bob-flat}@keyframes bob-flat{50%{transform:translateY(-8px)rotate(-3deg)}}.download .kicker:before{display:none}.download .section-sub{max-width:36rem;margin-inline:auto}.platform-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-block-start:2rem;display:flex}.platform{border-radius:var(--radius-lg);border:1px solid var(--line);text-align:start;background:#ffffff0a;align-items:center;gap:.9rem;min-width:280px;padding:1rem 1.2rem;transition:border-color .2s,transform .2s;display:flex}.platform.is-live:hover{border-color:var(--action);transform:translateY(-3px)}.platform-text{flex-direction:column;margin-inline-end:auto;display:flex}.platform-text small{color:var(--muted)}.soon{color:var(--muted);border:1px dashed var(--border);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:700}.fine{color:var(--muted);margin-block-start:1.4rem;font-size:.85rem}.faq-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.faq{gap:.75rem;display:grid}.faq-item{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--glass);transition:border-color .2s}.faq-item[open]{border-color:color-mix(in srgb, var(--primary-bright) 50%, transparent)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{color:var(--action-bright);flex:none;transition:transform .25s}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-item p{color:color-mix(in srgb, var(--text) 72%, transparent);padding:0 1.3rem 1.2rem}.footer{border-block-start:1px solid var(--line);background:var(--bg-deep);margin-block-start:clamp(72px,10vw,120px);padding-block:2.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-brand{align-items:center;gap:.9rem;display:flex}.footer-brand svg{border-radius:10px}.footer-brand p{color:var(--muted);font-size:.92rem}.footer-family{color:var(--primary-bright);font-weight:700}.footer-family:hover{color:var(--action-bright)}.footer-legal{border-block-start:1px solid var(--line);color:var(--muted);gap:.4rem;margin-block-start:1.8rem;padding-block-start:1.4rem;font-size:.8rem;display:grid}.reveal-armed{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s);transform:translateY(24px)}.reveal-armed.reveal-in{opacity:1;transform:none}@media (max-width:1024px){.nav-links{display:none}.menu-btn{place-items:center;display:inline-grid}.nav.is-open .nav-links{padding:.75rem var(--gutter) 1.25rem;background:color-mix(in srgb, var(--bg-deep) 96%, transparent);border-block-end:1px solid var(--line);flex-direction:column;margin:0;display:flex;position:absolute;inset-block-start:72px;inset-inline:0}.nav.is-open .nav-links a{padding:.75rem .5rem;font-size:1.05rem}.feature-grid,.template-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps:before{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.hero-grid,.tracking-grid,.faq-wrap{grid-template-columns:minmax(0,1fr)}.hero{padding-block-start:100px}.hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.cta-row,.tags{justify-content:center}.hero-stage{max-width:520px;margin-block-start:-1rem;margin-inline:auto}.tracking-stage{max-width:520px;margin-inline:auto}}@media (max-width:600px){.nav-cta{display:none}.feature-grid,.template-grid,.steps{grid-template-columns:minmax(0,1fr)}.template-grid>:first-child{grid-column:auto}.template-grid>:first-child .template{display:flex}.template-grid>:first-child .template-emoji{border-radius:22px;width:72px;height:72px;font-size:2.4rem}.template-grid>:first-child .template h3{margin-block-start:1rem;font-size:1.2rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.stat{padding:1rem}.cta-row .btn{width:100%}.platform{width:100%;min-width:0}.scene-tag{padding:.2rem .55rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal-armed{opacity:1;transform:none}.tilt{transform:none}}.tour{grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2.5vw,32px);display:grid}.tour-side{position:sticky;inset-block-start:96px}.tour-tabs{gap:.4rem;display:grid}.tour-tab{text-align:start;width:100%;font:inherit;color:var(--muted);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:1px solid #0000;align-items:flex-start;gap:.8rem;padding:.75rem .9rem;transition:background .2s,border-color .2s,color .2s;display:flex}.tour-tab:hover{color:var(--text);background:#ffffff0a}.tour-tab.is-active{color:var(--text);border-color:color-mix(in srgb, var(--primary-bright) 45%, transparent);background:color-mix(in srgb, var(--primary) 16%, transparent)}.tour-num{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:800;display:inline-grid}.tour-tab.is-active .tour-num{background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 0 18px -4px var(--action)}.tour-tab-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.tour-tab-text strong{font-size:1rem}.tour-tab-text small{color:var(--muted);font-size:.85rem}.tour-main{min-width:0}.tour-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-block-end:1rem;display:flex}.tour-step{color:var(--action-bright);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}:lang(ar) .tour-step{letter-spacing:0}.tour-caption h3{margin-block-start:.2rem;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:900}.theme-switch{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:3px;display:inline-flex}.theme-switch button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.theme-switch button[aria-pressed=true]{background:var(--text);color:var(--bg-deep)}.app-window{box-shadow:0 40px 80px -30px #000c, 0 0 0 1px #0006, 0 30px 90px -40px color-mix(in srgb, var(--primary-bright) 70%, transparent);transform-origin:50% 100%;border:1px solid #ffffff1f;border-radius:14px;transition:transform .6s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:perspective(1600px)rotateX(4deg)}.tour-main:hover .app-window{transform:none}.app-window-bar{background:#1f2937;border-block-end:1px solid #ffffff0f;align-items:center;gap:7px;padding:.55rem .8rem;display:flex}.app-window.is-light .app-window-bar{background:#e5e7eb;border-block-end-color:#d1d5db}.app-window-bar span{background:#ff5f57;border-radius:50%;width:11px;height:11px}.app-window-bar span:nth-child(2){background:#febc2e}.app-window-bar span:nth-child(3){background:#28c840}.app-window-bar em{color:#9ca3af;margin-inline:auto;padding-inline-end:45px;font-size:.78rem;font-style:normal;font-weight:600}.app-window.is-light .app-window-bar em{color:#4b5563}.app-window-screen{aspect-ratio:16/10;background:var(--surface);display:grid;position:relative}.app-window.is-light .app-window-screen{background:#f3f4f6}.app-window-screen img{object-fit:cover;opacity:0;grid-area:1/1;width:100%;height:100%;transition:opacity .35s}.app-window-screen img.is-shown{opacity:1}.tour-detail{gap:.9rem;margin-block-start:1.4rem;display:grid}.tour-detail>p{color:color-mix(in srgb, var(--text) 78%, transparent);font-size:1.05rem}.tour-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.tour-points li{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--glass);align-items:flex-start;gap:.55rem;padding:.8rem .9rem;font-size:.92rem;font-weight:600;display:flex}.tour-points svg{color:var(--success);flex:none;margin-block-start:.2rem}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.video-card{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--glass);margin:0;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#000;position:relative}.video-frame iframe,.video-frame video{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster{cursor:pointer;background:#000;border:0;padding:0;position:absolute;inset:0}.video-poster img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s,transform .5s}.video-poster:hover img{opacity:1;transform:scale(1.03)}.video-play{color:#fff;background:linear-gradient(180deg, var(--action-bright), var(--action));width:76px;height:76px;box-shadow:0 0 0 10px color-mix(in srgb, var(--action) 25%, transparent), 0 16px 40px -10px var(--action);border-radius:50%;place-items:center;margin:auto;transition:transform .25s;display:grid;position:absolute;inset:0}.video-play svg{margin-inline-start:4px}:root[dir=rtl] .video-play svg{margin-inline:0 4px}.video-poster:hover .video-play{transform:scale(1.08)}.video-empty{color:var(--muted);background:radial-gradient(60% 70% at 50% 40%, color-mix(in srgb, var(--primary) 30%, transparent), transparent 70%), var(--surface);place-content:center;justify-items:center;gap:.6rem;font-weight:700;display:grid;position:absolute;inset:0}.video-empty svg{color:var(--action-bright)}.video-card figcaption{align-items:center;gap:.7rem;padding:1rem 1.2rem;font-weight:700;display:flex}.video-lang{color:#fed7aa;background:color-mix(in srgb, var(--action) 18%, transparent);border:1px solid color-mix(in srgb, var(--action) 40%, transparent);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:800}@media (max-width:1024px){.tour{grid-template-columns:minmax(0,1fr)}.tour-side{position:static}.tour-tabs{scrollbar-width:thin;grid-auto-columns:max-content;grid-auto-flow:column;padding-block-end:.4rem;overflow-x:auto}.tour-tab{align-items:center;padding:.5rem .8rem}.tour-tab-text small{display:none}.tour-points{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.video-grid{grid-template-columns:minmax(0,1fr)}.app-window{transform:none}}