@font-face{font-family:Vazirmatn;src:url('/vendor/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/vendor/fonts/webfonts/Vazirmatn-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{background:#020812;scroll-behavior:smooth}body{margin:0;padding:0;background:#020812;color:#f5f7fc;font-family:Vazirmatn,Tahoma,sans-serif}
a{color:inherit;text-decoration:none}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #91c5ff;outline-offset:5px}[hidden]{display:none!important}
.launch-header{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left));border-bottom:1px solid #ffffff12}
.launch-logo{display:flex;align-items:center;gap:10px;font-size:13px}.launch-logo img{border-radius:8px}.launch-header nav{display:flex;align-items:center;gap:24px;font-size:13px}.login-btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:30px;background:#1765cc;white-space:nowrap}
.stage{max-width:1240px;margin:auto;padding:0 32px 28px}.launch-intro{text-align:center;padding:30px 0 22px}.launch-eyebrow{font:11px Arial,sans-serif;letter-spacing:.24em;color:#8fb9f1;margin:0 0 12px}.launch-intro h1{font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.45;margin:0}.launch-subtitle{font-size:15px;color:#a9b7cd;margin:8px 0}
.motion-panel{position:relative;border:1px solid #ffffff16;border-radius:24px;background:radial-gradient(ellipse at 55% 45%,#142c49,#07101c 58%,#030911);overflow:hidden}
.motion-viewport{position:relative;width:100%;aspect-ratio:1000/540;overflow:hidden}
.artboard{position:absolute;width:100%;aspect-ratio:1000/650;left:0;top:50%;transform:translateY(-50%);perspective:1100px;direction:ltr}
.tool-shadow{position:absolute;left:36%;top:77%;width:33%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#000a,transparent 70%);opacity:.7}
.tool{position:absolute;left:27%;top:9%;width:48%;aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;transform-origin:55% 55%;touch-action:pan-y;isolation:isolate}
.tool:disabled{cursor:wait}.tool img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.tool-sheen{position:absolute;inset:0;pointer-events:none;opacity:0;mask:url('/launch/st7602-cutout-v1.png') center/contain no-repeat;-webkit-mask:url('/launch/st7602-cutout-v1.png') center/contain no-repeat;background:linear-gradient(110deg,transparent 30%,#c2e0ff88 49%,transparent 64%);background-size:250% 100%;mix-blend-mode:screen}.launch-discover{display:flex;justify-content:center;align-items:center;gap:12px;min-height:44px;font-size:12px;color:#94a7c2}
@media(max-width:700px){.launch-header{padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.launch-header nav{gap:12px;font-size:11px}.launch-logo{font-size:11px;gap:6px}.launch-logo img{width:27px;height:27px}.login-btn{padding:8px 12px}
.stage{padding:0 14px 20px}.launch-intro{padding:24px 0 18px}.launch-intro h1{font-size:30px}.launch-subtitle{font-size:13px}
.motion-panel{border-radius:18px}.motion-viewport{aspect-ratio:1000/780}.artboard{width:120%;left:-10%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* گاراژ: نور عملی، میز فولادی و کنترل‌های شبیه پنل ابزار. */
html,body{background:#111314;color:#eeeae2}
.launch-header{border-color:#ffffff14}
.login-btn{background:#263743;border:1px solid #526271;border-radius:5px}
.stage{max-width:1160px}
.launch-intro{display:grid;grid-template-columns:1fr auto;text-align:right;align-items:end;padding:32px 0 24px;column-gap:24px}
.launch-eyebrow{grid-column:1/-1;color:#c89d62;font-size:10px;letter-spacing:.18em}
.launch-intro h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.02em}
.launch-subtitle{font-size:14px;color:#a5a7a7}
.motion-panel{border-radius:5px;background:#171919;border-color:#454849;box-shadow:0 16px 40px #0003}
.motion-viewport{aspect-ratio:1000/600;background:#151716}
.artboard{aspect-ratio:1000/650}


.tool{left:34%;top:15%;width:44%;transform-origin:65% 94%}
.tool img{filter:brightness(.8) contrast(1.08) saturate(.72) drop-shadow(5px 10px 8px #0009)}
.tool-shadow{left:60%;top:78%;width:21%;height:5%;background:radial-gradient(ellipse,#000e 8%,#0008 35%,transparent 70%);opacity:.9}
.tool-sheen{background-image:linear-gradient(110deg,transparent 30%,#fff1d955 49%,transparent 64%)}
@media(max-width:700px){
 .stage{padding:0 12px 20px}.launch-intro{display:block;padding:24px 0 18px}.launch-intro h1{font-size:34px}.launch-subtitle{margin-top:10px}.motion-panel{border-radius:4px}
 .motion-viewport{aspect-ratio:1000/780}.artboard{width:120%;left:-10%}.tool img{filter:brightness(.85) contrast(1.05) saturate(.75) drop-shadow(3px 5px 4px #0009)}
}
.motion-viewport{background:radial-gradient(ellipse at 50% 35%,#273645,#0b1119 75%)}









.tool{left:22%;top:0%;width:60%;transform-origin:65% 94%}
.tool img{filter:brightness(1.04) contrast(1.08) saturate(.95) drop-shadow(7px 14px 9px #000a)}
.tool-shadow{left:48%;top:73%;width:28%;height:5%;opacity:.9}
.tool-sheen{background-image:linear-gradient(110deg,transparent 30%,#d4eaff66 49%,transparent 64%)}
@media(max-width:700px){.tool{left:20%;top:0;width:64%}.tool-shadow{top:77%}}

.workshop-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.motion-viewport{aspect-ratio:3/2}
.artboard{aspect-ratio:3/2}
.tool{left:24%;top:4%;width:52%;transform-origin:70% 97%}
.tool img{filter:brightness(.93) contrast(1.04) saturate(.86) drop-shadow(4px 5px 3px #0005)}
.tool-shadow{left:54%;top:79%;width:19%;height:3%;background:radial-gradient(ellipse,#000b 10%,#0005 40%,transparent 72%)}
@media(max-width:700px){.motion-viewport{aspect-ratio:1/1}.artboard{width:150%;left:-25%}.tool{left:24%;top:4%;width:52%}.tool-shadow{top:79%}}

.launch-status:empty{display:none}.motion-panel{border-color:#ffffff18}.tool{touch-action:pan-y}
.launch-eyebrow{color:var(--brand-300,#87b9ed)}
@media(max-width:700px){.motion-viewport{aspect-ratio:5/4}.artboard{width:120%;left:-10%}}