/* Warm ink and tactile surfaces; every diagram describes a different service. */
.ss-hero .cx-world{inset:auto;position:relative;width:100%;margin:0!important;mask-image:none!important;z-index:0;--connected:0}.cx-world:before{content:'';position:absolute;inset:8% -5% 25%;background:radial-gradient(ellipse,#ef742517,transparent 67%);z-index:-1;pointer-events:none}.cx-hero-svg{width:100%;height:auto;display:block;overflow:visible;stroke:#fa8c46;stroke-width:1.2}.cx-label,.cx-core-label,.cx-core-sub,.cx-small{stroke:none;fill:#d7c5bb;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:13px;direction:ltr}.cx-core-label{font-size:18px;fill:#ffae79;font-weight:500}.cx-core-sub{font-size:10px;fill:#b9b5c3}.cx-small{font-size:12px}.cx-app>rect{fill:#171626;stroke:#ffae7970;stroke-width:1}.cx-app>g{stroke:#fa8c46;fill:none;opacity:calc(.5 + var(--connected)*.5)}.cx-app text{font-size:11px}.cx-framework{opacity:var(--connected)}.cx-framework>rect:first-child{fill:#251b23;stroke:#ffae79;filter:drop-shadow(0 0 16px #ff762821)}.cx-frame-echo{stroke-dasharray:1 5;stroke:#ffae7935;stroke-width:.8}.cx-modules{fill:#ed762e;stroke:#ffa86b;opacity:.75}.cx-wires{stroke:#ff9854;stroke-width:1.1;opacity:calc(.22 + var(--connected)*.5)}.cx-flow-dots{fill:#ff9854;stroke:none;opacity:calc(.3 + var(--connected)*.7);filter:drop-shadow(0 0 5px #ff8036)}.cx-controls{max-width:440px;margin:5px auto 0;padding-inline:18px;text-align:center}.cx-scale-labels{display:flex;justify-content:space-between;font-size:11px;color:#c5bdc5;margin-bottom:10px}.cx-controls input{width:100%;display:block;appearance:none;height:3px;background:#ff98543b;cursor:ew-resize;accent-color:#ff9854;margin:14px 0 20px}.cx-controls input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#ff9854;border:4px solid #39241f;box-shadow:0 0 0 1px #ff9854,0 0 18px #ff803633}.cx-controls input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ff9854;border:3px solid #39241f}.cx-controls input:focus-visible{outline:1px solid #ffae79;outline-offset:8px}.cx-scrub-label{display:block;font-size:11px;color:#b0abb9}.cx-replay{border:0;background:transparent;padding:4px 10px;color:#ffae79;font:inherit;font-size:12px;cursor:pointer;min-height:36px}.cx-replay span{margin-inline-start:7px}.ss-scene-art{height:330px}.ss-scene svg.cx-service-svg{width:100%;height:100%;overflow:visible;stroke:#fa8c46;stroke-width:1.3;fill:none;filter:drop-shadow(0 0 8px #ff762818)}.cx-service-svg rect{fill:#121423;stroke:#ffae7980}.cx-service-svg .cx-warm-fill{fill:#773a2538;stroke:#ff9854}.cx-service-svg .cx-label{font-size:14px;fill:#d3c1b7}.cx-before{transition:opacity 1.3s}.cx-after{opacity:.22;transition:opacity 1.3s}.cx-routes{stroke:#ff9854;stroke-width:1.4}.ss-capability.is-active .cx-before{opacity:.04}.ss-capability.is-active .cx-after{opacity:1}.cx-packet{fill:#ffae79;stroke:none;opacity:0}.ss-capability.is-active .cx-packet{opacity:1}.cx-interface{transition:transform 1.1s}.cx-person-a{transform:translate(0,8px)}.cx-person-b{transform:translate(0,-8px)}.ss-capability.is-active .cx-interface{transform:none}.cx-evidence{transition:transform 1.1s}.ss-capability.is-active .cx-evidence{transform:translate(7px,0)}.ss-hero{grid-template-columns:1fr 1.1fr;gap:45px;min-height:800px}.ss-hero h1{font-size:clamp(42px,4.2vw,61px)}.ss-hero-copy{position:relative}.ss-capability .ss-art-cue{bottom:0;inset-inline-end:0}.ss-scene figcaption{margin-top:12px}.ss-scene:before{display:none}[dir=rtl] .cx-label,[dir=rtl] .cx-core-label,[dir=rtl] .cx-core-sub,[dir=rtl] .cx-small{direction:rtl}[dir=rtl] .cx-hero-svg .cx-app text{font-size:12px}[dir=rtl] .cx-hero-svg .cx-core-label{font-size:20px}[dir=rtl] .cx-hero-svg .cx-core-sub{font-size:11px}[dir=rtl] .ss-hero h1{font-size:clamp(42px,4.2vw,61px)}
@media(max-width:1000px){.ss-hero{gap:20px;grid-template-columns:1fr 1fr}.ss-hero h1,[dir=rtl] .ss-hero h1{font-size:39px}.cx-controls{padding-inline:8px}.cx-core-sub{font-size:11px}.ss-scene-art{height:270px}}
@media(max-width:700px){.ss-hero{display:flex;gap:32px;min-height:0;padding-bottom:50px}.ss-hero h1,[dir=rtl] .ss-hero h1{font-size:clamp(35px,8.8vw,48px)}.ss-hero .cx-world{width:100%;max-width:470px}.cx-controls{padding:0 12px}.cx-hero-svg .cx-app text{font-size:14px}.cx-core-label{font-size:20px}.cx-core-sub{font-size:13px}.cx-controls input{height:4px;margin-block:18px 22px}.cx-controls input::-webkit-slider-thumb{width:24px;height:24px}.cx-replay{min-height:44px}.ss-scene-art{height:auto;aspect-ratio:600/330}.cx-service-svg .cx-label{font-size:17px}.cx-service-svg .cx-small{font-size:15px}.ss-scene figcaption{margin-top:22px}.ss-art-cue{width:22px;height:22px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.ss-page *{transition:none!important;animation:none!important}}
@media(max-width:700px){.cx-hero-svg{width:calc(100% + 20px);max-width:none;margin-inline:-10px}.cx-hero-svg .cx-app text,[dir=rtl] .cx-hero-svg .cx-app text{font-size:19px}.cx-hero-svg .cx-core-label,[dir=rtl] .cx-hero-svg .cx-core-label{font-size:24px}.cx-hero-svg .cx-core-sub,[dir=rtl] .cx-hero-svg .cx-core-sub{font-size:13px}}

/* Editorial concepts: paper, evidence, construction, direction. */
.ss-page{--ss-orange:#ff692c;--ss-accent:#ff853c;background-color:#0e0f1e}
.ss-page main{overflow:clip;isolation:isolate}
.ss-hero:before{content:'';position:absolute;inset:-20px -15vw -90px;z-index:-1;pointer-events:none;background:var(--ss-cloud) center/100% 100% no-repeat;opacity:.95;transform:translateY(var(--cloud-shift,0px));will-change:transform}
.ss-hero:after{content:'';position:absolute;inset:36% -10vw -24%;z-index:-1;pointer-events:none;background:var(--ss-mist) center/100% 100% no-repeat;opacity:.65;transform:translateY(var(--mist-shift,0px))}
.ss-page .ss-grain{opacity:.058;background-size:192px}
.ss-hero .cx-world:before{inset:0 0 12%;background:radial-gradient(ellipse,#c830092b,transparent 70%)}
.ss-page em{color:#ff652c}
.cx-hero-svg{stroke:#ff692c}.cx-app>rect{fill:#151522;stroke:#ff58276b}.cx-app>g{stroke:#ff7939}.cx-wires{stroke:#f34b22}.cx-framework>rect:first-child{fill:#291820;stroke:#ff6b32;filter:drop-shadow(0 0 14px #ff4f1640) drop-shadow(0 0 40px #ff450c33)}.cx-modules{fill:#f14a1c;stroke:#ff873c}.cx-core-label{fill:#ff873c}.cx-flow-dots{fill:#ff8c40;filter:drop-shadow(0 0 5px #ff4f16)}
.ss-capability{padding-block:60px;min-height:550px}
.ss-scene:before{display:block;inset:-12% -18%;background:var(--ss-cloud) center/100% 100% no-repeat;filter:none;opacity:.6;pointer-events:none}
.ss-capability:nth-of-type(even) .ss-scene:before{transform:rotate(167deg);opacity:.5}
.ss-capability:nth-of-type(3) .ss-scene:before{transform:rotate(-28deg);opacity:.8}
.ss-scene-art{height:auto;min-height:0;aspect-ratio:600/380}
.ss-scene svg.cx-editorial{stroke:#ec6a37;stroke-width:1.15;filter:none}
.cx-editorial .cx-label{font-size:16px;fill:#c9c6cc;font-weight:400}
.cx-repeat-sheet{transform:translate(calc((var(--sheet) - 2)*25px),calc((var(--sheet) - 2)*-13px));opacity:calc(.13 + var(--sheet)*.16);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity 1.1s}
.cx-repeat-sheet>path:first-child,.cx-document>path:first-child{fill:#141525;stroke:#d9774c}
.cx-repeat-sheet>path:last-child{stroke:#a97159}
.cx-trigger{transform:translate(20px,0);transition:transform 1.1s;filter:drop-shadow(0 0 14px #ff4f1655)}
.cx-trigger circle{stroke:#ff803c}.cx-trigger path{stroke:#ffe0c0;stroke-width:1.5}
.cx-cycle{stroke:#ef4f26;stroke-dasharray:500;stroke-dashoffset:150;opacity:.5;transition:stroke-dashoffset 1.3s,opacity 1.1s}
.ss-capability.is-active .cx-repeat-sheet{transform:translate(0,0);opacity:calc(.08 + var(--sheet)*.2)}
.ss-capability.is-active .cx-cycle{stroke-dashoffset:0;opacity:1}
.ss-capability.is-active .cx-trigger{transform:translate(0,0)}
.cx-document{transform:rotate(-7deg);transform-origin:270px 180px}
.cx-doc-heading{stroke:#ebcbb8;stroke-width:4}.cx-doc-lines{stroke:#93868a;stroke-width:2}.cx-highlight{stroke:#fa5925;stroke-width:13;opacity:.25;transition:opacity 1s}.cx-citations{fill:#e95124;stroke:#ff8d4f}
.cx-lens{transform:translate(-18px,15px);transform-origin:338px 176px;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.cx-lens>circle:first-child{fill:#a92d0810;stroke:#ff7335;stroke-width:2}.cx-lens>circle:nth-child(2){stroke:#fa592555}.cx-lens>path:not(.cx-lens-focus){stroke:#f16b31;stroke-width:10;stroke-linecap:round}.cx-lens-focus{opacity:.3;transition:opacity 1s;stroke:#ffd2a4}
.cx-review-seal{opacity:.35;transition:opacity 1s}.cx-review-seal path{stroke:#ffe2c1;stroke-width:2}
.ss-capability.is-active .cx-lens{transform:none}.ss-capability.is-active .cx-highlight{opacity:.65}.ss-capability.is-active :is(.cx-review-seal,.cx-lens-focus){opacity:1}
.cx-blueprint{stroke:#b0745c;opacity:.35}.cx-building-base{fill:#421c1f;stroke:#c84929}.cx-built-module{transition:transform 1.3s cubic-bezier(.2,.7,.2,1);stroke:#ff793e}.cx-module-top{fill:#ef5a2b}.cx-module-front{fill:#73251e}.cx-module-side{fill:#321a24}.cx-module-0{transform:translate(-24px,17px)}.cx-module-1{transform:translate(27px,15px)}.cx-module-2{transform:translate(0,-24px)}.cx-module-2 .cx-module-top{fill:#ff7c36}.cx-module-2 .cx-module-front{fill:#b83721}
.ss-capability.is-active .cx-built-module{transform:none}
.cx-compass>circle:first-child{stroke:#e7582c;stroke-width:1.5}.cx-compass>circle:nth-child(2){stroke:#d98759;stroke-width:4}.cx-bearing{transform-origin:300px 183px;stroke:#b8573b;fill:#e9562310;transition:transform 1.4s,opacity 1.2s}.cx-bearing-0{transform:rotate(58deg);opacity:.5}.cx-bearing-1{transform:rotate(128deg);opacity:.35}.cx-bearing-2{transform:rotate(205deg);opacity:.25}.cx-bearing-3{transform:rotate(281deg);opacity:.2}.cx-north{transform:rotate(22deg);transform-origin:300px 183px;transition:transform 1.4s;filter:drop-shadow(0 0 12px #ff4f1644)}.cx-north>path:last-child{stroke:#ffa564;opacity:.6}
.ss-capability.is-active .cx-bearing{transform:rotate(0);opacity:0}.ss-capability.is-active .cx-north{transform:rotate(0)}
.ss-scene figcaption{font-size:12px;gap:18px;margin-top:18px;color:#b9b4c0}.ss-scene figcaption:after{background:#f555283d}.ss-art-cue{color:#ff7b38;border-color:#f4502938}
@media(max-width:1000px){.ss-capability{min-height:450px;padding-block:45px}}
@media(max-width:700px){.ss-capability{min-height:0;padding-block:30px 45px}.ss-hero:before{inset:0 -25vw -60px;background-size:auto 100%}.ss-hero:after{inset:55% -30vw -10%}.ss-scene:before{inset:-12% -10%}.cx-editorial .cx-label{font-size:20px}.ss-scene figcaption{font-size:11px;margin-top:18px}.ss-hero h1{position:relative}.ss-art-cue{bottom:-5px!important}}
@media(prefers-reduced-motion:reduce){.ss-hero:before,.ss-hero:after{transform:none!important;will-change:auto}.ss-page .ss-grain{animation:none}.ss-page *{transition:none!important;animation:none!important}}
