/* Service scenes are isolated from the homepage's client-demo assets. */
.service-starting-price{display:flex;align-items:center;gap:18px;margin-top:17px;color:var(--fg);font-size:15px}
.service-starting-price>span{color:inherit;font-size:inherit;border-left:1px solid var(--line);padding-left:18px}
.service-price-teaser{display:flex;align-items:center;gap:16px;font-size:17px;margin-top:25px;width:fit-content;flex-wrap:wrap}
.service-price-teaser>span{color:inherit;font-size:inherit;border-left:1px solid var(--line);padding-left:16px}.service-price-teaser>.icon{width:16px;color:var(--accent)}
.service-pricing{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;padding-block:65px;border-block:1px solid var(--line);margin-bottom:70px}
.pricing-heading h2{font-size:36px;margin:15px 0 23px}.pricing-heading p{font-size:14px;line-height:1.8;max-width:420px}
.pricing-provider{display:block;margin-top:25px;color:var(--muted);font-size:12px}.pricing-provider strong{font-weight:500;color:var(--fg);margin-left:6px}
.service-price-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.service-price-option{min-width:0;display:flex;flex-direction:column;align-items:start;gap:16px;padding-top:5px}.service-price-option>span{font-size:12px;color:var(--muted)}
.service-price-option>strong{font-size:34px;line-height:1.2;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.service-price-option>.button{font-size:12px;padding-inline:14px;gap:12px;margin-top:10px;max-width:100%}
@media(max-width:1100px){.service-pricing{gap:35px;grid-template-columns:1fr 1.2fr}.service-price-option>strong{font-size:27px}.service-price-options{gap:18px}}
@media(max-width:900px){.service-pricing{grid-template-columns:1fr;gap:36px}.service-price-option>strong{font-size:33px}.service-price-options{max-width:600px}.pricing-heading h2{font-size:32px}}
@media(max-width:600px){.service-pricing{padding-block:40px;margin-bottom:40px;gap:30px}.pricing-heading h2{font-size:28px}.service-price-option>strong{font-size:24px}.service-price-option>span{font-size:11px}.service-price-options{gap:15px}.service-price-option>.button{font-size:12px;padding:11px 10px;gap:8px;min-height:48px}.service-price-option>.button .icon{width:13px}.service-starting-price{font-size:13px;gap:12px;flex-wrap:wrap}.service-starting-price>span{font-size:inherit;padding-left:0;border-left:0}.service-price-teaser{font-size:15px;gap:11px}.service-price-teaser>span{font-size:inherit;padding-left:11px}}
.service-motion{margin-bottom:38px;--scene-blue:var(--accent);--scene-green:#78ceb1}
.service-stage{height:450px;padding-bottom:44px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;border-block:1px solid var(--line)}
.stage-baseline{position:absolute;inset:auto 0 48px;height:1px;background:var(--line);z-index:-1}
.service-stage .icon{width:20px;height:20px}
.scene-marker{position:absolute;bottom:18px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.marker-left{left:0}.marker-right{right:0}.scene-marker .icon{color:var(--scene-blue);width:17px}
.motion-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:78px;border-bottom:1px solid var(--line)}
.motion-caption p{font-size:14px}.motion-phases{display:flex;gap:40px;align-items:center}
.motion-phases>span{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px;transition:color .5s}
.motion-phases b{font-size:10px;font-weight:400;color:var(--muted)}
.service-motion[data-phase="0"] [data-phase-label="0"],.service-motion[data-phase="1"] [data-phase-label="1"],.service-motion[data-phase="2"] [data-phase-label="2"]{color:var(--scene-blue)}
.service-scene-caption{font-size:13px;margin-top:16px;padding-right:60px}.service-motion-toggle{margin-right:60px}.service-motion-toggle .play-icon{display:none}
.service-motion[data-paused=true] .service-motion-toggle .play-icon{display:block}.service-motion[data-paused=true] .service-motion-toggle .pause-icon{display:none}
.service-browser,.search-illustration,.publishing-studio,.operations-board{width:min(660px,80%);position:relative;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s}
.service-browser{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 55px var(--shadow);transform:perspective(1100px) rotateY(-7deg) rotateX(5deg)}
.illustration-chrome{height:36px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px}
.illustration-chrome>.icon{width:13px}.web-illustration{padding:22px 28px}
.sample-nav{display:flex;align-items:center;gap:12px}.sample-nav b{font-size:13px;margin-right:auto}.sample-nav span{width:30px;height:4px;background:var(--line)}
.sample-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px;align-items:center}
.sample-hero small{font-size:8px;color:var(--muted)}.sample-hero strong{display:block;font-size:29px;line-height:1.15;margin:13px 0 20px}
.sample-hero>div>i{display:block;background:var(--button);width:94px;height:21px;border-radius:3px;transition:background .6s}
.type-composition{height:165px;background:#3264d9;color:white;position:relative;overflow:hidden;border-radius:4px;transition:transform .9s,background .9s}
.type-composition>span{position:absolute;font-size:96px;line-height:1;font-weight:600;top:12px;left:18px}
.type-composition>i{position:absolute;width:75%;height:1px;background:#fff7;left:15%;bottom:35px;transform:rotate(-24deg)}
.type-composition>b{position:absolute;right:16px;bottom:10px;font-size:20px;color:#c9dcff}
.sample-columns{display:flex;gap:12px;margin-top:22px}.sample-columns>span{width:33%;height:20px;border-top:2px solid var(--line);border-bottom:1px solid var(--line)}
.service-mini-phone{position:absolute;right:10%;bottom:65px;width:132px;height:224px;padding:18px 13px;background:var(--bg);border:5px solid var(--surface-2);border-radius:18px;box-shadow:0 10px 40px var(--shadow);transform:translate(22px,32px);opacity:0;transition:opacity .7s,transform .9s}
.service-mini-phone>.icon{color:var(--accent);margin-bottom:13px}.service-mini-phone>span{font-size:8px}.service-mini-phone>strong{font-size:16px;line-height:1.2;display:block;margin:12px 0}.service-mini-phone>i{display:block;height:16px;background:var(--button);margin:10px 0;border-radius:2px}.service-mini-phone>i:last-child{height:3px;width:70%;background:var(--line)}
[data-phase="0"] .scene-web .sample-hero{opacity:.45}[data-phase="0"] .type-composition{background:var(--surface-2);transform:scale(.9)}
[data-phase="0"] .type-composition>span,[data-phase="0"] .type-composition>b{opacity:0}[data-phase="0"] .sample-hero>div>i{background:var(--surface-2)}
[data-phase="1"] .service-browser{transform:perspective(1100px) rotateY(3deg) rotateX(0)}
[data-phase="2"] .service-browser{transform:perspective(1100px) translateX(-35px) rotateY(-5deg) scale(.96)}
[data-phase="2"] .service-mini-phone{transform:translate(0,0);opacity:1}
.sample-hero,.type-composition>span,.type-composition>b{transition:opacity .7s}
.app-device{position:relative;width:211px;height:349px;border:5px solid var(--surface-2);background:var(--surface);border-radius:28px;box-shadow:0 15px 40px var(--shadow);transform:rotate(-5deg);transition:transform .9s}
.app-speaker{height:5px;width:38px;background:var(--muted);border-radius:4px;margin:11px auto 18px}.app-screen{position:absolute;inset:40px 10px 22px;padding:0 5px;overflow:hidden}.app-screen>small{display:block;font-size:8px;color:var(--accent)}.app-screen>strong{display:block;font-size:23px;line-height:1.15;margin:11px 0 14px}
.app-options>div{display:flex;align-items:center;gap:7px;padding:12px 0;border-bottom:1px solid var(--line);font-size:9px;transition:background .7s,color .7s,transform .7s}.app-options .icon{width:14px;height:14px}.app-options .icon:last-child{margin-left:auto;width:10px}
.app-action{display:flex;align-items:center;justify-content:space-between;background:var(--button);border-radius:4px;padding:10px;font-size:10px;color:white;margin-top:17px}.app-action .icon{width:14px}
.app-home-indicator{position:absolute;bottom:8px;width:55px;height:3px;left:calc(50% - 27px);background:var(--muted);border-radius:2px}
.app-success{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);opacity:0;transform:translateY(30px);transition:opacity .6s,transform .8s;pointer-events:none}
.app-success>.icon{width:56px;height:56px;color:var(--scene-green);margin-bottom:18px}.app-success>strong{font-size:31px}.app-success>span{font-size:11px;color:var(--muted);margin-top:12px}
.mobile-trail{position:absolute;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.mobile-trail>i{height:1px;background:var(--line);flex:1}.mobile-trail>span:nth-of-type(2){visibility:hidden}
[data-phase="1"] .app-device{transform:rotate(2deg)}[data-phase="1"] .app-options>div:nth-child(2){color:var(--accent);background:var(--surface-2);transform:translateX(4px)}
[data-phase="2"] .app-device{transform:rotate(0)}[data-phase="2"] .app-success{opacity:1;transform:translateY(0)}
.search-illustration{max-width:610px}.search-query{height:52px;padding:0 20px;border:1px solid var(--line);border-radius:28px;background:var(--surface);display:flex;align-items:center;gap:15px;font-size:15px;margin-bottom:22px}
.search-query>.icon{color:var(--accent)}.search-query>i{height:20px;width:1px;background:var(--accent)}
.search-result{padding:26px 28px;border:1px solid var(--line);border-radius:7px;background:var(--surface);transition:opacity .8s,transform .8s,border-color .8s}
.result-source{display:flex;gap:12px;font-size:12px;align-items:center;margin-bottom:16px}.result-source>.icon{color:var(--scene-green);width:24px}.result-source small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.search-result>strong{font-size:21px;line-height:1.35;color:var(--accent);display:block}.search-result>p{font-size:13px;margin-top:12px;line-height:1.6}
.result-links{display:flex;gap:20px;font-size:11px;color:var(--accent);margin-top:18px}.search-foundations{display:flex;justify-content:space-between;gap:12px;margin-top:22px;color:var(--muted);font-size:10px}.search-foundations>span{display:flex;align-items:center;gap:8px;transition:color .7s}.search-foundations .icon{width:16px}
[data-phase="0"] .search-result{opacity:.35;transform:translateY(8px)}[data-phase="1"] .search-result{transform:translateY(-3px)}[data-phase="2"] .search-result{border-color:var(--accent)}[data-phase="2"] .search-foundations>span{color:var(--scene-green)}
.publishing-studio,.operations-board{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 15px 40px var(--shadow);overflow:hidden}
.studio-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.studio-heading>.icon{color:var(--accent);width:16px}
.studio-body{padding:22px;display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center}
.brand-post{background:#285ece;color:white;padding:20px;aspect-ratio:1;max-height:240px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg);transition:transform .8s,opacity .8s}
.brand-post>span{font-size:8px}.brand-post>strong{font-size:32px;line-height:1.07}.brand-post>div{display:flex;gap:8px;align-items:center;font-size:9px}.brand-post .icon{width:16px}
.publishing-plan{min-width:0}.plan-label{font-size:9px;color:var(--muted);display:block;margin-bottom:18px}.publishing-plan>div{display:flex;align-items:center;gap:16px;border-block-start:1px solid var(--line);padding:16px 0;font-size:12px}.publishing-plan b{font-size:9px;color:var(--accent)}.publishing-plan .icon{width:14px;margin-left:auto;color:var(--scene-green);opacity:0;transform:scale(.5);transition:opacity .6s,transform .6s}
.publication-status{font-size:10px;display:flex;align-items:center;gap:9px;margin-top:16px;color:var(--muted)}.publication-status>i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.status-planned,.status-live{display:none}
[data-phase="0"] .brand-post{opacity:.65;transform:rotate(-5deg) scale(.95)}[data-phase="1"] .brand-post{transform:rotate(1deg)}[data-phase="2"] .brand-post{transform:rotate(0)}
[data-phase="1"] .status-draft,[data-phase="2"] .status-draft{display:none}[data-phase="1"] .status-planned,[data-phase="2"] .status-live{display:inline}
[data-phase="1"] .publishing-plan .icon,[data-phase="2"] .publishing-plan .icon{opacity:1;transform:scale(1)}[data-phase="2"] .publication-status{color:var(--scene-green)}[data-phase="2"] .publication-status>i{background:var(--scene-green)}
.operations-headings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 18px 15px;gap:12px;font-size:11px;color:var(--muted)}
.operations-lanes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 18px;height:192px}.operations-lanes>div:not(.workflow-ticket){border-left:1px solid var(--line)}
.workflow-ticket{position:absolute;top:15px;left:6px;width:calc((100% - 24px)/3 - 6px);padding:18px 12px;background:var(--bg);border:1px solid var(--accent);border-radius:6px;transition:transform 1.1s cubic-bezier(.22,1,.36,1),border-color .9s}
.workflow-ticket>.icon{color:var(--accent);width:19px}.workflow-ticket>strong{display:block;font-size:14px;line-height:1.3;margin:11px 0 8px}.workflow-ticket>span{font-size:10px;color:var(--muted)}.workflow-ticket>div{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.workflow-ticket b{font-weight:400;font-size:9px;color:var(--accent)}.workflow-ticket>div>.icon{width:15px}
.operations-footer{border-top:1px solid var(--line);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.operations-footer>span:first-child{display:flex;align-items:center;gap:8px}.operations-footer .icon{width:14px;color:var(--scene-green)}
[data-phase="1"] .workflow-ticket{transform:translateX(calc(100% + 18px))}[data-phase="2"] .workflow-ticket{transform:translateX(calc(200% + 36px));border-color:var(--scene-green)}
.service-hub-motion{padding-bottom:30px}.service-network{position:relative;padding:15px 0 40px}
.network-root{display:flex;align-items:center;justify-content:center;gap:18px;font-size:16px;margin-bottom:70px}.network-root>.icon{width:48px;height:48px;color:var(--accent)}.network-root strong{font-size:26px;font-weight:500}
.network-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;gap:24px}.network-nodes:before{content:'';position:absolute;top:-28px;left:10%;right:10%;height:1px;background:var(--line)}.network-nodes:after{content:'';position:absolute;left:50%;top:-65px;height:37px;width:1px;background:var(--line)}
.service-node{position:relative;display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;padding:18px 12px 15px;min-width:0;transition:color .3s}
.service-node:before{content:'';position:absolute;top:-28px;left:50%;height:40px;width:1px;background:var(--line);transition:background .5s}
.service-node>span{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);transition:background .6s,color .6s,transform .6s,border-color .6s}
.service-node>strong{font-weight:400;font-size:15px;line-height:1.35;min-height:41px}.service-node>.icon{width:15px;color:var(--muted);transition:transform .3s}
.service-node:hover,.service-node:focus-visible{color:var(--accent)}.service-node:hover>.icon{transform:translate(3px,-3px)}
[data-phase="0"] [data-node="0"]>span,[data-phase="1"] [data-node="1"]>span,[data-phase="2"] [data-node="2"]>span,[data-phase="3"] [data-node="3"]>span,[data-phase="4"] [data-node="4"]>span{background:var(--button);color:white;transform:translateY(-6px);border-color:var(--accent)}
[data-theme=light] .service-motion{--scene-green:#23765b}
@media(max-width:900px){.service-browser,.search-illustration,.publishing-studio,.operations-board{width:88%}.service-mini-phone{right:3%}.network-nodes{gap:12px}.service-node>strong{font-size:13px}.mobile-trail{left:1%;right:1%}}
@media(max-width:600px){
 .service-motion{margin-bottom:18px}.service-stage{height:365px}.scene-marker{font-size:9px;gap:6px;bottom:16px}.scene-marker>.icon{width:14px}.stage-baseline{bottom:44px}
 .motion-caption{gap:10px;min-height:74px}.motion-phases{gap:17px;flex:1;justify-content:space-between}.motion-phases>span{font-size:10px;gap:4px}.motion-phases b{display:none}.service-motion-toggle{width:36px;height:36px;margin-left:6px}.service-motion-toggle>.icon{width:14px}
 .service-scene-caption{font-size:12px;line-height:1.65}.service-browser,.search-illustration,.publishing-studio,.operations-board{width:100%}
 .illustration-chrome{height:28px;padding:0 10px;font-size:6px}.illustration-chrome .window-dots{gap:3px}.illustration-chrome .window-dots i{width:4px;height:4px}
 .web-illustration{padding:18px 15px}.sample-nav{gap:7px}.sample-nav b{font-size:10px}.sample-nav span{width:18px;height:3px}.sample-hero{gap:12px;margin-top:20px}.sample-hero small{font-size:6px}.sample-hero strong{font-size:19px;margin:9px 0 14px}.sample-hero>div>i{width:65px;height:16px}.type-composition{height:123px}.type-composition>span{font-size:63px;left:9px;top:17px}.type-composition>b{font-size:13px}.sample-columns{margin-top:17px;gap:8px}.sample-columns>span{height:14px}
 .service-mini-phone{width:90px;height:159px;bottom:62px;right:1%;padding:9px 7px;border-width:4px;border-radius:13px}.service-mini-phone>.icon{width:14px;height:14px;margin-bottom:4px}.service-mini-phone>span{font-size:7px}.service-mini-phone>strong{font-size:11px;margin:8px 0}.service-mini-phone>i{height:12px;margin:8px 0}
 [data-phase="2"] .service-browser{transform:perspective(1100px) translateX(-12px) rotateY(-5deg) scale(.91)}
 .scene-mobile{height:424px}.app-device{width:200px;height:337px;transform:rotate(-3deg);margin-bottom:18px}.app-screen>strong{font-size:21px}.app-options>div{font-size:8px}.mobile-trail{display:none}
 .scene-seo{height:375px}.search-query{height:43px;font-size:12px;padding:0 14px;margin-bottom:15px}.search-query>.icon{width:17px}.search-result{padding:20px 17px}.result-source{font-size:10px}.result-source small{font-size:8px}.search-result>strong{font-size:18px}.search-result>p{font-size:11px}.result-links{font-size:10px}.search-foundations{gap:8px;justify-content:space-between;font-size:8px;margin-top:14px}.search-foundations>span{gap:5px}.search-foundations .icon{width:12px}
 .studio-heading{padding:13px 14px;font-size:7px}.studio-body{padding:14px;gap:13px;grid-template-columns:1fr 1.1fr}.brand-post{padding:12px;min-height:170px}.brand-post>span{font-size:6px}.brand-post>strong{font-size:23px}.brand-post>div{font-size:6px;gap:5px}.brand-post .icon{width:11px}.plan-label{font-size:7px;margin-bottom:10px}.publishing-plan>div{gap:7px;font-size:9px;padding:12px 0}.publishing-plan b{font-size:7px}.publishing-plan .icon{width:11px}.publication-status{font-size:8px;gap:5px;margin-top:10px}
 .operations-headings{padding:15px 10px 12px;gap:8px;font-size:9px}.operations-lanes{margin:0 10px;gap:8px;height:177px}.workflow-ticket{padding:12px 7px;width:calc((100% - 16px)/3 - 6px);left:4px}.workflow-ticket>strong{font-size:11px;overflow-wrap:normal}.workflow-ticket>span{font-size:8px}.workflow-ticket>.icon{width:16px}.workflow-ticket>div{margin-top:9px}.workflow-ticket b{font-size:8px}.operations-footer{padding:13px 10px;font-size:8px}.operations-footer .icon{width:12px}.operations-footer>span:first-child{gap:5px}
 [data-phase="1"] .workflow-ticket{transform:translateX(calc(100% + 14px))}[data-phase="2"] .workflow-ticket{transform:translateX(calc(200% + 28px))}
 .service-network{padding:0 0 24px}.network-root{justify-content:flex-start;font-size:13px;gap:14px;margin-bottom:30px}.network-root strong{font-size:22px}.network-root>.icon{width:36px;height:36px}.network-nodes{grid-template-columns:1fr;gap:0;padding-left:10px}.network-nodes:before{inset:0 auto 24px 10px;width:1px;height:auto}.network-nodes:after{display:none}.service-node{flex-direction:row;gap:16px;padding:12px 0 12px 21px;text-align:left}.service-node:before{top:50%;left:0;width:21px;height:1px}.service-node>span{width:44px;height:44px;flex:none}.service-node>strong{font-size:14px;min-height:0}.service-node>.icon{margin-left:auto;width:15px}.service-hub-motion .motion-caption>p{font-size:12px;max-width:230px}.service-node>span{transform:none!important}
}
@media(prefers-reduced-motion:reduce){.service-motion *{transition:none!important;animation:none!important}}
.service-sales{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--blue);max-width:max-content;font-size:12px}.service-sales>span{min-width:0}.service-sales strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere;margin-top:5px}.service-sales>.icon{width:19px;height:19px;flex:none}.service-sales:hover strong{text-decoration:underline;text-underline-offset:4px}