.ce-editorial #ce-editorial-main .ce-photo-app{position:absolute;left:auto;right:4%;top:7%;bottom:auto;width:40%;max-width:300px;aspect-ratio:1.3;padding:0;display:grid;grid-template-rows:12% 76% 12%;border:1px solid #ffffffea;border-radius:16px;background:linear-gradient(140deg,#f9fdfff5,#e7f5fff2);backdrop-filter:blur(18px);box-shadow:0 14px 38px #003d6426,inset 0 1px 0 #fff;container-type:inline-size;overflow:hidden;text-align:left;isolation:isolate;animation:ce-app-float 10s ease-in-out infinite;animation-play-state:paused;translate:var(--ce-story-x,0px) var(--ce-story-y,0px);transition:translate 1.1s ease}
.ce-editorial #ce-editorial-main .hero-photo .ce-photo-app{width:34%;max-width:340px}
.ce-editorial #ce-editorial-main .ce-photo-system:not(.hero-photo):not(.home-photo) .ce-photo-app{position:relative;right:auto;top:auto;bottom:auto;left:auto;width:72%;max-width:420px;aspect-ratio:1.5;margin:-18px 14px 14px auto;border-color:#c7e1ee;background:linear-gradient(135deg,#f7fcff,#edf8ff)}
.ce-editorial #ce-editorial-main .ce-photo-app.ce-context-1{animation-direction:reverse;animation-duration:13.1s}
.ce-editorial #ce-editorial-main .ce-photo-app.ce-visual-running{animation-play-state:running}
.ce-app-top,.ce-app-bottom{position:relative;display:flex;align-items:center;gap:10px;padding:0 5%;min-width:0;color:#164d72;font:700 clamp(9px,3.1cqw,14px)/1.25 Manrope,Arial,sans-serif}.ce-app-top{border-bottom:1px solid #cfe6f2;background:#ffffff90}.ce-app-top span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-app-top>i{height:3px;min-width:25px;flex:1;max-width:55px;background:linear-gradient(90deg,#00a7d6 70%,#ffcc00 70%)}.ce-app-top>b{margin-left:auto;color:#6b9eb8;letter-spacing:2px;font-size:8px}.ce-app-bottom{border-top:1px solid #cfe6f2;font-size:clamp(8px,2.8cqw,12px);font-weight:600;gap:10px}.ce-app-status{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-app-bottom>i{display:block;position:relative;width:22%;height:4px;overflow:hidden;background:#bbd9ea;border-radius:4px}.ce-app-bottom>i>b{display:block;height:100%;width:0;background:#00a7d6;transition:width .8s ease}.ce-photo-app[data-app-stage="4"] .ce-app-bottom>i>b{background:#ffcc00}
.ce-app-scene{display:block;width:100%;height:100%;overflow:hidden;fill:none;stroke:#7eaec7;stroke-width:1}.ap-card,.ap-node,.ap-paper,.ap-screen,.ap-item,.ap-id-card{fill:#ffffffde;stroke:#a4c9df}.ap-core{fill:#e5f4ff;stroke:#0064b5;stroke-width:1.4}.ap-plan,.ap-map,.ap-warehouse,.ap-pipeline,.ap-canvas,.ap-diagnostic{fill:#f7fcff;stroke:#bad9e9}.ap-icon{fill:none;stroke:#0064b5;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.ap-label,.ap-small,.ap-tiny,.ap-micro,.ap-code{fill:#245775;stroke:none;font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:600}.ap-small{font-size:10px}.ap-tiny{font-size:8px}.ap-micro{font:7px Consolas,monospace;letter-spacing:.8px;fill:#5d8da6}.ap-code{font:10px Consolas,monospace;fill:#0064b5}.ap-muted-line{stroke:#8cacc0;stroke-width:3;stroke-linecap:round}.ap-grid-line,.ap-street{stroke:#cfe3ed;stroke-width:.8}.ap-wall{stroke:#72a8c6;stroke-width:2}.ap-chart,.ap-mini-chart{stroke:#009ecc;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:600;animation:ce-app-draw 7s ease-in-out infinite}.ap-mini-chart{stroke-width:1.5}.ap-signature{stroke:#83c5db;stroke-width:1;opacity:.6}.ap-flow{fill:none;stroke:#00a7d6;stroke-width:2;stroke-dasharray:4 19;animation:ce-app-flow 4.3s linear infinite}.ap-flow-1{animation-direction:reverse;animation-duration:6.1s}.ap-route{fill:none;stroke:#8dbfd6;stroke-width:2.5;stroke-linejoin:round}.ap-meter,.ap-clip,.ap-thumbnail,.ap-bin{fill:#d0e9f6;stroke:#97c5df}.ap-track{fill:#dcecf5;stroke:none}.ap-pill,.ap-yellow{fill:#ffcc00;stroke:#e9bb00}.ap-console-bar,.ap-toolbar{fill:#e5f1f9;stroke:#c0dce9}.ap-console-bar+text{font-size:8px}.ap-artboard{fill:#fff;stroke:#a0c4dc;stroke-dasharray:3 3}.ap-tool{fill:#fff;stroke:#6b9cb7}.ap-shape{fill:#7ac7e9;stroke:#007eb4}.ap-preview,.ap-terminal,.ap-receipt{fill:#edf7fd;stroke:#a4c9df}.ap-play{fill:#0064b5;stroke:none}.ap-playhead{stroke:#ffcc00;stroke-width:2;animation:ce-app-playhead 7.5s ease-in-out infinite}.ap-orbit{stroke:#82c1da;stroke-dasharray:2 4}.ap-halo{fill:#00a7d60a;stroke:#69c1df;stroke-width:1}.ap-radar-sector{fill:#00a7d62e;stroke:#00a7d6}.ap-radar-rotor{transform-origin:109px 105px;animation:ce-app-radar 9s linear infinite}.ap-signal,.ap-waypoint{fill:#ffcc00;stroke:#0064b5}.ap-scan{fill:#00a7d620;stroke:#00a7d6;stroke-width:.5;animation:ce-app-scan 6s ease-in-out infinite}.ap-terminal-caret{fill:#ffcc00;stroke:none;animation:ce-app-dot .9s steps(1) infinite}.ap-muted-bar{fill:#abc7d8;stroke:none}.ap-bubble-a{fill:#e3f4ff;stroke:#a3d1e9}.ap-bubble-b{fill:#fff;stroke:#69b5d8}.ap-typing-dot{fill:#00a7d6;stroke:none;animation:ce-app-dot 1.5s ease-in-out infinite;animation-delay:var(--ap-dot,0s)}
.ap-step{opacity:.68;transition:opacity .7s,fill .7s,stroke .7s}.ce-photo-app[data-app-stage="1"] .ap-step-1,.ce-photo-app[data-app-stage="2"] :is(.ap-step-1,.ap-step-2),.ce-photo-app[data-app-stage="3"] .ap-step,.ce-photo-app[data-app-stage="4"] .ap-step{opacity:1}.ce-photo-app[data-app-stage="1"] rect.ap-step-1,.ce-photo-app[data-app-stage="2"] rect.ap-step-2,.ce-photo-app[data-app-stage="3"] rect.ap-step-3{fill:#ffcc0059;stroke:#0064b5}.ce-photo-app[data-app-stage="1"] .ap-step-1>.ap-card,.ce-photo-app[data-app-stage="2"] .ap-step-2>.ap-card,.ce-photo-app[data-app-stage="3"] .ap-step-3>.ap-card{stroke:#0064b5;stroke-width:1.8;fill:#e8f7ff}.ap-cursor{fill:#fff;stroke:#0064b5;stroke-width:1.3;filter:drop-shadow(1px 2px 2px #00365b55);opacity:0;transition:transform 1s cubic-bezier(.22,.61,.36,1),opacity .4s}.ce-photo-app[data-app-ready] .ap-cursor{opacity:1}.ce-photo-app[data-app-stage="4"] .ap-cursor{opacity:0}
.ce-photo-app .ce-app-scene *{animation-play-state:paused}.ce-photo-app.ce-visual-running .ce-app-scene *{animation-play-state:running}
@keyframes ce-app-float{0%,100%{transform:translate3d(-2px,3px,0)}50%{transform:translate3d(3px,-4px,0)}}@keyframes ce-app-flow{to{stroke-dashoffset:-184}}@keyframes ce-app-draw{0%,12%{stroke-dashoffset:600}65%,100%{stroke-dashoffset:0}}@keyframes ce-app-playhead{0%,100%{transform:translateX(0)}80%{transform:translateX(285px)}}@keyframes ce-app-radar{to{transform:rotate(360deg)}}@keyframes ce-app-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(155px)}}@keyframes ce-app-dot{0%,100%{opacity:.35}50%{opacity:1}}
.ce-editorial #ce-editorial-main .home-photo .ce-purchase-interface{left:65%;top:5%;width:31%}.home-photo .ce-purchase-row b{font-size:clamp(8px,3.5cqw,14px)}.home-photo .ce-purchase-heading{font-size:clamp(10px,4.3cqw,17px)}.home-photo .ce-purchase-action{font-size:clamp(8px,3.3cqw,13px)}
@media(max-width:767px){.ce-editorial #ce-editorial-main :is(.hero-photo,.photo) .ce-photo-app,.ce-editorial #ce-editorial-main .home-photo .ce-purchase-interface{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:grid;width:80%;max-width:280px;aspect-ratio:1.3;margin:-10px 10px 12px auto;translate:none;animation-name:none;border-color:#b8d9eb;border-radius:13px;background:linear-gradient(135deg,#f8fcff,#e8f5ff)}.ce-editorial #ce-editorial-main .home-photo .ce-purchase-interface{display:block;aspect-ratio:1.13}.ce-app-top{font-size:10px}.ce-app-bottom{font-size:9px}.ce-editorial #ce-editorial-main .ce-photo-system{overflow:visible}.home-photo .ce-purchase-row b{font-size:11px}.home-photo .ce-purchase-heading{font-size:14px}.home-photo .ce-purchase-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ce-editorial #ce-editorial-main .ce-photo-app{animation:none!important;translate:none!important;transition:none!important}.ce-photo-app .ce-app-scene *{animation:none!important;transition:none!important}.ap-cursor{display:none}}

@media(max-width:767px){.ce-editorial #ce-editorial-main .ce-photo-system:not(.hero-photo):not(.home-photo) .ce-photo-app{width:80%;max-width:280px;aspect-ratio:1.3;margin:-10px 10px 12px auto;translate:none;animation-name:none}}
