.method-pin{display:contents}
.service-stage-nav[hidden],.method-readout[hidden],.method-scroll-ring[hidden],.method-ghost[hidden]{display:none}
.service-journey{position:relative;z-index:2}
.services-staged .service-stage-nav{display:flex;align-items:stretch;gap:0;background:var(--paper);position:relative;padding:14px 0 18px;isolation:isolate}
.service-stage-nav:after{content:'';position:absolute;height:2px;bottom:6px;left:0;width:100%;background:var(--blue);transform-origin:left;scale:var(--service-progress,.25) 1;transition:scale .15s linear}
.service-stage-nav button{flex:1;min-height:44px;border:0;border-bottom:1px solid #c2c7d5;background:transparent;text-align:left;font-size:12px;font-weight:700;letter-spacing:-.015em;display:flex;align-items:center;gap:12px;padding:8px 14px;color:#737787}
.service-stage-nav button span{font-size:10px;font-weight:400;color:#9299af}.service-stage-nav button[aria-current=step]{color:var(--ink);border-color:var(--blue)}.service-stage-nav button[aria-current=step] span{color:#b34f0b}
.services-staged .service{color:var(--paper);border:1px solid #7685be36;box-shadow:0 14px 38px #10256518;transform-origin:50% 0;background:linear-gradient(120deg,#2649f0,#1533b4)}
.services-staged .service:nth-child(2){background:linear-gradient(120deg,#192b56,#0c1531)}.services-staged .service:nth-child(3){background:linear-gradient(125deg,#244b68,#12293e)}.services-staged .service:nth-child(4){background:linear-gradient(120deg,#192033,#090e1b)}
.services-staged .service-trigger{border-bottom:1px solid #ffffff38;color:var(--paper)}.services-staged .service-trigger .icon{display:none}.services-staged .service-num{color:var(--accent)}
.services-staged .service-content{grid-template-rows:1fr;transition:none}.services-staged .service-content>div{overflow:visible}.services-staged .service-text h3{font-size:clamp(23px,2.25vw,34px)}
.services-pinned .service-pin{position:sticky;top:var(--stage-top);perspective:1400px}
.services-pinned .service-list{height:var(--service-card-height);position:relative;overflow:clip;isolation:isolate}
.services-pinned .service{position:absolute;inset:0 0 auto;min-height:var(--service-card-height);will-change:transform;backface-visibility:hidden}
.services-pinned .service-trigger{font-size:22px;padding:18px 28px;gap:22px}.services-pinned .service-body{padding:28px 30px 30px;gap:36px}.services-pinned .service-text>p{font-size:14px;line-height:1.6;margin-top:18px}.services-pinned .feature-list{gap:17px 22px;margin-top:22px}.services-pinned .feature-list h4{font-size:13px}.services-pinned .feature-list p{font-size:11px;line-height:1.55}.services-pinned .workflow-demo{padding:25px 22px}
.services-flow .service-stage-nav{position:sticky;top:calc(var(--stage-top) - 16px);z-index:8}.services-flow .service{margin-bottom:28px}.services-flow .service-pin{position:relative}
.method-staged .method-wheel{translate:none!important;scale:1}.method-staged .cycle-icon{animation:none;rotate:var(--method-angle,0deg);transition:rotate .15s linear}
.method-scroll-ring{position:absolute;inset:-6%;width:112%;height:112%;pointer-events:none;overflow:visible;rotate:180deg}.method-scroll-ring circle{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--method-progress,.25));transition:stroke-dashoffset .15s linear}
.method-staged .method-wheel:before{animation:none;transform:rotateX(62deg) rotateZ(var(--method-angle,0deg))}.method-staged .method-wheel:after{animation:none;transform:rotateX(62deg) rotateZ(calc(var(--method-angle,0deg) * -1))}
.method-readout{max-width:360px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:0 0 14px;border-bottom:1px solid #acb3c5;color:#747b8e;font-size:8px;letter-spacing:.08em}.method-stage-count{font-size:11px;letter-spacing:.1em;color:var(--ink)}.method-readout i{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--blue);transform-origin:left;scale:var(--method-progress,.25) 1}
.method-pinned{display:block;padding-block:0}.method-pinned .method-pin{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:sticky;top:var(--stage-top);height:calc(100svh - 130px);min-height:520px;max-height:770px;isolation:isolate}
.method-pinned .approach-intro{position:relative;z-index:2}.method-pinned .approach-intro.reveal{opacity:1;transform:none}.method-pinned h2{font-size:clamp(36px,3.7vw,55px);line-height:1.03}.method-pinned .section-label{margin-bottom:22px}
.method-pinned .method-wheel{width:clamp(230px,24vw,335px);margin-top:30px}.method-pinned .wheel-step{font-size:11px}.method-pinned .wheel-step span{font-size:9px}.method-pinned .wheel-center{border-width:7px}
.method-pinned .method-list{position:relative;padding:0;height:340px;z-index:2;perspective:900px}
.method-pinned .method-item{position:absolute;inset:0;border:0;border-top:1px solid var(--ink);padding:26px 0 0;will-change:transform,opacity}
.method-pinned .method-trigger{display:block;font-size:clamp(42px,4.2vw,65px);padding:0;line-height:1.02;letter-spacing:-.055em}.method-pinned .method-trigger>span{display:block;font-size:12px;color:#ae4d0b;letter-spacing:.12em;margin-bottom:26px;width:auto}.method-pinned .method-trigger .icon{display:none}
.method-pinned .method-description{padding:25px 12px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.65;max-width:540px}
.method-ghost{position:absolute;right:-4%;bottom:0;font-size:clamp(280px,36vw,540px);font-weight:700;letter-spacing:-.09em;line-height:.9;color:transparent;-webkit-text-stroke:1px #5973bb1c;pointer-events:none;z-index:0}
.method-staged .wheel-step[aria-pressed=true]{box-shadow:0 12px 35px #1c3cd21c}.method-flow .method-item{padding-block:25px;min-height:230px}.method-flow .method-trigger .icon{display:none}.method-flow .method-description{display:block;padding-top:10px}.method-flow .method-ghost{display:none}
@media(min-width:761px) and (max-width:1100px){.services-pinned .service-body{padding:24px;gap:24px}.services-pinned .service-text h3{font-size:24px}.services-pinned .service-text>p{font-size:13px}.services-pinned .feature-list{gap:12px 18px;margin-top:18px}.services-pinned .workflow-demo{padding:22px 16px}.services-pinned .demo-top{font-size:8px}.method-pinned .method-pin{gap:35px}.method-pinned .method-wheel{width:250px}.method-pinned .method-description{font-size:17px}.method-pinned .method-trigger{font-size:42px}.method-pinned h2{font-size:38px}.method-pinned .method-list{height:350px}}
@media(max-width:760px){.service-stage-nav button{font-size:9px;padding:9px 5px;gap:5px}.service-stage-nav button span{font-size:8px}.services-staged .service-stage-nav{padding-top:4px;padding-bottom:13px}.services-staged .service-trigger{font-size:18px;padding:22px 18px}.services-staged .service-text h3{font-size:28px}.services-flow .service{margin-bottom:22px}.method-flow .method-wheel{width:240px}.method-readout{max-width:none;margin-top:28px}.method-flow .method-list{position:relative;padding-top:0}.method-flow .method-item{min-height:245px;padding:25px 0 35px;transition:opacity .25s}.method-flow .method-trigger{font-size:32px}.method-flow .method-description{font-size:16px;line-height:1.7;padding-left:44px}.method-flow .method-item.is-stage-current .method-trigger{color:var(--blue)}}
@media(prefers-reduced-motion:reduce){.service,.method-item{will-change:auto!important}.method-pin{display:contents}}