/*
 * Apex United Pro — design layer for every page.
 * Sits on top of assets/site.css (layout of the stored pages) and the Apex plugins' styles.
 * Selectors start with body.aup so they win over plugin defaults without !important.
 */
@font-face{font-family:"AH Manrope";src:url(../fonts/manrope-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}

:root{
  --aup-accent:#c8834a;
  --aup-accent-deep:#8a4f2d;
  --aup-accent-soft:#e2b48a;
  --aup-ink:#151514;
  --aup-ink-2:#1b1917;
  --aup-paper:#f5f1eb;
  --aup-paper-2:#ebe4da;
  --aup-muted:#5d5853;
  --aup-line:#d9d1c6;
  --aup-radius:18px;
  --aup-radius-sm:12px;
  --aup-ease:cubic-bezier(.22,1,.36,1);
  --aup-shadow:0 1px 2px rgba(23,20,17,.06),0 12px 32px -12px rgba(23,20,17,.18);
}

/* ---------- Typography ---------- */
body.aup{font-family:"AH Manrope",Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[lang=ar] body.aup{font-family:"Cairo",Tahoma,Arial,sans-serif}
body.aup h1,body.aup h2{font-weight:700;letter-spacing:-.035em}
body.aup h3{font-weight:700;letter-spacing:-.015em}
html[lang=ar] body.aup h1,html[lang=ar] body.aup h2,html[lang=ar] body.aup h3{letter-spacing:0}
body.aup main p{text-wrap:pretty}
body.aup ::selection{background:var(--aup-accent);color:#120c08}

/* ---------- Buttons & links ---------- */
body.aup .button{border-radius:999px;gap:12px;min-height:52px;padding:14px 26px;font-weight:700;letter-spacing:0;border-color:var(--aup-accent);background:var(--aup-accent);color:#120c08;transition:background-color .25s var(--aup-ease),border-color .25s var(--aup-ease),color .25s var(--aup-ease),transform .25s var(--aup-ease),box-shadow .25s var(--aup-ease)}
body.aup .button:hover{background:var(--aup-accent-soft);border-color:var(--aup-accent-soft);transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(200,131,74,.7)}
body.aup .button:active{transform:translateY(0)}
body.aup .button.outline,body.aup .button.secondary{background:transparent;color:inherit;border-color:currentColor;font-weight:600}
body.aup .button.outline:hover,body.aup .button.secondary:hover{background:rgba(200,131,74,.12);border-color:var(--aup-accent);box-shadow:none}
body.aup .text-link,body.aup .in-link,body.aup .ip-link,body.aup .cs-link{text-underline-offset:4px;transition:color .2s,border-color .2s}
body.aup .text-link:hover,body.aup .in-link:hover,body.aup .ip-link:hover,body.aup .cs-link:hover{color:var(--aup-accent-deep);border-color:var(--aup-accent)}
body.aup .dark .text-link:hover,body.aup .dark .in-link:hover{color:var(--aup-accent-soft)}
html[dir=rtl] body.aup .button svg,html[dir=rtl] body.aup .text-link svg{transform:scaleX(-1)}
html[dir=rtl] body.aup .button:hover svg{transform:scaleX(-1) translateX(3px)}
body.aup a:focus-visible,body.aup button:focus-visible,body.aup summary:focus-visible,body.aup input:focus-visible,body.aup select:focus-visible,body.aup textarea:focus-visible{outline:2px solid var(--aup-accent);outline-offset:3px}

/* ---------- Header & footer (markup comes from the stored pages / navigation plugin) ---------- */
body.aup .site-header .header-links a{position:relative;transition:color .2s}
body.aup .site-header .header-links a::after{content:"";position:absolute;inset-inline:0;bottom:4px;height:2px;background:var(--aup-accent);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--aup-ease)}
body.aup .site-header .header-links a:hover::after,body.aup .site-header .header-links a[aria-current=page]::after{transform:scaleX(1)}
body.aup .site-header .header-links a[aria-current=page]{border-bottom:0}
body.aup .site-header .button,body.aup .site-header .language-link{border-radius:999px}
body.aup .language-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(245,241,235,.22);transition:border-color .2s}
body.aup .language-link:hover{border-color:var(--aup-accent)}
body.aup .site-footer a{transition:color .2s}
body.aup .site-footer a:hover{color:var(--aup-accent-soft)}

/* ---------- Page heroes & sections ---------- */
body.aup .inner-hero h1,body.aup .audit-hero h1,body.aup .in-hub-hero h1,body.aup .cs-index-hero h1{font-size:clamp(42px,5.4vw,76px);line-height:1.02}
body.aup .breadcrumb{font-size:14px;opacity:.8}
body.aup .breadcrumb a{text-decoration:underline;text-underline-offset:3px}
body.aup .eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--aup-accent-deep)}
body.aup .dark .eyebrow{color:var(--aup-accent)}
html[lang=ar] body.aup .eyebrow{letter-spacing:0;text-transform:none}
body.aup .section{scroll-margin-top:24px}
body.aup .process-item,body.aup .service-row{transition:background-color .3s var(--aup-ease)}
body.aup .service-row:hover{background:rgba(200,131,74,.06)}
body.aup .number{color:var(--aup-accent-deep);font-weight:700}
body.aup .dark .number{color:var(--aup-accent)}

/* ---------- Media ---------- */
body.aup .anr-photo,body.aup .anr-photo-image,body.aup .wide-art img,body.aup .cs-story-visual img,body.aup .cs-evidence-image img,body.aup .cs-hero-thumbnail img,body.aup .cs-video video{border-radius:var(--aup-radius)}
body.aup .anr-photo{overflow:hidden}

/* ---------- Forms (contact form and every Apex tool) ---------- */
body.aup main input[type=text],body.aup main input[type=email],body.aup main input[type=url],body.aup main input[type=tel],body.aup main input[type=number],body.aup main select,body.aup main textarea{
  min-height:50px;padding:12px 14px;border:1px solid var(--aup-line);border-radius:var(--aup-radius-sm);background:#fff;color:#171717;font-size:16px;line-height:1.4;
  transition:border-color .2s var(--aup-ease),box-shadow .2s var(--aup-ease);appearance:none;-webkit-appearance:none
}
body.aup main select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d5853' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 14px center;padding-inline-end:42px}
html[dir=rtl] body.aup main select{background-position:left 14px center}
body.aup main textarea{min-height:140px;resize:vertical}
body.aup main input:hover,body.aup main select:hover,body.aup main textarea:hover{border-color:#b9ada0}
body.aup main input:focus,body.aup main select:focus,body.aup main textarea:focus{border-color:var(--aup-accent);box-shadow:0 0 0 4px rgba(200,131,74,.18);outline:none}
body.aup main input::placeholder,body.aup main textarea::placeholder{color:#8a837b}
body.aup main input[type=checkbox],body.aup main input[type=radio]{width:20px;height:20px;accent-color:var(--aup-accent);flex:none}
body.aup main label{font-weight:600}
body.aup main button[type=submit],body.aup main .form-submit button,body.aup main .audit-submit button{border-radius:999px;min-height:52px;font-weight:700;transition:background-color .25s var(--aup-ease),transform .25s var(--aup-ease)}
body.aup main button[type=submit]:hover{transform:translateY(-1px)}
body.aup main [aria-invalid=true]{border-color:#b3261e}

/* Tool cards: growth audit, ROI calculator, service quiz, newsletter, consultation, contact */
body.aup .apex-lm-tool,body.aup .audit-form,body.aup .contact-form,body.aup .lm-public-form{border-radius:var(--aup-radius);box-shadow:var(--aup-shadow)}
body.aup .apex-lm-tool,body.aup .lm-public-form{border:1px solid var(--aup-line)}
body.aup .lm-scenario,body.aup .audit-score,body.aup .audit-strategic-panel{border-radius:var(--aup-radius)}
body.aup .form-status:not(:empty),body.aup .audit-status:not(:empty){padding:14px 16px;border-radius:var(--aup-radius-sm);background:rgba(200,131,74,.12);border-inline-start:3px solid var(--aup-accent)}
body.aup .lm-check,body.aup .audit-consent label,body.aup .apex-lm-consent label{display:flex;gap:12px;align-items:flex-start;font-weight:400}

/* Growth audit hero: its copy inherited dark ink on a dark background */
body.aup .apex-audit .audit-hero .audit-copy h1,body.aup .apex-audit .audit-hero .audit-copy h2,body.aup .apex-audit .audit-hero .audit-copy h3{color:var(--aup-paper)}
body.aup .apex-audit .audit-hero .audit-copy p{color:#d4cec7}

/* ---------- FAQ / accordions ---------- */
body.aup main details summary{cursor:pointer}
body.aup main details[open]>summary{color:var(--aup-accent-deep)}
body.aup .dark details[open]>summary{color:var(--aup-accent-soft)}

/* ---------- Case studies, insights, industries ---------- */
body.aup .cs-filters button,body.aup .in-filter button,body.aup .cs-reset,body.aup .in-reset{border-radius:999px}
body.aup .cs-story,body.aup .in-guide-row{transition:transform .35s var(--aup-ease)}
body.aup .cs-story:hover{transform:translateY(-3px)}

/* ---------- AI assistant launcher: keep clear of page CTAs ---------- */
body.aup .apex-ai button,body.aup .apex-ai-launcher{border-radius:999px}

/* ---------- Scroll reveals (pro.js adds .aup-rv only to content below the fold) ---------- */
body.aup .aup-rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--aup-ease),transform .9s var(--aup-ease);transition-delay:var(--aup-d,0s)}
body.aup .aup-rv.aup-in{opacity:1;transform:none}
body.aup .anr-photo.aup-rv img,body.aup .anr-photo.aup-rv .anr-photo-image{transform:scale(1.08);transition:transform 1.4s var(--aup-ease)}
body.aup .anr-photo.aup-rv.aup-in img,body.aup .anr-photo.aup-rv.aup-in .anr-photo-image{transform:none}
body.aup .anr-photo img,body.aup .wide-art img{transition:transform .9s var(--aup-ease)}
body.aup .anr-photo:hover img,body.aup .wide-art:hover img{transform:scale(1.03)}
body.aup .wide-art{overflow:hidden;border-radius:var(--aup-radius)}

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  body.aup *,body.aup *::before,body.aup *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}