/* Atlas/Emerald: selected composition with preserved detailed product continuation. */
/* Selected Editorial Studio composition. This is the sole homepage presentation
   sheet; historical home-redesign/polish/depth styles are not loaded. */
@font-face { font-family: "Instrument Sans"; src: url("/_next/static/media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2") format("woff2"); font-style: normal; font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("/_next/static/media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
:root { --ed-paper: #f3f0e9; --ed-ink: #0c0a07; --ed-muted: #5c5449; --ed-rule: #d6d2ca; --ed-oasis: #00d492; --ed-link: #176347; --ed-mint: #9bc8a7; --ed-apricot: #d7ac78; --ed-lilac: #c8b4e8; --ed-blue: #afc9d9; --ed-sans: "Instrument Sans", Arial, sans-serif; --ed-display: "Instrument Serif", Georgia, serif; color-scheme: light; }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; color: var(--ed-ink); background: var(--ed-paper); font: 400 16px/1.65 var(--ed-sans); -webkit-font-smoothing: antialiased; }
h1,h2,h3,p,figure { margin: 0; }
h1,h2,h3 { text-wrap: balance; }
p { color: var(--ed-muted); }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-underline-offset: 5px; text-decoration-thickness: 1px; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; }
button,summary { min-width: 44px; min-height: 44px; }
button { font: inherit; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline: 3px solid var(--ed-link); outline-offset: 4px; }
[hidden] { display: none !important; }
.ed-wrap, .hub-wrap { width: calc(100% - 112px); max-width: 1280px; margin-inline: auto; }
.ed-skip { position: fixed; inset-block-start: 12px; inset-inline-start: 20px; z-index: 20; padding: 9px 18px; background: var(--ed-ink); color: var(--ed-paper); transform: translateY(-180%); }
.ed-skip:focus { transform: none; }
.ed-sample-entries { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; min-width: 0; }
.ed-sample-entry { display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: start; gap: 5px 12px; min-width: 0; padding: 16px 20px; border: 1px solid #39392f; border-radius: 18px; background: #0c0a07; color: #f5f2eb; text-decoration: none; }
.ed-sample-entry--week { background: #fbf8ef; color: var(--ed-ink); border-color: #dcd8ce; }
.ed-sample-entry__label { grid-column: 1/-1; font-size: 11px; font-weight: 600; letter-spacing: .04em; color: #9bc8a7; }
.ed-sample-entry--week .ed-sample-entry__label { color: #176347; }
.ed-sample-entry__icon { grid-column: 1; grid-row: 2/span 2; width: 24px; height: 24px; fill: none; stroke: currentColor; }
.ed-sample-entry strong { grid-column: 2; font-size: 19px; line-height: 1.25; font-weight: 500; }
.ed-sample-entry__description { grid-column: 2; font-size: 13px; line-height: 1.5; color: #dcd8ce; }
.ed-sample-entry--week .ed-sample-entry__description { color: var(--ed-muted); }
.ed-sample-entry__action { grid-column: 2; padding-top: 4px; font-size: 12px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; }
.ed-sample-entry--week .ed-sample-entry__action { border-color: var(--ed-rule); color: var(--ed-link); }
.ed-sample-entry--project:focus-visible { outline-color: #176347; outline-offset: 5px; }
.ed-sample-note { grid-column: 1/-1; margin: 0; font-size: 12px; }
.ed-section, .home-outcome-journeys, .home-product-chapters, .home-toolkit { padding-block: 64px; border-top: 1px solid var(--ed-rule); }
.ed-eyebrow, .home-section-eyebrow { margin-bottom: 16px; color: var(--ed-link); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.ed-section-heading, .home-editorial-heading h2 { font: 400 clamp(42px, 4.3vw, 60px)/1.05 var(--ed-display); letter-spacing: -.035em; }
.home-editorial-heading > p { max-width: 60ch; margin-top: 18px; font-size: 16px; }
#features { padding-top: 48px; }
.ed-product-overview { padding-block: 24px 40px; border-top: 1px solid var(--ed-rule); }
.ed-product-overview .ed-eyebrow { margin-bottom: 14px; }
.home-outcome-list { display: grid; gap: 14px; margin-top: 26px; }
.home-outcome-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; column-gap: 36px; row-gap: 0; border: 1px solid #b8ddc9; border-radius: 14px; background: #dff5e9; box-shadow: 0 4px 14px #0c0a0705; padding: 26px 28px; }
.home-outcome-row h3 { position: relative; padding-inline-start: 82px; font: 400 clamp(30px, 3.3vw, 44px)/1.16 var(--ed-display); letter-spacing: -.035em; }
.home-outcome-row__icon { position: absolute; inset-inline-start: 24px; inset-block-start: 28px; width: 56px; height: 56px; padding: 14px; border-radius: 12px; background: #dff5e9; color: #176347; fill: none; stroke: currentColor; pointer-events: none; }
.home-outcome-row:nth-child(2) { background: #f8e5c8; border-color: #ead5b7; }
.home-outcome-row:nth-child(2) .home-outcome-row__icon { background: #f8e9d4; color: #805a28; }
.home-outcome-row:nth-child(3) { background: #e9dff6; border-color: #ddd0f0; }
.home-outcome-row:nth-child(3) .home-outcome-row__icon { background: #e9dff6; color: #665084; }
.home-outcome-row p { color: var(--ed-ink); font-size: 17px; line-height: 1.5; }
.home-outcome-row__steps { display: flex; flex-wrap: wrap; gap: 4px 15px; list-style: none; margin: 10px 0 0; padding: 0; font-size: 14px; color: var(--ed-muted); }
.home-outcome-row a { margin-top: 6px; font-size: 14px; color: var(--ed-link); }
.home-outcome-journeys__foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 32px; margin-top: 26px; }
.home-outcome-journeys__foot p { font-size: 14px; max-width: 62ch; }
.home-chapter-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 24px; margin: 0; padding: 0; scroll-margin-top: 24px; }
.home-chapter-nav a { min-height: 52px; width: 100%; padding: 8px 0; border-bottom: 2px solid var(--ed-mint); text-decoration: none; font: 400 21px/1.25 var(--ed-display); }

.home-outcome-row__copy { display: contents; }
.home-outcome-row h3 { grid-column: 1; grid-row: 1 / span 3; }
.home-outcome-row__copy > p, .home-outcome-row__steps, .home-outcome-row__action { grid-column: 2; }
.home-outcome-row__action { justify-self: start; }
.home-outcome-row__steps li + li::before { content: "·"; margin-inline-end: 15px; }
.home-editorial-heading { max-width: 920px; }
.home-editorial-note { font-size: 14px; line-height: 1.6; }
.home-chapter-row__meta { display: flex; align-items: center; gap: 10px; }
.home-chapter-row__icon { width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: currentColor; color: var(--ed-link); pointer-events: none; }
.home-tool-directory__summary { list-style: none; }
.home-tool-directory__summary::-webkit-details-marker { display: none; }
.home-tool-directory__title { display: flex; align-items: center; justify-content: space-between; gap: 24px; font: inherit; }
.home-tool-directory__toggle { font-family: var(--ed-sans); font-size: 28px; }
.home-tool-directory[open] .home-tool-directory__toggle { transform: rotate(45deg); }
.home-tool-directory__intro { margin-bottom: 24px; font-size: 16px; }
.home-toolkit > .hub-eyebrow { font-size: 12px; font-weight: 600; color: var(--ed-link); letter-spacing: .1em; text-transform: uppercase; }

.hub-demo { padding-block: 64px; border-top: 1px solid var(--ed-rule); display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); align-items: start; gap: 36px; }
.hub-demo .hub-eyebrow { color: var(--ed-link); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px; }
.hub-demo .hub-section-head h2 { font: 400 clamp(38px,4vw,54px)/1.08 var(--ed-display); letter-spacing: -.025em; margin-bottom: 20px; }
.hub-demo .hub-section-head p { font-size: 16px; }
.hub-demo-features { margin-top: 24px; }
.hub-demo-feature { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 50px; padding: 12px 0; border: 0; border-top: 1px solid var(--ed-rule); background: transparent; color: var(--ed-muted); text-align: start; font-size: 15px; cursor: pointer; }
.hub-demo-feature > span:first-child { color: var(--ed-link); font-size: 12px; }
.hub-demo-feature[aria-pressed="true"] { color: var(--ed-ink); font-weight: 600; }
.hub-demo-features [data-demo-feature-panel] p { padding-inline-start: 30px; padding-block: 2px 12px; font-size: 14px; }
.hub-text-link { color: var(--ed-link); font-size: 14px; }
.hub-button { min-height: 44px; color: var(--ed-link); font-weight: 600; }
.hub-demo-footnote, .hub-demo-noscript { font-size: 13px; }
.hub-demo-stage { min-width: 0; }
.hub-demo-stage > [data-live-workspace] { border-radius: 18px; box-shadow: 0 20px 44px #173d2314, 0 4px 12px #173d230a; }
.hub-demo-stage .sarab-tour { border-radius: 18px; }
.hub-demo-orbit { display: none; }
.hub-product-window { margin: 0; overflow: hidden; border: 1px solid #fff; border-radius: 18px; background: #fbfbf5; box-shadow: 0 24px 60px #173d2320, 0 4px 12px #173d2310; }
.hub-product-window img, [data-live-workspace] > noscript img { width: 100%; height: auto; }
.hub-caption { padding: 12px 16px; font-size: 13px; }
.hub-live-placeholder__logo { margin-inline: auto; }
.hub-pricing-sample { grid-column: 1/-1; border-block: 1px solid var(--ed-rule); padding-block: 6px; }
.hub-pricing-sample > summary { display: list-item; padding-block: 12px; cursor: pointer; font-size: 16px; }
.hub-pricing-sample .hub-product-window { max-width: 860px; margin: 20px auto; }
.home-chapter-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.home-chapter-row { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; padding: 26px; border: 1px solid var(--ed-rule); border-inline-start: 4px solid var(--chapter-accent,#9bc8a7); border-radius: 18px; background: var(--chapter-fill,#eaf4ed); scroll-margin-top: 28px; }
#projects-and-tasks,#planning-and-time { --chapter-fill: #eaf4ed; --chapter-accent: #9bc8a7; --chapter-link: #176347; }
#client-work,#estimates-and-documents { --chapter-fill: #f7eddc; --chapter-accent: #d7ac78; --chapter-link: #805a28; }
#knowledge-and-files,#focused-work { --chapter-fill: #eee8f8; --chapter-accent: #c8b4e8; --chapter-link: #665084; }
.home-chapter-row .home-chapter-row__icon,.home-chapter-row .home-chapter-row__label,.home-chapter-row .home-chapter-row__actions a { color: var(--chapter-link,#176347); }
.home-chapter-row .home-chapter-row__description { color: #0c0a07; }
.home-outcome-row:nth-child(2) .home-outcome-row__action { color: #805a28; }
.home-outcome-row:nth-child(3) .home-outcome-row__action { color: #665084; }
.home-chapter-nav a[href="#projects-and-tasks"],.home-chapter-nav a[href="#planning-and-time"] { --map-fill: #dff5e9; --map-accent: #176347; border-color: #9bc8a7; }
.home-chapter-nav a[href="#client-work"],.home-chapter-nav a[href="#estimates-and-documents"] { --map-fill: #f8e5c8; --map-accent: #805a28; border-color: #d7ac78; }
.home-chapter-nav a[href="#knowledge-and-files"],.home-chapter-nav a[href="#focused-work"] { --map-fill: #e9dff6; --map-accent: #665084; border-color: #c8b4e8; }
.home-chapter-nav a:hover,.home-chapter-nav a:focus-visible { background: var(--map-fill,#dff5e9); color: var(--map-accent,#176347); }
.home-chapter-row h3 { font: 400 clamp(30px,2.6vw,38px)/1.16 var(--ed-display); letter-spacing: -.025em; max-width: 23ch; }
.home-chapter-row__label { margin: 0; color: var(--ed-link); font-size: 13px; }
.home-chapter-row__description { margin-top: 14px; font-size: 16px; line-height: 1.65; max-width: 58ch; }
.home-chapter-row__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; margin-top: 16px; }
.home-chapter-row__actions a { color: var(--ed-link); font-size: 15px; }
.home-chapter-row__note { margin-top: 16px; font-size: 14px; line-height: 1.6; }
.home-tool-directory { margin-top: 28px; border-block: 1px solid var(--ed-rule); }
.home-tool-directory > summary { display: block; align-items: center; justify-content: space-between; gap: 24px; padding-block: 20px; cursor: pointer; font: 400 34px/1.2 var(--ed-display); }
.home-tool-groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 42px; padding-block: 28px 32px; border-top: 1px solid var(--ed-rule); }
.home-tool-group h3 { font: 400 26px/1.2 var(--ed-display); letter-spacing: -.02em; margin-bottom: 12px; }
.home-tool-group ul { margin: 0; padding: 0; list-style: none; }
.home-tool-row { padding-block: 7px; }
.home-tool-row a { gap: 10px; font-size: 16px; }
.home-tool-row p { padding-inline-start: 30px; font-size: 14px; }
.home-tool-group__note { margin-top: 14px; font-size: 14px; }
.home-tool-row__icon { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; pointer-events: none; }
.ed-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.ed-faq { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: 56px; }
.ed-faq__items details { border-top: 1px solid var(--ed-rule); }
.ed-faq__items details:last-child { border-bottom: 1px solid var(--ed-rule); }
.ed-faq summary { padding-block: 19px; cursor: pointer; font-size: 17px; font-weight: 500; }
.ed-faq details p { padding-bottom: 20px; font-size: 16px; max-width: 64ch; }
.ed-close { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 28px 50px; padding: clamp(28px,4vw,48px); border: 1px solid #0c0a07; border-radius: 24px; background: #0c0a07; color: #f5f2eb; }
.ed-close h2 { max-width: 19ch; color: #f5f2eb; }
.ed-close p { max-width: 54ch; margin-top: 16px; color: #dcd8ce; }
.ed-close a { color: #f5f2eb; }
.ed-close .ed-button { color: #0c0a07; background: #00d492; border-color: #00d492; }
.ed-close .ed-button:hover { color: #0c0a07; background: #00c78a; border-color: #00c78a; }
.ed-close :is(a,button,summary):focus-visible { outline-color: #00d492; }
.ed-close .ed-button:is(:disabled,[aria-disabled="true"]) { opacity: 1; color: #0c0a07; background: #dcd8ce; border-color: #dcd8ce; cursor: not-allowed; }
.ed-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; padding-block: 28px; border-top: 1px solid var(--ed-rule); }
.ed-footer p { font-size: 14px; }
.ed-footer__brand { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
.ed-footer__brand > span { font-size: 13px; }
.ed-footer nav { display: flex; flex-wrap: wrap; gap: 6px 24px; }
.ed-footer a { font-size: 14px; }
html[lang="ar"] { --ed-sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; --ed-display: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; }
html[lang="ar"] .ed-brand { direction: ltr; }
html[lang="ar"] .ed-sample-entry__label { letter-spacing: 0; }
html[lang="ar"] .ed-hero__heading { font-size: clamp(68px,6.2vw,88px); line-height: 1.3; letter-spacing: 0; font-weight: 600; }
html[lang="ar"] :is(.ed-section-heading,.home-editorial-heading h2,.hub-demo .hub-section-head h2,.home-outcome-row h3,.home-chapter-row h3,.home-chapter-nav a,.home-tool-group h3) { letter-spacing: 0; line-height: 1.4; }
html[lang="ar"] :is(.ed-eyebrow,.home-section-eyebrow,.hub-demo .hub-eyebrow) { letter-spacing: 0; }
.sarab-tour[lang="ar"], .sarab-tour-dialog[lang="ar"] { font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) { scroll-behavior: auto; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) :is(a,button,.home-tool-directory__toggle) { transition: none; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) :is(.ed-button,.sarab-tour button,.sarab-tour-dialog button) { transform: none !important; }
@media (min-width:1440px) { .ed-wrap, .hub-wrap { width: calc(100% - 160px); } }
@media (max-width:1099px) {
 .ed-wrap, .hub-wrap { width: calc(100% - 64px); }
 .ed-hero { grid-template-columns: minmax(0,1fr); gap: 24px; padding-block: 36px; }
 .ed-hero__heading { font-size: clamp(64px,9vw,88px); }
 .ed-hero__copy,.hub-hero__media,.ed-sample-entries,.ed-sample-note { grid-column: 1; }
 .ed-hero__copy { max-width: 58ch; }
 .ed-hero__description { font-size: 20px; }
 .hub-hero__media { max-width: 800px; justify-self: center; }
 .ed-device-fallback { inset: 0; width: 100%; align-items: center; }
 .home-outcome-row { column-gap: 28px; }
 .home-outcome-row h3 { padding-inline-start: 66px; font-size: 34px; }
 .home-outcome-row__icon { width: 46px; height: 46px; padding: 11px; }
 .hub-demo { grid-template-columns: minmax(0,1fr); gap: 28px; }
 .hub-demo-stage { width: 100%; max-width: 860px; margin-inline: auto; }
 .home-chapter-list { gap: 20px; }
 .home-tool-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ed-faq { grid-template-columns: minmax(0,1fr); gap: 28px; }
 html[lang="ar"] .ed-hero__heading { font-size: clamp(52px,7.6vw,74px); line-height: 1.3; }
}
@media (max-width:899px) {
 .ed-header__inner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px 12px; min-height: 0; padding: 12px 16px; }
 .ed-brand { grid-column: 1; grid-row: 1; justify-self: start; }
 .ed-nav { display: none; }
 .ed-language { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; }
 .ed-header__open { grid-column: 1; grid-row: 2; justify-self: start; }
 .ed-mobile-menu { display: block; grid-column: 2; grid-row: 2; justify-self: end; }
 .ed-mobile-menu summary { display: flex; align-items: center; cursor: pointer; font-size: 14px; }
 .ed-mobile-menu nav { position: absolute; z-index: 8; inset-block-start: calc(100% - 4px); inset-inline-end: 16px; min-width: 190px; max-width: calc(100% - 32px); padding: 10px 18px; background: #f8f6f0; border: 1px solid var(--ed-rule); border-radius: 12px; box-shadow: 0 6px 20px #253b2d14; }
 .ed-mobile-menu nav a { display: flex; font-size: 15px; }
}
@media (max-width:767px) {
 .home-chapter-list { grid-template-columns: minmax(0,1fr); }
 .home-chapter-row { padding: 24px; }
 .home-chapter-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 20px; }
}
@media (max-width:599px) {
 .ed-wrap, .hub-wrap { width: calc(100% - 40px); }
 .ed-header__inner { min-height: 0; gap: 8px 12px; padding: 12px; }
 .ed-brand { font-size: 18px; gap: 8px; letter-spacing: .13em; }
 .ed-brand img { width: 36px; height: 36px; }
 .ed-nav { display: none; }
 .ed-language { margin: 0; gap: 2px; padding: 3px; border: 1px solid var(--ed-rule); }
 .ed-language button { padding-inline: 6px; }
 .ed-mobile-menu { display: block; }
 .ed-mobile-menu summary { display: flex; align-items: center; cursor: pointer; font-size: 14px; }
 .ed-mobile-menu nav { inset-block-start: calc(100% - 4px); inset-inline-end: 12px; max-width: calc(100% - 24px); }
 .ed-mobile-menu nav a { display: flex; font-size: 15px; }
 .ed-hero { padding-block: 28px 32px; gap: 24px; }
 .ed-hero__heading { font-size: clamp(44px,10vw,58px); line-height: 1.04; letter-spacing: -.035em; }
 .ed-hero__description { font-size: 18px; line-height: 1.55; }
 .ed-hero__actions { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 20px; }
 .ed-hero__actions .ed-button { min-height: 50px; }
 .ed-text-action { justify-content: flex-start; }
 /* Deliberate raw-capture mode: the adapter's existing readiness contract keeps
    the canvas hidden and native fallback visible, including resize and Back. */
 .ed-device-stage { --editorial-device-layout: 0; aspect-ratio: auto; }
 .ed-device-stage::before { display: none; }
 .ed-device-fallback { position: relative; inset: auto; display: block; width: 100%; }
 .ed-device-fallback img { width: 100%; height: auto; aspect-ratio: 1173 / 751; }
 .ed-device-caption { font-size: 12px; gap: 0 12px; margin-top: 8px; }
 .ed-sample-entries { grid-template-columns: minmax(0,1fr); gap: 12px; }
 .ed-sample-entry { padding: 14px 16px; }
 .ed-sample-entry__label,.ed-sample-entry__action { font-size: 13px; }
 .ed-sample-entry__description { font-size: 14px; }
 .ed-product-overview { padding-block: 24px 32px; }
 .ed-section,.home-outcome-journeys,.home-product-chapters,.home-toolkit { padding-block: 40px; }
 #features { padding-top: 40px; }
 .ed-section-heading,.home-editorial-heading h2,.hub-demo .hub-section-head h2 { font-size: 36px; line-height: 1.16; }
 .home-outcome-row { grid-template-columns: minmax(0,1fr); gap: 12px; padding: 22px 20px; }
 .home-outcome-row h3,.home-outcome-row__copy > p,.home-outcome-row__steps,.home-outcome-row__action { grid-column: 1; grid-row: auto; }
 .home-outcome-row h3 { padding-inline-start: 55px; font-size: 28px; }
 .home-outcome-row__icon { inset-inline-start: 20px; inset-block-start: 22px; width: 40px; height: 40px; padding: 9px; }
 .home-outcome-row p { font-size: 16px; }
 .home-chapter-nav a { font-size: 20px; min-height: 52px; }
 .hub-demo { padding-block: 40px; }
 .home-chapter-row h3 { font-size: 28px; }
 .home-tool-groups { grid-template-columns: minmax(0,1fr); gap: 26px; }
 .home-tool-directory > summary { font-size: 32px; }
 .ed-faq summary { font-size: 16px; }
 .ed-close { padding: 28px 22px; }
 .ed-close .ed-button { width: 100%; }
 html[lang="ar"] .ed-hero__heading { font-size: 46px; line-height: 1.3; }
 html[lang="ar"] :is(.ed-section-heading,.home-editorial-heading h2,.hub-demo .hub-section-head h2,.home-tool-directory > summary) { font-size: 34px; line-height: 1.4; }
 html[lang="ar"] :is(.home-outcome-row h3,.home-chapter-row h3) { font-size: 27px; line-height: 1.45; }
}
@media (max-width:359px) {
 .ed-wrap,.hub-wrap { width: calc(100% - 32px); }
 .ed-brand { font-size: 17px; gap: 8px; }
 .ed-brand img { width: 34px; height: 34px; }
 .ed-header__inner { gap: 8px 10px; }
 .ed-hero__heading { font-size: 42px; }
 .home-chapter-nav { grid-template-columns: minmax(0,1fr); }
 .ed-section-heading,.home-editorial-heading h2,.hub-demo .hub-section-head h2 { font-size: 32px; }
 html[lang="ar"] .ed-hero__heading { font-size: 38px; }
 html[lang="ar"] :is(.ed-section-heading,.home-editorial-heading h2,.hub-demo .hub-section-head h2,.home-tool-directory > summary) { font-size: 31px; }
 html[lang="ar"] :is(.home-outcome-row h3,.home-chapter-row h3) { font-size: 25px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation: none !important; transition: none !important; } .hub-hero__media { transform: none !important; } }
@media (forced-colors:active) { .ed-sample-entry,.home-outcome-row { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; } .ed-sample-entry :is(span,strong),.home-outcome-row__icon { color: CanvasText; } body,.ed-mobile-menu nav { background: Canvas; color: CanvasText; } p,.ed-hero__description { color: CanvasText; } a { color: LinkText; } .ed-button { background: ButtonFace; color: ButtonText; border-color: ButtonText; } .ed-header__inner,.ed-section,.home-outcome-row,.home-chapter-row,.home-tool-directory { border-color: CanvasText; } .ed-language button[aria-pressed="true"] { color: ButtonText; text-decoration-color: Highlight; } }

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 :is(.ed-header__inner,.ed-mobile-menu nav,.atlas-stage__frame,.atlas-destination__icon,.cinema-window,.cinema-document-chip,.cinema-device-token) { background: #f7f5ee; }
 .atlas-highlight,.cinema-focus-timer { background: #d5f4e6; }
 .atlas-button { background: #00d492; }
 .ed-close.cinema-close,.cinema-finale-token { background: #0c2017; }
 .ed-close .cinema-magnetic { background: #07563d; }
}
@media (prefers-reduced-transparency:reduce) {
 :is(.ed-header__inner,.ed-mobile-menu nav,.atlas-stage__frame,.atlas-destination__icon,.atlas-highlight,.atlas-button,.cinema-window,.cinema-focus-timer,.cinema-document-chip,.cinema-device-token,.ed-close.cinema-close,.cinema-finale-token,.cinema-magnetic) { backdrop-filter: none; -webkit-backdrop-filter: none; }
 :is(.ed-header__inner,.ed-mobile-menu nav,.atlas-stage__frame,.atlas-destination__icon,.cinema-window,.cinema-document-chip,.cinema-device-token) { background: #f7f5ee; }
 .atlas-highlight,.cinema-focus-timer { background: #d5f4e6; }
 .atlas-button { background: #00d492; }
 .ed-close.cinema-close,.cinema-finale-token { background: #0c2017; }
 .ed-close .cinema-magnetic { background: #07563d; }
}
@media (forced-colors:active) {
 .ed-header__inner,.ed-language,.ed-mobile-menu nav { background: Canvas; border-color: CanvasText; box-shadow: none; }
 .ed-language button[aria-pressed="true"] { background: Canvas; color: ButtonText; border-color: Highlight; box-shadow: none; text-decoration: underline; }
 .ed-brand img { background: Canvas; border-color: CanvasText; box-shadow: none; }
 .ed-hero__heading > span:last-child { color: CanvasText; }
 .ed-device-stage::before { display: none; }
 .hub-product-window,.hub-demo-stage > [data-live-workspace] { box-shadow: none; }
 .ed-close { background: Canvas; color: CanvasText; border-color: CanvasText; }
 .ed-close h2,.ed-close p { color: CanvasText; }
 .ed-close a { color: LinkText; }
 .ed-close .ed-button,.ed-close .ed-button:hover { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
 .ed-close .ed-button:is(:disabled,[aria-disabled="true"]) { color: GrayText; background: ButtonFace; border-color: GrayText; }
 .ed-close :is(a,button,summary):focus-visible { outline-color: Highlight; }
}

@media (prefers-reduced-motion:reduce), (forced-colors:active) {
 .ed-button,.sarab-tour button,.sarab-tour-dialog button { transform: none !important; }
 .ed-device-stage::before { animation: none !important; transform: none; }
}
@media (forced-colors:active) {
 .home-chapter-row,.home-chapter-nav a:hover,.home-chapter-nav a:focus-visible { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
 .home-chapter-row :is(.home-chapter-row__icon,.home-chapter-row__label,.home-chapter-row__description) { color: CanvasText; }
 .home-chapter-row .home-chapter-row__actions a,.home-outcome-row .home-outcome-row__action { color: LinkText; }
}


/* The matched Atlas composition. Text and native captures stay fully opaque.
   The display-only Latin compression approximates the selected condensed artwork;
   Arabic uses natural-width system typography. The brand glyph is never mirrored. */
@font-face { font-family: Anton; src: url('/assets/fonts/anton/Anton-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
:root { --atlas-paper: #f7f5ee; --atlas-ink: #090a08; --atlas-green: #00d492; --atlas-lilac: #e5d9ed; --atlas-apricot: #ffdcbd; --atlas-sage: #deead2; --ed-paper: var(--atlas-paper); --ed-ink: var(--atlas-ink); --atlas-display: Anton, Impact, 'Arial Narrow', sans-serif; }
body { background: var(--atlas-paper); }
.atlas-wrap { width: calc(100% - 96px); max-width: 1400px; margin-inline: auto; }
.ed-header { position: relative; z-index: 5; padding-top: 0; }
.ed-header__inner { width: calc(100% - 96px); max-width: 1400px; min-height: 64px; padding: 0; margin-inline: auto; display: flex; gap: 20px; align-items: center; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.ed-brand,.atlas-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; color: #090a08; font: 600 21px/1 var(--ed-sans); letter-spacing: .17em; text-decoration: none; direction: ltr; }
.atlas-brand-mark { display: block; width: 33px; height: 38px; flex: 0 0 auto; }
.ed-nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px,2.8vw,40px); margin-inline: auto; }
.ed-nav a { font-size: 13px; white-space: nowrap; text-decoration: none; }
.ed-nav a:hover { text-decoration: underline; }
.ed-language { display: flex; flex: 0 0 auto; align-items: center; gap: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.ed-language button { min-width: 44px; min-height: 44px; padding: 0 8px; border: 0; border-radius: 0; color: var(--atlas-ink); background: transparent; box-shadow: none; font: 500 12px/1 var(--ed-sans); cursor: pointer; }
.ed-language button + button { border-inline-start: 1px solid var(--ed-rule); }
.ed-language button[aria-pressed="true"] { color: #004d36; background: transparent; box-shadow: none; text-decoration: underline; text-underline-offset: 5px; }
.ed-header .ed-header__open { min-height: 44px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 10px 16px; color: #00edaa; background: #090a08; border: 1px solid #090a08; border-radius: 10px; font-size: 14px; white-space: nowrap; }
.ed-mobile-menu { display: none; }
.atlas-hero { position: relative; isolation: isolate; overflow: clip; padding: 14px 0 12px; }
.atlas-ribbon { position: absolute; z-index: -1; pointer-events: none; width: min(1000px,94vw); height: min(1000px,94vw); inset-inline-end: -51%; top: -5%; transform: translate3d(var(--atlas-scroll-x,0px),var(--atlas-scroll-y,0px),0) rotate(var(--atlas-scroll-turn,0deg)); transform-origin: 50% 50%; transition: none; }
.atlas-ribbon > svg { display: block; width: 100%; height: 100%; }
.atlas-ribbon__echo { position: absolute; inset: 0; visibility: hidden; opacity: var(--atlas-echo-opacity,0); transform: scale(var(--atlas-echo-scale,1.015)); transform-origin: center; }
.atlas-hero__intro { position: relative; z-index: 1; text-align: center; }
.atlas-title { margin: 0; font: 400 clamp(82px,10.742vw,156px)/.96 var(--atlas-display); text-transform: uppercase; letter-spacing: 0; white-space: nowrap; transform: scaleX(.84); transform-origin: center; }
.atlas-subtitle { color: var(--atlas-ink); margin: 0; font: 400 clamp(40px,5.08vw,72px)/1.1 var(--ed-display); letter-spacing: -.045em; }
.atlas-highlight { padding: 0 .14em .035em; background: var(--atlas-green); border-radius: .26em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.atlas-description { max-width: 64ch; margin: 14px auto 18px; font-size: clamp(16px,1.56vw,20px); line-height: 1.45; color: #403e36; }
.atlas-button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 44px; padding: 10px 40px; border: 1px solid var(--atlas-green); border-radius: 13px; background: var(--atlas-green); color: #06130c; font-size: 15px; font-weight: 600; text-decoration: none; }
.atlas-button:hover { background: #00c68b; border-color: #00c68b; }
.atlas-map { position: relative; margin-top: 22px; padding-bottom: 0; }
.atlas-stage.hub-hero__media { position: relative; z-index: 1; grid-column: auto; width: 76%; max-width: none; min-width: 0; margin: 0 auto; }
.atlas-stage__frame { padding: 12px; border: 1px solid #d4d0c7; border-radius: 28px; background: var(--atlas-paper); box-shadow: 0 10px 30px #40392705; }
.atlas-stage__frame img { width: 100%; height: auto; max-width: 100%; border: 4px solid #090a08; border-radius: 17px; object-fit: contain; opacity: 1; filter: none; mix-blend-mode: normal; }
[data-product-language="ar"] { display: none; }
html[lang="ar"] [data-product-language="en"] { display: none; }
html[lang="ar"] img[data-product-language="ar"] { display: block; }
html[lang="ar"] a[data-product-language="ar"] { display: inline-flex; }
.atlas-stage figcaption,.atlas-focus figcaption { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 10px; padding-top: 3px; font-size: 11px; line-height: 1.4; color: #403e36; }
.atlas-stage figcaption a,.atlas-focus figcaption a { min-height: 44px; font-size: 11px; gap: 5px; }
.atlas-connectors { position: absolute; z-index: 0; inset-inline: 0; top: -92px; width: 100%; height: calc(100% + 82px); pointer-events: none; overflow: visible; fill: none; stroke: #77766c; stroke-width: .8; }
.atlas-connectors circle { fill: var(--atlas-ink); stroke: none; }
.atlas-connectors [data-atlas-path="focus"] { stroke: #00bc85; stroke-width: 1.8; }
.atlas-connectors [data-atlas-active="true"],.atlas-connectors [data-atlas-current="true"] { stroke: #007b55; stroke-width: 2.2; }
.atlas-destinations { display: contents; }
.atlas-destination { --node-fill: var(--atlas-lilac); position: absolute; z-index: 2; width: 112px; display: flex; flex-direction: column; align-items: center; min-height: 44px; gap: 5px; text-align: center; text-decoration: none; border-radius: 14px; }
.atlas-destination--apricot { --node-fill: var(--atlas-apricot); }
.atlas-destination--sage { --node-fill: var(--atlas-sage); }
.atlas-destination--emerald { --node-fill: var(--atlas-green); }
.atlas-destination__icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--node-fill); color: #0c0a07; }
.atlas-destination__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.atlas-destination strong { font: 400 22px/1.08 var(--ed-display); letter-spacing: -.035em; }
.atlas-destination__description { max-width: 12ch; color: #403e36; font-size: 13px; line-height: 1.3; }
.atlas-destination--projects,.atlas-destination--clients,.atlas-destination--documents { inset-inline-start: -7px; }
.atlas-destination--planning,.atlas-destination--focus,.atlas-destination--resources { inset-inline-end: -7px; }
.atlas-destination--projects,.atlas-destination--planning { top: -104px; }
.atlas-destination--clients,.atlas-destination--focus { top: 25%; }
.atlas-destination--documents,.atlas-destination--resources { top: 73%; }
.atlas-destination:is(:hover,:focus-visible) strong,.atlas-destination[aria-current="location"] strong { text-decoration: underline; text-underline-offset: 4px; }
.atlas-destination--focus .atlas-destination__icon { box-shadow: 0 0 22px #00d4924d; }
.atlas-destination[data-atlas-active="true"] .atlas-destination__icon,.atlas-destination[data-atlas-current="true"] .atlas-destination__icon { box-shadow: 0 0 0 2px var(--atlas-paper),0 0 0 3px #007b55; }
.atlas-utility { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 18px; padding-bottom: 8px; }
.atlas-utility p { font-size: 11px; color: #403e36; }
.atlas-utility > div { display: flex; align-items: center; gap: 14px; }
.atlas-utility a,.atlas-motion-toggle { min-height: 44px; font-size: 11px; color: #403e36; }
.atlas-motion-toggle { padding: 0; background: none; border: none; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.atlas-focus { position: relative; background: linear-gradient(110deg,#00d492,#11e4b0); padding: 28px 0 18px; color: #031b10; }
.atlas-focus::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: -12px; height: 30px; border-radius: 50% 50% 0 0; background: #00d492; pointer-events: none; }
.atlas-focus__inner { display: grid; grid-template-columns: minmax(0,.32fr) minmax(0,.68fr); align-items: center; gap: 26px; width: calc(100% - 64px); }
.atlas-focus__copy { padding-inline-start: 16px; }
.atlas-chapter-number { display: flex; align-items: center; gap: 18px; color: #031b10; margin-bottom: 14px; font: 400 23px/1.2 var(--ed-display); }
.atlas-chapter-number i { display: block; width: 104px; height: 1px; background: #006b4c; }
.atlas-display { font: 400 clamp(52px,6.65vw,94px)/.99 var(--atlas-display); text-transform: uppercase; letter-spacing: -.02em; }
.atlas-display > span { display: block; }
.atlas-display > span:last-child { font-size: .92em; white-space: nowrap; }
.atlas-focus p:not(.atlas-chapter-number) { color: #031b10; font-size: 15px; line-height: 1.45; margin-top: 8px; max-width: 29ch; }
.atlas-focus p.atlas-focus__lead { font-size: 19px; margin-top: 14px; }
.atlas-explore { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; margin-top: 18px; color: #06140c; font-size: 15px; font-weight: 600; }
.atlas-explore__arrow { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid currentColor; border-radius: 50%; font-size: 23px; text-decoration: none; }
.atlas-focus__figure { min-width: 0; }
.atlas-focus__frame { padding: 7px; border: 1px solid #214b33; border-radius: 16px; background: #062b19; }
.atlas-focus__frame img { width: 100%; height: auto; border-radius: 9px; object-fit: contain; opacity: 1; filter: none; mix-blend-mode: normal; }
.atlas-focus figcaption { color: #06442c; justify-content: flex-start; }
.atlas-audiences { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding-block: 16px 12px; }
.atlas-audience { position: relative; isolation: isolate; min-width: 0; padding: 4px 36px 10px 6px; overflow: clip; }
.atlas-audience + .atlas-audience { border-inline-start: 1px solid #938e82; padding-inline: 42px 4px; }
.atlas-audience__copy { position: relative; max-width: 37ch; }
.atlas-kicker { display: flex; align-items: center; gap: 8px; color: #403e36; font-size: 10px; text-transform: uppercase; }
.atlas-kicker i { display: block; width: 16px; height: 1px; background: #77766c; }
.atlas-kicker i:last-child { width: 50px; }
.atlas-audience h2 { font: 400 clamp(38px,4.69vw,64px)/.94 var(--ed-display); letter-spacing: -.045em; margin-top: 14px; }
.atlas-audience__copy > p:not(.atlas-kicker) { max-width: 30ch; margin-top: 14px; font-size: 14px; line-height: 1.35; color: #403e36; }
.atlas-audience .atlas-explore { margin-top: 14px; gap: 18px; font-size: 14px; }
.atlas-audience .atlas-explore__arrow { width: 40px; height: 40px; flex-basis: 40px; }
.atlas-audience__art { --audience-tone: #dce8cf; position: absolute; z-index: -1; inset-inline-end: 20px; top: 0; bottom: 0; width: 138px; pointer-events: none; color: var(--audience-tone); }
.atlas-audience--clients .atlas-audience__art { --audience-tone: #fbdbc0; inset-inline-end: -8px; }
.atlas-audience__motif { position: absolute; inset-inline-end: 0; top: 0; width: 138px; height: auto; max-width: none; opacity: 1; object-fit: contain; pointer-events: none; }
.atlas-audience__art > span { display: grid; place-items: center; position: absolute; z-index: 1; top: 62px; inset-inline-end: -10px; width: 68px; height: 68px; border: 9px solid var(--atlas-paper); border-radius: 50%; background: var(--audience-tone); color: #0c0a07; }
.atlas-audience__art svg { width: 26px; height: 26px; fill: none; stroke: currentColor; }
.atlas-audience__art b { position: absolute; inset-inline-end: -10px; top: 150px; font: 400 122px/.8 var(--ed-display); letter-spacing: -.065em; }
.atlas-signature { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 10px 26px; }
.atlas-signature .atlas-brand { font-size: 15px; }
.atlas-signature .atlas-brand-mark { width: 24px; height: 28px; }
.atlas-signature nav { display: flex; gap: 22px; }
.atlas-signature a { color: #403e36; font-size: 11px; text-decoration: none; }
.atlas-signature > a:last-child { gap: 10px; }
.atlas-samples { padding-block: 48px 30px; border-top: 1px solid var(--ed-rule); }
.atlas-samples h2 { font: 400 clamp(36px,4vw,54px)/1.1 var(--ed-display); letter-spacing: -.035em; }
.atlas-samples > div:first-child p { margin-top: 10px; }
.atlas-samples .ed-sample-entries { margin-top: 24px; }
.atlas-samples .ed-sample-note { margin-top: 14px; }
.ed-sample-entry { min-width: 0; }
.ed-footer__brand { align-items: center; }
.ed-footer .atlas-brand { font-size: 17px; }
html[lang="ar"] { --ed-sans: 'Segoe UI',Tahoma,Arial,sans-serif; --ed-display: 'Segoe UI',Tahoma,Arial,sans-serif; --atlas-display: 'Segoe UI',Tahoma,Arial,sans-serif; }
html[lang="ar"] .atlas-title { transform: none; font-size: clamp(62px,8vw,112px); line-height: 1.25; font-weight: 800; letter-spacing: 0; white-space: normal; }
html[lang="ar"] :is(.atlas-subtitle,.atlas-display,.atlas-audience h2,.atlas-destination strong,.atlas-samples h2) { letter-spacing: 0; line-height: 1.3; }
html[lang="ar"] .atlas-subtitle { font-size: clamp(32px,4.3vw,56px); }
html[lang="ar"] .atlas-display > span:last-child { font-size: 1em; white-space: normal; }
html[lang="ar"] .atlas-display { font-size: clamp(40px,5.2vw,74px); font-weight: 800; }
html[lang="ar"] .atlas-audience h2 { font-size: clamp(30px,3.8vw,48px); font-weight: 500; }
html[lang="ar"] .atlas-connectors { transform: scaleX(-1); }
html[lang="ar"] :is(.atlas-button,.atlas-explore,.ed-header__open) > [aria-hidden="true"] { transform: rotate(180deg); }
html[lang="ar"] .atlas-audience__art b { font-family: 'Instrument Serif',Georgia,serif; }
[data-atlas-motion="running"] .atlas-destination__icon { transition: background-color 160ms ease; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) { scroll-behavior: auto; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) .atlas-destination__icon { transition: none; }
@media (max-width:1099px) and (min-width:768px) {
 .atlas-destination { width: 96px; }
 .atlas-destination strong { font-size: 20px; }
 .atlas-destination__description { font-size: 12px; }
 .atlas-focus__inner { gap: 18px; }
 .atlas-focus__copy { padding-inline-start: 8px; }
 .atlas-focus p.atlas-focus__lead { font-size: 17px; }
 .atlas-focus p:not(.atlas-chapter-number) { font-size: 14px; }
 .atlas-display { font-size: clamp(50px,6.65vw,74px); }
 .atlas-audience__copy { max-width: 29ch; }
}
@media (max-width:899px) {
 .ed-header__inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; width: calc(100% - 40px); padding-block: 8px; }
 .ed-brand { grid-column: 1; grid-row: 1; justify-self: start; font-size: 19px; }
 .ed-nav { display: none; }
 .ed-language { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; }
 .ed-header__open { grid-column: 1; grid-row: 2; justify-self: start; }
 .ed-mobile-menu { display: block; grid-column: 2; grid-row: 2; justify-self: end; }
 .ed-mobile-menu summary { display: flex; align-items: center; cursor: pointer; font-size: 14px; }
 .ed-mobile-menu nav { position: absolute; z-index: 8; inset-block-start: 100%; inset-inline-end: 0; min-width: 190px; max-width: 100%; padding: 10px 18px; border: 1px solid var(--ed-rule); border-radius: 12px; background: var(--atlas-paper); }
 .ed-mobile-menu nav a { display: flex; font-size: 15px; }
}
@media (max-width:767px) {
 .atlas-wrap { width: calc(100% - 40px); }
 .atlas-hero { padding-top: 26px; }
 .atlas-title { font-size: clamp(48px,15vw,94px); line-height: 1.05; }
 .atlas-subtitle { font-size: clamp(30px,7.8vw,46px); letter-spacing: -.045em; line-height: 1.2; }
 .atlas-description { max-width: 34ch; margin-block: 16px 20px; font-size: 16px; }
 .atlas-button { padding-inline: 32px; }
 .atlas-ribbon { width: 680px; height: 680px; inset-inline-end: -620px; top: 5%; opacity: .5; }
 .atlas-map { margin-top: 26px; display: flex; flex-direction: column; }
 .atlas-stage.hub-hero__media { width: 100%; }
 .atlas-stage__frame { padding: 6px; border-radius: 18px; }
 .atlas-stage__frame img { border-width: 2px; border-radius: 12px; }
 .atlas-stage figcaption { gap: 0 8px; padding-top: 7px; }
 .atlas-connectors { display: none; }
 .atlas-destinations { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 14px; margin-top: 18px; }
 .atlas-destination { position: static; width: auto; padding: 4px; gap: 6px; }
 .atlas-destination__icon { width: 50px; height: 50px; }
 .atlas-destination strong { font-size: 24px; }
 .atlas-destination__description { max-width: 18ch; font-size: 14px; }
 .atlas-utility { padding-top: 20px; padding-bottom: 24px; gap: 4px; }
 .atlas-utility p { text-align: center; font-size: 12px; }
 .atlas-utility > div { gap: 12px; justify-content: center; flex-wrap: wrap; }
 .atlas-utility a,.atlas-motion-toggle { font-size: 12px; }
 .atlas-focus { padding-block: 28px 18px; }
 .atlas-focus__inner { display: flex; flex-direction: column; align-items: stretch; gap: 26px; }
 .atlas-focus__copy { padding-inline: 0; }
 .atlas-chapter-number { margin-bottom: 12px; }
 .atlas-display { font-size: clamp(58px,15vw,82px); line-height: 1.04; }
 .atlas-focus p.atlas-focus__lead { font-size: 20px; }
 .atlas-focus p:not(.atlas-chapter-number) { font-size: 16px; max-width: 38ch; }
 .atlas-focus__frame { padding: 5px; border-radius: 12px; }
 .atlas-focus__frame img { border-radius: 7px; }
 .atlas-focus figcaption { justify-content: center; }
 .atlas-audiences { display: block; padding-block: 14px 0; }
 .atlas-audience,.atlas-audience + .atlas-audience { min-height: 270px; padding: 18px 0 20px; border-inline-start: 0; }
 .atlas-audience + .atlas-audience { border-top: 1px solid #b5aea1; }
 .atlas-audience h2 { font-size: clamp(38px,10vw,50px); line-height: 1.05; }
 .atlas-audience__copy { max-width: 29ch; }
 .atlas-audience__copy > p:not(.atlas-kicker) { font-size: 16px; max-width: 27ch; }
 .atlas-audience__art,.atlas-audience--clients .atlas-audience__art { inset-inline-end: -10px; opacity: .55; }
 .atlas-audience__art b { top: 175px; }
 .atlas-signature { flex-wrap: wrap; justify-content: space-between; padding-block: 18px 26px; }
 .atlas-signature nav { order: 2; flex-basis: 100%; flex-wrap: wrap; gap: 8px 20px; }
 .atlas-signature a { font-size: 12px; }
 .atlas-samples { padding-block: 36px 24px; }
 .atlas-samples .ed-sample-entries { grid-template-columns: 1fr; }
 html[lang="ar"] .atlas-title { font-size: clamp(44px,11.5vw,76px); line-height: 1.3; }
 html[lang="ar"] .atlas-subtitle { font-size: clamp(28px,7.5vw,40px); line-height: 1.55; }
 html[lang="ar"] .atlas-display { font-size: clamp(42px,11vw,62px); line-height: 1.35; }
 html[lang="ar"] .atlas-audience h2 { font-size: 34px; line-height: 1.45; }
 html[lang="ar"] .atlas-destination strong { font-size: 22px; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior: auto; }
 .atlas-ribbon { transform: none; }
 .atlas-destination__icon { transition: none; }
}
@media (forced-colors:active) {
 :root { --atlas-paper: Canvas; --atlas-ink: CanvasText; --ed-paper: Canvas; --ed-ink: CanvasText; }
 .atlas-ribbon,.atlas-connectors,.atlas-audience__art { display: none; }
 .atlas-hero,.atlas-focus { background: Canvas; color: CanvasText; }
 .atlas-focus::before { display: none; }
 .atlas-highlight { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }
 .atlas-destination__icon { background: Canvas; color: CanvasText; border: 1px solid CanvasText; box-shadow: none !important; transition: none; }
 .atlas-hero p,.atlas-focus p,.atlas-audience p,.atlas-signature a,.atlas-stage figcaption,.atlas-focus figcaption,.atlas-utility a,.atlas-motion-toggle,.atlas-destination__description { color: CanvasText; }
 .atlas-button,.ed-header .ed-header__open { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
 .atlas-explore,.atlas-brand,.ed-brand { color: LinkText; }
 .atlas-chapter-number i,.atlas-kicker i { background: CanvasText; }
 .atlas-stage__frame,.atlas-focus__frame { background: Canvas; border-color: CanvasText; box-shadow: none; }
 a:focus-visible,button:focus-visible,summary:focus-visible { outline-color: Highlight; }
}

/* Optional Atlas life: exactly two WAAPI-owned decorative loops. CSS remains
   static until the real owner and a fresh local visibility observation agree. */
.atlas-ribbon__drift { transform-origin: 50% 50%; }
.atlas-destination__icon { position: relative; }
.atlas-focus-halo { display: none; position: absolute; inset: 0; border: 1px solid #007b55; border-radius: 50%; opacity: .22; pointer-events: none; }
html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-atlas-visible="true"][data-atlas-effects="ready"] .atlas-focus-halo[data-atlas-ambient-state="running"] { display: block; }
[data-atlas-rule] { transform-origin: left center; }
html[dir="rtl"] [data-atlas-rule] { transform-origin: right center; }
[data-atlas-feedback] > [aria-hidden="true"], [data-atlas-feedback="icon"] .atlas-destination__icon > svg { translate: none; }
html { --atlas-arrow-shift: 4px; }
html[dir="rtl"] { --atlas-arrow-shift: -4px; }
@media (min-width:768px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-atlas-visible="true"][data-atlas-effects="ready"][data-atlas-feedback]:not([data-atlas-interacting="true"]) { transition: background-color 180ms ease,border-color 180ms ease; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-atlas-visible="true"][data-atlas-effects="ready"][data-atlas-feedback]:not([data-atlas-interacting="true"]) > [aria-hidden="true"],
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-atlas-visible="true"][data-atlas-effects="ready"][data-atlas-feedback="icon"]:not([data-atlas-interacting="true"]) .atlas-destination__icon > svg { transition: translate 180ms ease; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-atlas-visible="true"][data-atlas-effects="ready"][data-atlas-feedback="arrow"]:not([data-atlas-interacting="true"]):hover:not(:active):not(:focus-within) > [aria-hidden="true"] { translate: var(--atlas-arrow-shift) 0; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-atlas-visible="true"][data-atlas-effects="ready"][data-atlas-feedback="icon"]:not([data-atlas-interacting="true"]):hover:not(:active):not(:focus-within) .atlas-destination__icon > svg { translate: 0 -4px; }
}
/* Stop even if a platform animation cancellation fails. These important rules
   override WAAPI transforms without moving the link, label or capture geometry. */
html:not([data-home-motion-controller="ready"]) [data-atlas-ambient],
html:not([data-home-motion-blocked="false"]) [data-atlas-ambient],
html:not([data-home-motion-suspended="false"]) [data-atlas-ambient],
html[data-home-motion-paused="true"] [data-atlas-ambient],
[data-atlas-visibility]:not([data-atlas-visible="true"]) [data-atlas-ambient],
[data-atlas-visibility]:not([data-atlas-effects="ready"]) [data-atlas-ambient],
[data-atlas-ambient]:not([data-atlas-ambient-state="running"]) { transform: none !important; }
[data-atlas-interacting="true"] > [aria-hidden="true"],
[data-atlas-interacting="true"] .atlas-destination__icon > svg,
[data-atlas-feedback]:focus-within > [aria-hidden="true"],
[data-atlas-feedback]:focus-within .atlas-destination__icon > svg,
[data-atlas-feedback]:active > [aria-hidden="true"],
[data-atlas-feedback]:active .atlas-destination__icon > svg { translate: none !important; transition: none !important; }
@media (max-width:767px), (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce), (forced-colors:active) {
 [data-atlas-ambient] { transform: none !important; }
 .atlas-focus-halo { display: none !important; }
 [data-atlas-feedback], [data-atlas-feedback] > [aria-hidden="true"], [data-atlas-feedback] .atlas-destination__icon > svg { translate: none !important; transition: none !important; }
}

/* Two native-scroll scenes. Only the inert decoration owns transform/opacity. */
.atlas-focus__atmosphere { position: absolute; inset: 0; overflow: hidden; contain: paint; pointer-events: none; z-index: 0; }
.atlas-focus__light { position: absolute; left: 28%; top: 50%; width: min(720px,90vw); height: min(720px,90vw); margin-left: calc(-1 * min(360px,45vw)); margin-top: calc(-1 * min(360px,45vw)); pointer-events: none; visibility: hidden; background: radial-gradient(ellipse at center,rgb(243 240 233 / .9) 0%,rgb(0 212 146 / .36) 46%,transparent 72%); transform: translate3d(var(--atlas-light-x,0px),var(--atlas-light-y,0px),0) scale(var(--atlas-light-scale,1)); opacity: var(--atlas-light-opacity,0); }
.atlas-focus__inner { position: relative; z-index: 1; }
html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) :is(.atlas-ribbon__echo,.atlas-focus__light)[data-atlas-cinematic-state="running"] { visibility: visible; }
[data-atlas-cinematic][data-atlas-cinematic-state="running"] { will-change: transform; }
:is(.atlas-ribbon__echo,.atlas-focus__light)[data-atlas-cinematic-state="running"] { will-change: transform,opacity; }
html:not([data-home-motion-controller="ready"]) [data-atlas-cinematic],
html:not([data-home-motion-blocked="false"]) [data-atlas-cinematic],
html:not([data-home-motion-suspended="false"]) [data-atlas-cinematic],
html[data-home-motion-paused="true"] [data-atlas-cinematic],
[data-atlas-cinematic]:not([data-atlas-cinematic-state="running"]) { transform: none !important; will-change: auto; }
@media (prefers-reduced-motion:reduce),(forced-colors:active) {
 [data-atlas-cinematic] { transform: none !important; will-change: auto !important; }
 .atlas-focus__atmosphere,.atlas-ribbon__echo { visibility: hidden !important; }
}

html[dir="rtl"] .atlas-focus__light { left: 72%; }
@media (max-width:767px),(hover:none),(pointer:coarse) {
 .atlas-focus__light,html[dir="rtl"] .atlas-focus__light { left: 50%; top: 35%; }
}
/* Failed cancellation still settles the exact channel. The title's authored
   scaleX remains untouched because its arrival uses individual translate. */
[data-atlas-enter]:not([data-atlas-enter=""]):not([data-atlas-enter-state="running"]),
html:not([data-home-motion-controller="ready"]) [data-atlas-enter]:not([data-atlas-enter=""]),
html:not([data-home-motion-blocked="false"]) [data-atlas-enter]:not([data-atlas-enter=""]),
html:not([data-home-motion-suspended="false"]) [data-atlas-enter]:not([data-atlas-enter=""]),
html[data-home-motion-paused="true"] [data-atlas-enter]:not([data-atlas-enter=""]) { translate: none !important; }
[data-atlas-enter=""]:not([data-atlas-enter-state="running"]),
html:not([data-home-motion-controller="ready"]) [data-atlas-enter=""],
html:not([data-home-motion-blocked="false"]) [data-atlas-enter=""],
html:not([data-home-motion-suspended="false"]) [data-atlas-enter=""],
html[data-home-motion-paused="true"] [data-atlas-enter=""] { transform: none !important; }
@media (prefers-reduced-motion:reduce),(forced-colors:active) {
 [data-atlas-enter]:not([data-atlas-enter=""]) { translate: none !important; }
 [data-atlas-enter=""] { transform: none !important; }
}

/* Glass and light. Blur stays static; moving layers use transform and opacity. */
:root { --glass-line: rgb(255 255 255 / .8); --glass-ease: cubic-bezier(.22,1,.36,1); }
html { scroll-padding-top: 112px; }
.ed-header { position: sticky; top: 12px; z-index: 30; isolation: isolate; padding-top: 12px; margin-bottom: 14px; }
.ed-header::before { content: ""; position: absolute; z-index: -1; inset: -14px 4% -18px; background: radial-gradient(ellipse at 24% 56%,#53e8b82b,transparent 52%),radial-gradient(ellipse at 86% 44%,#c4a9ef26,transparent 48%); filter: blur(12px); pointer-events: none; }
.ed-header__inner { position: relative; isolation: isolate; width: calc(100% - 80px); min-height: 68px; padding: 8px 18px; border: 1px solid var(--glass-line); border-radius: 22px; background: radial-gradient(ellipse at 10% 0%,#c8ffe952,transparent 50%),radial-gradient(ellipse at 92% 100%,#e0cff747,transparent 48%),linear-gradient(120deg,rgb(255 255 255 / .62),rgb(247 245 238 / .48)); backdrop-filter: blur(22px) saturate(1.4); -webkit-backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 1px 0 #fff,inset 0 -1px 0 #00a9741f,0 12px 34px #183d2517,0 0 32px #00d4921f,0 0 24px #b59ae818; }
.ed-header__inner::after { content: ""; position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: linear-gradient(115deg,transparent 8%,#ffffff94 19%,transparent 32%,transparent 68%,#eafff966 85%,transparent 98%); opacity: .65; pointer-events: none; }
.ed-nav a { position: relative; transition: color 240ms ease; }
.ed-nav a::after { content: ""; position: absolute; bottom: 8px; inset-inline: 0; height: 1px; background: #007956; transform: scaleX(0); transform-origin: center; transition: transform 350ms var(--glass-ease); }
.ed-nav a:hover { color: #006e4d; text-decoration: none; }
.ed-nav a:hover::after { transform: scaleX(1); }
.ed-language { padding: 2px; border: 1px solid #ffffffa6; border-radius: 999px; background: #ffffff57; }
.ed-language button { border-radius: 50%; }
.ed-language button + button { border-inline-start: 0; }
.ed-language button[aria-pressed="true"] { background: #d4f5e89c; box-shadow: inset 0 1px 0 #fffc,0 2px 5px #007b550d; text-decoration: none; }
.ed-header .ed-header__open { border-color: #254d3f; border-radius: 999px; background: linear-gradient(135deg,#203c30,#0d2017); color: #a3ffdb; box-shadow: inset 0 1px 0 #ffffff24,0 4px 14px #00b77d14; text-decoration: none; }
.ed-header .ed-header__open:hover { background: linear-gradient(135deg,#295642,#143225); box-shadow: inset 0 1px 0 #ffffff38,0 4px 24px #00b77d2b; }
.atlas-hero { padding-top: 20px; padding-bottom: 24px; }
.atlas-hero__atmosphere { position: absolute; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.atlas-hero__orb { position: absolute; width: min(780px,78vw); aspect-ratio: 1; border-radius: 50%; }
.atlas-hero__orb--mint { inset-inline-end: -14%; top: 6%; background: radial-gradient(circle,#67e4be3d 0%,#b9f0d930 35%,transparent 70%); }
.atlas-hero__orb--lilac { inset-inline-start: -20%; top: 32%; background: radial-gradient(circle,#c8b4e82c 0%,#e5d9ed14 40%,transparent 70%); }
.atlas-hero__grid { position: absolute; inset: 22% 0 0; background-image: linear-gradient(#007b5509 1px,transparent 1px),linear-gradient(90deg,#007b5509 1px,transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse at 50% 45%,#0008,transparent 70%); }
.atlas-ribbon { width: min(1020px,90vw); height: min(1020px,90vw); inset-inline-end: -37%; top: -3%; opacity: .14; filter: drop-shadow(0 0 30px #00d49210); mask-image: linear-gradient(90deg,transparent,#000 25%); }
.atlas-highlight { position: relative; display: inline-block; overflow: hidden; vertical-align: baseline; padding: 0 .18em .065em; border: 1px solid #ffffffb3; border-radius: .32em; background: linear-gradient(125deg,#00d49250,#9df3d239 60%,#00d49230); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 #ffffffd6,inset 0 -1px 0 #00a97418,0 8px 28px #00c98c20,0 0 44px #00d49212; }
.atlas-highlight::before { content: ""; position: absolute; inset: -30% -50%; background: linear-gradient(105deg,transparent 35%,#fff7 48%,transparent 61%); transform: translateX(-80%); pointer-events: none; }
.atlas-description { margin-top: 16px; }
.atlas-button { border-color: #ffffff85; border-radius: 999px; background: linear-gradient(135deg,#36e7b2cf,#00c98cdc); box-shadow: inset 0 1px 0 #ffffff8c,inset 0 -2px 0 #007c5521,0 8px 24px #00b67d22,0 0 30px #00d49214; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: box-shadow 300ms ease,background-color 300ms ease; }
.atlas-button:hover { border-color: #fffc; background: linear-gradient(135deg,#54eec2,#0bd79e); box-shadow: inset 0 1px 0 #ffffffb3,0 12px 32px #00b67d35,0 0 40px #00d49220; }
.atlas-map { margin-top: 30px; }
.atlas-stage.hub-hero__media::before { content: ""; position: absolute; z-index: -1; inset: -10% -12%; background: radial-gradient(ellipse,#00d49221,transparent 67%); pointer-events: none; }
.atlas-stage__frame { padding: 10px; border-color: #ffffffd9; border-radius: 30px; background: linear-gradient(125deg,#ffffffb3,#f7f5ee85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 #fff,0 24px 54px #14372614,0 4px 12px #1437260c; }
.atlas-stage__frame img { border-radius: 20px; }
.atlas-destination__icon { border: 1px solid #ffffffbf; background: linear-gradient(135deg,#ffffffad,var(--node-fill)); box-shadow: inset 0 1px 0 #ffffffdb,0 6px 18px #173d230c; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.atlas-destination--focus .atlas-destination__icon { background: linear-gradient(135deg,#96f5d4,#00d492b3); box-shadow: inset 0 1px 0 #fffb,0 0 26px #00d49240; }
.atlas-connectors { stroke: #58816d; opacity: .5; }
.atlas-utility { padding-top: 4px; }

/* The scenes remain ordinary, fully readable sections without motion support. */
.cinema-story { position: relative; isolation: isolate; padding-block: 72px; border-top: 1px solid #d6d2ca80; overflow: clip; }
.cinema-story::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 78% 45%,#00d4920f,transparent 55%); pointer-events: none; }
.cinema-pin { position: relative; min-height: 620px; display: flex; flex-direction: column; justify-content: center; gap: 38px; }
.cinema-layout { display: grid; grid-template-columns: minmax(0,.38fr) minmax(0,.62fr); align-items: center; gap: clamp(28px,4vw,68px); }
.cinema-copy { min-width: 0; }
.cinema-eyebrow { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; color: #176347; font: 500 12px/1.4 var(--ed-sans); letter-spacing: .12em; text-transform: uppercase; }
.cinema-eyebrow i { width: 44px; height: 1px; background: currentColor; }
.cinema-copy h2 { max-width: 15ch; font: 400 clamp(46px,5.8vw,82px)/1.02 var(--ed-display); letter-spacing: -.045em; }
.cinema-copy > p:not(.cinema-eyebrow) { max-width: 39ch; margin-top: 26px; font-size: 17px; line-height: 1.65; }
.cinema-story-steps { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 32px; color: #6b7267; font-size: 11px; }
.cinema-story-steps > span { position: relative; padding-top: 12px; }
.cinema-story-steps > span::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 2px; border-radius: 2px; background: #d4ddd3; transition: background-color 300ms ease; }
[data-cinema-phase="0"] [data-step="0"],[data-cinema-phase="1"] [data-step="1"],[data-cinema-phase="2"] [data-step="2"] { color: #176347; }
[data-cinema-phase="0"] [data-step="0"]::before,[data-cinema-phase="1"] [data-step="1"]::before,[data-cinema-phase="2"] [data-step="2"]::before { background: #00b77f; }
.cinema-figure { position: relative; min-width: 0; perspective: 1400px; }
.cinema-figure::before { content: ""; position: absolute; z-index: -1; inset: -10% -8%; background: radial-gradient(ellipse,#00c78c1c,transparent 65%); pointer-events: none; }
.cinema-camera { transform: translate3d(0,var(--scene-lift,0px),0) rotate(var(--scene-turn,0deg)); transform-origin: 50% 60%; }
.cinema-figure figcaption { position: relative; margin-top: 24px; color: #67665a; font-size: 11px; line-height: 1.7; max-width: 65ch; }
.cinema-next { align-self: center; gap: 12px; color: #176347; font-size: 12px; }
.cinema-window { overflow: hidden; border: 1px solid #ffffffd9; border-radius: 26px; background: linear-gradient(145deg,#ffffffc7,#f4f8f0ad); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 #fff,0 36px 70px #19402b14,0 6px 18px #19402b0a; }
.cinema-window__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 54px; padding: 12px 20px; border-bottom: 1px solid #e1e8de; color: #587063; font-size: 11px; }
.cinema-window__dots { display: flex; gap: 5px; }
.cinema-window__dots i { width: 6px; height: 6px; border-radius: 50%; background: #bdd3c2; }
.cinema-window__dots i:nth-child(2) { background: #d4c9b2; }
.cinema-window__dots i:nth-child(3) { background: #b3d5c2; }
.cinema-window__badge { border: 1px solid #d2e6d5; border-radius: 999px; padding: 3px 8px; font-size: 9px; }
.cinema-today { display: grid; grid-template-columns: 56px minmax(0,1fr); }
.cinema-today__rail { display: flex; flex-direction: column; align-items: center; gap: 30px; padding-block: 28px; background: #ecf3e973; border-inline-end: 1px solid #e1e8de; color: #6d8577; }
.cinema-today__rail svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.cinema-today__rail svg:first-child { color: #007856; }
.cinema-today__content { min-width: 0; padding: clamp(20px,2.8vw,40px) clamp(20px,2.6vw,38px) 28px; }
.cinema-mini-kicker { color: #6c8375; font-size: 9px; line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; }
.cinema-today h3 { margin-top: 12px; font: 400 clamp(30px,3vw,44px)/1.1 var(--ed-display); letter-spacing: -.025em; }
.cinema-today__intro { margin-top: 8px; font-size: 12px; color: #748071; }
.cinema-today__summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-block: 28px; }
.cinema-today__summary > div { display: flex; flex-direction: column; gap: 10px; padding: 14px 12px; border: 1px solid #fff; border-radius: 14px; background: #ffffff80; box-shadow: 0 3px 10px #173d2303; }
.cinema-today__summary span { color: #6b7d6e; font-size: 9px; }
.cinema-today__summary strong { color: #284a37; font: 400 27px/1 var(--ed-display); }
.cinema-today__summary strong span { font-size: 17px; }
.cinema-task { position: relative; display: flex; align-items: center; gap: 13px; padding: 20px 16px; border: 1px solid #b4dcc3; border-radius: 16px; background: linear-gradient(125deg,#e7f7eb,#f1fbef); box-shadow: inset 0 1px 0 #fff,0 6px 18px #00b67d08; }
.cinema-task__check { display: grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; border: 1px solid #9eccb0; border-radius: 9px; background: #c2efd3; color: #157847; transform: scale(calc(.84 + var(--task-completion,1) * .16)); opacity: calc(.25 + var(--task-completion,1) * .75); }
.cinema-task strong { font-size: 13px; font-weight: 600; }
.cinema-task p { margin-top: 4px; color: #6c846f; font-size: 10px; }
.cinema-task__tag { margin-inline-start: auto; padding: 3px 9px; border: 1px solid #bcd9ba; border-radius: 999px; color: #476b45; font-size: 9px; }
.cinema-small-task { display: flex; align-items: center; gap: 12px; padding: 15px 10px; border-bottom: 1px solid #dfe7dc; color: #596857; font-size: 11px; }
.cinema-small-task > span:first-child { color: #b0beb0; font-size: 20px; line-height: 1; }
.cinema-small-task > span:last-child { margin-inline-start: auto; color: #8a9684; font-size: 9px; }
.cinema-day-progress { display: flex; align-items: center; gap: 18px; padding-top: 24px; color: #748071; font-size: 9px; }
.cinema-day-progress__track { overflow: hidden; flex: 1; height: 4px; border-radius: 4px; background: #dae8d9; }
.cinema-day-progress__track i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#00b87f,#83d9a3); transform: scaleX(calc(.04 + var(--task-completion,1) * .3)); transform-origin: left; }
html[dir="rtl"] .cinema-day-progress__track i { transform-origin: right; }
.cinema-sample-label { padding: 12px 20px; border-top: 1px solid #e1e8de; color: #7c8a76; font-size: 9px; }

/* Focus: the capture now occupies the full visual column; the timer floats above it. */
.atlas-focus { isolation: isolate; padding-block: 100px 84px; background: linear-gradient(120deg,#00d492,#38dfb3 65%,#96ead3); }
.atlas-focus::before { top: -14px; height: 30px; background: #00cd90; }
.atlas-focus__inner { grid-template-columns: minmax(0,.29fr) minmax(0,.71fr); gap: 36px; width: calc(100% - 80px); }
.atlas-focus__copy { padding-inline-start: 0; }
.atlas-focus__figure { position: relative; padding-top: 44px; }
.atlas-focus__frame { padding: 9px; border: 1px solid #ffffff8c; border-radius: 24px; background: linear-gradient(135deg,#255548cc,#133c31e6); box-shadow: inset 0 1px 0 #ffffff73,0 32px 60px #005e4526,0 4px 14px #005e4517; }
.atlas-focus__frame img { border-radius: 16px; }
.atlas-focus figcaption { padding-inline: 6px; }
.cinema-focus-timer { position: absolute; z-index: 2; top: 0; inset-inline-end: 24px; display: flex; align-items: center; gap: 20px; width: min(360px,72%); padding: 18px 22px; border: 1px solid #ffffffa6; border-radius: 24px; background: linear-gradient(120deg,#eafff0c7,#dbfff0ad); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 #fff,0 16px 36px #005e4514,0 0 30px #d5ffec21; transform: translate3d(0,var(--focus-float,0px),0); }
.cinema-focus-timer__dial { position: relative; display: grid; place-items: center; flex: 0 0 76px; width: 76px; height: 76px; }
.cinema-focus-timer__dial svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke-width: 2; transform: rotate(-90deg); }
.cinema-focus-timer__track { stroke: #0c86582e; }
.cinema-focus-timer__ring { stroke: #087e55; stroke-linecap: round; stroke-dasharray: 230 270; }
.cinema-focus-timer__dial > span { color: #06442c; font-size: 21px; font-variant-numeric: tabular-nums; }
.cinema-focus-timer__tag { display: inline-flex; padding: 3px 10px; border: 1px solid #64b99757; border-radius: 999px; color: #1a7654; font-size: 10px; }
.atlas-focus .cinema-focus-timer p { margin-top: 6px; font-size: 13px; }
.cinema-focus-timer small { display: block; margin-top: 6px; color: #327e65; font-size: 8px; }

/* Warm glass, real typography, and a smooth proposal-to-draft handoff. */
.cinema-story--client { background: #f1eee6; }
.cinema-story--client::before { background: radial-gradient(ellipse at 75% 42%,#b7e3c22b,transparent 50%),radial-gradient(ellipse at 50% 70%,#ddc7a223,transparent 60%); }
.cinema-paper-scene { position: relative; padding: 38px 10px 26px; }
.cinema-document-chip { position: absolute; z-index: 4; top: 0; inset-inline-end: 0; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid #ffffffc7; border-radius: 16px; background: #ffffffe0; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 #fff,0 8px 24px #173d230c; color: #547461; font-size: 10px; }
.cinema-document-chip svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.cinema-paper-stack { position: relative; perspective: 1600px; }
.cinema-paper-stack::before { content: ""; position: absolute; inset: 5px -7px -12px 9px; border: 1px solid #dad5c7; border-radius: 20px; background: linear-gradient(125deg,#e7e3d7,#e4ddcb); transform: rotate(2deg); box-shadow: 0 30px 54px #524c3512; }
.cinema-paper { position: relative; padding: clamp(26px,3.5vw,48px); border: 1px solid #ffffffb3; border-radius: 20px; background: linear-gradient(125deg,#fffefaeb,#f8faf3f5); box-shadow: inset 0 1px 0 #fff,0 20px 44px #3d563513,0 1px 4px #3d56350c; }
.cinema-paper--proposal { opacity: var(--proposal-opacity,1); transform: rotate(calc(-2deg - var(--invoice-reveal,0) * 2deg)); }
.cinema-paper--invoice { position: absolute; inset: 0; opacity: var(--invoice-opacity,0); clip-path: inset(calc((1 - var(--invoice-reveal,0)) * 100%) 0 0); transform: translate3d(0,calc(12px * (1 - var(--invoice-reveal,0))),0); background: linear-gradient(125deg,#fafff9,#f4f9ef); }
.cinema-paper__brand { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 42px; }
.cinema-paper__brand > span:first-child { color: #20745a; font: 400 31px/1 var(--ed-display); letter-spacing: -.035em; }
.cinema-paper__brand > span:first-child > span { color: #00b77d; }
.cinema-paper__status { padding: 4px 9px; border: 1px solid #dce8d9; border-radius: 999px; color: #7b9787; font-size: 8px; letter-spacing: .06em; }
.cinema-paper h3 { margin-block: 12px 24px; font: 400 clamp(36px,3.8vw,54px)/1 var(--ed-display); letter-spacing: -.035em; }
.cinema-paper__project { display: flex; flex-direction: column; gap: 4px; padding-bottom: 22px; border-bottom: 1px solid #d7ded0; }
.cinema-paper__project > span:first-child { font-size: 12px; font-weight: 600; color: #425344; }
.cinema-paper__project > span:last-child { color: #91a08b; font-size: 9px; }
.cinema-paper__line { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-block: 18px; border-bottom: 1px solid #e0e5da; color: #657460; font-size: 12px; }
.cinema-paper__line > span:last-child { font-variant-numeric: tabular-nums; }
.cinema-paper__total { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 26px; }
.cinema-paper__total > span { color: #798774; font-size: 10px; }
.cinema-paper__total > strong { color: #173d29; font-size: clamp(25px,2.8vw,39px); line-height: 1; font-weight: 500; letter-spacing: -.055em; white-space: nowrap; direction: ltr; }
.cinema-paper__total small { font-size: .45em; letter-spacing: 0; }
.cinema-paper__foot { display: flex; align-items: center; gap: 8px; color: #6f8b73; font-size: 8px; padding-top: 12px; border-top: 1px solid #e2e8dc; }
.cinema-status-dot { display: inline-block; flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: #00d492; box-shadow: 0 0 10px #00d49273; }

/* A machined laptop, with eight glass objects that gather into its workspace. */
.cinema-story--local { background: linear-gradient(130deg,#eaf1e4,#e0efe3); }
.cinema-story--local::before { background: radial-gradient(ellipse at 73% 43%,#c5f5d26b,transparent 50%); }
.cinema-device-scene { position: relative; container-type: inline-size; height: auto; aspect-ratio: 1.2; width: 100%; }
.cinema-device-orbit { position: absolute; inset: 9% 0 17%; border: 1px solid #9fbda845; border-radius: 50%; transform: rotate(-12deg); background: radial-gradient(ellipse,#00d49214,transparent 62%); }
.cinema-device-orbit::before { content: ""; position: absolute; inset: -12% 7%; border: 1px solid #9fbda830; border-radius: inherit; transform: rotate(24deg); }
.cinema-device { position: absolute; z-index: 2; left: 7%; right: 7%; top: 19%; padding: 15px 8px 9px; border: 1px solid #9dae9c; border-radius: 21px 21px 14px 14px; background: linear-gradient(130deg,#3a4b40,#111c16 42%,#2f4136); box-shadow: inset 0 1px 0 #fff6,inset 0 0 0 2px #14231a,0 18px 35px #183d2517,0 0 40px #00b87f0e; }
.cinema-device__camera { position: absolute; top: 6px; left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: radial-gradient(circle,#43677b,#10251b); box-shadow: 0 0 0 1px #415448; }
.cinema-device__display { position: relative; overflow: hidden; aspect-ratio: 1.6; border: 1px solid #0d2418; border-radius: 7px; background: radial-gradient(ellipse at 45% 30%,#183726,#0b1d13 80%); }
.cinema-device__display::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 3; background: linear-gradient(125deg,#ffffff09,transparent 45%,#ffffff03); }
.cinema-device__toolbar { display: flex; align-items: center; gap: 7px; padding: 10px 12px; border-bottom: 1px solid #97cfad19; color: #b0d1b4; font-size: 1.35cqw; }
.cinema-device__toolbar > svg { width: 3cqw; height: 3cqw; }
.cinema-device__saved { margin-inline-start: auto; color: #6fac81; font-size: 1.1cqw; }
.cinema-device__welcome { position: absolute; inset: 22% 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; color: #99cfab; font-size: 1.7cqw; opacity: calc(1 - var(--device-gather,1)); }
.cinema-device__welcome svg { width: 12cqw; height: 12cqw; filter: drop-shadow(0 0 12px #00d49221); }
.cinema-device__status { position: absolute; bottom: 10%; inset-inline: 0; display: flex; justify-content: center; align-items: center; gap: 6px; color: #86ba98; font-size: 1.35cqw; }
.cinema-device__base { position: absolute; z-index: 3; top: calc(19% + (86cqw - 18px) / 1.6 + 22px); left: 2%; right: 2%; height: 3.4%; border: 1px solid #a4b8a6; border-radius: 2px 2px 48% 48% / 2px 2px 90% 90%; background: linear-gradient(#d6e2d2,#7e9985 60%,#4d6a57); box-shadow: 0 8px 15px #183d2512; }
.cinema-device__base::before { content: ""; position: absolute; top: -1px; left: 42%; right: 42%; height: 35%; border-radius: 0 0 5px 5px; background: linear-gradient(#5d7d67,#c4d7c1); }
.cinema-device__base::after { content: ""; position: absolute; top: 100%; left: 10%; right: 10%; height: 4px; border-radius: 50%; background: #273e2c15; filter: blur(2px); }
.cinema-device-token { position: absolute; z-index: 4; left: calc(50% - 5.5cqw); top: calc(43% - 5.5cqw); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 11cqw; height: 11cqw; padding: 8px; border: 1px solid #ffffffc7; border-radius: 2.4cqw; color: #2a7251; background: linear-gradient(135deg,#fffffff5,#e0f5e6d9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: inset 0 1px 0 #fff,0 6px 16px #173d230a,0 0 12px #00d49207; transform: translate3d(calc(var(--from-x) * (1 - var(--device-gather,1)) + var(--to-x) * var(--device-gather,1)),calc(var(--from-y) * (1 - var(--device-gather,1)) + var(--to-y) * var(--device-gather,1)),0) scale(calc(1 - var(--device-gather,1) * .16)); }
.cinema-device-token svg { width: 3.6cqw; height: 3.6cqw; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; }
.cinema-device-token > span { font-size: 1.3cqw; line-height: 1; }
.cinema-device-token--1 { --from-x: -38cqw; --from-y: -26cqw; --to-x: -23cqw; --to-y: -6cqw; }
.cinema-device-token--2 { --from-x: -12cqw; --from-y: -30cqw; --to-x: -7.7cqw; --to-y: -6cqw; background: linear-gradient(135deg,#fff,#e9def2); color: #6c5586; }
.cinema-device-token--3 { --from-x: 15cqw; --from-y: -29cqw; --to-x: 7.7cqw; --to-y: -6cqw; background: linear-gradient(135deg,#fff,#e6eee0); }
.cinema-device-token--4 { --from-x: 39cqw; --from-y: -21cqw; --to-x: 23cqw; --to-y: -6cqw; background: linear-gradient(135deg,#fff,#f5e8d4); color: #936d3c; }
.cinema-device-token--5 { --from-x: -41cqw; --from-y: 10cqw; --to-x: -23cqw; --to-y: 10cqw; background: linear-gradient(135deg,#fff,#ffe9d6); color: #966941; }
.cinema-device-token--6 { --from-x: -19cqw; --from-y: 32cqw; --to-x: -7.7cqw; --to-y: 10cqw; background: linear-gradient(135deg,#fff,#dcedf5); color: #486f81; }
.cinema-device-token--7 { --from-x: 17cqw; --from-y: 32cqw; --to-x: 7.7cqw; --to-y: 10cqw; background: linear-gradient(135deg,#fff,#e9def2); color: #6c5586; }
.cinema-device-token--8 { --from-x: 41cqw; --from-y: 11cqw; --to-x: 23cqw; --to-y: 10cqw; background: linear-gradient(135deg,#caffdf,#6ce2b7); }
.cinema-story--local .cinema-figure figcaption { margin-top: 8px; }

/* A rounded dark-glass finale, with light behind the call to action. */
.ed-close.cinema-close { position: relative; display: block; padding: 0; margin-block: 32px 48px; overflow: hidden; isolation: isolate; border: 1px solid #294437; border-radius: 36px; background: #0b1711; box-shadow: inset 0 1px 0 #ffffff14,0 16px 40px #1c3e2912; }
.cinema-finale { align-items: center; min-height: min(840px,90svh); padding: 120px 56px; text-align: center; gap: 34px; }
.cinema-finale__atmosphere { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.cinema-finale__light { position: absolute; inset: -10%; background: radial-gradient(ellipse at 52% 63%,#00d49220,transparent 53%),radial-gradient(ellipse at 20% 10%,#39694730,transparent 50%); }
.cinema-finale__grid { position: absolute; inset: 0; background-image: linear-gradient(#8cffb709 1px,transparent 1px),linear-gradient(90deg,#8cffb709 1px,transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(ellipse,#000,transparent 70%); }
.cinema-finale__mark { position: absolute; width: 630px; height: 630px; top: 5%; inset-inline-end: -32%; opacity: .1; transform: rotate(-8deg); filter: drop-shadow(0 0 34px #00d49233); }
.cinema-finale__copy { position: relative; z-index: 2; }
.ed-close .cinema-finale__eyebrow { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto 28px; color: #7ebc95; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.ed-close .cinema-finale h2 { max-width: 21ch; margin-inline: auto; font-size: clamp(48px,6.2vw,84px); line-height: 1.02; color: #f4f5ed; }
.ed-close .cinema-finale__copy > p:last-child { max-width: 57ch; margin: 24px auto 0; color: #b9c7ba; font-size: 16px; }
.ed-close .cinema-magnetic { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 32px; min-height: 64px; padding: 16px 34px; border: 1px solid #a2fbdba6; border-radius: 999px; color: #d7ffeb; background: linear-gradient(135deg,#00d49247,#00d4921f); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 #d7ffeb5c,inset 0 -1px 0 #00d49224,0 0 34px #00d49217,0 10px 26px #0003; font-size: 16px; text-decoration: none; transition: box-shadow 350ms ease,background-color 350ms ease; }
.ed-close .cinema-magnetic > span:last-child { color: #94f6c8; font-size: 22px; }
.cinema-link-arrow { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ed-close .cinema-magnetic:hover { border-color: #c9ffe6; color: #e6fff0; background: linear-gradient(135deg,#00d49263,#00d49238); box-shadow: inset 0 1px 0 #e8ffed7a,0 0 48px #00d4922b,0 12px 34px #0004; }
.cinema-finale-token { position: absolute; display: flex; align-items: center; gap: 11px; padding: 14px 18px; border: 1px solid #a3e4b52b; border-radius: 18px; background: linear-gradient(135deg,#c8ffd514,#b0f6c507); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #99c9a6; box-shadow: inset 0 1px 0 #caffd51a,0 8px 18px #0002; font-size: 11px; }
.cinema-finale-token svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.cinema-finale-token--one { inset-inline-start: 12%; top: 15%; transform: rotate(-7deg); }
.cinema-finale-token--two { inset-inline-start: 16%; bottom: 14%; transform: rotate(5deg); }
.cinema-finale-token--three { inset-inline-end: 10%; bottom: 20%; transform: rotate(-5deg); }
html[lang="ar"] .cinema-copy h2 { letter-spacing: 0; line-height: 1.35; font-size: clamp(38px,4.6vw,65px); }
html[lang="ar"] :is(.cinema-eyebrow,.cinema-mini-kicker,.cinema-finale__eyebrow) { letter-spacing: 0; }
html[lang="ar"] .cinema-paper h3 { letter-spacing: 0; line-height: 1.3; }
html[lang="ar"] .cinema-finale h2 { letter-spacing: 0; line-height: 1.35; }
html[lang="ar"] .cinema-device-token > span { font-size: 1.6cqw; }

@keyframes cinema-glass-sheen { 0%,18% { transform: translateX(-80%); } 62%,100% { transform: translateX(80%); } }
@keyframes cinema-light-drift { from { transform: translate3d(-12px,14px,0) scale(1); } to { transform: translate3d(14px,-12px,0) scale(1.04); } }
@keyframes cinema-token-drift { from { translate: 0 4px; } to { translate: 0 -7px; } }
@media (min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 html[data-cinema-layout="pinned"] .cinema-story[data-cinema-pin="true"] { min-height: calc(var(--cinema-pin-height) + var(--cinema-scroll-distance)); padding-block: 0; overflow-x: clip; overflow-y: visible; }
 html[data-cinema-layout="pinned"] .cinema-story[data-cinema-pin="true"] > .cinema-pin { position: sticky; top: var(--cinema-pin-top); min-height: 0; height: var(--cinema-pin-height); gap: var(--cinema-pin-gap); padding-block: var(--cinema-pin-padding); }
 html[data-cinema-motion="running"] [data-cinema-active="true"] .atlas-highlight::before { animation: cinema-glass-sheen 9s var(--glass-ease) infinite; }
 html[data-cinema-motion="running"] [data-cinema-active="true"] :is(.atlas-hero__orb,.cinema-finale__light) { animation: cinema-light-drift 12s ease-in-out infinite alternate; }
 html[data-cinema-motion="running"] [data-cinema-active="true"] .atlas-hero__orb--lilac { animation-delay: -6s; }
 html[data-cinema-motion="running"] [data-cinema-active="true"] :is(.cinema-finale-token,.cinema-focus-timer) { animation: cinema-token-drift 7s ease-in-out infinite alternate; }
 html[data-cinema-motion="running"] [data-cinema-active="true"] .cinema-finale-token--two { animation-delay: -2s; }
 html[data-cinema-motion="running"] [data-cinema-active="true"] .cinema-finale-token--three { animation-delay: -4s; }
}
@media (max-width:1099px) and (min-width:900px) {
 .ed-header__inner { gap: 12px; padding-inline: 14px; }
 .ed-nav { gap: 20px; }
 .ed-nav a { font-size: 12px; }
 .atlas-display { font-size: 5.9vw; }
 .cinema-layout { grid-template-columns: minmax(0,.36fr) minmax(0,.64fr); gap: 32px; }
 .cinema-copy h2 { font-size: 56px; }
 .cinema-task__tag { display: none; }
}
@media (max-width:899px) {
 html { scroll-padding-top: 24px; }
 .ed-header { position: relative; top: auto; padding-top: 12px; margin-bottom: 0; }
 .ed-header__inner { width: calc(100% - 32px); padding: 10px 14px; gap: 4px 12px; border-radius: 20px; }
 .ed-mobile-menu nav { background: #f8faf3ed; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 12px 28px #173d2314; }
 .atlas-ribbon { inset-inline-end: -45%; opacity: .15; }
 .atlas-focus { padding-block: 64px 48px; }
 .atlas-focus__inner { gap: 24px; width: calc(100% - 40px); grid-template-columns: minmax(0,.32fr) minmax(0,.68fr); }
 .atlas-focus .atlas-display { font-size: clamp(46px,6.5vw,62px); }
 .cinema-focus-timer { width: min(300px,82%); padding: 12px 14px; gap: 12px; inset-inline-end: 12px; border-radius: 19px; }
 .cinema-focus-timer__dial { width: 62px; height: 62px; flex-basis: 62px; }
 .cinema-story { padding-block: 64px; }
 .cinema-pin { min-height: 0; gap: 28px; }
 .cinema-layout { grid-template-columns: minmax(0,1fr); gap: 42px; width: calc(100% - 48px); }
 .cinema-copy { max-width: 620px; }
 .cinema-copy h2 { max-width: 18ch; font-size: clamp(44px,7vw,66px); }
 .cinema-copy > p:not(.cinema-eyebrow) { max-width: 50ch; margin-top: 20px; font-size: 16px; }
 .cinema-eyebrow { margin-bottom: 20px; }
 .cinema-story-steps { display: none; }
 .cinema-figure { width: 100%; max-width: 720px; margin-inline: auto; }
 .cinema-camera { transform: none; }
 .cinema-paper--invoice { transform: none; }
 .cinema-finale { min-height: 680px; padding: 140px 32px; }
 .cinema-finale-token--one { inset-inline-start: 8%; top: 9%; }
 .cinema-finale-token--two { inset-inline-start: 8%; bottom: 10%; }
 .cinema-finale-token--three { inset-inline-end: 7%; bottom: 14%; }
 .cinema-finale__mark { inset-inline-end: -60%; top: 15%; }
}
@media (max-width:767px) {
 .atlas-hero { padding-top: 28px; }
 .atlas-ribbon { width: 680px; height: 680px; inset-inline-end: -510px; top: 3%; }
 .atlas-title { font-size: clamp(46px,14.5vw,94px); }
 .atlas-subtitle { margin-top: 6px; line-height: 1.2; }
 .atlas-highlight { padding-inline: .12em; }
 .atlas-map { margin-top: 26px; }
 .atlas-stage__frame { padding: 6px; border-radius: 21px; }
 .atlas-stage__frame img { border-radius: 14px; }
 .atlas-destinations { gap: 20px 14px; }
 .atlas-focus__inner { display: flex; flex-direction: column; gap: 28px; }
 .atlas-focus .atlas-display { font-size: clamp(54px,14vw,80px); }
 .atlas-focus__figure { padding-top: 48px; }
 .atlas-focus__frame { padding: 6px; border-radius: 18px; }
 .atlas-focus__frame img { border-radius: 12px; }
 .cinema-focus-timer { width: min(290px,85%); inset-inline-end: 8px; padding: 12px 15px; }
 .cinema-focus-timer__dial > span { font-size: 18px; }
 .atlas-focus .cinema-focus-timer p { font-size: 11px; }
 .cinema-focus-timer small { font-size: 7px; }
 .cinema-layout { width: calc(100% - 40px); gap: 32px; }
 .cinema-story { padding-block: 52px; }
 .cinema-copy h2 { font-size: clamp(44px,12vw,60px); }
 .cinema-window { border-radius: 21px; }
 .cinema-window__bar { padding-inline: 14px; min-height: 46px; }
 .cinema-today { grid-template-columns: 40px minmax(0,1fr); }
 .cinema-today__rail { gap: 26px; }
 .cinema-today__rail svg { width: 17px; height: 17px; }
 .cinema-today__content { padding: 22px 16px; }
 .cinema-today__summary { gap: 6px; margin-block: 20px; }
 .cinema-today__summary > div { padding: 11px 8px; border-radius: 10px; }
 .cinema-today__summary span { font-size: 8px; }
 .cinema-today__summary strong { font-size: 24px; }
 .cinema-task { padding: 15px 11px; gap: 9px; }
 .cinema-task strong { font-size: 11px; }
 .cinema-task p { font-size: 9px; }
 .cinema-task__check { width: 23px; height: 23px; flex-basis: 23px; border-radius: 7px; }
 .cinema-task__tag { display: none; }
 .cinema-small-task { gap: 8px; padding-inline: 3px; font-size: 10px; }
 .cinema-small-task > span:last-child { display: none; }
 .cinema-day-progress { flex-direction: column; align-items: stretch; gap: 10px; }
 .cinema-day-progress__track { flex-basis: 4px; }
 .cinema-figure figcaption { margin-top: 18px; font-size: 10px; }
 .cinema-paper-scene { padding: 30px 6px 20px; }
 .cinema-document-chip { padding: 9px 12px; gap: 9px; font-size: 9px; }
 .cinema-paper { padding: 26px; border-radius: 16px; }
 .cinema-paper__brand { margin-bottom: 30px; }
 .cinema-paper__brand > span:first-child { font-size: 27px; }
 .cinema-paper h3 { font-size: 36px; }
 .cinema-paper__line { padding-block: 17px; font-size: 11px; }
 .cinema-paper__total { padding-block: 24px; }
 .cinema-paper__total > strong { font-size: 30px; }
 .cinema-device-scene { width: calc(100% + 20px); margin-inline: -10px; }
 .cinema-device { padding-top: 12px; border-radius: 14px 14px 9px 9px; }
 .cinema-device__camera { top: 4px; }
 .cinema-device-token { gap: 5px; padding: 4px; }
 .cinema-device__toolbar { padding: 6px 8px; }
 .cinema-device__base { top: calc(19% + (86cqw - 18px) / 1.6 + 19px); }
 .ed-close.cinema-close { width: calc(100% - 24px); margin-block: 16px 28px; border-radius: 26px; }
 .cinema-finale { min-height: 630px; padding: 120px 22px 140px; gap: 28px; }
 .ed-close .cinema-finale h2 { font-size: clamp(42px,11vw,60px); }
 .ed-close .cinema-finale__copy > p:last-child { font-size: 14px; }
 .ed-close .cinema-finale__eyebrow { font-size: 9px; letter-spacing: .1em; }
 .ed-close .cinema-magnetic { width: auto; min-height: 60px; padding-inline: 28px; }
 .cinema-finale-token { padding: 11px 13px; gap: 8px; border-radius: 14px; font-size: 9px; }
 .cinema-finale-token svg { width: 19px; height: 19px; }
 .cinema-finale-token--one { top: 8%; }
 .cinema-finale-token--two { bottom: 8%; inset-inline-start: 5%; }
 .cinema-finale-token--three { bottom: 12%; inset-inline-end: 5%; }
 .cinema-finale__mark { width: 520px; height: 520px; inset-inline-end: -110%; top: 14%; }
 html[lang="ar"] .atlas-focus .atlas-display { font-size: clamp(42px,11vw,62px); }
 html[lang="ar"] .cinema-copy h2 { font-size: 38px; }
 html[lang="ar"] .cinema-paper h3 { font-size: 30px; }
}
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) :is(.atlas-highlight::before,.atlas-hero__orb,.cinema-finale__light,.cinema-finale-token,.cinema-focus-timer) { animation: none !important; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) :is(.ed-nav a,.ed-nav a::after,.atlas-button,.cinema-story-steps > span::before,.cinema-magnetic) { transition: none; }
@media (prefers-reduced-motion:reduce) {
 .cinema-camera { transform: none; }
 .cinema-paper--proposal { transform: none; }
 .cinema-paper--invoice { opacity: 1; transform: none; clip-path: none; }
 .cinema-device-token { --device-gather: 1; }
 .cinema-device__welcome { display: none; }
 .cinema-task__check { opacity: 1; transform: none; }
 :is(.atlas-highlight::before,.atlas-hero__orb,.cinema-finale__light,.cinema-finale-token,.cinema-focus-timer) { animation: none !important; }
 :is(.ed-nav a,.ed-nav a::after,.atlas-button,.cinema-story-steps > span::before,.cinema-magnetic) { transition: none; }
}
@media (forced-colors:active) {
 .atlas-hero__atmosphere,.cinema-finale__atmosphere,.cinema-figure::before,.cinema-story::before,.cinema-device-orbit { display: none; }
 .atlas-highlight,.ed-header__inner,.ed-mobile-menu nav,.atlas-stage__frame,.atlas-destination__icon,.cinema-window,.cinema-paper,.cinema-focus-timer,.cinema-document-chip,.cinema-device-token,.cinema-finale-token,.ed-close.cinema-close,.cinema-today__summary > div,.cinema-task { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .cinema-copy p,.cinema-figure figcaption,.cinema-paper__foot,.cinema-paper__total > strong,.cinema-paper h3,.ed-close .cinema-finale h2,.ed-close .cinema-finale__copy > p:last-child,.ed-close .cinema-finale__eyebrow { color: CanvasText; }
 .atlas-button,.ed-header .ed-header__open,.ed-close .cinema-magnetic { color: ButtonText; background: ButtonFace; border-color: ButtonText; box-shadow: none; }
 .cinema-camera,.cinema-paper--invoice { transform: none; }
 .cinema-paper--proposal { transform: none; }
 .cinema-paper--invoice { opacity: 1; clip-path: none; }
}

/* Broad light sources reveal the glass without blurring the content. */
.atlas-hero__atmosphere { background: radial-gradient(ellipse at 50% 18%,#a8f9d91c,transparent 52%),radial-gradient(ellipse at 50% 64%,#c4f8e629,transparent 65%),radial-gradient(ellipse at 48% 0%,#fff9e752,transparent 46%); }
.atlas-hero__orb { width: min(1060px,100vw); }
.atlas-hero__orb--mint { inset-inline-end: -4%; top: -14%; background: radial-gradient(circle,#6fe9bf36 0%,#64e3c724 25%,#b8f9dc18 49%,transparent 72%); }
.atlas-hero__orb--lilac { inset-inline-start: -26%; top: -8%; background: radial-gradient(circle,#bfa7ee26 0%,#ddd2f414 35%,transparent 70%); }
.atlas-hero__atmosphere::before { content: ""; position: absolute; inset: -12% -8% 45%; background: radial-gradient(ellipse at 54% 42%,#effff866 0%,#a7f7d926 18%,transparent 62%); pointer-events: none; }
.atlas-hero__atmosphere::after { content: ""; position: absolute; inset: -18% -26%; background: linear-gradient(118deg,transparent 24%,#ffffff26 38%,transparent 44%,transparent 58%,#b2ffe614 62%,transparent 70%); pointer-events: none; }
.atlas-stage.hub-hero__media::before { inset: -14% -16%; background: radial-gradient(ellipse,#00d49220,transparent 68%); }
.atlas-stage__frame { box-shadow: inset 0 1px 0 #fff,0 26px 60px #1437261a,0 0 50px #c6ffe118; }

/* Sample glass. */
.hub-demo { position: relative; isolation: isolate; gap: 28px; }
.hub-demo::before { content: ""; position: absolute; z-index: -1; inset: 24px -28px; border: 1px solid #fff9; border-radius: 38px; background: radial-gradient(ellipse at 85% 35%,#98ecc45c,transparent 62%),radial-gradient(ellipse at 10% 80%,#d7c4ee52,transparent 58%),linear-gradient(135deg,#ffffff52,#f6f9f14d); pointer-events: none; }
.hub-demo-story { min-width: 0; padding: clamp(22px,2.3vw,32px); border: 1px solid #ffffffc7; border-radius: 26px; background: linear-gradient(135deg,#ffffffa6,#ffffff57); backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2); box-shadow: inset 0 1px 0 #fff,0 16px 40px #173d2308; }
.hub-demo .hub-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid #b9ddcb; border-radius: 999px; background: #e3f7ecb3; font-size: 10px; font-weight: 600; }
.hub-demo .hub-eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #00865d; box-shadow: 0 0 9px #00d49250; }
.hub-demo .hub-section-head h2 { font-size: clamp(36px,3.6vw,50px); }
.hub-demo-features { display: flex; flex-direction: column; gap: 10px; }
.hub-demo-feature { min-height: 62px; gap: 12px; padding: 12px 14px; border: 1px solid #ffffffd9; border-radius: 15px; background: #ffffff61; color: #49594e; box-shadow: inset 0 1px 0 #fff,0 3px 10px #173d2304; transition: background-color 220ms ease,box-shadow 220ms ease,transform 220ms var(--glass-ease); }
.hub-demo-feature > span:first-child { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border: 1px solid #ffffffb3; border-radius: 10px; background: #e8f3edb3; color: #176347; font-size: 11px; font-weight: 600; }
.hub-demo-feature > span:nth-child(2) { flex: 1; min-width: 0; }
.hub-demo-feature::after { content: ""; flex: 0 0 8px; width: 8px; height: 8px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; color: #386c52; transform: rotate(45deg); }
html[lang="ar"] .hub-demo-feature::after { transform: rotate(-135deg); }
.hub-demo-feature[aria-pressed="true"]::after { transform: rotate(135deg); }
.hub-demo-feature:hover { background: #ffffffa6; box-shadow: inset 0 1px 0 #fff,0 7px 18px #173d2310; transform: translateY(-2px); }
.hub-demo-feature[aria-pressed="true"] { margin-bottom: -10px; border-color: #a7d8bf; border-bottom: 0; border-radius: 15px 15px 0 0; background: #e9f9efb3; color: #123c2a; box-shadow: inset 0 1px 0 #fff; }
.hub-demo-feature[aria-pressed="true"] > span:first-child { border-color: #007f59; background: #007f59; color: #fff; box-shadow: 0 3px 10px #007f5921; }
.hub-demo-features [data-demo-feature-panel] { border: 1px solid #a7d8bf; border-top: 0; border-radius: 0 0 15px 15px; background: #e9f9efb3; }
.hub-demo-features [data-demo-feature-panel] p { padding: 0 16px 16px 58px; font-size: 13px; line-height: 1.6; color: #415b49; }
html[lang="ar"] .hub-demo-features [data-demo-feature-panel] p { padding-inline: 58px 16px; }
.hub-demo-story > .hub-text-link { justify-content: center; gap: 10px; width: 100%; min-height: 48px; margin-top: 22px; padding: 10px 16px; border: 1px solid #ffffffb3; border-radius: 999px; background: linear-gradient(135deg,#dbf7e9,#c7efd9); color: #163b2b; font-size: 14px; font-weight: 600; text-decoration: none; box-shadow: inset 0 1px 0 #fff,0 5px 14px #007b550a; }
.hub-demo-story > .hub-text-link:hover { background: #c5efd8; }
.hub-demo-footnote { margin-top: 12px; font-size: 11px; line-height: 1.6; }
.hub-demo-stage { position: relative; isolation: isolate; padding: 10px; border: 1px solid #ffffffe6; border-radius: 30px; background: linear-gradient(135deg,#ffffffa6,#ffffff4d); box-shadow: inset 0 1px 0 #fff,0 22px 54px #153e2714,0 4px 12px #153e2708; }
.hub-demo-stage::before { content: ""; position: absolute; z-index: -1; inset: -10% -2%; border-radius: 50%; background: radial-gradient(ellipse,#7be7b838,transparent 67%); pointer-events: none; }
.hub-demo-stage > [data-live-workspace] { box-shadow: none; border-radius: 22px; }
#demo .sarab-tour { --tour-ink: #17382b; --tour-muted: #526056; --tour-mint: #e6f7ef; --tour-line: #cfe5d7; border-color: #ffffffd9; border-radius: 22px; background: linear-gradient(145deg,#ffffffc7,#f4fbf0b3); box-shadow: inset 0 1px 0 #fff; }
#demo .sarab-tour__head { padding: 10px 14px; background: #ffffff73; }
#demo .sarab-tour__tools { padding: 3px; border: 1px solid #ffffffbf; border-radius: 13px; background: #ffffff80; }
#demo .sarab-tour__tools button { border-radius: 10px; }
#demo .sarab-tour__audiences { gap: 6px; padding: 10px 14px; background: #e9f7ef66; }
#demo .sarab-tour__audiences button { border-radius: 999px; }
#demo .sarab-tour__audiences [aria-pressed="true"] { border-color: #b8d9c5; background: #ffffffc7; box-shadow: inset 0 1px 0 #fff,0 3px 9px #173d2307; }
#demo .sarab-tour__tabs { margin: 12px 14px 0; padding: 5px; gap: 3px; border: 1px solid #ffffffd9; border-radius: 15px; background: #ffffff8c; }
#demo .sarab-tour__tabs button { padding-inline: 9px; border-radius: 11px; }
#demo .sarab-tour__tabs [aria-selected="true"] { background: linear-gradient(135deg,#285440,#123426); color: #fff; box-shadow: inset 0 1px 0 #ffffff24,0 4px 12px #1234261a; }
#demo .sarab-tour__panel { padding: 24px; gap: 16px; }
#demo .sarab-tour__work { padding: 18px; border-color: #ffffff; border-radius: 16px; background: #ffffffa6; box-shadow: inset 0 1px 0 #fff,0 6px 20px #12342607; }
#demo .sarab-tour__checklist { gap: 10px; }
#demo .sarab-tour__days > div { border-radius: 12px; background: #ffffff80; }
#demo .sarab-tour__days .is-scheduled { background: #e6f7ef; }
#demo .sarab-tour .sarab-tour__action { min-height: 46px; border: 1px solid #ffffff80; border-radius: 999px; background: linear-gradient(135deg,#285440,#123426); color: #fff; box-shadow: inset 0 1px 0 #ffffff26,0 5px 14px #1234261a; transition: box-shadow 220ms ease,transform 220ms var(--glass-ease); }
#demo .sarab-tour .sarab-tour__action:hover { box-shadow: inset 0 1px 0 #ffffff40,0 8px 22px #12342629; transform: translateY(-1px); }
#demo .sarab-tour__focus-controls button { border-radius: 11px; background: #ffffff8c; }
#demo .sarab-tour__footer { padding: 12px 24px; border-radius: 0 0 22px 22px; background: #e6f7ef80; }
#demo .sarab-tour-dialog { border-color: #fff; border-radius: 26px; background: #f0f9ef; box-shadow: 0 30px 90px #12342640; }
#demo .sarab-tour-dialog::backdrop { background: #12342699; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
@keyframes demo-panel-reveal { from { opacity: .4; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 .hub-demo-features [data-demo-feature-panel]:not([hidden]) { animation: demo-panel-reveal 300ms var(--glass-ease) both; }
}
@media (max-width:1099px) {
 .hub-demo::before { inset-inline: -18px; }
 #demo .sarab-tour__tabs { gap: 4px; }
}
@media (max-width:767px) {
 .atlas-hero__orb { width: 130vw; }
 .atlas-hero__orb--mint { inset-inline-end: -35%; top: 22%; }
 .atlas-hero__orb--lilac { inset-inline-start: -65%; top: 10%; }
 .hub-demo { gap: 20px; }
 .hub-demo::before { inset: 16px -10px; border-radius: 28px; }
 .hub-demo-story { padding: 20px; border-radius: 22px; }
 .hub-demo .hub-section-head h2 { font-size: 36px; }
 .hub-demo-stage { padding: 6px; border-radius: 26px; }
 #demo .sarab-tour__tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 10px 10px 0; overflow: visible; }
 #demo .sarab-tour__tabs button { min-width: 0; padding-inline: 4px; }
 #demo .sarab-tour__head { padding: 8px 10px; gap: 6px; }
 #demo .sarab-tour__tools { gap: 0; padding: 2px; }
 #demo .sarab-tour__tools button { padding-inline: 5px; }
 #demo .sarab-tour__panel { padding: 16px; gap: 12px; }
 #demo .sarab-tour__work { padding: 14px; }
 #demo .sarab-tour__footer { padding: 12px 16px; }
 html[lang="ar"] .hub-demo .hub-section-head h2 { font-size: 34px; }
}
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) #demo * { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion:reduce) {
 .hub-demo-feature,#demo .sarab-tour .sarab-tour__action { transform: none !important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .hub-demo-story { background: #f8fbf5; }
 .hub-demo-stage { background: #f1f9ef; }
}
@media (prefers-reduced-transparency:reduce) {
 .hub-demo-story { background: #f8fbf5; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .hub-demo-stage,#demo .sarab-tour { background: #f1f9ef; }
 .hub-demo-feature,#demo .sarab-tour__work,#demo .sarab-tour__head,#demo .sarab-tour__tabs { background: #fff; }
 .hub-demo-feature[aria-pressed="true"],.hub-demo-features [data-demo-feature-panel],#demo .sarab-tour__footer { background: #e6f7ef; }
 #demo .sarab-tour-dialog::backdrop { background: #123426e6; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (forced-colors:active) {
 .hub-demo::before,.hub-demo-stage::before,.hub-demo .hub-eyebrow::before { display: none; }
 .hub-demo-story,.hub-demo-stage,#demo .sarab-tour,#demo .sarab-tour__head,#demo .sarab-tour__tools,#demo .sarab-tour__audiences,#demo .sarab-tour__tabs,#demo .sarab-tour__work,#demo .sarab-tour__days > div,#demo .sarab-tour__footer,#demo .sarab-tour-dialog { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .hub-demo .hub-eyebrow,.hub-demo-feature,.hub-demo-feature[aria-pressed="true"],.hub-demo-feature > span:first-child,.hub-demo-feature[aria-pressed="true"] > span:first-child,.hub-demo-features [data-demo-feature-panel],#demo .sarab-tour__audiences [aria-pressed="true"],#demo .sarab-tour__tabs [aria-selected="true"],#demo .sarab-tour .sarab-tour__action,#demo .sarab-tour__focus-controls button { background: ButtonFace; color: ButtonText; border-color: ButtonText; box-shadow: none; }
 .hub-demo-feature[aria-pressed="true"],#demo .sarab-tour__tabs [aria-selected="true"] { outline: 2px solid Highlight; outline-offset: -3px; }
 .hub-demo-feature::after,.hub-demo-features [data-demo-feature-panel] p,#demo .sarab-tour p,#demo .sarab-tour small,#demo .sarab-tour__metric,#demo .sarab-tour__checklist li { color: CanvasText; }
 .hub-demo-story > .hub-text-link { background: Canvas; color: LinkText; border-color: LinkText; box-shadow: none; }
 .atlas-stage__frame { box-shadow: none; }
}

/* A permanent emerald finish stays visible between the narrow light sweeps. */
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 .atlas-title { background-image: linear-gradient(112deg,transparent 36%,#0b956c80 42%,#15996f 46%,#128961b3 49%,transparent 55%),linear-gradient(115deg,#007b56 0%,#134d3a 30%,#0b1912 56%,#090a08 80%); background-size: 240% 100%,100% 100%; background-position: 120% 50%,0 50%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: .5px #143b2826; filter: drop-shadow(0 5px 18px #00b67d1c); }
}
/* Extend the painted box past the glyphs so the clipped gradient reaches the final period on narrow screens. */
.atlas-title { padding-inline: .3em; margin-inline: -.3em; }
@keyframes atlas-title-reflection { 0%,10% { background-position: 120% 50%,0 50%; } 62%,100% { background-position: -120% 50%,0 50%; } }
@keyframes atlas-header-light { from { opacity: .3; } to { opacity: .6; } }
@media (min-width:768px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 html[data-cinema-motion="running"] .atlas-hero[data-cinema-active="true"] .atlas-title { animation: atlas-title-reflection 9s var(--glass-ease) infinite; }
 html[data-cinema-motion="running"] .atlas-hero[data-cinema-active="true"] .atlas-hero__atmosphere::after { animation: atlas-header-light 8s ease-in-out infinite alternate; }
 html[data-cinema-motion="running"]:has(.atlas-hero[data-cinema-active="true"]) .ed-header__inner::after { animation: atlas-header-light 7s ease-in-out infinite alternate; }
}

/* Glass cards. */
#features,#product-chapters { position: relative; isolation: isolate; }
#features::before,#product-chapters::before { content: ""; position: absolute; z-index: -1; inset: 12px 0; background: radial-gradient(ellipse at 14% 28%,#8ce4bc33,transparent 56%),radial-gradient(ellipse at 90% 74%,#d1b8e733,transparent 54%); pointer-events: none; }
.home-outcome-row { --journey-glass: #cdf4e380; --journey-accent: #176347; }
.home-outcome-row:nth-child(2) { --journey-glass: #f7dfbd80; --journey-accent: #805a28; }
.home-outcome-row:nth-child(3) { --journey-glass: #e1d2f280; --journey-accent: #665084; }
.home-outcome-row,.home-outcome-row:nth-child(2),.home-outcome-row:nth-child(3) { border-color: #ffffffd9; border-radius: 26px; background: linear-gradient(125deg,#ffffffb3,var(--journey-glass)); backdrop-filter: blur(16px) saturate(1.15); -webkit-backdrop-filter: blur(16px) saturate(1.15); box-shadow: inset 0 1px 0 #fff,0 12px 32px #173d230a,0 3px 10px #173d2305; transition: transform 320ms var(--glass-ease),box-shadow 320ms ease,border-color 320ms ease; }
.home-outcome-row__icon,.home-outcome-row:nth-child(2) .home-outcome-row__icon,.home-outcome-row:nth-child(3) .home-outcome-row__icon { border: 1px solid #ffffffd9; border-radius: 16px; background: linear-gradient(135deg,#ffffffc7,var(--journey-glass)); box-shadow: inset 0 1px 0 #fff,0 5px 14px #173d2308; }
.home-outcome-row__steps { gap: 6px; margin-block: 14px 8px; }
.home-outcome-row__steps li { padding: 4px 9px; border: 1px solid #ffffffb3; border-radius: 999px; background: #ffffff5c; font-size: 12px; }
.home-outcome-row__steps li + li::before { content: none; margin: 0; }
.home-outcome-row__action { min-height: 44px; padding: 8px 14px; border: 1px solid #ffffffcc; border-radius: 999px; background: #ffffff8c; box-shadow: inset 0 1px 0 #fff,0 4px 12px #173d2307; font-weight: 600; text-decoration: none; transition: background-color 220ms ease,box-shadow 220ms ease; }
.home-outcome-row__action:hover { background: #ffffffd9; box-shadow: inset 0 1px 0 #fff,0 6px 18px #173d2314; }
.home-chapter-row { --chapter-glass: #d7f2e580; position: relative; padding: 28px; border: 1px solid #ffffffd9; border-inline-start: 2px solid var(--chapter-accent,#9bc8a7); border-radius: 26px; background: linear-gradient(145deg,#ffffffc7,var(--chapter-glass)); backdrop-filter: blur(16px) saturate(1.15); -webkit-backdrop-filter: blur(16px) saturate(1.15); box-shadow: inset 0 1px 0 #fff,0 14px 34px #173d230a,0 3px 10px #173d2304; transition: transform 320ms var(--glass-ease),box-shadow 320ms ease,border-color 320ms ease; }
#client-work,#estimates-and-documents { --chapter-glass: #f7e3c980; }
#knowledge-and-files,#focused-work { --chapter-glass: #e5d9f380; }
.home-chapter-row__meta { gap: 12px; }
.home-chapter-row__icon { width: 42px; height: 42px; flex: 0 0 42px; padding: 9px; border: 1px solid #ffffffd9; border-radius: 14px; background: #ffffff8c; box-shadow: inset 0 1px 0 #fff,0 4px 12px #173d2307; }
.home-chapter-row__label { font-size: 12px; font-weight: 600; }
.home-chapter-row__actions { gap: 8px; }
.home-chapter-row__actions a { min-height: 44px; padding: 8px 12px; border: 1px solid #ffffffbf; border-radius: 999px; background: #ffffff66; font-size: 13px; text-decoration: none; transition: background-color 220ms ease,box-shadow 220ms ease; }
.home-chapter-row .home-chapter-row__actions .home-chapter-row__primary { border-color: #ffffff8c; background: var(--chapter-link,#176347); color: #fff; box-shadow: inset 0 1px 0 #ffffff30,0 4px 12px #173d2312; }
.home-chapter-row__actions a:hover { background: #ffffffbf; box-shadow: 0 6px 16px #173d2310; }
.home-chapter-row .home-chapter-row__actions .home-chapter-row__primary:hover { background: var(--chapter-link,#176347); box-shadow: inset 0 1px 0 #ffffff50,0 7px 20px #173d2326; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 .home-outcome-row:hover,.home-chapter-row:hover { transform: translateY(-3px); border-color: #fff; box-shadow: inset 0 1px 0 #fff,0 20px 42px #173d2312,0 4px 12px #173d2308; }
}
.home-outcome-row:focus-within,.home-chapter-row:focus-within { box-shadow: inset 0 1px 0 #fff,0 16px 38px #173d2314; }

/* The client scene uses a real document hierarchy within a restrained glass frame. */
.cinema-client-board { padding: 18px; border: 1px solid #ffffffd9; border-radius: 28px; background: linear-gradient(145deg,#ffffff8c,#e8ece17a); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 #fff,0 24px 48px #233b2010; }
.cinema-client-context { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.cinema-client-avatar { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #ffffffd9; border-radius: 12px; background: #dcebdc; color: #315b45; font-size: 12px; font-weight: 600; }
.cinema-client-context > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cinema-client-context strong { color: #244331; font-size: 13px; font-weight: 600; }
.cinema-client-context > div > span { color: #566957; font-size: 11px; }
.cinema-client-context__status { margin-inline-start: auto; padding: 5px 10px; border: 1px solid #c7d7c8; border-radius: 999px; background: #f6f8f1; color: #526752; font-size: 10px; }
.cinema-client-board .cinema-paper { padding: 24px; border-radius: 18px; box-shadow: inset 0 1px 0 #fff,0 10px 24px #29442c0c; }
.cinema-client-board .cinema-paper-stack::before { inset: 4px -3px -6px 4px; border-radius: 18px; transform: rotate(1deg); box-shadow: none; }
.cinema-client-board .cinema-paper__brand { margin-bottom: 16px; }
.cinema-client-board .cinema-paper__brand > span:first-child { font-size: 25px; }
.cinema-client-board .cinema-paper__status { color: #526c5b; font-size: 10px; }
.cinema-client-board .cinema-mini-kicker { color: #617160; font-size: 10px; }
.cinema-client-board .cinema-paper h3 { font-size: clamp(32px,3.4vw,42px); margin-block: 8px 14px; }
.cinema-client-board .cinema-paper__project { gap: 5px; padding-bottom: 14px; }
.cinema-client-board .cinema-paper__project > span:first-child { font-size: 13px; }
.cinema-client-board .cinema-paper__project > span:last-child { color: #5c6c59; font-size: 11px; line-height: 1.5; }
.cinema-paper__meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding-block: 14px; }
.cinema-paper__meta > div { display: flex; flex-direction: column; gap: 5px; }
.cinema-paper__meta span { color: #667260; font-size: 10px; }
.cinema-paper__meta strong { color: #334d39; font-size: 12px; font-weight: 500; }
.cinema-paper__items { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; text-align: start; font-variant-numeric: tabular-nums; }
.cinema-paper__items :is(th,td) { text-align: start; padding: 12px 0; border-bottom: 1px solid #dce3d7; color: #3e5542; vertical-align: top; }
.cinema-paper__items thead th { padding-block: 8px; color: #657260; font-size: 10px; font-weight: 500; }
.cinema-paper__items th:first-child { width: 49%; padding-inline-end: 8px; font-weight: 500; }
.cinema-paper__items :is(th,td):nth-child(2) { width: 9%; text-align: center; }
.cinema-paper__items :is(th,td):nth-child(n+3) { width: 21%; text-align: end; white-space: nowrap; }
.cinema-paper__items small { display: block; margin-top: 4px; color: #687563; font-size: 10px; font-weight: 400; line-height: 1.5; }
.cinema-client-board .cinema-paper__total { padding-block: 18px; }
.cinema-client-board .cinema-paper__total > span { color: #536650; font-size: 11px; }
.cinema-client-board .cinema-paper__total > strong { font-size: 32px; }
.cinema-paper__terms { min-height: 80px; padding-block: 0 14px; }
.cinema-paper__terms > span { color: #536650; font-size: 10px; font-weight: 600; }
.cinema-paper__terms p { margin-top: 5px; color: #52614e; font-size: 11px; line-height: 1.6; }
.cinema-client-board .cinema-paper__foot { padding-top: 12px; color: #536b54; font-size: 10px; }
.cinema-story--client .cinema-figure::before { background: radial-gradient(ellipse,#b5d4b81c,transparent 68%); }

/* Six visible tool chapters share the scene language and alternate their emphasis. */
.chapter-section-note { margin-top: 12px; color: #64695e; font-size: 12px; line-height: 1.6; }
.home-chapter-list { grid-template-columns: repeat(12,minmax(0,1fr)); gap: 22px; margin-top: 32px; }
.home-chapter-row { display: grid; grid-column: span 5; grid-template-areas: "meta" "scene" "copy"; grid-template-columns: minmax(0,1fr); align-content: start; gap: 18px; padding: 26px; background: linear-gradient(145deg,#ffffffe0,var(--chapter-glass)); box-shadow: inset 0 1px 0 #fff,0 16px 30px #173d2308; }
.home-chapter-row:is(#projects-and-tasks,#estimates-and-documents,#knowledge-and-files) { grid-column: span 7; grid-template-columns: minmax(0,1.16fr) minmax(0,.84fr); grid-template-areas: "meta meta" "copy scene"; gap: 24px; }
.home-chapter-row__meta { grid-area: meta; }
.home-chapter-row__copy { grid-area: copy; min-width: 0; }
.home-chapter-row h3 { font-size: clamp(28px,2.6vw,36px); line-height: 1.12; max-width: 22ch; }
.home-chapter-row__description { margin-top: 16px; font-size: 14px; line-height: 1.65; }
.home-chapter-row__actions { margin-top: 20px; }
.home-chapter-row__actions a { font-size: 12px; padding-inline: 11px; }
.home-chapter-row__note { font-size: 12px; line-height: 1.6; }
.chapter-scene { grid-area: scene; position: relative; align-self: center; min-width: 0; padding: 18px; border: 1px solid #fff; border-radius: 18px; color: var(--chapter-link,#176347); background: linear-gradient(145deg,#ffffffd9,#ffffff66); box-shadow: inset 0 1px 0 #fff,0 15px 28px #223b2010,0 3px 8px #223b2005; transform: rotate(-1deg); transition: transform 450ms var(--glass-ease); }
.chapter-scene__bar { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 16px; color: #607264; font-size: 10px; }
.chapter-scene__bar > span:last-child { padding: 2px 6px; border: 1px solid #dce5d8; border-radius: 999px; font-size: 9px; }
.chapter-scene__title { display: block; margin-bottom: 14px; color: #315840; font-size: 14px; font-weight: 600; }
.chapter-scene__task { display: flex; align-items: flex-start; gap: 8px; padding-block: 9px; border-bottom: 1px solid #dce5d8; color: #4e6552; font-size: 11px; line-height: 1.5; }
.chapter-scene__check { flex: 0 0 15px; display: grid; place-items: center; width: 15px; height: 15px; margin-top: 1px; border: 1px solid #a7c8af; border-radius: 5px; color: #176347; font-size: 10px; font-style: normal; }
.chapter-scene__task:first-of-type .chapter-scene__check { background: #d7eddf; }
.chapter-scene__progress { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; color: #6b7b66; font-size: 9px; }
.chapter-scene__progress i { height: 3px; border-radius: 3px; background: linear-gradient(90deg,#5d9873 33%,#dce5d8 33%); }
.chapter-scene__client { display: flex; align-items: center; gap: 12px; }
.chapter-scene__client > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.chapter-scene__client strong { color: #69512d; font-size: 13px; font-weight: 600; }
.chapter-scene__client div > span { color: #796a53; font-size: 11px; line-height: 1.5; }
.chapter-scene--client .cinema-client-avatar { background: #f1e5d3; color: #805a28; }
.chapter-scene__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.chapter-scene__tags span { padding: 4px 8px; border: 1px solid #e0d8c9; border-radius: 7px; color: #75684f; font-size: 10px; }
.chapter-scene__sheet { position: relative; padding: 18px 14px; border: 1px solid #e6ddcd; border-radius: 12px; background: #fffefa; box-shadow: 5px 6px 0 #e4dac94d; }
.chapter-scene__sheet > span { display: block; color: #78684f; font-size: 10px; line-height: 1.5; }
.chapter-scene__sheet > strong { display: block; margin-block: 18px; color: #614b2d; font-size: 27px; font-weight: 500; letter-spacing: -.04em; direction: ltr; }
.chapter-scene__sheet small { font-size: 11px; letter-spacing: 0; }
.chapter-scene__document-rule { height: 1px; margin-bottom: 10px; background: #e4ddcf; }
.chapter-scene__week { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; }
.chapter-scene__week > div { display: flex; flex-direction: column; gap: 6px; min-height: 68px; padding: 8px 4px; border: 1px solid #e0e7d8; border-radius: 8px; text-align: center; color: #687762; font-size: 10px; }
.chapter-scene__week i { height: 11px; border-radius: 3px; background: #c8ddd0; }
.chapter-scene__week i + i { background: #e2d4b9; }
.chapter-scene__week .chapter-scene__day--active { background: #e2efe2; border-color: #bad0bd; color: #315d40; }
.chapter-scene__caption { display: block; margin-top: 14px; color: #65755f; font-size: 10px; line-height: 1.6; text-align: center; }
.chapter-scene__note { padding: 16px; border: 1px solid #e5def0; border-radius: 12px; background: #fdfaff; box-shadow: 5px 6px 0 #d9cfe547; }
.chapter-scene__note svg { display: block; width: 22px; height: 22px; margin-bottom: 12px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.chapter-scene__note strong { display: block; color: #665084; font-size: 13px; font-weight: 500; }
.chapter-scene__note > span { display: block; margin-block: 8px 14px; color: #7d6f91; font-size: 10px; line-height: 1.6; }
.chapter-scene__note-line { height: 3px; margin-top: 7px; border-radius: 3px; background: #e5dfee; }
.chapter-scene__note-line:last-child { width: 65%; }
.chapter-scene__dial { display: grid; place-items: center; width: 92px; height: 92px; margin-inline: auto; border: 3px solid #d5e4d4; border-block-start-color: #4e9368; border-inline-end-color: #4e9368; border-radius: 50%; }
.chapter-scene__dial strong { color: #2d593d; font-size: 26px; font-weight: 400; font-variant-numeric: tabular-nums; direction: ltr; }
.chapter-scene__dial strong > span { color: #6e9075; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 .home-chapter-row:hover .chapter-scene,.home-chapter-row:focus-within .chapter-scene { transform: translateY(-3px) rotate(0deg); }
}
@media (max-width:1099px) {
 .home-chapter-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
 .home-chapter-row,.home-chapter-row:is(#projects-and-tasks,#estimates-and-documents,#knowledge-and-files) { grid-column: auto; grid-template-columns: minmax(0,1fr); grid-template-areas: "meta" "scene" "copy"; gap: 18px; }
 .chapter-scene { width: 100%; align-self: start; }
 .chapter-scene--projects .chapter-scene__task { padding-block: 6px; }
 .chapter-scene--projects .chapter-scene__progress { margin-top: 10px; }
}
@media (max-width:767px) {
 .home-chapter-list { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .home-chapter-row,.home-chapter-row:is(#projects-and-tasks,#estimates-and-documents,#knowledge-and-files) { padding: 22px; }
 .chapter-scene { transform: none; }
 .cinema-client-board { padding: 12px; border-radius: 22px; }
 .cinema-client-board .cinema-paper { padding: 18px; }
 .cinema-client-board .cinema-paper h3 { font-size: 32px; }
 .cinema-client-board .cinema-paper__brand { margin-bottom: 12px; gap: 8px; }
 .cinema-client-board .cinema-paper__brand > span:first-child { font-size: 23px; }
 .cinema-client-board .cinema-paper__status { padding: 4px 6px; font-size: 8px; }
 .cinema-paper__items { font-size: 11px; }
 .cinema-paper__items small { font-size: 9px; }
 .cinema-paper__items thead th { font-size: 9px; }
 .cinema-paper__terms { min-height: 104px; }
 .cinema-client-board .cinema-paper__total > strong { font-size: 28px; }
}
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) .chapter-scene { transform: none !important; transition: none !important; }
@media (prefers-reduced-motion:reduce),(forced-colors:active) { .chapter-scene { transform: none !important; transition: none !important; } }
@media (prefers-reduced-transparency:reduce) { .cinema-client-board,.chapter-scene { background: #f7f8f2; backdrop-filter: none; -webkit-backdrop-filter: none; } }
@media (forced-colors:active) {
 .cinema-client-board,.chapter-scene,.chapter-scene__sheet,.chapter-scene__note,.cinema-client-avatar,.cinema-client-context__status,.chapter-scene__tags span,.chapter-scene__week > div,.chapter-scene__dial { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .cinema-client-board :is(span,strong,small,p,th,td),.chapter-scene :is(span,strong,small) { color: CanvasText; }
 .chapter-scene :is(i,.chapter-scene__note-line,.chapter-scene__document-rule) { background: CanvasText; }
}

/* Width gives the composition room; height keeps the hero in proportion.
   Native captures keep their complete aspect ratio at every screen size. */
:root { --home-width: clamp(1400px,88vw,1920px); --cinema-pin-gap: 24px; --cinema-pin-padding: 24px; }
.atlas-wrap,.ed-wrap,.hub-wrap,.ed-header__inner { max-width: var(--home-width); }
.ed-header::before { inset-inline: max(24px,calc((100% - var(--home-width)) / 2 - 28px)); }
@media (min-width:900px) {
 .atlas-title { font-size: clamp(80px,min(10.742vw,11.5svh),184px); }
 .atlas-subtitle { font-size: clamp(36px,min(5.08vw,5.9svh),80px); }
 .atlas-map { max-width: clamp(900px,calc(156svh - 720px),1920px); }
 .atlas-ribbon { width: clamp(840px,76svh,1260px); height: auto; aspect-ratio: 1; inset-inline-end: calc((100vw - min(100vw,var(--home-width))) / 2 - 420px); }
 .cinema-figure { max-width: 1120px; width: 100%; margin-inline: auto; }
 .cinema-copy > p:not(.cinema-eyebrow) { max-width: 40ch; }
 html[lang="ar"] .atlas-title { font-size: clamp(52px,min(8vw,9svh),128px); }
 html[lang="ar"] .atlas-subtitle { font-size: clamp(32px,min(4.3vw,4.9svh),64px); }
}
@media (min-width:1600px) {
 .ed-nav a { font-size: 14px; }
 .cinema-layout { grid-template-columns: minmax(0,.36fr) minmax(0,.64fr); }
 .cinema-copy h2 { font-size: clamp(76px,4.5vw,96px); }
 .cinema-copy > p:not(.cinema-eyebrow) { font-size: 18px; }
 .cinema-eyebrow,.cinema-story-steps,.cinema-next { font-size: 13px; }
 .cinema-figure figcaption { font-size: 12px; }
 .atlas-focus__inner { gap: 52px; }
 .atlas-focus p.atlas-focus__lead { font-size: 21px; }
 .atlas-focus p:not(.atlas-chapter-number) { font-size: 17px; }
 .home-chapter-row h3 { font-size: 42px; }
 .home-chapter-row__description { font-size: 16px; }
 .home-chapter-row__label,.home-chapter-row__actions a { font-size: 14px; }
 .home-chapter-row__note { font-size: 13px; }
 .chapter-scene { padding: 24px; }
 .chapter-scene__title { font-size: 16px; }
 .chapter-scene__task,.chapter-scene__client div > span,.chapter-scene__note > span { font-size: 12px; }
 .cinema-client-board .cinema-paper { padding: 30px; }
 .cinema-paper__items { font-size: 14px; }
 .cinema-client-board .cinema-paper__project > span:first-child,.cinema-client-context strong { font-size: 15px; }
 .cinema-paper__meta strong { font-size: 13px; }
 .cinema-paper__terms p,.cinema-client-board .cinema-paper__project > span:last-child { font-size: 12px; }
}
@media (min-width:600px) and (max-width:899px) and (max-height:600px) {
 .ed-header__inner { display: flex; gap: 12px; }
 .ed-language { margin-inline-start: auto; }
 .ed-brand { font-size: 18px; }
 .atlas-hero { padding-top: 16px; }
}

/* The composition has its own comfortable reading height, even on a tall monitor. */
.cinema-story { padding-block: clamp(48px,6svh,84px); }
.cinema-pin { min-height: 0; }
.cinema-pin > * { flex-shrink: 0; }
.cinema-layout { max-width: 1760px; }
.cinema-copy h2 { text-wrap: balance; }
.cinema-story--client .cinema-figure { max-width: 960px; }
.cinema-story-steps { gap: 10px 20px; margin-top: 26px; font-size: 12px; }
.cinema-figure figcaption { font-size: 12px; }
.home-chapter-row { align-content: stretch; grid-template-rows: auto auto minmax(0,1fr); }
.home-chapter-row:is(#projects-and-tasks,#estimates-and-documents,#knowledge-and-files) { grid-template-rows: auto minmax(0,1fr); }
.home-chapter-row__copy { display: flex; flex-direction: column; align-self: stretch; }
.home-chapter-row__actions { margin-block-start: auto; padding-block-start: 20px; }
@media (min-width:900px) {
 .cinema-story--local .cinema-figure { max-width: min(1120px,calc((100svh - 340px) * 1.2)); }
}
@media (max-width:1099px) {
 .home-chapter-row:is(#projects-and-tasks,#estimates-and-documents,#knowledge-and-files) { grid-template-rows: auto auto minmax(0,1fr); }
}
@media (max-width:899px) {
 .cinema-story-steps { display: flex; }
 .cinema-device__welcome { gap: 10px; }
 .cinema-figure figcaption { font-size: 11px; }
}
@media (min-width:900px) and (max-height:900px) {
 .cinema-eyebrow { margin-bottom: 18px; }
 .cinema-copy h2 { font-size: clamp(44px,4.6vw,66px); }
 .cinema-copy > p:not(.cinema-eyebrow) { margin-top: 18px; font-size: 16px; }
 .cinema-story-steps { margin-top: 22px; }
 .cinema-today__content { padding: 24px; }
 .cinema-today__summary { margin-block: 20px; }
 .cinema-task { padding-block: 16px; }
 .cinema-day-progress { padding-top: 18px; }
 .cinema-figure figcaption { margin-top: 18px; }
}

/* Header feedback. */
.ed-language { position: relative; isolation: isolate; direction: ltr; }
.ed-language button { position: relative; z-index: 1; transition: color 220ms ease,transform 220ms var(--glass-ease); }
.ed-language button:hover { color: #005c3f; }
.ed-language button:active { transform: scale(.92); }
@supports selector(:has(*)) {
 .ed-language { display: grid; grid-template-columns: 44px 44px 60px; padding: 4px; }
 .ed-language::before { content: ""; position: absolute; z-index: 0; top: 4px; bottom: 4px; left: 4px; width: 44px; border: 1px solid #ffffffa6; border-radius: 999px; background: linear-gradient(135deg,#d5f7e9,#bdefd980); box-shadow: inset 0 1px 0 #fff,0 3px 9px #007b550c; transition: transform 380ms var(--glass-ease); pointer-events: none; }
 .ed-language:has([data-home-language="ar"][aria-pressed="true"])::before { transform: translateX(44px); }
 .ed-language:has([data-home-language="pt-BR"][aria-pressed="true"])::before { transform: translateX(88px); width: 60px; }
 .ed-language button[aria-pressed="true"] { background: transparent; box-shadow: none; }
}
.ed-nav a:focus-visible::after { transform: scaleX(1); }
.ed-header .ed-header__open { transition: transform 220ms var(--glass-ease),background-color 220ms ease,box-shadow 220ms ease; }
.ed-header .ed-header__open:active { transform: scale(.97); }
.ed-mobile-menu > summary { border-radius: 999px; transition: background-color 220ms ease,box-shadow 220ms ease; }
.ed-mobile-menu[open] > summary { background: #def7e9b3; box-shadow: inset 0 1px 0 #fff; }
@media (max-width:767px) {
 .home-outcome-row,.home-outcome-row:nth-child(2),.home-outcome-row:nth-child(3),.home-chapter-row { border-radius: 22px; }
 .home-chapter-row { padding: 22px; }
 .home-outcome-row__steps li { font-size: 11px; }
 .home-chapter-row__actions a { font-size: 12px; }
}
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) .atlas-title,
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) .ed-header__inner::after,
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) .atlas-hero__atmosphere::after { animation: none !important; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) :is(.home-outcome-row,.home-chapter-row,.home-outcome-row__action,.home-chapter-row__actions a,.ed-header__inner,.ed-language button,.ed-header .ed-header__open,.ed-mobile-menu > summary) { transition: none !important; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) .ed-language::before { transition: none !important; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"],[data-home-motion-suspended="true"]) :is(.home-outcome-row,.home-chapter-row,.ed-language button,.ed-header .ed-header__open) { transform: none !important; }
@media (prefers-reduced-motion:reduce) {
 .atlas-title,.ed-header__inner::after,.atlas-hero__atmosphere::after { animation: none !important; }
 .home-outcome-row,.home-chapter-row,.ed-language button,.ed-header .ed-header__open { transform: none !important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .home-outcome-row,.home-outcome-row:nth-child(2),.home-outcome-row:nth-child(3) { background: #f3f8f1; }
 .home-chapter-row { background: #f3f8f1; }
}
@media (prefers-reduced-transparency:reduce) {
 .ed-header__inner { background: #f7f5ee; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .ed-header::before,.ed-header__inner::after { display: none; }
 .home-outcome-row,.home-outcome-row:nth-child(2),.home-outcome-row:nth-child(3),.home-chapter-row { background: #f3f8f1; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .home-outcome-row__icon,.home-outcome-row:nth-child(2) .home-outcome-row__icon,.home-outcome-row:nth-child(3) .home-outcome-row__icon,.home-chapter-row__icon,.home-outcome-row__steps li,.home-outcome-row__action,.home-chapter-row__actions a { background: #fff; }
 .ed-language::before { background: #d5f7e9; }
}
@media (forced-colors:active) {
 .atlas-title { background: none; -webkit-text-fill-color: CanvasText; -webkit-text-stroke: 0; filter: none; text-shadow: none; animation: none !important; }
 .ed-header::before,.ed-header__inner::after { display: none; }
 #features::before,#product-chapters::before,.ed-language::before { display: none; }
 .home-outcome-row,.home-outcome-row:nth-child(2),.home-outcome-row:nth-child(3),.home-chapter-row,.home-outcome-row__icon,.home-outcome-row:nth-child(2) .home-outcome-row__icon,.home-outcome-row:nth-child(3) .home-outcome-row__icon,.home-chapter-row__icon,.home-outcome-row__steps li { color: CanvasText; background: Canvas; border-color: CanvasText; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
 .home-outcome-row__action,.home-outcome-row:nth-child(2) .home-outcome-row__action,.home-outcome-row:nth-child(3) .home-outcome-row__action,.home-chapter-row__actions a,.home-chapter-row .home-chapter-row__actions .home-chapter-row__primary { background: Canvas; color: LinkText; border-color: LinkText; box-shadow: none; }
 .ed-language button[aria-pressed="true"] { background: Highlight; color: HighlightText; }
 .home-outcome-row:focus-within,.home-chapter-row:focus-within,.ed-mobile-menu[open] > summary { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
}

/* Smoothness layer, 2026-10-16. Desktop scrolling profiled at about 10fps:
   thirty translucent surfaces re-blurred the page behind them on every frame.
   Live blur stays on the floating header only (DESIGN.md keeps glass for
   navigation); the surfaces keep their translucent gradients and hairlines.
   The ribbon drops a drop-shadow filter that its 0.14 opacity already hid,
   and the decorative layers contain their own paint. */
#main *, #main *::before, #main *::after { -webkit-backdrop-filter: none; backdrop-filter: none; }
.atlas-ribbon { filter: none; contain: layout paint; }
.atlas-hero__atmosphere { contain: strict; }
/* One Anton download: the face points at the same versioned URL the page preloads. */
@font-face { font-family: Anton; src: url('/assets/fonts/anton/Anton-Regular.ttf?v=a4ba3a92350ebb031da0cb47630ac49eb265082ca1bc0450442f4a83ab947cab') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }

/* Smooth scrolling (vendor/design/lenis.css, MIT): applied only while Lenis owns the wheel. */
html.lenis,html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }

/* Homepage effects (home-effects.js). Everything is readable without them; only transform,
   translate and opacity move, and each rule waits for the motion controller's open gates. */
.fx-progress { position: fixed; z-index: 40; top: 0; inset-inline: 0; height: 2px; background: linear-gradient(90deg,#00d492,#5fe9be 60%,#00b77f); transform: scaleX(0); transform-origin: left center; pointer-events: none; will-change: transform; }
.ed-header__inner > .fx-progress { position: absolute; top: auto; bottom: -1px; inset-inline: 26px; height: 2px; border-radius: 2px; box-shadow: 0 0 10px #00d49266; }
html[dir="rtl"] .fx-progress { transform-origin: right center; background: linear-gradient(270deg,#00d492,#5fe9be 60%,#00b77f); }
/* The pointer light sits under the content (and under real captures), above the card fill. */
[data-fx-light] { position: relative; isolation: isolate; }
.fx-light { position: absolute; z-index: -1; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.fx-light i { position: absolute; top: 0; left: 0; width: 460px; height: 460px; margin: -230px 0 0 -230px; border-radius: 50%; background: radial-gradient(circle,#ffffffe6 0%,#d4fcebb3 30%,transparent 66%); transform: translate3d(var(--fx-mx,50%),var(--fx-my,50%),0); scale: 0; transition: scale 420ms var(--glass-ease); }
.ed-sample-entry .fx-light i { background: radial-gradient(circle,#00d49247 0%,#00d4921a 38%,transparent 66%); }
.atlas-stage__frame .fx-light i { background: radial-gradient(circle,#ffffff 0%,#b9f7dfcc 28%,transparent 64%); }
.atlas-focus__frame .fx-light i { background: radial-gradient(circle,#b8ffe475 0%,#b8ffe426 40%,transparent 66%); }
.atlas-connectors circle { transform-box: fill-box; transform-origin: center; }
@media screen and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 html[data-home-fx="ready"][data-home-motion-controller="ready"][data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) [data-fx-reveal="wait"] { opacity: .35; translate: 0 24px; }
 html[data-home-fx="ready"][data-home-motion-controller="ready"][data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) [data-fx-reveal="go"] { transition: opacity 640ms ease var(--fx-delay,0ms),translate 820ms cubic-bezier(.16,1,.3,1) var(--fx-delay,0ms); }
 html[data-home-fx="ready"][data-home-motion-controller="ready"][data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) .atlas-connectors path { stroke-dasharray: 1; animation: fx-draw 900ms var(--glass-ease) both; animation-delay: calc(280ms + var(--fx-n,0) * 110ms); }
 html[data-home-fx="ready"][data-home-motion-controller="ready"][data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) .atlas-connectors circle { animation: fx-pop 520ms var(--glass-ease) 820ms both; }
 .fx-progress { transition: transform 90ms linear; }
}
@media (min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 html[data-home-fx="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-fx-pointer="on"] > .fx-light i { scale: 1; }
 html[data-home-fx="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-fx-light="shift"] { transform: translate3d(var(--fx-tx,0px),var(--fx-ty,0px),0); transition: transform 600ms var(--glass-ease); }
 html[data-home-fx="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-fx-light="shift"][data-fx-pointer="on"] { transition-duration: 180ms; }
 html[data-home-fx="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) [data-fx-magnetic] { transition: translate 260ms var(--glass-ease),box-shadow 300ms ease,background-color 180ms ease,border-color 180ms ease; }
 html[data-home-fx="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-hero :is(.atlas-hero__orb,.atlas-hero__grid,.atlas-destination__icon) { transition: translate 700ms var(--glass-ease); }
 /* A light sweep across the primary buttons on hover. */
 html[data-home-fx="ready"] [data-fx-magnetic] { position: relative; overflow: hidden; isolation: isolate; }
 html[data-home-fx="ready"] [data-fx-magnetic]::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(105deg,transparent 28%,#ffffff57 50%,transparent 72%); transform: translateX(-120%); transition: transform 650ms var(--glass-ease); pointer-events: none; }
 html[data-home-fx="ready"][data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) [data-fx-magnetic]:hover::after { transform: translateX(120%); }
 html[dir="rtl"][data-home-fx="ready"] [data-fx-magnetic]::after { transform: translateX(120%); }
 html[dir="rtl"][data-home-fx="ready"][data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) [data-fx-magnetic]:hover::after { transform: translateX(-120%); }
 /* Chapter and outcome rows: the icon answers the pointer. */
 html[data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) :is(.home-chapter-row__icon,.home-outcome-row__icon) { transition: transform 360ms var(--glass-ease); }
 html[data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) :is(.home-chapter-row,.home-outcome-row):hover :is(.home-chapter-row__icon,.home-outcome-row__icon) { transform: rotate(-8deg) scale(1.12); }
 html[dir="rtl"][data-home-motion-blocked="false"]:not([data-home-motion-paused="true"]) :is(.home-chapter-row,.home-outcome-row):hover :is(.home-chapter-row__icon,.home-outcome-row__icon) { transform: rotate(8deg) scale(1.12); }
}
@keyframes fx-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes fx-pop { from { transform: scale(0); } to { transform: none; } }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"]) :is([data-fx-reveal],[data-fx-light],[data-fx-magnetic],.atlas-hero__orb,.atlas-hero__grid,.atlas-destination__icon) { translate: none !important; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"]) [data-fx-light="shift"] { transform: none !important; }
html:is([data-home-motion-paused="true"],[data-home-motion-blocked="true"]) .fx-light { display: none; }
@media print { .fx-progress,.fx-light { display: none !important; } [data-fx-reveal] { opacity: 1 !important; translate: none !important; } }
@media (forced-colors:active) { .fx-progress { background: Highlight; box-shadow: none; } .fx-light { display: none; } }

/* Landing polish (2026-10-19): the Focus card clears the capture, and both product captures get depth, a hover lift and one soft light pass. */
.atlas-focus__figure:has(> .cinema-focus-timer) { padding-top: 92px; }
.atlas-stage__frame,.atlas-focus__frame { position: relative; }
.atlas-stage__frame::after,.atlas-focus__frame::after { content: ""; position: absolute; inset: 10px; border-radius: 20px; pointer-events: none; background: linear-gradient(105deg,transparent 43%,#ffffff1f 47.5%,#ffffff40 50%,#ffffff1f 52.5%,transparent 57%) no-repeat 160% 0 / 260% 100%; }
.atlas-focus__frame::after { inset: 9px; border-radius: 16px; }
@keyframes atlas-capture-sheen { from { background-position: 160% 0; } to { background-position: -60% 0; } }
@media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-stage__frame::after { animation: atlas-capture-sheen 2.6s cubic-bezier(.22,.61,.36,1) 1s 1 both; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-focus[data-cinema-active="true"] .atlas-focus__frame::after { animation: atlas-capture-sheen 2.6s cubic-bezier(.22,.61,.36,1) .5s 1 both; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 .atlas-stage__frame,.atlas-focus__frame { transition: transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s cubic-bezier(.22,.61,.36,1); }
 .atlas-stage__frame:hover { transform: translateY(-4px); box-shadow: inset 0 1px 0 #fff,0 34px 70px #1437261f,0 0 0 1px #00d49229,0 0 60px #00d49222; }
 .atlas-focus__frame:hover { transform: translateY(-4px); box-shadow: inset 0 1px 0 #ffffff73,0 40px 72px #005e4538,0 0 50px #ffffff2e; }
}
@media (max-width:899px) {
 .atlas-focus__figure:has(> .cinema-focus-timer) { padding-top: 66px; }
}
@media (max-width:767px) {
 .atlas-focus__figure:has(> .cinema-focus-timer) { padding-top: 82px; }
 .atlas-stage__frame::after { inset: 6px; border-radius: 12px; }
 .atlas-focus__frame::after { inset: 5px; border-radius: 7px; }
}

/* Landing entrance choreography (2026-10-19): the capture settles into place, the six destinations arrive in sequence and keep a slow float, the marker sweeps in under "make it happen.", and the primary action sends three soft rings. Transform- and background-only, so no content is hidden awaiting JS; gated on the motion controller, reduced motion, forced colors and print. */
.atlas-destination--projects { --atlas-n: 0; } .atlas-destination--planning { --atlas-n: 1; } .atlas-destination--clients { --atlas-n: 2; } .atlas-destination--focus { --atlas-n: 3; } .atlas-destination--documents { --atlas-n: 4; } .atlas-destination--resources { --atlas-n: 5; }
@keyframes atlas-capture-settle { from { transform: translateY(30px) scale(.97); } to { transform: translateY(0) scale(1); } }
@keyframes atlas-destination-arrive { from { transform: translateY(18px) scale(.88); } to { transform: translateY(0) scale(1); } }
@keyframes atlas-destination-float { from { transform: translateY(0); } to { transform: translateY(-4px); } }
@keyframes atlas-marker-sweep { from { background-size: 0% 100%; border-color: transparent; box-shadow: inset 0 1px 0 #ffffff00,inset 0 -1px 0 #00a97400,0 8px 28px #00c98c00,0 0 44px #00d49200; } to { background-size: 100% 100%; border-color: #ffffffb3; box-shadow: inset 0 1px 0 #ffffffd6,inset 0 -1px 0 #00a97418,0 8px 28px #00c98c20,0 0 44px #00d49212; } }
@keyframes atlas-cta-ring { 0% { outline: 1.5px solid #00d49285; outline-offset: 3px; } 62%,100% { outline: 1.5px solid #00d49200; outline-offset: 22px; } }
@media (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-stage__frame { animation: atlas-capture-settle 1.1s cubic-bezier(.22,1,.36,1) 140ms 1 backwards; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-destination { animation: atlas-destination-arrive 640ms cubic-bezier(.22,1,.36,1) calc(460ms + var(--atlas-n,0) * 90ms) 1 backwards; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-destination__icon { animation: atlas-destination-float 5.4s ease-in-out calc(1400ms + var(--atlas-n,0) * 350ms) infinite alternate; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-highlight { background-repeat: no-repeat; background-position: 0 50%; animation: atlas-marker-sweep 760ms cubic-bezier(.22,1,.36,1) 560ms 1 backwards; }
 html[dir="rtl"][data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-highlight { background-position: 100% 50%; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-hero .atlas-button { animation: atlas-cta-ring 2.8s cubic-bezier(.2,.7,.2,1) 1.6s 3; }
 html[data-home-motion-controller="ready"][data-home-motion-blocked="false"][data-home-motion-suspended="false"]:not([data-home-motion-paused="true"]) .atlas-hero .atlas-button:is(:hover,:focus-visible,:active) { animation: none; }
}
@media print { .atlas-stage__frame,.atlas-destination,.atlas-destination__icon,.atlas-highlight,.atlas-button { animation: none !important; } }

/* Portuguese variants are selected by the same page-language controller. */
[data-product-language="pt-BR"] { display: none; }
html[lang="pt-BR"] [data-product-language="pt-BR"] { display: inline-flex; }