/* TAVEN design system: Swiss minimalism × modern engineering × premium technology */
:root {
  font-family: 'Manrope Variable', Manrope, Arial, sans-serif;
  color: #172b3a;
  background: #ffffff;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --navy: #10243a;
  --navy-2: #173b5e;
  --navy-3: #0b1b2d;
  --teal: #13b8a6;
  --mint: #54d6b5;
  --ink: #172b3a;
  --muted: #64748b;
  --line: #dce6ea;
  --soft: #f5f8fa;
  --container: 1220px;
  --radius: 4px;
  --ease: cubic-bezier(.2,.75,.25,1);
}
*,*::before,*::after {box-sizing: border-box;}
html {scroll-behavior:smooth;scroll-padding-top:95px;}
body {margin:0;min-width:320px;}
body,button,input,textarea,select {font-family:'Manrope Variable',Manrope,Arial,sans-serif;}
[lang="fa"] {font-family:'Vazirmatn Variable',Tahoma,sans-serif;}
[lang="fa"] button,[lang="fa"] input,[lang="fa"] textarea,[lang="fa"] select {font-family:'Vazirmatn Variable',Tahoma,sans-serif;}
button,input,textarea,select {font-size:inherit;}
button {cursor:pointer;}
button:disabled {cursor:not-allowed;opacity:.7;}
a {color:inherit;text-decoration:none;}
img,svg {max-width:100%;}
p,h1,h2,h3,h4 {margin-top:0;}
::selection {background:#a4ebe0;color:#10243a;}
:focus-visible {outline:3px solid #30bfae;outline-offset:4px;}
.container {width:min(var(--container),calc(100% - 96px));margin-inline:auto;}
.site-shell {width:100%;overflow:clip;}
.skip-link {position:fixed;z-index:1000;inset-block-start:12px;inset-inline-start:12px;padding:12px 18px;transform:translateY(-200%);background:var(--mint);color:var(--navy);font-weight:750;}
.skip-link:focus {transform:translateY(0);}
/* Brand / navigation */
.site-header {position:sticky;inset-block-start:0;z-index:100;background:white;border-bottom:1px solid rgba(16,36,58,.07);transition:box-shadow .25s,background .25s;}
.site-header--scrolled {box-shadow:0 11px 30px rgba(16,36,58,.055);background:rgba(255,255,255,.97);backdrop-filter:blur(18px);}
.site-header__inner {min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.brand {display:inline-flex;gap:10px;align-items:center;flex-shrink:0;color:var(--navy);direction:ltr;}
.brand-mark {width:42px;height:42px;display:grid;place-items:center;color:var(--navy);}
.brand-mark svg {width:38px;height:38px;}
.brand-type {font-size:27px;font-weight:800;letter-spacing:-.09em;line-height:1;}
.brand-dot {color:var(--teal);}
.brand--light {color:#fff;}
.brand--light .brand-mark {color:#fff;}
.desktop-nav,.header-actions {display:flex;align-items:center;}
.desktop-nav {gap:35px;margin-inline:auto;}
.nav-link {font-weight:650;color:#637280;font-size:12px;line-height:1.4;white-space:nowrap;position:relative;transition:color .2s;}
.nav-link:hover,.nav-link--active {color:var(--navy);}
.nav-link--active::after {content:'';position:absolute;inset-inline:0;inset-block-end:-35px;height:2px;background:var(--teal);}
.header-actions {gap:18px;flex-shrink:0;}
.language {position:relative;}
.language__button {border:0;background:transparent;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.05em;padding:10px;color:var(--navy);}
.language__menu {position:absolute;inset-block-start:calc(100% + 17px);inset-inline-end:0;min-width:165px;padding:7px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 55px rgba(16,36,58,.14);z-index:104;}
.language__item {padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#415464;}
.language__item:hover,.language__item--active {background:#e9f8f5;color:var(--navy);}
.header-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;background:var(--navy);color:#fff;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s;}
.header-cta:hover {background:var(--navy-2);transform:translateY(-1px);}
.header-cta svg {color:var(--mint);}
.mobile-toggle {display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);background:white;color:var(--navy);}
.mobile-nav {border-top:1px solid var(--line);background:white;box-shadow:0 20px 30px rgba(16,36,58,.1);}
.mobile-nav[hidden] {display:none;}
.mobile-nav__links {padding-block:20px 28px;}
.mobile-nav__links a {display:flex;align-items:center;gap:20px;padding:15px 5px;border-bottom:1px solid var(--line);font-weight:750;font-size:18px;}
.mobile-nav__links a>svg {margin-inline-start:auto;}
.mobile-nav__index {font-size:10px;font-weight:800;color:var(--teal);}
.mobile-nav__active {color:#007f79;}
/* Reusables */
.button {display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:14px 20px;font-size:12px;font-weight:800;transition:transform .25s var(--ease),background .25s,color .25s;}
.button:hover {transform:translateY(-3px);}
.button--mint {background:var(--mint);color:#0d2d38;}
.button--mint:hover {background:#89e7d3;}
.button--dark {background:var(--navy);color:#fff;}
.button--dark:hover {background:var(--navy-2);}
.button--dark svg {color:var(--mint);}
.button--outline {color:#fff;background:transparent;border:1px solid rgba(215,242,244,.38);}
.button--outline:hover {border-color:var(--mint);background:rgba(255,255,255,.06);}
.eyebrow {display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.8;text-transform:uppercase;color:#246f73;}
.eyebrow-line {width:20px;height:1px;flex-shrink:0;background:currentColor;}
.eyebrow--light {color:#7ddbcc;}
.section {padding-block:118px;}
.section--soft {background:var(--soft);}
.section--dark {background:var(--navy);color:#fff;}
.section-heading {display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:49px;}
.section-heading__left {max-width:750px;}
.section-title {font-size:clamp(33px,4.1vw,58px);font-weight:750;line-height:1.18;letter-spacing:-.066em;color:var(--navy);margin:20px 0 18px;}
.section-summary {font-size:15px;max-width:560px;line-height:1.95;color:var(--muted);margin:0;}
.section-heading__action {padding-bottom:8px;}
.text-link {display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;color:var(--navy);white-space:nowrap;border-bottom:1px solid var(--teal);padding-bottom:8px;transition:gap .2s;}
.text-link:hover {gap:18px;}
.text-link svg {color:#0b9f95;}
.text-link--light {color:#fff;}
.section-heading--light .section-title {color:#fff;}
.section-heading--light .section-summary {color:#b8c9d6;}
/* Home hero */
.hero {position:relative;background:#10243a;color:white;overflow:hidden;}
.hero::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 44%,rgba(41,154,160,.13),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 66%);pointer-events:none;}
.hero__grid {position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:30px;align-items:center;min-height:680px;padding-block:85px 100px;}
.hero__copy {position:relative;z-index:2;}
.hero__eyebrow {display:flex;align-items:center;gap:13px;color:#8db9c6;font-size:9px;letter-spacing:.14em;font-weight:800;margin-bottom:41px;line-height:1.8;}
.hero__signal {width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(84,214,181,.1);flex-shrink:0;}
.hero h1 {font-weight:790;font-size:clamp(51px,5.1vw,77px);line-height:1.115;letter-spacing:-.078em;margin:0 0 25px;}
.hero h1 span {display:block;}
.hero__highlight {color:var(--mint);}
.hero__last {font-weight:650;}
.hero__description {max-width:485px;font-size:15px;line-height:2;color:#b9c9d5;margin:0 0 33px;}
.hero__actions {display:flex;flex-wrap:wrap;gap:12px;}
.hero__footnote {display:flex;gap:14px;align-items:center;margin-top:64px;font-size:11px;color:#92aebd;}
.hero__footnote svg {color:var(--mint);}
.hero__bottom-rule {height:5px;width:100%;background:linear-gradient(90deg,var(--teal),var(--mint) 31%,#142e48 31%);}
/* Hero engineering art */
.network {position:relative;min-height:552px;isolation:isolate;display:grid;place-items:center;border:1px solid rgba(126,213,212,.16);background:linear-gradient(145deg,rgba(27,62,83,.5),rgba(12,29,46,.12));}
.network__grid {position:absolute;inset:0;background-image:linear-gradient(rgba(122,204,205,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,204,205,.07) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent);}
.network__diagram {position:relative;z-index:1;width:100%;filter:drop-shadow(0 4px 25px rgba(29,190,161,.12));animation:diagram-float 9s ease-in-out infinite;}
.network__serial {position:absolute;inset-block-start:22px;inset-inline-start:23px;color:#77abb8;font-family:monospace;font-size:9px;letter-spacing:.15em;}
.network__caption {position:absolute;inset-block-end:23px;inset-inline-start:25px;display:flex;align-items:center;gap:10px;color:#9fc1cc;font-family:monospace;font-size:9px;letter-spacing:.08em;line-height:1.7;}
.live-dot {width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px rgba(84,214,181,.7);}
.network__corner {position:absolute;width:24px;height:24px;border-color:var(--mint);opacity:.8;}
.network__corner--tl {inset-inline-start:-1px;inset-block-start:-1px;border-top:2px solid;border-inline-start:2px solid;}
.network__corner--br {inset-inline-end:-1px;inset-block-end:-1px;border-bottom:2px solid;border-inline-end:2px solid;}
@keyframes diagram-float {0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
/* Intro */
.intro-grid {display:grid;grid-template-columns:1fr 2fr;gap:72px;}
.intro-grid__aside {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;}
.intro-signet {display:flex;align-items:end;gap:13px;color:#aac7ca;line-height:1;}
.intro-signet span:first-child {font-size:91px;font-weight:300;}
.intro-signet span:last-child {font-family:monospace;font-size:10px;writing-mode:vertical-rl;letter-spacing:.15em;padding-bottom:15px;}
.intro-grid__content h2 {font-size:clamp(37px,4.6vw,64px);letter-spacing:-.066em;line-height:1.2;color:var(--navy);max-width:790px;margin-bottom:30px;}
.intro-grid__content>p {max-width:720px;font-size:17px;line-height:2.05;color:#526676;margin-bottom:47px;}
.intro-grid__foot {border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:26px;}
.intro-grid__foot>span {max-width:350px;font-size:12px;line-height:1.9;color:var(--muted);}
/* Service cards */
.services-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-inline-start:1px solid var(--line);}
.service-card {min-height:285px;background:white;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:27px 29px 25px;position:relative;overflow:hidden;transition:transform .27s var(--ease),background .27s,border-color .27s;}
.service-card:hover {background:#edf8f6;transform:translateY(-2px);z-index:2;}
.service-card::after {content:'';position:absolute;height:3px;width:0;inset-block-end:0;inset-inline-start:0;background:var(--teal);transition:width .35s var(--ease);}
.service-card:hover::after {width:100%;}
.service-card__top {display:flex;justify-content:space-between;align-items:flex-start;}
.service-card__index {font-size:10px;letter-spacing:.13em;color:#59737d;font-weight:800;}
.service-card__icon {color:#087d77;}
.service-card h3 {max-width:255px;font-size:20px;font-weight:800;letter-spacing:-.045em;line-height:1.45;color:var(--navy);margin:0 0 12px;}
.service-card p {max-width:315px;font-size:12px;line-height:1.9;color:var(--muted);margin:0;}
.service-card__arrow {display:flex;align-self:end;color:var(--navy);margin-top:14px;transition:transform .2s;}
.service-card:hover .service-card__arrow {transform:translate(3px,-3px);}
/* Projects & custom conceptual artwork */
.projects-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
.project-card {display:block;min-width:0;}
.project-card__art {overflow:hidden;}
.project-card__art .concept {min-height:328px;}
.project-card__info {display:flex;justify-content:space-between;gap:20px;padding-top:26px;}
.project-card__number {display:block;color:#087d77;font-size:10px;letter-spacing:.12em;line-height:1.8;font-weight:800;text-transform:uppercase;margin-bottom:14px;}
.project-card h3 {font-size:32px;font-weight:800;color:var(--navy);letter-spacing:-.05em;margin:0 0 8px;}
.project-card p {font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:440px;}
.project-card__link {align-self:center;width:49px;height:49px;display:grid;place-items:center;border:1px solid var(--line);color:var(--navy);transition:background .2s,color .2s,transform .2s;flex-shrink:0;}
.project-card:hover .project-card__link {background:var(--navy);color:var(--mint);transform:translate(3px,-3px);}
.concept {position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;padding:54px 55px 68px;direction:ltr;}
.concept--health {--concept-bg:#e3f5ee;--concept-accent:#268d79;--concept-accent-light:#a9ddc9;background:linear-gradient(132deg,#e4f5ed,#d3e9df 57%,#d7f0e7);}
.concept--learning {--concept-bg:#e4eafb;--concept-accent:#475c9d;--concept-accent-light:#b7c7ed;background:linear-gradient(132deg,#e4eafe,#d5e0f6 58%,#dbeaff);}
.concept__orb {position:absolute;border:1px solid rgba(255,255,255,.7);border-radius:50%;}
.concept__orb--one {width:390px;height:390px;inset-block-start:-190px;inset-inline-end:-120px;}
.concept__orb--two {width:310px;height:310px;inset-block-end:-190px;inset-inline-start:-110px;}
.concept__window {position:relative;z-index:2;width:min(100%,580px);height:290px;background:#fff;box-shadow:0 25px 70px rgba(26,72,89,.13);border-radius:8px;overflow:hidden;transform:perspective(950px) rotateX(3deg) rotateY(-6deg) rotateZ(-1deg);transition:transform .4s var(--ease);}
.project-card:hover .concept__window {transform:perspective(950px) rotateX(1deg) rotateY(-2deg) rotateZ(0);}
.concept__topline {height:35px;display:flex;align-items:center;justify-content:space-between;padding-inline:14px;border-bottom:1px solid #e8edf0;}
.concept__dots {display:flex;gap:4px;}.concept__dots i {width:6px;height:6px;border:1px solid #bbccd3;border-radius:50%;}
.concept__window-name {font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--concept-accent);}
.concept__glyph {color:var(--concept-accent);}
.concept__inside {display:grid;grid-template-columns:51px 1fr;height:calc(100% - 35px);}
.concept__side {background:#f7fafb;border-right:1px solid #e7eff1;display:flex;flex-direction:column;gap:19px;align-items:center;padding-block:15px;}
.concept__side-logo {display:grid;place-items:center;background:var(--concept-accent);color:white;width:22px;height:22px;font-size:17px;font-weight:800;border-radius:4px;}
.concept__side>span:not(:first-child) {width:15px;height:4px;background:#cbd7da;border-radius:8px;}
.concept__main {padding:22px 24px;}
.concept__micro {font:800 8px Manrope,sans-serif;letter-spacing:.15em;color:var(--concept-accent);}
.concept__heading {font-size:18px;font-weight:850;color:#233b51;line-height:1.6;max-width:300px;margin-bottom:15px;}
.concept__metrics {display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:9px;}
.concept__metrics>div {height:71px;background:#f6fafb;border:1px solid #edf2f3;border-radius:3px;padding:15px;display:flex;flex-direction:column;justify-content:center;gap:9px;}
.concept__bar {display:block;height:9px;width:69%;background:var(--concept-accent-light);border-radius:4px;}.concept__bar.small {width:45%;height:5px;opacity:.7;}
.concept__ring {height:37px;width:37px;border:7px solid var(--concept-accent-light);border-top-color:var(--concept-accent);border-radius:50%;margin:auto;}
.concept__stack {display:flex;align-items:end;gap:6px;height:37px;margin:auto;}.concept__stack i {display:block;background:var(--concept-accent-light);width:9px;height:17px;border-radius:2px;}.concept__stack i:nth-child(2){height:30px;background:var(--concept-accent)}.concept__stack i:nth-child(3){height:23px;}
.concept__rows {margin-top:16px;display:grid;gap:7px;}.concept__rows>div {display:grid;grid-template-columns:35% 25% 25%;gap:12px;}.concept__rows span {height:6px;background:#eaf1f1;border-radius:9px;}
.concept__chip {position:absolute;z-index:3;inset-block-end:35px;inset-inline-end:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;color:var(--concept-accent);font-size:11px;font-weight:800;padding:14px 16px;box-shadow:0 15px 32px rgba(26,72,89,.12);}
.concept__disclaimer {position:absolute;z-index:4;inset-inline-start:22px;inset-block-end:15px;font-size:9px;color:#48656e;max-width:90%;}
.concept--compact {padding:45px 37px;}
.concept--compact .concept__window {height:225px;}
.concept--compact .concept__main {padding:16px 20px;}
.concept--compact .concept__heading {font-size:14px;margin-bottom:10px;}
.concept--compact .concept__metrics>div {height:55px;}
.concept--compact .concept__disclaimer {font-size:8px;}
/* Process and technology */
.process-section {background:var(--navy);color:white;position:relative;}
.process-section::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 95% 9%,rgba(84,214,181,.065),transparent 33%);pointer-events:none;}
.process-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.19);border-inline-start:1px solid rgba(255,255,255,.19);position:relative;}
.process-step {border-inline-end:1px solid rgba(255,255,255,.19);border-bottom:1px solid rgba(255,255,255,.19);min-height:218px;padding:26px 25px 35px;position:relative;}
.process-step__number {font-size:10px;font-weight:700;color:var(--mint);letter-spacing:.1em;}
.process-step__mark {width:8px;height:8px;border:1px solid var(--mint);position:absolute;inset-block-start:27px;inset-inline-end:27px;transform:rotate(45deg);}
.process-step h3 {margin:49px 0 11px;font-size:20px;letter-spacing:-.045em;line-height:1.4;font-weight:750;}
.process-step p {font-size:12px;line-height:1.9;color:#a6becd;max-width:330px;margin:0;}
.toolkit-grid {display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;}
.toolkit-grid .section-heading {margin:0;}
.toolkit-list {border-top:1px solid var(--line);}
.toolkit-list__item {padding:18px 6px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);font-size:16px;font-weight:750;color:var(--navy);transition:padding .2s,background .2s;}
.toolkit-list__item:hover {padding-inline:13px;background:var(--soft);}
.toolkit-list__number {font-family:monospace;color:#58727c;font-size:10px;font-weight:500;}
.toolkit-list__item svg {margin-inline-start:auto;color:var(--teal);}
/* CTA / footer */
.cta-section {background:var(--mint);color:var(--navy);overflow:hidden;}
.cta-section__inner {position:relative;padding-block:95px 103px;}
.cta-section .eyebrow {color:#1b6869;}
.cta-section h2 {font-size:clamp(43px,5vw,74px);max-width:790px;line-height:1.1;letter-spacing:-.076em;font-weight:800;margin:20px 0;position:relative;z-index:1;}
.cta-section p {max-width:510px;font-size:15px;line-height:1.9;margin-bottom:30px;color:#285c61;position:relative;z-index:1;}
.cta-section .button {position:relative;z-index:1;}
.cta-section__symbol {position:absolute;inset-inline-end:-20px;inset-block-end:-115px;font-weight:200;font-size:420px;line-height:1;color:rgba(16,36,58,.065);pointer-events:none;}
.site-footer {background:#0b1d30;color:white;}
.footer-top {display:grid;grid-template-columns:.9fr 1.35fr;gap:70px;padding-block:95px 105px;}
.footer-brand p {max-width:310px;line-height:2;color:#adc1cd;font-size:13px;margin:26px 0 45px;}
.footer-code {display:block;font-size:9px;letter-spacing:.04em;line-height:2;color:#648798;max-width:330px;}
.footer-links {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.footer-links>div {display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.footer-links h3 {color:#76d3c2;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:15px;}
.footer-links a {font-size:12px;color:#b6c9d3;line-height:1.7;transition:color .2s;}
.footer-links a:hover {color:var(--mint);}
.footer-email-link {margin-top:10px;display:inline-flex;gap:9px;align-items:center;color:#fff!important;}
.footer-bottom {border-top:1px solid rgba(255,255,255,.12);min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7795a5;font-size:11px;}
.footer-bottom__slogan {letter-spacing:.12em;font-size:9px;}
.back-to-top {border:1px solid rgba(255,255,255,.22);color:var(--mint);width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;}
.back-to-top:hover {background:rgba(255,255,255,.08);}
/* Internal page headings */
.page-intro {position:relative;background:var(--navy);color:white;overflow:hidden;}
.page-intro::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 88% 50%,rgba(56,166,172,.16),transparent 40%);}
.page-intro__inner {position:relative;padding-block:105px 118px;}
.page-intro__inner::after {content:'';height:260px;width:260px;position:absolute;inset-inline-end:15px;inset-block-start:70px;border:1px solid rgba(84,214,181,.2);transform:rotate(45deg);pointer-events:none;}
.page-intro__accent {height:1px;width:100%;background:linear-gradient(90deg,rgba(84,214,181,.45),transparent);margin-bottom:44px;}
.page-intro h1 {font-size:clamp(48px,6vw,82px);max-width:960px;font-weight:790;letter-spacing:-.075em;line-height:1.13;margin:22px 0 25px;position:relative;z-index:1;}
.page-intro p {max-width:660px;color:#c0d2dd;font-size:17px;line-height:1.95;position:relative;z-index:1;margin-bottom:0;}
.page-intro__coordinates {position:absolute;inset-inline-end:0;inset-block-end:27px;color:#4d7c8c;font-family:monospace;font-size:9px;letter-spacing:.13em;}
/* About */
.editorial-grid {display:grid;grid-template-columns:1fr 2.1fr;gap:65px;}
.editorial-index {font:800 95px Manrope,sans-serif;letter-spacing:-.1em;line-height:1;color:#dbe6ea;}
.editorial-index span {font-weight:200;color:#6cbeb7;}
.editorial-title {font-size:clamp(37px,4vw,60px);font-weight:790;letter-spacing:-.065em;line-height:1.18;margin:19px 0 26px;color:var(--navy);}
.editorial-body {font-size:17px;line-height:2.05;max-width:730px;color:#566c7a;}
.two-editorials {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.editorial-panel {position:relative;background:white;padding:42px 41px 105px;min-height:410px;overflow:hidden;}
.editorial-panel h2 {font-size:35px;line-height:1.26;letter-spacing:-.055em;color:var(--navy);margin:28px 0 20px;max-width:440px;}
.editorial-panel p {font-size:14px;line-height:2.05;color:#637480;max-width:440px;}
.editorial-panel__icon {position:absolute;inset-block-end:-60px;inset-inline-end:25px;font-size:210px;line-height:1;color:#e8f4f3;font-weight:200;}
.principles-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);}
.principle {padding:34px 25px 45px;min-height:310px;border-inline-end:1px solid var(--line);}
.principle:last-child {border-inline-end:0;}
.principle__count {display:block;font-size:11px;color:#58727c;margin-bottom:51px;}
.principle>svg {color:#13a798;margin-bottom:20px;}
.principle h3 {font-size:19px;line-height:1.45;letter-spacing:-.045em;color:var(--navy);margin-bottom:11px;}
.principle p {font-size:12px;line-height:1.95;color:var(--muted);}
.method-section {background:var(--navy);color:white;overflow:hidden;}
.method-section__grid {display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;}
.method-section h2 {font-size:clamp(39px,4.4vw,62px);letter-spacing:-.07em;line-height:1.16;margin:22px 0 20px;}
.method-section p {font-size:15px;line-height:2;color:#b2c8d4;max-width:535px;margin-bottom:28px;}
.method-section__visual {height:380px;display:grid;place-items:center;position:relative;}
.method-section__visual::before,.method-section__visual::after {content:'';position:absolute;border:1px solid rgba(84,214,181,.17);width:340px;height:340px;transform:rotate(45deg);}
.method-section__visual::after {width:265px;height:265px;transform:rotate(-10deg);}
.method-ring {height:190px;width:190px;border:1px solid var(--mint);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 28px rgba(84,214,181,.06),0 0 0 65px rgba(84,214,181,.03);}
.method-ring span {font:800 120px Manrope,sans-serif;color:var(--mint);line-height:1;}
.method-ring__a,.method-ring__b,.method-ring__c {width:9px;height:9px;background:var(--mint);position:absolute;border-radius:50%;}
.method-ring__a {top:15px;left:39%;}.method-ring__b {bottom:27px;right:14%;}.method-ring__c {top:46%;left:3%;}
.about-cta {text-align:center;}
.about-cta__content {max-width:800px;}
.about-cta h2 {font-size:clamp(39px,4.6vw,63px);line-height:1.22;letter-spacing:-.06em;color:var(--navy);}
.about-cta p {color:var(--muted);line-height:1.9;font-size:15px;margin-bottom:32px;}
/* Services detail */
.services-grid--full .service-card {min-height:330px;}
.service-ending__inner {display:flex;align-items:center;justify-content:space-between;gap:38px;border-top:1px solid var(--line);padding-top:55px;}
.service-ending h2 {font-size:clamp(30px,3.5vw,48px);line-height:1.2;letter-spacing:-.055em;color:var(--navy);margin:14px 0;}
.service-ending p {color:var(--muted);line-height:1.9;margin:0;}
.service-ending .button {flex-shrink:0;}
.detail-hero {background:var(--navy);color:white;}
.detail-hero__grid {display:grid;grid-template-columns:1.13fr .87fr;gap:70px;align-items:center;padding-block:95px 120px;}
.detail-hero__back {display:inline-flex;align-items:center;gap:10px;color:#8dafbb;font-size:12px;margin-bottom:65px;}
.detail-hero__back:hover {color:var(--mint);}
[dir="rtl"] .detail-hero__back svg {transform:scaleX(-1);}
.detail-hero h1 {font-size:clamp(45px,5.4vw,74px);font-weight:780;letter-spacing:-.073em;line-height:1.15;margin:24px 0;}
.detail-hero p {font-size:16px;line-height:2;color:#b4c8d2;max-width:610px;margin-bottom:34px;}
.detail-hero__visual {height:365px;display:grid;place-items:center;border:1px solid rgba(84,214,181,.22);background:radial-gradient(circle,rgba(84,214,181,.06),transparent 65%);position:relative;color:var(--mint);}
.detail-hero__visual::after {content:'';height:9px;width:9px;background:var(--mint);position:absolute;inset-inline-end:25px;inset-block-start:24px;}
.detail-hero__rings {width:230px;height:230px;position:absolute;border:1px solid rgba(84,214,181,.28);border-radius:50%;box-shadow:0 0 0 41px rgba(84,214,181,.035),0 0 0 83px rgba(84,214,181,.025);}
.detail-hero__visual>span {position:absolute;inset-inline-start:20px;inset-block-end:20px;font:10px monospace;color:#82bcc3;letter-spacing:.1em;}
.question-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:60px;}
.question-grid article {border-top:1px solid var(--line);padding-top:30px;}
.question-grid h2 {font-size:33px;letter-spacing:-.05em;color:var(--navy);margin:22px 0;}
.question-grid p {font-size:16px;line-height:2.05;color:var(--muted);max-width:520px;margin:0;}
.detail-column-heading {margin-bottom:35px;}.detail-column-heading h2,.deliver-grid h2 {font-size:clamp(36px,4.2vw,57px);letter-spacing:-.065em;line-height:1.2;color:var(--navy);margin:19px 0;}
.detail-process {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.detail-process article {background:white;min-height:235px;padding:30px;display:flex;flex-direction:column;gap:26px;}
.detail-process article>span {font:700 11px monospace;color:var(--teal);}
.detail-process p {font-size:16px;line-height:1.85;font-weight:650;color:var(--navy);margin:auto 0;}
.detail-process svg {align-self:end;color:var(--teal);}
.deliver-grid {display:grid;grid-template-columns:1fr 1fr;gap:80px;}
.deliver-grid ul {padding:0;margin:0;list-style:none;}
.deliver-grid li {border-bottom:1px solid var(--line);padding:24px 0;display:flex;gap:17px;font-size:16px;color:#455a67;line-height:1.8;}
.deliver-grid li:first-child {border-top:1px solid var(--line);}
.deliver-grid li svg {color:var(--teal);flex-shrink:0;margin-top:4px;}
.service-next {background:var(--navy);color:white;}
.service-next__inner {display:flex;justify-content:space-between;align-items:center;gap:35px;}
.service-next h2 {font-size:clamp(36px,4vw,54px);letter-spacing:-.06em;line-height:1.2;margin:20px 0 14px;}
.service-next p {color:#afc3ce;font-size:14px;line-height:1.9;margin:0;}
.service-next .button {flex-shrink:0;}
/* Projects detail */
.projects-grid--landing .project-card__art .concept {min-height:420px;}
.projects-disclaimer,.case-caveat {font-size:12px;color:#788b97;line-height:1.9;margin-top:32px;}
.project-detail-hero {background:var(--navy);color:white;padding-block:60px 0;}
.project-detail-hero__heading {display:flex;align-items:end;justify-content:space-between;gap:40px;padding-block:35px 50px;}
.project-detail-hero h1 {font-size:clamp(52px,6vw,86px);letter-spacing:-.075em;line-height:1.1;margin:22px 0 14px;}
.project-detail-hero__heading p {font-size:16px;line-height:1.9;color:#bacbd5;max-width:640px;margin:0;}
.project-detail-hero__category {font-size:10px;color:var(--mint);text-transform:uppercase;letter-spacing:.13em;max-width:250px;line-height:1.7;text-align:end;}
.project-detail-hero .concept {height:470px;}
.case-grid {display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;}
.case-grid h2,.case-duo h2 {font-size:clamp(31px,3.5vw,48px);letter-spacing:-.06em;line-height:1.18;color:var(--navy);margin:20px 0;}
.case-grid>p {color:#526876;font-size:18px;line-height:2;max-width:680px;margin:0;}
.case-duo {display:grid;grid-template-columns:1fr 1fr;gap:85px;}
.case-duo article {border-top:1px solid var(--line);padding-top:30px;}
.case-duo p {line-height:2.05;font-size:15px;color:#586d7b;max-width:540px;}
.case-features h2 {color:white;font-size:clamp(37px,4vw,57px);letter-spacing:-.065em;margin:19px 0 45px;}
.case-features__grid {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);border-inline-start:1px solid rgba(255,255,255,.2);}
.case-features__grid>div {min-height:180px;border-inline-end:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:23px 25px;display:flex;flex-direction:column;}
.case-features__grid>div span {color:var(--mint);font:10px monospace;}
.case-features__grid>div svg {margin-inline-start:auto;color:var(--mint);}
.case-features__grid>div p {font-size:15px;color:#e0eaf0;line-height:1.7;margin:auto 0 0;}
.case-standalone-title {font-size:clamp(37px,4vw,57px);letter-spacing:-.065em;color:var(--navy);margin:22px 0 28px;}
.case-stack {display:flex;flex-wrap:wrap;gap:12px;}
.case-stack span {padding:15px 21px;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--navy);background:var(--soft);}
.next-project {border-top:1px solid var(--line);padding-top:25px;}
.next-project>a {display:flex;justify-content:space-between;align-items:center;font-size:clamp(40px,6vw,84px);font-weight:800;letter-spacing:-.065em;color:var(--navy);margin-top:28px;}
.next-project>a svg {color:var(--teal);transition:transform .2s;}
.next-project>a:hover svg {transform:translate(5px,-5px);}
/* Contact */
.contact-grid {display:grid;grid-template-columns:1.35fr .65fr;gap:72px;}
.contact-main__header h2 {font-size:clamp(33px,3.5vw,52px);letter-spacing:-.06em;color:var(--navy);line-height:1.2;margin:19px 0 13px;}
.contact-main__header p {color:var(--muted);line-height:1.9;font-size:13px;margin-bottom:35px;}
.contact-form {display:flex;flex-direction:column;gap:23px;}
.form-row {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.field {display:flex;flex-direction:column;gap:9px;min-width:0;}
.field label {font-size:11px;font-weight:800;color:#405768;}
.field label span {color:var(--teal);}
.field input,.field select,.field textarea {width:100%;border:1px solid #d7e3e8;background:#fff;color:var(--navy);padding:15px 16px;border-radius:0;outline:0;transition:border-color .2s,box-shadow .2s;}
.field input,.field select {min-height:52px;}
.field input::placeholder,.field textarea::placeholder {color:#98a8b2;}
.field input:focus,.field select:focus,.field textarea:focus {border-color:var(--teal);box-shadow:0 0 0 3px rgba(19,184,166,.12);}
.field textarea {resize:vertical;min-height:155px;line-height:1.8;}
.field-trap {position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px;top:auto;}
.contact-form__end {display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:2px;}
.contact-form__end>span {display:inline-flex;align-items:center;gap:8px;color:#71838f;font-size:10px;line-height:1.8;max-width:325px;}
.contact-form__end>span svg {flex-shrink:0;color:var(--teal);}
.form-message {display:flex;align-items:flex-start;gap:12px;line-height:1.75;font-size:12px;padding:17px 20px;background:#fdf5e8;color:#79551f;border-inline-start:3px solid #c99241;}
.form-message--success {background:#eaf8f2;color:#18664e;border-color:#239879;}
.form-message--failure,.form-message--invalid {background:#fff0ed;color:#9e4b40;border-color:#c46051;}
.form-message svg {flex-shrink:0;}
.contact-aside__dark {background:var(--navy);color:white;padding:38px 34px 35px;min-height:355px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;}
.contact-aside__symbol {position:absolute;top:-110px;right:-12px;font-size:250px;color:rgba(84,214,181,.1);font-weight:200;line-height:1;}
.contact-aside__dark h2 {font-size:31px;letter-spacing:-.06em;line-height:1.25;margin-bottom:17px;max-width:280px;}
.contact-aside__dark p {font-size:13px;line-height:1.95;color:#b2c8d5;max-width:300px;}
.contact-aside__base {font:9px monospace;letter-spacing:.12em;color:#6ea1ad;margin-top:21px;}
.contact-aside__details {border:1px solid var(--line);padding:34px 30px;}
.contact-status {display:flex;align-items:flex-start;gap:11px;color:#536b79;font-size:12px;line-height:1.8;margin:21px 0 29px;}
.status-dot {height:8px;width:8px;border-radius:50%;background:#b99c60;flex-shrink:0;margin-top:6px;}.status-dot--ready {background:#15a78e;}
.contact-aside__line {border-top:1px solid var(--line);padding:20px 0;display:flex;gap:16px;color:var(--teal);}
.contact-aside__line>div {display:flex;flex-direction:column;gap:5px;}
.contact-aside__line strong {font-size:12px;color:var(--navy);}
.contact-aside__line span {font-size:12px;color:#7c909c;line-height:1.6;}
.contact-aside__note {font-size:11px;line-height:1.95;color:#8496a0;margin:12px 0 0;}
.not-found {min-height:60vh;display:flex;align-items:center;padding-block:80px;}
.not-found__number {font-size:clamp(120px,20vw,300px);letter-spacing:-.12em;line-height:.9;font-weight:850;color:#e1ecef;display:block;}
.not-found__number span {color:var(--teal);}
.not-found h1 {font-size:clamp(33px,4vw,55px);color:var(--navy);letter-spacing:-.06em;margin:15px 0;}
.not-found p {line-height:1.9;color:var(--muted);margin-bottom:28px;}
/* RTL rules preserving genuine layout direction */
[dir="rtl"] .hero h1,[dir="rtl"] .section-title,[dir="rtl"] .editorial-title,[dir="rtl"] .page-intro h1,[dir="rtl"] .detail-hero h1,[dir="rtl"] .project-detail-hero h1 {letter-spacing:-.035em;}
[dir="rtl"] .eyebrow,[dir="rtl"] .hero__eyebrow {letter-spacing:0;}
[dir="rtl"] .concept {direction:ltr;}
[dir="rtl"] .concept__disclaimer {direction:rtl;}
[dir="rtl"] .concept__heading {direction:rtl;text-align:right;}
[dir="rtl"] .project-detail-hero__category {text-align:start;}
[dir="rtl"] .header-cta svg,[dir="rtl"] .button svg,[dir="rtl"] .text-link svg {transform:scaleX(-1);}
/* Responsive */
@media(max-width:1100px) {
  .container {width:min(var(--container),calc(100% - 64px));}
  .desktop-nav {gap:19px;}
  .site-header__inner {gap:16px;}
  .header-cta {padding:12px;gap:8px;}
  .hero__grid {grid-template-columns:1fr .95fr;gap:14px;}
  .hero h1 {font-size:clamp(47px,5.7vw,65px);}
  .network {min-height:490px;}
  .service-card {padding:25px 23px;}
  .contact-grid {gap:40px;}
  .toolkit-grid {gap:50px;}
}
@media(max-width:880px) {
  .site-header__inner {min-height:76px;}
  .desktop-nav,.header-cta {display:none;}
  .mobile-toggle {display:flex;}
  .nav-link--active::after {display:none;}
  .hero__grid {grid-template-columns:1fr;gap:49px;padding-block:77px 66px;}
  .hero__copy {max-width:660px;}
  .hero h1 {font-size:clamp(53px,8.4vw,82px);}
  .hero__footnote {margin-top:38px;}
  .network {width:min(100%,600px);min-height:460px;justify-self:center;}
  .intro-grid {grid-template-columns:1fr;gap:30px;}
  .intro-grid__aside {flex-direction:row;align-items:center;}
  .intro-signet span:first-child {font-size:60px;}
  .intro-grid__content h2 {max-width:740px;}
  .services-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .process-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .toolkit-grid {grid-template-columns:1fr;gap:30px;}
  .footer-top {grid-template-columns:1fr;gap:57px;}
  .footer-brand p {margin-bottom:25px;}
  .principles-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .principle:nth-child(2) {border-inline-end:0;}
  .principle:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .detail-hero__grid {gap:25px;}
  .detail-hero__visual {height:325px;}
  .case-grid {gap:45px;}
  .contact-grid {grid-template-columns:1fr;}
  .contact-aside {display:grid;grid-template-columns:1fr 1fr;}
  .contact-aside__dark,.contact-aside__details {min-height:0;}
  .contact-aside__dark {padding:30px;}
  .project-detail-hero .concept {height:440px;}
}
@media(max-width:620px) {
  :root {--container:100%;}
  .container {width:calc(100% - 36px);}
  .site-header__inner {min-height:69px;}
  .brand-mark,.brand-mark svg {height:31px;width:31px;}
  .brand {gap:7px;}
  .brand-type {font-size:23px;}
  .header-actions {gap:6px;}
  .language__button {font-size:10px;padding:8px;}
  .mobile-toggle {width:39px;height:39px;}
  .section {padding-block:75px;}
  .section-heading {display:block;margin-bottom:31px;}
  .section-heading__action {margin-top:24px;}
  .section-title {font-size:clamp(32px,8vw,45px);margin:16px 0;}
  .section-summary {font-size:13px;}
  .eyebrow {font-size:9px;}
  .hero__grid {padding-block:70px 45px;gap:42px;}
  .hero__eyebrow {font-size:9px;margin-bottom:30px;}
  .hero h1 {font-size:clamp(45px,11.1vw,65px);line-height:1.17;}
  .hero__description {font-size:14px;line-height:1.95;}
  .hero__actions {flex-direction:column;align-items:stretch;max-width:340px;}
  .button {min-height:50px;font-size:12px;}
  .hero__footnote {font-size:10px;margin-top:36px;}
  .network {min-height:335px;}
  .network__diagram {max-width:390px;}
  .network__serial,.network__caption {font-size:8px;}
  .intro-grid__content h2 {font-size:clamp(35px,9vw,49px);}
  .intro-grid__content>p {font-size:14px;margin-bottom:30px;}
  .intro-grid__foot {align-items:flex-start;flex-direction:column;gap:20px;}
  .services-grid {grid-template-columns:1fr;}
  .service-card,.services-grid--full .service-card {min-height:255px;padding:25px;}
  .service-card__content {margin-top:36px;}
  .projects-grid {grid-template-columns:1fr;gap:50px;}
  .project-card__art .concept,.projects-grid--landing .project-card__art .concept {min-height:280px;}
  .concept,.project-detail-hero .concept {padding:28px 23px 45px;min-height:290px;height:350px;}
  .concept--compact {padding:28px 20px;}
  .concept__window {height:217px;}
  .concept__topline {height:30px;}
  .concept__inside {grid-template-columns:35px 1fr;}
  .concept__side {gap:13px;}
  .concept__main {padding:12px;}
  .concept__heading {font-size:14px;}
  .concept__metrics>div {height:53px;padding:8px;}
  .concept__rows {margin-top:10px;}
  .concept__chip {inset-block-end:24px;inset-inline-end:8px;font-size:9px;padding:10px;}
  .concept__disclaimer {font-size:8px;}
  .project-card__info {padding-top:20px;}
  .project-card h3 {font-size:27px;}
  .process-grid {grid-template-columns:1fr;}
  .process-step {min-height:175px;}
  .process-step h3 {margin-top:30px;}
  .toolkit-list__item {font-size:14px;gap:20px;}
  .cta-section__inner {padding-block:80px 90px;}
  .cta-section h2 {font-size:clamp(38px,10vw,56px);}
  .cta-section__symbol {font-size:250px;inset-block-end:-65px;}
  .footer-top {padding-block:75px 65px;}
  .footer-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 15px;}
  .footer-bottom {align-items:flex-start;padding-block:25px;flex-wrap:wrap;min-height:0;}
  .footer-bottom__slogan {order:3;flex:1 1 100%;}
  .page-intro__inner {padding-block:80px 96px;}
  .page-intro h1 {font-size:clamp(43px,10.2vw,62px);}
  .page-intro p {font-size:14px;line-height:2;}
  .page-intro__inner::after {width:160px;height:160px;inset-inline-end:-65px;}
  .editorial-grid {grid-template-columns:1fr;gap:27px;}
  .editorial-index {font-size:60px;}
  .editorial-title {font-size:37px;}
  .editorial-body {font-size:14px;}
  .two-editorials {grid-template-columns:1fr;}
  .editorial-panel {padding:33px 28px 83px;min-height:330px;}
  .editorial-panel h2 {font-size:29px;}
  .principles-grid {grid-template-columns:1fr;}
  .principle {border-inline-end:0;border-bottom:1px solid var(--line);min-height:260px;padding:27px;}
  .principle:nth-child(3) {border-bottom:1px solid var(--line);}
  .principle:last-child {border-bottom:0;}
  .principle__count {margin-bottom:25px;}
  .method-section__grid {grid-template-columns:1fr;gap:25px;}
  .method-section h2 {font-size:39px;}
  .method-section__visual {height:260px;}
  .method-section__visual::before {height:220px;width:220px;}
  .method-section__visual::after {height:190px;width:190px;}
  .method-ring {width:135px;height:135px;}
  .method-ring span {font-size:85px;}
  .service-ending__inner,.service-next__inner {flex-direction:column;align-items:flex-start;}
  .detail-hero__grid {grid-template-columns:1fr;padding-block:55px 75px;gap:40px;}
  .detail-hero__back {margin-bottom:35px;}
  .detail-hero h1 {font-size:45px;}
  .detail-hero p {font-size:14px;}
  .detail-hero__visual {height:270px;}
  .detail-hero__visual>svg {width:95px;}
  .question-grid,.detail-process,.deliver-grid,.case-grid,.case-duo {grid-template-columns:1fr;gap:30px;}
  .question-grid p {font-size:14px;}
  .detail-process article {min-height:165px;}
  .detail-process p {font-size:14px;}
  .deliver-grid ul {margin-top:3px;}
  .deliver-grid li {font-size:14px;}
  .project-detail-hero__heading {display:block;padding-bottom:32px;}
  .project-detail-hero h1 {font-size:49px;}
  .project-detail-hero__heading p {font-size:14px;}
  .project-detail-hero__category {display:block;max-width:none;text-align:start;margin-top:21px;}
  .case-grid>p {font-size:15px;}
  .case-features__grid {grid-template-columns:1fr;}
  .case-features__grid>div {min-height:135px;}
  .case-stack span {font-size:12px;padding:12px 13px;}
  .next-project>a {font-size:43px;}
  .contact-main__header h2 {font-size:35px;}
  .form-row {grid-template-columns:1fr;gap:23px;}
  .contact-form__end {flex-direction:column;align-items:stretch;gap:20px;}
  .contact-aside {grid-template-columns:1fr;}
  .contact-aside__dark {min-height:290px;}
  .contact-aside__details {padding:27px;}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/*
 * TAVEN / Design evolution v1.1
 * DIRECTION: Editorial Engineering — generous typographic hierarchy,
 * atmospheric midnight surfaces, warm neutral canvases, and precisely
 * measured mint highlights. Content and route structure remain unchanged.
 */
:root {
  --navy: #102238;
  --navy-2: #1b3b4e;
  --navy-3: #091625;
  --teal: #15bba7;
  --mint: #a7f0d6;
  --ink: #142638;
  --muted: #667985;
  --line: #dce6e6;
  --soft: #f3f6f5;
  --container: 1296px;
  --radius: 14px;
  --shadow-soft: 0 26px 80px rgba(12, 33, 48, .075);
  --display-font: 'Space Grotesk Variable','Space Grotesk','Inter Display',Inter,Arial,sans-serif;
  --body-font: 'DM Sans Variable','DM Sans',Inter,Arial,sans-serif;
  font-family: var(--body-font);
}
body, button, input, textarea, select {font-family: var(--body-font);}
body {background:#fdfefd;color:var(--ink);}
.site-shell[lang="fa"], .site-shell[lang="fa"] button, .site-shell[lang="fa"] input, .site-shell[lang="fa"] select, .site-shell[lang="fa"] textarea {font-family:'Vazirmatn Variable',Vazirmatn,'Noto Sans Arabic',Tahoma,sans-serif;}
.site-shell[lang="fa"] :is(h1,h2,h3,h4,.brand-type,.editorial-index,.not-found__number) {font-family:'Vazirmatn Variable',Vazirmatn,'Noto Sans Arabic',Tahoma,sans-serif;letter-spacing:-.035em;}
.site-shell[lang="fa"] :is(.brand-type,.footer-code,.network__serial,.network__hud,.concept__window-name) {font-family:var(--display-font);}
:where(h1,h2,h3,h4) {text-wrap:balance;}
:where(p) {text-wrap:pretty;}
.container {width:min(var(--container),calc(100% - 112px));}
:focus-visible {outline:3px solid #24b89e;outline-offset:4px;border-radius:4px;}
::selection {background:#c0f4e1;color:#102238;}
.site-shell {overflow:clip;}

/* Calm, editorial navigation */
.site-header {background:rgba(254,255,254,.96);border-color:#e5eceb;}
.site-header--scrolled {background:rgba(254,255,254,.93);box-shadow:0 10px 35px rgba(7,30,40,.055);}
.site-header__inner {min-height:92px;}
.brand {gap:11px;}
.brand-mark {width:46px;height:46px;position:relative;background:#102538;border-radius:13px;transform:rotate(-6deg);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.13);color:white;}
.brand-mark svg {width:28px;height:28px;transform:rotate(6deg);}
.brand-type {font-family:var(--display-font);font-size:28px;font-weight:700;letter-spacing:-.075em;line-height:1;}
.brand-dot {color:#19bba6;}
.brand--light .brand-mark {background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.15);}
.desktop-nav {gap:34px;}
.nav-link {font-size:13px;font-weight:650;color:#516676;letter-spacing:-.01em;}
.nav-link--active::after {bottom:-37px;height:3px;border-radius:5px;}
.nav-link:hover,.nav-link--active {color:#102538;}
.header-actions {gap:16px;}
.language__button {font-size:12px;font-weight:750;letter-spacing:0;color:#2d4651;gap:9px;padding:10px 8px;}
.language__menu {border:1px solid #e3ecea;box-shadow:0 21px 60px #0a263223;border-radius:12px;overflow:hidden;min-width:175px;}
.language__item {font-size:13px;padding:12px 14px;}
.header-cta {min-height:44px;gap:22px;background:#112a39;padding:12px 17px 12px 21px;border-radius:7px;font-size:12px;font-weight:700;}
.header-cta svg {color:#c3fbe9;}
.header-cta:hover {background:#194b50;}
.mobile-toggle {border-radius:10px;background:#f3f7f5;}
.mobile-nav {border-color:#e7eeea;box-shadow:0 26px 50px rgba(13,39,51,.11);}
.mobile-nav__links a {font-size:19px;}
.mobile-nav__index {font-family:var(--display-font);font-size:12px;}

/* Global typographic design language */
.section {padding-block:130px;}
.section--soft {background:#f4f7f5;}
.section--dark {background:#102638;}
.eyebrow {font-size:11px;font-weight:750;letter-spacing:.13em;color:#147f76;gap:13px;text-transform:uppercase;}
.eyebrow-line {width:24px;background:currentColor;opacity:.55;}
.eyebrow--light {color:#84ddc3;}
.section-heading {margin-bottom:58px;align-items:end;gap:45px;}
.section-heading__left {max-width:780px;}
.section-title,.editorial-title,.case-standalone-title,.contact-main__header h2,.service-ending h2,.detail-column-heading h2,.deliver-grid h2 {
  font-family:var(--display-font);font-size:clamp(39px,4.4vw,68px);line-height:1.09;letter-spacing:-.064em;font-weight:650;color:#122b38;
}
.section-title {margin:24px 0 18px;}
.section-summary {font-size:16px;line-height:1.85;max-width:620px;color:#647782;}
.section-heading__action {padding-bottom:10px;}
.text-link {font-size:13px;font-weight:750;border-bottom:1px solid #a5d9cd;padding-bottom:9px;gap:15px;}
.text-link:hover {gap:22px;}
.text-link svg {color:#159b8d;}
.button {font-size:14px;font-weight:750;letter-spacing:-.01em;border-radius:8px;min-height:57px;gap:33px;padding:17px 22px;}
.button--mint {background:#b8f6dc;color:#112737;}
.button--mint:hover {background:#d3ffe9;}
.button--dark {background:#112b3b;color:white;}
.button--dark:hover {background:#1d4d52;}
.button--outline {border:1px solid rgba(204,249,235,.33);color:#e4f6f1;background:rgba(255,255,255,.04);}
.button--outline:hover {background:rgba(255,255,255,.10);}

/* Main hero — typography is the focal point; artwork feels engineered */
.hero {background:#081827;min-height:760px;}
.hero::before {background:
  radial-gradient(ellipse 55% 80% at 89% 47%,rgba(24,135,128,.19),transparent 75%),
  radial-gradient(ellipse 60% 90% at -8% 120%,rgba(20,69,88,.35),transparent 70%),
  linear-gradient(125deg,#081726 0%,#0d2334 53%,#0a2030 100%);opacity:1;}
.hero::after {content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(130,206,201,.035) 1px,transparent 1px);background-size:90px 100%;mask-image:linear-gradient(to right,transparent 0%,#000 40%,#000 92%,transparent);pointer-events:none;}
.hero__grid {grid-template-columns:1.12fr .88fr;gap:42px;min-height:755px;padding-block:100px 105px;}
.hero__copy {max-width:780px;}
.hero__eyebrow {font-size:11px;color:#a4d1cb;letter-spacing:.14em;font-weight:750;margin-bottom:45px;}
.hero__signal {width:8px;height:8px;background:#91eccb;box-shadow:0 0 0 6px rgba(136,241,203,.09);}
.hero h1 {font-family:var(--display-font);font-size:clamp(60px,6.25vw,104px);line-height:1.03;letter-spacing:-.083em;font-weight:620;margin-bottom:34px;max-width:790px;}
.hero h1 span {display:block;}
.hero__highlight {color:#a7f4d3;}
.hero__last {font-weight:410;color:#e5f0f0;font-size:.64em;line-height:1.3;letter-spacing:-.066em;margin-top:13px;white-space:nowrap;}
.hero__description {font-size:17px;color:#afc5cc;line-height:1.86;max-width:545px;margin-bottom:33px;}
.hero__actions {gap:13px;}
.hero__footnote {margin-top:69px;color:#7e9ca9;font-size:12px;letter-spacing:.02em;}
.hero__footnote svg {color:#9fedda;}
.hero__bottom-rule {height:4px;background:linear-gradient(90deg,#8aebcc 0%,#54cdb8 16%,transparent 16%,transparent 100%);}

/* Orbital identity artwork: SVG on a lightly illuminated technology plate */
.network {min-height:575px;border:1px solid rgba(140,221,207,.16);border-radius:21px;overflow:hidden;background:
 radial-gradient(ellipse at 55% 47%,rgba(48,140,132,.16),transparent 52%),
 linear-gradient(143deg,rgba(30,66,78,.45),rgba(6,25,40,.72));
 box-shadow:0 35px 90px rgba(0,8,20,.18),inset 0 1px 0 rgba(181,255,235,.06);}
.network__grid {background-image:linear-gradient(rgba(128,204,199,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(128,204,199,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 50% 50%,#000 15%,transparent 77%);}
.network__halo {position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#4ccfb733,transparent 62%);filter:blur(30px);pointer-events:none;}
.network__diagram {position:relative;z-index:1;width:113%;max-width:none;animation:diagram-float 12s ease-in-out infinite;filter:drop-shadow(0 25px 30px #0002);}
.network__serial {z-index:2;top:25px;left:27px;right:auto;font-family:var(--display-font);font-weight:500;color:#88b4b7;font-size:10px;letter-spacing:.14em;direction:ltr;}
.network__hud {display:flex;align-items:center;gap:11px;position:absolute;z-index:3;font-family:var(--display-font);font-size:10px;font-weight:550;letter-spacing:.08em;color:#b9e2d9;direction:ltr;line-height:1.7;}
.network__hud--top {top:68px;right:24px;border:1px solid rgba(145,222,209,.24);background:#132c3c9e;border-radius:30px;padding:10px 15px;backdrop-filter:blur(8px);}
.network__hud--bottom {bottom:25px;left:26px;gap:15px;color:#96bdc3;}
.network__hud-dot {width:7px;height:7px;background:#91edc8;border-radius:50%;box-shadow:0 0 0 4px #9beccb16;flex:0 0 auto;}
.network__hud-divider {height:13px;width:1px;background:#86cabb4d;margin-inline:4px;}
.network__hud-lines {display:flex;gap:3px;align-items:center;height:20px;}
.network__hud-lines i {width:3px;height:7px;border-radius:2px;background:#95efce;opacity:.7;}
.network__hud-lines i:nth-child(2){height:14px;}.network__hud-lines i:nth-child(3){height:20px;}.network__hud-lines i:nth-child(4){height:11px;}
.network__caption {display:none;}
.network__corner {width:21px;height:21px;color:#b2f6df;opacity:.8;}
.network__corner--tl {border-top:2px solid;border-inline-start:2px solid;}
.network__corner--br {border-bottom:2px solid;border-inline-end:2px solid;}

/* Studio manifesto */
.intro-section {position:relative;background:#fdfefd;}
.intro-grid {grid-template-columns:.73fr 2fr;gap:80px;}
.intro-grid__aside {padding-top:15px;}
.intro-signet {color:#c0d7d3;}
.intro-signet span:first-child {font-family:var(--display-font);font-size:118px;font-weight:300;}
.intro-grid__content h2 {font-family:var(--display-font);font-size:clamp(43px,4.7vw,72px);line-height:1.16;font-weight:560;letter-spacing:-.07em;}
.intro-grid__content>p {font-size:19px;line-height:1.95;color:#6c7e85;max-width:830px;}
.intro-grid__foot {border-top-color:#d6e2df;}
.intro-grid__foot>span {font-size:12px;color:#6c818c;}

/* Service tiles: card hover is subtle but clearly interactive */
.services-grid {gap:18px;border:0;}
.service-card,.services-grid--full .service-card {min-height:340px;padding:32px 32px 34px;background:#fff;border:1px solid #e2eae7;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(14,38,46,.01);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s,background .35s;}
.service-card::after {display:none;}
.service-card::before {content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#46d5bb,#a7f0d6);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.service-card:hover {transform:translateY(-7px);box-shadow:var(--shadow-soft);border-color:#c7ded5;background:#fefefe;}
.service-card:hover::before {transform:scaleX(1);}
.service-card__top {align-items:center;}
.service-card__index {font-family:var(--display-font);font-size:11px;letter-spacing:.04em;color:#79939b;}
.service-card__icon {width:47px;height:47px;display:grid;place-items:center;background:#eaf6f1;border-radius:12px;color:#167e75;border:1px solid #d5ede4;}
.service-card__content {margin-top:53px;}
.service-card h3 {font-family:var(--display-font);font-size:clamp(20px,2vw,27px);line-height:1.23;font-weight:670;letter-spacing:-.045em;color:#132c39;}
.service-card p {color:#6b7d85;font-size:14px;line-height:1.85;}
.service-card__arrow {position:absolute;width:39px;height:39px;border-radius:50%;color:#1a897b;bottom:25px;right:25px;display:grid;place-items:center;border:1px solid #e4eeea;transition:background .25s,color .25s,transform .25s;}
.service-card:hover .service-card__arrow {background:#123c46;color:white;transform:rotate(45deg);}
[dir="rtl"] .service-card__arrow {right:auto;left:25px;}

/* Case studies — the mockups feel like actual product concepts, not stock photos */
.projects-section {background:#fdfefd;}
.projects-grid {gap:26px;}
.project-card {border-radius:17px;overflow:hidden;background:#fff;border:1px solid #e4ebe8;transition:box-shadow .3s,transform .3s,border-color .3s;}
.project-card:hover {box-shadow:var(--shadow-soft);transform:translateY(-5px);border-color:#c5ddd7;}
.project-card__art {margin:11px;border-radius:11px;overflow:hidden;}
.project-card__art .concept {min-height:345px;}
.project-card__info {padding:24px 29px 33px;gap:15px;}
.project-card__number {color:#168779;font-size:10px;font-weight:750;letter-spacing:.10em;margin-bottom:10px;}
.project-card h3 {font-family:var(--display-font);font-size:32px;line-height:1.18;font-weight:670;color:#152c39;}
.project-card p {font-size:14px;color:#657985;line-height:1.8;}
.project-card__link {width:46px;height:46px;border:1px solid #d8e5e0;border-radius:50%;align-self:flex-start;}
.project-card:hover .project-card__link {background:#112c38;}
.concept--health {background:radial-gradient(circle at 78% 15%,#f3fff4 0%,transparent 54%),linear-gradient(145deg,#cee9df,#d8ebe1 65%,#adcfbf);}
.concept--learning {background:radial-gradient(circle at 74% 17%,#fcfcff 0%,transparent 52%),linear-gradient(145deg,#d1e0f2,#dae1f3 65%,#bbc9e8);}
.concept__window {border:1px solid #ecf0ed;border-radius:11px;box-shadow:0 37px 75px rgba(22,72,75,.16);}
.concept__topline {background:#fefefe;}
.concept__inside {background:#fff;}
.concept__side {background:#f3f8f6;}
.concept__main {background:linear-gradient(180deg,#fff,#f9fbfb);}
.concept__disclaimer {font-size:9px;color:#38655f;background:#ffffffbe;padding:5px 9px;border-radius:4px;}
.concept--compact .concept__window {height:237px;}

/* Six-phase methodology */
.process-section {background:#0b2030;}
.process-section::before {background:radial-gradient(ellipse at 80% 0%,#2d8e7930,transparent 56%);}
.process-grid {border-color:rgba(177,226,216,.18);gap:0;border-radius:12px;overflow:hidden;}
.process-step {min-height:255px;padding:29px 30px 34px;border-color:rgba(177,226,216,.17);transition:background .2s;}
.process-step:hover {background:#ffffff08;}
.process-step__number {font-family:var(--display-font);font-size:12px;color:#7fe2bf;}
.process-step__mark {width:7px;height:7px;border-radius:50%;background:#a9f3d7;border:0;transform:none;top:32px;}
.process-step h3 {font-family:var(--display-font);font-weight:600;font-size:25px;letter-spacing:-.045em;margin:61px 0 10px;}
.process-step p {font-size:14px;color:#9ab9be;line-height:1.85;}
.section-heading--light .section-title {color:#f3fcfa;}
.section-heading--light .section-summary {color:#9fb9c5;}
.toolkit-list {border-color:#d5e0df;}
.toolkit-list__item {font-family:var(--display-font);font-size:19px;font-weight:570;padding:20px 11px;border-color:#e0e9e6;color:#15313d;}
.toolkit-list__number {font-size:11px;color:#8da49c;}
.toolkit-list__item:hover {background:#eaf7f1;border-radius:5px;}

/* Closing CTA is a bold, quiet brand moment */
.cta-section {background:#b6f0d5;color:#123a3f;position:relative;}
.cta-section::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 15%,#f4fff588,transparent 65%);pointer-events:none;}
.cta-section__inner {padding-block:107px 116px;}
.cta-section h2 {font-family:var(--display-font);font-weight:610;font-size:clamp(49px,5.8vw,83px);line-height:1.05;letter-spacing:-.072em;max-width:850px;}
.cta-section p {color:#3c6b65;font-size:17px;line-height:1.85;}
.cta-section__symbol {font-family:var(--display-font);font-size:390px;bottom:-120px;color:#135d4610;}

/* Footer feels intentionally designed rather than templated */
.site-footer {background:#091a2a;}
.footer-top {gap:90px;padding-block:101px 104px;}
.footer-brand p {font-size:14px;line-height:1.9;color:#9eb6bd;}
.footer-code {font-family:var(--display-font);font-size:10px;line-height:1.9;color:#63858e;}
.footer-links {gap:35px;}
.footer-links h3 {font-size:11px;letter-spacing:.12em;color:#9bedcf;}
.footer-links a {font-size:13px;line-height:1.8;color:#a9bec4;}
.footer-bottom {color:#7f9aa3;}
.back-to-top {border-radius:50%;}

/* Inner pages: same typography and subtle graphic coherence */
.page-intro {background:#0b2030;}
.page-intro::before {background:radial-gradient(ellipse 60% 90% at 80% 30%,#21776f30,transparent 70%),linear-gradient(135deg,#0a1d2e,#0f2a3b);}
.page-intro__inner {padding-block:126px 135px;}
.page-intro__accent {opacity:.7;margin-bottom:52px;}
.page-intro__inner::after {border:1px solid rgba(138,222,201,.15);border-radius:40px;transform:rotate(25deg);width:290px;height:290px;}
.page-intro h1 {font-family:var(--display-font);font-size:clamp(55px,6.8vw,99px);font-weight:600;line-height:1.07;letter-spacing:-.073em;max-width:1000px;}
.page-intro p {font-size:18px;line-height:1.92;color:#a9c3ca;}
.page-intro__coordinates {color:#789ca4;font-size:10px;}
.editorial-title {font-size:clamp(44px,4.8vw,70px);}
.editorial-body {font-size:18px;line-height:1.95;color:#627883;}
.editorial-index {font-family:var(--display-font);font-weight:550;color:#dbe7e5;}
.editorial-panel {border:1px solid #e2eae7;border-radius:13px;padding:48px 43px 110px;min-height:415px;}
.editorial-panel h2 {font-family:var(--display-font);font-size:39px;font-weight:600;letter-spacing:-.06em;}
.editorial-panel p {font-size:15px;line-height:1.95;}
.principles-grid {border-radius:12px;overflow:hidden;}
.principle {padding:40px 30px;min-height:330px;}
.principle h3 {font-family:var(--display-font);font-size:21px;letter-spacing:-.045em;}
.principle p {font-size:14px;}
.method-section {background:#102838;}
.method-section h2,.about-cta h2,.detail-hero h1,.case-grid h2,.case-features h2,.project-detail-hero h1 {font-family:var(--display-font);font-weight:610;letter-spacing:-.068em;}
.method-section p {font-size:16px;}
.method-ring {box-shadow:0 0 0 28px rgba(84,214,181,.045),0 0 0 66px rgba(84,214,181,.028);}
.service-ending__inner {border-top-color:#d5e2df;}
.detail-hero {background:#0a1f30;}
.detail-hero__grid {padding-block:106px 128px;}
.detail-hero h1 {font-size:clamp(54px,5.6vw,84px);}
.detail-hero p {font-size:17px;}
.detail-hero__visual {border-radius:19px;overflow:hidden;background:radial-gradient(circle,#285b5b60,transparent 60%),linear-gradient(130deg,#0b2838,#0b1d2d);}
.question-grid {gap:68px;}
.question-grid h2 {font-family:var(--display-font);font-size:36px;font-weight:620;}
.question-grid p {font-size:16px;}
.detail-process {gap:18px;}
.detail-process article {border:1px solid #e2ebe7;border-radius:12px;}
.detail-process p {font-size:16px;}
.deliver-grid h2 {font-size:clamp(37px,4vw,59px);}
.case-standalone-title {font-size:clamp(40px,4vw,64px);}
.case-features {background:#102839;}
.case-features__grid>div {border-color:#ffffff26;}
.next-project>a {font-family:var(--display-font);font-weight:650;}
.contact-grid {gap:84px;}
.contact-main__header h2 {font-size:clamp(40px,4.1vw,60px);}
.contact-main__header p {font-size:15px;}
.field label {font-size:13px;color:#364f5b;}
.field input,.field select,.field textarea {background:#fafcfb;border:1px solid #d9e5e1;border-radius:8px;min-height:55px;padding:17px 18px;}
.field textarea {min-height:174px;}
.field input:focus,.field select:focus,.field textarea:focus {border-color:#1cae9c;background:white;box-shadow:0 0 0 4px #1cae9c19;}
.contact-form {gap:24px;}
.contact-form__end>span {font-size:12px;}
.contact-aside__dark {background:#102b3b;border-radius:15px 15px 0 0;padding:43px;min-height:400px;}
.contact-aside__dark h2 {font-family:var(--display-font);font-size:37px;}
.contact-aside__dark p {font-size:15px;}
.contact-aside__details {padding:35px;border-color:#dfe8e4;border-radius:0 0 15px 15px;}
.contact-status,.contact-aside__line span {font-size:13px;}

/* RTL: preserve directional layout while keeping typographic scale natural */
[dir="rtl"] .hero h1 {font-size:clamp(49px,5.4vw,82px);letter-spacing:-.045em;line-height:1.25;}
[dir="rtl"] .hero__last {font-size:.77em;white-space:normal;}
[dir="rtl"] .hero__description {font-size:17px;}
[dir="rtl"] .intro-grid__content h2 {line-height:1.48;}
[dir="rtl"] .section-title,[dir="rtl"] .page-intro h1 {line-height:1.34;letter-spacing:-.04em;}
[dir="rtl"] .service-card h3,[dir="rtl"] .project-card h3 {line-height:1.5;}
[dir="rtl"] .network__diagram,[dir="rtl"] .network__grid,[dir="rtl"] .network__halo {direction:ltr;}
[dir="rtl"] .network__hud--bottom {font-family:'Vazirmatn Variable',Vazirmatn,Tahoma,sans-serif;}

@media(max-width:1150px) {
  .container {width:min(var(--container),calc(100% - 70px));}
  .desktop-nav {gap:22px;}
  .hero h1 {font-size:clamp(58px,6.1vw,79px);}
  .hero__grid {gap:20px;}
  .network {min-height:510px;}
  .service-card {padding:28px;}
}
@media(max-width:880px) {
  .site-header__inner {min-height:77px;}
  .nav-link--active::after {display:none;}
  .hero {min-height:0;}
  .hero__grid {grid-template-columns:1fr;gap:64px;padding-block:88px 80px;min-height:0;}
  .hero__copy {max-width:750px;}
  .hero h1 {font-size:clamp(65px,9.4vw,92px);}
  .network {width:min(100%,690px);min-height:520px;}
  .intro-grid {gap:30px;}
  .service-card,.services-grid--full .service-card {min-height:325px;}
  .footer-top {gap:45px;}
  .contact-grid {gap:47px;}
  .page-intro__inner {padding-block:105px 117px;}
}
@media(max-width:620px) {
  .container {width:calc(100% - 36px);}
  .site-header__inner {min-height:72px;}
  .brand-mark {width:39px;height:39px;border-radius:11px;}
  .brand-mark svg {width:26px;height:26px;}
  .brand-type {font-size:25px;}
  .header-actions {gap:7px;}
  .language__button {font-size:11px;}
  .section {padding-block:82px;}
  .section-heading {margin-bottom:39px;}
  .section-title {font-size:clamp(38px,9vw,48px);letter-spacing:-.06em;}
  .section-summary {font-size:15px;}
  .eyebrow {font-size:10px;}
  .hero__grid {padding-block:79px 58px;gap:50px;}
  .hero__eyebrow {font-size:10px;margin-bottom:32px;}
  .hero h1 {font-size:clamp(47px,11.9vw,72px);line-height:1.07;margin-bottom:26px;}
  [dir="rtl"] .hero h1 {font-size:clamp(44px,10.6vw,62px);line-height:1.32;}
  .hero__last {white-space:normal;font-size:.70em;}
  .hero__description {font-size:15px;line-height:1.86;}
  .hero__actions {flex-direction:column;align-items:stretch;max-width:370px;}
  .button {font-size:13px;min-height:54px;}
  .hero__footnote {margin-top:39px;}
  .network {min-height:348px;width:100%;border-radius:14px;}
  .network__diagram {max-width:none;width:112%;}
  .network__hud--top {top:43px;right:12px;font-size:8px;padding:6px 9px;}
  .network__hud--bottom {left:14px;bottom:15px;font-size:8px;gap:7px;}
  .network__serial {top:15px;left:15px;font-size:8px;}
  .intro-signet span:first-child {font-size:72px;}
  .intro-grid__content h2 {font-size:clamp(38px,9vw,53px);}
  .intro-grid__content>p {font-size:16px;}
  .services-grid {gap:13px;}
  .service-card,.services-grid--full .service-card {min-height:300px;padding:25px;}
  .service-card__content {margin-top:43px;}
  .service-card h3 {font-size:24px;}
  .service-card p {font-size:14px;}
  .service-card__arrow {width:35px;height:35px;right:20px;bottom:20px;}
  [dir="rtl"] .service-card__arrow {left:20px;}
  .projects-grid {gap:25px;}
  .project-card__art {margin:8px;}
  .project-card__art .concept,.projects-grid--landing .project-card__art .concept {min-height:280px;}
  .project-card__info {padding:16px 22px 27px;}
  .project-card h3 {font-size:28px;}
  .project-card p {font-size:13px;}
  .project-card__link {width:40px;height:40px;}
  .concept--compact .concept__window {height:210px;}
  .process-step {min-height:207px;padding:24px 25px;}
  .process-step h3 {font-size:23px;margin-top:42px;}
  .process-step p {font-size:14px;}
  .toolkit-list__item {font-size:18px;}
  .cta-section__inner {padding-block:88px 96px;}
  .cta-section h2 {font-size:clamp(46px,10.7vw,65px);}
  .cta-section p {font-size:15px;}
  .cta-section__symbol {font-size:280px;bottom:-83px;}
  .footer-top {padding-block:76px 65px;}
  .footer-links {gap:37px 17px;}
  .page-intro__inner {padding-block:85px 110px;}
  .page-intro h1 {font-size:clamp(49px,10.3vw,68px);line-height:1.15;}
  [dir="rtl"] .page-intro h1 {line-height:1.42;}
  .page-intro p {font-size:15px;}
  .editorial-title {font-size:clamp(38px,9vw,49px);}
  .editorial-body {font-size:16px;}
  .editorial-panel {padding:32px 28px 98px;}
  .editorial-panel h2 {font-size:34px;}
  .contact-aside__dark {border-radius:12px 12px 0 0;padding:31px;}
  .contact-aside__details {border-radius:0 0 12px 12px;}
  .contact-aside__dark h2 {font-size:31px;}
}
@media(prefers-reduced-motion:reduce) {
  .network__diagram {animation:none!important;}
  .service-card,.project-card {transition:none!important;}
}
/* Keep every small piece of editorial UI on the same font system. */
.concept__window-name {font-family:var(--display-font);}
.concept__micro {font:750 9px/1.3 var(--display-font);}
.method-ring span {font-family:var(--display-font);}

/*
 * TAVEN / Signature design system 1.2.0
 * Direction: Obsidian / Stone / Muted Jade / Brushed Champagne.
 * Low-chroma, precision-first engineering. A single source of truth for
 * final colors and Persian-specific fluid typography/layout corrections.
 * Applied after the original foundation + editorial styles.
 */
:root {
  --navy:#101821;
  --navy-2:#26343C;
  --navy-3:#090E14;
  --teal:#729C91;
  --mint:#C6DBCB;
  --ink:#1A262C;
  --muted:#68777A;
  --line:#E0E3E0;
  --soft:#F3F3F0;
  --accent-metal:#D7C3A0;
  --accent-jade:#88AFA1;
  --shadow-soft:0 26px 76px rgba(15,25,33,.085);
  --container:1280px;
  --radius:8px;
}
html {overflow-x:clip;scroll-padding-top:90px;}
body {background:#FAFAF8;color:var(--ink);}
:where(h1,h2,h3,h4,p,span,a,button) {min-width:0;}
:where(h1,h2,h3,h4,p) {overflow-wrap:break-word;}
:focus-visible {outline:3px solid #8AAB9E;outline-offset:4px;}
::selection {background:#D5DCC8;color:#131E24;}
.container {width:min(var(--container),calc(100% - 104px));}

/* Layout & brand: an understated luxury identity, not a bright SaaS theme */
.site-header {background:rgba(250,250,248,.975);border-bottom:1px solid #E4E4E0;}
.site-header--scrolled {background:rgba(250,250,248,.955);box-shadow:0 14px 36px #0E1A2410;}
.site-header__inner {min-height:86px;gap:20px;}
.brand-mark {background:#121D25;border-radius:4px;transform:none;width:43px;height:43px;box-shadow:none;}
.brand-mark svg {transform:none;width:27px;height:27px;}
.brand-type {font-weight:650;letter-spacing:-.075em;font-size:27px;color:#1A292E;}
.brand--light .brand-type {color:#EEF0EB;}
.brand-dot {color:#A18E6D;}
.brand--light .brand-mark {background:rgba(255,255,255,.07);border:1px solid #60727070;}
.nav-link {font-size:13px;font-weight:600;color:#667273;}
.nav-link--active,.nav-link:hover {color:#1D3033;}
.nav-link--active::after {background:#A69474;height:2px;bottom:-34px;}
.language__button {color:#26343C;font-size:12px;}
.language__menu {background:#FAFAF8;border:1px solid #D9DEDA;border-radius:6px;}
.language__item:hover,.language__item--active {background:#ECF1EA;color:#18262B;}
.header-cta {background:#1A2830;color:#F6F5F1;border-radius:4px;font-weight:650;min-height:43px;}
.header-cta:hover {background:#30443F;}
.header-cta svg {color:#D8C5A2;}
.mobile-toggle {background:#F3F4F0;border:1px solid #DEE1DC;border-radius:5px;}
.mobile-nav {background:#FAFAF8;}
.mobile-nav__index {color:#9D8C6D;}
.mobile-nav__active {color:#2A5149;}

/* Type, rhythm, restrained interactive controls */
.section {padding-block:116px;}
.section--soft {background:#F2F3EF;}
.section--dark {background:#111D25;}
.eyebrow {color:#667F73;letter-spacing:.145em;font-weight:700;font-size:10px;}
.eyebrow--light {color:#C2C7B6;}
.eyebrow-line {background:#B29E79;opacity:1;}
.section-title,.editorial-title,.case-standalone-title,.contact-main__header h2,
.service-ending h2,.detail-column-heading h2,.deliver-grid h2 {
  color:#1B2B2F;letter-spacing:-.065em;font-weight:600;
}
.section-heading {margin-bottom:50px;}
.section-summary {color:#687875;font-size:16px;line-height:1.85;}
.text-link {border-bottom:1px solid #A79A7F;font-weight:700;color:#203339;}
.text-link svg {color:#738E79;}
.button {border-radius:4px;font-weight:700;}
.button--mint {background:#CDBB98;color:#15242A;}
.button--mint:hover {background:#E3D1AD;}
.button--dark {background:#1B2C34;color:#FAF9F3;}
.button--dark:hover {background:#354A47;}
.button--dark svg {color:#D0B991;}
.button--outline {border:1px solid #788C8B70;color:#EEEFEA;background:rgba(255,255,255,.025);}
.button--outline:hover {border-color:#D9C6A3;background:#ffffff10;}

/* Hero: near-black obsidian, architectural lines and one brushed-metal focal accent */
.hero {background:#0B1219;color:#F6F5F0;min-height:0;}
.hero::before {background:
  radial-gradient(ellipse 49% 82% at 85% 54%,rgba(96,130,119,.16),transparent 72%),
  radial-gradient(ellipse 45% 64% at 3% 115%,rgba(87,92,87,.10),transparent 73%),
  linear-gradient(128deg,#0B1118 0%,#16242B 57%,#121E24 100%);}
.hero::after {background-image:linear-gradient(90deg,rgba(208,197,173,.035) 1px,transparent 1px);background-size:126px 100%;}
.hero__grid {grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(24px,4.2vw,62px);min-height:708px;padding-block:93px 90px;}
.hero__copy {min-width:0;max-width:none;}
.hero__eyebrow {color:#AAB5AF;margin-bottom:36px;font-size:11px;font-weight:650;}
.hero__signal {background:#C9BB9B;box-shadow:0 0 0 6px rgba(207,188,151,.09);}
.hero h1 {font-size:clamp(53px,5.65vw,86px);line-height:1.065;letter-spacing:-.072em;font-weight:580;margin-bottom:28px;}
.hero h1 span {max-width:100%;}
.hero__highlight {color:#D9C7A8;}
.hero__last {font-size:.68em;line-height:1.28;letter-spacing:-.052em;color:#E2E8E4;font-weight:420;white-space:normal;}
.hero__description {color:#ACBAB9;font-size:16px;line-height:1.9;max-width:540px;}
.hero__footnote {color:#7F9896;font-size:11px;letter-spacing:.06em;margin-top:56px;}
.hero__footnote svg {color:#D4C09D;}
.hero__bottom-rule {height:3px;background:linear-gradient(to right,#CDB994 0 13%,#344A47 13% 100%);}

/* Orbital engineering illustration uses satin jade instead of a neon glow */
.network {min-height:505px;border:1px solid rgba(194,195,177,.19);border-radius:7px;
 background:radial-gradient(ellipse at 52% 49%,rgba(73,105,98,.12),transparent 67%),
 linear-gradient(146deg,#1C3034B5,#0D1B24DB);box-shadow:0 30px 78px #00000032,inset 0 1px #FFFFFF0A;}
.network__grid {background-image:linear-gradient(#C6D8CB0A 1px,transparent 1px),linear-gradient(90deg,#C6D8CB0A 1px,transparent 1px);background-size:45px 45px;}
.network__halo {background:radial-gradient(circle,#A3BDA620,transparent 65%);filter:blur(36px);}
.network__diagram {width:111%;filter:saturate(.60) drop-shadow(0 22px 31px #0002);}
.network__serial {color:#849F9C;}
.network__hud {color:#B7C7C0;}
.network__hud--top {background:#15272CD9;border:1px solid #A7B8A333;border-radius:3px;}
.network__hud-dot {background:#D7C4A3;box-shadow:0 0 0 4px #D7C4A313;}
.network__hud-lines i {background:#C9C1A7;}
.network__corner {color:#BFA987;}

/* Intro / services / portfolio */
.intro-section,.projects-section {background:#FAFAF8;}
.intro-signet {color:#BCC4BB;}
.intro-grid__content h2 {color:#243330;font-size:clamp(40px,4.75vw,71px);font-weight:570;}
.intro-grid__content>p {color:#687874;font-size:18px;}
.intro-grid__foot {border-top-color:#DADFD8;}
.services-grid {gap:14px;}
.service-card,.services-grid--full .service-card {border-radius:6px;border:1px solid #E3E6E0;box-shadow:none;background:#FCFCFA;min-height:329px;padding:31px;}
.service-card::before {background:linear-gradient(90deg,#BBA883,#7E9F90);height:2px;}
.service-card:hover {background:#FFFFFF;border-color:#C7D2C9;box-shadow:0 20px 43px #1525200C;transform:translateY(-4px);}
.service-card__index {color:#89938C;}
.service-card__icon {border:1px solid #DCE5DD;background:#EFF2EC;color:#526D64;border-radius:5px;}
.service-card h3 {color:#213135;font-weight:630;line-height:1.29;}
.service-card p {color:#71807D;}
.service-card__arrow {border:1px solid #DEE2DB;color:#4C7568;border-radius:5px;}
.service-card:hover .service-card__arrow {background:#243B3C;color:#D9C6A2;}
.projects-grid {gap:23px;}
.project-card {background:#FDFDFA;border:1px solid #E3E5DF;border-radius:7px;}
.project-card:hover {border-color:#BCCBBF;box-shadow:0 18px 50px #182D2615;transform:translateY(-4px);}
.project-card__art {margin:8px;border-radius:3px;}
.project-card__number {color:#788879;}
.project-card h3 {color:#203038;font-weight:630;}
.project-card__link {border:1px solid #E0E5DD;border-radius:4px;}
.project-card:hover .project-card__link {background:#253A3D;color:#D7C3A0;}
.concept--health {background:linear-gradient(146deg,#DFE7DC,#BFD0C2 70%,#DCE4D9);}
.concept--learning {background:linear-gradient(146deg,#E2E5EA,#CBD2DC 70%,#DCE1E8);}
.concept__window {border-radius:5px;box-shadow:0 22px 50px #152E2828;}
.concept__disclaimer {background:#FFFEF6CF;color:#4E635C;}
.process-section,.section--dark,.method-section,.case-features {background:#111F28;}
.process-section::before {background:radial-gradient(ellipse at 92% 3%,#9DAA9220,transparent 57%);}
.process-grid {border-color:#D6DAC926;border-radius:5px;}
.process-step {border-color:#D6DAC922;}
.process-step:hover {background:#FFFFFF06;}
.process-step__number {color:#D8C4A2;}
.process-step__mark {background:#C8B796;}
.process-step h3 {color:#F5F7F1;}
.process-step p,.section-heading--light .section-summary {color:#A2B1AD;}
.section-heading--light .section-title {color:#F6F7F2;}
.toolkit-list {border-color:#DDE2DD;}
.toolkit-list__item {border-color:#E3E5DF;color:#24363C;}
.toolkit-list__number {color:#97917C;}
.toolkit-list__item:hover {background:#F0F3ED;}
/* Call-to-action: calm olive/stone composition; premium by restraint */
.cta-section {background:#DFE6DB;color:#1D302F;}
.cta-section::before {background:radial-gradient(ellipse at 94% 12%,#FFFFFF8C,transparent 68%);}
.cta-section h2 {color:#1C2F30;font-weight:580;}
.cta-section p {color:#53665E;}
.cta-section .eyebrow {color:#536F65;}
.cta-section__symbol {color:#2B413011;}
.site-footer {background:#0A141B;}
.footer-brand p,.footer-links a {color:#ADB9B4;}
.footer-links h3 {color:#C8BEA3;}
.footer-code {color:#728F8B;}
.footer-bottom {color:#879C9A;}
.back-to-top {color:#D7C3A0;}

/* All inner-page surfaces retain the same signature contrast */
.page-intro,.detail-hero {background:#101D26;}
.page-intro::before {background:radial-gradient(ellipse 59% 90% at 81% 30%,#799D8922,transparent 71%),linear-gradient(136deg,#0D171F,#182C33);}
.page-intro__inner::after {border-color:#B1B9A32E;border-radius:3px;}
.page-intro__accent {background:linear-gradient(90deg,#D3BB9280,transparent);}
.page-intro h1 {color:#F4F5EF;}
.page-intro p {color:#AEBEB8;}
.page-intro__coordinates {color:#849C91;}
.editorial-panel {border-color:#E0E6DD;background:#FDFDFB;border-radius:6px;}
.principles-grid {border-radius:5px;}
.detail-hero__visual {background:radial-gradient(circle,#758F7A33,transparent 65%),linear-gradient(140deg,#1B3238,#111D27);border-radius:6px;}
.detail-process article {border:1px solid #E4E7E0;border-radius:6px;}
.service-ending__inner {border-color:#D9DFD7;}
.method-ring {box-shadow:0 0 0 28px #C1C8B20B,0 0 0 65px #C1C8B20A;}
.contact-grid {gap:clamp(35px,5vw,75px);}
.field label {color:#3D514A;}
.field input,.field select,.field textarea {background:#FCFCFA;border-color:#DCE1D9;border-radius:5px;}
.field input:focus,.field select:focus,.field textarea:focus {border-color:#759D8D;box-shadow:0 0 0 4px #7EAA891A;}
.contact-aside__dark {background:#1B2C32;border-radius:6px 6px 0 0;}
.contact-aside__details {border-color:#DDE2D8;border-radius:0 0 6px 6px;}

/*
 * Correct Persian layout, not just text-align. Apply :lang(fa) so both
 * React (lang on .site-shell) and standalone HTML (lang on <html>) work.
 */
.site-shell:lang(fa) {
 --fa-type:'Vazirmatn Variable','Vazirmatn','Noto Sans Arabic',Tahoma,sans-serif;
 font-family:var(--fa-type);
}
.site-shell:lang(fa),.site-shell:lang(fa) :is(button,input,textarea,select) {
 font-family:var(--fa-type);
}
.site-shell:lang(fa) :is(h1,h2,h3,h4,.section-title,.editorial-title,.page-intro h1,.detail-hero h1,.service-card h3,.contact-main__header h2,.process-step h3) {
 font-family:var(--fa-type);font-weight:680;letter-spacing:0!important;
 overflow-wrap:anywhere;word-break:normal;line-height:1.58;
}
.site-shell:lang(fa) :is(p,.section-summary,.hero__description,.editorial-body,.service-card p,.project-card p) {
 line-height:2;letter-spacing:0;overflow-wrap:anywhere;
}
.site-shell:lang(fa) :is(.eyebrow,.hero__eyebrow,.section-heading,.site-footer,.footer-links,.mobile-nav) {letter-spacing:0;}
.site-shell:lang(fa) :is(.button,.header-cta,.text-link,.nav-link) {font-size:clamp(12px,.95vw,15px);letter-spacing:0;}
.site-shell:lang(fa) .brand-type {font-family:var(--display-font);letter-spacing:-.075em!important;}
.site-shell:lang(fa) .hero__grid {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,3.5vw,56px);}
.site-shell:lang(fa) .hero h1 {font-size:clamp(42px,4.1vw,64px);line-height:1.49;margin-bottom:22px;}
.site-shell:lang(fa) .hero h1 .hero__last {font-size:.83em;line-height:1.6;white-space:normal;font-weight:500;}
.site-shell:lang(fa) .hero__description {font-size:16px;line-height:2.12;max-width:550px;}
.site-shell:lang(fa) .hero__eyebrow {font-size:12px;}
.site-shell:lang(fa) .intro-grid {grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:50px;}
.site-shell:lang(fa) .intro-grid__content h2 {font-size:clamp(35px,4vw,57px);line-height:1.59;}
.site-shell:lang(fa) .intro-grid__content>p {font-size:17px;line-height:2.16;}
.site-shell:lang(fa) .section-title {font-size:clamp(32px,3.65vw,53px);line-height:1.57;}
.site-shell:lang(fa) .section-summary {font-size:15px;line-height:2.14;}
.site-shell:lang(fa) .service-card h3 {font-size:clamp(19px,1.6vw,23px);line-height:1.7;max-width:100%;}
.site-shell:lang(fa) .service-card {min-height:365px;}
.site-shell:lang(fa) .service-card__content {margin-top:28px;margin-bottom:40px;}
.site-shell:lang(fa) .service-card p {font-size:13px;line-height:2.03;}
.site-shell:lang(fa) .project-card h3 {font-size:26px;line-height:1.6;}
.site-shell:lang(fa) .project-card__info>div {min-width:0;}
.site-shell:lang(fa) .process-step h3 {font-size:21px;line-height:1.6;}
.site-shell:lang(fa) .process-step p {font-size:13px;line-height:2.05;}
.site-shell:lang(fa) .cta-section h2 {font-size:clamp(37px,4.8vw,66px);line-height:1.56;letter-spacing:0;}
.site-shell:lang(fa) .page-intro h1 {font-size:clamp(40px,5vw,74px);line-height:1.6;letter-spacing:0;max-width:880px;}
.site-shell:lang(fa) .page-intro p {line-height:2.12;font-size:16px;max-width:740px;}
.site-shell:lang(fa) .editorial-title {font-size:clamp(33px,3.8vw,55px);line-height:1.64;}
.site-shell:lang(fa) .editorial-body {font-size:16px;line-height:2.12;}
.site-shell:lang(fa) :is(.detail-hero h1,.project-detail-hero h1) {font-size:clamp(40px,4.7vw,67px);line-height:1.55;letter-spacing:0;}
.site-shell:lang(fa) :is(.question-grid h2,.case-grid h2,.case-duo h2,.editorial-panel h2,.method-section h2,.about-cta h2,.contact-main__header h2) {font-size:clamp(27px,3.1vw,43px);letter-spacing:0;line-height:1.55;}
.site-shell:lang(fa) :is(.question-grid p,.case-grid>p,.case-duo p,.contact-main__header p,.detail-hero p) {font-size:15px;line-height:2.1;}
.site-shell:lang(fa) :is(.form-row,.contact-grid,.detail-hero__grid,.case-grid,.deliver-grid,.footer-links)>* {min-width:0;}
.site-shell:lang(fa) .concept {direction:ltr;}
.site-shell:lang(fa) .concept__heading {direction:rtl;text-align:right;}
.site-shell:lang(fa) .concept__disclaimer {direction:rtl;}
.site-shell:lang(fa) .network__serial,.site-shell:lang(fa) .network__hud {direction:ltr;}
.site-shell:lang(fa) .network__hud--bottom {font-family:var(--fa-type);direction:rtl;}
.site-shell:lang(fa) .service-card__arrow {right:auto;left:26px;}

@media(max-width:1150px) {
 .container {width:min(var(--container),calc(100% - 64px));}
 .desktop-nav {gap:17px;}
 .header-actions {gap:10px;}
 .hero__grid {gap:25px;}
 .hero h1 {font-size:clamp(52px,5.65vw,73px);}
 .network {min-height:445px;}
 .site-shell:lang(fa) .hero__grid {grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);}
 .site-shell:lang(fa) .hero h1 {font-size:clamp(39px,4.2vw,55px);}
 .site-shell:lang(fa) .section-title {font-size:clamp(32px,4vw,47px);}
}
@media(max-width:940px) {
 .desktop-nav,.header-cta {display:none;}
 .mobile-toggle {display:flex;}
 .hero__grid,.site-shell:lang(fa) .hero__grid {grid-template-columns:minmax(0,1fr);gap:42px;padding-block:78px 76px;}
 .hero__copy {max-width:720px;}
 .network {width:min(100%,650px);min-height:440px;margin-inline:auto;}
 .intro-grid,.site-shell:lang(fa) .intro-grid {grid-template-columns:1fr;gap:26px;}
 .services-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .contact-grid {grid-template-columns:1fr;}
 .site-shell:lang(fa) .hero h1 {font-size:clamp(44px,6.3vw,64px);}
 .site-shell:lang(fa) .section-title {font-size:clamp(34px,5vw,52px);}
}
@media(max-width:620px) {
 .container {width:calc(100% - 38px);}
 .site-header__inner {min-height:69px;}
 .brand-mark {width:37px;height:37px;}
 .brand-mark svg {width:24px;height:24px;}
 .brand-type {font-size:23px;}
 .section {padding-block:76px;}
 .hero__grid,.site-shell:lang(fa) .hero__grid {padding-block:67px 53px;gap:34px;}
 .hero h1 {font-size:clamp(45px,11.2vw,61px);}
 .hero__last {font-size:.72em;}
 .hero__description {font-size:15px;}
 .network {min-height:318px;}
 .network__diagram {width:112%;}
 .network__hud--top {inset-block-start:37px;inset-inline-end:11px;}
 .services-grid {grid-template-columns:1fr;}
 .service-card,.services-grid--full .service-card {min-height:282px;padding:25px;}
 .section-title {font-size:clamp(36px,9vw,46px);}
 .page-intro__inner {padding-block:81px 95px;}
 .project-card__info {gap:10px;}
 .project-card__link {width:40px;height:40px;}
 .footer-links {grid-template-columns:repeat(2,minmax(0,1fr));}
 .site-shell:lang(fa) .hero h1 {font-size:clamp(36px,9.2vw,49px);line-height:1.55;}
 .site-shell:lang(fa) .hero__last {font-size:.82em;line-height:1.65;}
 .site-shell:lang(fa) .hero__description {font-size:14px;line-height:2.15;}
 .site-shell:lang(fa) .hero__eyebrow {font-size:10px;}
 .site-shell:lang(fa) .section-title {font-size:clamp(29px,7.7vw,40px);line-height:1.62;}
 .site-shell:lang(fa) .section-summary {font-size:14px;}
 .site-shell:lang(fa) .intro-grid__content h2 {font-size:clamp(32px,8.1vw,42px);}
 .site-shell:lang(fa) .intro-grid__content>p {font-size:15px;}
 .site-shell:lang(fa) .service-card,.site-shell:lang(fa) .services-grid--full .service-card {min-height:293px;}
 .site-shell:lang(fa) .service-card h3 {font-size:21px;}
 .site-shell:lang(fa) .service-card__content {margin-top:23px;margin-bottom:40px;}
 .site-shell:lang(fa) .cta-section h2 {font-size:clamp(32px,8.8vw,46px);}
 .site-shell:lang(fa) .page-intro h1 {font-size:clamp(35px,9vw,48px);line-height:1.6;}
 .site-shell:lang(fa) .page-intro p {font-size:14px;}
 .site-shell:lang(fa) :is(.detail-hero h1,.project-detail-hero h1) {font-size:clamp(34px,8.5vw,44px);}
 .site-shell:lang(fa) :is(.question-grid h2,.case-grid h2,.case-duo h2,.editorial-panel h2,.method-section h2,.contact-main__header h2) {font-size:clamp(28px,7.4vw,37px);}
 .site-shell:lang(fa) .contact-grid {gap:40px;}
 .site-shell:lang(fa) .concept__heading {font-size:12px;line-height:1.6;}
 .site-shell:lang(fa) .mobile-nav__links a {font-size:17px;}
}
@media(max-width:390px) {
 .container {width:calc(100% - 30px);}
 .site-header__inner {gap:6px;}
 .header-actions {gap:3px;}
 .network {min-height:290px;}
 .network__hud--top {font-size:7px;}
 .site-shell:lang(fa) .hero h1 {font-size:clamp(32px,8.8vw,39px);}
 .site-shell:lang(fa) .hero__actions .button {width:100%;}
}
@media(prefers-reduced-motion:reduce) {
  .network__diagram {animation:none;}
  .service-card,.project-card,.button {transition:none;}
}
/* Long compound nouns in German service headings: preserve the grid at 320–390px. */
.detail-hero__grid > * {min-width:0;}
.detail-hero :is(h1,p) {overflow-wrap:anywhere;hyphens:auto;}
@media(max-width:620px) {
  .detail-hero__grid {grid-template-columns:minmax(0,1fr);}
  .detail-hero h1 {max-width:100%;font-size:clamp(38px,9.2vw,48px);}
}