/* Release 2026-10d — lighting, hover glow, section navigation and the
   refined Work / About / Home layouts. Brand blue #3C78A8, wine #90243C.
   Mouse-only effects exist only once aa-light.js has confirmed a fine
   pointer (html.aa-fine); reduced motion removes every moving part. */

:root {
  --aa-l-blue: 60, 120, 168;
  --aa-l-sky: 120, 175, 225;
  --aa-l-wine: 144, 36, 60;
  --aa-l-a: 1;                     /* light strength; lower in light mode */
}
body.white-version { --aa-l-a: .55; }

/* ------------------------------------------------ 1. the cursor light -- */
/* One fixed layer behind the content (the body is its own stacking context,
   so z-index -1 paints above the page background and below every section).
   Photos and text are never tinted. aa-light.js eases it toward the pointer
   with requestAnimationFrame and stops when the pointer rests. */
body.aa-lit { isolation: isolate; }
.aa-light {
  /* An 800px disc moved with transform only: the compositor moves one layer,
     nothing is repainted while the pointer travels. */
  position: fixed; left: 0; top: 0; width: 800px; height: 800px; z-index: -1; pointer-events: none;
  opacity: 0; transition: opacity .6s ease; will-change: transform; contain: strict;
  transform: translate3d(-9999px, -9999px, 0);
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--aa-l-wine), calc(.12 * var(--aa-l-a))), transparent 196px),
    radial-gradient(circle at 50% 50%, rgba(var(--aa-l-blue), calc(.20 * var(--aa-l-a))), transparent 384px);
}
html.aa-fine .aa-light.is-on { opacity: 1; }

/* ------------------------------------------- 2. still ambient lighting -- */
/* Two soft corner lights at the top of every page: the opening section stops
   being a flat colour. Static, so it costs nothing and never distracts. */
.aa-ambient {
  position: absolute; top: 0; left: 0; right: 0; height: 980px; z-index: -1; pointer-events: none;
  background:
    radial-gradient(760px 520px at 8% -6%, rgba(var(--aa-l-blue), calc(.26 * var(--aa-l-a))), transparent 66%),
    radial-gradient(640px 460px at 96% 4%, rgba(var(--aa-l-wine), calc(.17 * var(--aa-l-a))), transparent 64%),
    radial-gradient(900px 380px at 50% 100%, rgba(var(--aa-l-blue), calc(.06 * var(--aa-l-a))), transparent 70%);
  -webkit-mask: linear-gradient(#000 55%, transparent);
          mask: linear-gradient(#000 55%, transparent);
}
[dir="rtl"] .aa-ambient { transform: scaleX(-1); }

/* --------------------------------------- 3. card edges that follow you -- */
/* A 1.5px edge, lit around the pointer. Added to a card the first time the
   pointer enters it (aa-light.js), so untouched cards carry nothing. */
.aa-edge-host { position: relative; }
.aa-edge {
  position: absolute; inset: 0; z-index: 3; pointer-events: none; border-radius: inherit;
  padding: 1.5px; opacity: 0; transition: opacity .35s ease;
  background: radial-gradient(320px circle at var(--ex, 50%) var(--ey, 50%),
    rgba(var(--aa-l-sky), 1), rgba(var(--aa-l-blue), .7) 30%, rgba(var(--aa-l-wine), .45) 55%, transparent 78%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
}
.is-lit > .aa-edge { opacity: 1; }
body.white-version .aa-edge {
  background: radial-gradient(320px circle at var(--ex, 50%) var(--ey, 50%),
    rgba(var(--aa-l-blue), .95), rgba(var(--aa-l-wine), .45) 48%, transparent 78%);
}

/* ----------------------------------------- 4. warmer hover glows -------- */
.aa-btn--primary, .aa-cs2__btn--primary, .aa-btn-solid, .aa-sc__cta--demo, .aa-card__actions .aa-btn--demo {
  transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s cubic-bezier(.22,.61,.36,1), filter .28s, background-color .28s, border-color .28s;
}
.aa-btn--primary:hover, .aa-btn-solid:hover, .aa-sc__cta--demo:hover, .aa-card__actions .aa-btn--demo:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px -12px rgba(var(--aa-l-blue), .95), 0 0 0 1px rgba(var(--aa-l-sky), .25);
}
.aa-btn--ghost:hover { box-shadow: 0 10px 26px -16px rgba(var(--aa-l-blue), .8); }
.aa-card__in:hover, .aa-sc__card:hover, .aa-glow:hover, .aa-cs2__card:hover, .aa-cs2__panel:hover,
.aa-cs2__nextcard:hover, .aa-pf-paths li:hover, .aa-post:hover {
  box-shadow: 0 24px 50px -30px rgba(var(--aa-l-blue), .85), 0 0 0 1px rgba(var(--aa-l-sky), .14);
}
body.white-version .aa-card__in:hover, body.white-version .aa-sc__card:hover, body.white-version .aa-glow:hover {
  box-shadow: 0 22px 44px -28px rgba(var(--aa-l-blue), .55);
}

/* --------------------------------- 5. navigation that follows the page -- */
@media (min-width: 1200px) {
  /* the section being read takes the current-page look; Home steps back while it does
     (selectors outrank the theme's current-item colour in both modes) */
  body.aa-lit .mainmenu-nav ul.primary-menu > li.menu-item.aa-spy > a { color: var(--color-primary) !important; }
  body.aa-lit.white-version .mainmenu-nav ul.primary-menu > li.menu-item.aa-spy > a { color: var(--aa-accent-text, var(--color-primary)) !important; }
  body.aa-lit .mainmenu-nav ul.primary-menu > li.menu-item.aa-spy > a::after { transform: scaleX(1); }
  body.aa-lit .mainmenu-nav ul.primary-menu > li.menu-item.aa-spy-off > a { color: var(--color-heading) !important; }
  body.aa-lit .mainmenu-nav ul.primary-menu > li.menu-item.aa-spy-off > a::after { transform: scaleX(0); }
}
.aa-subnav { margin: 22px 0 0; }
.aa-subnav ul { display: inline-flex; flex-wrap: nowrap; max-width: 100%; gap: 6px; margin: 0; padding: 5px; list-style: none;
  border: 1px solid var(--aa-line); border-radius: 999px; background: var(--aa-surface); }
.aa-subnav li { margin: 0; }
.aa-subnav li::before { content: none !important; }
.aa-subnav a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px;
  font-size: 14px; font-weight: 600; color: var(--color-body) !important; text-decoration: none !important;
  transition: background-color .25s, color .25s, box-shadow .25s; }
.aa-subnav a:hover { color: var(--color-heading) !important; }
.aa-subnav a.is-active { color: #fff !important;
  background: linear-gradient(120deg, rgb(var(--aa-l-blue)), color-mix(in srgb, rgb(var(--aa-l-blue)) 55%, rgb(var(--aa-l-wine))));
  box-shadow: 0 8px 22px -12px rgba(var(--aa-l-blue), .9); }
.aa-subnav a:focus-visible { outline: 2px solid var(--aa-accent); outline-offset: 2px; }
.aa-subnav.is-fixed { position: fixed; z-index: 80; top: var(--aa-hdr, 72px); left: 50%; transform: translateX(-50%);
  margin: 0; width: max-content; max-width: calc(100vw - 24px); animation: aa-subnav-in .3s ease; }
.aa-subnav.is-fixed ul { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  background: color-mix(in srgb, var(--color-darker, #191b1e) 78%, transparent); box-shadow: 0 12px 30px -18px rgba(0,0,0,.7); }
body.white-version .aa-subnav.is-fixed ul { background: color-mix(in srgb, #fff 82%, transparent); }
@keyframes aa-subnav-in { from { opacity: 0; transform: translate(-50%, -6px); } }
@media (max-width: 400px) { .aa-subnav ul { gap: 2px; } .aa-subnav a { padding: 0 12px; font-size: 13.5px; } }
.aa-subnav-ph { display: none; }
.aa-subnav-ph.is-on { display: block; }
[id="what-i-do"], [id="how-i-deliver"], [id="live-products"] { scroll-margin-top: 150px; }

/* ===================================================== content layouts == */

/* Home: "What I do" as four tiles (one service model with Work) --------- */
.aa-svc4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.aa-svc4__item { margin: 0; border-radius: 18px; border: 1px solid var(--aa-line); background: var(--aa-surface);
  transition: transform .3s cubic-bezier(.22,.61,.36,1), border-color .3s, box-shadow .3s; }
.aa-svc4__item::before { content: none !important; }
.aa-svc4__item:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--aa-accent) 45%, var(--aa-line)); }
.aa-svc4__a { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 22px; color: inherit !important; text-decoration: none !important; border-radius: inherit; }
.aa-svc4__a:focus-visible { outline: 2px solid var(--aa-accent); outline-offset: 3px; }
.aa-svc4__ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--aa-accent);
  background: color-mix(in srgb, var(--aa-accent) 12%, transparent); }
.aa-svc4__ico svg { width: 22px; height: 22px; }
.aa-svc4__t { font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--color-heading); }
.aa-svc4__d { font-size: 14.5px; line-height: 1.6; color: var(--color-body); }
.aa-svc4__more { margin: 18px 0 0; }
.aa-svc4__more .aa-link { display: inline-flex; gap: 8px; align-items: center; }
.aa-svc4__arrow { width: 16px; height: 16px; }
[dir="rtl"] .aa-svc4__arrow { transform: scaleX(-1); }
@media (max-width: 1100px) { .aa-svc4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px)  { .aa-svc4 { grid-template-columns: 1fr; } .aa-svc4__a { padding: 18px; } }

/* Work: four service cards with a fold for the rest ---------------------- */
.aa-wsvc { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; align-items: start; }
.aa-wsvc__item { margin: 0; padding: 22px; border-radius: 18px; border: 1px solid var(--aa-line); background: var(--aa-surface);
  transition: transform .3s cubic-bezier(.22,.61,.36,1), border-color .3s, box-shadow .3s; min-width: 0; }
.aa-wsvc__item::before { content: none !important; }
.aa-wsvc__item:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--aa-accent) 45%, var(--aa-line)); }
.aa-wsvc__top { display: flex; align-items: center; justify-content: space-between; margin: 0 0 14px; }
.aa-wsvc__ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--aa-accent);
  background: color-mix(in srgb, var(--aa-accent) 12%, transparent); }
.aa-wsvc__ico svg { width: 22px; height: 22px; }
.aa-wsvc__n { font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--color-body); opacity: .7; }
.aa-wsvc__t { margin: 0 0 8px !important; font-size: 18px !important; line-height: 1.35 !important; color: var(--color-heading); }
.aa-wsvc__d { margin: 0 0 14px !important; font-size: 14.5px; line-height: 1.6; color: var(--color-body); }
.aa-wsvc__list, .aa-wsvc__more ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.aa-wsvc__list li, .aa-wsvc__more li { position: relative; margin: 0; padding-inline-start: 18px; font-size: 14px; line-height: 1.5; color: var(--color-heading); }
.aa-wsvc__list li::before, .aa-wsvc__more li::before { content: "" !important; position: absolute; inset-inline-start: 0; top: .6em;
  width: 7px; height: 7px; border-radius: 50%; background: var(--aa-accent); }
.aa-wsvc__more { margin: 14px 0 0; border-top: 1px solid var(--aa-line); }
.aa-wsvc__more summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; min-height: 44px;
  font-size: 14px; font-weight: 600; color: var(--aa-accent); }
.aa-wsvc__more summary::-webkit-details-marker { display: none; }
.aa-wsvc__more summary::after { content: ""; width: 7px; height: 7px; margin-inline-start: auto; border: solid currentColor; border-width: 0 2px 2px 0;
  transform: rotate(45deg); transition: transform .25s; }
.aa-wsvc__more[open] summary::after { transform: rotate(-135deg); }
.aa-wsvc__more summary:focus-visible { outline: 2px solid var(--aa-accent); outline-offset: 2px; border-radius: 6px; }
.aa-wsvc__count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; font-size: 12px;
  background: color-mix(in srgb, var(--aa-accent) 14%, transparent); }
.aa-wsvc__more ul { padding: 2px 0 6px; }
.aa-wsvc__more li { color: var(--color-body); }
@media (max-width: 1199px) { .aa-wsvc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .aa-wsvc { grid-template-columns: 1fr; } .aa-wsvc__item { padding: 18px; } }

/* Work: the one process, six steps --------------------------------------- */
.aa-steps6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.aa-steps6__s { position: relative; margin: 0; padding: 18px 16px; border-radius: 16px; border: 1px solid var(--aa-line); background: var(--aa-surface);
  transition: transform .3s cubic-bezier(.22,.61,.36,1), border-color .3s, box-shadow .3s; min-width: 0; }
.aa-steps6__s::before { content: none !important; }
.aa-steps6__s:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--aa-accent) 45%, var(--aa-line)); }
.aa-steps6__n { display: inline-grid; place-items: center; width: 30px; height: 30px; margin: 0 0 10px; border-radius: 50%; font-size: 12.5px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, rgb(var(--aa-l-blue)), color-mix(in srgb, rgb(var(--aa-l-blue)) 50%, rgb(var(--aa-l-wine)))); }
.aa-steps6__k { margin: 0 0 6px !important; font-size: 16px !important; line-height: 1.3 !important; color: var(--color-heading); }
.aa-steps6__v { margin: 0 0 10px !important; font-size: 13.5px; line-height: 1.55; color: var(--color-body); }
.aa-steps6__o { margin: 0 !important; font-size: 13px; line-height: 1.45; color: var(--color-heading); }
.aa-steps6__o span { display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--aa-accent); margin-bottom: 2px; }
[dir="rtl"] .aa-steps6__o span { letter-spacing: 0; font-size: 12px; }
@media (max-width: 1199px) { .aa-steps6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .aa-steps6 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .aa-steps6__s { padding: 16px 14px; } }
@media (max-width: 380px)  { .aa-steps6 { grid-template-columns: 1fr; } }

/* Work: a denser project grid -------------------------------------------- */
@media (min-width: 1200px) {
  #live-products .aa-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; }
  #live-products .aa-card__body { padding: 14px 16px 16px; }
  #live-products .aa-card__t { font-size: 18px; }
  #live-products .aa-card__d { font-size: 14px; }
  #live-products .aa-card__actions .aa-btn--sm { padding: 6px 12px; font-size: 13px; }
}

/* About: hidden containers (their content moved, see aa-profile.php) ----- */
/* About: "Capabilities" now lives in the tabbed "What I can own" section; its Elementor
   container (class set in the page document) is taken out of the flow and the registry key
   stays. The "Method" container now holds Experience (see aa_profile_method()). */
.aa-pf-sec--capabilities { display: none !important; }

/* About: Experience — a compact timeline. Three roles in a row on wide screens,
   a vertical line on tablets and phones. The current role's marker is filled. */
.aa-xp__line { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
  margin: 0; padding: 30px 0 0; list-style: none; }
.aa-xp__line::before { content: ""; position: absolute; top: 8px; inset-inline: 22px; height: 2px; border-radius: 2px;
  background: linear-gradient(to right, rgb(var(--aa-l-blue)), rgba(var(--aa-l-wine), .7) 60%, color-mix(in srgb, var(--aa-line) 100%, transparent)); }
[dir="rtl"] .aa-xp__line::before { background: linear-gradient(to left, rgb(var(--aa-l-blue)), rgba(var(--aa-l-wine), .7) 60%, color-mix(in srgb, var(--aa-line) 100%, transparent)); }
.aa-xp__role { position: relative; margin: 0; padding: 20px; min-width: 0; border-radius: 18px; border: 1px solid var(--aa-line);
  background: var(--aa-surface); transition: transform .3s cubic-bezier(.22,.61,.36,1), border-color .3s, box-shadow .3s; }
.aa-xp__role::before { content: none !important; }
.aa-xp__role:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--aa-accent) 45%, var(--aa-line)); }
.aa-xp__dot { position: absolute; top: -29px; inset-inline-start: 16px; width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid rgb(var(--aa-l-blue)); background: var(--aa-surface); }
.aa-xp__role.is-now .aa-xp__dot { background: linear-gradient(135deg, rgb(var(--aa-l-blue)), rgb(var(--aa-l-wine)));
  border-color: transparent; box-shadow: 0 0 0 5px rgba(var(--aa-l-blue), .18); }
.aa-xp__when { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px !important;
  font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--aa-accent); font-variant-numeric: tabular-nums; }
.aa-xp__years { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .aa-xp__years { direction: rtl; }
.aa-xp__now { padding: 2px 9px; border-radius: 999px; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--aa-accent); background: color-mix(in srgb, var(--aa-accent) 14%, transparent); }
[dir="rtl"] .aa-xp__now { letter-spacing: 0; font-size: 12.5px; }
.aa-xp__t { margin: 0 0 2px !important; font-size: 18px !important; line-height: 1.35 !important; color: var(--color-heading); }
.aa-xp__where { margin: 0 0 12px !important; font-size: 13.5px; color: var(--color-body); }
.aa-xp__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.aa-xp__list li { position: relative; margin: 0; padding-inline-start: 16px; font-size: 14px; line-height: 1.55; color: var(--color-body); }
.aa-xp__list li::before { content: "" !important; position: absolute; inset-inline-start: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--aa-accent); }
.aa-xp__edu { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 18px 0 0 !important; font-size: 14.5px; color: var(--color-heading); }
.aa-xp__edu span { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--aa-accent); }
[dir="rtl"] .aa-xp__edu span { letter-spacing: 0; font-size: 13px; }
@media (max-width: 991px) {
  .aa-xp__line { grid-template-columns: 1fr; padding: 0; padding-inline-start: 30px; gap: 12px; }
  .aa-xp__line::before { top: 10px; bottom: 10px; height: auto; width: 2px; inset-inline-start: 6px; inset-inline-end: auto;
    background: linear-gradient(to bottom, rgb(var(--aa-l-blue)), rgba(var(--aa-l-wine), .7) 60%, color-mix(in srgb, var(--aa-line) 100%, transparent)); }
  [dir="rtl"] .aa-xp__line::before { background: linear-gradient(to bottom, rgb(var(--aa-l-blue)), rgba(var(--aa-l-wine), .7) 60%, color-mix(in srgb, var(--aa-line) 100%, transparent)); }
  .aa-xp__dot { top: 22px; inset-inline-start: -30px; }
  .aa-xp__role { padding: 16px 18px; }
}

/* About: three short points beside the diagram -------------------------- */
.aa-pf-pts { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; align-content: center; }
.aa-pf-pts li { display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 18px; border-radius: 16px;
  border: 1px solid var(--aa-line); background: var(--aa-surface); }
.aa-pf-pts li::before { content: none !important; }
.aa-pf-pts__ico { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: var(--aa-accent);
  background: color-mix(in srgb, var(--aa-accent) 12%, transparent); }
.aa-pf-pts__ico svg { width: 20px; height: 20px; }
.aa-pf-pts p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--color-heading); }

/* About: "What I can own" tabs ------------------------------------------ */
.aa-own { margin: 0; padding: 10px; border-radius: 22px; border: 1px solid var(--aa-line); background: var(--aa-surface); }
.aa-own__tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0 0 6px; padding: 0; list-style: none; }
.aa-own__tabs li { margin: 0; }
.aa-own__tabs li::before { content: none !important; }
.aa-own__tabs button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 54px; padding: 10px 14px; border: 1px solid transparent;
  border-radius: 14px; background: transparent; color: var(--color-body); font: inherit; font-size: 15px; font-weight: 600; text-align: start; cursor: pointer;
  transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s; }
.aa-own__tabs button span { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 10px; color: var(--aa-accent);
  background: color-mix(in srgb, var(--aa-accent) 12%, transparent); }
.aa-own__tabs button span svg { width: 18px; height: 18px; }
.aa-own__tabs button:hover { color: var(--color-heading); background: color-mix(in srgb, var(--color-heading) 5%, transparent); }
.aa-own__tabs button[aria-selected="true"] { color: var(--color-heading); border-color: color-mix(in srgb, var(--aa-accent) 45%, transparent);
  background: color-mix(in srgb, var(--aa-accent) 10%, transparent); box-shadow: 0 10px 26px -18px rgba(var(--aa-l-blue), .9); }
.aa-own__tabs button:focus-visible { outline: 2px solid var(--aa-accent); outline-offset: 2px; }
.aa-own__panel { padding: 20px 16px 16px; }
.aa-own__h { margin: 0 0 6px !important; font-size: 18px !important; color: var(--color-heading); }
.aa-own.is-tabs .aa-own__h { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aa-own.is-tabs .aa-own__panel[hidden] { display: none; }
.aa-own.is-tabs .aa-own__panel { animation: aa-own-in .35s ease; }
@keyframes aa-own-in { from { opacity: 0; transform: translateY(6px); } }
.aa-own__sum { margin: 0 0 14px !important; max-width: 70ch; font-size: 16px; line-height: 1.6; color: var(--color-heading); }
.aa-own__list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 22px; }
.aa-own__list li { position: relative; margin: 0; padding-inline-start: 22px; font-size: 14.5px; line-height: 1.55; color: var(--color-body); }
.aa-own__list li::before { content: "" !important; position: absolute; inset-inline-start: 0; top: .35em; width: 12px; height: 7px;
  border: solid var(--aa-accent); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.aa-own__foot { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 18px 0 0; }
.aa-own__tools h3 { margin: 0 0 8px !important; font-size: 13px !important; letter-spacing: .08em; text-transform: uppercase; color: var(--color-body); }
[dir="rtl"] .aa-own__tools h3 { letter-spacing: 0; font-size: 14px !important; }
.aa-own__tools ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.aa-own__tools li { margin: 0; padding: 4px 11px; border-radius: 999px; border: 1px solid var(--aa-line); font-size: 12.5px; color: var(--color-body); }
.aa-own__tools li::before { content: none !important; }
.aa-own__process { display: inline-flex; gap: 8px; align-items: center; }
[dir="rtl"] .aa-own__process svg { transform: scaleX(-1); }
@media (max-width: 991px) { .aa-own__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .aa-own { padding: 8px; }
  .aa-own__tabs button { min-height: 48px; padding: 8px 10px; font-size: 14px; gap: 8px; }
  .aa-own__tabs button span { width: 30px; height: 30px; }
  .aa-own__list { grid-template-columns: 1fr; }
  .aa-own__panel { padding: 16px 10px 12px; }
}

/* About: the project section is one spotlight now ------------------------ */
.aa-pf-proj__grid { grid-template-columns: 1fr !important; }
.aa-pf-spot__all { display: inline-flex; gap: 8px; align-items: center; margin-inline-start: 6px; }
[dir="rtl"] .aa-pf-spot__all svg { transform: scaleX(-1); }

/* ---------------------------------------------------- reduced motion -- */
/* Arabic: the same pixel size reads smaller in Arabic script, so the new components
   step up one notch in RTL; English sizes are unchanged. */
[dir="rtl"] .aa-own__tabs button { font-size: 16px; }
[dir="rtl"] .aa-own__sum { font-size: 17px; }
[dir="rtl"] .aa-own__list li, [dir="rtl"] .aa-pf-pts p { font-size: 15.5px; line-height: 1.7; }
[dir="rtl"] .aa-own__tools ul { justify-content: flex-end; }
[dir="rtl"] .aa-wsvc__d, [dir="rtl"] .aa-svc4__d { font-size: 15.5px; line-height: 1.7; }
[dir="rtl"] .aa-wsvc__list li, [dir="rtl"] .aa-wsvc__more li, [dir="rtl"] .aa-wsvc__more summary { font-size: 15px; }
[dir="rtl"] .aa-steps6__v { font-size: 14.5px; line-height: 1.7; }
[dir="rtl"] .aa-steps6__o { font-size: 14px; }
[dir="rtl"] .aa-subnav a { font-size: 15px; }
[dir="rtl"] .aa-xp__list li { font-size: 15px; line-height: 1.7; }
[dir="rtl"] .aa-xp__where { font-size: 14.5px; }
@media (max-width: 400px) { [dir="rtl"] .aa-subnav a { font-size: 14px; } }

@media (prefers-reduced-motion: reduce) {
  .aa-light, .aa-edge { display: none !important; }
  .aa-svc4__item, .aa-wsvc__item, .aa-steps6__s, .aa-own__tabs button, .aa-subnav a, .aa-xp__role { transition: none !important; }
  .aa-svc4__item:hover, .aa-wsvc__item:hover, .aa-steps6__s:hover, .aa-xp__role:hover,
  .aa-btn--primary:hover, .aa-btn-solid:hover, .aa-sc__cta--demo:hover { transform: none !important; }
  .aa-own.is-tabs .aa-own__panel, .aa-subnav.is-fixed { animation: none !important; }
}
@media print { .aa-light, .aa-ambient, .aa-edge, .aa-subnav { display: none !important; } }