:root{--bg:#09121d;--blue:#a4d6ee;--warm:#d2b18c;--line:#bdcfdb24;--pad:6vw}body{background:var(--bg);color:#edf2f3;overflow-x:hidden}.section{padding:110px var(--pad)}.eyebrow{color:var(--warm)!important;font:10px/1.5 Arial;letter-spacing:.2em}.button{background:var(--blue);border-radius:2px;padding:13px 22px}.button:hover{background:#d5effb}.text-link{font-size:12px;border-color:var(--line);border-radius:0}.brand{display:block;width:106px;height:65px;position:relative;overflow:hidden;flex:none;mix-blend-mode:lighten}.brand img.logo{position:absolute;width:164px!important;height:auto!important;max-width:none;left:-29px;top:-39px;filter:none!important}.report-head .brand{transform:scale(.7);transform-origin:right center;height:50px;margin-bottom:-10px}header{height:84px;padding:0 4vw;gap:40px;background:#09121db3;border-bottom:1px solid #ffffff10}header[data-tone=light]{background:#09121df2;color:#edf2f3;border-color:#ffffff10}header a.small{background:none;color:#dbeaf2;padding:10px 0;border-bottom:1px solid #92b6cc77;border-radius:0;font-size:11px;gap:25px}header nav{gap:32px}header nav a{font-size:12px;color:#aabdc9}#language-switch{border:0;width:auto;font-size:10px;border-radius:0;padding:8px}#menu-button{display:none;width:35px;padding:8px;background:none;color:white}#menu-button i{display:block;width:100%;height:1px;background:currentColor;margin:6px 0;transition:transform .25s}body.menu-open{overflow:hidden}.menu-open #menu-button i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open #menu-button i:last-child{transform:translateY(-3.5px) rotate(-45deg)}#mobile-menu{position:fixed;inset:72px 0 0;z-index:29;background:#0a1421;padding:40px 24px}#mobile-menu a{display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);font-size:23px}#mobile-menu span{font:10px Arial;color:var(--warm)}
#journey{height:680svh}.stage{background:var(--bg);min-height:620px;isolation:isolate}.studio-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 24% 35%,#6856432b,transparent 45%),radial-gradient(ellipse at 82% 40%,#28435635,transparent 60%),var(--bg)}.light-slit{position:absolute;left:9%;top:13%;height:60%;width:1px;background:linear-gradient(transparent,#d6b38e55,transparent);box-shadow:0 0 45px 7px #c9a67d11}.studio-floor{position:absolute;inset:60% 0 0;background:radial-gradient(ellipse at 35% 0,#9aaab412,transparent 70%),linear-gradient(#101e2b00,#101e2b44)}#cinematic-hero{z-index:2;background:none;will-change:opacity,transform;transform-origin:45% 58%}#cinematic-hero picture{display:contents}#cinematic-hero img{position:absolute;left:0;bottom:5%;width:100%;height:91%;object-fit:cover;object-position:50% 70%;max-width:none;filter:none;mask-image:none;transform:none!important}#cinematic-hero .hero-shade{background:linear-gradient(180deg,#09121d 1%,#09121d99 15%,transparent 43%,transparent 72%,#09121d 94%),linear-gradient(270deg,#07111a99,transparent 50%)}.hero-copy{top:17%;right:var(--pad);width:45%;z-index:5;text-shadow:0 2px 28px #0004;animation:none;transition:none}.hero-copy h1{font-size:clamp(33px,4.5vw,72px);line-height:1.5;margin:16px 0 20px;letter-spacing:-1.5px;font-weight:500}.hero-copy h1 em{color:var(--blue);font-weight:600}.hero-copy>p:not(.eyebrow){font-size:13px;color:#c6d1d8;line-height:2.1;max-width:440px}.hero-copy .text-link{margin-top:22px;font-size:12px;gap:28px}.hero-copy .text-link>span{font-size:19px;color:var(--warm)}.hero-copy .eyebrow{font-size:9px;color:#b9c9d3!important}.stage.details .hero-copy{transform:none;visibility:visible}.hero-edition{position:absolute;left:var(--pad);top:17%;z-index:4;direction:ltr;display:grid;gap:8px;font:9px Arial;letter-spacing:.2em;color:#c8ccd08a}.hero-edition small{font-size:8px;color:#a8b5c466}.scan-plane{position:absolute;z-index:6;left:0;top:59%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#d7dfe47a,transparent);opacity:0;pointer-events:none;box-shadow:0 -14px 60px 15px #acd5e30c}
#component-view{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none}.technical-rule{position:absolute;top:18%;left:var(--pad);width:55%;display:flex;justify-content:space-between;direction:ltr;font:8px/1.4 monospace;letter-spacing:.13em;color:#8196a5;border-top:1px solid #abb6bc24;padding-top:12px}.component-halo{position:absolute;left:3%;top:25%;width:60%;height:53%;border-radius:50%;background:radial-gradient(ellipse,#8294a40d,transparent 65%);filter:blur(12px)}.component-shadow{position:absolute;left:10%;top:72%;width:46%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 70%);filter:blur(20px)}.part-image{position:absolute;left:2%;top:16%;width:65%;height:68%;object-fit:contain;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 22px 25px #0004)}.cell-image{left:14%;width:40%;top:16%;height:65%}.context-pack{position:absolute;left:1%;top:34%;width:43%;height:38%;object-fit:contain;opacity:0;filter:blur(2px) saturate(.5);will-change:opacity,transform}.part-card,.stage.details .part-card{z-index:7;right:var(--pad);top:27%;width:29%;max-width:430px;background:none;border:0;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none;animation:none;transition:none;transform:none!important}.stage.details .part-card:before{display:none}.card-meta{font:9px/1.5 Arial;letter-spacing:.15em;border-top:1px solid #abc1d03d;border-bottom:0;padding:14px 0 25px;margin:0;color:#afbdc5}.card-meta span:first-child{color:var(--warm)}.part-card h2{font-size:clamp(29px,3vw,47px);line-height:1.55;margin:0 0 22px}.part-card>p:not(.eyebrow){font-size:13px;color:#b0c0ca;line-height:2.1}.focus-insight{margin-top:25px;padding:19px 0 17px;border-top:1px solid #bbd0db26;border-bottom:1px solid #bbd0db26;min-height:116px}.focus-insight>span{display:block;font-size:10px;color:var(--warm);margin-bottom:8px}.focus-insight p{font-size:12px;color:#d5dfe4;line-height:2}.part-card .text-link{margin-top:12px;font-size:11px;gap:25px}.view-switch{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:21px}.view-switch button{font-size:10px;display:flex;align-items:center;gap:9px;color:#b7d5e6;padding:8px 0;background:none}.view-switch i{height:5px;width:5px;border-radius:50%;background:#8dbcd3;box-shadow:0 0 10px #8dbcd333}.view-switch button[aria-pressed=true] i{background:var(--warm)}.view-switch>span{font-size:9px;color:#748b9a}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:auto;touch-action:pan-y;cursor:grab}#scene:active{cursor:grabbing}.live-mode .part-image,.live-mode .context-pack{visibility:hidden!important}.live-mode #hotspots{visibility:hidden!important}.stage-toast{position:absolute;z-index:15;left:50%;bottom:165px;transform:translateX(-50%);max-width:calc(100% - 40px);width:max-content;padding:13px 20px;background:#172c3ef2;border:1px solid #7393a54d;border-radius:3px;font-size:12px;text-align:center;backdrop-filter:blur(10px)}
#hotspots{position:absolute;inset:0;z-index:6;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;font-size:10px;color:#bfccd4;padding:8px 11px 8px 8px;background:#0c1925c9;border:1px solid #a9c6d52e;backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;white-space:nowrap;border-radius:2px;transition:background .25s,border-color .25s}.hotspot:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--warm);box-shadow:0 0 0 4px #cbb18c12}.hotspot:after{content:'';height:1px;width:30px;background:linear-gradient(90deg,transparent,#b7c8d755);position:absolute;right:100%;top:50%;transform-origin:right center;transform:rotate(-25deg)}.hotspot:hover,.hotspot.active{background:#243b4bee;border-color:#bedbea80;color:white}.hotspot.active:before{box-shadow:0 0 0 5px #cbb18c20}.chapter-bar{bottom:25px;right:var(--pad);left:var(--pad);padding:0;z-index:9;border:0;background:none;direction:ltr}.chapter-top{font-size:10px;color:#aebdc8;gap:15px}.chapter-top>span:first-child{font:9px Arial;letter-spacing:.15em;color:#d4dce2}.chapter-top .scroll-hint{font-size:9px;color:#96a7b4}.chapter-top a{font-size:10px}.chapter-track{height:1px;background:#b9cbd038;margin:22px 0 17px}.chapter-track>div{height:100%;background:linear-gradient(90deg,#d7b992,#a9daec);width:0%;box-shadow:0 0 8px #9ed2ed20}#chapters{direction:rtl;gap:15px}#chapters button{font-size:10px;display:flex;align-items:center;gap:10px;padding:6px 0;min-height:32px;position:relative;color:#8194a1}#chapters button b{font:8px monospace;color:#637c8d;margin:0}#chapters button.active{color:#edf1f4}#chapters button.active b{color:var(--warm)}#chapters button:after{content:'';position:absolute;top:-18px;width:5px;height:5px;border-radius:50%;background:#d4e5ec;left:50%;opacity:0}#chapters button.active:after{opacity:1}.concept-caption{position:absolute;bottom:143px;left:var(--pad);z-index:6;font-size:8px;color:#78919e}
.manifesto{padding:95px var(--pad);grid-template-columns:.7fr 1.7fr 1.1fr 55px;gap:35px;background:linear-gradient(110deg,#12222f,#0b1520);border-top:1px solid var(--line)}.manifesto h2{font-size:clamp(26px,3vw,44px);line-height:1.8}.manifesto-index{font-size:9px;color:var(--warm)}.manifesto p{font-size:12px;line-height:2.2;color:#a4b7c4}.manifesto-link{width:49px;height:49px;font-size:25px;color:var(--warm);border-color:#9ab7c442}.services,.process,.faq,footer{color:#edf2f3;background:#101b27}.services .intro,.services .service-row p{color:#9bafbd}.section h2{margin:18px 0 25px}.section-heading{align-items:start;margin-bottom:50px}.section-heading h2{font-size:clamp(30px,3.4vw,48px);line-height:1.6}.section-heading h2 span{color:var(--blue)}.section-heading .intro{font-size:12px;line-height:2.2;max-width:330px;padding-top:30px}.expertise-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;direction:ltr}.service-visual{position:relative;min-height:580px;background:radial-gradient(ellipse at 50% 38%,#b0b6a714,transparent 65%),#0c1621;overflow:hidden;direction:rtl}.service-image-wrap{position:absolute;inset:4% -5% 16%;display:grid;place-items:center}.service-image-wrap img{width:100%;height:100%;object-fit:contain;transition:opacity .3s,transform .6s}.service-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0c1621 100%);pointer-events:none}.service-visual-caption{position:absolute;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;direction:ltr;font:8px Arial;letter-spacing:.15em;color:#a4bac7}.service-visual-caption span:last-child{color:var(--warm)}.service-visual h3{position:absolute;right:32px;left:32px;bottom:35px;font-size:clamp(25px,3.1vw,43px);line-height:1.7}#service-list{direction:rtl}.service-row{border-color:var(--line);grid-template-columns:24px 1fr 42px;gap:16px;padding:20px 0}.service-row:last-child{border-color:var(--line)}.service-row:hover{background:none;padding-inline:0}.service-row h3{font-size:18px}.service-row .en{font-size:8px;letter-spacing:.12em;color:#718d9f}.service-row .number{font-size:10px;color:#7390a1}.service-row p{grid-column:2;grid-row:2;font-size:12px;max-width:none;line-height:2.1}.service-row a{grid-column:3;grid-row:1/3;border-color:#aac4d533;color:#b5dcee;width:38px;height:38px;font-size:19px}.service-row:hover a{background:#243b4b;transform:rotate(-25deg)}.service-row.active h3{color:var(--blue)}.service-row:not(.active) p{display:none}.service-title{background:none;text-align:right;padding:0;color:inherit}.service-title:focus-visible{outline-offset:7px}
.approach{background:radial-gradient(ellipse at 10% 50%,#2c3d483d,transparent 60%),#0a1420;gap:10vw;border-top:1px solid var(--line);align-items:center}.approach h2{font-size:clamp(33px,4vw,59px);line-height:1.65}.approach .intro{font-size:13px;color:#a9bac6;line-height:2.15}.report{background:#e7e9e3;color:#173244;box-shadow:0 30px 90px #0004,15px 15px #86919b08;border:0;border-radius:2px;padding:28px;transform:rotate(-3deg)}.report-head{border-bottom:1px solid #263e5126;padding-bottom:15px;margin-bottom:20px}.report-head>span{color:#5f7682}.report-title{font-size:27px;font-weight:600;margin:10px 0}.report>p.report-subtitle{border:0;padding:0;color:#647b83;font-size:10px;line-height:1.9}.report>div:not(.report-head):not(.report-chart){border-color:#263e5120}.report b{color:#7d909a}.report small{color:#7d909a}.report>p{color:#7d909a;border-color:#263e5120}.report-chart{position:relative;display:block!important;height:100px;margin:25px 0 8px;padding:0!important;border:0!important;background:repeating-linear-gradient(0deg,transparent 0 25px,#334f6112 26px),repeating-linear-gradient(90deg,transparent 0 57px,#334f6112 58px)}.report-chart svg{width:100%;height:100%;fill:none;stroke:#417e92;stroke-width:1.8}.report-chart .secondary{stroke:#b49c78;stroke-width:1.2}.process{background:#111e2b;border-top:1px solid var(--line)}.steps{gap:36px;margin-top:60px}.steps article{border-color:#a9c0cd35}.steps b{color:#a1b5c170}.steps p{color:#8da4b4;font-size:12px;line-height:2.1}.faq{background:#0c1723;padding-top:90px;gap:10vw}.faq h2{font-size:clamp(32px,3.4vw,48px)}details{border-color:var(--line);padding:23px 0}summary{font-size:14px}summary:after{color:var(--warm)}details p{color:#9db0bd;font-size:12px;line-height:2.1}.booking{background:radial-gradient(ellipse at 85% 10%,#34465228,transparent 70%),#122333;gap:9vw;border-top:1px solid var(--line)}.booking h2{font-size:clamp(33px,3.4vw,48px);line-height:1.65}.booking .intro{font-size:13px;color:#b4c4ce}.demo-note{font-size:10px;color:#7896aa;border-color:#b89d774d;line-height:2.1}.booking .text-link{font:15px Arial;gap:20px;padding:18px 0}form{background:#09172577;border-color:#a7c6d526;border-radius:2px;padding:30px}input,select,textarea{background:#091623;border-radius:2px;padding:11px 12px;border-color:#94b2c430;font-size:13px}.form-progress{color:#b4ccd8}#review>div{border-color:var(--line)}#form-result .button{font-size:11px}#form-result .text-link{font:11px Vazirmatn,Arial;margin-right:15px}.form-actions .button{font-size:12px}footer{background:var(--bg);padding:60px var(--pad) 25px}.footer-top{gap:45px}.footer-top p{font-size:13px;color:#9eb2c0}.footer-top p span{color:#7d96a7}.footer-top>div{font-size:11px;color:#91aabb}.footer-bottom{border-color:var(--line);color:#577388;font-size:9px}.footer-bottom .text-link{font-size:9px}.reveal{transition:opacity .75s ease,translate .75s ease}html[lang=en] .hero-copy h1{font-size:clamp(35px,4.3vw,69px);line-height:1.14;letter-spacing:-.045em}html[lang=en] .hero-copy>p:not(.eyebrow),html[lang=en] .hero-copy .text-link{background:none;box-shadow:none;text-shadow:0 2px 20px #0005}html[lang=en] .part-card h2{font-size:clamp(30px,3vw,48px);line-height:1.2}html[lang=en] .service-title{text-align:left}html[lang=en] #service-list{direction:ltr}html[lang=en] .expertise-layout{direction:rtl}html[lang=en] .service-visual{text-align:left}
@media(max-width:1100px){:root{--pad:5vw}.hero-copy{width:49%;top:19%}.hero-copy h1{font-size:47px}.part-card,.stage.details .part-card{width:32%;right:5%;top:26%}.part-card h2{font-size:32px}.part-card>p:not(.eyebrow){font-size:12px}.focus-insight{margin-top:18px;padding-top:15px}.expertise-layout{gap:5vw}.service-visual{min-height:530px}.service-row h3{font-size:16px}.approach,.booking{gap:6vw}.manifesto{grid-template-columns:1.6fr 1fr 55px}.manifesto-index{grid-column:1/-1}.report{padding:24px}.report-title{font-size:24px}}
@media(max-width:700px){:root{--pad:24px}html{scroll-padding-top:72px}.section{padding:65px 24px}header{height:72px;padding:0 20px;gap:17px;justify-content:space-between}.brand{width:83px;height:55px}.brand img.logo{width:134px!important;left:-24px;top:-32px}header nav{display:none}header a.small{font-size:10px;padding:8px 0;gap:14px}#language-switch{font-size:9px;padding:7px;width:auto;height:auto}#menu-button{display:block}.stage{min-height:650px}#journey{height:660svh}#cinematic-hero img{width:100%;height:100%;left:0;bottom:0;object-fit:cover;object-position:50% 57%;mask-image:none}#cinematic-hero .hero-shade{background:linear-gradient(180deg,#09121d66,transparent 35%,transparent 62%,#09121dbb 80%,#09121d 95%)}.hero-copy{top:15%;right:24px;left:24px;width:auto;text-align:right}.hero-copy .eyebrow{text-align:right;font-size:8px;letter-spacing:.17em}.hero-copy h1{font-size:clamp(28px,8vw,40px);line-height:1.6;letter-spacing:-1px;margin:14px 0 17px}.hero-copy>p:not(.eyebrow){font-size:11px;line-height:2;max-width:none}.hero-copy .text-link{font-size:10px;margin-top:13px;gap:22px;padding:9px 0;display:inline-flex}.hero-edition{display:none}.technical-rule{top:14%;left:24px;right:24px;width:auto;font-size:7px;padding-top:9px}.component-halo{left:0;top:14%;width:100%;height:40%}.component-shadow{left:10%;top:41%;width:80%;height:9%}.part-image{left:-7%;top:13%;width:114%;height:40%;filter:drop-shadow(0 15px 20px #0004)}.cell-image{left:26%;width:48%;height:37%;top:13%}.context-pack{left:-9%;top:20%;width:77%;height:30%}.part-card,.stage.details .part-card{top:auto;bottom:155px;right:24px;left:24px;width:auto;max-width:none;padding:0}.card-meta{font-size:8px;padding:11px 0 12px}.part-card h2{font-size:27px;line-height:1.5;margin:0 0 11px}.part-card>p:not(.eyebrow){font-size:11px;line-height:1.9}.focus-insight{margin-top:14px;padding:12px 0 0;border-bottom:0;min-height:0;display:grid;grid-template-columns:80px 1fr;gap:12px}.focus-insight>span{font-size:8px;margin:2px 0 0}.focus-insight p{font-size:10px;line-height:1.9}.part-card .text-link{font-size:10px;padding:8px 0;margin-top:8px;gap:16px}.view-switch{position:absolute;bottom:-35px;left:0;right:0;margin:0}.view-switch button{font-size:9px;padding:5px 0}.view-switch>span{font-size:8px}.hotspot{font-size:8px;padding:6px 8px;gap:8px;max-width:120px;white-space:normal;text-align:right}.hotspot:after{width:18px}.hotspot:before{width:3px;height:3px;flex:none}.hotspot:nth-child(3){display:none}.chapter-bar{bottom:16px;padding:0;left:24px;right:24px;background:none}.chapter-top{font-size:8px;gap:10px}.chapter-top>span:first-child{font-size:7px;letter-spacing:.05em}.chapter-top .scroll-hint{display:none}.chapter-top a{font-size:8px}.chapter-track{margin:15px 0 10px}#chapters{gap:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}#chapters button{font-size:9px;gap:6px;min-height:34px;flex:none}#chapters button b{font-size:7px}#chapters button:after{top:-12px}.concept-caption{display:none}.stage-toast{bottom:130px;width:calc(100% - 48px);font-size:10px}.manifesto{padding:55px 24px;grid-template-columns:1fr 48px;gap:22px}.manifesto-index{font-size:8px;margin:0}.manifesto h2{font-size:29px;line-height:1.75;grid-column:1/-1}.manifesto p{font-size:11px}.manifesto-link{width:41px;height:41px;font-size:22px}.section-heading{margin-bottom:30px;gap:25px}.section-heading h2{font-size:31px;line-height:1.6}.section-heading .intro{padding-top:0;font-size:11px;max-width:none}.expertise-layout{grid-template-columns:1fr;gap:30px}.service-visual{min-height:365px}.service-image-wrap{inset:1% -4% 12%}.service-visual h3{font-size:30px;bottom:22px;right:22px;left:22px}.service-visual-caption{top:20px;left:22px;right:22px;font-size:7px}.service-row{padding:18px 0;gap:12px;grid-template-columns:22px 1fr 36px}.service-row h3{font-size:17px}.service-row p{font-size:11px}.service-row .en{font-size:7px}.service-row a{width:36px;height:36px}.approach{grid-template-columns:1fr;gap:35px}.approach h2{font-size:38px;line-height:1.6}.approach .intro{font-size:12px}.report{padding:24px;transform:rotate(-2deg);margin:15px 6px}.report-title{font-size:25px}.report-head>span{font-size:7px}.report span{font-size:12px}.report small{font-size:9px}.report-chart{height:90px}.process h2{font-size:31px;line-height:1.6}.steps{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:35px}.steps b{font-size:28px}.steps h3{font-size:15px;margin:18px 0 10px}.steps p{font-size:11px}.faq{grid-template-columns:1fr;gap:32px}.faq h2{font-size:33px}.faq details{padding:20px 0}summary{font-size:12px}details p{font-size:11px}.booking{grid-template-columns:1fr;gap:35px}.booking h2{font-size:33px;line-height:1.6}.booking .intro{font-size:12px}.demo-note{font-size:9px;margin:25px 0}.booking .text-link{font-size:14px}.booking form{padding:23px}.form-grid{gap:0 12px}input,select,textarea{font-size:12px;padding:11px 10px}.form-actions .button{font-size:11px}#form-result .text-link{font-size:10px;margin-right:0;display:inline-flex}#form-result .button{font-size:11px}.footer-top{gap:25px}.footer-top p{font-size:11px}.footer-top p span{font-size:8px}.footer-top>div{font-size:11px}.footer-bottom{gap:12px;font-size:8px}html[lang=en] .hero-copy h1{font-size:36px;line-height:1.13;letter-spacing:-.04em}html[lang=en] .hero-copy{text-align:left}html[lang=en] .hero-copy .eyebrow{text-align:left}html[lang=en] .part-card h2{font-size:29px;line-height:1.15}html[lang=en] .manifesto h2{line-height:1.25}}
@media(max-width:700px) and (max-height:760px){.hero-copy{top:16%}.hero-copy h1{font-size:29px;line-height:1.5;margin:10px 0}.hero-copy>p:not(.eyebrow){font-size:10px}.hero-copy .text-link{margin-top:8px}.part-image{top:14%;height:35%}.cell-image{height:31%}.technical-rule{top:13%}.part-card,.stage.details .part-card{bottom:145px}.part-card h2{font-size:24px;margin-bottom:8px}.card-meta{padding:9px 0}.part-card>p:not(.eyebrow){font-size:10px;line-height:1.85}.focus-insight{margin-top:10px;padding-top:10px}.focus-insight p{font-size:9px}.part-card .text-link{font-size:9px;padding:6px 0}.view-switch{bottom:-30px}.view-switch button{font-size:8px}html[lang=en] .hero-copy h1{font-size:31px}html[lang=en] .part-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.part-card{animation:none!important}.part-image,#cinematic-hero{will-change:auto}.reveal{opacity:1;translate:none}.report{transform:none}.part-card{transform:none!important}}
/* Final framing keeps the complete vehicle visible and separates the component from copy. */
@media(min-width:701px){#cinematic-hero img{height:auto;width:100%;max-height:94%;object-fit:contain;bottom:7%}.hero-copy{top:16%}.hero-copy h1{font-size:clamp(33px,4.15vw,66px);line-height:1.48}.part-image{width:61%;left:1%}.cell-image{width:38%;left:13%}}
@media(max-width:700px){.part-image{left:2%;width:96%;top:15%;height:36%}.cell-image{left:26%;width:48%;height:37%;top:13%}}
.report-head .brand{mix-blend-mode:multiply}.report-head .brand img.logo{top:-51px}
/* Calibrated component annotations and bounded reading areas. */
.stage{height:100svh;min-height:0}
#component-view{left:2%;right:38%;top:112px;bottom:148px;width:60%;height:auto}
#component-view .technical-rule{top:0;left:5%;width:90%;font-size:8px}
#component-view .part-image{left:0;top:16px;width:100%;height:calc(100% - 16px);transform-origin:50% 50%}
#component-view .cell-image{left:22%;width:56%}
#component-view .context-pack{left:0;top:33%;width:65%;height:60%}
#component-view .component-halo{inset:10% 0 0;width:100%;height:90%}
#component-view .component-shadow{left:10%;top:85%;width:80%;height:10%}
#component-view #scene{inset:0;width:100%;height:100%}
#annotation-lines{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:hidden}
#annotation-lines path{fill:none;stroke:#c8dcebaa;stroke-width:1;vector-effect:non-scaling-stroke}
#annotation-lines circle{fill:#e6c098;stroke:#102232;stroke-width:1}
#hotspots{z-index:7;transition:opacity .15s}
.hotspot{display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:156px;min-height:44px;text-align:start;white-space:normal;padding:7px 10px;background:#0c1925ed}
.hotspot:before,.hotspot:after{display:none}
.hotspot span[lang=fa]{font:11px/1.6 Vazirmatn,Arial;color:#e0e9ee}
.hotspot span[lang=en]{font:10px/1.4 Arial;letter-spacing:.01em;color:#a4becf}
.hotspot:nth-child(3){display:flex}
.part-card,.stage.details .part-card{top:116px;bottom:143px;max-height:none;right:var(--pad);width:29%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#496070 transparent;overscroll-behavior:contain;padding:0 2px 8px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;max-width:470px}
.card-meta{flex:none;font-size:9px;padding:10px 0 18px;margin:0}
.component-heading{display:grid;gap:7px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:17px;flex:none}
.component-heading #part-en{font:500 clamp(19px,1.9vw,29px)/1.25 Arial;letter-spacing:.035em;color:var(--blue);overflow-wrap:anywhere;text-align:start}
.part-card .component-heading #part-fa{font:500 clamp(23px,2vw,31px)/1.6 Vazirmatn,Arial;margin:0;letter-spacing:0;color:#f0f4f6;text-align:right}
.part-card #part-title{font-size:clamp(17px,1.45vw,22px);line-height:1.7;margin:0 0 12px;font-weight:500;flex:none}
.part-card #part-copy{font-size:12px;line-height:2;flex:none}
.focus-insight{min-height:0;margin-top:18px;padding:14px 0;flex:none}
.focus-insight p{font-size:11px;line-height:1.95}.focus-insight>span{font-size:10px}
.part-card .text-link{align-self:flex-start;flex:none;min-height:42px;line-height:1.7}
.view-switch{position:static;flex:none;margin-top:12px;padding-top:9px;border-top:1px solid var(--line);min-height:40px}
.concept-caption{bottom:125px}.chapter-bar{background:linear-gradient(transparent,#09121dee 12%);padding-top:12px}
.section-label{display:flex;align-items:center;gap:17px;margin-bottom:28px;line-height:1.5}
.section-label .section-number{font:28px/1 Arial;color:#738f9e;border-inline-end:1px solid #b7c9d73d;padding-inline-end:17px}
.section-label p[lang=fa]{font:500 clamp(22px,2.3vw,33px)/1.7 Vazirmatn,Arial;color:#edf2f4}
.section-label p[lang=en]{font:500 clamp(15px,1.45vw,22px)/1.5 Arial;letter-spacing:.055em;color:var(--warm);margin-top:5px}
.service-row .en{font-size:11px;line-height:1.6}
#detail-dialog #dialog-kicker{font-size:18px;letter-spacing:.035em;line-height:1.4;padding-inline-end:12px}
html[lang=en] .part-card #part-title{font-size:20px;line-height:1.4}
@media(min-width:701px) and (max-height:800px){.part-card,.stage.details .part-card{top:100px;bottom:126px;justify-content:flex-start}.component-heading{gap:3px;margin-bottom:10px;padding-bottom:10px}.card-meta{padding:7px 0 12px}.part-card #part-title{margin-bottom:8px}.focus-insight{margin-top:10px;padding:10px 0}.view-switch{margin-top:5px}.part-card .text-link{margin-top:5px}.concept-caption{display:none}}
@media(min-width:701px) and (max-width:1000px){#component-view{left:1%;width:57%;right:auto}.part-card,.stage.details .part-card{right:4%;width:36%}.hotspot{max-width:125px}.hotspot span[lang=fa]{font-size:10px}.hotspot span[lang=en]{font-size:9px}}
@media(max-width:700px){
 #component-view{left:10px;right:10px;top:90px;bottom:auto;width:calc(100% - 20px);height:clamp(178px,29svh,280px)}
 #component-view .technical-rule{top:0;left:10px;width:calc(100% - 20px);font-size:6px;padding-top:6px}
 #component-view .part-image{left:8%;width:84%;top:17px;height:calc(100% - 17px)}
 #component-view .cell-image{left:30%;width:40%}
 #component-view .context-pack{display:none}
 .hotspot{max-width:112px;min-height:40px;padding:5px 7px;gap:0;backdrop-filter:blur(6px)}
 .hotspot span[lang=fa]{font-size:9px;line-height:1.6}.hotspot span[lang=en]{font-size:8px;line-height:1.35}
 .part-card,.stage.details .part-card{top:calc(102px + clamp(178px,29svh,280px));bottom:129px;left:24px;right:24px;width:auto;max-width:none;justify-content:flex-start;overflow-y:auto;padding:0 2px 8px}
 .card-meta{display:flex;font-size:7px;padding:7px 0 10px}
 .component-heading{gap:2px;margin-bottom:9px;padding-bottom:9px}
 .component-heading #part-en{font-size:20px;line-height:1.2;letter-spacing:.015em}
 .part-card .component-heading #part-fa{font-size:21px;line-height:1.5}
 .part-card #part-title{font-size:15px;line-height:1.6;margin:0 0 8px}
 .part-card #part-copy{font-size:11px;line-height:1.9}
 .focus-insight{margin-top:10px;padding:10px 0;display:block;border-bottom:1px solid var(--line)}
 .focus-insight>span{font-size:8px;margin:0 0 4px}.focus-insight p{font-size:10px;line-height:1.85}
 .part-card .text-link{min-height:38px;margin-top:4px;padding:6px 0;font-size:10px}
 .view-switch{min-height:36px;margin-top:2px;padding-top:4px;border-top:0}
 .view-switch button{font-size:10px;min-height:34px}
 .chapter-bar{bottom:12px;padding:10px 0 0;left:24px;right:24px}
 .chapter-top>span:first-child{font-size:7px;max-width:65%;line-height:1.6}.chapter-track{margin:12px 0 8px}
 #chapters button{min-height:40px}#chapters{gap:22px}
 .section-label{gap:12px;margin-bottom:24px}.section-label .section-number{font-size:24px;padding-inline-end:12px}
 .section-label p[lang=fa]{font-size:23px}.section-label p[lang=en]{font-size:15px;letter-spacing:.035em}
 .service-row .en{font-size:10px}html[lang=en] .part-card #part-title{font-size:15px;line-height:1.4}
}
@media(max-width:700px) and (max-height:740px){#component-view{height:178px}.part-card,.stage.details .part-card{top:280px;bottom:119px}.card-meta{padding:5px 0 7px}.component-heading #part-en{font-size:18px}.part-card .component-heading #part-fa{font-size:19px}}
/* Entry is deliberately activated by the visitor, without autoplay sound. */
body.awaiting-start{overflow:hidden}#engine-gate{position:fixed;inset:0;margin:0;border:0;border-radius:0;padding:30px;width:100%;max-width:none;height:100svh;max-height:none;background:radial-gradient(ellipse at 25% 30%,#5d46352c,transparent 60%),radial-gradient(ellipse at 80% 70%,#24425d40,transparent 60%),#09121d;color:#edf2f3;z-index:100;overflow:auto}
#engine-gate::backdrop{background:#09121d}.engine-inner{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.engine-brand{transform:scale(1.4);margin-bottom:45px}.engine-kicker{font:11px Arial;letter-spacing:.28em;color:var(--warm)}#engine-title{font-size:clamp(28px,4.5vw,56px);font-weight:500;line-height:1.7;margin:20px 0 10px}#engine-description{font-size:13px;color:#a7bbc9;line-height:2}
#start-engine{margin:36px 0 24px;width:182px;height:182px;border-radius:50%;border:1px solid #9dcde18c;box-shadow:0 0 0 8px #9dcde108,inset 0 0 30px #759bb311,0 0 60px #90bfd10a;background:radial-gradient(circle,#203547,#0c1926 75%);color:#def1fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:box-shadow .3s,transform .3s}
#start-engine:hover{box-shadow:0 0 0 10px #9dcde10c,0 0 60px #90bfd12b;transform:scale(1.03)}.engine-power{font:32px Arial;color:var(--warm)}#start-engine strong{font:600 15px Arial;letter-spacing:.07em}#start-engine>span:last-child{font:11px Vazirmatn,Arial;color:#92aabd}.engine-status{font-size:10px;color:#92acbd;margin:0!important;padding:0!important}.engine-progress{height:1px;width:160px;background:#a0c6d522;margin-top:13px}.engine-progress i{display:block;height:100%;width:12%;background:var(--warm);transition:width .6s}.ready .engine-progress i{width:100%}#engine-gate.starting #start-engine{box-shadow:0 0 70px #90bfd133}
@media(max-height:650px){.engine-brand{margin-bottom:20px;transform:scale(1)}#engine-title{font-size:27px;margin:14px 0 5px}#start-engine{width:145px;height:145px;margin:20px 0 16px}}
.live-mode #annotation-lines{visibility:hidden!important}
@media(min-width:701px) and (max-height:600px){.hero-copy{top:100px}.hero-copy h1,html[lang=en] .hero-copy h1{font-size:30px;line-height:1.35;margin:10px 0}.hero-copy>p:not(.eyebrow){display:none}.hero-copy .text-link{margin-top:8px;min-height:32px;padding:4px 0}.hero-edition{display:none}}
@media(min-width:701px) and (max-height:800px){.part-card,.stage.details .part-card{bottom:145px}}