@font-face{font-family:Vazirmatn;src:url('/landing-v6-20260906-1903/assets/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}:root{font-family:Vazirmatn,Arial,sans-serif;color:#f3f4f6;background:#08090b;font-synthesis:none;--edge:clamp(24px,5vw,80px);--step:1400px}*{box-sizing:border-box}html{background:#08090b;scrollbar-color:#3b424e #08090b}body{margin:0;background:#08090b}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #bbcee6;outline-offset:6px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}::selection{background:#75899e66}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:12px;right:15px;z-index:80;padding:10px 18px;background:#edf3fa;color:#101820;transform:translateY(-200%)}.skip-link:focus{transform:none}header{position:fixed;inset:0 0 auto;height:84px;z-index:12;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#08090bd9,#08090b00)}.brand{display:flex;align-items:center;gap:12px}.brand img{display:block;width:62px;height:41px;object-fit:contain}.brand>span{border-right:1px solid #ffffff30;padding-right:12px;font:17px Arial}.brand:hover img{filter:brightness(1.2)}header nav{display:flex;align-items:center;gap:34px}header button{font-size:12px;background:none;border:0;padding:13px 0;color:#adb7c5;display:flex;gap:14px;align-items:center}header button:hover{color:white}header .app-entry{font-size:12px;border:1px solid #ffffff30;border-radius:30px;padding:10px 18px;display:flex;gap:21px;align-items:center;transition:background .2s}header .app-entry:hover{background:#ffffff10}header span[aria-hidden]{font:19px Arial}#scroll-story{position:relative;height:calc(100svh + 18 * var(--step))}.stage{height:100svh;width:100%;position:sticky;top:0;isolation:isolate;overflow:clip;background:#08090b}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 70%,#1c2a3a0e,transparent 60%),radial-gradient(ellipse at 80% 22%,#2d2a300b,transparent 45%);pointer-events:none}.stage canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s;pointer-events:none}.stage:is([data-renderer=webgpu],[data-renderer=webgl]) canvas{opacity:1}.scene-content{position:absolute;inset:0;z-index:2;outline:none!important;pointer-events:none}.scene-panel{position:absolute;inset:0;pointer-events:none}.scene-panel button,.scene-panel a{pointer-events:auto}.scene-veil{position:absolute;inset:0;background:#08090b;pointer-events:none;opacity:0;z-index:1}.hero-copy{position:absolute;bottom:15%;left:0;right:0;text-align:center}.hero-copy>p{font-size:18px;margin:0 0 22px;font-weight:350}.primary{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:47px;padding:12px 22px;border:0;border-radius:40px;background:#f0f3f7;color:#10171f;font-size:13px;font-weight:500;transition:background .2s,transform .25s}.primary:hover{background:#fff;transform:translateY(-2px)}.primary:active{transform:translateY(1px)}.primary>span[aria-hidden]{font:20px Arial}.eyebrow{font-size:12px;color:#a1acba;line-height:1.9;margin:0 0 23px}h2,h3,p{margin-top:0}h2{font-size:clamp(37px,4.5vw,65px);font-weight:400;line-height:1.55;letter-spacing:-1.6px}.stats-heading{position:absolute;top:18%;left:0;right:0;text-align:center}.stats-heading .eyebrow{margin-bottom:17px}.stats-heading h2{font-size:clamp(35px,4vw,55px);margin:0;line-height:1.5}.metric-values,.metric-labels{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:min(90%,1280px);display:grid;grid-template-columns:repeat(3,1fr);direction:rtl;text-align:center;gap:20px}.metric-values{margin-top:-.65em;font-size:clamp(52px,11vw,154px);font-weight:350;line-height:1.3}.stage:is([data-renderer=webgpu],[data-renderer=webgl]) .metric-values{opacity:0}.metric-labels{top:calc(50% + clamp(44px,7vw,98px));font-size:13px;color:#a6b2c0;line-height:1.9}.metric-source{position:absolute;left:var(--edge);right:var(--edge);bottom:21%;text-align:center;color:#8494a7;font-size:11px;line-height:1.9}.metric-source p{margin:0}.metric-source button{background:none;border:0;border-bottom:1px solid #61748c;font-size:11px;padding:6px 0;margin-top:10px;color:#becbdb}.lesson{position:absolute;right:var(--edge);width:39%;max-width:540px;top:50%;transform:translateY(-50%);padding:30px 0;pointer-events:auto}.scene-panel[data-layout=right] .lesson{right:auto;left:var(--edge)}.scene-panel[data-layout=wide] .lesson{right:calc(var(--edge) + 1vw);width:39%}.lesson .eyebrow{display:flex;gap:17px;align-items:center;font-size:12px;margin-bottom:21px}.lesson .eyebrow>span:first-child{font-size:10px;color:#7d8fa5;direction:ltr;border-left:1px solid #ffffff25;padding-left:17px}.lesson h2{font-size:clamp(34px,4vw,59px);line-height:1.6;margin:0 0 29px;letter-spacing:-1.4px}.lesson-status{font-size:10px;color:#acb6c4;display:flex;gap:9px;align-items:center;margin-bottom:27px}.lesson-status:before{content:'';height:4px;width:4px;border-radius:50%;background:#a2b7d1}.lesson-status.future{color:#bcad9d}.lesson-status.future:before{background:#ac9780}.lesson-steps{margin:0 0 27px;padding:0;list-style:none;position:relative;height:89px;max-width:430px}.lesson-steps li{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;pointer-events:none}.lesson-steps li.is-active{opacity:1;transform:translateY(0)}.lesson-steps small{font-size:10px;display:block;color:#8396ad;margin-bottom:8px}.lesson-steps p{font-size:15px;line-height:2;color:#bdc8d6;margin:0}.step-marks{display:flex;gap:7px;margin-bottom:19px;direction:rtl;width:65px}.step-marks span{height:2px;flex:1;background:#4c596966;transition:background .3s}.step-marks span.is-active{background:#bbcadf}.lesson-action{display:inline-flex;gap:19px;align-items:center;font-size:12px;padding:11px 0;border-bottom:1px solid #7e91aa65;color:#e5ebf3;transition:gap .25s}.lesson-action:hover{gap:28px}.lesson-action>span[aria-hidden]{font:18px Arial}.lesson-hint{font-size:10px;color:#8393a6;margin:16px 0 0}.finish-panel>div{position:absolute;right:var(--edge);width:40%;top:50%;transform:translateY(-50%)}.finish-panel h2{margin-bottom:20px}.finish-panel p:not(.eyebrow){color:#a4b1c2;font-size:15px;line-height:2;max-width:420px;margin-bottom:30px}.finish-panel .primary{margin-bottom:20px}.text-button{display:block;border:0;background:none;color:#aab9cb;padding:9px 0;font-size:12px}.text-button:hover{color:white}.finish-links{display:flex;gap:23px;border-top:1px solid #52607850;padding-top:20px;margin-top:30px;font-size:10px;color:#9baabd}.finish-links button{border:0;background:none;font-size:inherit;color:inherit;padding:0}.finish-links button:hover,.finish-links a:hover{color:white}.fallback-logo{position:absolute;width:min(54%,780px);height:auto;left:50%;top:45.5%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .5s}.stage:is([data-renderer=webgpu],[data-renderer=webgl]) .fallback-logo,.stage:is([data-renderer=webgpu],[data-renderer=webgl]) .fallback-planet{opacity:0!important}.fallback-planet{position:absolute;left:28%;top:50%;transform:translate(-50%,-50%);width:min(38vw,550px);aspect-ratio:1;background:center/contain no-repeat;pointer-events:none;opacity:0}.journey-controls{position:fixed;bottom:0;left:0;right:0;padding:20px var(--edge) 25px;display:flex;gap:35px;align-items:center;z-index:10;background:linear-gradient(#08090b00,#08090bed);min-height:86px}.control-start{display:flex;align-items:center;gap:16px;min-width:210px}.control-start>span{font-size:11px;color:#a1adbd;max-width:210px;text-wrap:balance;line-height:1.8}.control-start>button{width:36px;height:36px;background:transparent;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;flex:none;color:#becbdd}.pause-symbol{display:block;width:8px;height:10px;border-inline:2px solid currentColor}#pause[aria-pressed=true] .pause-symbol{width:0;height:0;border:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}.timeline{position:relative;flex:1;max-width:520px;margin:auto;height:32px;display:flex;align-items:center;direction:ltr}.timeline input{width:100%;height:32px;cursor:pointer;margin:0;appearance:none;background:transparent;position:relative;z-index:1}.timeline input::-webkit-slider-runnable-track{height:1px;background:#3f4d60}.timeline input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#d6e0ef;margin-top:-3px;box-shadow:0 0 10px #bfd8ff55}.timeline input::-moz-range-track{height:1px;background:#3f4d60}.timeline input::-moz-range-thumb{height:7px;width:7px;border:0;border-radius:50%;background:#d6e0ef}.timeline-fill{position:absolute;top:50%;left:0;height:1px;width:0;background:#9caec7;pointer-events:none}.journey-controls>button{background:none;border:0;padding:8px 0;font-size:11px;color:#b2bfd0;display:flex;align-items:center;gap:18px;min-width:145px;justify-content:flex-end}.journey-controls>button span{font:18px Arial}.journey-controls>button:hover{color:white}dialog{background:#0e1218;color:#e5ecf5;max-height:86svh;width:min(800px,92vw);border:1px solid #485b734d;border-radius:10px;padding:30px;box-shadow:0 30px 100px #0007;overscroll-behavior:contain}dialog::backdrop{background:#070a10cc;backdrop-filter:blur(9px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-header h2{font-size:24px;font-weight:400;line-height:1.8;letter-spacing:-.5px;margin:0}.close-dialog{width:38px;height:38px;border:1px solid #ffffff25;border-radius:50%;background:transparent;color:#d3deec;font:25px Arial;flex:none}.dialog-description,dialog>p{font-size:13px;line-height:2.1;color:#aab7c9}#index-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;margin-top:23px}#index-links button{display:flex;gap:15px;align-items:center;text-align:right;background:none;border:0;border-bottom:1px solid #34465e66;padding:15px 0;color:#bccbdd;font-size:12px;line-height:1.9}#index-links button span:first-child{font-size:10px;color:#69819e;min-width:21px}#index-links button[aria-current=true]{color:white}#index-links button:hover{color:white}#index-links button:hover span:first-child{color:#bfcede}.about-links{display:flex;gap:23px;flex-wrap:wrap;font-size:12px;margin-top:25px;color:#c6d5e9}.no-script{position:fixed;bottom:100px;inset-inline:20px;padding:20px;background:#182131;color:white;z-index:30;font-size:14px}body.is-reduced .lesson-steps li{transition:none}body.is-reduced .stage canvas{transition:none}
@media(min-width:1600px){.lesson{max-width:600px}.lesson h2{font-size:64px}.lesson-steps{max-width:480px}.lesson-steps p{font-size:17px}}
@media(max-width:767px){:root{--edge:24px}header{height:70px}.brand img{width:51px;height:34px}.brand>span{font-size:14px;padding-right:9px}header nav{gap:15px}header button{font-size:0;gap:0}header button span{font-size:24px!important}header .app-entry{font-size:10px;padding:8px 12px;gap:13px}header .app-entry span{font-size:16px}.hero-copy{bottom:15%}.hero-copy>p{font-size:16px;margin-bottom:19px}.primary{font-size:12px;min-height:45px;padding:11px 20px;gap:23px}.fallback-logo{width:91%;top:42.5%}.stats-heading{top:20%}.stats-heading h2{font-size:36px}.stats-heading .eyebrow{font-size:11px}.metric-values,.metric-labels{width:92%;gap:8px}.metric-values{font-size:55px}.metric-labels{font-size:10px;line-height:1.9;top:calc(50% + 43px)}.metric-source{font-size:9px;bottom:23%;inset-inline:25px}.lesson,.scene-panel[data-layout=right] .lesson,.scene-panel[data-layout=wide] .lesson{left:24px;right:24px;width:auto;max-width:none;top:48%;transform:none;padding:0;pointer-events:auto}.lesson .eyebrow{font-size:10px;gap:12px;margin-bottom:10px}.lesson .eyebrow>span:first-child{font-size:9px;padding-left:12px}.lesson h2{font-size:31px;line-height:1.5;letter-spacing:-.8px;margin-bottom:12px}.lesson-status{font-size:9px;margin-bottom:15px;gap:7px}.lesson-steps{height:70px;max-width:none;margin-bottom:10px}.lesson-steps small{font-size:9px;margin-bottom:5px}.lesson-steps p{font-size:12px;line-height:1.9;max-width:420px}.step-marks{margin-bottom:10px;width:53px}.lesson-action{font-size:10px;padding:6px 0;gap:15px}.lesson-hint{display:none}.fallback-planet{left:50%!important;top:29%;width:59vw;max-width:270px}.finish-panel>div{inset-inline:24px;width:auto;top:49%;transform:none}.finish-panel .eyebrow{font-size:10px;margin-bottom:12px}.finish-panel h2{font-size:38px;line-height:1.5;letter-spacing:-.7px;margin-bottom:14px}.finish-panel p:not(.eyebrow){font-size:12px;line-height:1.9;margin-bottom:17px}.finish-panel .primary{min-height:42px;font-size:11px;margin-bottom:12px}.text-button{font-size:10px;padding:6px 0}.finish-links{font-size:9px;gap:22px;padding-top:15px;margin-top:18px}.journey-controls{padding:13px 24px 16px;min-height:65px;gap:14px}.control-start{min-width:0;gap:10px;flex:1}.control-start>button{width:31px;height:31px}.control-start>span{font-size:9px;max-width:140px}.journey-controls>button{font-size:0;min-width:28px;gap:0;justify-content:center}.journey-controls>button span{font-size:21px}.timeline{position:absolute;top:0;left:24px;right:24px;max-width:none;height:20px;transform:translateY(-50%)}.timeline input{height:20px}dialog{padding:22px 20px;max-height:85svh}.dialog-header h2{font-size:18px;line-height:1.9}.close-dialog{width:33px;height:33px;font-size:23px}.dialog-description,dialog>p{font-size:12px;line-height:2}.dialog-description{margin-bottom:16px}#index-links{grid-template-columns:1fr;gap:0;margin-top:15px}#index-links button{font-size:11px;padding:13px 0}.about-links{font-size:11px;gap:18px}}
@media(max-height:650px) and (min-width:768px){header{height:64px}.lesson{top:52%;padding:0}.lesson h2{font-size:32px;line-height:1.45;margin-bottom:13px}.lesson .eyebrow{font-size:10px;margin-bottom:11px}.lesson-status{margin-bottom:15px}.lesson-steps{height:64px;margin-bottom:12px}.lesson-steps p{font-size:12px;line-height:1.8}.step-marks{margin-bottom:9px}.lesson-action{font-size:11px;padding-block:7px}.lesson-hint{display:none}.journey-controls{min-height:65px;padding-block:12px}.finish-panel h2{font-size:34px;line-height:1.4}.finish-panel p:not(.eyebrow){font-size:12px;margin-bottom:15px}.finish-links{margin-top:15px;padding-top:12px}.hero-copy{bottom:17%}}
@media(max-height:700px) and (max-width:767px){.lesson,.scene-panel[data-layout=right] .lesson,.scene-panel[data-layout=wide] .lesson{top:40%}.lesson h2{font-size:26px;line-height:1.4;margin-bottom:9px}.lesson .eyebrow{margin-bottom:7px;font-size:9px}.lesson-status{margin-bottom:11px;font-size:8px}.lesson-steps{height:60px;margin-bottom:5px}.lesson-steps p{font-size:11px;line-height:1.8}.lesson-steps small{font-size:8px}.step-marks{margin-bottom:8px}.finish-panel>div{top:40%}.finish-panel h2{font-size:31px}.finish-links{margin-top:13px;padding-top:12px}.fallback-planet{top:25%;width:43vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.primary:hover{transform:none}}

@media(max-height:700px) and (max-width:539px){.finish-panel .eyebrow{margin-bottom:8px}.finish-panel h2{font-size:28px;line-height:1.35;margin-bottom:10px}.finish-panel p:not(.eyebrow){font-size:11px;line-height:1.8;margin-bottom:12px}.finish-panel .primary{min-height:38px;padding:8px 17px;font-size:10px;margin-bottom:8px}.finish-panel .text-button{padding:3px 0}.finish-links{margin-top:10px;padding-top:10px}}
@media(max-height:500px) and (min-width:540px){header{height:50px}.brand img{width:42px;height:28px}.brand>span{font-size:12px}header .app-entry{font-size:9px;padding:6px 10px}.lesson,.scene-panel[data-layout=right] .lesson,.scene-panel[data-layout=wide] .lesson{top:50%;transform:translateY(-50%);right:24px;left:auto;width:46%;padding:0}.scene-panel[data-layout=right] .lesson{right:auto;left:24px}.lesson .eyebrow{font-size:8px;margin-bottom:6px;gap:9px}.lesson .eyebrow>span:first-child{font-size:8px;padding-left:9px}.lesson h2{font-size:24px;line-height:1.35;margin-bottom:10px}.lesson-status{font-size:8px;margin-bottom:8px}.step-marks{margin-bottom:8px}.lesson-steps{height:49px;margin-bottom:7px}.lesson-steps small{font-size:8px;margin-bottom:3px}.lesson-steps p{font-size:10px;line-height:1.8}.lesson-action{font-size:9px;padding:5px 0}.lesson-hint{display:none}.journey-controls{min-height:52px;padding:8px 24px 11px}.control-start>button{width:27px;height:27px}.control-start>span{font-size:8px}.finish-panel>div{top:49%;transform:translateY(-50%);right:24px;left:auto;width:46%}.finish-panel .eyebrow{font-size:9px;margin-bottom:8px}.finish-panel h2{font-size:30px;line-height:1.25;margin-bottom:13px}.finish-panel p:not(.eyebrow){display:none}.finish-panel .primary{min-height:35px;padding:7px 16px;font-size:10px;margin-bottom:3px}.finish-panel .text-button{font-size:9px;padding:5px 0}.finish-links{font-size:8px;margin-top:10px;padding-top:10px;gap:17px}.fallback-planet{left:26%!important;top:50%;width:32vw}.stage[data-scene=finish] .fallback-logo{left:26%!important;top:50%!important;width:37%!important}.hero-copy{bottom:17%}.hero-copy>p{font-size:13px;margin-bottom:12px}.hero-copy .primary{min-height:34px;padding:7px 17px;font-size:10px}.stats-heading{top:17%}.stats-heading .eyebrow{font-size:9px;margin-bottom:5px}.stats-heading h2{font-size:25px;line-height:1.35}.metric-labels{font-size:9px;top:calc(50% + 42px)}.metric-source{font-size:8px;bottom:20%}}

@media(max-height:500px) and (min-width:540px){.stage[data-layout=right] .fallback-planet{left:73%!important}}

/* The still sky remains visible while WebGPU starts or when it is unavailable. */
.fallback-logo,.fallback-planet{mix-blend-mode:lighten}.ambient{background-position:center;background-repeat:no-repeat}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(#08090b66,transparent 22%,transparent 76%,#08090b88);pointer-events:none}

/* Same-particle slogan, with readable static text when WebGPU is unavailable. */
.hero-slogan{position:absolute;left:50%;top:45.5%;transform:translate(-50%,-50%);margin:0;width:94%;font-size:clamp(36px,11.4vw,160px);font-weight:400;line-height:1.6;letter-spacing:-1px;text-align:center;white-space:nowrap;opacity:0;pointer-events:none}.stage:is([data-renderer=webgpu],[data-renderer=webgl]) .hero-slogan{visibility:hidden}.hero-copy>p{transition:opacity .2s}
@media(max-width:767px){.hero-slogan{top:42.5%;font-size:11.4vw;letter-spacing:-.5px}}
@media(max-height:500px) and (min-width:540px){.hero-slogan{top:45.5%;font-size:10vw}}