/* /services — OOXME Service Atlas. Page content only; the shared Master Panel lives in main.css/header.css. */
body.s-page--services { --brand-ink:#fff; --brand-contrast:#111; --brand-muted:rgba(255,255,255,.62); --brand-faint:rgba(255,255,255,.1); --brand-surface:rgba(255,255,255,.1); --brand-surface-strong:rgba(255,255,255,.15); --brand-blue:#0A84FF; --hero-description-bg:#2A2A2A; --hero-description-fg:#fff; }
body.s-page--services .s-page__content { --atlas-content-top:calc(var(--s-x) * 3.5); min-height:100svh; padding-top:var(--atlas-content-top); padding-bottom:var(--s-x); }
.ooxme-services { width:min(100%,1040px); margin:0 auto; direction:inherit; text-align:start; --atlas-size-hero:14px; --atlas-line-hero:16.8px; --atlas-size-button:12px; --atlas-line-button:18px; --atlas-color-hero:var(--brand-blue); --atlas-color-normal:var(--brand-ink); --atlas-color-secondary:var(--brand-muted); --atlas-reference-lead-max-width:610px; --atlas-reference-lead-color:#fff; --atlas-lead-to-content-gap:calc(var(--s-x) * 2); --accordion-content-gap:var(--s-x); }
.ooxme-services__noscript { padding:120px 0; color:var(--atlas-color-secondary); text-align:center; }
.ooxme-services input,.ooxme-services select,.ooxme-services textarea { font:inherit; }
.ooxme-services button,.ooxme-services a { -webkit-tap-highlight-color:transparent; }
.ooxme-services :focus-visible { outline:2px solid var(--brand-blue); outline-offset:4px; }
.service-atlas__section { position:relative; display:grid; align-items:center; min-height:max(620px,100svh); padding:clamp(40px,7vw,90px) 0; }
.service-atlas__section + .service-atlas__section { margin-top:clamp(60px,10vw,140px); }
.service-atlas__eyebrow { margin:0 0 10px; color:var(--atlas-color-hero); font-size:var(--atlas-size-hero); font-weight:500; line-height:var(--atlas-line-hero); letter-spacing:.12em; text-transform:uppercase; }
.service-atlas__title { margin:0; color:var(--atlas-color-normal); font-size:var(--atlas-size-hero); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-hero); }
.service-atlas__lead { max-width:610px; margin:18px 0 0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); }
.service-atlas__actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin-top:24px; }
.service-atlas__button { box-sizing:border-box; display:inline-flex; position:relative; inline-size:min(340px,calc(100vw - (var(--s-x) * 2))); block-size:var(--s-x-closed-notice-height); min-block-size:var(--s-x-closed-notice-height); align-items:center; justify-content:center; margin:0; padding:0; border:1px solid var(--s-glass-stroke); border-radius:var(--s-composer-radius); background:var(--brand-surface); color:var(--atlas-color-normal); font-family:OOXMEScript,Arial,sans-serif; font-size:var(--atlas-size-button); font-weight:500; letter-spacing:normal; line-height:1; text-decoration:none; cursor:pointer; box-shadow:0 2px 7px rgba(0,0,0,.045),0 1px 1px rgba(0,0,0,.025); -webkit-backdrop-filter:blur(20px) saturate(120%); backdrop-filter:blur(20px) saturate(120%); transition:background-color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease; }
.service-atlas__button:hover,.service-atlas__button:focus-visible { background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.34); }.service-atlas__button:active { transform:scale(.975); }.service-atlas__button--blue { border-color:var(--s-glass-stroke); background:#0A84FF; color:#fff; }.service-atlas__button--blue:hover,.service-atlas__button--blue:focus-visible { background:rgba(255,255,255,.2); }
.service-atlas__hero { min-height:calc(100dvh - var(--atlas-content-top)); align-content:initial; }.service-atlas__hero-grid { display:grid; grid-template-columns:1fr; align-items:end; gap:clamp(26px,7vw,94px); width:100%; }.service-atlas__hero-copy { position:absolute; inset-inline:0; bottom:calc(var(--s-first-group-bottom-baseline) + var(--s-section-2-bottom-baseline-correction, 0px)); padding-bottom:0; text-align:center; }.service-atlas__hero .service-atlas__price:not(.service-atlas__hero-price) { color:var(--brand-blue); }.service-atlas__hero .service-atlas__actions { justify-content:center; }.service-atlas__hero-title { max-width:680px; margin-inline:auto; font-size:var(--atlas-size-hero); font-weight:500; line-height:var(--atlas-line-hero); }
.service-atlas__hero-mark { position:relative; display:grid; place-items:center; width:min(100%,390px); margin-inline:auto; aspect-ratio:1; justify-self:center; border:1px solid var(--s-glass-stroke); border-radius:min(46px,10vw); overflow:hidden; background:radial-gradient(circle at 70% 20%,rgba(10,132,255,.78),transparent 28%),radial-gradient(circle at 30% 75%,rgba(10,132,255,.4),transparent 30%),var(--brand-surface); box-shadow:inset 0 0 40px rgba(255,255,255,.04); }.service-atlas__hero-mark::before,.service-atlas__hero-mark::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.22); border-radius:50%; }.service-atlas__hero-mark::before { width:63%; aspect-ratio:1; }.service-atlas__hero-mark::after { width:34%; aspect-ratio:1; border-color:rgba(255,255,255,.42); }.service-atlas__hero-mark span { position:relative; z-index:1; color:#fff; font-family:OOXMESFPro,Arial,sans-serif; font-size:clamp(40px,8vw,88px); font-weight:800; letter-spacing:-.12em; transform:translateX(-.06em); }.service-atlas__hero-footnote { max-width:240px; margin:20px auto 0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); text-align:center; }
.service-atlas__scope { grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr); gap:clamp(28px,7vw,104px); }.service-atlas__scope-copy { align-self:start; position:sticky; top:calc(var(--s-x) * 2); text-align:start; }.service-atlas__scope-list { display:grid; }.service-atlas__scope-item { display:grid; grid-template-columns:minmax(0,1fr); gap:0; padding:0; border:0; }.service-atlas__scope-name { margin:0; color:var(--atlas-color-normal); font-size:var(--atlas-size-hero); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-hero); text-align:start; }.service-atlas__scope-description { margin:7px 0 0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); text-align:start; }.service-atlas__scope-points { display:grid; grid-template-columns:1fr; gap:7px; margin:13px 0 0; padding:0; list-style:none; text-align:start; }.service-atlas__scope-points li { padding:6px 9px; border:1px solid var(--brand-faint); border-radius:999px; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); text-align:start; }
.service-atlas__chapter { grid-template-columns:1fr; gap:32px; text-align:center; }.service-atlas__chapter--identity { grid-template-columns:1fr; }.service-atlas__chapter-visual { display:grid; min-height:180px; padding:clamp(22px,4vw,42px); border:1px solid var(--s-glass-stroke); border-radius:min(46px,10vw); background:var(--brand-surface); box-shadow:inset 0 0 60px rgba(255,255,255,.025); }.service-atlas__chapter-visual--creation { align-content:center; background:linear-gradient(145deg,rgba(10,132,255,.3),rgba(255,255,255,.08) 45%,rgba(255,255,255,.04)); }.service-atlas__chapter-visual--identity { align-content:center; background:radial-gradient(circle at 70% 20%,rgba(10,132,255,.55),transparent 34%),var(--brand-surface); }.service-atlas__visual-word { align-self:center; color:var(--atlas-color-hero); font-size:var(--atlas-size-hero); font-weight:500; letter-spacing:.12em; line-height:var(--atlas-line-hero); text-align:center; }.service-atlas__visual-word--arabic { font-family:OOXMEArabic,OOXMETosh,sans-serif; letter-spacing:normal; }.service-atlas__visual-note { display:none; }.service-atlas__chapter > div:last-child { width:min(100%,760px); margin-inline:auto; text-align:center; }.service-atlas__chapter .service-atlas__lead { max-width:620px; margin-inline:auto; text-align:center; }.service-atlas__chapter .service-atlas__price { margin-inline:auto; }.service-atlas__chapter .service-atlas__actions { justify-content:center; }.service-atlas__deliverables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; width:min(100%,760px); margin:28px auto 0; padding:0; list-style:none; text-align:start; }.service-atlas__deliverables li { position:relative; padding:10px 0 10px 22px; border-top:1px solid var(--brand-faint); color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); }.service-atlas__deliverables li::before { position:absolute; top:10px; left:0; color:var(--brand-blue); content:"✓"; font-family:OOXMESFPro,Arial,sans-serif; font-size:12px; font-weight:700; line-height:18px; }.service-atlas__deliverables li:nth-last-child(-n+2) { border-bottom:1px solid var(--brand-faint); }
.service-atlas__small { min-height:auto; padding:clamp(48px,9vw,100px) 0; text-align:center; }.service-atlas__small-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.62fr); gap:28px; align-items:end; margin-bottom:24px; }.service-atlas__small-list { border-top:0; }.service-atlas__small-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 18px; align-items:baseline; min-height:0; padding:18px 0; border-bottom:0; }.service-atlas__small-name { margin:0; color:var(--atlas-color-normal); font-size:var(--atlas-size-hero); font-weight:500; line-height:var(--atlas-line-hero); letter-spacing:normal; }.service-atlas__small-detail { grid-column:1 / -1; grid-row:2; width:100%; box-sizing:border-box; margin:0; padding:0; border:0; border-radius:0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); text-align:start; }.service-atlas__small-price,.service-atlas__chapter-price { color:var(--brand-blue); font-family:OOXMEEnglish,OOXMEScript,Arial,sans-serif; font-size:var(--atlas-size-button); font-weight:600; line-height:var(--atlas-line-button); white-space:nowrap; direction:ltr; unicode-bidi:isolate; }
.service-atlas__technical { grid-template-columns:minmax(0,.86fr) minmax(300px,1.14fr); gap:clamp(30px,8vw,120px); text-align:center; }.service-atlas__technical-list { display:grid; gap:var(--space-gap-standard,18px); }.service-atlas__technical-item { display:flex; flex-direction:column; align-items:center; gap:12px; padding:22px; border:1px solid var(--s-glass-stroke); border-radius:24px; background:var(--brand-surface); }.service-atlas__technical-name { margin:0; color:var(--atlas-color-normal); font-size:var(--atlas-size-hero); font-weight:500; line-height:var(--atlas-line-hero); letter-spacing:normal; text-align:center; }.service-atlas__technical-price { color:var(--brand-blue); font-family:OOXMESFPro,Arial,sans-serif; font-size:var(--atlas-size-button); font-weight:600; line-height:var(--atlas-line-button); text-align:center; direction:ltr; unicode-bidi:isolate; }.service-atlas__technical-description { width:100%; margin:0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); text-align:center; }.service-atlas__technical-note { margin:16px 0 0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); text-align:center; }
.service-atlas__partners { min-height:auto; padding:clamp(50px,10vw,115px) 0; }.service-atlas__partner-surface { padding:clamp(24px,5vw,56px); border:1px solid var(--s-glass-stroke); border-radius:min(46px,10vw); background:var(--brand-surface); }.service-atlas__partner-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; }.service-atlas__partner-head > div { min-width:0; text-align:start; }.service-atlas__partner-head > .service-atlas__price { margin:0; justify-self:end; }.service-atlas__partner-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:34px; }.service-atlas__partner-item { display:flex; flex-direction:column; min-height:144px; padding:16px; border:1px solid var(--brand-faint); border-radius:18px; background:rgba(0,0,0,.08); }.service-atlas__partner-item h3 { margin:0; color:var(--atlas-color-normal); font-size:var(--atlas-size-hero); font-weight:500; line-height:var(--atlas-line-hero); }.service-atlas__partner-item p { margin:10px 0 0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); }.service-atlas__partner-actions { display:flex; width:100%; margin-top:auto; padding-top:16px; justify-content:center; }.service-atlas__partner-request { width:100%; max-width:220px; }.service-atlas__coming-soon { margin:20px 0 0; color:var(--atlas-color-secondary); font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); text-align:center; }
.service-atlas__gallery { min-height:620px; text-align:center; }.service-atlas__gallery-wrap { min-width:0; width:min(100%,690px); margin:auto; }.service-atlas__gallery .service-atlas__title { color:var(--brand-blue); }.service-atlas__gallery .service-atlas__gallery-lead { grid-column:auto; grid-row:auto; width:min(100%,var(--atlas-action-width)); margin:var(--s-x) auto 0; text-align:center; }
.service-atlas__request { min-height:auto; }.service-atlas__request-wrap { display:grid; grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr); gap:clamp(30px,8vw,120px); width:100%; }.service-atlas__request-intro { text-align:center; }.service-atlas__request-intro .service-atlas__title { color:var(--brand-blue); }.service-atlas__request-intro .service-atlas__small-detail { width:min(100%,var(--atlas-action-width)); max-width:var(--atlas-action-width); margin:var(--s-x) auto 0; text-align:center; }.service-atlas__request-form { --request-form-text-size:var(--atlas-size-button); display:grid; width:100%; min-width:0; justify-self:center; grid-template-columns:minmax(0,1fr); gap:0; padding:var(--s-x); border:1px solid var(--s-glass-stroke); border-radius:min(36px,8vw); background:var(--brand-surface); font-size:var(--request-form-text-size); }.service-atlas__request-form :is(label,input,select,textarea,button,p) { font-size:var(--request-form-text-size); }.service-atlas__field { display:grid; gap:calc(var(--s-x) * .35); }.service-atlas__field + .service-atlas__field { margin-top:calc(var(--s-x) * .5); }.service-atlas__field label { color:var(--atlas-color-secondary); font-size:var(--request-form-text-size); font-weight:500; line-height:var(--atlas-line-button); }.service-atlas__field :is(input,select,textarea) { width:100%; min-height:42px; padding:10px 12px; border:1px solid var(--brand-faint); border-radius:13px; outline:0; background:rgba(0,0,0,.12); color:var(--atlas-color-normal); font-size:var(--request-form-text-size); font-weight:500; line-height:var(--atlas-line-button); }.service-atlas__field textarea { min-height:90px; resize:vertical; }.service-atlas__field option { background:#111; color:#fff; }.service-atlas__form-status { min-height:0; margin:0; color:var(--brand-blue); font-size:var(--request-form-text-size); line-height:var(--atlas-line-button); }.service-atlas__contact-links { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--s-x); margin-top:var(--atlas-lead-to-content-gap); }.service-atlas__contact-button { box-sizing:border-box; display:inline-flex; min-height:var(--s-x-closed-notice-height); align-items:center; justify-content:center; padding:0 16px; border:1px solid var(--s-glass-stroke); border-radius:var(--s-composer-radius); background:var(--brand-surface); color:var(--atlas-color-normal); font-size:var(--atlas-size-button); font-weight:500; line-height:1; text-decoration:none; transition:background-color .18s ease,border-color .18s ease,transform .18s ease; }.service-atlas__contact-button:hover,.service-atlas__contact-button:focus-visible { background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.34); }.service-atlas__contact-button:active { transform:scale(.975); }
html.s-route.is-day-mode body.s-page--services { --brand-ink:#111; --brand-contrast:#fff; --brand-muted:rgba(17,17,17,.61); --brand-faint:rgba(17,17,17,.12); --brand-surface:rgba(255,255,255,.54); --brand-surface-strong:rgba(255,255,255,.78); --hero-description-bg:#F1F2F3; --hero-description-fg:#111; }html.s-route.is-day-mode .ooxme-services { --atlas-reference-lead-color:var(--atlas-color-secondary); }html.s-route.is-day-mode .service-atlas__hero-mark { background:radial-gradient(circle at 70% 20%,rgba(10,132,255,.76),transparent 28%),radial-gradient(circle at 30% 75%,rgba(10,132,255,.32),transparent 30%),rgba(10,132,255,.11); }html.s-route.is-day-mode .service-atlas__hero-mark::before,html.s-route.is-day-mode .service-atlas__hero-mark::after { border-color:rgba(17,17,17,.22); }html.s-route.is-day-mode .service-atlas__hero-mark span { color:#fff; }html.s-route.is-day-mode .service-atlas__price { color:var(--atlas-color-normal); }html.s-route.is-day-mode .service-atlas__hero .service-atlas__price { color:var(--brand-blue); }html.s-route.is-day-mode .service-atlas__hero .service-atlas__hero-price { color:#fff; }html.s-route.is-day-mode .service-atlas__field :is(input,select,textarea) { background:rgba(255,255,255,.62); color:#111; }html.s-route.is-day-mode .service-atlas__partner-item { background:rgba(255,255,255,.25); }
.service-atlas__partner-item h3 { font-weight:500; line-height:var(--atlas-line-hero); }.service-atlas__partner-item p,.service-atlas__coming-soon { font-size:var(--atlas-size-button); font-weight:500; line-height:var(--atlas-line-button); }.service-atlas__technical-price,.service-atlas__small-price,.service-atlas__visual-note { font-family:OOXMEEnglish,OOXMEScript,Arial,sans-serif; direction:ltr; }
/* /space FAQ pattern, scoped to Service Atlas detail disclosures. */
.service-atlas__scope-copy { width:100%; max-width:none; grid-column:1 / -1; position:static; text-align:center; }.service-atlas__scope-copy :is(.service-atlas__title,.service-atlas__lead,.service-atlas__price) { margin-inline:auto; text-align:center; }.service-atlas__scope-list { grid-column:1 / -1; }
.service-atlas__chapter-visual { width:min(100%,760px); min-height:0; margin-inline:auto; align-content:start; gap:32px; }.service-atlas__chapter-content { width:100%; text-align:center; }.service-atlas__chapter-content .service-atlas__lead { max-width:620px; margin-inline:auto; text-align:center; }.service-atlas__chapter-content .service-atlas__actions { justify-content:center; margin-top:16px; transform:translateY(var(--chapter-footer-shift,0px)); }.service-atlas__chapter-content > .service-atlas__chapter-price { transform:translateY(var(--chapter-footer-shift,0px)); }
.service-atlas__deliverables li { padding-left:0; padding-inline-start:22px; }.service-atlas__deliverables li::before { left:auto; inset-inline-start:0; }
.service-atlas__accordion-question { display:flex; width:100%; margin:0; padding:10px 0; align-items:center; justify-content:space-between; gap:var(--space-gap-standard,18px); border:0; background:transparent; color:inherit; cursor:pointer; direction:inherit; text-align:start; font:inherit; }
.service-atlas__accordion-heading { width:auto; flex:1 1 auto; color:var(--atlas-color-normal); text-align:start; font-size:var(--atlas-size-hero); font-weight:500; line-height:var(--atlas-line-hero); }.service-atlas__accordion-toggle { position:relative; display:grid; width:24px; height:24px; flex:0 0 24px; place-items:center; border-radius:50%; background:#0A84FF; color:#fff; font-size:0; transform:rotate(0deg); transition:transform .22s ease; }.service-atlas__accordion-toggle::before,.service-atlas__accordion-toggle::after { position:absolute; top:50%; left:50%; width:9px; height:1px; border-radius:1px; background:currentColor; content:""; transform:translate(-50%,-50%); }.service-atlas__accordion-toggle::after { transform:translate(-50%,-50%) rotate(90deg); }.service-atlas__accordion-question.is-open .service-atlas__accordion-toggle { transform:rotate(45deg); }
.service-atlas__accordion-answer { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .28s cubic-bezier(.2,.7,.3,1),opacity .2s ease; }.service-atlas__accordion-answer-inner { min-height:0; overflow:hidden; }.service-atlas__accordion-answer p { margin:0; padding-bottom:12px; text-align:start; }.service-atlas__accordion-question.is-open + .service-atlas__accordion-answer { grid-template-rows:1fr; opacity:1; }

html[lang="en"] .ooxme-services,html[lang="en"] .ooxme-services .service-atlas__button { font-family:OOXMEEnglish,OOXMEScript,Arial,sans-serif; }html[lang="ar"] .ooxme-services { font-family:OOXMEArabic,OOXMETosh,sans-serif; }html[lang="ar"] .ooxme-services .service-atlas__button,html[lang="ar"] .service-atlas__price { font-family:OOXMETosh,OOXMEScript,Arial,sans-serif; }html[lang="ar"] .service-atlas__eyebrow { letter-spacing:0; text-transform:none; }html[dir="rtl"] .service-atlas__hero-mark span { transform:none; }
html[lang="en"] .ooxme-services :is(.service-atlas__hero .service-atlas__lead,.service-atlas__hero-footnote,.service-atlas__scope-description,.service-atlas__scope-points li) { font-family:OOXMEEnglish,OOXMEScript,Arial,sans-serif; font-size:var(--atlas-size-button); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-button); }html[lang="ar"] .ooxme-services :is(.service-atlas__hero .service-atlas__lead,.service-atlas__hero-footnote,.service-atlas__scope-description,.service-atlas__scope-points li) { font-family:OOXMETosh,OOXMEScript,Arial,sans-serif; font-size:var(--atlas-size-button); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-button); }
html[lang="ar"] .service-atlas__price { direction:ltr; }html[lang="ar"] :is(.service-atlas__technical-price,.service-atlas__small-price,.service-atlas__chapter-price,.service-atlas__visual-note) { font-family:OOXMETosh,OOXMEScript,Arial,sans-serif; direction:ltr; }
html[lang="en"] .ooxme-services :is(.service-atlas__chapter .service-atlas__lead,.service-atlas__deliverables li,.service-atlas__small-detail,.service-atlas__technical-description,.service-atlas__partner-item p) { font-family:OOXMEEnglish,OOXMEScript,Arial,sans-serif; font-size:var(--atlas-size-button); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-button); }html[lang="ar"] .ooxme-services :is(.service-atlas__chapter .service-atlas__lead,.service-atlas__deliverables li,.service-atlas__small-detail,.service-atlas__technical-description,.service-atlas__partner-item p) { font-family:OOXMETosh,OOXMEScript,Arial,sans-serif; font-size:var(--atlas-size-button); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-button); }.service-atlas__small-detail { padding:0; border:0; border-radius:0; background:transparent; }
.service-atlas__hero-mark,.service-atlas__chapter-visual,.service-atlas__partner-surface { background:var(--brand-surface); }.service-atlas__hero-mark::before,.service-atlas__hero-mark::after { display:none; }.service-atlas__chapter .service-atlas__actions { width:100%; }.service-atlas__chapter .service-atlas__button { inline-size:100%; max-inline-size:none; }
@media (max-width:820px) {.service-atlas__hero-grid,.service-atlas__scope,.service-atlas__chapter,.service-atlas__chapter--identity,.service-atlas__technical,.service-atlas__request-wrap,.service-atlas__small-head { grid-template-columns:1fr; }.service-atlas__hero { padding-top:20px; }.service-atlas__hero-copy { padding-bottom:0; }.service-atlas__hero-mark { width:min(78vw,340px); justify-self:center; }.service-atlas__hero-footnote { margin-inline:auto; text-align:center; }.service-atlas__scope-copy { position:static; }.service-atlas__partner-head { align-items:start; }.service-atlas__partner-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.service-atlas__request { min-height:auto; }}

/* Keep every text-bearing element in the request card on the approved button size. */
.service-atlas__request-form :is(label,input,select,textarea,button,p),.service-atlas__request-form :is(input,select,textarea)::placeholder { font-size:var(--request-form-text-size); }
.service-atlas__request-form > .service-atlas__button { inline-size:min(100%,var(--atlas-action-width)); max-inline-size:var(--atlas-action-width); justify-self:center; }
.service-atlas__request-form > .service-atlas__field:last-of-type { margin-bottom:var(--s-x); }
.service-atlas__request-form > .service-atlas__button + .service-atlas__form-note { margin-top:var(--s-x); margin-bottom:0; font-size:var(--request-form-text-size); line-height:var(--atlas-line-button); text-align:center; }

/* Brand Management keeps the control box fixed; only the plus mark changes to a minus. */
.service-atlas__scope-item .service-atlas__accordion-toggle,
.service-atlas__scope-item .service-atlas__accordion-question.is-open .service-atlas__accordion-toggle { transform:none; }
.service-atlas__scope-item .service-atlas__accordion-question.is-open .service-atlas__accordion-toggle::after { opacity:0; }
@media (max-width:560px) {body.s-page--services .s-page__content { --atlas-content-top:calc(var(--s-x) * 3); padding-top:var(--atlas-content-top); }.service-atlas__section { min-height:auto; padding:74px 0; }.service-atlas__hero { min-height:calc(100dvh - var(--atlas-content-top)); }.service-atlas__section + .service-atlas__section { margin-top:14px; }.service-atlas__chapter-visual { min-height:180px; }.service-atlas__deliverables { grid-template-columns:1fr; }.service-atlas__deliverables li:nth-last-child(-n+2) { border-bottom:0; }.service-atlas__deliverables li:last-child { border-bottom:1px solid var(--brand-faint); }.service-atlas__small-item { grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; padding:16px 0; }.service-atlas__technical-item { grid-template-columns:1fr; }.service-atlas__technical-price { text-align:center; }.service-atlas__partner-head { display:block; }.service-atlas__partner-head .service-atlas__price { margin-top:15px; }.service-atlas__partner-list { grid-template-columns:1fr; }.service-atlas__partner-item { min-height:0; }}

/* Chapter-only checklist rules: preserve the blue marks while making the item copy primary text. */
.service-atlas__chapter .service-atlas__deliverables li { color:var(--atlas-color-normal); }
.service-atlas__chapter .service-atlas__deliverables li:first-child { border-top:0; }
.service-atlas__chapter .service-atlas__deliverables li:nth-last-child(-n+2),
.service-atlas__chapter .service-atlas__deliverables li:last-child { border-bottom:0; }
.service-atlas__chapter .service-atlas__deliverable-slot { visibility:hidden; pointer-events:none; }

/* Scope dividers follow the shared content wrapper, including the toggle edge. */
.service-atlas__scope-item > div { padding-block:12px; border:0; }
.service-atlas__scope-item + .service-atlas__scope-item > div { border-top:1px solid var(--brand-faint); }
.service-atlas__scope-item .service-atlas__accordion-answer p { padding-bottom:0; }
.service-atlas__scope-item.is-open > div { padding-bottom:var(--accordion-content-gap); }
.service-atlas__scope-item.is-open .service-atlas__accordion-question + .service-atlas__accordion-answer { margin-top:var(--accordion-content-gap); }

.service-atlas__chapter-carousel { --chapter-card-width:calc(var(--atlas-viewport-width,100vw) - (var(--s-x) * 4)); position:relative; left:auto; width:var(--atlas-viewport-width,100%); max-width:none; margin-left:0; margin-right:0; transform:translateX(var(--atlas-viewport-shift,0px)); overflow:hidden; direction:ltr; user-select:none; -webkit-user-select:none; touch-action:pan-y; }
.service-atlas__chapter-track { display:flex; align-items:flex-start; gap:var(--s-x); width:max-content; transition:transform .42s cubic-bezier(.2,.7,.3,1); will-change:transform; direction:ltr; touch-action:pan-y; }
.service-atlas__chapter-track > .service-atlas__chapter { flex:0 0 var(--chapter-card-width); width:var(--chapter-card-width); margin:0; opacity:var(--chapter-card-opacity,1); transition:opacity .42s cubic-bezier(.2,.7,.3,1); }
.service-atlas__chapter-track.is-dragging { transition:none; cursor:grabbing; }.service-atlas__chapter-track.is-dragging > .service-atlas__chapter { transition:none; }
.service-atlas__chapter-carousel .service-atlas__chapter-content > :is(.service-atlas__eyebrow,.service-atlas__title) { font-family:inherit; font-size:var(--atlas-size-hero); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-hero); }
.service-atlas__chapter-carousel .service-atlas__chapter-content > .service-atlas__lead { font-family:inherit; font-size:var(--atlas-size-button); font-weight:500; letter-spacing:normal; line-height:var(--atlas-line-button); }
@media (prefers-reduced-motion:reduce) { .service-atlas__chapter-track { transition:none; } }
@media (max-width:560px) {.service-atlas__contact-links { flex-direction:column; align-items:stretch; }.service-atlas__contact-button { width:100%; }}


/* Shared action width: the approved service-card button is the reference for all standalone actions. */
.ooxme-services { --atlas-action-width:min(340px,calc(100vw - (var(--s-x) * 2))); }
.service-atlas__hero [data-scroll-to],.service-atlas__gallery .service-atlas__button,.service-atlas__chapter .service-atlas__button,.service-atlas__contact-links .service-atlas__button,.service-atlas__contact-button { inline-size:min(100%,var(--atlas-action-width)); max-inline-size:var(--atlas-action-width); }
.service-atlas__hero .service-atlas__actions,.service-atlas__gallery .service-atlas__actions,.service-atlas__chapter .service-atlas__actions { width:100%; margin-inline:auto; }
.service-atlas__contact-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; justify-items:center; }
.service-atlas__gallery-carousel { --s-gallery-card-size:min(54vw,calc(var(--s-x) * 9),320px); position:relative; left:auto; width:var(--atlas-viewport-width,100%); max-width:none; margin:var(--atlas-lead-to-content-gap) auto 0; margin-left:0; margin-right:0; transform:translateX(var(--atlas-viewport-shift,0px)); overflow:hidden; direction:ltr; user-select:none; }.service-atlas__gallery-viewport { width:100%; max-width:none; overflow:hidden; }.service-atlas__gallery-track { display:flex; align-items:stretch; gap:var(--s-x); width:max-content; direction:ltr; transform:translate3d(0,0,0); will-change:transform; touch-action:pan-y; }.service-atlas__gallery-tile { box-sizing:border-box; flex:0 0 var(--s-gallery-card-size); width:var(--s-gallery-card-size); height:var(--s-gallery-card-size); margin:0; overflow:hidden; border:1px solid var(--s-glass-stroke); border-radius:var(--s-composer-radius); background:var(--brand-surface); cursor:grab; }.service-atlas__gallery-tile img { display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; user-select:none; -webkit-user-drag:none; }.service-atlas__gallery-track.is-dragging,.service-atlas__gallery-track.is-dragging .service-atlas__gallery-tile { cursor:grabbing; }@media (prefers-reduced-motion:reduce) { .service-atlas__gallery-track { transform:none !important; } }@media (max-width:560px) and (orientation:portrait) { .service-atlas__contact-links { grid-template-columns:1fr; } }
.service-atlas__hero-copy > .service-atlas__lead,.service-atlas__scope-item > div,.service-atlas__small-list,.service-atlas__technical > div:first-child,.service-atlas__gallery-wrap > .service-atlas__lead,.service-atlas__request-intro > .service-atlas__lead { width:min(100%,var(--atlas-action-width)); margin-inline:auto; }
.service-atlas__gallery .service-atlas__gallery-lead,.service-atlas__hero-copy > .service-atlas__lead { max-width:var(--atlas-reference-lead-max-width); color:var(--atlas-reference-lead-color); }.service-atlas__request-intro > .service-atlas__small-detail { max-width:var(--atlas-action-width); color:var(--atlas-reference-lead-color); }
.service-atlas__scope-item > div { max-width:var(--atlas-action-width); }
.service-atlas__small-list { width:min(100%,760px); margin-inline:auto; }
.service-atlas__small-list { border-top:0; }
.service-atlas__small-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 18px; align-items:baseline; min-height:0; padding:18px 0; border-bottom:0; }
.service-atlas__small-name { grid-column:1; grid-row:1; text-align:start; }
.service-atlas__small-price { grid-column:2; grid-row:1; margin:0; }
.service-atlas__small-detail { grid-column:1; grid-row:2; padding:0; border:0; border-radius:0; background:transparent; text-align:start; }
@media (max-width:560px) { .service-atlas__small-item { gap:8px 12px; padding:16px 0; } }

/* Small Design Services uses the same content edges and compact spacing as its entries. */
.service-atlas__small-head { width:min(100%,760px); margin-inline:auto; gap:var(--s-x); margin-bottom:var(--s-x); text-align:start; }
.service-atlas__partner-atlas .service-atlas__small-head { grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.service-atlas__partner-atlas .service-atlas__small-head > .service-atlas__price { margin:0; justify-self:end; }
.service-atlas__small-head > div,.service-atlas__small-head > .service-atlas__small-detail { width:100%; min-width:0; text-align:start; }
.service-atlas__small-head > .service-atlas__small-detail { grid-column:auto; grid-row:auto; }
.service-atlas__small-head .service-atlas__title { color:var(--brand-blue); }
.service-atlas__small-head .service-atlas__small-detail { margin-top:0; }
.service-atlas__small-item { --small-grid:24px minmax(0,1fr) var(--small-price-column,auto); --small-row-gap:var(--s-x); }
.service-atlas__small-question,.service-atlas__small-answer-inner { display:grid; grid-template-columns:var(--small-grid); gap:var(--small-row-gap); }
.service-atlas__small-question { width:100%; min-height:34px; padding:0; align-items:center; justify-content:initial; text-align:start; }
.service-atlas__small-item { display:block; padding-block:var(--s-x); }
.service-atlas__small-item.is-open { padding-bottom:0; }
.service-atlas__small-question .service-atlas__small-name { grid-column:2; grid-row:1; min-width:0; }
.service-atlas__small-question .service-atlas__small-price { grid-column:3; grid-row:1; min-width:0; }
.service-atlas__small-price,.service-atlas__chapter-price { min-height:24px; width:max-content; max-width:100%; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; margin:0; padding:3px 10px; border:1px solid rgba(10,132,255,.45); border-radius:999px; background:rgba(10,132,255,.16); color:var(--brand-blue); }.service-atlas__small-question .service-atlas__small-price { justify-self:start; }.service-atlas__chapter-price { margin:20px auto 0; justify-self:center; }
.service-atlas__hero .service-atlas__button[data-scroll-to] { inline-size:max-content; min-inline-size:132px; max-inline-size:100%; padding-inline:14px; border-color:rgba(10,132,255,.45); background:rgba(10,132,255,.16); color:var(--brand-blue); -webkit-backdrop-filter:none; backdrop-filter:none; }
.service-atlas__small-question .service-atlas__small-price :is(.service-atlas__price-number,.service-atlas__price-currency) { color:inherit; }
.service-atlas__small-toggle { grid-column:1; grid-row:1; width:24px; height:24px; }
.service-atlas__small-question .service-atlas__small-toggle { display:grid; place-items:center; border:0; border-radius:0; background:transparent; color:var(--brand-blue); transform:rotate(45deg); transition:transform .22s ease; }
.service-atlas__small-question .service-atlas__small-toggle::before { position:static; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; border-radius:0; background:transparent; content:""; transform:none; }
.service-atlas__small-question .service-atlas__small-toggle::after { content:none; }
.service-atlas__small-question.is-open .service-atlas__small-toggle { background:transparent; transform:rotate(225deg); }
.service-atlas__small-answer { margin-top:0; }
.service-atlas__small-question.is-open + .service-atlas__small-answer { margin-top:var(--accordion-content-gap); }
.service-atlas__small-answer .service-atlas__small-detail { padding-bottom:0; }
.service-atlas__small-detail { grid-column:2; grid-row:1; min-width:0; }
@media (max-width:560px) { .service-atlas__small-item { --small-row-gap:12px; padding-block:var(--s-x); } }
@media (max-width:820px) { .service-atlas__partner-atlas .service-atlas__small-head { grid-template-columns:1fr; }.service-atlas__partner-atlas .service-atlas__small-head > .service-atlas__price { justify-self:start; } }