/* Kod structural contract: shared brand surfaces, explicit actions, readable evidence. */
.kod-page main>.section,.kod-page main>.section-tight{content-visibility:visible;contain-intrinsic-size:none}
.kod-page-nav .wrap{display:flex;flex-wrap:wrap;gap:8px;padding-block:16px}
.kod-page-nav a{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;border-radius:12px;color:var(--accent-text);text-decoration:underline;text-underline-offset:5px;font-weight:700}
.kod-page-nav a:focus-visible,.kod-case-notes summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.scope-journey{position:relative;isolation:isolate}
.kod-transferred .scope-list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:scope}
.kod-transferred .scope-item{display:flex;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel) 96%,transparent);counter-increment:scope;transition:border-color 260ms ease,box-shadow 260ms ease,background-color 260ms ease}
.kod-transferred .scope-item::before{content:counter(scope,persian);flex:0 0 32px;color:var(--accent-text);font-size:22px;font-weight:800;line-height:1.6}
.kod-transferred .scope-item strong{font-size:17px;line-height:1.8}
.kod-transferred p{color:var(--muted);line-height:1.95;margin:12px 0 0}
.kod-transferred .scope-item p{font-size:14px;margin-top:6px}
.scope-item.is-signal-active{border-color:var(--mc-mint);background:color-mix(in srgb,var(--mc-mint) 8%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--mc-mint) 30%,transparent),0 10px 34px rgba(45,212,176,.09)}
.scope-route-svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.scope-route-svg path{fill:none;stroke:color-mix(in srgb,var(--mc-mint) 42%,var(--line));stroke-width:1.5;stroke-dasharray:5 8;vector-effect:non-scaling-stroke}
.scope-route-dot{position:absolute;z-index:3;inset:0 auto auto 0;width:8px;height:8px;border-radius:50%;background:var(--mc-mint);box-shadow:0 0 0 5px rgba(45,212,176,.1),0 0 20px var(--mc-mint);pointer-events:none;will-change:transform}
.scope-motion-control{display:block;min-height:44px;margin:20px auto 0;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--accent-text);font:inherit;font-size:12px;cursor:pointer}
.scope-motion-control:focus-visible{outline:2px solid var(--mc-cyan);outline-offset:4px}
.kod-transferred .block{min-width:0;padding:clamp(22px,2.6vw,32px);border:1px solid var(--line);border-radius:24px;background:var(--panel)}
.kod-transferred h3{font-size:20px;line-height:1.7;margin:0;text-wrap:balance}
.kod-transferred .grid-3{display:grid;gap:16px;margin-top:24px!important}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.service-detail-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:22px;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--card-a),var(--card-b));box-shadow:var(--shadow-soft)}
.service-detail-card>*{margin:0}
.service-detail-head{display:flex;align-items:center;gap:16px}
.service-detail-mark{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid var(--mc-mint);border-radius:15px;color:var(--accent-text);background:color-mix(in srgb,var(--mc-mint) 8%,var(--panel));font-size:20px;font-weight:800}
.service-detail-kicker{display:block;margin-bottom:5px;color:var(--accent-text);font-size:12px;font-weight:750}
.service-detail-card>p{margin:0;max-width:58ch}
.service-detail-card dl{display:grid;gap:0;margin:0}
.service-detail-card dl>div{display:grid;grid-template-columns:minmax(125px,.42fr) minmax(0,1fr);gap:16px;padding:15px 0;border-top:1px solid var(--line)}
.service-detail-card dt{color:var(--ink);font-weight:750;line-height:1.8}
.service-detail-card dd{margin:0;color:var(--muted);line-height:1.9}
.service-detail-card .btn{align-self:flex-start;margin-top:auto;min-width:220px}
.kod-transferred .proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kod-transferred .proof-strip>.block{display:flex;flex-direction:column;gap:16px}
.kod-transferred .proof-strip p{margin:0}
.kod-transferred .proof-strip .btn{margin-top:auto;width:100%;white-space:normal;text-align:center}
.kod-transferred .metric{font-size:clamp(20px,2vw,27px);font-weight:800;line-height:1.7;color:var(--accent-text);text-wrap:balance}
.kod-case-notes{display:grid;gap:12px;margin-top:24px}
.kod-case-notes details{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:8px 24px;scroll-margin-top:120px}
.kod-case-notes summary{cursor:pointer;min-height:48px;padding-block:12px;font-weight:750;color:var(--accent-text);text-decoration:underline;text-underline-offset:5px}
.kod-case-notes details[open]{padding-bottom:24px}
.kod-case-notes p{max-width:78ch}
.kod-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kod-team-grid .eyebrow{display:block;margin-bottom:12px}
#final-kod .cta-panel{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:clamp(28px,4vw,54px);padding:clamp(28px,3vw,40px);text-align:right}
#final-kod .final-kod-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;max-width:760px;gap:14px}
#final-kod .final-kod-copy>*{margin:0}
#final-kod .final-kod-copy p{max-width:66ch;line-height:1.95;color:var(--muted)}
#final-kod .final-kod-copy h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.42;text-wrap:balance}
#final-kod .final-kod-copy .eyebrow{margin-bottom:-2px}
#final-kod .final-kod-copy .btn{min-width:220px;margin-top:4px}
#final-kod .cta-signal{position:relative!important;grid-column:2;grid-row:1;inset:auto;transform:none;width:100%;max-width:300px!important;margin:0}
.kod-demo-preview{overflow:hidden;min-height:132px;margin-block:2px;border:1px solid color-mix(in srgb,var(--mc-mint) 40%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--panel-2) 78%,transparent)}
.kod-demo-toolbar{display:flex;align-items:center;gap:6px;height:32px;padding-inline:12px;border-bottom:1px solid var(--line)}
.kod-demo-toolbar i{width:6px;height:6px;border-radius:50%;background:var(--quiet);opacity:.55}
.kod-demo-toolbar i:first-child{background:var(--mc-mint);opacity:1}
.kod-demo-toolbar span{margin-inline-start:auto;color:var(--quiet);font-size:10px;font-weight:700}
.kod-demo-body{display:grid;grid-template-columns:42px 1fr 1fr;gap:12px;align-items:end;height:98px;padding:14px}
.kod-demo-tabs{align-self:stretch;display:grid;align-content:start;gap:7px;padding-inline-end:10px;border-inline-end:1px solid var(--line)}
.kod-demo-tabs i,.kod-demo-tasks i{display:block;height:6px;border-radius:999px;background:var(--line)}
.kod-demo-tabs i:first-child,.kod-demo-tasks i:first-child{background:var(--mc-mint)}
.kod-demo-chart{display:flex;align-items:end;justify-content:center;gap:6px;height:62px;border-bottom:1px solid var(--line)}
.kod-demo-chart span{width:12px;height:32%;border-radius:4px 4px 0 0;background:linear-gradient(var(--mc-cyan),var(--mc-mint))}
.kod-demo-chart span:nth-child(2){height:78%}.kod-demo-chart span:nth-child(3){height:53%}.kod-demo-chart span:nth-child(4){height:92%}
.kod-demo-tasks{display:grid;gap:10px;padding-bottom:7px}
.kod-demo-tasks i:nth-child(2){width:78%}.kod-demo-tasks i:nth-child(3){width:55%}
.kod-page main [id]{scroll-margin-top:110px}
@media(min-width:981px){
 .scope-list .scope-item:nth-child(1){grid-column:1;grid-row:1}.scope-list .scope-item:nth-child(2){grid-column:2;grid-row:1}.scope-list .scope-item:nth-child(3){grid-column:3;grid-row:1}
 .scope-list .scope-item:nth-child(4){grid-column:3;grid-row:2}.scope-list .scope-item:nth-child(5){grid-column:2;grid-row:2}.scope-list .scope-item:nth-child(6){grid-column:1;grid-row:2}
 .scope-list .scope-item:nth-child(7){grid-column:1;grid-row:3}.scope-list .scope-item:nth-child(8){grid-column:2;grid-row:3}.scope-list .scope-item:nth-child(9){grid-column:3;grid-row:3}
}
@media(prefers-reduced-motion:reduce){#final-kod .cta-signal-step{opacity:1;transform:none}.scope-route-dot{display:none}.scope-item.is-signal-active{border-color:var(--line);background:var(--panel);box-shadow:none}}
@media(hover:hover) and (pointer:fine){.kod-page-nav a:hover,.kod-case-notes summary:hover{background:var(--panel-2);color:var(--ink)}}
@media(min-width:601px) and (max-width:980px){
 .scope-list .scope-item:nth-child(1){grid-column:1;grid-row:1}.scope-list .scope-item:nth-child(2){grid-column:2;grid-row:1}.scope-list .scope-item:nth-child(3){grid-column:2;grid-row:2}.scope-list .scope-item:nth-child(4){grid-column:1;grid-row:2}.scope-list .scope-item:nth-child(5){grid-column:1;grid-row:3}.scope-list .scope-item:nth-child(6){grid-column:2;grid-row:3}.scope-list .scope-item:nth-child(7){grid-column:2;grid-row:4}.scope-list .scope-item:nth-child(8){grid-column:1;grid-row:4}.scope-list .scope-item:nth-child(9){grid-column:1;grid-row:5}
}
@media(max-width:980px){.kod-transferred .scope-list{grid-template-columns:repeat(2,minmax(0,1fr))}.kod-transferred .proof-strip{grid-template-columns:1fr}.kod-transferred .proof-strip .btn{width:auto;align-self:flex-start}.kod-transferred .section-head{align-items:flex-start}.service-detail-card dl>div{grid-template-columns:1fr;gap:3px}#final-kod .cta-panel{grid-template-columns:minmax(0,1fr) 260px;gap:28px}#final-kod .cta-signal{max-width:260px!important}}
@media(max-width:700px){.service-detail-grid{grid-template-columns:1fr}#final-kod .cta-panel{grid-template-columns:1fr;text-align:right}#final-kod .final-kod-copy,#final-kod .cta-signal{grid-column:1}#final-kod .cta-signal{grid-row:1;justify-self:center;max-width:330px!important}#final-kod .final-kod-copy{grid-row:2;max-width:none}#final-kod .final-kod-copy .btn{width:100%}}
@media(max-width:600px){.kod-transferred .scope-list,.kod-team-grid{grid-template-columns:1fr}.kod-transferred .scope-item{padding:20px}.kod-page-nav .wrap{gap:4px}.kod-page-nav a{padding-inline:10px;font-size:13px}.kod-transferred .section-head{flex-direction:column;gap:20px}.kod-transferred .proof-strip .btn{width:100%}.kod-case-notes details{padding-inline:18px}.service-detail-card{padding:22px}.service-detail-card .btn{width:100%;min-width:0}}