.kod-page{
  --kod-ease:cubic-bezier(.2,0,0,1);
  --kod-ease-gentle:cubic-bezier(.4,0,.2,1);
  --kod-fast:160ms;
  --kod-standard:320ms;
  --kod-slow:620ms;
}
.kod-scroll-progress{display:none}
.kod-hero{min-height:100svh;padding:132px 0 72px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden}
.kod-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(45,212,176,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,176,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%)}
.kod-hero::after{content:"SCOPE";position:absolute;left:-.04em;bottom:-.19em;z-index:-2;font:700 clamp(5rem,18vw,14rem)/1 IRANSansXFaNum,Vazirmatn,sans-serif;color:rgba(45,212,176,.035);letter-spacing:-.08em;pointer-events:none}
.kod-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.kod-hero-copy h1{font-size:clamp(2.2rem,3.25vw,2.85rem);line-height:1.46;max-width:none;margin-bottom:1.5rem}
.kod-hero-copy h1 .hero-line{display:block;white-space:nowrap}
.kod-hero-lede{font-size:clamp(1rem,1.35vw,1.14rem);max-width:730px;margin-bottom:0}
.kod-hero-actions{margin-top:2rem;margin-bottom:.85rem}
.kod-cta-note{font-size:.77rem;color:var(--quiet);margin:0;max-width:none}
.kod-assurances{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.75rem 1.2rem}
.kod-assurances li{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.78rem}
.kod-assurances svg{width:19px;height:19px;color:var(--accent-text,var(--mint));flex:0 0 auto}

.scope-map{min-height:590px;border:1px solid rgba(45,212,176,.24);border-radius:36px;padding:1.2rem;background:linear-gradient(145deg,rgba(17,40,34,.94),rgba(5,15,13,.98));box-shadow:0 40px 120px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);color:#eefbf7;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}
.scope-map::before{content:"";position:absolute;width:330px;aspect-ratio:1;border-radius:50%;left:-110px;top:-130px;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 67%);z-index:-1}
.scope-map::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(45,212,176,.045) 48%,transparent 66%);transform:translateX(110%);animation:scopeSweep 8s var(--kod-ease-gentle) infinite;z-index:-1}
.scope-map-head{display:flex;justify-content:space-between;align-items:center;padding:.45rem .55rem 1rem;border-bottom:1px solid rgba(125,229,203,.13);font-size:.72rem;color:#88a79f}
.scope-map-head b{font-size:.62rem;color:#2dd4b0;letter-spacing:.14em}
.scope-inputs{width:72%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;margin:1.4rem auto .4rem}
.scope-inputs span{justify-self:center;white-space:nowrap;padding:.45rem .75rem;border:1px solid rgba(125,229,203,.16);border-radius:999px;background:rgba(255,255,255,.025);font-size:.68rem;color:#8eaaa3}
.scope-route{height:62px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:auto;position:relative}
.scope-route-in{width:72%}
.scope-route::after{content:"";position:absolute;left:16.666%;right:16.666%;bottom:0;height:1px;background:rgba(45,212,176,.38)}
.scope-route i{width:1px;height:100%;justify-self:center;background:linear-gradient(to bottom,rgba(34,211,238,.1),rgba(45,212,176,.55));position:relative}
.scope-route i::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:-2px;top:0;background:var(--mint);box-shadow:0 0 14px var(--mint);animation:routeSignal 3.6s var(--kod-ease-gentle) infinite}
.scope-route i:nth-child(2)::after{animation-delay:-1.2s}.scope-route i:nth-child(3)::after{animation-delay:-2.4s}
.scope-core{width:min(82%,350px);margin:0 auto;padding:1.25rem 1.4rem;text-align:center;border:1px solid rgba(45,212,176,.42);border-radius:22px;background:rgba(45,212,176,.07);box-shadow:0 0 60px rgba(45,212,176,.09)}
.scope-core small,.scope-core span{display:block;color:#7f9c95;font-size:.66rem}.scope-core strong{display:block;margin:.35rem 0;font-size:1rem}
.scope-route-out{width:100%;transform:scaleY(-1);height:65px}
.scope-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.2rem;direction:rtl}
.scope-output{min-height:112px;padding:.9rem;border:1px solid rgba(125,229,203,.13);border-radius:17px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center;opacity:.65;transform:translateY(0);animation:scopeChoice 7.2s var(--kod-ease-gentle) infinite}
.scope-output-b{animation-delay:-4.8s}.scope-output-c{animation-delay:-2.4s}
.scope-output span{color:#2dd4b0;font-size:.61rem}.scope-output strong{font-size:.78rem;margin:.35rem 0}.scope-output small{color:#738f88;font-size:.6rem;line-height:1.7}
.scope-map-foot{text-align:center;color:#718d85;font-size:.66rem;margin:auto 0 0;max-width:none;padding-top:1.1rem}
@keyframes scopeSweep{0%,54%{transform:translateX(110%)}75%,100%{transform:translateX(-110%)}}
@keyframes routeSignal{0%{top:0;opacity:0}15%{opacity:1}75%{opacity:1}100%{top:calc(100% - 5px);opacity:0}}
@keyframes scopeChoice{0%,22%{opacity:1;transform:translateY(-6px);border-color:rgba(45,212,176,.55);box-shadow:0 16px 40px rgba(45,212,176,.08)}34%,100%{opacity:.62;transform:none;border-color:rgba(125,229,203,.13);box-shadow:none}}

.kod-page-nav{border-block:1px solid var(--line);background:rgba(45,212,176,.035)}
.kod-page-nav .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.5rem);overflow-x:auto;scrollbar-width:none;padding-block:.85rem}
.kod-page-nav a{padding:.5rem .75rem;border-radius:999px;color:var(--muted);font-size:.75rem;white-space:nowrap;transition:color var(--kod-fast),background var(--kod-fast)}
.kod-definition{padding-top:clamp(3rem,5vw,5rem)}
.definition-card{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:clamp(2rem,6vw,6rem);align-items:center;border:1px solid rgba(45,212,176,.28);border-radius:32px;padding:clamp(1.7rem,4.5vw,3.5rem);background:linear-gradient(130deg,rgba(45,212,176,.08),var(--panel) 42%,rgba(34,211,238,.035));box-shadow:var(--shadow-soft)}
.definition-card h2{font-size:clamp(1.5rem,2.4vw,2.2rem);margin:0}.definition-card p{margin:0;font-size:clamp(.98rem,1.3vw,1.08rem);max-width:76ch}.definition-card p strong{color:var(--ink)}
.definition-label{display:inline-block;color:var(--accent-text,var(--mint));font-size:.72rem;font-weight:800;margin-bottom:.6rem}

.kod-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
.model-card{border:1px solid var(--line);border-radius:30px;padding:clamp(1.5rem,2.6vw,2.25rem);background:linear-gradient(145deg,var(--card-a),var(--card-b));box-shadow:var(--shadow-soft);position:relative;overflow:hidden;min-height:410px;display:flex;flex-direction:column;transition:transform var(--kod-standard) var(--kod-ease),border-color var(--kod-standard),box-shadow var(--kod-standard)}
.model-card-main{min-height:410px;background:radial-gradient(circle at 90% 5%,rgba(34,211,238,.12),transparent 36%),linear-gradient(145deg,var(--card-a),var(--card-b))}
.model-num{position:absolute;left:1.5rem;top:1.5rem;color:var(--quiet);font-size:.7rem}.model-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(45,212,176,.08);border:1px solid rgba(45,212,176,.18);margin-bottom:1.3rem}.model-icon svg{width:26px;height:26px;color:var(--accent-text,var(--mint))}
.model-kicker{display:block;color:var(--accent-text,var(--mint));font-size:.76rem;font-weight:800;margin-bottom:.6rem}.model-card h3{font-size:clamp(1.3rem,1.8vw,1.75rem);margin-bottom:.8rem}.model-card p{margin-bottom:1.2rem}.model-card ul{padding:0 1.1rem 0 0;margin:0 0 1.5rem;color:var(--muted);line-height:2}.model-card a{display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;padding:.65rem .85rem;border:1px solid rgba(45,212,176,.25);border-radius:12px;background:rgba(45,212,176,.055);color:var(--accent-text,var(--mint));font-size:.82rem;font-weight:800;margin-top:auto}.model-tags,.model-proof{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.model-tags span,.model-proof span{padding:.5rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;background:var(--panel)}

.kod-finder-section{background:linear-gradient(180deg,transparent,rgba(45,212,176,.045),transparent)}
.need-finder{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);border:1px solid var(--line);border-radius:32px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
.need-tabs{padding:1rem;background:linear-gradient(150deg,rgba(45,212,176,.08),rgba(34,211,238,.025));border-inline-end:1px solid var(--line);display:grid;grid-template-rows:repeat(4,1fr);gap:.5rem}
.need-tabs button{min-height:82px;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:.9rem;text-align:right;padding:1rem 1.05rem;cursor:pointer;font-size:.92rem;line-height:1.7;font-weight:700;transition:background var(--kod-fast),border-color var(--kod-fast),color var(--kod-fast),transform var(--kod-fast) var(--kod-ease)}
.need-tabs button span{color:var(--accent-text,var(--mint));font-size:.76rem}.need-tabs button[aria-selected="true"]{background:var(--panel);color:var(--ink);border-color:rgba(45,212,176,.3);box-shadow:var(--shadow-soft)}
.need-panels{min-height:455px;padding:clamp(1.8rem,4vw,3.6rem);display:grid;align-items:center}
.need-panels article{max-width:730px}.kod-page.kod-ready .need-panels article{grid-area:1/1}.kod-page.kod-ready .need-panels article[hidden]{display:none}.need-panels article.is-entering{animation:panelEnter var(--kod-standard) var(--kod-ease) both}
.need-result-label{display:inline-block;color:var(--gold-text);font-size:.76rem;font-weight:800;margin-bottom:.7rem}.need-panels h3{font-size:clamp(1.45rem,2.2vw,2.05rem);margin-bottom:.8rem}.need-panels p{font-size:1rem}.need-panels ul{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1.5rem 0}.need-panels li{padding:.58rem .82rem;border:1px solid var(--line);border-radius:999px;background:var(--quiet-button);color:var(--muted);font-size:.82rem}.need-panels .btn{min-height:48px;padding-inline:1.15rem;font-size:.9rem;border-color:rgba(45,212,176,.32);background:rgba(45,212,176,.065)}
@keyframes panelEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.service-catalog{border-top:1px solid var(--line)}
.service-catalog details{border-bottom:1px solid var(--line)}
.service-catalog summary{list-style:none;min-height:96px;display:grid;grid-template-columns:54px 1fr 32px;align-items:center;gap:1rem;padding:1rem .2rem;cursor:pointer;color:var(--ink)}
.service-catalog summary::-webkit-details-marker{display:none}.service-catalog summary>span:nth-child(2){display:flex;flex-direction:column;gap:.25rem}.service-catalog summary b{font-size:1.05rem}.service-catalog summary small{color:var(--muted);font-size:.75rem;font-weight:400}.service-catalog summary>i{font-style:normal;color:var(--accent-text,var(--mint));font-size:1.25rem;transition:transform var(--kod-standard) var(--kod-ease)}.service-catalog details[open] summary>i{transform:rotate(45deg)}
.catalog-icon{width:50px;height:50px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;background:var(--panel)}.catalog-icon svg{width:23px;height:23px;color:var(--accent-text,var(--mint))}
.catalog-body{display:flex;flex-wrap:wrap;gap:.65rem;padding:0 4.4rem 1.5rem 0}.catalog-body span{padding:.62rem .9rem;border:1px solid var(--line);background:linear-gradient(145deg,var(--card-a),var(--card-b));border-radius:14px;color:var(--muted);font-size:.8rem}.catalog-core{background:linear-gradient(90deg,rgba(45,212,176,.045),transparent)}.catalog-body-core{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.catalog-body-core span{display:flex;align-items:center;min-height:48px;position:relative;padding-right:2rem}.catalog-body-core span::before{content:"✓";position:absolute;right:.8rem;color:var(--accent-text,var(--mint));font-weight:900}
.scope-contract-note{display:flex;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.1rem 1.2rem;border:1px solid rgba(212,175,55,.3);border-radius:18px;background:rgba(212,175,55,.075)}.scope-contract-note svg{width:23px;height:23px;color:var(--gold);flex:0 0 auto;margin-top:.25rem}.scope-contract-note p{margin:0;max-width:none;font-size:.86rem;color:var(--muted)}.scope-contract-note strong{color:var(--gold-text)}

.kod-process-section{background:radial-gradient(circle at 10% 55%,rgba(34,211,238,.08),transparent 28rem)}
.kod-process-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:stretch}
.kod-process-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(240px,1.1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(1.5rem,3vw,2.5rem);align-content:start}.kod-process-copy>.eyebrow,.kod-process-copy>h2,.kod-process-copy>p{grid-column:1}.kod-process-copy>h2{font-size:clamp(1.65rem,2.25vw,2.15rem)}.kod-process-copy>p{font-size:.96rem}.process-portrait{grid-column:2;grid-row:1/4;margin:0;border:1px solid rgba(45,212,176,.22);border-radius:26px;overflow:hidden;background:#07110f;box-shadow:var(--shadow-soft);position:relative;min-height:100%}.process-portrait picture,.process-portrait img{display:block;width:100%;height:100%}.process-portrait img{aspect-ratio:auto;object-fit:cover;object-position:center}.process-portrait figcaption{position:absolute;right:1rem;left:1rem;bottom:1rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(8,15,14,.78);backdrop-filter:blur(12px);color:#bfd3cd;font-size:.72rem}
.kod-process-steps{list-style:none;margin:0;padding:0;counter-reset:none;display:grid;grid-template-rows:repeat(4,1fr)}.kod-process-steps li{display:grid;grid-template-columns:58px 1fr;align-content:center;gap:1.1rem;padding:1.35rem 0;border-bottom:1px solid var(--line);position:relative}.kod-process-steps li:first-child{padding-top:1.35rem}.kod-process-steps li>span{width:50px;height:50px;border:1px solid rgba(45,212,176,.28);border-radius:16px;display:grid;place-items:center;color:var(--accent-text,var(--mint));font-size:.78rem;background:rgba(45,212,176,.055)}.kod-process-steps h3{margin:0 0 .35rem;font-size:1.04rem}.kod-process-steps p{margin:0;font-size:.84rem}

.demo-bridge{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,5rem);align-items:center;border:1px solid rgba(45,212,176,.25);border-radius:36px;padding:clamp(1.4rem,4vw,3.5rem);background:radial-gradient(circle at 88% 15%,rgba(45,212,176,.12),transparent 30%),linear-gradient(145deg,#10241f,#07110f);box-shadow:var(--shadow);color:#eefbf7;overflow:hidden}.demo-bridge-copy h2{color:#eefbf7;font-size:clamp(1.8rem,3.5vw,3.1rem)}.demo-bridge-copy p{color:#9db8b0}.demo-bridge-copy ul{padding:0 1.1rem 0 0;color:#9db8b0;line-height:2;font-size:.82rem;margin-bottom:1.5rem}
.dashboard-peek{min-height:480px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:#080f0e;padding:.8rem;position:relative;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.4);transform:perspective(1200px) rotateY(2deg) rotateX(1deg);transition:transform var(--kod-slow) var(--kod-ease-gentle)}
.peek-browser{height:36px;display:flex;align-items:center;gap:.35rem;color:#5f7b73;font-size:.58rem;padding:0 .25rem}.peek-browser span{width:7px;height:7px;border-radius:50%;background:#28443d}.peek-browser span:first-child{background:#d4af37}.peek-browser b{margin-inline-start:auto;font-weight:500}
.peek-layout{min-height:414px;display:grid;grid-template-columns:135px 1fr;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#0b1513;overflow:hidden}.peek-side{padding:1rem;border-inline-end:1px solid rgba(125,229,203,.1);display:flex;flex-direction:column;gap:.4rem}.peek-side strong{margin-bottom:1.2rem;font-size:.78rem}.peek-side strong i{font-style:normal;color:#2dd4b0}.peek-side>span{padding:.55rem;border-radius:9px;color:#526f67;font-size:.58rem}.peek-side>span.active{background:rgba(45,212,176,.08);color:#a8c3bb}.peek-main{padding:1rem;display:grid;align-content:start;gap:.8rem}.peek-head{display:flex;justify-content:space-between;align-items:center}.peek-head small{display:block;color:#2dd4b0;font-size:.5rem}.peek-head strong{font-size:.72rem}.peek-head>span{font-size:.48rem;color:#5d7971}.peek-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.peek-cards i{height:54px;border:1px solid rgba(125,229,203,.1);border-radius:11px;background:linear-gradient(145deg,#10211d,#0c1916)}.peek-chart{height:150px;border:1px solid rgba(125,229,203,.1);border-radius:13px;padding:1rem;display:flex;align-items:end;gap:.45rem;background:#0f1e1a}.peek-chart span{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(#2dd4b0,rgba(45,212,176,.12));animation:peekBars 6s var(--kod-ease-gentle) infinite alternate;transform-origin:bottom}.peek-chart span:nth-child(2n){animation-delay:-2s}.peek-decision{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.35rem;padding:.65rem;border:1px solid rgba(125,229,203,.1);border-radius:12px;background:#0f1e1a}.peek-decision span{text-align:center;color:#829f97;font-size:.52rem}.peek-decision b{color:#2dd4b0;font-size:.55rem}.peek-watermark{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%) rotate(-17deg);font-size:clamp(.75rem,1.8vw,1.25rem);font-weight:900;color:rgba(255,255,255,.055);white-space:nowrap;pointer-events:none}
@keyframes peekBars{0%,35%{transform:scaleY(.72);opacity:.6}75%,100%{transform:scaleY(1);opacity:1}}

.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.security-card{border:1px solid var(--line);border-radius:28px;padding:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(145deg,var(--card-a),var(--card-b));position:relative;overflow:hidden}.security-card-no{border-color:rgba(212,175,55,.24)}.security-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:rgba(45,212,176,.08);margin-bottom:1.5rem}.security-card-no .security-icon{background:rgba(212,175,55,.08)}.security-icon svg{width:25px;height:25px;color:var(--accent-text,var(--mint))}.security-card-no .security-icon svg{color:var(--gold)}.security-state{display:block;color:var(--accent-text,var(--mint));font-size:.7rem;font-weight:800;margin-bottom:.6rem}.security-card-no .security-state{color:var(--gold-text)}.security-card h2{font-size:clamp(1.4rem,2.4vw,2rem)}.security-card p{font-size:.9rem}.security-card a{color:var(--accent-text,var(--mint));font-size:.8rem;font-weight:800}.security-card-no a{color:var(--gold-text)}

.kod-fit-section{background:linear-gradient(180deg,transparent,rgba(212,175,55,.028),transparent)}
.fit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.fit-card{border:1px solid var(--line);border-radius:28px;padding:clamp(1.5rem,3vw,2.5rem);background:var(--panel)}.fit-card>span{display:inline-block;padding:.45rem .7rem;border-radius:999px;font-size:.7rem;font-weight:800;margin-bottom:1rem}.fit-yes>span{background:rgba(45,212,176,.1);color:var(--accent-text,var(--mint))}.fit-no>span{background:rgba(212,175,55,.1);color:var(--gold-text)}.fit-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.fit-card li{position:relative;padding-right:1.6rem;color:var(--muted);font-size:.88rem;line-height:1.8}.fit-card li::before{position:absolute;right:0;top:.08rem;font-weight:900}.fit-yes li::before{content:"✓";color:var(--accent-text,var(--mint))}.fit-no li::before{content:"—";color:var(--gold-text)}

.kod-article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.kod-article-card{min-height:260px;border:1px solid var(--line);border-radius:28px;padding:clamp(1.4rem,3vw,2.2rem);background:linear-gradient(145deg,var(--card-a),var(--card-b));display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform var(--kod-standard) var(--kod-ease),border-color var(--kod-standard),box-shadow var(--kod-standard)}.kod-article-card::after{content:"";position:absolute;width:150px;aspect-ratio:1;border-radius:50%;left:-60px;bottom:-70px;background:radial-gradient(circle,rgba(45,212,176,.12),transparent 68%)}.kod-article-card>span{color:var(--accent-text,var(--mint));font-size:.7rem;font-weight:800}.kod-article-card h3{font-size:clamp(1.25rem,2vw,1.7rem);margin:1rem 0 .5rem}.kod-article-card p{margin:0;font-size:.86rem}.kod-article-card b{margin-top:auto;padding-top:1.5rem;color:var(--ink);font-size:.78rem}.kod-article-card b i{font-style:normal;color:var(--accent-text,var(--mint))}.article-algo,.article-data{transform:translateX(-2rem)}

.kod-faq-layout{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:clamp(3rem,6vw,6rem);align-items:start}.kod-faq-intro{position:sticky;top:120px}.kod-faq-intro h2{font-size:clamp(1.75rem,2.7vw,2.6rem);max-width:560px}.kod-faq-intro .btn{margin-top:1rem}.kod-faq-layout .faq{border-top:0}.kod-faq-layout .faq-item:first-child{border-top:1px solid var(--line)}

.kod-page .section-head h2{font-size:clamp(1.75rem,2.75vw,2.65rem)}

.kod-final-cta{min-height:470px;border:1px solid rgba(45,212,176,.26);border-radius:36px;padding:clamp(2rem,5vw,4.5rem);background:radial-gradient(circle at 8% 50%,rgba(34,211,238,.14),transparent 32%),linear-gradient(135deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,6rem);align-items:center;overflow:hidden}.kod-final-cta h2{font-size:clamp(2rem,4vw,3.7rem)}.kod-final-signal{display:grid;grid-template-columns:repeat(5,auto);align-items:center;justify-content:center;gap:.65rem;direction:rtl}.kod-final-signal span{width:96px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-align:center;padding:.6rem;background:rgba(8,15,14,.83);color:#aac2bb;font-size:.67rem;box-shadow:0 18px 45px rgba(0,0,0,.18)}.kod-final-signal span:last-child{border-color:rgba(45,212,176,.55);color:#2dd4b0}.kod-final-signal i{width:28px;height:1px;background:linear-gradient(to left,#2dd4b0,rgba(34,211,238,.3))}

@media(hover:hover) and (pointer:fine){
  .kod-page-nav a:hover{color:var(--ink);background:var(--quiet-button)}
  .model-card:hover,.kod-article-card:hover{transform:translateY(-5px);border-color:rgba(45,212,176,.38);box-shadow:var(--shadow)}
  .article-algo:hover,.article-data:hover{transform:translate(-2rem,-5px)}
  .need-tabs button:hover{color:var(--ink);transform:translateX(-2px)}
  .dashboard-peek:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-4px)}
  .service-catalog summary:hover b{color:var(--accent-text,var(--mint))}
}

@supports(animation-timeline:scroll()){
  .kod-scroll-progress{display:block;position:fixed;top:83px;left:0;right:0;height:2px;z-index:89;background:linear-gradient(to left,var(--mint),var(--cyan));transform-origin:right;animation:kodProgress linear both;animation-timeline:scroll(root block)}
  @keyframes kodProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

@media(max-width:980px){
  .kod-hero-grid{grid-template-columns:1fr}.kod-hero{padding-top:130px}.scope-map{min-height:540px;max-width:680px;width:100%;margin-inline:auto}
  .definition-card{grid-template-columns:1fr;gap:1.2rem}.kod-model-grid{grid-template-columns:1fr}.model-card,.model-card-main{min-height:auto}.need-finder{grid-template-columns:1fr}.need-tabs{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);border-inline-end:0;border-bottom:1px solid var(--line)}
  .kod-process-grid,.demo-bridge,.kod-faq-layout,.kod-final-cta{grid-template-columns:1fr}.kod-process-copy{grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr)}.kod-faq-intro{position:static}.dashboard-peek{max-width:760px;width:100%;margin-inline:auto;transform:none}.article-algo,.article-data{transform:none}.kod-final-signal{order:2}
}

@media(max-width:680px){
  .kod-hero{padding:118px 0 54px;min-height:auto}.kod-hero-copy h1{font-size:clamp(1.95rem,8.8vw,2.6rem);line-height:1.5}.kod-hero-copy h1 .hero-line{white-space:normal}.kod-assurances{display:grid;gap:.7rem}.kod-page-nav .wrap{justify-content:flex-start}
  .scope-map{min-height:500px;border-radius:27px;padding:.9rem}.scope-inputs{width:86%}.scope-inputs span{font-size:.61rem;padding:.38rem .55rem}.scope-route{height:52px}.scope-route-in{width:86%}.scope-core{width:88%;padding:1rem}.scope-outputs{gap:.4rem}.scope-output{min-height:102px;padding:.65rem}.scope-output strong{font-size:.68rem}.scope-output small{display:none}
  .kod-model-grid,.security-grid,.fit-grid,.kod-article-grid{grid-template-columns:1fr}.model-card,.model-card-main{min-height:auto;padding-top:4.5rem}.need-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.need-tabs button{min-width:250px;min-height:78px;scroll-snap-align:start;font-size:.9rem}.need-panels{min-height:500px;padding:1.5rem}.need-panels ul{display:grid}.catalog-body{padding-right:0}.catalog-body-core{grid-template-columns:1fr}.service-catalog summary{grid-template-columns:48px 1fr 24px}.catalog-icon{width:44px;height:44px}.kod-process-copy{display:block}.process-portrait{margin-top:1.5rem;min-height:0}.process-portrait img{aspect-ratio:4/3}.kod-process-steps{display:block}.kod-process-steps li{grid-template-columns:50px 1fr}.kod-process-steps li>span{width:44px;height:44px;border-radius:14px}.demo-bridge{border-radius:28px;padding:1rem}.dashboard-peek{min-height:390px;padding:.55rem}.peek-layout{min-height:340px;grid-template-columns:80px 1fr}.peek-side{padding:.65rem}.peek-side>span{font-size:0;height:28px}.peek-side>span::after{content:"";display:block;width:100%;height:5px;border-radius:99px;background:#315048}.peek-side>span.active::after{background:#2dd4b0}.peek-main{padding:.7rem}.peek-cards{grid-template-columns:repeat(2,1fr)}.peek-cards i:last-child{display:none}.peek-chart{height:120px}.peek-decision{gap:.2rem}.kod-article-card{min-height:230px}.kod-final-cta{min-height:0;border-radius:28px}.kod-final-signal span{width:74px;font-size:.58rem}.kod-final-signal i{width:12px}.kod-final-cta .button-row{display:grid}
}

@media(max-width:380px){
  .scope-output strong{font-size:.61rem}.scope-map-foot{font-size:.58rem}.kod-final-signal{gap:.35rem}.kod-final-signal span{width:68px}.need-tabs button{min-width:210px}
}

@media(prefers-reduced-motion:reduce){
  .scope-map::after,.scope-route i::after,.scope-output,.peek-chart span{animation:none!important}.dashboard-peek,.model-card,.kod-article-card,.need-tabs button{transform:none!important}.need-panels article.is-entering{animation:none!important}.kod-scroll-progress{display:none!important}
}