/* Approved homepage sections, imported from the static source. */
/* Homepage work CTA follows the English reading direction. */
html[lang^="en"] #home-v2-selected-work .mt-16.flex{justify-content:flex-end}
/* Service cards use illustrations without decorative sequence numbers. */
.agency-services .service-number{display:none}
/* Reference-led homepage hero. Scoped to keep existing pages intact. */
.agency-hero {
  --hero-ink: #10151e;
  --hero-muted: #3c4d79;
  --hero-blue: #0754ff;
  --hero-surface: #fff;
  --hero-border: #d8e2f1;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f7fbff;
  color: var(--hero-ink);
  padding: 18px max(40px, calc((100vw - 1280px) / 2)) 24px;
}
html[lang^="en"] :is(.agency-hero) { font-family: 'DM Sans', sans-serif; }
.dark .agency-hero {
  --hero-ink: #f5f8ff;
  --hero-muted: #c0cdeb;
  --hero-blue: #80aaff;
  --hero-surface: #18253b;
  --hero-border: #354763;
  background: #0c1626;
}
.agency-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 70%; height: 90%;
  inset-inline-end: -12%; top: -13%;
  border-radius: 45% 25% 45% 70%;
  transform: rotate(-24deg);
  background: linear-gradient(145deg, #eaf4ff 8%, #cce3f8 60%, #edf6ff);
  opacity: .65;
  filter: blur(20px);
}
.dark .agency-hero::before { background: linear-gradient(145deg, #172c48, #204267 60%, #102138); opacity: .65; }
.hero-layout { display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; gap: 8px; max-width: 1440px; margin: auto; }
.hero-copy { position: relative; z-index: 2; padding-block: 14px; min-width: 0; container-type: inline-size; }
.hero-eyebrow { margin: 0 0 18px; color: var(--hero-muted); font-size: 14px; font-weight: 700; }
html[lang^="en"] .hero-eyebrow { letter-spacing: .25em; text-transform: uppercase; }
.agency-hero .hero-title { --hero-heading-size: clamp(42px, 4.25vw, 70px); font-size: min(var(--hero-heading-size), 10cqi); font-weight: 900; line-height: 1.12 !important; letter-spacing: -.045em; margin: 0 0 24px; }
html[lang="ar"] .agency-hero .hero-title { --hero-heading-size: clamp(42px, 4.15vw, 67px); letter-spacing: 0; line-height: 1.3 !important; }
.hero-title > span { display: block; white-space: nowrap; }
/* Reserve the same mobile space measured by the slider before JavaScript runs. */
@media (max-width: 420px) {
  html[lang^="en"] .agency-hero .hero-title { min-height: round(up, 3lh, 1px); }
  html[lang^="en"] .agency-hero .hero-actions { min-height: 91px; }
}
html[lang^="en"] .agency-hero:is([data-slide="2"], [data-slide="4"]) .hero-title { font-size: min(var(--hero-heading-size), 8.4cqi); }
.hero-title em { color: var(--hero-blue); position: relative; font-style: italic; white-space: nowrap; }
html[lang="ar"] .hero-title em { font-style: normal; }
.hero-title em::after { content: ''; position: absolute; inset-inline: 4%; bottom: -7px; height: 9px; border-top: 2px solid currentColor; border-radius: 50%; transform: rotate(-2deg); }
.hero-description { max-width: 560px; min-height: 4.95em; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.65; color: var(--hero-muted); margin: 0 0 28px; }
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.hero-action { min-height: 58px; padding: 15px 28px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; font-weight: 800; font-size: 17px; transition: background-color .18s, transform .18s; }
.hero-action:hover { transform: translateY(-2px); }
.hero-action-primary { background: #0754ff; color: #fff; }
.hero-action-primary:hover { background: #0340d2; }
.hero-action-secondary { background: var(--hero-surface); color: var(--hero-ink); border: 1px solid var(--hero-border); }
.hero-action svg { width: 23px; height: 23px; flex-shrink: 0; }
html[dir="rtl"] .hero-action-primary svg { transform: rotate(180deg); }
.hero-play-icon { color: var(--hero-ink); width: 30px !important; height: 30px !important; }
.hero-proof { display: flex; min-height: 82px; align-items: center; margin: 32px 0 25px; gap: 20px; }
.hero-proof-item { display: flex; align-items: center; gap: 12px; padding-inline-end: 20px; border-inline-end: 1px solid var(--hero-border); }
.hero-proof-item:last-child { border: 0; padding-inline-end: 0; }
.hero-proof-item > svg { width: 33px; height: 33px; color: var(--hero-blue); flex-shrink: 0; }
.hero-proof-item strong { display: block; font-size: 25px; font-weight: 900; line-height: 1.1; }
.hero-proof-item small { display: block; color: var(--hero-muted); font-size: 13px; margin-top: 7px; }
.agency-hero:not([data-slide="1"]) .hero-proof-item { flex: 1; min-width: 0; gap: 8px; padding-inline-end: 12px; }
.agency-hero:not([data-slide="1"]) .hero-proof-item div { min-width: 0; }
.agency-hero:not([data-slide="1"]) .hero-proof-item strong { min-height: 2.4em; font-size: 15px; line-height: 1.2; overflow-wrap: anywhere; }
.agency-hero:not([data-slide="1"]) .hero-proof-item small { min-height: 2.8em; font-size: 11px; line-height: 1.4; }
.hero-controls { display: flex; align-items: center; gap: 18px; }
.hero-circle { width: 48px; height: 48px; border: 1px solid var(--hero-border); border-radius: 50%; background: var(--hero-surface); display: grid; place-items: center; color: var(--hero-ink); flex-shrink: 0; transition: border-color .18s, color .18s; }
.hero-circle:hover { border-color: var(--hero-blue); color: var(--hero-blue); }
.hero-circle svg { width: 21px; height: 21px; }
html[dir="rtl"] .hero-arrow svg { transform: rotate(180deg); }
.hero-counter { font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hero-dots { display: flex; gap: 6px; margin-inline-start: 14px; }
.hero-dot { width: 48px; min-height: 44px; display: grid; align-items: center; background: transparent; border: 0; padding: 0; }
.hero-dot::after { content: ''; display: block; height: 4px; border-radius: 8px; background: #c8d4e5; transition: background-color .2s; }
.hero-dot[aria-pressed="true"]::after { background: var(--hero-blue); }
.dark .hero-dot::after { background: #40506a; }
.dark .hero-dot[aria-pressed="true"]::after { background: var(--hero-blue); }
.hero-pause { width: 44px; height: 44px; border: 0; background: transparent; color: var(--hero-muted); display: grid; place-items: center; }
.hero-pause svg { width: 18px; height: 18px; }
.hero-visual { position: relative; min-width: 0; align-self: stretch; display: flex; align-items: center; padding: 18px 0 0; }
.hero-devices { width: 112%; max-width: none; margin-inline-start: -6%; height: auto; aspect-ratio: 1.25; object-fit: contain; filter: drop-shadow(0 20px 18px #17253b15); }
.dark .hero-devices { filter: drop-shadow(0 22px 18px #0005); }
.hero-feature { position: absolute; display: flex; align-items: center; gap: 12px; background: var(--hero-surface); border: 1px solid var(--hero-border); padding: 14px 18px; border-radius: 16px; box-shadow: 0 10px 32px #233f6510; }
.hero-feature svg { width: 29px; height: 29px; color: var(--hero-blue); flex-shrink: 0; }
.hero-feature strong { display: block; font-size: 14px; font-weight: 800; }
.hero-feature small { display: block; font-size: 12px; color: var(--hero-muted); margin-top: 3px; }
.hero-feature-speed { left: -4%; top: 49%; }
.hero-feature-responsive { right: 0; top: 15%; }
.hero-feature-detail { right: 0; bottom: 15%; }
.hero-feature[hidden] { display: none; }
.hero-feature-detail small { max-width: 170px; }
.hero-note { position: absolute; right: 0; bottom: 3%; color: var(--hero-blue); font-style: italic; font-size: 22px; font-weight: 800; transform: rotate(-10deg); text-align: center; }
.agency-hero .hero-note { display: none; }
.hero-note svg { display: block; width: 52px; height: 52px; margin: 0 auto 8px; }
.hero-tech { position: relative; max-width: 1440px; margin: 22px auto 0; display: flex; align-items: center; gap: 28px; padding: 18px 24px; background: #f3f6fa; border: 1px solid var(--hero-border); border-radius: 22px; }
.dark .hero-tech { background: var(--hero-surface); }
.hero-tech-heading { min-width: 230px; }
.hero-tech-heading p { color: var(--hero-muted); font-weight: 700; font-size: 12px; margin: 0 0 5px; }
html[lang^="en"] .hero-tech-heading p { letter-spacing: .2em; text-transform: uppercase; }
.hero-tech-heading h2 { margin: 0; font-size: 27px; line-height: 1.2 !important; font-weight: 900; }
.hero-tech-heading h2 span { color: var(--hero-blue); }
.hero-tech-list { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 8px; flex: 1; min-width: 0; margin: 0; padding: 0; list-style: none; }
.hero-tech-list li { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; min-width: 0; min-height: 96px; border: 0; border-radius: 13px; background: #fff; box-shadow: none; }
.dark .hero-tech-list li { background: #1e2d44; }
.hero-tech-list img { width: 35px; height: 35px; object-fit: contain; filter: grayscale(1); }
.dark .hero-tech-list img { filter: grayscale(1) invert(1); }
.dark .hero-tech-list img:is([src*="react."], [src*="laravel."], [src*="mysql."], [src*="amazonwebservices."]) { filter: grayscale(1) brightness(0) invert(1); }
.hero-tech-list span { font-size: 11px; font-weight: 700; white-space: nowrap; }
.agency-hero button { cursor: pointer; }
.agency-hero :is(a, button):focus-visible { outline: 3px solid #6094ff; outline-offset: 4px; }
.hero-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
.agency-hero { --hero-reveal-shift: 14px; --hero-reveal-scale: .975; }
.hero-changing :is(.hero-eyebrow, .hero-title, .hero-description, .hero-actions, .hero-proof, .hero-feature) {
  animation: hero-reveal 480ms cubic-bezier(.2, 0, 0, 1) both;
}
.hero-changing .hero-eyebrow { animation-duration: 360ms; }
.hero-changing .hero-title { animation-delay: 40ms; }
.hero-changing .hero-description { animation-delay: 90ms; }
.hero-changing :is(.hero-actions, .hero-proof) { animation-delay: 120ms; }
.hero-changing .hero-devices { animation: hero-device-reveal 600ms cubic-bezier(.2, 0, 0, 1) both; }
.hero-changing .hero-feature { animation-duration: 360ms; }
.hero-changing .hero-feature-speed { animation-delay: 140ms; }
.hero-changing .hero-feature-responsive { animation-delay: 190ms; }
.hero-changing .hero-feature-detail { animation-delay: 240ms; }
@keyframes hero-reveal {
  from { opacity: 0; transform: translateY(var(--hero-reveal-shift)); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hero-device-reveal {
  from { opacity: 0; transform: translateY(var(--hero-reveal-shift)) scale(var(--hero-reveal-scale)); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (min-width: 1600px) { .agency-hero { padding-top: 36px; } }
@media (max-width: 1200px) {
  .agency-hero { padding-top: 20px; }
  .hero-layout { grid-template-columns: 1fr 1fr; gap: 16px; }
  .hero-proof { gap: 12px; }
  .hero-proof-item { gap: 8px; padding-inline-end: 12px; }
  .hero-proof-item strong { font-size: 21px; }
  .hero-proof-item > svg { width: 26px; height: 26px; }
  .hero-proof-item small { font-size: 12px; }
  .hero-note { font-size: 18px; bottom: 6%; }
  .hero-tech { gap: 18px; padding: 18px; }
  .hero-tech-heading { min-width: 180px; }
  .hero-tech-heading h2 { font-size: 23px; }
  .hero-tech-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-tech-list li { min-height: 73px; }
  .hero-tech-list img { width: 29px; height: 29px; }
  .hero-dot { width: 30px; }
  .hero-controls { gap: 12px; }
}
@media (max-width: 900px) {
  .agency-hero { padding-inline: 28px; }
  .hero-layout { grid-template-columns: 1fr; gap: 0; }
  .hero-layout > .hero-controls { width: 100%; max-width: 640px; margin: 14px auto 0; }
  .hero-copy { max-width: 640px; margin: auto; width: 100%; }
  .hero-visual { max-width: 660px; width: 100%; margin: auto; padding: 0; }
  .hero-devices { width: 100%; margin: 0; }
  .agency-hero .hero-title { --hero-heading-size: clamp(42px, 7.5vw, 64px); }
  html[lang="ar"] .agency-hero .hero-title { --hero-heading-size: clamp(40px, 7.5vw, 60px); }
  .hero-feature-speed { left: 0; }
  .hero-feature-responsive { right: 0; }
  .hero-tech { margin-top: 12px; }
}
@media (max-width: 360px) {
  html[lang="ar"] .hero-description { min-height: 6.6em; }
  .hero-controls { gap: 7px; }
  .hero-dot { width: 17px; }
  .hero-dots { gap: 4px; }
  .hero-action { padding-inline: 10px; font-size: 12px; }
  .hero-proof-item { gap: 5px; padding-inline-end: 5px; }
  .hero-proof-item > svg { width: 19px; height: 19px; }
}
@media (max-width: 600px) {
  .agency-hero { --hero-reveal-shift: 7px; --hero-reveal-scale: .995; }
  .agency-hero { padding: 16px 20px 20px; }
  .hero-copy { padding: 10px 0; }
  .hero-eyebrow { font-size: 11px; margin-bottom: 16px; }
  .agency-hero .hero-title { --hero-heading-size: clamp(34px, 8.8vw, 48px); margin-bottom: 23px; }
  html[lang="ar"] .agency-hero .hero-title { --hero-heading-size: clamp(34px, 8.7vw, 46px); }
  .hero-description { font-size: 17px; margin-bottom: 22px; }
  html[lang^="en"] .hero-description { min-height: 8.25em; }
  .hero-actions { gap: 10px; }
  .hero-action { flex: 1; padding: 13px 14px; gap: 9px; min-height: 54px; font-size: 14px; white-space: nowrap; }
  .hero-proof { justify-content: space-between; margin: 27px 0 20px; gap: 7px; }
  .hero-proof-item { padding-inline-end: 8px; gap: 7px; }
  .hero-proof-item > svg { width: 23px; height: 23px; }
  .hero-proof-item strong { font-size: 20px; }
  .hero-proof-item small { font-size: 11px; max-width: 86px; }
  .hero-circle { width: 44px; height: 44px; }
  .hero-controls { gap: 10px; justify-content: space-between; }
  .hero-dots { gap: 5px; margin-inline-start: 3px; }
  .hero-dot { width: 22px; }
  .hero-pause { width: 30px; }
  .hero-visual { margin-top: 14px; }
  .hero-feature { padding: 9px 10px; gap: 7px; border-radius: 12px; }
  .hero-feature svg { width: 22px; height: 22px; }
  .hero-feature strong { font-size: 11px; }
  .hero-feature small { font-size: 10px; }
  .hero-feature-responsive { top: 6%; }
  .hero-feature-speed { top: 52%; }
  .hero-feature-detail { bottom: 3%; padding: 8px 10px; }
  .hero-feature-detail small { max-width: 110px; }
  .hero-note { display: none; }
  .hero-tech { flex-direction: column; align-items: stretch; gap: 16px; padding: 18px 14px; border-radius: 18px; }
  .hero-tech-heading { min-width: 0; text-align: start; }
  .hero-tech-heading h2 { font-size: 25px; }
  .hero-tech-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .hero-tech-list li { border-radius: 9px; min-height: 76px; }
  .hero-tech-list img { width: 28px; height: 28px; }
  .hero-tech-list span { font-size: 11px; }
}
@media (max-width: 600px) {
  .agency-hero:not([data-slide="1"]) .hero-action { min-width: 0; flex-basis: 0; white-space: normal; text-align: center; }
  .agency-hero:not([data-slide="1"]) .hero-proof-item { gap: 6px; padding-inline-end: 6px; }
  .agency-hero:not([data-slide="1"]) .hero-proof-item strong { min-height: 3.6em; font-size: 12px; }
  .agency-hero:not([data-slide="1"]) .hero-proof-item small { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-changing :is(.hero-eyebrow, .hero-title, .hero-description, .hero-actions, .hero-proof, .hero-devices, .hero-feature) { animation: none; }
  .agency-hero *, .agency-hero *::after { transition: none !important; }
}

@media(max-width:360px){.hero-tech{padding-inline:9px}.hero-tech-list span{font-size:10px}}
.hero-tech-list img{transition:filter .2s ease}
.hero-tech-list li:hover img,
.dark .hero-tech-list li:hover img,
.dark .hero-tech-list li:hover img:is([src*="react."],[src*="laravel."],[src*="mysql."],[src*="amazonwebservices."]){filter:none}
.dark .hero-tech-list li:hover{background:#fff}
.dark .hero-tech-list li:hover span{color:#10151e}

/* Custom Websites, Built to Grow — local, bilingual section after the hero. */
.agency-approach { --approach-ink:#10152e; --approach-muted:#45557e; --approach-blue:#0754ff; --approach-card:#ffffffde; --approach-art:#eaf3ff; --approach-panel:#ffffffef; position:relative; isolation:isolate; overflow:hidden; padding:64px max(24px, calc((100vw - 1320px)/2)) 68px; background:#fbfdff; color:var(--approach-ink); }
.agency-approach[lang="en"] { font-family:'DM Sans',sans-serif; }
.dark .agency-approach { --approach-ink:#f2f6ff; --approach-muted:#bac9e6; --approach-blue:#80aaff; --approach-card:#16253bdb; --approach-art:#172d48; --approach-panel:#1c304aef; background:#0c1626; }
.agency-approach::before,.agency-approach::after { content:''; position:absolute; z-index:-1; width:72%; height:680px; border-radius:50%; background:linear-gradient(150deg,#d8eaffb0,#eff6ff55); pointer-events:none; }
.agency-approach::before { inset-inline-start:-54%; top:0; transform:rotate(-28deg); }
.agency-approach::after { inset-inline-end:-42%; top:80px; transform:rotate(-28deg); }
.dark .agency-approach::before,.dark .agency-approach::after { background:linear-gradient(150deg,#203e6255,#14253e33); }
.approach-inner { max-width:1440px; margin:auto; }
.approach-heading { text-align:center; max-width:1180px; margin:0 auto 34px; }
.approach-eyebrow { color:var(--approach-blue); font-size:14px; font-weight:700; margin:0 0 28px; }
.agency-approach[lang="en"] .approach-eyebrow { letter-spacing:.25em; text-transform:uppercase; }
.approach-heading h2 { font-size:clamp(32px,3.75vw,58px); font-weight:900; line-height:1.25 !important; letter-spacing:-.035em; margin:0 0 28px; }
.agency-approach[lang="ar"] .approach-heading h2 { letter-spacing:0; line-height:1.35 !important; }
.approach-heading em { position:relative; color:var(--approach-blue); font-style:normal; display:inline-block; }
.approach-heading em::after { content:''; position:absolute; inset-inline:2%; bottom:-5px; height:8px; border-top:2px solid currentColor; border-radius:50%; transform:rotate(-1deg); }
.approach-intro { font-size:clamp(18px,1.55vw,23px); line-height:1.55; color:var(--approach-muted); margin:0; }
.approach-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.approach-card { padding:22px 18px 18px; border-radius:26px; background:var(--approach-card); border:1px solid #deebf750; box-shadow:0 12px 32px #31527b05; min-width:0; display:flex; flex-direction:column; }
.dark .approach-card { border-color:#39516c55; }
.approach-card-copy { display:flex; align-items:flex-start; gap:18px; min-height:152px; margin-bottom:14px; }
.approach-icon { width:62px; height:64px; border-radius:17px; display:grid; place-items:center; background:#e5efff; color:var(--approach-blue); flex-shrink:0; }
.dark .approach-icon { background:#263e60; }
.approach-icon svg { width:34px; height:34px; }
.approach-card h3 { font-size:20px; font-weight:800; line-height:1.3 !important; margin:5px 0 12px; }
.approach-card-copy p { font-size:17px; color:var(--approach-muted); line-height:1.5; margin:0; }
.approach-art { margin-top:auto; position:relative; height:245px; border-radius:20px; overflow:hidden; background:linear-gradient(145deg,var(--approach-art),#f4f8ff); }
.dark .approach-art { background:linear-gradient(145deg,var(--approach-art),#1f3854); }
.approach-browser { position:absolute; inset:16px 40px -12px 13px; background:var(--approach-panel); border-radius:12px 12px 0 0; box-shadow:0 0 26px #567ba429; overflow:hidden; }
.approach-browser-bar { height:15px; background:#f5f7fa; display:flex; align-items:center; gap:4px; padding:0 11px; direction:ltr; }
.dark .approach-browser-bar { background:#233b56; }
.approach-browser-bar i { width:5px; height:5px; border-radius:50%; background:#ff6657; }.approach-browser-bar i:nth-child(2){background:#ffc449}.approach-browser-bar i:nth-child(3){background:#4ac36a}
.approach-browser-nav { height:37px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 12px; font-size:7px; }.approach-browser-nav b { font-size:9px; }
.approach-browser-scene { position:relative; height:210px; background:#eaf3ff; color:#10152e; }
.approach-browser-scene > img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center; }
.approach-browser-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(to right,#f2f7ffef 0%,#f2f7ffda 32%,transparent 65%); }
[dir="rtl"] .approach-browser-scene::after { background:linear-gradient(to left,#f2f7ffef 0%,#f2f7ffda 32%,transparent 65%); }
.approach-browser-scene > div { position:relative; z-index:1; width:52%; padding:24px 14px; }
.approach-browser-scene strong { font-family:Georgia,serif; font-size:21px; line-height:1.05; display:block; white-space:pre-line; font-weight:400; }
.agency-approach[lang="ar"] .approach-browser-scene strong { font-family:inherit; font-weight:800; font-size:20px; line-height:1.3; }
.approach-browser-scene small { font-size:8px; display:block; margin-top:10px; line-height:1.4; }.approach-browser-scene span { display:inline-block; background:#fff; padding:5px; border-radius:4px; font-size:7px; font-weight:700; margin-top:14px; }
.approach-brand-kit { position:absolute; inset-inline-end:0; top:73px; width:119px; padding:14px; background:var(--approach-panel); border-radius:14px; box-shadow:0 8px 24px #5778ad15; }
.approach-brand-kit b { font-size:11px; display:block; margin-bottom:12px; }.approach-swatches{display:flex;gap:6px;margin-bottom:14px;direction:ltr}.approach-swatches i{width:19px;height:19px;border-radius:50%;background:#0754ff}.approach-swatches i:nth-child(2){background:#397dff}.approach-swatches i:nth-child(n+3){background:#e5eeff}
.approach-type { display:flex; gap:8px; align-items:center; direction:ltr; }.approach-type strong { font-size:27px; background:var(--approach-art); padding:3px; border-radius:7px; }.approach-type img { width:40px; height:40px; object-fit:cover; border-radius:7px; }
.approach-goals-panel { position:absolute; z-index:2; inset-inline-start:20px; top:43px; width:180px; padding:17px; border-radius:14px; background:var(--approach-panel); }.approach-goals-panel b{font-size:14px}.approach-goals-panel ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:15px}.approach-goals-panel li{display:flex;gap:12px;align-items:center;font-size:12px}.approach-goals-panel li::before{content:'✓';display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;background:#0754ff;color:white;border-radius:4px;font-weight:800}.approach-goals-panel li:last-child::before{background:#4db6ff}
.approach-customer-label { position:absolute; z-index:3; top:31px; inset-inline-end:20px; display:flex; align-items:center; gap:7px; padding:11px; border-radius:12px; font-size:11px; background:var(--approach-panel); box-shadow:0 7px 23px #6793cf15; }.approach-customer-label>span:first-child{font-size:22px;color:var(--approach-blue);line-height:1;background:var(--approach-art);border-radius:5px;padding:0 3px}
.approach-chart { position:absolute; bottom:28px; inset-inline-end:16px; width:59%; height:112px; display:flex; gap:9px; align-items:flex-end; border-bottom:1px solid #bdd6ff; direction:ltr; }.approach-chart i{flex:1;background:linear-gradient(#a6c9ff,#c6ddff);border-radius:4px 4px 0 0;height:26%}.approach-chart i:nth-child(2){height:42%}.approach-chart i:nth-child(3){height:56%}.approach-chart i:nth-child(4){height:70%}.approach-chart i:nth-child(5){height:86%}.approach-chart i:nth-child(6){height:100%;background:linear-gradient(#0754ff,#7cb0ff)}
.approach-growth-arrow { position:absolute; bottom:75px; inset-inline-end:15px; width:65%; height:130px; z-index:2; }.agency-approach[dir="rtl"] .approach-chart{direction:rtl}.agency-approach[dir="rtl"] .approach-growth-arrow{transform:scaleX(-1)}
.approach-grow-art::before { content:''; position:absolute; inset:20% -15%; transform:rotate(-18deg); background:#cadeff88; }.dark .approach-grow-art::before{background:#35588044}
.approach-feature-stack { width:75%; position:relative; margin:12px auto 0; transform:rotate(8deg) skewX(-12deg); display:grid; gap:5px; }
.agency-approach[dir="rtl"] .approach-feature-stack{transform:rotate(-8deg) skewX(12deg)}
.approach-feature-stack>div{display:flex;gap:12px;align-items:center;background:var(--approach-panel);border-radius:9px;min-height:37px;padding:5px 13px;font-size:12px;box-shadow:0 4px 18px #4977b00b}.approach-feature-stack>div:first-child{min-height:49px;justify-content:space-between;margin-bottom:4px}.approach-new-feature b{font-size:13px}.approach-new-feature>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0754ff;color:#fff;font-size:28px;line-height:1}.approach-stack-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--approach-blue);background:var(--approach-art);border-radius:5px;font-size:24px;flex-shrink:0}.approach-stack-icon svg{width:22px;height:22px}
.approach-closing { display:flex; align-items:center; justify-content:center; gap:8px; text-align:center; margin:52px 0 0; font-size:clamp(18px,1.9vw,27px); line-height:1.5; color:var(--approach-muted); }.approach-closing strong{color:var(--approach-ink);font-weight:800}.approach-closing::before,.approach-closing::after{content:'';height:1px;background:#ccddf4;flex:1;max-width:190px;margin-inline:18px}.dark .approach-closing::before,.dark .approach-closing::after{background:#354b66}
@media(max-width:1200px){.approach-card-copy{gap:12px;min-height:190px}.approach-icon{width:48px;height:50px}.approach-icon svg{width:28px;height:28px}.approach-card h3{font-size:18px}.approach-card-copy p{font-size:16px}.approach-goals-panel{inset-inline-start:12px;width:160px;padding:13px}.approach-customer-label{inset-inline-end:10px;font-size:10px}.approach-feature-stack{width:85%}}
@media(max-width:900px){.agency-approach{padding:48px 28px}.approach-grid{grid-template-columns:1fr;gap:20px;max-width:640px;margin:auto}.approach-card{padding:24px}.approach-card-copy{min-height:0;margin-bottom:24px}.approach-icon{width:62px;height:64px}.approach-card h3{font-size:23px}.approach-card-copy p{font-size:18px}.approach-art{height:300px}.approach-browser{inset:20px 50px -12px 18px}.approach-browser-scene{height:260px}.approach-browser-scene strong{font-size:31px}.agency-approach[lang="ar"] .approach-browser-scene strong{font-size:30px}.approach-browser-scene small{font-size:11px}.approach-browser-scene span{font-size:10px}.approach-brand-kit{top:90px;width:145px;padding:18px}.approach-brand-kit b{font-size:13px}.approach-swatches i{width:23px;height:23px}.approach-goals-panel{top:65px;inset-inline-start:32px;width:220px;padding:22px}.approach-goals-panel b{font-size:18px}.approach-goals-panel li{font-size:15px}.approach-customer-label{top:40px;inset-inline-end:32px;font-size:14px;padding:14px}.approach-chart{height:150px;bottom:30px;inset-inline-end:25px}.approach-growth-arrow{height:190px;bottom:85px}.approach-feature-stack{width:75%;margin-top:24px}.approach-feature-stack>div{min-height:44px;font-size:15px}.approach-feature-stack>div:first-child{min-height:57px}.approach-new-feature b{font-size:17px}.approach-closing{flex-wrap:wrap;margin-top:32px}.approach-closing::before,.approach-closing::after{display:none}}
@media(max-width:600px){.agency-approach{padding:40px 20px}.approach-heading{margin-bottom:28px}.approach-eyebrow{font-size:12px;margin-bottom:20px}.approach-heading h2{font-size:31px;line-height:1.25 !important;margin-bottom:24px}.approach-intro{font-size:17px;line-height:1.65}.approach-card{padding:18px 14px 14px;border-radius:20px}.approach-card-copy{gap:12px;margin-bottom:22px}.approach-icon{width:45px;height:48px;border-radius:12px}.approach-icon svg{width:27px;height:27px}.approach-card h3{font-size:19px;margin-top:2px}.approach-card-copy p{font-size:16px}.approach-art{height:245px}.approach-browser{inset:16px 35px -10px 10px}.approach-browser-scene{height:215px}.approach-browser-scene strong,.agency-approach[lang="ar"] .approach-browser-scene strong{font-size:21px}.approach-browser-scene small{font-size:8px}.approach-browser-scene span{font-size:7px}.approach-brand-kit{width:110px;padding:12px;top:80px}.approach-brand-kit b{font-size:10px}.approach-swatches{gap:5px}.approach-swatches i{width:17px;height:17px}.approach-goals-panel{inset-inline-start:14px;top:55px;width:164px;padding:14px}.approach-goals-panel b{font-size:14px}.approach-goals-panel li{font-size:11px;gap:8px}.approach-customer-label{inset-inline-end:14px;top:24px;font-size:10px;padding:10px}.approach-chart{height:112px;inset-inline-end:16px}.approach-growth-arrow{height:145px;bottom:70px}.approach-feature-stack{width:82%;margin-top:14px}.approach-feature-stack>div{font-size:12px;min-height:36px}.approach-feature-stack>div:first-child{min-height:49px}.approach-new-feature b{font-size:13px}.approach-closing{font-size:20px;gap:4px}}

/* Reference: Two Ways to Build a Website. */
.agency-ways { --ways-ink:#10152e; --ways-muted:#45557e; --ways-blue:#0754ff; --ways-gray:#e8edf3; --ways-blue-panel:#dff1ff; --ways-cell:#edf1f6; --ways-custom-cell:#e8f3ff; position:relative; isolation:isolate; overflow:hidden; padding:52px max(24px,calc((100vw - 1400px)/2)) 60px; background:#fbfdff; color:var(--ways-ink); }
.agency-ways[lang="en"] { font-family:'DM Sans',sans-serif; }
.dark .agency-ways { --ways-ink:#f2f6ff; --ways-muted:#b6c7e5; --ways-blue:#80aaff; --ways-gray:#1c293b; --ways-blue-panel:#173858; --ways-cell:#1a293c; --ways-custom-cell:#182f4c; background:#0c1626; }
.agency-ways::before { content:''; position:absolute; z-index:-1; width:80%; height:650px; inset-inline-end:-35%; top:140px; border-radius:50%; background:linear-gradient(150deg,#caeaff77,#eaf5ff33); transform:rotate(-18deg); }.dark .agency-ways::before{background:linear-gradient(150deg,#1d477a44,#11213633)}
.ways-inner { max-width:1440px; margin:auto; }.ways-heading{text-align:center;margin:0 auto 44px;max-width:1140px}.ways-eyebrow{font-size:14px;font-weight:700;color:var(--ways-blue);margin:0 0 18px}.agency-ways[lang="en"] .ways-eyebrow{letter-spacing:.15em;text-transform:uppercase}.ways-heading h2{font-size:clamp(32px,3.7vw,58px);font-weight:900;line-height:1.3 !important;letter-spacing:-.035em;margin:0 0 16px}.agency-ways[lang="ar"] .ways-heading h2{letter-spacing:0}.ways-heading em{color:var(--ways-blue);font-style:normal;position:relative;display:inline-block}.ways-heading em::after{content:'';position:absolute;inset-inline:0;bottom:-5px;height:8px;border-top:3px solid currentColor;border-radius:50%;transform:rotate(-1deg)}.ways-heading>p:last-child{font-size:20px;line-height:1.5;color:var(--ways-muted);max-width:880px;margin:0 auto}
.ways-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:stretch}.ways-panel{border-radius:22px;padding:24px;min-width:0;display:flex;flex-direction:column;overflow:hidden}.ways-template{background:linear-gradient(135deg,#f0f3f6,var(--ways-gray));}.dark .ways-template{background:linear-gradient(135deg,#202f42,var(--ways-gray))}.ways-custom{background:linear-gradient(135deg,var(--ways-blue-panel),#c7e6ff)}.dark .ways-custom{background:linear-gradient(135deg,var(--ways-blue-panel),#1b4366)}.ways-panel-heading{display:flex;gap:14px;align-items:flex-start;min-height:105px}.ways-panel-heading>div{min-width:0}.ways-panel-icon{display:grid;place-items:center;width:48px;height:50px;flex-shrink:0;border-radius:14px;background:#ffffff55;color:var(--ways-blue)}.ways-template .ways-panel-icon{color:#64748b}.ways-panel-icon svg{width:30px;height:30px}.ways-panel h3{font-size:23px;font-weight:800;line-height:1.25 !important;margin:2px 0 8px;letter-spacing:-.025em}.agency-ways[lang="ar"] .ways-panel h3{letter-spacing:0}.ways-panel p{font-size:14px;line-height:1.5;color:var(--ways-muted);margin:0}
.ways-matrix{display:grid;grid-template-rows:repeat(4,minmax(105px,1fr));gap:14px;padding:14px 0;min-width:0}.ways-row{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:12px;align-items:center;position:relative}.ways-row:not(:last-child)::after{content:'';position:absolute;bottom:-7px;inset-inline:0;height:1px;background:linear-gradient(to right,#d9e4f277,transparent 35%,transparent 65%,#d9e4f277)}.ways-row>p{font-size:13px;line-height:1.5;margin:0;padding:16px 14px;border-radius:16px;min-height:96px;display:flex;align-items:center;position:relative}.ways-template-cell{color:var(--ways-muted);background:var(--ways-cell)}.ways-custom-cell{color:var(--ways-blue);background:var(--ways-custom-cell)}.ways-row>p::after{content:'';position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#c6d1e1}.ways-template-cell::after{inset-inline-end:-16px}.ways-custom-cell::after{inset-inline-start:-16px;background:#91baff !important}.ways-stage{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.ways-stage>span{width:63px;height:63px;display:grid;place-items:center;background:linear-gradient(#e8f2ff,#fff);border-radius:50%;color:var(--ways-blue)}.dark .ways-stage>span{background:linear-gradient(#203d60,#18263a)}.ways-stage svg{width:31px;height:31px}.ways-stage b{font-size:12px;font-weight:800;line-height:1.25;white-space:nowrap}.ways-column-labels{display:none}
.ways-custom-art{position:relative;display:flex;align-items:center;flex:1;min-height:325px}.ways-custom-art img{width:112%;max-width:none;margin-inline-start:-6%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 14px #25394f24)}.dark .ways-custom-art img{filter:drop-shadow(0 18px 14px #0005)}
.ways-template-art{position:relative;flex:1;min-height:325px;direction:ltr}.ways-template-browser{position:absolute;inset:32px 0 16px 23px;background:#fbfcfecc;border-radius:12px;transform:rotate(-5deg);box-shadow:0 22px 26px #6f809533;overflow:hidden;padding:0 18px}.ways-window-dots{height:22px;display:flex;align-items:center;gap:5px;margin:0 -18px;padding:0 12px;background:#f7f9fc}.ways-window-dots i{width:6px;height:6px;background:#c4cfda;border-radius:50%}.ways-window-dots i:first-child{background:#e9aeb7}.ways-template-nav{height:43px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#536078;font-size:6px}.ways-template-nav b{font-size:10px;letter-spacing:.025em}.ways-placeholder svg{width:100%;height:120px}.ways-template-blocks{display:flex;gap:12px;margin-top:14px}.ways-template-blocks i{background:#e0e5ed;height:65px;flex:1;border-radius:5px}.ways-template-blocks i:nth-child(2){border:2px dashed #b5bfce;background:#e8edf5}.ways-layout-panel{position:absolute;left:-8px;top:110px;width:110px;background:#fffefeee;padding:15px 12px;border-radius:12px;transform:rotate(-5deg);box-shadow:0 14px 24px #748aa433}.ways-layout-panel b{font-size:10px;color:#1b2336;display:block;margin-bottom:12px}.ways-layout-panel>div{display:flex;gap:6px;margin-top:8px}.ways-layout-panel i{width:42px;height:28px;border-radius:3px;background:linear-gradient(140deg,#bfc9d6,#e1e6ef)}.ways-layout-panel span{height:25px;flex:1;background:repeating-linear-gradient(#e5eaf1 0 4px,transparent 4px 8px)}.ways-limited{position:absolute;right:-17px;bottom:70px;display:flex;align-items:center;gap:8px;background:#fff;box-shadow:0 6px 20px #8091aa33;padding:12px 13px;border-radius:10px;transform:rotate(-5deg);color:#151c30}.ways-limited b{font-size:11px}.ways-limited span{display:grid;place-items:center;background:#ff5578;width:20px;height:20px;border-radius:50%;color:#fff;font-size:12px;font-weight:800}.agency-ways[dir="rtl"] .ways-layout-panel,.agency-ways[dir="rtl"] .ways-limited{direction:rtl}
.dark .ways-template-art{opacity:.7}
.dark .ways-template .ways-panel-icon{color:#c0cde1;background:#2c3e53}
.ways-insight{display:flex;align-items:center;gap:26px;margin-top:26px;padding:22px 32px;border:1px solid #dbe9fa;border-radius:24px;background:#f8fbff66}.dark .ways-insight{border-color:#314860;background:#16263b44}.ways-bulb{width:82px;height:82px;flex-shrink:0;border-radius:50%;background:#e9f3ff;display:grid;place-items:center;color:var(--ways-blue)}.dark .ways-bulb{background:#203b5d}.ways-bulb svg{width:45px;height:45px}.ways-insight h3{flex:1;min-width:0;font-size:24px;line-height:1.4 !important;font-weight:800;margin:0;letter-spacing:-.025em}.agency-ways[lang="ar"] .ways-insight h3{letter-spacing:0}.ways-insight em{display:block;font-style:normal;color:var(--ways-blue)}.ways-insight p{width:33%;font-size:16px;line-height:1.65;color:var(--ways-muted);margin:0;border-inline-start:1px solid #d6e6fc;padding-inline-start:30px}.dark .ways-insight p{border-color:#354c68}
@media(max-width:1200px){.ways-panel{padding:20px 16px}.ways-panel-heading{gap:10px;min-height:132px}.ways-panel-icon{width:38px;height:40px}.ways-panel-icon svg{width:25px;height:25px}.ways-panel h3{font-size:19px}.ways-panel p{font-size:13px}.ways-row{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:8px}.ways-row>p{font-size:12px;padding:12px 10px;min-height:116px}.ways-row>p::after{width:5px;height:5px}.ways-template-cell::after{inset-inline-end:-11px}.ways-custom-cell::after{inset-inline-start:-11px}.ways-stage>span{width:52px;height:52px}.ways-stage b{font-size:10px}.ways-template-art,.ways-custom-art{min-height:300px}.ways-layout-panel{width:90px;padding:12px 8px}.ways-limited{right:-10px;padding:10px 8px}.ways-limited b{font-size:9px}.ways-insight h3{font-size:21px}.ways-insight p{font-size:15px}}
@media(max-width:900px){.agency-ways{padding:48px 28px}.ways-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:700px;margin:auto}.ways-template{order:1}.ways-custom{order:2}.ways-matrix{order:3;grid-column:1/-1;grid-template-rows:auto repeat(4,auto);gap:14px}.ways-column-labels{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:12px;text-align:center;font-size:15px}.ways-column-labels b:last-child{color:var(--ways-blue)}.ways-row{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:12px}.ways-row>p{font-size:15px;min-height:105px;padding:16px}.ways-stage>span{width:60px;height:60px}.ways-stage b{font-size:12px}.ways-panel-heading{min-height:120px}.ways-panel h3{font-size:23px}.ways-panel p{font-size:15px}.ways-panel-icon{width:43px;height:45px}.ways-insight{flex-wrap:wrap;gap:18px;padding:24px}.ways-insight h3{font-size:24px}.ways-insight p{width:100%;padding:18px 0 0;border-inline-start:0;border-top:1px solid #d6e6fc}.ways-bulb{width:62px;height:62px}.ways-bulb svg{width:36px;height:36px}}
@media(max-width:600px){.agency-ways{padding:40px 20px}.ways-heading{margin-bottom:30px}.ways-heading h2{font-size:33px}.ways-heading>p:last-child{font-size:17px;line-height:1.6}.ways-eyebrow{font-size:12px}.ways-comparison{gap:10px}.ways-panel{padding:16px 12px;border-radius:17px}.ways-panel-heading{display:block;min-height:175px}.ways-panel-icon{width:38px;height:40px;margin-bottom:12px}.ways-panel h3{font-size:19px}.ways-panel p{font-size:13px}.ways-template-art,.ways-custom-art{min-height:190px}.ways-template-browser{inset:15px -2px 8px 6px;padding:0 8px}.ways-window-dots{margin:0 -8px;height:14px;padding:0 6px;gap:3px}.ways-window-dots i{width:4px;height:4px}.ways-template-nav{height:28px}.ways-template-nav b{font-size:7px}.ways-template-nav span{display:none}.ways-placeholder svg{height:80px}.ways-template-blocks{gap:5px;margin-top:8px}.ways-template-blocks i{height:38px}.ways-layout-panel{left:-5px;top:80px;width:65px;padding:9px 6px;border-radius:7px}.ways-layout-panel b{font-size:7px;margin-bottom:7px}.ways-layout-panel>div{gap:3px;margin-top:5px}.ways-layout-panel i{width:23px;height:18px}.ways-layout-panel span{height:18px}.ways-limited{right:-5px;bottom:22px;padding:6px;gap:4px}.ways-limited b{font-size:7px}.ways-limited span{width:13px;height:13px;font-size:9px}.ways-custom-art img{width:112%;margin-inline-start:-6%}.ways-column-labels{font-size:13px;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:6px;margin-top:12px}.ways-row{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:6px}.ways-row>p{font-size:12px;padding:12px 9px;min-height:136px;border-radius:12px;overflow-wrap:anywhere}.ways-row>p::after{display:none}.ways-stage>span{width:45px;height:45px}.ways-stage svg{width:25px;height:25px}.ways-stage b{font-size:10px;white-space:normal}.ways-insight{margin-top:20px;padding:20px 16px;border-radius:18px;gap:14px}.ways-bulb{width:46px;height:46px}.ways-bulb svg{width:29px;height:29px}.ways-insight h3{font-size:19px}.ways-insight p{font-size:15px}}

.agency-process{--process-ink:#10152e;--process-muted:#53668c;--process-blue:#0754ff;--process-card:#ffffffeb;--process-border:#e0edff;position:relative;isolation:isolate;overflow:hidden;padding:68px max(32px,calc((100% - 1216px)/2)) 80px;background:#fbfdff;color:var(--process-ink)}
.dark .agency-process{--process-ink:#f2f6ff;--process-muted:#bac9e6;--process-blue:#80aaff;--process-card:#17253bed;--process-border:#31465e;background:#0c1626}
.agency-process[lang="en"]{font-family:'DM Sans',sans-serif}
.agency-process::before,.agency-process::after{content:'';position:absolute;z-index:-1;width:1100px;height:850px;border-radius:50%;background:linear-gradient(140deg,#e5f3ffb0,#eff7ff30);pointer-events:none}
.agency-process::before{inset-inline-start:-820px;top:40px;transform:rotate(25deg)}.agency-process::after{inset-inline-end:-730px;top:150px;transform:rotate(-30deg)}
.dark .agency-process::before,.dark .agency-process::after{background:linear-gradient(140deg,#244a7133,#142a4130)}
.process-heading{max-width:950px;margin:0 auto 54px;text-align:center}.process-eyebrow{color:var(--process-blue);font-size:13px;font-weight:800;margin:0 0 24px}.agency-process[lang="en"] .process-eyebrow{letter-spacing:.18em;text-transform:uppercase}
.process-heading h2{font-size:clamp(32px,3.6vw,56px);line-height:1.3!important;font-weight:900;margin:0 0 24px;letter-spacing:-.04em}.agency-process[lang="ar"] .process-heading h2{letter-spacing:0}
.process-heading em{display:inline-block;position:relative;color:var(--process-blue);font-style:normal}.process-heading em::after{content:'';position:absolute;inset-inline:0;bottom:-5px;height:8px;border-top:2px solid currentColor;border-radius:50%}
.process-intro{max-width:760px;margin:auto;font-size:18px;line-height:1.6;color:var(--process-muted)}
.process-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.process-group{min-width:0}.process-group-label{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:var(--process-blue);font-size:12px;font-weight:800;text-align:center}.process-group-label::before,.process-group-label::after{content:'';height:1px;background:#aacdff;flex:1}.process-group-label span{background:#e5efff;border-radius:30px;padding:9px 18px}.agency-process[lang="en"] .process-group-label span{letter-spacing:.12em;text-transform:uppercase}.dark .process-group-label span{background:#253e60}.dark .process-group-label::before,.dark .process-group-label::after{background:#35577c}
.process-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0}.process-step{position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch}
.process-number{position:relative;z-index:1;display:grid;place-items:center;margin:0 auto 24px;width:56px;height:56px;border-radius:50%;border:1px solid #c9e0ff;color:#0754ff;background:#e5efff;font-size:20px;font-weight:800}.process-delivery .process-number{background:#2870ff;color:#fff;border-color:#2870ff}.dark .process-number{background:#243f64;color:#a9c6ff;border-color:#375980}.dark .process-delivery .process-number{background:#2467ed;color:#fff}
.process-number::after{content:'';position:absolute;top:100%;inset-inline-start:50%;width:1px;height:25px;background:#bdd8ff}
.process-step:not(:last-child)::before,.process-planning .process-step:last-child::before{content:'';position:absolute;top:28px;inset-inline-start:calc(50% + 36px);width:calc(100% - 52px);border-top:2px dashed #bdd8ff}.process-delivery .process-step:not(:last-child)::before{border-color:#689cff}
.process-card{position:relative;flex:1;border:1px solid var(--process-border);background:var(--process-card);border-radius:16px;padding:24px 18px;min-height:290px}.process-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:#edf3ff;color:var(--process-blue);margin-bottom:18px}.dark .process-icon{background:#263c5d}.process-icon svg{width:32px;height:32px}
.process-card h4{font-size:18px;line-height:1.35!important;font-weight:800;margin:0 0 18px;min-height:49px;letter-spacing:-.03em}.agency-process[lang="ar"] .process-card h4{letter-spacing:0}.process-card p{font-size:14px;line-height:1.6;margin:0;color:var(--process-muted)}
.process-step:not(:last-child) .process-card::after,.process-planning .process-step:last-child .process-card::after{content:'›';position:absolute;z-index:2;inset-inline-end:-26px;top:90px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--process-border);background:var(--process-card);color:var(--process-blue);font:26px/1 Arial,sans-serif}.agency-process[dir="rtl"] .process-card::after{content:'‹'!important}
@media(max-width:1200px){.process-groups{grid-template-columns:1fr;gap:36px}.process-card{min-height:260px;padding:24px}.process-planning .process-step:last-child::before,.process-planning .process-step:last-child .process-card::after{display:none}.process-heading{margin-bottom:40px}}
@media(max-width:600px){.agency-process{padding:44px 16px}.process-heading h2{font-size:32px}.process-intro{font-size:16px}.process-heading{margin-bottom:32px}.process-group-label{font-size:11px;margin-bottom:22px}.process-group-label span{padding:9px 12px}.process-steps{grid-template-columns:1fr;gap:18px}.process-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}.process-number{width:44px;height:44px;font-size:17px;margin:20px 0 0}.process-number::after{display:none}.process-step:not(:last-child)::before{top:70px;inset-inline-start:21px;width:0;height:calc(100% - 46px);border-top:0;border-inline-start:2px dashed #bdd8ff}.process-card{min-height:0;padding:20px}.process-icon{width:46px;height:46px;margin-bottom:14px}.process-icon svg{width:28px;height:28px}.process-card h4{font-size:19px;min-height:0;margin-bottom:12px}.process-card p{font-size:15px}.process-card::after{display:none!important}}

@media(min-width:601px) and (max-width:1023px){.agency-process{padding-inline:24px}}
.process-card::after{direction:ltr;unicode-bidi:isolate}
.process-delivery .process-step:last-child .process-card::after{content:none!important}
.agency-process[dir="rtl"] .process-card::after{left:-26px;right:auto}
.process-card{height:var(--process-card-height,auto);flex:none}
.process-card h4{height:var(--process-title-height,auto)}

:is(.agency-investment,.agency-about){--detail-ink:#10152e;--detail-muted:#53668c;--detail-blue:#0754ff;--detail-border:#deebff;--detail-surface:#ffffffd9;position:relative;isolation:isolate;overflow:hidden;padding:72px max(32px,calc((100% - 1216px)/2));background:#fbfdff;color:var(--detail-ink)}
.dark :is(.agency-investment,.agency-about){--detail-ink:#f2f6ff;--detail-muted:#bac9e6;--detail-blue:#80aaff;--detail-border:#31465e;--detail-surface:#17253be6;background:#0c1626}
:is(.agency-investment,.agency-about)[lang="en"]{font-family:'DM Sans',sans-serif}
:is(.agency-investment,.agency-about)::before,:is(.agency-investment,.agency-about)::after{content:'';position:absolute;z-index:-1;width:900px;height:750px;border-radius:50%;pointer-events:none;background:linear-gradient(135deg,#cfe6ff88,#eef7ff33)}
:is(.agency-investment,.agency-about)::before{inset-inline-start:-690px;bottom:-360px;transform:rotate(30deg)}:is(.agency-investment,.agency-about)::after{inset-inline-end:-620px;top:-280px;transform:rotate(-25deg)}
.dark :is(.agency-investment,.agency-about)::before,.dark :is(.agency-investment,.agency-about)::after{background:linear-gradient(135deg,#28568044,#152c4733)}
.detail-eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;color:var(--detail-blue);margin:0 0 28px}.detail-eyebrow::before{content:'';width:42px;height:2px;background:currentColor;flex-shrink:0}:is(.agency-investment,.agency-about)[lang="en"] .detail-eyebrow{letter-spacing:.1em;text-transform:uppercase}
.detail-copy h2{font-size:clamp(34px,3.7vw,58px);font-weight:900;line-height:1.2!important;margin:0 0 30px;letter-spacing:-.035em}:is(.agency-investment,.agency-about)[lang="ar"] .detail-copy h2{line-height:1.35!important;letter-spacing:0}
.detail-copy p:not(.detail-eyebrow){font-size:18px;line-height:1.7;color:var(--detail-muted);margin:0 0 24px}.detail-copy p:last-child{margin-bottom:0}
.investment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.detail-copy{min-width:0}
.investment-price{position:relative;isolation:isolate;overflow:hidden;background:var(--detail-surface);border:1px solid var(--detail-border);border-radius:30px;padding:36px;box-shadow:0 22px 50px #4e8bce12}.investment-price::before{content:'';position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;inset-inline-end:-150px;top:90px;background:#dcecff77}.dark .investment-price::before{background:#294b7055}
.investment-label{display:flex;align-items:center;gap:20px;font-size:20px;font-weight:800;margin:0 0 24px;line-height:1.4}.detail-icon{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border-radius:18px;color:var(--detail-blue);background:#e6f0ff}.dark .detail-icon{background:#263f63}.detail-icon svg{width:32px;height:32px}
.investment-amount{display:flex;align-items:baseline;justify-content:flex-start;gap:18px;margin:0 0 20px;direction:ltr;unicode-bidi:isolate}.investment-amount strong{font-size:clamp(74px,7.8vw,118px);line-height:1.1;font-weight:900;letter-spacing:-.05em;color:var(--detail-blue)}.investment-amount span{font-size:32px;font-weight:800;color:var(--detail-muted)}
.investment-note{font-size:18px;line-height:1.65;color:var(--detail-muted);margin:0 0 28px}.detail-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:58px;border-radius:16px;background:linear-gradient(160deg,#0754ff,#003bb8);color:white;font-size:18px;font-weight:800;padding:16px 26px;box-shadow:0 14px 24px #0754ff24;text-decoration:none;transition:transform .18s,box-shadow .18s}.investment-price .detail-button{width:100%}.detail-button:hover{transform:translateY(-2px);box-shadow:0 16px 26px #0754ff30}.detail-button:focus-visible{outline:3px solid #80aaff;outline-offset:4px}.detail-button svg{width:23px;height:23px;flex-shrink:0}:is(.agency-investment,.agency-about)[dir="rtl"] .detail-button svg{transform:rotate(180deg)}
.investment-includes{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.investment-includes li{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--detail-border);border-radius:22px;background:var(--detail-surface);min-width:0;font-size:18px;font-weight:800;line-height:1.4}.investment-includes b::after{content:'';display:block;width:40px;height:2px;background:#cbddff;margin-top:14px}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.about-visual{align-self:stretch;min-width:0;display:flex;align-items:center}.about-visual img{width:100%;height:100%;max-height:650px;min-height:530px;object-fit:cover;object-position:50% 50%;border-radius:22px;border:1px solid var(--detail-border);box-shadow:0 24px 44px #1a589724}.agency-about .detail-copy h2{font-size:clamp(32px,3.1vw,48px);margin-bottom:24px}.agency-about .detail-copy p:not(.detail-eyebrow){font-size:16px;line-height:1.7;margin-bottom:22px}
.about-strengths{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:28px 0}.about-strengths li{display:flex;align-items:center;gap:10px;min-width:0;background:var(--detail-surface);border:1px solid var(--detail-border);border-radius:16px;padding:12px;font-size:12px;font-weight:800;line-height:1.4}.about-strengths .detail-icon{width:44px;height:44px;border-radius:12px}.about-strengths .detail-icon svg{width:27px;height:27px}.about-strengths .detail-icon img{width:28px;height:28px;filter:brightness(0) saturate(100%) invert(26%) sepia(99%) saturate(3897%) hue-rotate(218deg)}.dark .about-strengths .detail-icon img{filter:brightness(0) invert(1)}
@media(max-width:1100px){.investment-layout,.about-layout{gap:28px}.investment-price{padding:28px}.investment-includes li{padding:20px 16px;gap:12px;font-size:16px}.investment-includes .detail-icon{width:50px;height:50px}.about-strengths{gap:8px}.about-strengths li{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){.investment-layout,.about-layout{grid-template-columns:1fr;gap:32px}.detail-copy h2{font-size:44px}.investment-includes{gap:12px}.investment-includes li{flex-direction:column;align-items:flex-start}.about-visual img{min-height:0;height:auto;max-height:none;aspect-ratio:16/9}.agency-about .detail-copy h2{font-size:40px}.about-strengths li{flex-direction:row}}
@media(max-width:1023px){:is(.agency-investment,.agency-about){padding-inline:24px}}
@media(max-width:600px){:is(.agency-investment,.agency-about){padding:44px 16px}.detail-eyebrow{font-size:11px;margin-bottom:22px;gap:9px}.detail-eyebrow::before{width:30px}.detail-copy h2,.agency-about .detail-copy h2{font-size:32px;margin-bottom:22px}.detail-copy p:not(.detail-eyebrow){font-size:16px;margin-bottom:20px}.investment-price{padding:24px 20px;border-radius:22px}.investment-label{font-size:17px;gap:14px}.investment-label .detail-icon{width:48px;height:48px;border-radius:14px}.investment-amount strong{font-size:86px}.investment-amount span{font-size:26px}.investment-note{font-size:16px}.detail-button{font-size:16px;min-height:54px;padding:14px 18px;gap:12px}.investment-includes{grid-template-columns:1fr;margin-top:24px}.investment-includes li{flex-direction:row;padding:18px;min-height:88px}.investment-includes b::after{margin-top:8px}.about-layout{gap:28px}.about-visual img{border-radius:18px}.about-strengths{grid-template-columns:1fr;gap:10px;margin:24px 0}.about-strengths li{padding:12px 16px;font-size:15px}.about-strengths .detail-icon{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.detail-button{transition:none}.detail-button:hover{transform:none}}

.agency-services{--services-ink:#10152e;--services-muted:#53668c;--services-blue:#0754ff;--services-border:#deebff;--services-surface:#ffffffec;position:relative;isolation:isolate;overflow:hidden;background:#fbfdff;color:var(--services-ink);padding:64px max(32px,calc((100% - 1216px)/2))}
.dark .agency-services{--services-ink:#f2f6ff;--services-muted:#bac9e6;--services-blue:#80aaff;--services-border:#31465e;--services-surface:#17253bec;background:#0c1626}.agency-services[lang="en"]{font-family:'DM Sans',sans-serif}.agency-services::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(140deg,#e0efff99,transparent 38%,#e1f0ff88);clip-path:polygon(0 0,100% 0,100% 66%,0 100%)}.dark .agency-services::before{background:linear-gradient(140deg,#25486e44,transparent 38%,#213f6244)}
.services-heading{max-width:1000px;margin:0 auto 30px;text-align:center}.services-eyebrow{font-size:13px;font-weight:800;color:var(--services-blue);margin:0 0 20px}.agency-services[lang="en"] .services-eyebrow{letter-spacing:.18em;text-transform:uppercase}.services-heading h2{font-size:clamp(32px,3.2vw,50px);line-height:1.25!important;font-weight:900;letter-spacing:-.035em;margin:0 0 20px}.agency-services[lang="ar"] .services-heading h2{letter-spacing:0;line-height:1.35!important}.services-heading em{font-style:normal;color:var(--services-blue)}.services-heading>p:not(.services-eyebrow){max-width:850px;margin:0 auto;color:var(--services-muted);font-size:17px;line-height:1.6}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);min-width:0;min-height:310px;overflow:hidden;border:1px solid var(--services-border);border-radius:16px;background:var(--services-surface)}.service-copy{min-width:0;padding:22px 0 22px 22px;display:flex;flex-direction:column;align-items:flex-start;z-index:2}.agency-services[dir="rtl"] .service-copy{padding:22px 22px 22px 0}.service-icon{width:48px;height:48px;border-radius:13px;background:#eaf2ff;color:var(--services-blue);display:grid;place-items:center;margin-bottom:16px}.dark .service-icon{background:#263f63}.service-icon svg{width:28px;height:28px}.service-copy h3{font-size:19px;font-weight:800;line-height:1.3!important;letter-spacing:-.025em;margin:0 0 12px}.agency-services[lang="ar"] .service-copy h3{letter-spacing:0;line-height:1.4!important}.service-copy p{font-size:14px;line-height:1.55;color:var(--services-muted);margin:0 0 16px}.service-copy>a{display:inline-flex;align-items:center;gap:8px;color:var(--services-blue);font-size:13px;font-weight:800;margin-top:auto;text-decoration:none;min-height:32px}.service-copy>a svg{width:18px;height:18px;flex-shrink:0}.agency-services[dir="rtl"] .service-copy>a svg{transform:rotate(180deg)}.service-copy>a:hover{text-decoration:underline}.agency-services a:focus-visible{outline:3px solid #80aaff;outline-offset:4px;border-radius:4px}
.service-art{position:relative;align-self:stretch;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 100% 65%,#e1edff,transparent 80%)}.dark .service-art{background:radial-gradient(ellipse at 100% 65%,#284567,transparent 80%)}.service-number{position:absolute;top:20px;inset-inline-start:12px;color:#c5d9ff;font-size:27px;font-weight:900;direction:ltr}.dark .service-number{color:#476b9b}.service-window{width:calc(100% - 18px);min-height:170px;position:relative;background:#fff;border:1px solid #e1ebff;border-radius:12px;box-shadow:0 14px 20px #2157a91b;transform:rotate(-7deg);padding:23px 10px 12px;direction:ltr;color:#0754ff}.service-window::before{content:'•••';position:absolute;top:3px;left:10px;letter-spacing:3px;color:#a9c8ff;font-size:14px}.service-window img{width:100%;height:110px;object-fit:cover;object-position:center;border-radius:5px}.service-window .mini-lines{display:block;height:5px;margin-top:9px;width:85%;border-radius:5px;background:#d8e7ff;box-shadow:0 10px 0 #e6efff}.service-store .service-window{transform:rotate(-5deg);background:linear-gradient(#fff,#edf5ff)}.service-store .product-icon{height:96px;display:grid;place-items:center;background:#e9f1ff;border-radius:7px}.product-icon svg{width:55px;height:55px}.mini-cart{position:absolute;top:18px;left:-5px;background:#0754ff;border-radius:50%;color:white;width:35px;height:35px;display:grid;place-items:center;box-shadow:0 7px 12px #0754ff33}.mini-cart svg{width:22px;height:22px}
.service-servers .server-stack{width:100%;padding:0 12px;color:#6099ef}.server-cloud{display:block;width:70px;height:48px;margin:0 auto 15px;color:#91baff}.server-unit{height:35px;background:linear-gradient(130deg,#7192b9,#274564);border:5px solid #a8c9f0;border-radius:9px;margin:5px 0;box-shadow:0 7px 12px #23466b1b;display:flex;align-items:center;padding:0 8px;gap:5px}.server-unit i{width:4px;height:4px;border-radius:50%;background:#8de4ff}.server-unit::after{content:'';margin-left:auto;width:40%;height:4px;border-radius:5px;background:#18334d}
.mini-checks{display:grid;gap:12px;padding:10px 0}.mini-checks i{display:flex;align-items:center;gap:7px;font-style:normal;font-size:10px;color:#5374a6}.mini-checks i::before{content:'✓';display:grid;place-items:center;color:#fff;background:#31c590;width:14px;height:14px;border-radius:4px}.mini-checks i::after{content:'';width:55%;height:5px;border-radius:5px;background:#d8e7ff}.service-maintenance .service-window>svg{width:35px;height:35px;margin:4px 0 6px}.service-support .service-window{min-height:128px;transform:rotate(0);margin-top:35px}.service-support .service-window::after{content:'';position:absolute;bottom:-9px;right:16px;width:20px;height:20px;background:#fff;transform:rotate(45deg);border-right:1px solid #e1ebff;border-bottom:1px solid #e1ebff}.mini-bubble{position:absolute;inset-inline-end:8px;bottom:44px;display:grid;place-items:center;width:60px;height:43px;background:#0754ff;color:#fff;border-radius:12px;box-shadow:0 8px 14px #0754ff22;font-size:26px;letter-spacing:3px}.service-custom .service-window{background:#284565;border-color:#7396bf;transform:rotate(-15deg);min-height:158px}.service-custom .mini-lines{background:#85b8e5;box-shadow:0 10px 0 #7293b3;width:90%;margin-top:20px}.service-custom .mini-lines:nth-child(2n){background:#dec179;width:70%}.mini-gear{position:absolute;bottom:35px;inset-inline-end:8px;background:#fff;border:1px solid #deebff;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#0754ff;box-shadow:0 8px 14px #2157a91b}.mini-gear svg{width:29px;height:29px}
.services-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:30px 0;gap:0}.services-proof li{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;min-width:0}.services-proof li+li{border-inline-start:1px solid #ccddf7}.dark .services-proof li+li{border-color:#355071}.services-proof svg{width:32px;height:32px;color:var(--services-blue);flex-shrink:0}.services-proof strong{font-size:17px;font-weight:800;display:block;line-height:1.35}.services-proof small{display:block;color:var(--services-muted);font-size:12px;line-height:1.5;margin-top:3px}.services-more{text-align:center}.services-more a{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(160deg,#0754ff,#003bb8);color:#fff;font-size:15px;font-weight:800;min-height:52px;padding:14px 26px;border-radius:13px;box-shadow:0 10px 20px #0754ff24}.services-more svg{width:19px;height:19px}.agency-services[dir="rtl"] .services-more svg{transform:rotate(180deg)}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:300px}.services-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.services-proof li:nth-child(3){border-inline-start:0}}
@media(max-width:1023px){.agency-services{padding-inline:24px}}
@media(max-width:600px){.agency-services{padding:44px 16px}.services-heading h2{font-size:32px}.services-heading>p:not(.services-eyebrow){font-size:16px}.services-eyebrow{font-size:11px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:300px}.service-copy,.agency-services[dir="rtl"] .service-copy{padding:20px 12px}.service-copy h3{font-size:19px}.service-copy p{font-size:14px}.service-copy>a{font-size:12px}.services-proof{gap:20px 0}.services-proof li{padding:0 10px;gap:8px;align-items:flex-start}.services-proof strong{font-size:14px}.services-proof small{font-size:11px}.services-proof svg{width:24px;height:24px}.services-more a{font-size:14px;padding-inline:20px}}

.agency-final{--final-ink:#10152e;--final-muted:#53668c;--final-blue:#0754ff;--final-border:#dceaff;position:relative;isolation:isolate;overflow:hidden;background:#fbfdff;color:var(--final-ink);padding:72px max(32px,calc((100% - 1216px)/2))}
.dark .agency-final{--final-ink:#f2f6ff;--final-muted:#bac9e6;--final-blue:#80aaff;--final-border:#31465e;background:#0c1626}.agency-final[lang="en"]{font-family:'DM Sans',sans-serif}
.agency-final::before,.agency-final::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:1000px;height:850px;border-radius:50%;background:linear-gradient(135deg,#cfe6ffb0,#eaf5ff55)}.agency-final::before{inset-inline-start:-640px;bottom:-420px;transform:rotate(25deg)}.agency-final::after{inset-inline-end:-670px;top:-450px;transform:rotate(-25deg)}.dark .agency-final::before,.dark .agency-final::after{background:linear-gradient(135deg,#28568055,#152c4733)}
.final-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #fff;border-radius:32px;padding:62px 40px 52px;text-align:center;background:#ffffff55}.dark .final-panel{border-color:var(--final-border);background:#17253b66}
.final-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--final-blue);font-size:13px;font-weight:800;margin:0 0 32px}.final-eyebrow::before,.final-eyebrow::after{content:'';width:38px;height:1px;background:currentColor;flex-shrink:0}.agency-final[lang="en"] .final-eyebrow{letter-spacing:.06em;text-transform:uppercase}
.final-panel h2{font-size:clamp(32px,3.6vw,56px);font-weight:900;line-height:1.3!important;letter-spacing:-.035em;margin:0 0 30px}.agency-final[lang="ar"] .final-panel h2{letter-spacing:0}.final-panel h2 em{font-style:normal;color:var(--final-blue)}.final-intro{font-size:20px;line-height:1.65;color:var(--final-muted);max-width:950px;margin:0 auto 34px}
.final-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:62px;padding:17px 36px;border-radius:16px;background:linear-gradient(160deg,#0754ff,#003bb8);box-shadow:0 14px 24px #0754ff24;color:#fff;font-size:20px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s}.final-button:hover{transform:translateY(-2px);box-shadow:0 16px 26px #0754ff30}.final-button:focus-visible{outline:3px solid #80aaff;outline-offset:4px}.final-button svg{width:24px;height:24px;flex-shrink:0}.agency-final[dir="rtl"] .final-button svg{transform:rotate(180deg)}
.final-points{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:38px auto 0;max-width:1000px}.final-points li{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 18px;font-size:16px;font-weight:800;line-height:1.4;min-width:0}.final-points li+li{border-inline-start:1px solid #c9d9f2}.dark .final-points li+li{border-color:#355071}.final-point-icon{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;background:#ffffff77;border:1px solid var(--final-border);border-radius:14px;color:var(--final-blue)}.dark .final-point-icon{background:#253e6066}.final-point-icon svg{width:30px;height:30px}
@media(max-width:1023px){.agency-final{padding-inline:24px}.final-panel{padding:48px 24px}.final-points li{font-size:14px;padding-inline:12px;gap:10px}.final-point-icon{width:46px;height:46px}}
@media(max-width:600px){.agency-final{padding:44px 16px}.final-panel{padding:36px 20px;border-radius:22px}.final-eyebrow{font-size:10px;gap:9px;margin-bottom:24px}.final-eyebrow::before,.final-eyebrow::after{width:20px}.final-panel h2{font-size:32px;margin-bottom:22px}.final-intro{font-size:16px;line-height:1.7;margin-bottom:26px}.final-button{width:100%;font-size:16px;padding:15px 16px;min-height:54px;gap:14px}.final-points{grid-template-columns:1fr;gap:18px;margin-top:28px}.final-points li{justify-content:flex-start;font-size:15px;padding:0;gap:14px}.final-points li+li{border-inline-start:0;border-top:1px solid var(--final-border);padding-top:18px}.final-point-icon{width:44px;height:44px}.final-point-icon svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.final-button{transition:none}.final-button:hover{transform:none}}

/* Match new-iketch.local: a 1280px container with 32px desktop gutters. */
:is(.agency-hero,.agency-approach,.agency-ways,.agency-projects){
  padding-inline:max(32px,calc((100% - 1216px)/2));
}
@media(max-width:1023px){
  :is(.agency-hero,.agency-approach,.agency-ways,.agency-projects){padding-inline:24px}
}
@media(max-width:639px){
  :is(.agency-hero,.agency-approach,.agency-ways,.agency-projects){padding-inline:16px}
}


.home-v2 > .agency-hero { margin-top:5rem; }
.home-v2-page.admin-bar .home-v2 > .agency-hero { margin-top:calc(5rem - 32px); }
@media(max-width:782px) { .home-v2-page.admin-bar .home-v2 > .agency-hero { margin-top:calc(5rem - 46px); } }

.agency-services .service-card{border-radius:var(--radius-card);}
.agency-services .services-more{margin-top:30px;}
.agency-services .services-more a{border-radius:var(--radius-button);}

/* Shared service illustrations and one native link covering each card. */
.agency-services .services-grid{grid-auto-rows:1fr}
.agency-services .service-card{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);min-height:260px;box-shadow:0 8px 28px #2157a908;transition:border-color .2s,box-shadow .2s,transform .2s}
.agency-services .service-card:hover{border-color:var(--services-blue);box-shadow:0 12px 30px #2157a915;transform:translateY(-2px)}
.agency-services .service-card:has(a:focus-visible){outline:3px solid var(--services-blue);outline-offset:4px}
.agency-services .service-copy>a::after{content:"";position:absolute;inset:0;z-index:4;cursor:pointer}
.agency-services .service-copy{padding-block:20px}
.agency-services .service-icon{width:42px;height:42px;margin-bottom:12px}
.agency-services .service-icon .fa-icon{width:24px;height:24px}
.agency-services .service-copy h3{font-size:18px;margin-bottom:10px}
.agency-services .service-copy p{font-size:13px;line-height:1.55;margin-bottom:12px}
.agency-services .service-copy>a{font-size:13px;min-height:24px}
.agency-services .service-copy>a .fa-icon{width:14px;height:14px}
.agency-services .service-art{overflow:visible;pointer-events:none;background:radial-gradient(ellipse at 95% 75%,#e1edff66,transparent 85%)}
.agency-services .service-number{top:20px;inset-inline-start:auto;left:12px;right:auto;font-size:27px;z-index:1}
.agency-services[dir="rtl"] .service-number{left:auto;right:12px}
.agency-services .service-reference-art{position:absolute;width:110%;max-width:none;height:92%;left:-8%;bottom:1%;object-fit:contain;object-position:center bottom}
.agency-services .service-web .service-reference-art{width:125%;left:-8%;height:96%;bottom:0}
.agency-services .service-web .service-window{width:110%;min-width:110%;margin-top:55px;transform:rotate(-7deg);min-height:190px;padding:24px 12px 15px}
.agency-services .service-web .service-window img{height:130px}
.agency-services .service-web .service-window::after{content:"Aa";position:absolute;bottom:25px;left:-20px;width:45px;height:80px;padding:8px;border-radius:9px;background:#fff;color:#18304b;box-shadow:0 5px 18px #2157a91b;font-weight:700;background-image:radial-gradient(circle at 50% 53%,#0754ff 4px,transparent 5px),radial-gradient(circle at 50% 73%,#b7cdfb 4px,transparent 5px)}
.dark .agency-services .service-art{background:radial-gradient(ellipse at 75% 60%,#28456788,transparent 75%)}
.dark .agency-services .service-reference-art{filter:brightness(.88)}
.dark:not(.iketch-defer-service-art) .service-web .service-reference-art,.dark .agency-services[data-art-ready] .service-web .service-reference-art{content:url('../images/home-refresh/services-reference/web-dark.webp')}
.dark:not(.iketch-defer-service-art) .service-store .service-reference-art,.dark .agency-services[data-art-ready] .service-store .service-reference-art{content:url('../images/home-refresh/services-reference/store-dark.webp')}
.dark:not(.iketch-defer-service-art) .service-servers .service-reference-art,.dark .agency-services[data-art-ready] .service-servers .service-reference-art{content:url('../images/home-refresh/services-reference/servers-dark.webp')}
.dark:not(.iketch-defer-service-art) .service-maintenance .service-reference-art,.dark .agency-services[data-art-ready] .service-maintenance .service-reference-art{content:url('../images/home-refresh/services-reference/maintenance-dark.webp')}
.dark:not(.iketch-defer-service-art) .service-support .service-reference-art,.dark .agency-services[data-art-ready] .service-support .service-reference-art{content:url('../images/home-refresh/services-reference/support-dark.webp')}
.dark:not(.iketch-defer-service-art) .service-custom .service-reference-art,.dark .agency-services[data-art-ready] .service-custom .service-reference-art{content:url('../images/home-refresh/services-reference/custom-dark.webp')}

/* The review strip uses the whole width without separating its content unevenly. */
body #home-v2-testimonials a[href="https://clutch.co/profile/iketch"]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:28px;padding:24px 28px;border-radius:var(--radius-card);min-height:116px}
#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:first-child{display:grid;grid-template-columns:138px minmax(0,1fr);gap:22px;align-items:center}
#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:first-child>span{box-shadow:none;padding:8px 4px;justify-content:center}
#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;border-inline-start:1px solid #d5e4ff;padding-inline-start:28px;text-align:start}
#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child>div{min-width:0}
#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child p:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px;direction:ltr;justify-content:flex-start;white-space:nowrap}
#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child>span{justify-content:center;gap:8px;line-height:1.5}
.dark #home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child{border-color:#31465e}
html[dir="rtl"] #home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child>div{text-align:right;direction:rtl}
html[dir="rtl"] #home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child p:first-child{direction:rtl;justify-content:flex-start}
@media(max-width:1100px){body #home-v2-testimonials a[href="https://clutch.co/profile/iketch"]{grid-template-columns:1fr;gap:20px}#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child{border-inline-start:0;border-top:1px solid #d5e4ff;padding-inline-start:0;padding-top:18px}}
@media(max-width:600px){.agency-services .service-card{min-height:285px}.agency-services .service-illustration{width:120%;inset-inline-start:auto;left:-10%}body #home-v2-testimonials a[href="https://clutch.co/profile/iketch"]{padding:22px 18px}#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:first-child{grid-template-columns:1fr;gap:16px}#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:first-child>span{justify-self:start}#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child{gap:16px;grid-template-columns:1fr}#home-v2-testimonials a[href="https://clutch.co/profile/iketch"]>div:last-child>span{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.agency-services .service-card{transition:none}.agency-services .service-card:hover{transform:none}}