/* Original live design, with a little more life. No structural redesign. */
[data-motion-level="refined"] .home-hero h1 span { white-space:normal; }
[data-motion-level="refined"] .hero-copy { position:relative; z-index:1; }
[data-motion-level="refined"] .home-system.hero-flow { isolation:isolate; transform:perspective(1000px) rotateX(var(--flow-y,0deg)) rotateY(var(--flow-x,0deg)); transition:transform .75s ease-out; }
.hero-flow::before { content:""; position:absolute; z-index:-1; inset:12% -3% 5% 29%; pointer-events:none; background:radial-gradient(ellipse at 66% 56%,#22666113,transparent 62%); }
[data-motion-level="refined"] .hero-flow-inputs path { stroke:#668c83; stroke-width:1.25; }
[data-motion-level="refined"] .hero-flow-core { filter:drop-shadow(0 0 5px #22666166); }
.hero-flow-rings circle { fill:none; stroke:#226661; stroke-width:1; opacity:0; transform-box:fill-box; transform-origin:center; }
.js [data-motion-level="refined"] .hero-flow.is-in-view .hero-flow-rings circle { animation:refined-junction 8s ease-out infinite; }
.js [data-motion-level="refined"] .hero-flow.is-in-view .hero-flow-rings circle:nth-child(2) { animation-delay:.65s; }
.js [data-motion-level="refined"] .hero-flow-pulses path { stroke-width:2.8; stroke-linecap:round; stroke-dasharray:7 100; filter:drop-shadow(0 0 3px #22666150); }
.js [data-motion-level="refined"] .hero-flow-pulses .hero-flow-pulse-out { stroke-width:4; }
.js [data-motion-level="refined"] .hero-flow.is-in-view .hero-flow-inputs path { animation:refined-line-draw 1.8s cubic-bezier(.2,.7,.3,1) backwards; }
.js [data-motion-level="refined"] .hero-flow-inputs path:nth-child(2) { animation-delay:.13s; }
.js [data-motion-level="refined"] .hero-flow-inputs path:nth-child(3) { animation-delay:.26s; }
.js [data-motion-level="refined"] .hero-flow-inputs path:nth-child(4) { animation-delay:.39s; }
[data-motion-level="refined"] .hero-flow-label dt { transition:color .25s,translate .3s; }
@media (hover:hover) { [data-motion-level="refined"] .hero-flow-label:hover dt { color:var(--wc-blue); translate:3px 0; } }
@keyframes refined-line-draw { from { stroke-dasharray:100; stroke-dashoffset:100; } to { stroke-dasharray:100; stroke-dashoffset:0; } }
@keyframes refined-junction { 0%,44% { opacity:0; transform:scale(.6); } 49% { opacity:.28; } 70%,100% { opacity:0; transform:scale(2.2); } }
.hero-flow.flow-suspended *, .hero-flow.flow-suspended *::before { animation-play-state:paused!important; }
html:not(.js) [data-motion-level="refined"] .hero-flow-pulses { display:none; }
/* Review-only copy choices; absent from the clean homepage. */
.headline-review { padding:22px 0 26px; border-top:1px solid var(--wc-line); }
.headline-review .wc-wrap { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.headline-review p { flex-basis:100%; color:var(--wc-muted); font:10px/1.6 ui-monospace,monospace; letter-spacing:.06em; margin:0 0 4px; }
.headline-review a { padding:12px 16px; min-height:44px; border:1px solid var(--wc-line); font-size:14px; line-height:1.4; transition:background .2s; }
.headline-review a:hover { background:#e1e7dd; }
.headline-review a[aria-current="page"] { color:#eeede5; background:#226661; border-color:#226661; }
@media (max-width:580px) {
  [data-motion-level="refined"] .home-hero { padding-top:30px; }
  [data-motion-level="refined"] .home-system.hero-flow { height:440px; }
  .headline-review a { width:100%; }
}
@media (prefers-reduced-motion:reduce) { [data-motion-level="refined"] .home-system.hero-flow { transform:none; } }
.motion-paused [data-motion-level="refined"] .home-system.hero-flow { transform:none; }

/* A more visible journey through the original homepage illustration. */
.js [data-motion-level="refined"] .hero-flow-pulses path { animation-duration:6s; stroke-dasharray:10 100; stroke-width:3; }
.js [data-motion-level="refined"] .hero-flow-pulses .hero-flow-pulse-out { stroke-width:5; filter:drop-shadow(0 0 5px #22666170); }
.js [data-motion-level="refined"] .hero-flow.is-in-view .hero-flow-rings circle { animation-duration:6s; }
.js [data-motion-level="refined"] .hero-flow.is-in-view .hero-flow-core { animation:refined-core 6s ease-in-out infinite; }
@keyframes refined-core { 0%,40%,80%,100% { filter:drop-shadow(0 0 3px #22666144); } 52% { filter:drop-shadow(0 0 12px #226661cc); } }
/* Translate is independent of the original panel perspective transforms. */
[data-motion-level="refined"] .detail-motion-scene .crm-panel,
[data-motion-level="refined"] .detail-motion-scene .overview-layer,
[data-motion-level="refined"] .detail-motion-scene .showcase-detail { animation:refined-panel-drift 7s ease-in-out infinite; animation-play-state:paused; }
[data-motion-level="refined"] .detail-motion-scene .crm-panel:nth-child(2n),
[data-motion-level="refined"] .detail-motion-scene .overview-layer-1 { animation-delay:-2s; }
[data-motion-level="refined"] .detail-motion-scene .crm-panel:nth-child(3n),
[data-motion-level="refined"] .detail-motion-scene .overview-layer-2 { animation-delay:-4s; }
[data-motion-level="refined"] .detail-motion-scene .overview-layer-3 { animation-delay:-5.5s; }
[data-motion-level="refined"] .detail-motion-scene .crm-central { animation-name:refined-panel-anchor; }
[data-motion-level="refined"] .detail-motion-scene .layer-note,
[data-motion-level="refined"] .detail-motion-scene .crm-status { animation:refined-status 7s ease-in-out infinite; animation-play-state:paused; }
[data-motion-level="refined"] .detail-motion-scene .showcase-browser { animation:refined-panel-anchor 9s ease-in-out infinite; animation-play-state:paused; }
[data-motion-level="refined"] .detail-motion-scene.portfolio-card-art > svg { animation:refined-panel-anchor 8s ease-in-out infinite; animation-play-state:paused; }
[data-motion-level="refined"] .detail-motion-active .crm-panel,
[data-motion-level="refined"] .detail-motion-active .overview-layer,
[data-motion-level="refined"] .detail-motion-active .showcase-detail,
[data-motion-level="refined"] .detail-motion-active .showcase-browser,
[data-motion-level="refined"] .detail-motion-active .layer-note,
[data-motion-level="refined"] .detail-motion-active .crm-status,
[data-motion-level="refined"] .detail-motion-active.portfolio-card-art > svg { animation-play-state:running; }
@keyframes refined-panel-drift { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }
@keyframes refined-panel-anchor { 0%,100% { translate:0 0; } 50% { translate:0 -5px; } }
@keyframes refined-status { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.14); } }
/* The same continuous movement as the About strip, at a calmer reading speed. */
[data-motion-level="refined"] .technology-inner { padding-block:30px 34px; }
[data-motion-level="refined"] .home-technology h2 { font:500 clamp(20px,2.3vw,30px)/1.2 var(--wc-font); letter-spacing:-.035em; color:var(--wc-ink); text-transform:none; margin-bottom:25px; }
.platform-viewport { overflow:hidden; width:100%; min-width:0; mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.platform-viewport:focus-visible { outline:2px solid #226661; outline-offset:4px; mask-image:none; }
[data-motion-level="refined"] .platform-track { display:flex; flex-wrap:nowrap; width:max-content; position:relative; justify-content:flex-start; gap:55px; padding:12px 0; margin:0; list-style:none; }
[data-motion-level="refined"] .platform-track > li { flex:0 0 auto; justify-content:center; min-width:130px; }
[data-motion-level="refined"] #provider-track.platform-track { width:max-content; gap:35px; }
[data-motion-level="refined"] #provider-track.platform-track > li { flex:0 0 160px; }
[data-motion-level="refined"] .logos-static { mask-image:none; overflow:visible; }
[data-motion-level="refined"] .logos-static .platform-track { width:100%; flex-wrap:wrap; justify-content:center; gap:25px 38px; }
[data-motion-level="refined"] .logos-static .platform-clone { display:none; }
@media (max-width:600px) { [data-motion-level="refined"] .platform-track { gap:36px; } [data-motion-level="refined"] .home-technology h2 { font-size:24px; max-width:20ch; } }
[data-motion-level="refined"] .logos-static #provider-track.platform-track { width:100%; flex-wrap:wrap; justify-content:center; gap:25px 30px; }

.home-brand-intro{max-width:490px;margin-top:36px;padding-top:24px;border-top:1px solid var(--wc-line)}
.home-brand-intro p{font-size:16px;line-height:1.55;color:var(--wc-muted);margin:0 0 10px}
.home-brand-intro strong{color:var(--wc-ink,#202e2d);font-weight:600}
.home-service-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px}
.home-service-links a{font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:var(--wc-blue);padding-block:5px}