.kinetic{padding:24px 0;color:#bddbfa}.kinetic-top{display:flex;justify-content:space-between;align-items:center;font:12px system-ui;letter-spacing:.12em}.kinetic-top button{color:#bddbfa;background:transparent;border:1px solid #34516d;border-radius:20px;padding:8px 16px;cursor:pointer;letter-spacing:0}.kinetic-space{height:290px;position:relative;perspective:800px;display:grid;place-items:center}.kinetic-space::after{content:'';position:absolute;z-index:-1;width:230px;height:230px;border-radius:50%;background:rgba(61,210,139,.1);filter:blur(58px)}.kinetic-track{position:absolute;top:50%;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent 0%,#68baff 24%,#65dda0 63%,rgba(101,221,160,.08) 100%)}.kinetic-cube{width:92px;height:92px;position:relative;transform-style:preserve-3d;animation:cube-turn 12s linear infinite}.kinetic-cube i{position:absolute;inset:0;border:1px solid #79e2ac;background:linear-gradient(135deg,rgba(121,226,172,.4),rgba(16,116,72,.18));box-shadow:inset 0 0 25px #59d79522;backface-visibility:visible}.kinetic-cube i:nth-child(1){transform:translateZ(46px)}.kinetic-cube i:nth-child(2){transform:rotateY(180deg) translateZ(46px)}.kinetic-cube i:nth-child(3){transform:rotateY(90deg) translateZ(46px)}.kinetic-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(46px)}.kinetic-cube i:nth-child(5){transform:rotateX(90deg) translateZ(46px)}.kinetic-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(46px)}.kinetic-packet{position:absolute;width:14px;height:14px;top:calc(50% - 7px);left:8%;background:#c7ebff;border-radius:4px;box-shadow:0 0 22px #65baff;animation:packet-travel 4.2s cubic-bezier(.55,.05,.25,1) infinite}.kinetic-result{position:absolute;right:8%;top:calc(50% - 24px);width:48px;height:48px;border:1px solid #75e5aa;border-radius:50%;display:grid;place-items:center;color:#8af0b9;font-size:24px;background:#091d17;box-shadow:0 0 24px rgba(73,219,143,.13);animation:result-arrive 4.2s cubic-bezier(.55,.05,.25,1) infinite}.kinetic-labels{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;list-style:none;padding:0;margin:0;font:500 15px system-ui}.kinetic-labels li:nth-child(2){justify-self:center;text-align:center;color:#7ee9ae}.kinetic-labels li:last-child{justify-self:end;color:#9beec0}.kinetic-labels strong,.kinetic-labels small{display:block}.kinetic-labels strong{font-size:14px}.kinetic-labels small{margin-top:3px;color:#68d99d;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.kinetic>p{font-size:14px;text-align:center;margin:30px 0 0;color:#8ba4bd}.paused .kinetic *{animation-play-state:paused!important}.reference-more{cursor:pointer;color:#9bd4ff;padding:12px 0}.reference-card .reference-quote{font-size:16px;margin-top:12px}.reference-card{min-height:0}.case-desc{max-width:40ch}.uc-head{margin-bottom:24px}.agent-workflow{padding-left:0}.ra-hero{min-height:85vh}.ra-subtitle{max-width:47ch}.references-sub:empty{display:none}
@keyframes cube-turn{from{transform:rotateX(-20deg) rotateY(30deg)}to{transform:rotateX(-20deg) rotateY(390deg)}}@keyframes packet-travel{0%,10%{left:8%;opacity:0}20%{opacity:1}48%{left:48%;opacity:1}55%,100%{left:48%;opacity:0}}@keyframes result-arrive{0%,55%{opacity:.2;transform:scale(.85)}70%,90%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(.85)}}@media(max-width:700px){.kinetic-space{height:220px}.kinetic{padding-top:0}.ra-hero{min-height:auto}}@media(prefers-reduced-motion:reduce){.kinetic *{animation:none!important}.kinetic-cube{transform:rotateX(-20deg) rotateY(30deg)}.kinetic-packet{opacity:1}.kinetic-result{opacity:1}}
.process-layout{grid-template-columns:minmax(0,1fr) minmax(300px,550px);max-width:1340px;align-items:center}
.collaboration-gallery{grid-template-columns:1fr;transform:none;position:relative;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:opacity 1.2s ease,translate 1.2s cubic-bezier(.2,.65,.3,1)}
.collaboration-gallery figure{aspect-ratio:4/5;border-radius:0;background:transparent;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 85%,transparent),linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 85%,transparent),linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.collaboration-gallery figure:first-child img{object-position:50% 62%;filter:saturate(.85) brightness(.97)}
.collaboration-gallery.portrait-waiting{opacity:0;translate:0 28px}
@media(max-width:800px){.process-layout{grid-template-columns:1fr}.collaboration-gallery{max-width:440px;justify-self:center;width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.collaboration-gallery{transition:none}}
@media(min-width:801px){.collaboration-gallery{transform:translateY(-40px)}}
.faq-compact>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:20px 0;list-style:none;border-bottom:1px solid #294057}
.faq-compact>summary::-webkit-details-marker{display:none}
.faq-compact>summary::after{content:'+';font-size:24px;color:#9bd4ff}
.faq-compact[open]>summary::after{content:'−'}
.faq-compact>summary #faq-title{font-size:22px;margin:0}
#faq{padding-top:24px;padding-bottom:32px}
.faq-compact[open]>summary{margin-bottom:24px}
.kinetic-packet{width:24px;height:24px;top:calc(50% - 12px);border-radius:50%;transform:translateX(-50%);z-index:2;background:radial-gradient(circle at 30% 25%,#fff 0%,#d9f4ff 14%,#77caff 36%,#2784db 65%,#103b76 90%);box-shadow:inset -3px -4px 5px #082b6980,inset 1px 1px 3px #ffffffb3,0 0 16px #65baff80;animation:packet-through 6s linear infinite,ball-radiance 6s linear infinite,packet-color 6s linear infinite}
.kinetic-space canvas{animation:knot-radiance 6s linear infinite}
@keyframes packet-through{0%,8%{left:8%;opacity:0}12%{left:8%;opacity:1}38%,62%{left:50%;opacity:1}80%{left:78%;opacity:1}86%{left:85%;opacity:.65}94%,100%{left:92%;opacity:0}}
@keyframes ball-radiance{0%,35%,80%{filter:brightness(1) saturate(1) blur(0px) drop-shadow(0 0 3px #75caff66) drop-shadow(0 0 0px #70c9ff00);scale:1;animation-timing-function:ease-in-out}45%,55%{filter:brightness(5) saturate(.2) blur(3px) drop-shadow(0 0 20px #d9f6ff) drop-shadow(0 0 42px #70c9ff);scale:1.5;animation-timing-function:ease-in-out}94%,100%{filter:brightness(1.4) saturate(1) blur(7px) drop-shadow(0 0 12px #75caff66) drop-shadow(0 0 0px #70c9ff00);scale:.65}}
@keyframes packet-color{0%,37%{background:radial-gradient(circle at 30% 25%,#fff 0%,#d9f4ff 14%,#77caff 36%,#2784db 65%,#103b76 90%)}48%,100%{background:radial-gradient(circle at 30% 25%,#fff 0%,#d8ffe9 14%,#76e7ac 36%,#23965f 65%,#0c5233 90%)}}
.kinetic-space::after{animation:ai-glow-activate 6s linear infinite}.kinetic-labels li:nth-child(2){animation:ai-label-activate 6s linear infinite}.kinetic-labels li:last-child{animation:result-label-activate 6s linear infinite}
@keyframes ai-glow-activate{0%,34%{background:rgba(70,155,255,.08);opacity:.5}48%,88%{background:rgba(61,210,139,.13);opacity:1}100%{background:rgba(70,155,255,.08);opacity:.5}}
@keyframes ai-label-activate{0%,34%{color:#7fa3c7;text-shadow:none}48%,88%{color:#7ee9ae;text-shadow:0 0 16px rgba(87,225,151,.35)}100%{color:#7fa3c7;text-shadow:none}}
@keyframes result-label-activate{0%,58%{color:#7894b0;text-shadow:none}72%,90%{color:#9beec0;text-shadow:0 0 16px rgba(87,225,151,.28)}100%{color:#7894b0;text-shadow:none}}
.kinetic-aha{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px auto 0;font:600 11px/1.35 system-ui}.kinetic-aha span,.kinetic-aha strong{padding:7px 10px;border-radius:999px}.kinetic-aha span{border:1px solid rgba(137,166,197,.14);color:#7690aa;background:rgba(90,116,145,.06)}.kinetic-aha b{color:#6fbf96}.kinetic-aha strong{border:1px solid rgba(91,222,153,.18);color:#8beab7;background:rgba(52,188,116,.08)}
.collaboration-gallery figure{aspect-ratio:1200/896}
.collaboration-gallery figure:first-child img{object-position:center}
@keyframes knot-radiance{0%,35%,80%,100%{filter:drop-shadow(0 0 4px #64baff33) drop-shadow(0 0 0px #53adff00) brightness(1);animation-timing-function:ease-in-out}45%,55%{filter:drop-shadow(0 0 14px #8ed3ff) drop-shadow(0 0 30px #53adff99) brightness(1.35);animation-timing-function:ease-in-out}}
@media(max-width:700px){.kinetic-aha{flex-wrap:wrap;gap:7px}.kinetic-aha span,.kinetic-aha strong{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.kinetic-space canvas,.kinetic-packet,.kinetic-space::after,.kinetic-labels li{animation:none!important}}

/* One synchronized meaning cycle: blue input -> green AI work -> fluid blue reset. */
.kinetic-track{background:linear-gradient(90deg,transparent 0%,#68baff 24%,#68baff 76%,transparent 100%)}
.kinetic-track::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 43%,#65dda0 58%,#65dda0 82%,transparent 100%);opacity:0;animation:ai-phase 6s linear infinite}
.kinetic-result{border-color:#72baff;color:#91ceff;background:#0b1b2c;box-shadow:0 0 18px rgba(70,155,255,.1);animation:result-arrive 6s linear infinite,result-color 6s linear infinite}
.kinetic-labels li:nth-child(2),.kinetic-labels li:last-child{color:#82acd4}
.kinetic-labels small{color:inherit}
.kinetic-packet{animation:packet-through 6s linear infinite,ball-radiance 6s linear infinite,packet-color 6s linear infinite}
@keyframes packet-color{0%,37%{background:radial-gradient(circle at 30% 25%,#fff 0%,#d9f4ff 14%,#77caff 36%,#2784db 65%,#103b76 90%)}48%,82%{background:radial-gradient(circle at 30% 25%,#fff 0%,#d8ffe9 14%,#76e7ac 36%,#23965f 65%,#0c5233 90%)}100%{background:radial-gradient(circle at 30% 25%,#fff 0%,#d9f4ff 14%,#77caff 36%,#2784db 65%,#103b76 90%)}}
.kinetic-space::after{animation:ai-glow-activate 6s linear infinite}.kinetic-labels li:nth-child(2){animation:ai-label-activate 6s linear infinite}.kinetic-labels li:last-child{animation:result-label-activate 6s linear infinite}
@keyframes ai-phase{0%,34%,100%{opacity:0}48%,82%{opacity:1}}
@keyframes ai-glow-activate{0%,34%,100%{background:rgba(70,155,255,.08);opacity:.5}48%,82%{background:rgba(61,210,139,.13);opacity:1}}
@keyframes ai-label-activate{0%,34%,100%{color:#82acd4;text-shadow:none}48%,82%{color:#7ee9ae;text-shadow:0 0 16px rgba(87,225,151,.35)}}
@keyframes result-label-activate{0%,58%,100%{color:#82acd4;text-shadow:none}72%,84%{color:#9beec0;text-shadow:0 0 16px rgba(87,225,151,.28)}}
@keyframes result-color{0%,58%,100%{border-color:#72baff;color:#91ceff;background:#0b1b2c;box-shadow:0 0 18px rgba(70,155,255,.1)}72%,84%{border-color:#75e5aa;color:#8af0b9;background:#091d17;box-shadow:0 0 24px rgba(73,219,143,.16)}}
.kinetic-aha span{color:#82acd4;background:rgba(70,155,255,.06)}.kinetic-aha b,.kinetic-aha strong{color:#82acd4;animation:aha-after-activate 6s linear infinite}.kinetic-aha strong{border-color:rgba(112,186,255,.16);background:rgba(70,155,255,.06)}
@keyframes aha-after-activate{0%,45%,100%{border-color:rgba(112,186,255,.16);color:#82acd4;background:rgba(70,155,255,.06);text-shadow:none}60%,84%{border-color:rgba(91,222,153,.2);color:#8beab7;background:rgba(52,188,116,.09);text-shadow:0 0 14px rgba(87,225,151,.22)}}
@media(prefers-reduced-motion:reduce){.kinetic-track::after,.kinetic-result,.kinetic-aha b,.kinetic-aha strong{animation:none!important}}
.kinetic-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0 0}.kinetic-metrics .stat-card{min-height:0;padding:11px 12px;border:1px solid rgba(112,186,255,.1);border-radius:11px;background:rgba(8,20,35,.62);text-align:left}.kinetic-metrics .stat-num{margin:0 0 3px;color:#83c6ff;font-size:20px;font-weight:700;line-height:1.1}.kinetic-metrics .stat-label{color:#8fa8c2;font-size:10px;line-height:1.35}.kinetic-metrics-note{margin:8px 0 0!important;color:#647d97!important;font-size:9px!important;letter-spacing:.04em}.kinetic-metrics+p.kinetic-metrics-note+#kinetic-human{margin-top:16px}.kinetic-metrics .stat-card:nth-child(4){border-color:rgba(91,222,153,.13)}.kinetic-metrics .stat-card:nth-child(4) .stat-num{color:#89eab6}@media(max-width:700px){.kinetic-metrics{gap:6px;margin-top:18px}.kinetic-metrics .stat-card{padding:9px 10px}.kinetic-metrics .stat-num{font-size:18px}.kinetic-metrics .stat-label{font-size:9px}}
@media(min-width:701px){.kinetic-space{height:225px}.kinetic-metrics{margin-top:15px;gap:6px}.kinetic-metrics .stat-card{padding:8px 10px}.kinetic-metrics .stat-num{font-size:18px}.kinetic-metrics .stat-label{font-size:9px;line-height:1.25}.kinetic-metrics-note{margin-top:6px!important}#kinetic-human{margin-top:12px}}
.kinetic-labels li:nth-child(2) strong,.kinetic-labels li:nth-child(2) small{color:#82acd4;animation:ai-label-activate 6s linear infinite}
@media(prefers-reduced-motion:reduce){.kinetic-labels li:nth-child(2) strong,.kinetic-labels li:nth-child(2) small{animation:none!important;color:#82acd4}}
.kinetic-metrics .stat-card:nth-child(4){border-color:rgba(112,186,255,.1)}.kinetic-metrics .stat-card:nth-child(4) .stat-num{color:#83c6ff}

/* Eighteen radial labels on a circular orbit, synchronized with the AI cycle. */
.kinetic-space{height:auto;aspect-ratio:1;margin-bottom:16px;isolation:isolate;container-type:inline-size}
.kinetic-space::before{content:'';position:absolute;inset:14%;border:1px solid rgba(114,186,255,.12);border-radius:50%;pointer-events:none;z-index:-1;animation:pain-orbit-fade 6s linear infinite}
.kinetic-knot{width:46%;height:auto;max-width:250px;aspect-ratio:1;position:relative;pointer-events:none}
.kinetic-pains{position:absolute;inset:0;list-style:none;margin:0;padding:0;z-index:3;pointer-events:none}
.kinetic-pains li{position:absolute;width:26%;margin:0;transform:translate(-50%,-50%) rotate(var(--pain-angle));text-align:center}
.kinetic-pains li>span{display:block;box-sizing:border-box;padding:5px 7px;border:1px solid rgba(124,185,246,.18);border-radius:999px;background:rgba(10,23,40,.86);color:#a9c8e8;font:500 clamp(8px,2.05cqw,11px)/1.2 system-ui,sans-serif;text-wrap:balance;hyphens:none;overflow-wrap:normal;animation:pain-dissolve 6s linear infinite}
.kinetic-pains li::after{content:'';position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#94eac0;box-shadow:-15px -7px 0 #a7d8f5,9px -9px 0 #94eac0,19px 5px 0 #a7d8f5,-8px 9px 0 #94eac0;opacity:0;animation:pain-dust 6s linear infinite}
.kinetic-cycle-waiting .kinetic *,.kinetic-cycle-waiting .kinetic *::before,.kinetic-cycle-waiting .kinetic *::after{animation-play-state:paused!important}
@keyframes pain-dissolve{0%{opacity:0;filter:blur(2px);transform:translateX(0) scale(.98);color:#a9c8e8}6%,73%{opacity:1;filter:blur(0);transform:translateX(0) scale(1);color:#a9c8e8}76%{opacity:1;filter:brightness(1.7) blur(0);transform:translateX(0) scale(1.04);color:#d6ffee}82%{opacity:.35;filter:brightness(1.3) blur(3px);transform:translateX(calc(var(--puff-distance)*.55)) scale(1.13);color:#b9eed7}88%,100%{opacity:0;filter:blur(9px);transform:translateX(var(--puff-distance)) scale(1.25);color:#b9eed7}}
@keyframes pain-dust{0%,75%,95%,100%{opacity:0;transform:translateX(0) scale(.5);filter:blur(0)}78%{opacity:.9;transform:translateX(calc(var(--puff-distance)*.15)) scale(1.2);filter:blur(0)}85%{opacity:.5;transform:translateX(calc(var(--puff-distance)*.8)) scale(2.4);filter:blur(.6px)}92%{opacity:0;transform:translateX(var(--puff-distance)) scale(3.4);filter:blur(2px)}}
@keyframes pain-orbit-fade{0%{opacity:0}6%,73%{opacity:1}83%,100%{opacity:0}}
.kinetic-labels{column-gap:6px;font-size:13px}
.kinetic-labels li{min-width:0}
.kinetic-labels #kinetic-process{grid-column:2;justify-self:center;text-align:center;animation:ai-label-activate 6s linear infinite}
@media(max-width:700px){.kinetic-space{margin-bottom:18px}.kinetic-pains li>span{padding:4px}.kinetic-labels{font-size:12px}.kinetic-labels strong{font-size:13px}.kinetic-labels small{font-size:9px;letter-spacing:.04em}}
@media(max-width:380px){.kinetic-labels{font-size:11px}.kinetic-pains li>span{font-size:7px;padding:3px}}
@media(prefers-reduced-motion:reduce){.kinetic-space::before,.kinetic-pains li>span,.kinetic-pains li::after{animation:none!important}.kinetic-pains li::after{display:none}}

/* Charge at the centre; the expanding wave reaches the word circle at 76%. */
.kinetic-packet{left:8%;top:50%;translate:-50% -50%;transform:none;animation:ball-enter-and-hold 6s linear infinite,ball-charge 6s linear infinite,packet-color 6s linear infinite;z-index:4}
.kinetic-space canvas{animation:knot-charge 6s linear infinite}
.kinetic-shockwave{position:absolute;inset:14%;border:2px solid #bcffe1;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(143,255,199,.12) 93%,rgba(204,255,232,.28) 98%,transparent);box-shadow:0 0 16px rgba(130,255,188,.6),inset 0 0 14px rgba(154,255,207,.35);opacity:0;transform:scale(.04);pointer-events:none;z-index:2;animation:power-shockwave 6s linear infinite}
@keyframes ball-enter-and-hold{0%{left:8%;opacity:0}6%{left:8%;opacity:1}34%,72%{left:50%;opacity:1}86%,100%{left:50%;opacity:0}}
@keyframes ball-charge{
  0%{scale:.7;filter:brightness(1) drop-shadow(0 0 3px #75caff80)}
  6%,34%{scale:1;filter:brightness(1.2) drop-shadow(0 0 5px #75caff80)}
  38%{scale:1.3;filter:brightness(1.6) drop-shadow(0 0 10px #9bdcffb3)}
  50%{scale:2.6;filter:brightness(2.3) drop-shadow(0 0 17px #b0ffe0cc)}
  60%{scale:3.4;filter:brightness(3.3) drop-shadow(0 0 25px #c1ffe7e6)}
  68%{scale:4.2;filter:brightness(4.5) drop-shadow(0 0 32px #d8fff0)}
  72%{scale:4.6;filter:brightness(5) drop-shadow(0 0 38px #edfff8)}
  86%{scale:5.8;filter:brightness(5) drop-shadow(0 0 42px #edfff8)}
  94%,100%{scale:1;filter:brightness(1) drop-shadow(0 0 3px #75caff80)}
}
@keyframes knot-charge{
  0%,34%,100%{filter:brightness(1) drop-shadow(0 0 4px #64baff33)}
  50%{filter:brightness(1.2) drop-shadow(0 0 10px #8ce8c080)}
  60%{filter:brightness(1.5) drop-shadow(0 0 18px #aeffdad0)}
  68%,72%{filter:brightness(1.9) drop-shadow(0 0 26px #d0ffe8)}
  85%{filter:brightness(1.2) drop-shadow(0 0 10px #8ce8c080)}
}
@keyframes power-shockwave{
  0%,67%{opacity:0;transform:scale(.04)}
  68%{opacity:.9;transform:scale(.08)}
  76%{opacity:.85;transform:scale(1)}
  85%{opacity:0;transform:scale(1.5)}
  100%{opacity:0;transform:scale(1.5)}
}
@media(prefers-reduced-motion:reduce){.kinetic-shockwave{display:none}.kinetic-packet,.kinetic-space canvas{animation:none!important}}
.kinetic-metrics-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.kinetic-metrics .stat-label{font-size:10px;line-height:1.4}
.kinetic-caption{position:relative;display:grid;align-items:center;min-height:44px}
.kinetic-caption .kinetic-labels{align-items:center}
.kinetic-toolbar{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5;display:flex;margin:0}
.kinetic-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(124,185,246,.3);border-radius:50%;background:rgba(10,23,40,.85);color:#a9c8e8;font:600 16px/1 system-ui,sans-serif;cursor:pointer}
.kinetic-toggle:hover{background:rgba(51,112,169,.22);border-color:#82acd4}
.kinetic-toggle:focus-visible{outline:2px solid #83c6ff;outline-offset:4px}
.kinetic-toggle:disabled{opacity:.6;cursor:default}

/* Compact the stacked spacing between the hero content and the trust band. */
.ra-hero{min-height:auto;padding-bottom:24px}
.ra-hero .agent-workflow,.ra-hero .kinetic{padding-bottom:0}
.ra-hero::after{height:80px}
.ra-transition{height:20px}
@media(max-width:700px){.ra-hero{padding-bottom:20px}.ra-transition{height:12px}}
.reference-card .reference-mark{margin-bottom:12px}
.reference-heading{margin:0 0 6px;min-height:2.6em;color:#dcecff;font-size:20px;font-weight:650;line-height:1.3;letter-spacing:-.015em}
@media(max-width:700px){.reference-heading{min-height:0}}
.references-grid{align-items:start}
.reference-card .reference-mark{display:none}
.reference-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;min-height:44px}
.reference-details>summary::-webkit-details-marker{display:none}
.reference-details>summary::after{content:'+';flex-shrink:0;color:#83c6ff;font-size:24px}
.reference-details[open]>summary::after{content:'−'}
.reference-details>summary:focus-visible{outline:2px solid #83c6ff;outline-offset:5px;border-radius:4px}
.reference-details .reference-heading{margin:0}
.reference-details .reference-quote{margin:18px 0 0}
.reference-card .reference-person{margin-top:20px}
.builder-progress{display:flex;gap:12px;list-style:none;padding:0;margin:0 35px 26px 0;color:#8ba2b9;font-size:12px;flex-wrap:wrap}
.builder-progress li{display:flex;align-items:center;gap:6px}
.builder-progress span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #365571;border-radius:50%}
.builder-progress [aria-current]{color:#93d0ff;font-weight:700}
.builder-progress [aria-current] span{background:#183c60;border-color:#74bbff}
#agent-builder .agent-choice strong{font-size:14px}
#agent-builder .agent-choice small{font-size:12px;color:#98b1c9}
.builder-agent-list{display:grid;gap:12px}
.builder-agent-list .agent-choice{align-items:flex-start}
.builder-agent-list input{margin-top:4px}
.builder-agent-list p{font-size:14px;line-height:1.5;margin:8px 0;color:#b9cce0}
.builder-assessment{margin-top:18px;padding:16px;border:1px solid #365571;border-radius:14px;color:#b9cce0;font-size:13px;line-height:1.6}
.builder-assessment ul{padding-left:18px;margin-bottom:0}.builder-assessment li+li{margin-top:8px}
.builder-actions{display:flex;align-items:center;gap:20px}.builder-actions .lead-back{margin:18px 0 0;white-space:nowrap}.builder-actions .lead-submit{flex:1;justify-content:center}
.builder-details{margin-top:16px}.builder-details textarea{width:100%;padding:12px;border:1px solid #365571;border-radius:12px;background:#0b1726;color:#eef7ff;font:inherit;resize:vertical}
.builder-honey{position:absolute;left:-9999px}.builder-details textarea:focus-visible,#agent-builder input:focus-visible{outline:2px solid #93d0ff;outline-offset:3px}
#agent-builder [hidden]{display:none!important}#agent-builder .lead-privacy a{color:#93d0ff}#agent-builder .lead-selected-agent{line-height:1.6}
.faq-builder-row{display:flex;justify-content:center;padding:16px 0 32px}
.faq-builder-row .ra-primary{max-width:100%;box-sizing:border-box}
@media(max-width:480px){.faq-builder-row .ra-primary{width:100%;justify-content:space-between;font-size:16px;padding:18px 20px}}
/* Mobile body text remains readable; radial diagram retains its layout. */
@media(max-width:700px){
  .kinetic-labels,.kinetic-labels strong{font-size:17px!important}
  .kinetic-labels small,.kinetic-metrics-note{font-size:13px!important}
  .kinetic-metrics .stat-label{font-size:15px!important;line-height:1.5!important;color:#b7cce0}
  .kinetic-metrics .stat-num{font-size:28px!important}
  .kinetic-metrics .stat-card{padding:14px!important}
  .ra-subtitle,.step-text,.case-desc,.reference-quote,.faq-a{font-size:17px!important;line-height:1.6!important}
  .lead-field input,.lead-field select,.lead-field textarea{font-size:16px!important}
}
/* Process: headings only. */
.process-layout .step-text{display:none}
.process-layout .step-title{margin-bottom:0}
.kinetic-pains li{width:24%}
.kinetic-pains li>span{font-size:clamp(9.1px,2.665cqw,14.3px);line-height:1.22;padding:4px 2px;overflow-wrap:normal;word-break:normal;hyphens:none}
@media(max-width:380px){.kinetic-pains li>span{font-size:2.665cqw;padding:3px 1px}}
@media(min-width:1051px){.ra-hero-copy{align-self:start;position:relative;top:-48px}}
@media(min-width:1051px){.agent-workflow{position:relative;top:0}}
@media(min-width:1051px){.ra-hero-copy>.ra-title,.ra-hero-copy>.ra-subtitle,.ra-hero-copy>.ra-actions{position:relative;top:48px}}
/* Keep the German metric copy readable instead of clipping long compounds. */
@media(max-width:480px){
  .kinetic-metrics{grid-template-columns:1fr}
  .kinetic-metrics .stat-label{overflow-wrap:break-word;word-break:normal;hyphens:auto}
}
/* Hidden content must not reserve layout space, even with component display rules. */
[hidden]{display:none!important}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #90ceff;outline-offset:4px}
/* Compact cards: retain full explanations in the existing disclosure. */
.case-card .case-benefit{display:none!important}
.case-card{display:flex;flex-direction:column;min-height:0!important}
.case-card .case-desc{flex:1}
.case-card .case-more{align-self:flex-start}
.case-card .case-detail{flex:none}
.case-card .case-tag{align-self:flex-start}
/* Independent FAQ columns keep expansion from stretching the opposite side. */
.faq-list.faq-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:none;width:100%;align-items:start}
.faq-column{min-width:0}
.faq-column>.faq-cat:first-child{margin-top:0}
.faq-column .faq-q{min-height:64px;padding:18px 8px;text-align:left;border-radius:6px}
.faq-column .faq-q:focus-visible{outline:2px solid rgba(144,206,255,.65);outline-offset:-2px;background:rgba(144,206,255,.045)}
@media(max-width:700px){.faq-list.faq-two-columns{grid-template-columns:minmax(0,1fr);gap:24px}}
.kinetic-metrics.metrics-full-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:16px;margin-top:24px}
.metrics-full-row .stat-card{padding:18px}
.metrics-full-row .stat-num{font-size:28px}
.metrics-full-row .stat-label{font-size:15px;line-height:1.5}
@media(max-width:700px){
  .kinetic-metrics.metrics-full-row{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%;overflow:visible;padding-bottom:0}
  .metrics-full-row .stat-card{min-width:0}
  .metrics-full-row .stat-label{font-size:15px!important;overflow-wrap:break-word;hyphens:auto}
}
@media(max-width:480px){
  .kinetic-metrics.metrics-full-row{grid-template-columns:minmax(0,1fr)}
}
/* Desktop first screen includes the complete four-metric row. */
@media(min-width:1051px){
  .ra-hero{min-height:100svh;padding-top:104px!important;padding-bottom:20px!important;align-items:flex-start}
  .ra-hero-shell{row-gap:16px!important;align-items:center;margin:0 auto}
  .ra-hero-copy{top:0!important;align-self:center}
  .ra-hero-copy>.ra-title,.ra-hero-copy>.ra-subtitle,.ra-hero-copy>.ra-actions{top:0!important}
  .ra-hero .kinetic{padding-top:0;min-width:0}
  .ra-hero .kinetic-space{width:min(100%,calc(100svh - 400px));min-width:260px;margin:0 auto 8px;transform:scale(1.06);transform-origin:center}
  .ra-hero .ra-title{font-size:clamp(42px,4.6vw,76px);margin-top:20px;margin-bottom:20px}
  .ra-hero .ra-subtitle{margin-bottom:22px}
  .ra-hero .ra-actions{margin-top:20px}
  .ra-hero .metrics-full-row{margin-top:0;gap:12px}
  .ra-hero .metrics-full-row .stat-card{padding:12px 16px;opacity:1!important;transform:none!important;visibility:visible!important}
  .ra-hero .metrics-full-row .stat-num{font-size:26px}
  .ra-hero .metrics-full-row .stat-label{font-size:14px;line-height:1.4}
}

/* Signal flow forms the light hero background. */
.hero-signal-background{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0;opacity:.65;mask-image:linear-gradient(90deg,transparent 8%,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 65%)}
#naechster-schritt{position:relative}
.return-signal{position:absolute;left:0;right:0;top:var(--signal-center,100%);height:var(--signal-height,100px);transform:translateY(-50%);margin:0;pointer-events:none;overflow:hidden}
.return-signal svg{display:block;width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.return-signal circle{display:none}}
body.agency-light .ra-hero-shell{position:relative;z-index:1}
body.agency-light .agency-orbit .orbit-card{animation:none}
@media(max-width:700px){.hero-signal-background{opacity:.22;mask-image:none;-webkit-mask-image:none}}
/* Light agency design. Scoped so dedicated product pages retain their own theme. */
body.agency-light{--text-primary:#242334;--text-secondary:#686778;--text-muted:#787686;--text-accent:#6942dd;--surface-0:#fff;--surface-1:#f7f5fc;--surface-2:#fff;--border:#e8e4f0;--border-accent:#bba7ed;--fill-accent:#7048e8;--on-accent:#fff;background:#fff!important;color:#242334;color-scheme:light}
body.agency-light #synapse-bg,body.agency-light .ra-grid-bg,body.agency-light .ra-glow{display:none}
body.agency-light .ra-nav{background:rgba(255,255,255,.9);border:1px solid #e9e5f0;box-shadow:0 10px 40px #44316d08;backdrop-filter:blur(18px)}
body.agency-light .ra-brand-name,body.agency-light .ra-nav-links a{color:#282437}body.agency-light .ra-brand-name span{color:#7850dc}
body.agency-light .ra-nav-cta,body.agency-light .ra-primary{background:#7048e8;color:#fff;box-shadow:0 9px 24px #7048e824;border:1px solid #7048e8;border-radius:12px;transition:transform .25s,box-shadow .25s}
body.agency-light .ra-primary:hover,body.agency-light .ra-nav-cta:hover{transform:translateY(-4px);box-shadow:0 14px 34px #7048e840}
body.agency-light .ra-lang{background:#f3f0fa;border-color:#e7e1f3}body.agency-light .lang-btn{color:#716983}body.agency-light .lang-btn.active{background:#fff;color:#4c2baa;box-shadow:0 2px 8px #39275912}
body.agency-light .ra-hero{min-height:780px;padding:160px 5vw 100px!important;background:#fcfbff!important;isolation:isolate;color:#282437;align-items:center}
body.agency-light .ra-hero::before,body.agency-light .ra-hero::after{content:'';position:absolute;z-index:-1;width:62vw;height:60vw;border-radius:42%;filter:blur(65px);opacity:.5;animation:agency-fluid 15s ease-in-out infinite alternate;pointer-events:none}
body.agency-light .ra-hero::before{right:-20%;top:-38%;background:radial-gradient(ellipse,#bfa2ff,transparent 65%)}body.agency-light .ra-hero::after{left:-20%;bottom:-65%;background:radial-gradient(ellipse,#ffccae,#eadfff 50%,transparent 70%);animation-delay:-7s}
body.agency-light .ra-hero-shell{grid-template-columns:1.15fr 1fr;gap:60px;max-width:1300px}
body.agency-light .ra-title{font-size:clamp(48px,5.5vw,83px)!important;line-height:1.04;letter-spacing:-.055em;color:#272334!important;background:none!important;-webkit-text-fill-color:initial;text-shadow:none;max-width:740px;text-wrap:balance}
body.agency-light .ra-title em{font-style:normal;color:#7950d9}body.agency-light .ra-subtitle{color:#696477!important;font-size:19px;line-height:1.7;max-width:520px}
body.agency-light .ra-kicker{background:#fff9;color:#736a85;border:1px solid #e7dff3;letter-spacing:.12em;font-size:10px}
body.agency-light .ra-secondary{color:#393045;background:#fff;border:1px solid #ddd6e9;box-shadow:none}body.agency-light .ra-play{color:#7544d7;background:#eee7fb}
body.agency-light .ra-transition{display:none}body.agency-light .trust-band{background:#fff;color:#81788f;border:0;border-bottom:1px solid #eee9f5;padding:25px;gap:40px}body.agency-light .trust-band i{background:#9671e9}
body.agency-light .section{max-width:1320px;margin:0 auto;padding:100px 48px;border:0;background:transparent}
body.agency-light .sec-label{color:#9474c4;font-size:11px;letter-spacing:.16em;font-weight:650;margin-bottom:20px}
body.agency-light .sec-title{color:#2b2537!important;font-size:clamp(32px,3.5vw,52px);line-height:1.12;letter-spacing:-.04em;max-width:830px;background:none!important;-webkit-text-fill-color:initial}
body.agency-light .sec-sub{color:#797282!important;font-size:17px;line-height:1.7;max-width:660px}
.agency-orbit{height:490px;position:relative;display:grid;place-items:center;min-width:0;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.agency-core{width:180px;height:180px;display:grid;place-items:center;font-size:110px;color:white;border-radius:42%;background:conic-gradient(from 40deg,#b395fd,#7046df,#c4a9fa,#8860e5,#b395fd);box-shadow:inset 12px 12px 32px #ffffff90,inset -15px -14px 30px #4828a650,0 25px 90px #9a72df40;animation:agency-core 13s linear infinite}
.orbit-ring{position:absolute;width:330px;height:330px;border:1px solid #c8b8e85c;border-radius:50%;transform:rotate(-25deg) scaleY(.75)}.ring-two{width:440px;height:440px;transform:rotate(40deg) scaleY(.8)}
.orbit-card{position:absolute;display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:18px 22px;border:1px solid #e7dff5;background:#ffffffeb;border-radius:16px;box-shadow:0 16px 40px #5d388e0f;animation:agency-float 7s ease-in-out infinite;z-index:2;white-space:nowrap}
.orbit-card>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#8755dc;background:#f0e8fc;font-size:20px}.orbit-card b{color:#44344e;font-size:14px}.orbit-card small{color:#96879d;font-size:11px;margin-top:4px}.orbit-a{left:0;top:35px}.orbit-b{right:-10px;top:230px;animation-delay:-2s}.orbit-c{left:12px;bottom:10px;animation-delay:-4s}.orbit-note{position:absolute;bottom:-35px;font-size:10px;letter-spacing:.03em;color:#998caa}
.agency-three{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:45px}.pain-tile{padding:30px;background:#faf8fd;border:1px solid #eee8f5;border-radius:20px;transition:transform .3s}.pain-tile:hover{transform:translateY(-7px)}.tile-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eee5fb;color:#8c5fda;font-size:26px;margin-bottom:36px}.pain-tile h3{font-size:22px;letter-spacing:-.035em;font-weight:600;margin-bottom:15px}.pain-tile p{font-size:16px;line-height:1.7;color:#817689}
body.agency-light #in-bewegung{max-width:none;background:#f8f5fc;padding:100px max(48px,calc((100vw - 1224px)/2))}
.story-tabs{display:flex;gap:8px;margin:35px 0}.story-tabs button{border:1px solid #e7ddee;background:#fff;color:#8b7a94;padding:13px 25px;border-radius:40px;cursor:pointer;font:inherit;font-size:14px}.story-tabs button[aria-selected=true]{background:#7850d8;border-color:#7850d8;color:#fff;box-shadow:0 7px 20px #7950dc22}
.story-panel{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:20px}.story-step{padding:25px 25px 30px;background:#fff;border:1px solid #e9e0f2;border-radius:20px;animation:agency-arrive .6s both;animation-delay:calc(var(--step)*.1s)}.story-number{color:#b8a5c9;font-size:12px;letter-spacing:.1em}.story-symbol{height:120px;display:grid;place-items:center;font-size:60px;color:#9872df}.story-step h3{font-size:18px;text-align:center;letter-spacing:-.025em}.story-arrow{font-size:26px;color:#b19ccb;text-align:center}.story-dots{display:flex;justify-content:center;gap:5px;margin-top:20px}.story-dots i{width:5px;height:5px;background:#b492e6;border-radius:50%;animation:agency-dot 2s infinite}.story-dots i:nth-child(2){animation-delay:.3s}.story-dots i:nth-child(3){animation-delay:.6s}.story-note{font-size:12px;color:#9b8ba6;margin-top:24px}
body.agency-light .case-group-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible!important;max-height:none}
body.agency-light .case-card{background:#fff!important;border:1px solid #e8e0ef!important;border-radius:20px;box-shadow:0 10px 30px #69508006!important;padding:28px;transition:transform .3s,box-shadow .3s}
body.agency-light .case-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #69508012!important}body.agency-light .case-title{color:#352d40!important;font-size:24px}body.agency-light .case-desc,body.agency-light .detail-list li{color:#81768d!important}body.agency-light .case-tag{color:#8764ba;background:#f4eefb;border-color:#e9dff4}body.agency-light .case-time{color:#9a8ca6}body.agency-light .case-meta{border-color:#eee5f4}body.agency-light .case-more{color:#8a5bce!important}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.compare-grid article{padding:42px;border-radius:24px}.compare-before{background:#f7f5f8;border:1px solid #eee9f1}.compare-after{background:linear-gradient(135deg,#f0e5ff,#faf5ff);border:1px solid #d9c5f3}.compare-grid h3{font-size:26px;letter-spacing:-.03em;margin-bottom:30px}.compare-grid ul{list-style:none;display:grid;gap:20px}.compare-grid li{color:#817087;font-size:16px;line-height:1.5;padding-left:28px;position:relative}.compare-grid li:before{content:'−';position:absolute;left:0;color:#b19bb8}.compare-after li:before{content:'✓';color:#8b57c8}
body.agency-light .step-title{color:#40364c}body.agency-light .step-num{color:#9263ca;background:#f4eefa;border-color:#eadff4}body.agency-light .process-layout .step-text{display:block;color:#887890;line-height:1.7;max-width:440px;font-size:15px;margin-top:10px}body.agency-light .step{border-color:#eee5f4;padding:22px 0}
body.agency-light .collaboration-gallery figure{mask-image:none;-webkit-mask-image:none;border-radius:24px}body.agency-light .collaboration-gallery img{filter:none}
body.agency-light .faq-q{color:#504057;border-color:#eadfee}body.agency-light .faq-a{color:#8c7c92}body.agency-light .faq-icon,body.agency-light .faq-cat{color:#9e78bc}body.agency-light #faq{padding-top:70px;padding-bottom:100px}
body.agency-light #naechster-schritt{margin:0 auto 90px;background:linear-gradient(125deg,#f4eafe,#fcefea 70%,#f7f1ff);border-radius:32px;text-align:center;padding:90px 40px;max-width:1224px}#naechster-schritt h2{font-size:clamp(36px,5vw,66px);line-height:1.1;letter-spacing:-.05em;max-width:730px;margin:20px auto;color:#4a3654}#naechster-schritt p{max-width:520px;margin:24px auto;color:#948098;font-size:18px;line-height:1.65}#naechster-schritt a{margin-top:16px;padding:18px 28px}
body.agency-light footer{background:#faf8fd;color:#89738e;border-color:#eee4f3}body.agency-light footer a{color:#7f6888}
body.agency-light .lead-dialog{background:#fff;color:#3d3047;border-color:#e1d4ec}body.agency-light .lead-title,body.agency-light .lead-field label,body.agency-light .agent-choice strong{color:#493251}body.agency-light .lead-field input,body.agency-light .lead-field select,body.agency-light .lead-field textarea,body.agency-light .builder-details textarea{background:#faf7fd;color:#4b3654;border-color:#dacbe5}body.agency-light .agent-choice,body.agency-light .builder-assessment{background:#faf6ff;color:#755c82;border-color:#dfceed}body.agency-light .builder-progress,body.agency-light .lead-sub{color:#8c7299}
.agency-reveal{opacity:1;transition:opacity .8s ease,translate .8s ease}.agency-reveal:not(.is-visible){opacity:.2;translate:0 28px}
@keyframes agency-fluid{to{transform:translate(8%,15%) rotate(20deg) scale(1.2)}}@keyframes agency-core{to{transform:rotate(360deg)}}@keyframes agency-float{50%{transform:translateY(-16px)}}@keyframes agency-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes agency-dot{50%{opacity:.2;transform:translateY(-3px)}}
@media(max-width:1050px){body.agency-light .ra-hero-shell{grid-template-columns:1fr;gap:45px}body.agency-light .ra-hero-copy{text-align:center}body.agency-light .ra-subtitle{margin-left:auto;margin-right:auto}.agency-orbit{width:100%;max-width:510px;margin:auto}.agency-three{gap:15px}body.agency-light .case-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.agency-light .ra-hero{padding:120px 22px 75px!important;min-height:auto}body.agency-light .ra-title{font-size:48px!important}body.agency-light .ra-subtitle{font-size:17px}body.agency-light .ra-kicker{font-size:8px;letter-spacing:.06em}.agency-orbit{height:370px;margin-top:10px}.agency-core{width:130px;height:130px;font-size:80px}.orbit-ring{width:230px;height:230px}.ring-two{width:320px;height:320px}.orbit-card{padding:14px;font-size:12px;max-width:95%;animation-duration:9s}.orbit-card b{font-size:12px}.orbit-card small{font-size:10px}.orbit-a{top:0;left:0}.orbit-b{top:180px;right:0}.orbit-c{bottom:0;left:0}body.agency-light .section{padding:65px 22px}body.agency-light #in-bewegung{padding:65px 22px}.agency-three,.compare-grid{grid-template-columns:1fr}.pain-tile{padding:26px}.tile-icon{margin-bottom:22px}.story-panel{grid-template-columns:1fr;gap:14px}.story-arrow{transform:rotate(90deg);height:25px}.story-symbol{height:80px}.story-tabs{gap:5px}.story-tabs button{padding:12px 17px;font-size:13px}body.agency-light .case-group-grid{grid-template-columns:1fr}.compare-grid article{padding:30px}body.agency-light .trust-band{display:grid;gap:12px;font-size:12px}body.agency-light #naechster-schritt{margin:0 16px 45px;padding:55px 22px}.agency-reveal:not(.is-visible){translate:0 15px}}
@media(prefers-reduced-motion:reduce){body.agency-light *,body.agency-light *:before,body.agency-light *:after{animation:none!important;scroll-behavior:auto!important}.agency-reveal:not(.is-visible){opacity:1;translate:none}}

body.agency-light .sc-launch{background:#7950d8;color:#fff;box-shadow:0 8px 25px #7950d822;font-size:14px;padding:13px 19px}body.agency-light .sc-panel{background:#fff;color:#49344e;border-color:#e1d1ed;box-shadow:0 16px 60px #71508322}body.agency-light .sc-msg{background:#f4edf9}body.agency-light .sc-user{background:#e9d9f8}body.agency-light .sc-form input{background:#faf7fd;color:#49344e;border-color:#ddcde9}body.agency-light .sc-options button{color:#8555b0;border-color:#dfceed}body.agency-light .sc-note{color:#927b9b}body.agency-light .sc-head,body.agency-light .sc-form{border-color:#eee3f5}body.agency-light .lead-close{color:#775787;border-color:#e3d5ed}body.agency-light .lead-backdrop{background:#3a23466b;backdrop-filter:blur(8px)}
/* Perspective solids: six faces, depth, directional light and moving shadows. */
.spatial-stage{position:absolute;inset:0;perspective:950px;pointer-events:none}.spatial-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--look-x,0deg)) rotateY(var(--look-y,0deg));transition:transform .35s ease-out}.spatial-system{position:absolute;left:50%;top:50%;transform-style:preserve-3d;animation:spatial-orbit 24s linear infinite}.solid-main{transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(32deg);animation:spatial-breathe 7s ease-in-out infinite}.solid{--edge:142px;--half:71px;width:var(--edge);height:var(--edge);position:absolute;left:calc(var(--half)*-1);top:calc(var(--half)*-1);transform-style:preserve-3d}.solid-small{--edge:55px;--half:27.5px}.solid-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #ffffff8c;border-radius:14px;background:linear-gradient(135deg,#c6aeff,#8c5cde);box-shadow:inset 0 0 22px #ffffff50;backface-visibility:hidden;font-style:normal}.solid-face span{color:#ffffffd9;font-size:55px;text-shadow:0 3px 8px #5e329944}.solid-small span{font-size:25px}.face-front{transform:translateZ(var(--half));background:linear-gradient(135deg,#d3bfff,#9671df)}.face-back{transform:rotateY(180deg) translateZ(var(--half));background:#9165cd}.face-right{transform:rotateY(90deg) translateZ(var(--half));background:linear-gradient(145deg,#a082d0,#67419b)}.face-left{transform:rotateY(-90deg) translateZ(var(--half));background:#bfa1eb}.face-top{transform:rotateX(90deg) translateZ(var(--half));background:linear-gradient(120deg,#f7efff,#cdb4f2)}.face-bottom{transform:rotateX(-90deg) translateZ(var(--half));background:#664294}.satellite{position:absolute;transform-style:preserve-3d}.sat-one{transform:translate3d(-150px,-105px,70px) rotateX(22deg) rotateY(30deg)}.sat-two{transform:translate3d(160px,45px,-90px) rotateX(-15deg) rotateY(45deg)}.sat-three{transform:translate3d(-60px,155px,95px) rotateX(30deg) rotateY(-25deg)}.sat-two .solid-face{background:linear-gradient(135deg,#ffe7d1,#e7b398)}.sat-three .solid-face{background:linear-gradient(135deg,#d9eeff,#9fb5e3)}.space-ring{position:absolute;width:360px;height:360px;left:-180px;top:-180px;border:2px solid #b89cdd7a;border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 12px #cdb5ef22}.ring-cross{transform:rotateY(72deg);border-color:#dbc5ed66}.spatial-floor{position:absolute;left:20%;right:20%;bottom:40px;height:65px;border-radius:50%;background:radial-gradient(ellipse,#8c63b948,transparent 70%);filter:blur(12px);animation:spatial-shadow 7s ease-in-out infinite}.spatial-toggle{position:absolute;right:0;bottom:-70px;border:1px solid #e6daef;background:#fff;color:#8b71a1;font:500 11px system-ui;padding:9px 14px;border-radius:30px;cursor:pointer}.agency-orbit .orbit-a{top:0}.agency-orbit .orbit-b{top:250px}.agency-orbit .orbit-c{bottom:-10px}
.workflow-machine{height:340px;perspective:1100px;margin:20px 0 55px;overflow:hidden}.machine-camera{height:100%;transform-style:preserve-3d;transform:rotateX(53deg) rotateZ(var(--scroll-turn,-10deg));transition:transform .1s linear}.machine-platform{position:absolute;width:650px;height:280px;left:50%;top:50%;margin-left:-325px;margin-top:-140px;transform-style:preserve-3d;background:linear-gradient(130deg,#f8f4ff,#e6d9f5);border:1px solid #cfb9e5;border-radius:30px;box-shadow:0 12px 0 #d1bee3,0 38px 50px #7d589a25}.machine-grid{position:absolute;inset:20px;border-radius:15px;background-image:linear-gradient(#bda1d72b 1px,transparent 1px),linear-gradient(90deg,#bda1d72b 1px,transparent 1px);background-size:25px 25px}.machine-unit{position:absolute;top:50%;transform-style:preserve-3d;transform:translateZ(60px)}.unit-input{left:15%}.unit-core{left:50%;transform:translateZ(calc(100px + var(--scroll-lift,0px))) scale(.65)}.unit-output{left:85%}.unit-output .solid-face{background:linear-gradient(135deg,#d0eee2,#99c7ba)}.machine-track{position:absolute;left:15%;right:15%;top:50%;height:4px;background:#b28bdf;transform:translateZ(8px)}.machine-track span{position:absolute;width:14px;height:14px;top:-5px;background:#fff;border-radius:50%;box-shadow:0 0 15px #8952d8;animation:machine-packet 4s linear infinite}.machine-track span:nth-child(2){animation-delay:-1.33s}.machine-track span:nth-child(3){animation-delay:-2.66s}
@keyframes spatial-orbit{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes spatial-breathe{50%{transform:translateY(-20px) rotateX(-10deg) rotateY(52deg)}}@keyframes spatial-shadow{50%{transform:scale(.8);opacity:.55}}@keyframes machine-packet{0%{left:0;opacity:0}10%,90%{opacity:1}100%{left:100%;opacity:0}}
.spatial-paused *, .spatial-offscreen *{animation-play-state:paused!important}
@media(max-width:700px){.spatial-system{scale:.72}.spatial-floor{bottom:20px}.agency-orbit .orbit-b{top:175px}.agency-orbit .orbit-c{bottom:-5px}.workflow-machine{height:240px;margin-bottom:25px}.machine-platform{scale:.48}.spatial-toggle{bottom:-64px}.agency-orbit{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.spatial-system{transform:rotateY(25deg)}.spatial-camera{transform:none}.machine-camera{transform:rotateX(53deg) rotateZ(-12deg)}.spatial-toggle{display:none}}
/* Previous component geometry retained. */
.ra-hero{background:radial-gradient(circle at 78% 34%,rgba(76,150,255,.18),transparent 32%),linear-gradient(180deg,#050912 0%,#07101d 68%,#0a1422 100%)}
.ra-hero-shell{align-items:center}
.ra-title{max-width:760px;font-size:clamp(52px,5.4vw,82px);line-height:.98;letter-spacing:-.055em}
.ra-subtitle{max-width:650px;color:rgba(226,237,249,.72);font-size:clamp(17px,1.35vw,20px)}
.ra-primary{background:linear-gradient(135deg,#a7dcff,#68adff);box-shadow:0 14px 45px rgba(76,153,255,.28)}
.ra-secondary{background:rgba(255,255,255,.055)}
.ra-brand,.ra-nav-cta{flex:0 0 auto;white-space:nowrap}.ra-brand-name{min-width:max-content}.ra-nav-links{gap:clamp(18px,2.6vw,38px)}
.ra-feature-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:44px}
.ra-mini-feature{padding:12px 0;border-top-color:rgba(255,255,255,.1)}
.ra-mini-feature strong{font-size:13px}
.ra-mini-feature span:not(.ra-feature-icon){font-size:11px;white-space:normal;line-height:1.35}
.phone-demo{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(151,205,255,.18);border-radius:28px;background:linear-gradient(150deg,rgba(16,31,51,.96),rgba(7,17,31,.93));box-shadow:0 36px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04)}
.phone-demo::before{content:'';position:absolute;width:260px;height:260px;right:-100px;top:-120px;border-radius:50%;background:rgba(94,170,255,.16);filter:blur(50px);pointer-events:none}
.phone-demo-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:24px}
.phone-demo-kicker{display:block;margin-bottom:8px;color:#7fbcff;font-size:10px;font-weight:750;letter-spacing:.16em}
.phone-demo h2{max-width:430px;margin:0;color:#f5f9ff;font-size:clamp(22px,2vw,30px);line-height:1.14;letter-spacing:-.03em}
.phone-demo-status{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 10px;border:1px solid rgba(108,225,167,.18);border-radius:999px;background:rgba(66,188,126,.08);color:#8be2b3;font-size:9px;font-weight:750;letter-spacing:.08em}
.phone-demo-status i{width:6px;height:6px;border-radius:50%;background:#72dda0;box-shadow:0 0 12px #72dda0}
.phone-call{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.045)}
.phone-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#75b8ff,#9ad9ff);color:#07111e;font-size:18px}
.phone-call strong,.phone-call span{display:block}.phone-call strong{margin-bottom:4px;color:#eef7ff;font-size:14px}.phone-call div span{color:#a9bfd7;font-size:12px;line-height:1.4}.phone-call .phone-time{align-self:start;color:#69829b;font-size:10px}
.phone-steps{position:relative;display:grid;gap:0;margin:18px 0;padding:0;list-style:none}
.phone-steps li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
.phone-steps li>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(120,185,255,.18);border-radius:9px;color:#75b9ff;background:rgba(89,161,244,.07);font-size:9px;font-weight:700}
.phone-steps strong,.phone-steps small{display:block}.phone-steps strong{margin-bottom:3px;color:#dfeeff;font-size:13px}.phone-steps small{color:#7f99b3;font-size:11px;line-height:1.35}.phone-steps b{color:#73dfa3;font-size:14px}
.phone-result{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(101,219,158,.18);border-radius:16px;background:rgba(50,153,104,.08)}
.phone-result-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(93,220,153,.12);color:#7ae3aa;font-size:20px}.phone-result small,.phone-result strong{display:block}.phone-result small{margin-bottom:3px;color:#6ecf98;font-size:9px;font-weight:750;letter-spacing:.14em}.phone-result strong{color:#e4f9ed;font-size:13px;line-height:1.35}
.trust-band{justify-content:center;gap:38px;padding-top:20px;padding-bottom:20px}
.case-card.case-hero{border-color:rgba(113,184,255,.28);background:linear-gradient(150deg,rgba(22,43,68,.82),rgba(10,21,36,.82))}
.case-card.case-hero:first-child{box-shadow:0 22px 70px rgba(44,126,220,.12)}
.cases-grid>.flagship-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);column-gap:36px;border-color:rgba(116,190,255,.38);background:linear-gradient(130deg,rgba(28,57,91,.92),rgba(9,23,40,.92));box-shadow:0 26px 80px rgba(42,126,224,.14)}
.cases-grid>.flagship-card .case-tag,.cases-grid>.flagship-card .case-title,.cases-grid>.flagship-card .case-desc{grid-column:1}.cases-grid>.flagship-card .case-meta{grid-column:1}.cases-grid>.flagship-card .case-detail{grid-column:2;grid-row:1/6;align-self:center;max-height:none!important;opacity:1!important;overflow:visible!important}.cases-grid>.flagship-card .case-more{display:none!important}.cases-grid>.flagship-card .detail-list{margin:0}
#process{border-top:1px solid rgba(255,255,255,.06)}
@media(min-width:1051px){
  .ra-hero{min-height:100svh;padding-top:126px!important;padding-bottom:72px!important;align-items:center}
  .ra-hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(40px,5vw,76px)}
  .ra-hero .ra-title{font-size:clamp(52px,5.1vw,82px);margin-top:20px;margin-bottom:25px}
}
@media(max-width:1050px){
  .ra-hero-shell{gap:48px}.phone-demo{max-width:650px;margin:0 auto}.ra-feature-row{max-width:650px;margin-left:auto;margin-right:auto}
}
@media(max-width:700px){
  .ra-hero{padding:112px 18px 56px}.ra-title{font-size:clamp(43px,12.6vw,62px)}.ra-feature-row{grid-template-columns:1fr;margin-top:32px}.phone-demo{padding:21px;border-radius:22px}.phone-demo-head{display:block}.phone-demo-status{width:max-content;margin-top:14px}.phone-call{grid-template-columns:auto minmax(0,1fr)}.phone-time{display:none!important}.phone-steps small{font-size:12px}.trust-band{align-items:flex-start;gap:12px;padding-left:20px;padding-right:20px}.trust-band>span{align-items:flex-start}.cases-grid>.flagship-card{display:flex;grid-column:auto}.cases-grid>.flagship-card .case-detail{max-height:0!important;opacity:0!important;overflow:hidden!important}.cases-grid>.flagship-card.open .case-detail{max-height:800px!important;opacity:1!important}.cases-grid>.flagship-card .case-more{display:block!important}
}
