.sx{--sx-dock:24px;--sx-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,var(--font-sans);--sx-frame:rgb(255 255 255/0.16);position:relative;background:var(--ink)}.sx-stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;background:radial-gradient(120% 70% at 50% 100%,rgb(36 46 92/.55) 0,transparent 60%),linear-gradient(180deg,#05060d,#0d1224 70%,#141a30)}.sx-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(90 142 253/.07) 1px,transparent 0),linear-gradient(90deg,rgb(90 142 253/.07) 1px,transparent 0);background-size:64px 64px;background-position:50%;-webkit-mask-image:radial-gradient(80% 70% at 50% 60%,#000 30%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 60%,#000 30%,transparent 100%)}.sx.is-static .sx-stage,html:not([data-js]) .sx-stage{background:linear-gradient(180deg,rgb(10 12 22/.35),rgb(10 12 22/.85)),url(/media/tehran-dark.webp) 50% /cover no-repeat,var(--ink)}.sx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.4s var(--ease)}.sx.is-ready .sx-canvas{opacity:1}.sx.is-static .sx-canvas,.sx.is-static .sx-frame,.sx.is-static .sx-hud{display:none}.sx-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(10 12 22/.6),transparent 20%,transparent 60%,rgb(10 12 22/.55)),radial-gradient(140% 100% at 50% 50%,transparent 55%,rgb(5 6 13/.55) 100%)}.sx[data-ch="0"] .sx-veil{background:linear-gradient(270deg,rgb(10 12 22/.82),rgb(10 12 22/.35) 45%,transparent 70%),linear-gradient(180deg,rgb(10 12 22/.6),transparent 25%,transparent 70%,rgb(10 12 22/.7))}.sx-veil{transition:background .8s}.sx-frame{position:absolute;inset:calc(var(--header-h) + 10px) var(--gutter) 22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;color:var(--text-faint);font:500 12px/1 var(--sx-mono);transition:opacity .6s var(--ease)}.sx-frame:after,.sx-frame:before{content:"";position:absolute;width:18px;height:18px;border:0 solid var(--sx-frame)}.sx-frame:before{inset-block-end:0;inset-inline-start:0;border-block-end-width:1px;border-inline-start-width:1px}.sx-frame:after{inset-block-end:0;inset-inline-end:0;border-block-end-width:1px;border-inline-end-width:1px}.sx[data-ch="0"] .sx-frame{opacity:0}.sx-count b{color:#fff;font-weight:700}.sx-coords{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.sx-bar{position:absolute;inset-inline:0;bottom:0;height:2px;background:rgb(255 255 255/.05)}.sx-bar span{display:block;height:100%;width:calc(var(--sx-p, 0) * 100%);background:linear-gradient(270deg,var(--cyan),var(--primary))}.sx-hud{pointer-events:none;overflow:hidden}.sx-hud,.sx-lines{position:absolute;inset:0}.sx-lines{width:100%;height:100%;overflow:visible}.sx-lines line{stroke:rgb(255 255 255/.5);stroke-width:1}.sx-lines circle{fill:#fff;stroke:rgb(10 12 22/.8);stroke-width:2}.sx-lines circle[data-tone=blue]{fill:var(--primary)}.sx-lines circle[data-tone=green]{fill:var(--moving)}.sx-lines circle[data-tone=violet]{fill:var(--violet)}.sx-lines circle[data-tone=red]{fill:var(--danger)}.sx-lines circle[data-tone=amber]{fill:var(--idle)}.sx-tag{--tone:var(--primary);position:absolute;left:0;top:0;min-width:168px;padding:7px 12px;border:1px solid rgb(255 255 255/.42);background:rgb(7 9 18/.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12.5px;line-height:1.55;will-change:transform,opacity}.sx-tag:before{content:"";position:absolute;inset-block:-1px;inset-inline-start:-1px;width:3px;background:var(--tone)}.sx-tag[data-tone=green]{--tone:var(--moving)}.sx-tag[data-tone=violet]{--tone:var(--violet)}.sx-tag[data-tone=amber]{--tone:var(--idle)}.sx-tag[data-tone=white]{--tone:#fff}.sx-tag[data-tone=red]{--tone:var(--danger);border-color:rgb(240 82 82/.75);box-shadow:0 0 28px rgb(240 82 82/.35)}.sx-tag-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;white-space:nowrap}.sx-tag-row+.sx-tag-row{margin-top:4px;padding-top:4px;border-top:1px solid rgb(255 255 255/.12)}.sx-tag-row:first-child .sx-tag-k{color:#fff;font-weight:700}.sx-tag-k{color:var(--text-dim)}.sx-tag-v{color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sx-tag-row:first-child .sx-tag-v{color:var(--tone)}.sx-tag.is-live .sx-tag-row:first-child .sx-tag-k:before{content:"";display:inline-block;width:7px;height:7px;-webkit-margin-end:7px;margin-inline-end:7px;border-radius:50%;background:var(--moving);box-shadow:0 0 0 3px rgb(3 186 88/.25);vertical-align:1px}.sx-steps{position:relative;z-index:2;margin-top:-100lvh}.sx-step{display:flex;flex-direction:column;justify-content:flex-end;min-height:140vh;padding:0 var(--gutter) var(--sx-dock)}.sx-card{position:-webkit-sticky;position:sticky;bottom:var(--sx-dock);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-gap:6px 44px;gap:6px 44px;width:min(940px,100%);margin-inline:auto;padding:22px 28px 24px;border:1px solid var(--line-strong);background:rgb(9 11 21/.78);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 30px 80px rgb(0 0 0/.45)}.sx-card:after,.sx-card:before{content:"";position:absolute;width:14px;height:14px;border:0 solid var(--primary)}.sx-card:before{top:-1px;inset-inline-start:-1px;border-top-width:2px;border-inline-start-width:2px}.sx-card:after{bottom:-1px;inset-inline-end:-1px;border-bottom-width:2px;border-inline-end-width:2px}.sx-kicker{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:var(--primary);font-size:.84rem;font-weight:700}.sx-num{color:var(--text-faint);font-family:var(--sx-mono);font-weight:500}.sx-num:after{content:"";display:inline-block;width:28px;height:1px;-webkit-margin-start:12px;margin-inline-start:12px;background:var(--line-strong);vertical-align:middle}.sx-card h2{grid-column:1;font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.35}.sx-body{grid-column:2;grid-row:2/span 2;color:var(--text-dim);font-size:.97rem;line-height:1.95}.sx-meta{grid-column:1;align-self:end;color:var(--text-faint);font-size:.84rem}.sx-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.sx-step--hero{justify-content:flex-start;min-height:118vh;padding-top:calc(var(--header-h) + clamp(28px, 9vh, 110px))}.sx-hero{width:100%;max-width:var(--container);margin-inline:auto}.sx-hero-card{position:relative;max-width:620px;padding:clamp(22px,3vw,34px);border:1px solid var(--line-strong);background:rgb(9 11 21/.62);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.sx-hero-card:after,.sx-hero-card:before{content:"";position:absolute;width:16px;height:16px;border:0 solid var(--primary)}.sx-hero-card:before{top:-1px;inset-inline-start:-1px;border-top-width:2px;border-inline-start-width:2px}.sx-hero-card:after{bottom:-1px;inset-inline-end:-1px;border-bottom-width:2px;border-inline-end-width:2px}.sx-hero-card h1{margin-top:18px;font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1.12;font-weight:900}.sx-cue{display:flex;align-items:center;gap:14px;margin-top:clamp(28px,7vh,64px);color:var(--text-faint);font-size:.86rem}.sx-cue-line{position:relative;width:1px;height:38px;overflow:hidden;background:var(--line-strong)}.sx-cue-line:after{content:"";position:absolute;inset-inline:0;top:-40%;height:40%;background:var(--primary);animation:sx-cue 1.8s var(--ease) infinite}@keyframes sx-cue{to{top:100%}}.sx-cue a{color:var(--text-dim);text-decoration:underline;text-underline-offset:4px}.sx-cue a:hover{color:#fff}@media (max-width:860px){.sx{--sx-dock:calc(82px + env(safe-area-inset-bottom))}.sx-step{min-height:150vh}}@media (max-width:760px){.sx-card{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 18px 18px}.sx-card h2{font-size:1.22rem}.sx-body{grid-column:1;grid-row:auto;font-size:.9rem;line-height:1.85}.sx-coords,.sx-meta{display:none}.sx-step--hero{padding-top:calc(var(--header-h) + 34vh)}.sx[data-ch="0"] .sx-veil{background:linear-gradient(180deg,rgb(10 12 22/.5),transparent 18%,transparent 30%,rgb(10 12 22/.88) 52%)}.sx-tag{min-width:0;padding:5px 9px;font-size:11px}.sx-tag-row{gap:12px}}@media (prefers-reduced-motion:reduce){.sx-canvas,.sx-frame,.sx-veil{transition:none}.sx-cue-line:after{animation:none}}