@font-face{font-family:Vazirmatn;src:url('./vazirmatn.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#06080e;--ink:#f3f5ff;--muted:#a1a9bc;--line:#a2b5ff24;--blue:#afc2ff;--accent:#afc2ff;--chapter-height:110svh}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#455377 #080b12}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #b2c8ff;outline-offset:7px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.skip{position:fixed;top:-100px;right:20px;z-index:100;background:#e0e8ff;color:#101729;padding:12px}.skip:focus{top:15px}
.visual{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 32% 47%,#111c393b,transparent 60%)}#network{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s}.ready #network{opacity:1}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#06080e0a 47%,#06080e9e 63%,#06080eed 90%),linear-gradient(0deg,#06080ef0,transparent 25%,transparent 83%,#06080e95);pointer-events:none}.header{height:92px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:36px;padding:0 4.5vw;border-bottom:1px solid #dce6ff14;background:#06080e75;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-size:15px;white-space:nowrap}.header nav{display:flex;gap:40px;margin-inline:auto;color:#b5bdcf;font-size:14px}.header nav a{transition:color .2s}.header nav a:hover{color:white}.header nav span{margin-right:10px}.motion-toggle{border:1px solid #adbcff26;background:transparent;width:34px;height:34px;border-radius:50%;font-size:13px;color:#b8c5ed}.chapter{min-height:var(--chapter-height);position:relative}.copy{max-width:560px;margin-right:auto;margin-left:6vw;padding:120px 0 70px;position:relative}.enhanced .copy{position:fixed;right:58%;left:auto;top:22vh;max-width:none;width:36%;margin:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);will-change:transform,opacity}.enhanced .copy{right:6%;width:36%}.enhanced .chapter:first-child .copy{opacity:1;visibility:visible;transform:none}.enhanced .copy.visible{visibility:visible;pointer-events:auto}.eyebrow{font-size:13px;letter-spacing:.015em;color:var(--accent);display:flex;align-items:center;gap:10px;margin:0 0 22px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#c2d2ff;box-shadow:0 0 14px #8ea9ff}.copy h1,.copy h2{font-size:clamp(36px,3.7vw,68px);font-weight:700;line-height:1.55;letter-spacing:-.045em;margin:0 0 22px}.copy h1{font-size:clamp(40px,4.3vw,78px);line-height:1.62}.copy h1 em{font-style:normal;color:#eef1ff}.description{font-size:clamp(16px,1.15vw,19px);line-height:2.1;color:#aeb7ca;max-width:490px;margin:0 0 24px}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:0 26px;border-radius:7px;border:1px solid #dfe9ff6b;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s}.primary{color:#10192a;background:#dfe7ff;box-shadow:0 0 30px #7389dc12}.primary:hover{background:#f3f6ff;box-shadow:0 0 40px #8faaff25}.button span{font-size:23px;font-weight:400}.text-link{display:flex;align-items:center;gap:14px;color:#c1cadf;font-size:14px}.hero-foot{color:#717e98;font-size:13px;margin-top:30px}.features{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:0;border-top:1px solid var(--line);max-width:460px}.features li{font-size:15px;line-height:1.85;padding:11px 0;border-bottom:1px solid #c9d6ff0c;color:#cad2e3;display:flex;align-items:center;gap:12px}.features li:before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:var(--accent);opacity:.65}.service-note{color:#8a96b0;font-size:12px;line-height:1.9;margin:20px 0 0;max-width:450px}.chapter-caption{font-size:13px;color:#7f90b4;line-height:1.9;margin-top:24px}.chapter-caption:before{content:'↗';padding-left:10px;color:#b0c6ff}.nodes{position:absolute;inset:0;direction:rtl;pointer-events:none}.node{position:absolute;left:0;top:0;will-change:transform,opacity;display:flex;flex-direction:column;align-items:center;gap:9px;opacity:0;pointer-events:none}.node button{width:55px;height:55px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#aebeff12,#080e1bc9);border:1px solid #a3baff70;border-radius:50%;color:#d0ddff;box-shadow:0 0 22px #789fff15,inset 0 0 16px #8faaff12;pointer-events:auto;transition:box-shadow .4s,border .4s,background .4s}.node button:hover,.node.is-focused button{border-color:#dce7ff;box-shadow:0 0 38px #779cff50;background:#172342}.node svg{height:25px;width:25px}.node-label{font-size:12px;color:#acbddf;white-space:nowrap;text-shadow:0 2px 8px #000}.node.is-focused button{width:80px;height:80px}.node.is-focused svg{height:35px;width:35px}.node.is-focused .node-label{font-size:14px;color:#dce5fc}.satellite-label{position:absolute;top:0;left:0;color:#c7d9ff;font-size:13px;padding:6px 12px;border-bottom:1px solid #94acff48;white-space:nowrap;text-shadow:0 1px 8px #000;opacity:0;will-change:transform,opacity;background:linear-gradient(0deg,#0c142ca0,transparent)}
.journey-footer{position:fixed;z-index:15;bottom:18px;left:6%;right:6%;max-width:1300px;margin:auto;background:linear-gradient(0deg,#06080ed9,transparent);padding-top:12px}.navigation-top{display:flex;justify-content:space-between;align-items:center;color:#8d9ab7;font-size:12px;margin-bottom:20px}.journey-hint{display:flex;align-items:center;gap:15px}.current-name{color:#c0cde9}.chapters-nav{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:8px 1px}.chapters-nav::-webkit-scrollbar{display:none}.chapters-nav a{position:relative;flex:1;min-width:95px;display:block;text-align:center;padding-top:15px;color:#7987a4;font-size:13px;white-space:nowrap;transition:color .3s}.chapters-nav a:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#7a8bad70}.chapters-nav a:after{content:'';position:absolute;top:-2px;right:0;width:5px;height:5px;border-radius:50%;background:#cedaff;box-shadow:0 0 9px #8caaff;opacity:0;transition:right .5s}.chapters-nav a[aria-current=true]{color:#d2dfff}.chapters-nav a[aria-current=true]:before{background:#a9c2ff;box-shadow:0 0 10px #7f9eff55}.chapters-nav a[aria-current=true]:after{opacity:1;right:calc(100% - 5px)}.footer-meta{display:flex;justify-content:space-between;font-size:12px;margin-top:15px;color:#7e8dab}.footer-meta button{background:none;border:0;padding:0;font-size:12px;color:#adbedf}.footer-meta span{padding-right:10px}.fallback-note,.no-script{position:relative;margin:120px 6% 30px;padding:20px;border:1px solid var(--line);color:#b8c8e6;line-height:2}.fallback-note{position:fixed;bottom:0;left:0;right:0;margin:0;background:#0d1527;z-index:30;font-size:13px}.fallback .visual{opacity:.2}.fallback .copy{margin:0 10%;width:auto;max-width:700px;padding-top:140px}.fallback .chapter{min-height:100svh}
dialog{width:min(540px,90vw);border:1px solid #7186b144;background:#0b101c;color:#edf2ff;padding:45px;border-radius:15px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#02050dc9;backdrop-filter:blur(10px)}dialog h2{font-size:26px;margin-top:0}dialog p{color:#aab7d0;line-height:2;font-size:16px}.preview-note{border-top:1px solid var(--line);padding-top:20px;font-size:13px!important}button.close-dialog:not(.button){position:absolute;left:15px;top:10px;border:0;background:none;font-size:28px;color:#b8c4e0}dialog .button{margin-top:12px}
@media(min-width:1700px){.enhanced .copy{width:35%;right:7%;top:25vh}.features li{font-size:17px;padding:13px 0}}
@media(max-height:780px) and (min-width:851px){.enhanced .copy{top:18vh}.copy h1,.copy h2{font-size:clamp(32px,3.2vw,52px);margin-bottom:12px;line-height:1.45}.eyebrow{margin-bottom:12px}.description{font-size:16px;margin-bottom:12px}.features{margin-top:12px}.features li{font-size:14px;padding:7px 0}.service-note,.chapter-caption{margin-top:12px}.journey-footer{bottom:12px}.navigation-top{margin-bottom:8px}.actions{margin-top:24px}.hero-foot{margin-top:20px}}
@media(max-width:850px){.header{height:72px;padding:0 22px;gap:18px}.brand{font-size:13px;gap:8px}.brand img{width:28px;height:28px}.header nav{margin-right:auto;margin-left:0}.header nav a:not(:last-child){display:none}.header nav a{font-size:12px}.motion-toggle{width:29px;height:29px;flex:none}.enhanced .copy{top:106px;right:7%;width:86%;max-width:none}.eyebrow{font-size:12px;margin-bottom:12px}.copy h1,.copy h2{font-size:clamp(30px,5.6vw,45px);line-height:1.5;margin-bottom:12px}.copy h1 br{display:none}.description{font-size:15px;line-height:1.9;max-width:540px;margin-bottom:14px}.hero-copy .description{max-width:none}.actions{gap:22px;margin-top:20px}.button{min-height:47px;padding:0 21px;font-size:14px;gap:25px}.hero-foot{font-size:12px;margin-top:18px}.features{grid-template-columns:1fr 1fr;column-gap:20px;max-width:600px;margin-top:14px}.features li{font-size:13px;line-height:1.9;padding:8px 0;gap:8px;align-items:flex-start}.features li:before{margin-top:11px}.service-note{font-size:12px;margin-top:10px;max-width:650px}.chapter-caption{display:none}.vignette{background:linear-gradient(0deg,#06080efa,transparent 30%,transparent 45%,#06080eeb 62%,#06080e 88%)}.journey-footer{left:6%;right:6%;bottom:15px}.chapters-nav{gap:18px}.chapters-nav a{min-width:103px;font-size:12px}.navigation-top{margin-bottom:8px;font-size:12px}.current-name{display:none}.footer-meta{margin-top:12px}.node button{width:41px;height:41px}.node svg{width:20px;height:20px}.node-label{font-size:12px}.node.is-focused button{width:62px;height:62px}.node.is-focused svg{width:27px;height:27px}.node.is-focused .node-label{font-size:13px}.satellite-label{font-size:12px;padding:4px 8px}.copy{padding:120px 7% 60px;margin:0;max-width:100%}}
@media(max-width:460px){.header{padding:0 17px;gap:12px}.brand{font-size:12px}.header nav a{font-size:12px}.header nav span{display:none}.enhanced .copy{top:96px}.copy h1,.copy h2{font-size:30px}.copy h1{font-size:33px}.copy h1 br{display:block}.description{font-size:14px}.features{gap:0 12px}.features li{font-size:12px;padding:7px 0}.eyebrow{margin-bottom:8px}.service-note{font-size:12px;line-height:1.7}.hero-foot{max-width:250px}.text-link{font-size:13px}.node-label{font-size:11px}.journey-hint{font-size:12px}dialog{padding:32px 24px}}
@media(max-height:690px) and (max-width:850px){.enhanced .copy{top:87px}.copy h1,.copy h2{font-size:27px;line-height:1.4}.description{font-size:14px;line-height:1.7}.eyebrow,.hero-foot,.service-note{display:none}.features li{font-size:12px;padding:5px 0}.actions{margin-top:15px}.navigation-top{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.journey-hint{font-size:0}.journey-hint:before{content:'با اسکرول یا انتخاب بخش‌ها ادامه دهید';font-size:12px}}

/* Motion refinements preserve the approved composition and avoid layout animation. */
.node button{background:radial-gradient(circle at 30% 20%,#aebeff13,#080e1b80);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s,border-color .38s,background .38s;will-change:transform}
.node.is-focused button{width:55px;height:55px;transform:scale(1.3);background:#14223b70}
.node.is-focused svg{width:25px;height:25px}
.node-label{transition:transform .38s,color .3s}
.node.is-focused .node-label{transform:translateY(8px)}
.node:not(.is-focused) button:hover{transform:scale(1.1)}
.node.is-focused button:hover{transform:scale(1.37)}
.chapters-nav a[data-pending]{color:#e0eaff}
.chapters-nav a[data-pending]:before{background:#aec5ff;box-shadow:0 0 15px #89a6ff60}
.enhanced .features li{opacity:.3;transform:translate3d(0,6px,0);transition:opacity .32s ease,transform .42s cubic-bezier(.22,1,.36,1)}
.enhanced .is-active .features li{opacity:1;transform:translate3d(0,0,0)}
.enhanced .is-active .features li:nth-child(2){transition-delay:35ms}
.enhanced .is-active .features li:nth-child(3){transition-delay:70ms}
.enhanced .is-active .features li:nth-child(4){transition-delay:105ms}
@media(max-width:850px){.node.is-focused button{width:41px;height:41px;transform:scale(1.3)}.node.is-focused svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.enhanced .features li{opacity:1;transform:none}.node button{will-change:auto}}

/* Keep the central management control readable over the luminous junction. */
.enhanced .chapter{pointer-events:none}
.node.is-core button{width:66px;height:66px;background:#0b1429;border-color:#d2e3ff;box-shadow:0 0 28px #8baeff66,inset 0 0 18px #9bbdff26}
.node.is-core .node-label{color:#edf4ff;background:#080f20e8;border:1px solid #adcaff33;border-radius:12px;padding:3px 12px}
.node.is-core.is-focused button{width:80px;height:80px}
@media(max-width:850px){.node.is-core button{width:50px;height:50px}.node.is-core.is-focused button{width:62px;height:62px}}

/* Curved highlights keep the service controls legible while giving them glass volume. */
.node button{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 28% 18%,#dbeaff45,transparent 42%),radial-gradient(ellipse at 68% 82%,#6987dc38,transparent 55%),linear-gradient(145deg,#233c63ee,#091226ee 58%,#172b50ee);box-shadow:inset 1px 2px 3px #e3eeff55,inset -3px -5px 12px #010611b3,0 0 22px #789fff30}
.node button:before{content:"";position:absolute;inset:5% 14% 50%;border-radius:50%;background:linear-gradient(165deg,#ebf5ff47,transparent 65%);transform:rotate(-20deg);pointer-events:none}
.node svg{position:relative;z-index:1;filter:drop-shadow(0 1px 3px #020615)}
.node.is-core button{background:radial-gradient(ellipse at 26% 16%,#d5ecff66,transparent 43%),radial-gradient(ellipse at 70% 85%,#7898ec55,transparent 54%),linear-gradient(140deg,#294976,#101b37 60%,#213962);box-shadow:inset 1px 2px 4px #e5f1ff77,inset -4px -7px 14px #030919a6,0 0 24px #8baeff77,0 0 48px #6087f02b}
.node button:hover,.node button:focus-visible{border-color:#f0f6ff;box-shadow:inset 1px 2px 5px #e3eeff66,0 0 30px #8fb5ff66}

/* Invisible semantic hit areas over the rendered planets, with keyboard focus retained. */
.nodes .node{gap:0}
.nodes .node button,.nodes .node button:hover,.nodes .node.is-focused button{background:transparent;border-color:transparent;box-shadow:none;transform:none;transition:none}
.nodes .node button:before,.nodes .node svg,.nodes .node-label{display:none}
.nodes .node button:focus-visible{outline:2px solid #c8e5ff;outline-offset:5px;background:transparent;box-shadow:0 0 18px #8cbbff66}


/* Monitor, software, code and particles share one reversible scroll timeline. */
.store-scene{display:none;position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 32% 53%,#14244a70,transparent 52%),#06080e}
.enhanced .store-scene{display:block}.store-runway{display:none}.enhanced .store-runway{display:block;height:180svh}
.monitor{position:absolute;left:5%;top:25%;width:54%;aspect-ratio:1.63;transform-origin:50% 43%;will-change:transform,opacity;direction:rtl}
.monitor-frame{height:86%;padding:13px 12px 0;border:1px solid #627596;border-radius:17px;background:linear-gradient(145deg,#374259,#0c111e 38%,#1c2638);box-shadow:0 25px 65px #000a,0 0 45px #799eff13;position:relative}
.monitor-camera{position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#7899b4}
.app-preview{height:92%;overflow:hidden;background:#0b1222;border:1px solid #324467;border-radius:5px;color:#c0cde6;font-size:clamp(8px,.85vw,13px)}
.app-top{height:13%;display:flex;align-items:center;padding:0 3%;gap:12px;border-bottom:1px solid #263450;background:#151f34}.app-top span{margin-right:auto;font-size:.8em;color:#879cbf}.app-top i{width:8px;height:8px;background:#8cbaff;border-radius:50%;box-shadow:0 0 10px #77aaff}
.app-layout{display:flex;height:87%}.app-layout aside{width:24%;border-left:1px solid #25314b;display:flex;flex-direction:column;gap:8%;padding:5% 3%;font-size:.86em}.app-layout aside strong{color:#bccaff}.app-layout aside span{color:#7588a8}
.app-main{width:76%;padding:3% 4%}.app-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:4%}.app-heading small{font-size:.7em;color:#677e9e}.app-cards{display:flex;gap:3%}.app-cards>div{flex:1;background:linear-gradient(125deg,#1e2c4b,#111b30);border:1px solid #324362;border-radius:7px;padding:4%;display:flex;flex-direction:column;gap:5px}.app-cards i{font-style:normal;color:#aabfff;font-size:1.4em}.app-cards em{font-style:normal;font-size:.75em;color:#7d92b9}.app-chart{margin-top:4%;height:40%;font-size:.8em}.app-chart svg{height:85%;width:100%;overflow:visible}.app-chart path{fill:none;stroke:url(#chartGlow);stroke-width:2}.app-chart .chart-secondary{opacity:.28}.app-chart circle{fill:#c5d8ff;filter:drop-shadow(0 0 4px #8abaff)}.app-rows{display:flex;gap:5%;margin-top:3%;font-size:.65em;color:#90a3c5}.app-rows i{display:inline-block;width:4px;height:4px;background:#9caaff;border-radius:50%;margin-right:5px}
.monitor-chin{height:8%;display:grid;place-items:center}.monitor-chin span{width:20px;height:2px;background:#8ea8d7;box-shadow:0 0 10px #88aaff}.monitor-neck{height:12%;width:15%;margin:auto;background:linear-gradient(90deg,#0e1523,#485570,#101827);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.monitor-foot{width:38%;height:4%;margin:auto;border-radius:50%;background:linear-gradient(#61708b,#182136);box-shadow:0 20px 30px #000}
#entryParticles{position:absolute;inset:0;width:100%;height:100%}
.in-store .chapters-nav,.in-store .footer-meta>a,.in-store .current-name{visibility:hidden}.in-store .visual .vignette{opacity:0}.in-store .journey-footer .navigation-top{display:flex}.in-store .hero-copy{width:31%;right:4%;top:24vh}.in-store .hero-copy h1{font-size:clamp(32px,3.5vw,58px)}.in-store .hero-copy .actions{gap:16px;flex-wrap:wrap}
@media(max-width:850px){.monitor{left:5%;top:48%;width:90%}.app-preview{font-size:9px}.monitor-frame{padding:9px 7px 0;border-radius:12px}.app-heading small{display:none}.in-store .hero-copy{top:96px;right:7%;width:86%}.in-store .hero-copy h1{font-size:30px}.in-store .hero-copy .actions{flex-wrap:nowrap}.in-store .hero-copy .hero-foot{display:none}.in-store .chapters-nav{display:none}.in-store .journey-footer{bottom:15px}.in-store .navigation-top{font-size:11px}}
@media(max-height:690px) and (max-width:850px){.in-store .hero-copy{top:85px}.in-store .hero-copy h1{font-size:25px}.in-store .hero-copy .description{font-size:12px}.in-store .hero-copy .actions{margin-top:10px}.in-store .hero-copy .button{min-height:38px}.monitor{top:50%}}
@media(max-height:500px) and (min-width:600px){.monitor{left:4%;top:27%;width:49%;max-height:65vh}.in-store .hero-copy{width:39%;right:3%;top:85px}.in-store .hero-copy h1{font-size:24px}.in-store .hero-copy .actions{gap:8px}.in-store .hero-copy .button{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.monitor{will-change:auto}}

@media(max-width:850px){.app-preview{font-size:7px}.app-cards>div{padding:3%;gap:2px}.app-cards i{font-size:1.1em}.app-main{padding:2% 3%}.app-chart{margin-top:3%;height:38%}.app-layout aside{gap:7%}.app-heading{margin-bottom:3%}.app-rows{display:none}}

/* Fade interface labels before enlargement; the chart is handed to the particle renderer. */
.app-top,.app-layout aside,.app-heading,.app-cards,.app-rows,.app-chart>span{opacity:var(--interface-opacity,1)}
@media(max-width:850px){.app-preview{font-size:10px}.app-layout aside,.app-heading,.app-cards>div:last-child,.app-top span{display:none}.app-main{width:100%;padding:3% 4%;position:relative}.app-cards{height:34%;gap:4%}.app-cards>div{padding:3%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px}.app-cards em{display:none}.app-chart{height:59%;margin-top:3%}.app-chart>span{font-size:8px}.app-chart svg{height:83%}.app-top b{font-size:9px}}

.planet-entry{position:fixed;z-index:12;transform:translateX(-50%);border:1px solid #a0c7ff80;border-radius:24px;padding:11px 18px;min-height:44px;color:#dfecff;background:#10213bea;box-shadow:0 0 25px #6ea8ff35;font-size:13px;white-space:nowrap}.planet-entry:hover{background:#20395c;box-shadow:0 0 30px #91bdff65}.planet-entry span{padding-right:8px}
html.inside-planet{overflow:hidden}.planet-interior{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(22px,5vw,70px);border:0;border-radius:0;overflow:auto;overscroll-behavior:contain;color:#dce7ff;background:radial-gradient(ellipse at 27% 49%,#25346680,transparent 50%),radial-gradient(circle at 80% 80%,#29204455,transparent 40%),#060a15}.planet-interior[open]{animation:planet-arrival .75s cubic-bezier(.2,.7,.2,1) both;transform-origin:var(--portal-x,30vw) var(--portal-y,50vh)}.planet-interior::backdrop{background:#050913ed}
@keyframes planet-arrival{from{opacity:0;clip-path:circle(0% at var(--portal-x) var(--portal-y))}to{opacity:1;clip-path:circle(150% at var(--portal-x) var(--portal-y))}}
.planet-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.planet-top small{color:#9eaff0}.planet-top h2{font-size:clamp(24px,3vw,42px);margin:12px 0}.planet-back{min-height:44px;padding:10px 18px;background:#16233d;border:1px solid #809bcc70;border-radius:22px;font-size:13px}.planet-intro{color:#99aac7;margin:12px 0 35px}.planet-room{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;direction:ltr;min-height:420px}.planet-orb{grid-row:1/3;position:relative;width:min(32vw,370px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 33% 30%,#c8dfff99,transparent 20%),radial-gradient(circle at 40% 40%,#657ede55,#122748 58%,#040916 75%);box-shadow:inset -20px -20px 40px #02040a,0 0 55px #729dff55;border:1px solid #9abfff80;display:grid;place-items:center}.planet-orb span{font-size:70px;color:#c4d6ff;text-shadow:0 0 25px #8eb7ff}.planet-orb i{position:absolute;inset:-12%;border:1px dotted #afc5ffb0;border-radius:50%;transform:rotateX(65deg) rotate(-25deg)}.planet-orb i:nth-child(2){transform:rotateY(65deg) rotate(35deg)}.planet-orb i:nth-child(3){inset:10%;border-color:#708ed455;transform:rotate(-30deg)}
.planet-options{display:flex;gap:10px;direction:rtl;align-self:end;flex-wrap:wrap}.planet-options button{padding:12px 20px;min-height:46px;border-radius:22px;border:1px solid #647caa80;background:#111c30;color:#c0d0ef}.planet-options button[aria-pressed=true]{background:#b8d1ff;color:#101c32;border-color:#c4d8ff}.room-panel{direction:rtl;align-self:start;border:1px solid #6b8abc45;border-radius:18px;background:#14213b80;padding:28px;min-height:245px}.room-panel h3{font-size:21px;margin:0 0 16px}.room-panel p,.room-panel li{font-size:14px;color:#a8bad7;line-height:2}.room-panel ul{padding-right:20px}.planet-prototype{font-size:12px;color:#8596b5;text-align:center;margin:32px 0 0}
@media(max-width:850px){.planet-top{align-items:flex-start;flex-direction:column;gap:8px}.planet-top h2{font-size:26px}.planet-intro{font-size:13px;margin-bottom:18px}.planet-room{grid-template-columns:1fr;gap:20px;min-height:0}.planet-orb{grid-row:auto;width:155px;margin:20px auto 30px}.planet-orb span{font-size:45px}.planet-options{justify-content:center;gap:7px}.planet-options button{padding:10px 13px;font-size:12px}.room-panel{padding:20px;min-height:220px}.room-panel h3{font-size:18px}.planet-prototype{text-align:right;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.planet-interior[open]{animation:none}}

.enhanced{overflow-anchor:none}

.planet-entry.on-planet{background:#101d39e8;border-color:#c8dcffb0;box-shadow:0 0 24px #7eaaff80;font-size:13px;padding:12px 17px}.planet-entry.on-planet:after{content:'یا اسکرول را ادامه دهید';position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);font-size:11px;color:#c4d3ed;text-shadow:0 2px 5px #000;white-space:nowrap;pointer-events:none}

.app-preview{background:rgba(11,18,34,var(--screen-opacity,1));border-color:rgba(50,68,103,var(--screen-opacity,1))}.app-chart svg{overflow:visible}.chart-traveler{fill:#deedff;filter:drop-shadow(0 0 5px #93bcff)}

.planet-entry.compact-core{width:70px;padding:8px;font-size:12px;min-height:44px}.planet-entry.compact-core span{padding-right:4px}
@media(max-width:850px) and (orientation:landscape){.enhanced .copy{right:4%;width:46%;top:86px}.in-store .hero-copy{right:3%;width:39%;top:85px}}

/* Two separately triggered stages share a reversible entrance timeline. */
.enhanced .store-runway{height:400svh}
.enhanced #network{transition:none}
/* The hardware disappears before descent; the screen content continues into depth. */
.monitor-frame{border-color:rgba(98,117,150,var(--hardware-opacity,1));background:linear-gradient(145deg,rgba(55,66,89,var(--hardware-opacity,1)),rgba(12,17,30,var(--hardware-opacity,1)) 38%,rgba(28,38,56,var(--hardware-opacity,1)));box-shadow:0 25px 65px rgba(0,0,0,calc(var(--hardware-opacity,1)*.67)),0 0 45px rgba(121,158,255,calc(var(--hardware-opacity,1)*.075))}
.monitor-camera,.monitor-chin,.monitor-neck,.monitor-foot{opacity:var(--hardware-opacity,1)}
.app-preview{border-color:rgba(50,68,103,calc(var(--screen-opacity,1)*var(--hardware-opacity,1)))}

/* Flight chrome follows immersion; the pause control remains available. */
.header{transition:background .3s,border-color .3s,backdrop-filter .3s}
.in-store .header{background:rgba(6,8,14,calc(.46*var(--entry-chrome,1)));border-bottom-color:rgba(220,230,255,calc(.08*var(--entry-chrome,1)));backdrop-filter:blur(calc(16px*var(--entry-chrome,1)))}
.in-store .header nav,.in-store .header .brand{opacity:var(--entry-chrome,1);transition:opacity .25s}
.in-store[data-entry-phase=descent] .header nav,.in-store[data-entry-phase=descent] .header .brand,.in-store[data-entry-phase=travel] .header nav,.in-store[data-entry-phase=travel] .header .brand{visibility:hidden;pointer-events:none}
.in-store .journey-footer{background:none;padding-top:0}
.in-store .chapters-nav{display:none}
.in-store .journey-footer .navigation-top{margin-bottom:8px}
.in-store .journey-footer .footer-meta{margin-top:0}
.in-store .journey-hint,.in-store .footer-meta button{text-shadow:0 1px 8px #06080e}

@media(min-width:851px){
 .in-store.entry-arriving .hero-copy{width:var(--entry-final-width);right:var(--entry-final-right);top:var(--entry-final-top)}
 .in-store.entry-arriving .hero-copy h1{font-size:var(--entry-final-font)}
 .in-store.entry-arriving .hero-copy .actions{gap:var(--entry-final-gap);flex-wrap:var(--entry-final-wrap)}
 .in-store .journey-hint{position:fixed;right:6%;bottom:18px}
}

@media(min-width:851px){.in-store .journey-hint{color:#b8cae7;font-size:13px;line-height:1.6}.in-store .footer-meta button{color:#a6badb}}

.app-cards>div{background:linear-gradient(125deg,rgba(30,44,75,var(--card-surface,1)),rgba(17,27,48,var(--card-surface,1)));border-color:rgba(50,67,98,var(--card-surface,1))}

/* The screen becomes a continuous field before the downward camera turn. */
.in-store .store-scene{background:radial-gradient(ellipse at 48% 48%,rgba(19,36,67,calc(var(--entry-sky,0)*.45)),transparent 72%)}
.app-preview{background:rgba(11,18,34,var(--screen-surface,1))}
.app-top{background:rgba(21,31,52,var(--screen-surface,1));border-bottom-color:rgba(38,52,80,var(--screen-surface,1))}
.app-layout aside{border-left-color:rgba(37,49,75,var(--screen-surface,1))}
.monitor-frame:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:calc(var(--entry-reflection,0)*var(--hardware-opacity,1));box-shadow:inset 0 -10px 30px #80b7ff28,inset 0 0 14px #a9ceff22; background:radial-gradient(ellipse at 50% 100%,#85baff13,transparent 60%)}