.ex{--ex-gutter:clamp(18px,4.5vw,72px);--ex-display:var(--font-general-sans),system-ui,"Segoe UI",Helvetica,Arial,sans-serif;--ex-text:var(--font-inter-tight),system-ui,"Segoe UI",Helvetica,Arial,sans-serif;--ex-fa:var(--font-vazirmatn),system-ui,"Segoe UI",Tahoma,sans-serif;display:grid;grid-template-rows:auto 1fr;min-block-size:100vh;min-block-size:100dvh;background:radial-gradient(120% 70% at 50% 0,var(--brand-bg-secondary),transparent 70%),var(--brand-bg-primary);color:var(--brand-text-primary);font-family:var(--ex-text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}.ex-message:lang(fa),.ex:lang(fa){--ex-display:var(--font-vazirmatn),system-ui,"Segoe UI",Tahoma,sans-serif;--ex-text:var(--font-vazirmatn),system-ui,"Segoe UI",Tahoma,sans-serif;font-family:var(--ex-text);line-height:1.85}.ex-message:lang(en){--ex-display:var(--font-general-sans),system-ui,"Segoe UI",Helvetica,Arial,sans-serif;--ex-text:var(--font-inter-tight),system-ui,"Segoe UI",Helvetica,Arial,sans-serif;font-family:var(--ex-text);line-height:1.55}.ex ::selection{background:var(--brand-accent-deep);color:var(--brand-text-primary)}:where(.ex) a{color:inherit;text-decoration:none}.ex a:focus-visible,.ex button:focus-visible{outline:2px solid var(--brand-accent-text);outline-offset:3px}.ex-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:68px;padding-inline:var(--ex-gutter)}.ex-brand{display:inline-flex;align-items:center;gap:12px;min-block-size:44px;font-family:var(--ex-display);font-weight:500;font-size:15px;letter-spacing:.04em}.ex-brand img{display:block}.ex-lang{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;min-inline-size:44px;font-size:13px;color:var(--brand-text-secondary);transition:color .2s ease}.ex-lang:hover{color:var(--brand-text-primary)}.ex-lang:lang(fa){font-family:var(--ex-fa);font-size:14px}.ex-lang:lang(en){font-family:var(--font-inter-tight),system-ui,"Segoe UI",Helvetica,Arial,sans-serif}.ex-main{--ex-wire:40px;--ex-cut:16px;display:flex;flex-direction:column;padding-inline:var(--ex-gutter);padding-block:28px clamp(32px,6vh,72px)}.ex-copy{order:0;min-inline-size:0}.ex-circuit{order:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:24px;margin-block:64px 8px}.ex-mount{position:relative;margin:0}.ex-tag{display:inline-grid;justify-items:start;gap:10px;margin:0;padding:16px 22px 15px;border:1px solid var(--brand-border-strong);border-radius:var(--brand-radius);background:var(--brand-bg-secondary)}.ex-tag-code{font-family:var(--ex-display);font-weight:500;font-size:clamp(56px,6.4vw,104px);line-height:.86;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.ex-tag-label{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;letter-spacing:.02em;color:var(--brand-text-secondary)}.ex-tag-label>[lang=fa]{font-family:var(--ex-fa);font-size:14px;letter-spacing:0}.ex-tag-label>[lang=en]{font-family:var(--font-inter-tight),system-ui,"Segoe UI",Helvetica,Arial,sans-serif;font-size:13px;letter-spacing:.02em}.ex:lang(fa) .ex-tag-code{font-variant-numeric:normal;letter-spacing:0;line-height:1.05}.ex:lang(fa) .ex-tag-label{font-size:14px;letter-spacing:0}.ex-node,.ex-rest,.ex-run{position:absolute;pointer-events:none}.ex-run{inset-block-start:-28px;inset-inline-start:calc(24px - 100vw);inline-size:100vw;block-size:1px;background:var(--brand-silver)}.ex-node{inset-block-start:calc(-28px - 4px);inset-inline-start:calc(24px - 4px);inline-size:9px;block-size:9px;background:var(--brand-accent);rotate:45deg}.ex-rest{inset-block-start:-28px;inset-inline-start:calc(24px + var(--ex-cut));inline-size:100vw;border-block-start:1px dashed var(--brand-border-strong)}.ex-mount:before{content:"";position:absolute;inset-block-end:100%;inset-inline-start:24px;block-size:24px;border-inline-start:1px solid var(--brand-silver)}.ex-terminals{position:relative;padding-inline-start:18px}.ex-terminals:before{content:"";position:absolute;inset-block:-28px 22px;inset-inline-start:0;border-inline-start:1px dashed var(--brand-border-strong)}.ex-terminals ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.ex-terminals li{position:relative}.ex-terminals li:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:-18px;inline-size:12px;border-block-start:1px dashed var(--brand-border-strong)}.ex-terminals a{display:inline-flex;align-items:center;gap:14px;min-block-size:44px;font-size:15px;color:var(--brand-text-secondary);transition:color .2s ease}.ex-terminals a:before{content:"";flex:0 0 auto;inline-size:7px;block-size:7px;border:1px solid var(--brand-silver);rotate:45deg;transition:background .2s ease,border-color .2s ease}.ex-terminals a:focus-visible,.ex-terminals a:hover{color:var(--brand-text-primary)}.ex-terminals a:focus-visible:before,.ex-terminals a:hover:before{border-color:var(--brand-accent);background:var(--brand-accent)}@media (min-width:900px),(orientation:landscape) and (min-width:640px){.ex-main{display:grid;grid-template-columns:minmax(0,36rem) minmax(260px,1fr);align-items:center;padding-block:0}.ex-main:has(.ex-pair){grid-template-columns:minmax(0,54rem) minmax(260px,1fr)}.ex-copy{order:0;padding-block:40px clamp(48px,8vh,96px);padding-inline-end:clamp(40px,6vw,112px)}.ex-circuit{order:1;position:relative;align-self:stretch;display:flex;flex-direction:column;margin-block:-68px 0;padding-inline-start:calc(var(--ex-wire) + 8px);overflow:clip}.ex-circuit:after,.ex-circuit:before{content:"";flex:1 1 0}.ex-circuit:after{flex-grow:1.35}.ex-mount{margin:0}.ex-run{inset-block:auto 50%;inset-inline-start:calc(-1 * var(--ex-wire));inline-size:1px;block-size:200vh}.ex-node{inset-block-start:calc(50% - 4.5px);inset-inline-start:calc(-1 * var(--ex-wire) - 4px)}.ex-rest{inset-block-start:calc(50% + var(--ex-cut));inset-inline-start:calc(-1 * var(--ex-wire));inline-size:0;block-size:200vh;border-block-start:0;border-inline-start:1px dashed var(--brand-border-strong)}.ex-mount:before{inset-block:50% auto;inset-inline:auto 100%;inline-size:calc(var(--ex-wire) - 9px);block-size:0;border-inline-start:0;border-block-start:1px solid var(--brand-silver)}.ex-terminals{margin-block-start:32px;padding-inline-start:0}.ex-terminals:before{content:none}.ex-terminals li:before{inset-inline-start:calc(-1 * var(--ex-wire));inline-size:calc(var(--ex-wire) - 12px);border-block-start:1px dashed var(--brand-border-strong)}}@media (orientation:landscape) and (max-height:500px){.ex-copy{padding-block:16px 24px}.ex-message:lang(fa) .ex-title,.ex-title{font-size:clamp(24px,3.4vw,32px)}}.ex-message{max-inline-size:44rem;overflow-wrap:break-word}.ex-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:baseline;gap:40px clamp(32px,4vw,64px)}.ex-title{margin:0;max-inline-size:17ch;font-family:var(--ex-display);font-weight:500;font-size:clamp(30px,4.2vw,60px);line-height:1.04;letter-spacing:-.018em;text-wrap:balance}.ex-pair .ex-message:lang(fa) .ex-title,.ex-pair .ex-title{font-size:clamp(26px,2.7vw,40px)}.ex-pair .ex-actions{margin-block-start:24px}.ex-pair .ex-contact{margin-block-start:20px}.ex-body{margin:18px 0 0;text-wrap:pretty;max-inline-size:46ch;font-size:clamp(16px,1.2vw,19px);color:var(--brand-text-secondary)}.ex-message:lang(fa) .ex-title{max-inline-size:20ch;font-size:clamp(28px,3.6vw,52px);font-weight:700;line-height:1.35;letter-spacing:0}.ex-message:lang(fa) .ex-button,.ex:lang(fa) .ex-brand{letter-spacing:0}.ex-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-block-start:30px}.ex-actions .ex-button{flex:1 1 100%}@media (min-width:600px){.ex-actions .ex-button{flex:0 0 auto}}.ex-button{display:inline-flex;align-items:center;justify-content:center;block-size:52px;padding-inline:28px;border:1px solid var(--brand-accent);border-radius:var(--brand-radius);background:var(--brand-accent);color:var(--brand-text-primary);font:inherit;font-weight:600;font-size:15px;letter-spacing:.01em;cursor:pointer;transition:background .25s ease,border-color .25s ease}.ex .ex-button:focus-visible{outline-color:var(--brand-text-primary)}.ex-button:hover{border-color:var(--brand-accent-hover);background:var(--brand-accent-hover)}.ex-pair>.ex-message+.ex-message .ex-button{border-color:var(--brand-graphite);background:transparent}.ex-pair>.ex-message+.ex-message .ex-button:hover{border-color:var(--brand-accent);background:transparent}.ex-link{position:relative;display:inline-flex;align-items:center;min-block-size:44px;font-size:15px;color:var(--brand-text-secondary);transition:color .2s ease}.ex-link:after{content:"";position:absolute;inset-block-end:8px;inset-inline-start:0;inline-size:100%;block-size:1px;background:var(--brand-border-strong);transition:background .2s ease}.ex-link:focus-visible,.ex-link:hover{color:var(--brand-text-primary)}.ex-link:focus-visible:after,.ex-link:hover:after{background:var(--brand-accent)}.ex-contact{margin:26px 0 0;text-wrap:pretty;max-inline-size:46ch;font-size:15px;color:var(--brand-text-secondary)}.ex-contact a{padding-block:13px;margin-block:-13px;color:var(--brand-text-primary);text-decoration:underline;text-decoration-color:var(--brand-border-strong);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s ease}.ex-contact a:focus-visible,.ex-contact a:hover{text-decoration-color:var(--brand-accent)}.ex-path{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:14px 0 0;max-inline-size:46ch;font-size:13px;color:var(--brand-text-muted)}.ex-path bdi{min-inline-size:0;overflow-wrap:anywhere;color:var(--brand-text-secondary);font-family:var(--font-inter-tight),system-ui,"Segoe UI",Helvetica,Arial,sans-serif}.ex-suggest{margin-block-start:6px}.ex-suggest a{padding-block:13px;margin-block:-13px;color:var(--brand-text-primary);text-decoration:underline;text-decoration-color:var(--brand-border-strong);text-underline-offset:4px}.ex-suggest a:focus-visible,.ex-suggest a:hover{text-decoration-color:var(--brand-accent)}.ex-pair+.ex-path{margin-block-start:28px}.ex-digest{margin:10px 0 0;font-size:13px;color:var(--brand-text-muted);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){.ex-run{animation:ex-fade .6s ease-out both}.ex-node{animation:ex-node .35s cubic-bezier(.2,.7,.2,1) .45s both}.ex-rest{animation:ex-fade .6s ease-out .75s both}.ex-tag{transform-origin:0 50%;animation:ex-swing 1s cubic-bezier(.16,1,.3,1) .5s both}[dir=rtl] .ex-tag{transform-origin:100% 50%;animation-name:ex-swing-rtl}.ex-copy{animation:ex-rise .7s cubic-bezier(.2,.7,.2,1) .15s both}.ex-terminals li{animation:ex-fade .35s ease-out both}.ex-terminals li:first-child{animation-delay:.4s}.ex-terminals li:nth-child(2){animation-delay:.46s}.ex-terminals li:nth-child(3){animation-delay:.52s}}@keyframes ex-node{0%{opacity:0;scale:.2}}@keyframes ex-fade{0%{opacity:0}}@keyframes ex-swing{0%{opacity:0;rotate:4deg}55%{opacity:1;rotate:-1deg}to{rotate:0deg}}@keyframes ex-swing-rtl{0%{opacity:0;rotate:-4deg}55%{opacity:1;rotate:1deg}to{rotate:0deg}}@keyframes ex-rise{0%{opacity:0;translate:0 14px}}