/* Mohitoo signature: a signal travels from context to a clear next step. */
:root{--mc-mint:#2dd4b0;--mc-cyan:#22d3ee;--mc-ease:cubic-bezier(.22,.68,.2,1);--mc-response:220ms;--mc-cycle:8s;--mc-chip-width:11.5rem;--mc-gap:32px}
.model-actions{display:grid;gap:10px;align-self:stretch;margin-top:auto}
.model-card .model-actions a{display:flex;justify-content:center;width:100%;min-height:48px;margin:0;text-align:center;line-height:1.75}
.model-card-main .model-actions .primary-link{background:linear-gradient(120deg,var(--mc-mint),var(--mc-cyan));color:#041713;border-color:transparent}
.model-card .model-actions .secondary-link{background:transparent;border-color:var(--line);color:var(--ink)}
#dashboard-details{scroll-margin-top:110px}
.model-decision-note{margin-top:24px;padding:18px 22px;border-inline-start:3px solid var(--mc-mint);border-radius:12px;background:color-mix(in srgb,var(--mc-mint) 6%,var(--panel));color:var(--muted)}
.model-decision-note p{margin:0;max-width:none;font-size:14px;line-height:1.95}
.model-decision-note strong{color:var(--ink)}
.offer-grid .status,.offer-grid .status.hold,.model-kicker{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--mc-chip-width);max-inline-size:100%;min-block-size:34px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:700;line-height:1.7;text-align:center;color:var(--muted);background:var(--panel,#fff);margin:0;align-self:start}
.offer-featured .status,.model-card-main .model-kicker{color:var(--accent-text,#116a56);border-color:currentColor;background:color-mix(in srgb,var(--mc-mint) 9%,var(--panel,#fff))}
.mc-surface{position:relative;isolation:isolate;overflow:hidden}
.mc-halo{position:absolute;inset:0 auto auto 0;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,176,.2),rgba(34,211,238,.09) 36%,transparent 70%);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--mc-response) ease}
.mc-surface:focus-within{outline:1px solid var(--accent-text,#116a56);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 .mc-surface.mc-pointed>.mc-halo{opacity:1}
 .mc-lift{transition:translate var(--mc-response) var(--mc-ease)}
 .mc-lift:hover{translate:0 -3px}
 .btn:active,.primary-link:active,.secondary-link:active{scale:.98}
}
.mc-flow{position:relative;counter-reset:process;display:grid;gap:16px}
.mc-flow .process-pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--mc-gap);align-items:stretch;--mc-phase:0s}
.mc-flow .process-pair:nth-child(2){--mc-phase:2s}.mc-flow .process-pair:nth-child(3){--mc-phase:4s}.mc-flow .process-pair:nth-child(4){--mc-phase:6s}
.mc-flow .process-pair::before{content:"";position:absolute;inset-inline-start:calc(50% - 16px);top:50%;width:32px;height:1px;background:var(--mc-mint);opacity:.3;pointer-events:none}
.mc-flow .process-pair::after{content:"";position:absolute;right:calc(50% - 16px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--mc-mint);box-shadow:0 0 12px var(--mc-mint);pointer-events:none;opacity:0;animation:mcPacket var(--mc-cycle) var(--mc-ease) var(--mc-phase) infinite paused}
.mc-flow.is-running .process-pair::after{animation-play-state:running}
@keyframes mcPacket{0%{transform:translateX(0);opacity:0}3%,16%{opacity:1}23%{transform:translateX(-26px);opacity:0}100%{transform:translateX(-26px);opacity:0}}
.mc-flow .process-pair>.step{position:relative}
.mc-flow .process-pair>.step::before{border-color:var(--mc-mint);color:var(--accent-text,#116a56);background:color-mix(in srgb,var(--mc-mint) 10%,transparent)}
.mc-motion-control{font:inherit;font-size:12px;color:var(--accent-text,#116a56);background:var(--panel,#fff);border:1px solid var(--line);border-radius:999px;min-height:44px;padding:8px 16px;cursor:pointer;display:block;margin:0 0 20px auto}
.mc-motion-control:focus-visible{outline:2px solid var(--mc-cyan);outline-offset:4px}
.scope-map .mc-motion-control{margin:12px auto 0;background:transparent;color:#a5c0b7;border-color:rgba(125,229,203,.3)}
.kod-page .mc-process-intro{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:40px;margin-bottom:32px}
.kod-page .mc-process-intro h2{margin-block:12px}.kod-page .mc-process-intro .process-portrait{margin:0;grid-area:auto}.kod-page .mc-process-intro img{height:190px;width:100%;object-fit:cover}
.kod-page .mc-flow .step,.kod-page .mc-flow .block{border:1px solid var(--line);border-radius:22px;padding:26px;background:linear-gradient(135deg,var(--card-a),var(--card-b));box-shadow:var(--shadow-soft);margin:0}
.kod-page .mc-flow .block{background:color-mix(in srgb,var(--mc-mint) 5%,var(--panel))}
.kod-page .mc-flow .step{display:grid;grid-template-columns:42px 1fr;gap:16px;counter-increment:process}
.kod-page .mc-flow .step::before{content:counter(process,persian);display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--mc-mint);border-radius:12px;font-size:16px}
.kod-page .mc-flow h3{font-size:18px;margin:0 0 10px;line-height:1.7}.kod-page .mc-flow p{font-size:14px;line-height:1.95;margin:0}
/* Align the map's pulses into one readable eight-second sequence. */
.scope-map .scope-route i::after{top:0;animation-name:mcRoute;animation-duration:var(--mc-cycle);animation-delay:0s}
.scope-map .scope-route i:nth-child(2)::after{animation-delay:.18s}.scope-map .scope-route i:nth-child(3)::after{animation-delay:.36s}
.scope-map .scope-route-out{transform:none}
.scope-map .scope-route-out::after{top:0;bottom:auto}
.scope-map .scope-route-out i::after{animation-delay:2.5s}
.scope-map .scope-route-out i:nth-child(2)::after{animation-delay:2.68s}.scope-map .scope-route-out i:nth-child(3)::after{animation-delay:2.86s}
@keyframes mcRoute{0%{transform:translateY(0);opacity:0}3%,17%{opacity:1}23%{transform:translateY(57px);opacity:0}100%{transform:translateY(57px);opacity:0}}
.scope-map .scope-core{position:relative;isolation:isolate}
.scope-map .scope-core::after{content:"";position:absolute;inset:-1px;border:1px solid var(--mc-mint);border-radius:inherit;box-shadow:0 0 35px rgba(45,212,176,.17);z-index:-1;opacity:0;animation:mcCore var(--mc-cycle) ease infinite paused}
@keyframes mcCore{0%,19%,48%,100%{opacity:0}27%,37%{opacity:1}}
.scope-map.is-running .scope-core::after{animation-play-state:running}
.scope-map .scope-output{opacity:1;animation:mcOutput var(--mc-cycle) var(--mc-ease) infinite paused}
.scope-map .scope-output-b{animation-delay:.18s}.scope-map .scope-output-c{animation-delay:.36s}
.scope-map.is-running .scope-output{animation-play-state:running}
@keyframes mcOutput{0%,48%,85%,100%{transform:none}60%,72%{transform:translateY(-5px)}}
.scope-map .scope-output small,.scope-map .scope-core small,.scope-map .scope-core span,.scope-map .scope-map-foot{color:#a5c0b7}
.scope-map .scope-inputs span{color:#bad2c9}
@media(max-width:820px){
 .mc-flow .process-pair{grid-template-columns:minmax(0,1fr);gap:0}
 .mc-flow .process-pair::before{inset-inline-start:0;top:10%;width:2px;height:80%}
 .mc-flow .process-pair::after{right:0;top:10%;width:2px;height:80%;border-radius:4px;transform-origin:top;animation-name:mcRail}
 .kod-page .mc-flow .step{border-radius:20px 20px 0 0;padding:20px}
 .kod-page .mc-flow .block{border-radius:0 0 20px 20px;border-top:0;padding:20px}
 .kod-page .mc-process-intro{grid-template-columns:1fr;gap:24px}
 .mc-halo{display:none}
}
@keyframes mcRail{0%{transform:scaleY(.05);opacity:0}3%,16%{opacity:1}23%{transform:scaleY(1);opacity:0}100%{transform:scaleY(1);opacity:0}}
@media(prefers-reduced-motion:reduce){
 .mc-flow .process-pair::after,.scope-map .scope-route i::after,.scope-map .scope-output,.scope-map .scope-core::after{animation:none;transform:none}
 .mc-halo{display:none}.mc-lift:hover{translate:none}.mc-lift{transition:none}
 .btn:active,.primary-link:active,.secondary-link:active{scale:none}
}