:root {
  --k-bg: #f3f4f0;
  --k-paper: #fbfbf8;
  --k-paper-2: #eef0ec;
  --k-ink: #111416;
  --k-ink-2: #2c3235;
  --k-muted: #6b7478;
  --k-muted-2: #8b9396;
  --k-line: #d7dcda;
  --k-line-strong: #c6cecb;
  --k-blue: #2b617a;
  --k-blue-2: #3b7895;
  --k-blue-soft: #dce8ed;
  --k-deep: #0e1315;
  --k-deep-2: #151c1f;
  --k-white: #fff;
  --k-ok: #2e6a5a;
  --k-danger: #9b3e3e;
  --k-radius-s: 12px;
  --k-radius-m: 18px;
  --k-radius-l: 28px;
  --k-shadow-soft: 0 28px 90px rgba(17, 20, 22, .07);
  --k-shadow-float: 0 18px 55px rgba(17, 20, 22, .10);
  --k-max: 1440px;
  --k-content: 1280px;
  --k-gutter: clamp(20px, 4.2vw, 72px);
  --k-section: clamp(96px, 10vw, 168px);
  --k-fast: 180ms;
  --k-normal: 360ms;
  --k-slow: 700ms;
  --k-ease: cubic-bezier(.2,.72,.2,1);
  --k-font-en: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --k-font-fa: "Kalbod Persian", Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--k-bg); color: var(--k-ink); }
html[lang="fa-IR"] { direction: rtl; }
body { margin: 0; background: var(--k-bg); color: var(--k-ink); font-family: var(--k-font-en); font-size: 16px; line-height: 1.65; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
html[lang="fa-IR"] body { font-family: var(--k-font-fa); }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
::selection { background: var(--k-blue-soft); color: var(--k-ink); }

.skip-link { position: fixed; inset-inline-start: 16px; top: -80px; z-index: 99999; background: var(--k-ink); color: #fff; padding: 10px 14px; border-radius: 10px; transition: top var(--k-fast); }
.skip-link:focus { top: 16px; }

.k-shell { width: min(100%, var(--k-max)); margin-inline: auto; padding-inline: var(--k-gutter); }
.k-content { width: min(100%, var(--k-content)); margin-inline: auto; }
.k-section { padding-block: var(--k-section); }
.k-section--tight { padding-block: clamp(72px, 7vw, 112px); }
.k-section--deep { background: var(--k-deep); color: #f2f3ef; }
.k-section--paper { background: var(--k-paper); }
.k-section--edge { border-block: 1px solid var(--k-line); }

.k-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); }
.k-stack { display: grid; gap: 24px; }

.k-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; line-height: 1; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: var(--k-muted); }
html[lang="fa-IR"] .k-eyebrow { letter-spacing: 0; font-size: 12px; }
.k-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--k-blue); }
.k-section--deep .k-eyebrow { color: #aab3b6; }

.k-display { margin: 0; font-weight: 620; letter-spacing: -.058em; line-height: .95; font-size: clamp(3.25rem, 7.2vw, 7rem); max-width: 12ch; }
html[lang="fa-IR"] .k-display { letter-spacing: -.02em; line-height: 1.08; font-weight: 650; max-width: 11.5ch; font-size: clamp(3rem, 6.4vw, 6.3rem); }
.k-display .k-accent, .k-title .k-accent { color: var(--k-blue); }
.k-title { margin: 0; font-weight: 620; letter-spacing: -.045em; line-height: 1.02; font-size: clamp(2.55rem, 4.8vw, 5.2rem); max-width: 15ch; }
html[lang="fa-IR"] .k-title { letter-spacing: -.015em; line-height: 1.13; font-size: clamp(2.35rem, 4.4vw, 4.6rem); }
.k-subtitle { margin: 0; color: var(--k-ink-2); font-size: clamp(1.08rem, 1.55vw, 1.28rem); max-width: 46rem; line-height: 1.72; }
.k-section--deep .k-subtitle { color: #c8cfd0; }
.k-copy { margin: 0; color: var(--k-muted); font-size: 1rem; line-height: 1.85; }
.k-copy--strong { color: var(--k-ink-2); }
.k-meta { color: var(--k-muted); font-size: 13px; }

.k-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 20px; border-radius: 999px; border: 1px solid transparent; background: var(--k-ink); color: #fff; font-weight: 650; font-size: 14px; transition: transform var(--k-fast) var(--k-ease), background var(--k-fast), border-color var(--k-fast); cursor: pointer; }
.k-button:hover { transform: translateY(-1px); background: #050607; }
.k-button--blue { background: var(--k-blue); }
.k-button--blue:hover { background: #204f66; }
.k-button--ghost { background: transparent; color: var(--k-ink); border-color: var(--k-line-strong); }
.k-button--ghost:hover { background: rgba(17,20,22,.035); }
.k-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 650; font-size: 14px; color: var(--k-ink); }
.k-link svg { width: 16px; height: 16px; transition: transform var(--k-fast) var(--k-ease); }
.k-link:hover svg { transform: translateX(3px); }
html[dir="rtl"] .k-link:hover svg { transform: translateX(-3px); }
.k-link--blue { color: var(--k-blue); }

.k-header { position: sticky; top: 0; z-index: 1000; min-height: 80px; border-bottom: 1px solid transparent; transition: background var(--k-normal), border-color var(--k-normal), box-shadow var(--k-normal); }
.admin-bar .k-header { top: 32px; }
.k-header.is-scrolled { background: rgba(243,244,240,.88); backdrop-filter: blur(18px) saturate(140%); border-color: rgba(198,206,203,.72); box-shadow: 0 8px 30px rgba(17,20,22,.03); }
.k-header__inner { min-height: 80px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.k-brand { display: inline-flex; align-items: center; width: 112px; }
.k-brand img { width: 100%; height: auto; }
.k-nav { display: flex; align-items: center; gap: 30px; font-size: 14px; }
.k-nav a { color: var(--k-ink-2); position: relative; padding-block: 8px; }
.k-nav a::after { content: ""; position: absolute; inset-inline: 0; bottom: 3px; height: 1px; background: var(--k-blue); transform: scaleX(0); transform-origin: center; transition: transform var(--k-fast) var(--k-ease); }
.k-nav a:hover::after, .k-nav a[aria-current="page"]::after { transform: scaleX(1); }
.k-utils { display: flex; justify-content: flex-end; align-items: center; gap: 15px; font-size: 13px; }
.k-utils a { display: inline-flex; align-items: center; gap: 7px; color: var(--k-ink-2); }
.k-utils .k-account { border: 1px solid var(--k-line-strong); min-height: 40px; padding: 0 14px; border-radius: 999px; }
.k-menu-toggle { display: none; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--k-line-strong); background: transparent; align-items: center; justify-content: center; cursor: pointer; }
.k-menu-toggle span { width: 17px; height: 1px; background: var(--k-ink); display: block; position: relative; }
.k-menu-toggle span::before, .k-menu-toggle span::after { content: ""; position: absolute; width: 17px; height: 1px; background: var(--k-ink); left: 0; }
.k-menu-toggle span::before { top: -5px; }
.k-menu-toggle span::after { top: 5px; }

.k-mobile-menu { position: fixed; inset: 0; z-index: 1200; background: rgba(243,244,240,.985); padding: 24px var(--k-gutter) 40px; opacity: 0; visibility: hidden; transition: opacity var(--k-normal); display: grid; grid-template-rows: auto 1fr auto; }
.k-mobile-menu.is-open { opacity: 1; visibility: visible; }
.k-mobile-menu__top { display: flex; align-items: center; justify-content: space-between; }
.k-mobile-menu__nav { align-self: center; display: grid; gap: 12px; }
.k-mobile-menu__nav a { font-size: clamp(2.6rem, 9vw, 4.7rem); line-height: 1.02; letter-spacing: -.045em; font-weight: 600; }
html[lang="fa-IR"] .k-mobile-menu__nav a { line-height: 1.15; letter-spacing: 0; }
.k-mobile-menu__foot { display: flex; gap: 18px; color: var(--k-muted); font-size: 14px; }

.k-hero { min-height: min(920px, calc(100svh - 80px)); display: flex; align-items: center; padding-block: clamp(58px, 7vw, 100px); position: relative; overflow: clip; }
.k-hero::after { content: ""; position: absolute; width: 540px; height: 540px; border: 1px solid rgba(43,97,122,.08); border-radius: 50%; inset-inline-end: -210px; top: 14%; pointer-events: none; }
.k-hero__copy { grid-column: 1 / span 7; align-self: center; display: grid; gap: 30px; position: relative; z-index: 2; }
.k-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.k-hero__disciplines { display: flex; gap: 18px; flex-wrap: wrap; color: var(--k-muted); font-size: 12px; }
.k-hero__disciplines span { display: inline-flex; align-items: center; gap: 8px; }
.k-hero__disciplines span::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--k-line-strong); }
.k-hero__disciplines span:first-child::before { display: none; }
.k-hero__visual { grid-column: 8 / span 5; min-width: 0; position: relative; }
.k-portrait { position: relative; min-height: 600px; border-radius: var(--k-radius-l); overflow: hidden; background: #fff; border: 1px solid var(--k-line); box-shadow: var(--k-shadow-soft); }
.k-portrait img { width: 100%; height: 100%; min-height: 600px; object-fit: cover; object-position: center 10%; }
.k-portrait__tag { position: absolute; inset-inline-start: 24px; bottom: 24px; max-width: calc(100% - 48px); background: rgba(251,251,248,.88); backdrop-filter: blur(14px); border: 1px solid rgba(215,220,218,.9); border-radius: 14px; padding: 12px 14px; display: grid; gap: 2px; font-size: 12px; }
.k-portrait__tag strong { font-size: 13px; }
.k-hero__mark { position: absolute; width: 260px; opacity: .035; inset-inline-end: -58px; top: -60px; pointer-events: none; }

.k-section-head { display: grid; grid-template-columns: 3fr 7fr 2fr; gap: 28px; align-items: end; margin-bottom: clamp(50px, 6vw, 84px); }
.k-section-head__label { grid-column: 1; }
.k-section-head__copy { grid-column: 2; display: grid; gap: 18px; }
.k-section-head__action { grid-column: 3; justify-self: end; align-self: start; }

.k-work-list { display: grid; gap: clamp(72px, 8vw, 120px); }
.k-work-item { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: clamp(20px, 2.4vw, 34px); align-items: center; }
.k-work-item:nth-child(even) .k-work-media { order: 2; }
.k-work-item:nth-child(even) .k-work-copy { order: 1; grid-column: 1 / span 5; padding-inline-end: clamp(0px, 3vw, 48px); }
.k-work-media { grid-column: 1 / span 7; min-height: 480px; border-radius: var(--k-radius-l); border: 1px solid var(--k-line); overflow: hidden; position: relative; background: var(--k-deep); box-shadow: 0 12px 50px rgba(17,20,22,.05); }
.k-work-copy { grid-column: 9 / span 4; display: grid; gap: 20px; }
.k-work-index { color: var(--k-blue); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.k-work-title { font-size: clamp(2rem, 3vw, 3.2rem); line-height: 1.03; letter-spacing: -.04em; margin: 0; }
html[lang="fa-IR"] .k-work-title { letter-spacing: -.01em; line-height: 1.15; }
.k-work-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--k-muted); font-size: 12px; }

.k-viz { position: absolute; inset: 0; overflow: hidden; }
.k-viz::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 72% 18%, rgba(58,122,149,.10), transparent 36%); }
.k-viz-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(89,137,158,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(89,137,158,.14) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); }
.k-viz-node { position: absolute; min-width: 112px; padding: 13px 16px; border: 1px solid rgba(107,177,205,.46); color: #dbe9ee; background: rgba(15,20,22,.74); border-radius: 12px; text-align: center; font-size: 12px; letter-spacing: .06em; }
.k-viz-line { position: absolute; height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgba(77,145,174,.2), rgba(77,145,174,.75)); }
.k-viz-label { position: absolute; inset-inline-start: 24px; bottom: 22px; color: #8baab7; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.k-viz--maintenance .n1 { left: 8%; top: 58%; } .k-viz--maintenance .n2 { left: 33%; top: 38%; } .k-viz--maintenance .n3 { left: 58%; top: 53%; } .k-viz--maintenance .n4 { right: 8%; top: 28%; }
.k-viz--maintenance .l1 { left: 23%; top: 64%; width: 18%; transform: rotate(-28deg); } .k-viz--maintenance .l2 { left: 45%; top: 46%; width: 16%; transform: rotate(20deg); } .k-viz--maintenance .l3 { left: 67%; top: 48%; width: 20%; transform: rotate(-27deg); }
.k-viz--ai { background: radial-gradient(circle at 50% 50%, rgba(42,108,136,.12), transparent 42%), var(--k-deep); }
.k-radar { position: absolute; width: 300px; height: 300px; border-radius: 50%; border: 1px solid rgba(82,157,187,.42); left: 50%; top: 50%; transform: translate(-50%,-50%); }
.k-radar::before, .k-radar::after { content: ""; position: absolute; inset: 14%; border-radius: 50%; border: 1px solid rgba(82,157,187,.25); }
.k-radar::after { inset: 32%; }
.k-radar__axis { position: absolute; background: rgba(82,157,187,.22); left: 50%; top: 8%; bottom: 8%; width: 1px; }
.k-radar__axis::after { content: ""; position: absolute; height: 1px; width: 276px; left: -138px; top: 50%; background: rgba(82,157,187,.22); }
.k-radar__sweep { position: absolute; width: 45%; height: 1px; left: 50%; top: 50%; transform-origin: left center; background: linear-gradient(90deg, rgba(84,173,208,.85), transparent); animation: k-sweep 8s linear infinite; }
.k-radar__dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #73b7d0; box-shadow: 0 0 0 7px rgba(115,183,208,.08); }
.k-radar__dot.d1 { left: 63%; top: 35%; } .k-radar__dot.d2 { left: 38%; top: 61%; } .k-radar__dot.d3 { left: 72%; top: 67%; }
@keyframes k-sweep { to { transform: rotate(360deg); } }
.k-viz--warranty { background: linear-gradient(145deg,#eef1f0,#f8f9f6); }
.k-ticket { position: absolute; width: 62%; max-width: 420px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 28px; border: 1px solid #cfd8d6; border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: 0 20px 60px rgba(17,20,22,.08); }
.k-ticket__bar { height: 42px; background: repeating-linear-gradient(90deg,#172125 0 3px,transparent 3px 7px); opacity: .72; margin-bottom: 28px; }
.k-ticket__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.k-ticket__line { height: 7px; border-radius: 99px; background: #d8ddda; }
.k-ticket__seal { position: absolute; right: 24px; bottom: 24px; width: 58px; height: 58px; border-radius: 50%; background: var(--k-blue); color: #fff; display: grid; place-items: center; font-size: 28px; }

.k-manifesto { position: relative; overflow: hidden; }
.k-manifesto::before { content: ""; position: absolute; width: 560px; height: 560px; border-radius: 50%; border: 1px solid rgba(85,151,178,.12); inset-inline-end: -250px; top: -220px; }
.k-manifesto__main { grid-column: 1 / span 7; }
.k-manifesto__side { grid-column: 9 / span 4; display: grid; align-content: end; gap: 28px; }
.k-manifesto .k-title { max-width: 13ch; }
.k-manifesto__principles { display: flex; gap: 24px; flex-wrap: wrap; color: #90a0a5; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
html[lang="fa-IR"] .k-manifesto__principles { letter-spacing: 0; }

.k-disciplines { border-top: 1px solid var(--k-line); }
.k-discipline { display: grid; grid-template-columns: 90px 1.25fr 1fr; gap: clamp(22px, 3vw, 48px); padding-block: 40px; border-bottom: 1px solid var(--k-line); align-items: start; }
.k-discipline__num { font-size: 1.1rem; color: var(--k-muted-2); font-variant-numeric: tabular-nums; }
.k-discipline h3 { margin: 0 0 10px; font-size: clamp(1.65rem, 2.2vw, 2.25rem); line-height: 1.08; letter-spacing: -.035em; }
html[lang="fa-IR"] .k-discipline h3 { letter-spacing: -.01em; line-height: 1.2; }
.k-discipline p { margin: 0; color: var(--k-muted); }
.k-discipline__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 9px 18px; font-size: 14px; color: var(--k-ink-2); }
.k-discipline__list li { padding-block: 7px; border-bottom: 1px solid rgba(215,220,218,.75); }

.k-founder-note { display: grid; grid-template-columns: 4fr 7fr 1fr; gap: 28px; align-items: start; }
.k-founder-note__name { grid-column: 1; }
.k-founder-note__body { grid-column: 2; display: grid; gap: 24px; }

.k-products { border-top: 1px solid var(--k-line); }
.k-product-row { display: grid; grid-template-columns: 1.25fr 1.5fr 1fr auto; gap: 24px; align-items: center; min-height: 150px; border-bottom: 1px solid var(--k-line); padding-block: 22px; transition: background var(--k-fast), padding-inline var(--k-fast); }
.k-product-row:hover { background: rgba(255,255,255,.45); padding-inline: 14px; }
.k-product-row__brand { min-height: 92px; display: flex; align-items: center; }
.k-product-row__brand img { max-width: 150px; max-height: 72px; object-fit: contain; object-position: left center; }
html[dir="rtl"] .k-product-row__brand img { object-position: right center; }
.k-product-lockup { display: grid; gap: 6px; }
.k-product-lockup strong { font-size: 1.3rem; letter-spacing: -.03em; }
.k-product-lockup small { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--k-muted); }
html[lang="fa-IR"] .k-product-lockup small { letter-spacing: 0; }
.k-product-row__copy h3 { margin: 0 0 6px; font-size: 1.45rem; }
.k-product-row__copy p { margin: 0; color: var(--k-muted); }
.k-product-row__status { color: var(--k-muted); font-size: 12px; }
.k-product-row__arrow { width: 38px; height: 38px; border: 1px solid var(--k-line-strong); border-radius: 50%; display: grid; place-items: center; transition: transform var(--k-fast), border-color var(--k-fast); }
.k-product-row:hover .k-product-row__arrow { transform: translateX(3px); border-color: var(--k-blue); }
html[dir="rtl"] .k-product-row:hover .k-product-row__arrow { transform: translateX(-3px); }

.k-cta { background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(237,242,242,.86)); border: 1px solid var(--k-line); border-radius: var(--k-radius-l); padding: clamp(34px,5vw,70px); display: grid; grid-template-columns: 7fr 3fr; gap: 40px; align-items: center; box-shadow: var(--k-shadow-soft); position: relative; overflow: hidden; }
.k-cta::after { content: ""; position: absolute; width: 240px; height: 240px; border: 1px solid rgba(43,97,122,.08); border-radius: 50%; inset-inline-end: -90px; top: -100px; }
.k-cta h2 { margin: 8px 0 10px; font-size: clamp(2.2rem, 4vw, 4.2rem); letter-spacing: -.05em; line-height: .98; max-width: 12ch; }
html[lang="fa-IR"] .k-cta h2 { letter-spacing: -.015em; line-height: 1.14; }
.k-cta__action { justify-self: end; z-index: 1; }

.k-footer { padding-block: 64px 30px; border-top: 1px solid var(--k-line); }
.k-footer__grid { display: grid; grid-template-columns: 2fr repeat(4,1fr); gap: 44px; }
.k-footer__brand img { width: 118px; margin-bottom: 18px; }
.k-footer__brand p { max-width: 28ch; color: var(--k-muted); font-size: 13px; }
.k-footer h4 { margin: 0 0 14px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--k-muted); }
html[lang="fa-IR"] .k-footer h4 { letter-spacing: 0; }
.k-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; font-size: 13px; }
.k-footer__bottom { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--k-line); display: flex; align-items: center; justify-content: space-between; color: var(--k-muted); font-size: 12px; }

.k-page-hero { padding-block: clamp(90px, 10vw, 160px) clamp(72px, 8vw, 120px); }
.k-page-hero__grid { display: grid; grid-template-columns: 3fr 8fr 1fr; gap: 28px; }
.k-page-hero__label { grid-column: 1; padding-top: 10px; }
.k-page-hero__main { grid-column: 2; display: grid; gap: 28px; }
.k-page-hero .k-display { font-size: clamp(3.4rem, 6.5vw, 6.6rem); max-width: 14ch; }
html[lang="fa-IR"] .k-page-hero .k-display { font-size: clamp(3rem, 5.7vw, 5.7rem); max-width: 13ch; }

.k-page-section { padding-block: clamp(72px, 7vw, 118px); border-top: 1px solid var(--k-line); }
.k-page-section__grid { display: grid; grid-template-columns: 3fr 8fr 1fr; gap: 28px; }
.k-page-section__label { grid-column: 1; }
.k-page-section__body { grid-column: 2; }

.k-timeline { display: grid; }
.k-timeline__row { display: grid; grid-template-columns: 130px 1.1fr 1.6fr; gap: 24px; padding-block: 26px; border-bottom: 1px solid var(--k-line); }
.k-timeline__year { color: var(--k-blue); font-size: 13px; font-weight: 700; }
.k-timeline__title { font-weight: 650; }
.k-timeline__body { color: var(--k-muted); }

.k-principles { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
.k-principle { padding-block: 24px; border-top: 1px solid var(--k-line); display: grid; grid-template-columns: 38px 1fr; gap: 14px; }
.k-principle strong { display: block; margin-bottom: 4px; }
.k-principle p { margin: 0; color: var(--k-muted); font-size: 14px; }

.k-product-page-hero { display: grid; grid-template-columns: 5fr 7fr; gap: 60px; align-items: center; }
.k-product-identity { min-height: 420px; background: var(--k-paper); border: 1px solid var(--k-line); border-radius: var(--k-radius-l); display: grid; place-items: center; position: relative; overflow: hidden; }
.k-product-identity img { max-width: 55%; max-height: 160px; object-fit: contain; }
.k-product-identity .k-product-lockup strong { font-size: clamp(3rem,6vw,6rem); }
.k-product-identity::after { content:""; position:absolute; width:270px; height:270px; border:1px solid rgba(43,97,122,.11); border-radius:50%; right:-100px; top:-110px; }
.k-product-page-copy { display: grid; gap: 24px; }
.k-product-page-copy h1 { margin:0; font-size: clamp(3.3rem,6vw,6.6rem); letter-spacing:-.055em; line-height:.95; }
html[lang="fa-IR"] .k-product-page-copy h1 { letter-spacing:-.015em; line-height:1.1; }
.k-product-facts { display:grid; grid-template-columns: repeat(3,1fr); border-block:1px solid var(--k-line); margin-top: 18px; }
.k-product-fact { padding: 18px 18px 18px 0; }
.k-product-fact + .k-product-fact { border-inline-start:1px solid var(--k-line); padding-inline-start:18px; }
.k-product-fact small { display:block; color:var(--k-muted); margin-bottom:4px; }

.k-case-head { display: grid; grid-template-columns: 8fr 4fr; gap: 40px; }
.k-case-head__meta { align-self:end; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.k-case-head__meta div { border-top:1px solid var(--k-line); padding-top:12px; }
.k-case-head__meta small { display:block; color:var(--k-muted); }
.k-case-section { display:grid; grid-template-columns:3fr 7fr 2fr; gap:28px; padding-block:72px; border-top:1px solid var(--k-line); }
.k-case-section h2 { grid-column:1; margin:0; font-size:1rem; letter-spacing:.08em; text-transform:uppercase; color:var(--k-muted); }
html[lang="fa-IR"] .k-case-section h2 { letter-spacing:0; }
.k-case-section__body { grid-column:2; display:grid; gap:20px; }
.k-case-section__body p { margin:0; color:var(--k-ink-2); font-size:1.08rem; line-height:1.9; }

.k-contact-layout { display:grid; grid-template-columns:4fr 7fr 1fr; gap:28px; }
.k-contact-aside { grid-column:1; display:grid; align-content:start; gap:28px; }
.k-contact-form { grid-column:2; background:var(--k-paper); border:1px solid var(--k-line); border-radius:var(--k-radius-l); padding:clamp(26px,4vw,48px); }
.k-form-step { display:none; }
.k-form-step.is-active { display:grid; gap:24px; }
.k-form-step h2 { margin:0; font-size:clamp(2rem,3vw,3rem); letter-spacing:-.04em; line-height:1.05; }
html[lang="fa-IR"] .k-form-step h2 { letter-spacing:-.01em; line-height:1.2; }
.k-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.k-choice { min-height:56px; border:1px solid var(--k-line-strong); border-radius:14px; padding:0 16px; background:transparent; text-align:start; cursor:pointer; transition:border-color var(--k-fast), background var(--k-fast); }
.k-choice:hover, .k-choice.is-selected { border-color:var(--k-blue); background:rgba(43,97,122,.05); }
.k-field { display:grid; gap:8px; }
.k-field label { font-weight:650; font-size:13px; }
.k-field input, .k-field textarea { width:100%; border:1px solid var(--k-line-strong); background:#fff; color:var(--k-ink); border-radius:14px; padding:14px 15px; outline:none; }
.k-field textarea { min-height:160px; resize:vertical; }
.k-field input:focus, .k-field textarea:focus { border-color:var(--k-blue); box-shadow:0 0 0 3px rgba(43,97,122,.08); }
.k-form-actions { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.k-form-progress { display:flex; gap:7px; }
.k-form-progress span { width:28px; height:3px; border-radius:99px; background:var(--k-line); }
.k-form-progress span.is-active { background:var(--k-blue); }

.k-search-wrap { max-width:860px; }
.k-search-form { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:36px; }
.k-search-form input { min-height:58px; border:1px solid var(--k-line-strong); border-radius:999px; padding-inline:22px; background:#fff; outline:none; }
.k-search-form input:focus { border-color:var(--k-blue); box-shadow:0 0 0 3px rgba(43,97,122,.08); }
.k-search-results { margin-top:60px; border-top:1px solid var(--k-line); }
.k-search-item { padding-block:26px; border-bottom:1px solid var(--k-line); display:grid; grid-template-columns:1fr auto; gap:24px; }
.k-search-item h2 { margin:0 0 6px; font-size:1.4rem; }
.k-search-item p { margin:0; color:var(--k-muted); }

.k-empty { padding:64px 0; border-top:1px solid var(--k-line); color:var(--k-muted); }
.k-404 { min-height:70svh; display:grid; place-items:center; text-align:center; }
.k-404__mark { width:80px; margin:0 auto 28px; opacity:.9; }
.k-404 h1 { margin:0 0 18px; font-size:clamp(4rem,10vw,8rem); letter-spacing:-.07em; }
.k-404 p { margin:0 auto 28px; max-width:42ch; color:var(--k-muted); }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity var(--k-slow) var(--k-ease), transform var(--k-slow) var(--k-ease); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-delay="1"] { transition-delay: 90ms; }
.reveal[data-delay="2"] { transition-delay: 160ms; }
.reveal[data-delay="3"] { transition-delay: 230ms; }

:focus-visible { outline: 3px solid rgba(43,97,122,.28); outline-offset: 3px; border-radius: 6px; }

@media (max-width: 1100px) {
  .k-nav { gap: 18px; }
  .k-utils { gap: 10px; }
  .k-hero__copy { grid-column: 1 / span 6; }
  .k-hero__visual { grid-column: 7 / span 6; }
  .k-work-copy { grid-column: 9 / span 4; }
  .k-work-media { grid-column: 1 / span 7; }
  .k-product-row { grid-template-columns: 1fr 1.4fr .8fr auto; }
}

@media (max-width: 860px) {
  .admin-bar .k-header { top: 46px; }
  .k-header, .k-header__inner { min-height: 68px; }
  .k-header__inner { grid-template-columns: 1fr auto; }
  .k-brand { width: 100px; }
  .k-nav, .k-utils { display:none; }
  .k-menu-toggle { display:flex; }
  .k-hero { min-height:auto; padding-block:44px 84px; }
  .k-hero::after { width:320px; height:320px; right:-180px; top:18%; }
  .k-hero__copy { grid-column:1 / -1; gap:22px; }
  .k-hero__visual { grid-column:1 / -1; margin-top:18px; }
  .k-display { font-size:clamp(3.25rem, 14vw, 5.6rem); max-width:9.5ch; }
  html[lang="fa-IR"] .k-display { font-size:clamp(3rem, 12.8vw, 5.3rem); max-width:9ch; }
  .k-portrait { min-height: 520px; }
  .k-portrait img { min-height:520px; object-position:center 8%; }
  .k-hero__mark { width:180px; right:-30px; top:-20px; }
  .k-section-head { grid-template-columns:1fr; gap:16px; }
  .k-section-head__label, .k-section-head__copy, .k-section-head__action { grid-column:1; }
  .k-section-head__action { justify-self:start; }
  .k-work-item { grid-template-columns:1fr; gap:24px; }
  .k-work-media, .k-work-copy, .k-work-item:nth-child(even) .k-work-media, .k-work-item:nth-child(even) .k-work-copy { grid-column:1; order:initial; padding:0; }
  .k-work-media { min-height:380px; }
  .k-manifesto__main, .k-manifesto__side { grid-column:1 / -1; }
  .k-manifesto__side { margin-top:48px; }
  .k-discipline { grid-template-columns:54px 1fr; }
  .k-discipline__list { grid-column:2; }
  .k-founder-note { grid-template-columns:1fr; }
  .k-founder-note__name, .k-founder-note__body { grid-column:1; }
  .k-product-row { grid-template-columns: 110px 1fr auto; gap:16px; }
  .k-product-row__status { display:none; }
  .k-product-row__brand img { max-width:92px; }
  .k-cta { grid-template-columns:1fr; }
  .k-cta__action { justify-self:start; }
  .k-footer__grid { grid-template-columns:2fr 1fr 1fr; }
  .k-footer__brand { grid-column:1 / -1; }
  .k-page-hero__grid, .k-page-section__grid { grid-template-columns:1fr; }
  .k-page-hero__label, .k-page-hero__main, .k-page-section__label, .k-page-section__body { grid-column:1; }
  .k-timeline__row { grid-template-columns:96px 1fr; }
  .k-timeline__body { grid-column:2; }
  .k-product-page-hero { grid-template-columns:1fr; }
  .k-case-head { grid-template-columns:1fr; }
  .k-case-section { grid-template-columns:1fr; }
  .k-case-section h2, .k-case-section__body { grid-column:1; }
  .k-contact-layout { grid-template-columns:1fr; }
  .k-contact-aside, .k-contact-form { grid-column:1; }
}

@media (max-width: 600px) {
  :root { --k-gutter: 18px; --k-section: 84px; }
  .k-hero { padding-top:28px; }
  .k-display { font-size:clamp(3.1rem, 15vw, 4.8rem); line-height:.97; }
  html[lang="fa-IR"] .k-display { font-size:clamp(2.9rem, 13.8vw, 4.55rem); }
  .k-title { font-size:clamp(2.45rem, 11.5vw, 3.7rem); }
  .k-subtitle { font-size:1rem; }
  .k-hero__actions { align-items:stretch; }
  .k-hero__actions .k-button { width:100%; }
  .k-hero__disciplines { display:grid; gap:8px; }
  .k-hero__disciplines span::before { display:block !important; }
  .k-portrait { min-height:430px; border-radius:22px; }
  .k-portrait img { min-height:430px; }
  .k-portrait__tag { left:14px; right:14px; bottom:14px; max-width:none; }
  .k-work-media { min-height:310px; border-radius:22px; }
  .k-radar { width:220px; height:220px; }
  .k-radar__axis::after { width:200px; left:-100px; }
  .k-ticket { width:80%; padding:22px; }
  .k-discipline { grid-template-columns:42px 1fr; gap:14px; padding-block:30px; }
  .k-discipline__list { grid-template-columns:1fr; }
  .k-product-row { grid-template-columns:86px 1fr auto; min-height:126px; padding-block:18px; }
  .k-product-row__brand { min-height:70px; }
  .k-product-row__brand img { max-width:72px; max-height:56px; }
  .k-product-row__copy h3 { font-size:1.18rem; }
  .k-product-row__copy p { font-size:13px; line-height:1.55; }
  .k-product-lockup strong { font-size:1.05rem; }
  .k-product-lockup small { font-size:8px; }
  .k-cta { padding:30px 24px; border-radius:22px; }
  .k-cta h2 { font-size:2.5rem; }
  .k-footer__grid { grid-template-columns:1fr 1fr; gap:32px 18px; }
  .k-footer__brand { grid-column:1 / -1; }
  .k-footer__bottom { align-items:flex-start; gap:10px; flex-direction:column; }
  .k-page-hero { padding-block:72px 64px; }
  .k-page-hero .k-display { font-size:clamp(3rem,13vw,4.7rem); }
  html[lang="fa-IR"] .k-page-hero .k-display { font-size:clamp(2.8rem,12vw,4.3rem); }
  .k-timeline__row { grid-template-columns:1fr; gap:8px; }
  .k-timeline__body { grid-column:1; }
  .k-principles { grid-template-columns:1fr; }
  .k-product-facts { grid-template-columns:1fr; }
  .k-product-fact + .k-product-fact { border-inline-start:0; border-top:1px solid var(--k-line); padding-inline-start:0; }
  .k-choice-grid { grid-template-columns:1fr; }
  .k-search-form { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .reveal { opacity:1; transform:none; }
}
