@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Readex+Pro:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg:#090b10;--surface:#11151d;--ink:#f4f5f7;--muted:#9ba5b5;--line:#ffffff20;--accent:#9dafff;--arabic:"Readex Pro",sans-serif;--latin:"Manrope","DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(70vw 60vh at 75% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 72%),var(--bg);color:var(--ink);font:400 16px/1.5 var(--latin);overflow-x:hidden}body[dir=rtl]{font-family:var(--arabic)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.topbar{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,72px);background:linear-gradient(#090b10d9,transparent);backdrop-filter:blur(5px)}.brand{font-size:11px;font-weight:800;letter-spacing:.23em;color:#ffffffb8}.top-actions{display:flex;align-items:center;gap:10px}.back-link,.lang-button{min-height:42px;border:1px solid #ffffff3a;border-radius:999px;padding:10px 16px;background:#10131bbd;backdrop-filter:blur(18px);font-size:12px;font-weight:700;transition:transform .3s,border-color .3s}.back-link:hover,.lang-button:hover{transform:translateY(-2px);border-color:var(--accent)}.lang-button{cursor:pointer}.hero{min-height:min(900px,100svh);padding:140px clamp(20px,8vw,128px) 80px;position:relative;display:grid;grid-template-columns:minmax(270px,.85fr) minmax(360px,1.15fr);align-items:center;gap:clamp(34px,7vw,100px);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 50%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 55%),linear-gradient(130deg,#10131b 0%,transparent 55%)}.hero-copy{max-width:600px}.eyebrow,.section-index{color:var(--accent);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(46px,7vw,96px);line-height:.95;letter-spacing:-.07em;margin:20px 0 26px;max-width:11ch}.hero p{max-width:48ch;color:#c0c7d2;font-size:clamp(16px,1.6vw,19px);line-height:1.8}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border-radius:999px;font-size:13px;font-weight:800;transition:transform .35s,box-shadow .35s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#0a0b0f;box-shadow:0 10px 42px color-mix(in srgb,var(--accent) 25%,transparent)}.button-quiet{border:1px solid #ffffff34;background:#ffffff08}.visual{position:relative;min-width:0;perspective:1000px}.visual-frame{position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:22px;background:#171b25;box-shadow:0 40px 120px #0009,0 0 100px color-mix(in srgb,var(--accent) 14%,transparent);transform:rotateY(-5deg) rotateX(2deg);transform-origin:center;aspect-ratio:1.42}.visual-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#fff2,transparent 28%,transparent 78%,color-mix(in srgb,var(--accent) 13%,transparent))}.frame-bar{height:38px;border-bottom:1px solid #ffffff18;display:flex;gap:6px;align-items:center;padding:0 14px;color:#aab2c0;font-size:10px;letter-spacing:.08em}.frame-dot{width:7px;height:7px;border-radius:50%;background:#ffffff45}.frame-label{margin-inline-start:auto}.visual-shot{width:100%;height:calc(100% - 38px);object-fit:cover;object-position:top center;background:#141823}.mock-dashboard{height:calc(100% - 38px);padding:5%;display:grid;grid-template-columns:1fr 1.45fr;gap:12px;background:radial-gradient(at 85% 10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 45%),#10151e}.mock-panel{border:1px solid #ffffff1d;border-radius:12px;padding:14px;background:#ffffff08}.mock-panel b{font-size:11px;display:block;margin-bottom:12px}.mock-chip{display:block;height:8px;margin:10px 0;border-radius:8px;background:#fff2}.mock-chip:nth-child(3){width:68%}.mock-chip:nth-child(4){width:48%}.mock-chart{width:100%;height:70%;margin-top:8px}.mock-chart polyline{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mock-stat{display:flex;justify-content:space-between;color:#aab2c0;font-size:9px;margin-top:10px}.visual-caption{display:flex;justify-content:space-between;gap:12px;padding:13px 3px;color:#aeb6c3;font-size:11px;letter-spacing:.08em}.hero-orb{position:absolute;width:52vw;height:52vw;max-width:740px;max-height:740px;right:-18vw;top:24%;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:50%;z-index:-1;box-shadow:0 0 100px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 0 100px color-mix(in srgb,var(--accent) 7%,transparent)}body[dir=rtl] .hero-orb{right:auto;left:-18vw}body[dir=rtl] .hero h1,body[dir=rtl] .chapter h2,body[dir=rtl] .closing h2{letter-spacing:0;line-height:1.35}.chapter{padding:clamp(76px,11vw,160px) clamp(20px,10vw,160px);border-top:1px solid var(--line);position:relative}.chapter-head{display:grid;grid-template-columns:.45fr 1fr;gap:30px;align-items:start;margin-bottom:58px}.chapter h2{font-size:clamp(34px,5.3vw,72px);line-height:1.03;letter-spacing:-.055em;margin:0;max-width:16ch}.chapter-lede{color:var(--muted);max-width:57ch;margin:18px 0 0;font-size:16px;line-height:1.8}.story-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-card{min-height:220px;padding:22px 22px 26px 0;border-right:1px solid var(--line)}body[dir=rtl] .story-card{padding:22px 0 26px 22px;border-right:0;border-left:1px solid var(--line)}.story-card:last-child{border:0}.story-num{display:block;color:var(--accent);font-size:11px;letter-spacing:.16em;font-weight:800}.story-card h3{font-size:20px;line-height:1.25;margin:46px 0 10px;letter-spacing:-.03em}.story-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;max-width:30ch}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{min-height:150px;border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(145deg,#ffffff0a,#ffffff02);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,border-color .35s}.feature:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.feature span:first-child{color:var(--accent);font-size:11px;letter-spacing:.1em}.feature strong{font-size:15px;line-height:1.5;max-width:27ch}.closing{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:68px clamp(20px,10vw,160px);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 75%),#0c0e14;border-top:1px solid var(--line)}.closing h2{font-size:clamp(30px,5vw,60px);line-height:1.05;letter-spacing:-.05em;margin:0 0 14px}.closing p{color:var(--muted);max-width:50ch;margin:0}.footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,72px);font-size:10px;letter-spacing:.08em;color:#77808e;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}.lang-ar,body[dir=rtl] .lang-en{display:none}body[dir=rtl] .lang-ar{display:inline}.chapter-head .section-index{display:block;margin-top:9px}@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:132px}.hero-copy{max-width:760px}.visual{max-width:850px;width:100%;margin-inline:auto}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card:nth-child(2n){border-right:0}body[dir=rtl] .story-card:nth-child(2n){border-left:0}.chapter-head{grid-template-columns:1fr;gap:14px}.features{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.topbar{padding:12px 14px}.brand{font-size:9px;letter-spacing:.14em}.back-link,.lang-button{font-size:10px;padding:9px 12px;min-height:38px}.hero{padding:112px 20px 56px;gap:36px}.hero h1{font-size:clamp(45px,14vw,70px)}.visual-frame{transform:none;border-radius:15px;aspect-ratio:1.12}.mock-dashboard{padding:3%;gap:6px}.mock-panel{padding:8px}.mock-panel b,.visual-caption{font-size:9px}.chapter{padding:74px 20px}.chapter-head{margin-bottom:34px}.story-grid{grid-template-columns:1fr}.story-card,.story-card:nth-child(2n){min-height:auto;padding:20px 0;border-right:0;border-left:0;border-bottom:1px solid var(--line)}.story-card h3{margin:20px 0 8px}.features{grid-template-columns:1fr}.feature{min-height:112px}.closing{grid-template-columns:1fr;padding:54px 20px}.footer{padding:20px;flex-direction:column}.hero-orb{width:100vw;height:100vw;top:35%;right:-45vw}body[dir=rtl] .hero-orb{right:auto;left:-45vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}