/* Stacked arcs create real CSS 3D depth without a WebGL runtime. */
.feedback-loop{max-width:650px;margin:34px 0 24px}
.feedback-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.feedback-stages li{position:relative;display:flex;flex-direction:column;padding:18px 14px;background:#142b31;border:1px solid #35574e;border-radius:5px;gap:9px}
.feedback-stages li:not(:last-child):after{content:'→';position:absolute;right:-21px;top:45%;color:var(--teal);font-size:19px;line-height:1}
.feedback-step{font-size:10px;letter-spacing:.1em;color:var(--teal)}
.feedback-stages strong{font-size:13px;font-weight:500;color:#e0eee6;line-height:1.5}
.feedback-stages small{font-size:11px;color:#adc8c0;line-height:1.6}
.feedback-return{height:85px;position:relative}
.feedback-return svg{position:absolute;inset:0;width:100%;height:100%}
.feedback-return p{position:absolute;left:50%;top:35px;transform:translateX(-50%);white-space:nowrap;background:var(--navy);padding:5px 12px;font-size:11px;color:var(--teal);margin:0;line-height:1.6}
.feedback-explanation{color:#acc0c0;font-size:13px;line-height:1.8;max-width:530px;margin:0}
@media(max-width:680px){.feedback-stages{grid-template-columns:1fr;gap:29px;margin-left:23px}.feedback-stages li{padding:14px 17px}.feedback-stages li:not(:last-child):after{content:'↓';top:auto;bottom:-24px;right:50%;font-size:19px}.feedback-stages small{font-size:12px}.feedback-stages strong{font-size:14px}.feedback-loop{position:relative}.feedback-loop:before{content:'';position:absolute;left:0;top:16px;bottom:92px;width:12px;border:1px solid #65e0c5;border-right:0;border-radius:5px 0 0 5px}.feedback-loop:after{content:'→';position:absolute;left:6px;top:4px;color:var(--teal);font-size:20px}.feedback-return{height:auto;padding:18px 0 10px 23px}.feedback-return svg{display:none}.feedback-return p{position:static;transform:none;white-space:normal;background:none;padding:0;font-size:12px}.feedback-explanation{margin-left:23px;font-size:12px}}
.hero-grid{perspective:1100px}.pipeline-art{transform-style:preserve-3d;perspective:900px;--tilt-x:0deg;--tilt-y:0deg}
.arc-sculpture{position:absolute;left:20%;top:10%;width:72%;aspect-ratio:1;perspective:850px;pointer-events:none;z-index:-1}
.sculpture-tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .18s ease-out}
.sculpture-ring{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(42deg) rotateY(-27deg) rotateZ(-18deg);animation:arc-breathe 9s ease-in-out infinite;animation-play-state:paused}
.ring-layer{position:absolute;inset:0;border:19px solid #2a6964;border-left-color:transparent;border-radius:50%;transform:translateZ(var(--depth));background:transparent;box-shadow:inset 0 0 2px #95efcf44,0 0 2px #183b38;backface-visibility:visible}
.ring-layer:nth-child(n+14){border-color:#56bda8;border-left-color:transparent}.ring-layer:last-of-type{border-color:#9df3db;border-left-color:transparent;border-width:3px;inset:7px;box-shadow:0 0 15px #66e4bc44,inset 0 0 13px #66e4bc22}
.ring-node{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e5fff4,#65e0c5 50%,#1b7566);box-shadow:0 0 25px #65e0c566;transform:translateZ(24px)}.node-one{left:47%;top:-4px}.node-two{right:0;top:47%}.node-three{left:44%;bottom:0}
.pipeline-art .arc-drawing{opacity:.45;transform:translateZ(-30px)}.pipeline-art .art-card{box-shadow:0 22px 30px #0005,inset 0 1px #aacbbe18;border-bottom:3px solid #233b40;transition:translate .3s,box-shadow .3s;transform-style:preserve-3d}.pipeline-art .art-account{transform:rotate(-7deg) translateZ(28px)}.pipeline-art .art-message{transform:rotate(6deg) translateZ(55px)}.pipeline-art .art-meeting{transform:rotate(4deg) translateZ(45px)}.pipeline-art .art-deal{transform:rotate(-3deg) translateZ(65px)}
.arc-drawing .travel-signal{stroke:#cefff0;stroke-width:4;stroke-linecap:round;stroke-dasharray:.015 .985;animation:path-signal 6s linear infinite;animation-play-state:paused;opacity:1}
.pipeline-art.in-view .sculpture-ring,.pipeline-art.in-view .travel-signal{animation-play-state:running}
.motion-toggle{display:none;position:absolute;bottom:23px;right:0;background:transparent;color:#b8d1c9;border:1px solid #42635a;border-radius:4px;padding:6px 12px;min-height:38px;font-size:10px;letter-spacing:.02em;align-items:center;gap:8px}.js .motion-toggle{display:inline-flex}.motion-toggle:hover{color:var(--teal);border-color:var(--teal)}
.motion-paused .sculpture-ring,.motion-paused .travel-signal{animation-play-state:paused!important}.motion-paused .sculpture-tilt{transform:none!important}.motion-paused .pipeline-art{transform:none}.motion-paused .draw-path,.motion-paused .journey-progress{stroke-dashoffset:0}
.service-emblem{transform-style:preserve-3d;transition:transform .6s ease,box-shadow .6s ease}.service-emblem .icon{transform:translateZ(32px)}.service-emblem>span{transform:translateZ(40px)}.service-emblem:before{transform:translateZ(-25px)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.service-emblem:hover{transform:perspective(800px) rotateX(8deg) rotateY(-12deg)}.art-card:hover{translate:0 -7px;box-shadow:0 26px 35px #0006}}
.motion-enter .account-cloud,.motion-enter .conversation-art,.motion-enter .qualification-art,.motion-enter .opportunity-art,.motion-enter .feedback-loop{animation:scene-arrive .85s cubic-bezier(.2,.65,.3,1) both}
@keyframes arc-breathe{0%,100%{transform:rotateX(42deg) rotateY(-27deg) rotateZ(-18deg) translateY(0)}50%{transform:rotateX(48deg) rotateY(-19deg) rotateZ(-12deg) translateY(-10px)}}
@keyframes path-signal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes scene-arrive{from{opacity:.55;transform:perspective(900px) rotateX(7deg) translateY(25px)}to{opacity:1;transform:perspective(900px) rotateX(0deg) translateY(0)}}
.service-ribbon>.container{grid-template-columns:repeat(6,1fr)}.service-ribbon a{padding:25px 15px;font-size:12px;gap:9px}
@media(min-width:681px) and (max-width:1100px){.service-ribbon>.container{grid-template-columns:repeat(3,1fr)}.service-ribbon a:nth-child(4){border-left:0;padding-left:0}.service-ribbon a:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:680px){.service-ribbon>.container{grid-template-columns:repeat(2,1fr)}.service-ribbon a:nth-child(odd){border-left:0}.service-ribbon a:nth-child(3){border-bottom:1px solid var(--line)}.service-ribbon a:nth-child(5){border-bottom:0}.hero-grid{padding-bottom:47px}.motion-toggle{bottom:9px;font-size:9px;min-height:34px}.arc-sculpture{width:68%;left:21%;top:12%}.sculpture-ring{animation:none;transform:rotateX(38deg) rotateY(-20deg) rotateZ(-18deg)}.ring-layer{border-width:13px}.pipeline-art .art-account,.pipeline-art .art-message,.pipeline-art .art-meeting,.pipeline-art .art-deal{transform:rotate(0deg)}.travel-signal{animation-duration:10s!important}.motion-enter .account-cloud,.motion-enter .conversation-art,.motion-enter .qualification-art,.motion-enter .opportunity-art,.motion-enter .feedback-loop{animation:none}}
@media(prefers-reduced-motion:reduce){.sculpture-ring,.travel-signal{animation:none!important}.sculpture-tilt{transform:none!important}.motion-toggle,.js .motion-toggle{display:none}.service-emblem:hover{transform:none}.motion-enter *{animation:none!important}}