/* PilotOps services: scoped, no dependencies. */
.po-services{--po-accent:var(--service-accent);padding-block:clamp(64px,7vw,110px);color:var(--ink)}
.po-services *{box-sizing:border-box}.po-services .po-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:38px}.po-services .po-heading h2{max-width:760px;font-size:clamp(32px,3.5vw,53px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 0}.po-services .po-heading p:last-child{color:var(--muted);max-width:400px;font-size:17px;line-height:1.65;margin:0}.po-services .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--po-accent)}
.po-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.po-choice{appearance:none;font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:23px 24px;position:relative;transition:border-color .2s,transform .2s,background .2s;min-width:0}.po-choice:hover{transform:translateY(-3px);border-color:var(--po-accent)}.po-choice[aria-pressed=true]{border-color:var(--po-accent);background:color-mix(in srgb,var(--po-accent) 9%,var(--surface));box-shadow:inset 0 3px var(--po-accent)}.po-choice small{display:block;color:var(--po-accent);font-size:12px;margin-bottom:17px}.po-choice strong{display:block;font-size:clamp(19px,1.7vw,25px);line-height:1.2;letter-spacing:-.025em;padding-right:16px}.po-choice .po-arrow{position:absolute;right:20px;top:20px;font-size:20px;color:var(--muted)}.po-choice[aria-pressed=true] .po-arrow{color:var(--po-accent)}.po-choice .po-summary{display:block;color:var(--muted);font-size:14px;line-height:1.6;margin-top:12px}
.po-detail{border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;background:var(--paper-alt);scroll-margin-top:110px}.po-copy{padding:clamp(25px,3vw,44px);display:flex;flex-direction:column;align-items:start}.po-copy h3{font-size:clamp(25px,2.5vw,35px);line-height:1.15;letter-spacing:-.035em;margin:0 0 26px}.po-copy dl{margin:0}.po-copy dt{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--po-accent);margin-bottom:8px}.po-copy dd{font-size:15px;line-height:1.7;margin:0 0 23px;color:var(--muted)}.po-copy dd.po-deliver{color:var(--ink)}.po-copy .po-cta{font-size:14px;line-height:1.4;padding:15px 20px;margin-top:auto;display:flex;gap:22px;align-items:center;justify-content:space-between;text-decoration:none;background:var(--po-accent);color:var(--paper);font-weight:600;border:1px solid transparent;border-radius:10px}.po-copy .po-cta:hover{filter:brightness(1.1)}.po-foot{color:var(--muted);font-size:12px;line-height:1.6;margin:13px 0 0;max-width:330px}
.po-example{background:var(--surface);padding:clamp(24px,3vw,38px);border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.po-example-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.po-example-bar>span{font-size:12px;color:var(--muted)}.po-toggle{display:flex;gap:3px;padding:4px;border-radius:9px;border:1px solid var(--line);background:var(--paper)}.po-toggle button{border:0;background:none;color:var(--muted);padding:9px 12px;font:inherit;font-size:12px;border-radius:6px;cursor:pointer;white-space:nowrap}.po-toggle button[aria-pressed=true]{background:var(--po-accent);color:var(--paper);font-weight:600}.po-scene{flex:1;min-height:300px;display:flex;flex-direction:column}.po-scene-label{font-size:11px;color:var(--po-accent);letter-spacing:.07em;text-transform:uppercase}.po-scene h4{font-size:clamp(20px,2vw,27px);line-height:1.23;letter-spacing:-.025em;margin:12px 0 24px;max-width:450px}.po-nodes{display:grid;gap:9px;position:relative}.po-node{position:relative;display:flex;align-items:center;gap:15px;padding:14px 16px;background:var(--paper-alt);border:1px solid var(--line);border-radius:10px}.po-node:before{content:'✓';display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--po-accent);border-radius:50%;font-size:13px;color:var(--po-accent)}.po-node strong{display:block;font-size:14px;font-weight:500;line-height:1.3}.po-node small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:3px}.po-node:not(:last-child):after{content:'';position:absolute;left:31px;bottom:-10px;height:9px;border-left:1px solid var(--po-accent);z-index:1}.po-scene[data-view=before] .po-node{border-style:dashed;background:transparent}.po-scene[data-view=before] .po-node:before{content:'·';color:var(--muted);border-color:var(--line)}.po-scene[data-view=before] .po-node:after{border-color:var(--line)}.po-result{font-size:14px;line-height:1.6;margin:20px 0 0;color:var(--ink);border-left:2px solid var(--po-accent);padding-left:14px}.po-scene[data-view=before] .po-result{color:var(--muted);border-color:var(--line)}.po-example-note{margin:22px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}.po-start{display:flex;align-items:baseline;gap:35px;padding:25px 2px 0}.po-start strong{white-space:nowrap;font-size:15px;font-weight:500}.po-start p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;max-width:710px}
.po-services button:focus-visible,.po-services a:focus-visible{outline:3px solid var(--po-accent);outline-offset:5px}.po-choice:disabled{cursor:default}
@media(max-width:900px){.po-services .po-heading{grid-template-columns:1fr;gap:18px}.po-services .po-heading p:last-child{max-width:620px}.po-choice{padding:19px}.po-detail{grid-template-columns:1fr 1.1fr}.po-example-bar{flex-wrap:wrap}.po-start{gap:18px}.po-choice .po-summary{font-size:13px}}
@media(max-width:650px){.po-options{grid-template-columns:1fr;gap:9px}.po-choice{padding:16px 44px 16px 18px}.po-choice small{margin:0 0 7px}.po-choice strong{font-size:20px}.po-choice .po-summary{display:none}.po-choice .po-arrow{top:28px}.po-detail{grid-template-columns:1fr}.po-copy{padding:25px}.po-copy h3{font-size:27px}.po-example{border-left:0;border-top:1px solid var(--line);padding:24px}.po-example-bar{gap:10px}.po-scene{min-height:0}.po-start{flex-direction:column;gap:9px;padding-top:24px}.po-start strong{white-space:normal}.po-services .po-heading{margin-bottom:25px}.po-copy .po-cta{width:100%}.po-foot{max-width:none}}
@media(prefers-reduced-motion:reduce){.po-choice{transition:none}.po-choice:hover{transform:none}}
.po-services .po-detail{margin-top:0!important;margin-bottom:0}.po-services .po-options{margin-bottom:24px}
:root[data-theme=dark] .po-services{--po-accent:#a5e6ee}:root[data-theme=light] .po-services{--po-accent:#196f87}

/* Original production illustrations and finite animation, retained on all three choices. */
.po-choice .service-visual{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:228/124;margin:26px auto 24px;color:var(--po-accent);opacity:.9}.po-choice .service-visual svg{display:block;width:100%;height:100%}.po-choice:hover .service-visual,.po-choice:focus-visible .service-visual{opacity:1}
.po-choice.is-playing .svc-build-frame{animation:service-assemble .55s cubic-bezier(.22,.7,.25,1) both}
.po-choice.is-playing .svc-build-module{animation:service-assemble .5s .22s cubic-bezier(.22,.7,.25,1) both}
.po-choice.is-playing .module-second{animation-delay:.38s}
.po-choice.is-playing .svc-build-ready{animation:service-seal .35s .68s both}
.po-choice.is-playing .svc-build-ready .svc-draw{animation:service-draw .3s .75s both}
.po-choice.is-playing .svc-route-input{animation:service-draw .45s both}
.po-choice.is-playing .svc-processor{animation:service-process .6s .22s both}
.po-choice.is-playing .svc-route-output{animation:service-draw .4s .48s both}
.po-choice.is-playing .svc-output{animation:service-assemble .4s .58s both}
.po-choice.is-playing .svc-output .svc-draw{animation:service-draw .3s .72s both}
.po-choice.is-playing .svc-transfer{animation:service-transfer .45s .52s both}
.po-choice.is-playing .svc-detour{animation:service-detour .7s both}
.po-choice.is-playing .svc-direct{animation:service-draw .75s cubic-bezier(.22,.7,.25,1) both}
.po-choice.is-playing .svc-improve-ready{animation:service-seal .4s .6s both}
.po-choice.is-playing .svc-improve-ready .svc-draw{animation:service-draw .3s .72s both}

@media(max-width:650px){.po-choice{padding:22px}.po-choice .service-visual{max-width:228px;margin:20px auto}.po-choice .po-summary{display:block}.po-choice .po-arrow{top:20px}}
@media(prefers-reduced-motion:reduce){.po-choice .service-visual *{animation:none!important;transition:none!important}}

.po-services .po-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.po-choice small{margin-bottom:0}.po-choice .service-visual{flex:none}.po-choice strong{min-height:2.4em}
