/* Approved Pencil design system. Native content; decoration never gates reading. */
:root{--font-display:'Proxima Nova','Proxima Nova Fallback',system-ui,sans-serif;--font-body:'Proxima Nova','Proxima Nova Fallback',system-ui,sans-serif;--rd-navy:#004a72;--rd-sky:#50c1e9;--rd-orange:#faa92d;--rd-orange-text:#a65c00;--rd-pale:#f2fafd;--rd-muted:#336e8e;--rd-line:#d6e6ef;--rd-header:104px}
.editor-styles-wrapper,body.wp-admin{--font-display:'Proxima Nova','Proxima Nova Fallback',system-ui,sans-serif;--font-body:'Proxima Nova','Proxima Nova Fallback',system-ui,sans-serif}
.rd{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--rd-muted);background:#fff}
.rd *, .rd *::before,.rd *::after{box-sizing:border-box}
.rd h1,.rd h2,.rd h3,.rd h4{font-family:var(--font-display);color:var(--rd-navy);text-transform:none;margin:0;font-weight:700}
.rd h1,.rd h2{font-size:42px;line-height:1.15;letter-spacing:-1.1px}
.rd h3{font-size:24px;line-height:1.25;letter-spacing:-.5px}
.rd h4{font-size:20px;line-height:1.3}
.rd p{margin:0}.rd p+p{margin-top:20px}
.rd a{color:var(--rd-navy)}
.rd [id]{scroll-margin-top:calc(var(--rd-header) + 24px)}
.rd-wrap{width:min(1280px,calc(100% - 160px));margin-inline:auto}
.rd-section{padding:84px 0;background:#fff}
.rd-stack{display:flex;flex-direction:column;gap:28px;min-width:0}
.rd-stack--wide{gap:40px}.rd-stack--small{gap:14px}
.rd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}
.rd-grid--center{align-items:center}.rd-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rd-eyebrow{display:flex;gap:12px;align-items:center;color:var(--rd-navy);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase}
.rd-eyebrow::before{content:'';width:22px;height:3px;flex:none;background:var(--rd-orange)}
/* Section labels carry the orange as type, darkened to pass AA (5.06:1 on white); card labels keep navy and the rule. */
.rd-eyebrow--section{color:var(--rd-orange-text)}.rd-eyebrow--section::before{content:none}
.rd-lead{max-width:1040px}.rd-title{max-width:1100px}.rd-small{font-size:14px}
.rd-note{font-size:13px;color:var(--rd-muted)}
.rd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.rd .rd-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 24px;border:1px solid var(--rd-navy);border-radius:28px;background:var(--rd-navy);color:#fff;font:600 14px/1.5 var(--font-body);text-decoration:none;min-height:48px;cursor:pointer}
.rd .rd-button--outline{background:#fff;color:var(--rd-navy)}
.rd-button svg{flex:none;transition:transform .2s ease}.rd-button:hover svg,.rd-button:focus-visible svg{transform:translateX(4px)}
.rd :focus-visible{outline:3px solid #177eaa;outline-offset:5px}
.rd-link{font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;gap:12px;align-items:center;min-height:44px}
.rd-link:hover{text-decoration:underline;text-underline-offset:5px}
.rd-card{padding:30px;border:1px solid var(--rd-line);border-radius:12px;background:#fff}
.rd-panel{padding:32px;border-radius:12px;background:var(--rd-pale)}
.rd-rule{border-top:1px solid var(--rd-line);padding-top:32px}
.rd-tile{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;flex:none;border-radius:5px;background:linear-gradient(135deg,var(--rd-navy),var(--rd-sky));color:#fff}
.rd-tile svg{width:32px;height:32px}
.rd-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid transparent}
.rd-header__inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.rd-brand img{display:block;width:130px;height:46px;object-fit:contain}
.rd-nav{display:flex;align-items:center;gap:30px}
.rd-nav a,.rd-nav summary{font:600 12px/1.5 var(--font-body);letter-spacing:.8px;text-transform:uppercase;text-decoration:none;color:var(--rd-navy)}
.rd-nav a[aria-current=page]{color:#087ea9}
.rd-nav details{position:relative}.rd-nav summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:6px}
.rd-nav summary::-webkit-details-marker{display:none}
.rd-nav details[open] summary svg{transform:rotate(180deg)}
.rd-nav__resources{position:absolute;top:100%;left:-24px;width:260px;padding:16px 24px;display:grid;gap:8px;background:#fff;border:1px solid var(--rd-line);border-radius:10px;box-shadow:0 12px 30px #004a7212}
.rd-nav__resources a{display:block;padding:10px 0;min-width:0;white-space:normal;overflow-wrap:anywhere}
.rd-nav__resources ul,.rd-nav__resources li{min-width:0;max-width:100%}
.rd-menu-button{display:none;background:var(--rd-pale);border:0;color:var(--rd-navy);border-radius:8px;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer}
.rd-mobile{display:none;padding:16px 24px 28px;background:#fff;border-top:1px solid var(--rd-line)}
.rd-mobile a{display:block;padding:10px 0;font-weight:600;text-decoration:none}
.rd-mobile[hidden]{display:none}
.rd-center{text-align:center;align-items:center}.rd-center .rd-eyebrow{justify-content:center}
.rd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.rd-metric strong{display:block;font:700 42px/1.2 var(--font-display);letter-spacing:-1px;color:var(--rd-navy)}
.rd-metric>span{display:block;font-size:14px;margin-top:8px}
.rd-clients{padding:32px 0;border-top:1px solid var(--rd-line);display:flex;gap:36px;align-items:center;justify-content:space-between}
.rd-clients p{font-size:13px;max-width:225px}.rd-clients strong{font:700 18px var(--font-display);color:var(--rd-navy)}
@media(min-width:1600px){.rd-wrap{width:1280px}}
@media(max-width:1150px){.rd-wrap{width:calc(100% - 80px)}.rd-nav{gap:18px}.rd-header__inner{gap:20px}.rd-header .rd-button{padding:12px 16px;font-size:12px}.rd-grid{gap:36px}}
@media(max-width:960px){:root{--rd-header:80px}.rd-header__inner{min-height:80px}.rd-nav,.rd-header__inner>.rd-button{display:none}.rd-menu-button{display:flex}.rd-mobile:not([hidden]){display:block}.rd-grid{grid-template-columns:1fr}.rd-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rd-section{padding:64px 0}.rd h1,.rd h2{font-size:36px;letter-spacing:-.8px}.rd-clients{flex-wrap:wrap;justify-content:flex-start}.rd-clients p{max-width:none;flex-basis:100%}}
@media(max-width:640px){.rd{font-size:16px}.rd-wrap{width:calc(100% - 40px)}.rd-section{padding:52px 0}.rd h1,.rd h2{font-size:32px;letter-spacing:-.7px}.rd h3{font-size:22px}.rd-grid--three{grid-template-columns:1fr}.rd-stack--wide{gap:30px}.rd-panel,.rd-card{padding:24px}.rd-eyebrow{font-size:10px;letter-spacing:1.3px}.rd-metrics{gap:16px}.rd-metric strong{font-size:30px}.rd-metric>span{font-size:12px}.rd-clients{gap:24px}.rd-clients strong{font-size:15px}.rd-button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.rd *,.rd *::before,.rd *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.rd-header,.rd-backtop,.rd-mobile{display:none!important}.rd-section{padding:24px 0;break-inside:avoid}.rd-wrap{width:100%}.rd{font-size:11pt}.rd h1,.rd h2{font-size:24pt}}

/* Hero: a large globe beside the message, starting just under the hint above it
   and cropped at the bottom by the clients rule. Stacked layouts keep it contained. */
.rd-hero__grid{min-height:690px;display:grid;grid-template-columns:620px minmax(0,1fr);gap:56px;align-items:center;padding-block:22px 20px}
.rd-hero__visual{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.rd-hero__label{display:flex;flex-direction:column;align-items:center;gap:8px}
.rd-hero__visual .rd-globe__hint{margin-top:0}
.rd-hero__grid>.rd-stack{gap:18px}.rd-hero__metrics,.rd-hero .rd-actions{margin-top:6px}
/* Wide layouts: the sphere, .86 of the globe box, spans from 40px past the copy
   to 16px short of the window's edge, at most 760px, centred on the column when
   it fits. Its top is 16px under the hint, which centres over it with the
   caption. */
@media(min-width:961px){
  .rd-hero{overflow:hidden;overflow:clip}
  .rd-hero__grid{clip-path:inset(-100vh -100vw 0 -100vw)}
  .rd-hero__grid>.rd-stack{position:relative;z-index:2}
  .rd-hero__visual{--rd-gap:24px;--rd-gutter:40px;--rd-globe-top:84px;--rd-globe-d:min(760px,calc(100cqw + var(--rd-gutter) + var(--rd-gap) - 56px));--rd-globe-x:clamp(calc(40px - var(--rd-gap) + var(--rd-globe-d) / 2),50cqw,calc(100cqw + var(--rd-gutter) - 16px - var(--rd-globe-d) / 2));container-type:size;position:relative;align-self:stretch}
  .rd-hero__label{position:relative;z-index:2;translate:calc(var(--rd-globe-x) - 50cqw) 0}
  .rd-hero .rd-globe{position:absolute;top:calc(var(--rd-globe-top) - var(--rd-globe-d) * .0814);left:calc(var(--rd-globe-x) - var(--rd-globe-d) * .5814);width:calc(var(--rd-globe-d) / .86);max-width:none}
}
@media(min-width:1151px){.rd-hero__visual{--rd-gutter:80px}}
@media(min-width:1251px){.rd-hero__visual{--rd-gap:56px;--rd-gutter:max(80px,(100vw - 1280px) / 2);--rd-globe-top:91px}}
.rd-hero__caption{display:flex;align-items:center;gap:9px;background:#e9f7fc;color:var(--rd-navy);padding:12px 16px;border-radius:24px;font-size:14px;font-weight:600;white-space:nowrap}
.rd-hero__caption svg{flex:none;color:#118db7}
.rd-globe{position:relative;display:block;width:100%;max-width:600px;aspect-ratio:1;isolation:isolate;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.rd-globe.is-dragging{cursor:grabbing}
.rd-globe:disabled{cursor:default}.rd-globe__hint{text-align:center}
.rd-globe canvas{position:absolute;inset:0;z-index:1}.rd-globe__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.rd-globe.is-ready .rd-globe__poster{visibility:hidden}
.rd-hero__metrics .rd-metric strong{font-size:32px}.rd-hero .rd-clients{min-height:106px}
body.admin-bar .rd-header{top:32px}
html:not(.js) .rd-menu-button{display:none}
@media(max-width:1250px){.rd-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.rd-hero__caption{font-size:12px;padding:10px 12px}}
@media(max-width:960px){.rd-hero__grid{grid-template-columns:1fr;padding-block:48px 16px;gap:32px;min-height:0}.rd-hero__grid>.rd-stack{max-width:700px}.rd-hero__visual{width:100%;max-width:560px;justify-self:center}.rd-hero__caption{font-size:14px}.rd-hero__metrics{max-width:520px}.rd-globe{max-width:460px}}
@media(max-width:640px){.rd-hero__grid{padding-top:32px}.rd-hero__caption{font-size:11px;padding:10px;gap:6px}.rd-hero__caption svg{width:16px;height:16px}.rd-hero__metrics .rd-metric strong{font-size:28px}.rd-hero__visual{gap:0}.rd-clients{padding-block:24px}body.admin-bar .rd-header{top:46px}}

/* Customer-side figures and homepage story. */
.rd-between{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.rd-gap{display:grid;grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);gap:24px;align-items:center;min-height:400px}
.rd-gap .rd-panel{padding:24px}.rd-gap h3{font-size:22px}.rd-gap .rd-eyebrow{font-size:10px}
.rd-health{list-style:none;padding:0;margin:0;display:grid;gap:18px;font-size:13px}
.rd-health li{display:flex;gap:12px;justify-content:space-between}.rd-health li>span:last-child{display:flex;gap:5px;align-items:center;color:var(--rd-navy)}
.rd-unconfirmed{border-left:3px solid var(--rd-orange);padding-left:14px;font-size:18px;color:var(--rd-navy)}
.rd-customer-figure{position:relative;width:100%;aspect-ratio:1200/1050;isolation:isolate}
.rd-customer-mesh{position:absolute;inset:0;width:100%;height:100%}
.rd-person{position:absolute;top:39.05%;width:27%;aspect-ratio:1;border:1px solid var(--rd-line);border-radius:50%;background:#fff;display:grid;place-items:center}
.rd-person--right{left:62.67%}.rd-person--left{left:10.17%}
.rd-person svg{width:50%;height:50%;fill:none;stroke:var(--rd-navy);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rd-customer-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rd-route-track,.rd-route-signal{stroke:var(--rd-sky);stroke-width:3}.rd-route-signal{stroke:var(--rd-orange);stroke-dasharray:.15 1.85;stroke-dashoffset:-.85}.rd-signal-dot{fill:var(--rd-orange)}
.rd-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.rd-journey::before{content:'';position:absolute;top:27px;left:24px;right:24px;height:1px;background:var(--rd-line)}
/* Stages sit above the scroll story layer (z-index 4), so the transaction passes behind each icon, as in the diagrams. */
.rd-journey>li{position:relative;z-index:5}.rd-stage-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--rd-navy);border:1px solid var(--rd-line);flex:none}
.rd-journey>li:last-child .rd-stage-icon{border-color:var(--rd-sky);color:#087ea9}
.rd-confirmation{display:flex;align-items:center;gap:24px;padding:28px;background:#fff;border-radius:12px;border:1px solid var(--rd-line)}
.rd-observed{margin-left:auto;font-size:11px;letter-spacing:1px;font-weight:700;color:var(--rd-navy);border-radius:20px;background:var(--rd-pale);padding:8px 12px}
.rd-quote{padding:32px 44px 20px;background:#e9f7fc;border-radius:12px;max-width:960px;width:100%;margin-inline:auto}
.rd-quote__mark{display:block;font:700 72px/1 var(--font-display);color:var(--rd-sky);height:60px}
.rd-quote__slides{display:grid}.rd-quote__slide{grid-area:1/1;margin:0;min-width:0}.rd-quote__slide[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.rd-quote blockquote{padding:0;border:0;margin:0;color:var(--rd-navy);font-size:20px;line-height:1.55}
.rd-quote figcaption{margin-top:22px;display:grid;gap:4px;font-size:15px}.rd-quote figcaption strong{font-size:17px;color:var(--rd-navy)}
.rd-quote__controls{display:flex;justify-content:center;align-items:center;margin-top:20px}
.rd-quote__dots{display:flex;justify-content:center;gap:0}.rd-quote__dots button{border:0;background:none;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.rd-quote__indicator{position:relative;display:block;width:8px;height:8px;background:#336e8e;border-radius:8px;overflow:hidden}.rd-quote__dots [aria-pressed=true] .rd-quote__indicator{width:36px;background:var(--rd-navy)}
.rd-quote__progress{position:absolute;inset:0;display:none;background:var(--rd-orange);border-radius:inherit;transform:scaleX(0);transform-origin:left}
.rd-quote[data-rd-quote-timed=true] [aria-pressed=true] .rd-quote__indicator{background:var(--rd-line)}.rd-quote[data-rd-quote-timed=true] [aria-pressed=true] .rd-quote__progress{display:block}
.rd-challenges .rd-card{gap:24px}.rd-challenges .rd-link{margin-top:auto}
.rd-examples{display:flex;flex-wrap:wrap;gap:12px}
.rd-example{display:inline-flex;align-items:center;padding:10px 20px;min-height:44px;max-width:100%;border:1px solid var(--rd-line);border-radius:24px;background:var(--rd-pale);text-decoration:none;font:600 14px/1.5 var(--font-body);transition:border-color .2s,background .2s}
.rd-example:hover,.rd-example:focus-visible{border-color:var(--rd-sky);background:#e9f7fc}
@media(max-width:1150px){.rd-gap{grid-template-columns:1fr 280px 1fr;gap:16px}.rd-gap .rd-panel{padding:18px}.rd-health li{flex-direction:column;gap:4px}}
@media(max-width:960px){.rd-gap{grid-template-columns:1fr 1fr}.rd-gap>.rd-customer-figure{grid-column:1/-1;grid-row:2;width:400px;max-width:100%;justify-self:center}.rd-gap>.rd-panel{grid-row:1}.rd-health li{flex-direction:row}.rd-quote{padding:28px 32px 18px}.rd-journey{gap:18px}}
@media(max-width:640px){.rd-gap{grid-template-columns:minmax(0,1fr)}.rd-gap>.rd-panel{grid-row:auto}.rd-gap>.rd-customer-figure{grid-row:2}.rd-confirmation{padding:20px;flex-wrap:wrap;gap:14px}.rd-confirmation h3{font-size:20px}.rd-observed{margin-left:0}.rd-quote{padding:24px 22px 14px}.rd-quote__mark{height:48px;font-size:60px}.rd-quote blockquote{font-size:18px}.rd-example{padding:9px 16px}}
html:not(.js) .rd-quote__controls{display:none}
/* Every page closes on a box the size of the testimonial card, not a full-width band. */
.rd-close{padding-block:0 28px}.rd-close__box{max-width:960px;margin-inline:auto;padding:48px 56px;border-radius:12px;background:#e9f7fc}.rd-close__box h2{font-size:34px;letter-spacing:-.8px}
@media(max-width:960px){.rd-close__box{padding:36px 32px}}
@media(max-width:640px){.rd-close__box{padding:28px 22px}.rd-close__box h2{font-size:28px;letter-spacing:-.6px}}
@media(prefers-reduced-motion:reduce){.rd-quote__progress{display:none!important}}

/* A scroll-controlled transaction connects selected words to the real journey. */
.rd-scroll-home{position:relative}
.rd-story-word{display:inline-block;white-space:nowrap}
/* The travelling words glow as they lift off and as they land: the halo of the transaction head and the lit stages, behind the text. */
.rd-story-word{position:relative;isolation:isolate}.rd-scroll-story__word{isolation:isolate}
.rd-story-word::before,.rd-scroll-story__word::before{content:'';position:absolute;inset:-.3em -.55em;z-index:-1;border-radius:999px;background:radial-gradient(closest-side,rgb(250 169 45/.42),rgb(250 169 45/.16) 62%,rgb(250 169 45/0));opacity:var(--rd-glow,0);pointer-events:none}
.rd-story-word.is-glowing::before,.rd-scroll-story__word.is-glowing::before{animation:rd-word-breathe 1.8s ease-in-out infinite}
.rd-story-word.is-landed::before{animation:rd-word-landed 1.2s ease-out forwards}
@keyframes rd-word-breathe{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}
@keyframes rd-word-landed{0%{opacity:1;transform:scale(1.08)}100%{opacity:0;transform:scale(.96)}}
.rd-story-labels{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--rd-navy);font-size:16px;line-height:1.4;font-weight:600}
.rd-scroll-story{position:absolute;left:0;width:100%;pointer-events:none;z-index:4;overflow:hidden}
.rd-scroll-story[hidden]{display:none}
.rd-scroll-story__svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.rd-scroll-story__path{fill:none;stroke:none}
.rd-scroll-story__tail{fill:none;stroke:var(--rd-orange);stroke-width:2;stroke-linecap:round;animation:rd-scroll-tail-flow 1.4s ease-in-out infinite;animation-delay:var(--rd-tail-delay)}
.rd-scroll-story__dot{fill:var(--rd-orange);animation:rd-scroll-head-pulse 1.8s ease-in-out infinite}
.rd-scroll-story__halo{fill:var(--rd-orange);opacity:.14;animation:rd-scroll-head-glow 1.8s ease-in-out infinite}
.rd-scroll-story__ring{fill:none;stroke:var(--rd-orange);stroke-width:1;animation:rd-scroll-head-ripple 1.8s ease-out infinite}
.rd-scroll-story__spark{fill:#fff;opacity:.75}
.rd-scroll-story__dot,.rd-scroll-story__halo,.rd-scroll-story__ring{transform-box:fill-box;transform-origin:center}
.rd-scroll-story__tail,.rd-scroll-story__dot,.rd-scroll-story__halo,.rd-scroll-story__ring{animation-play-state:paused}
.rd-scroll-story.is-animating .rd-scroll-story__tail,.rd-scroll-story.is-animating .rd-scroll-story__dot,.rd-scroll-story.is-animating .rd-scroll-story__halo,.rd-scroll-story.is-animating .rd-scroll-story__ring{animation-play-state:running}
@keyframes rd-scroll-tail-flow{0%,100%{opacity:calc(var(--rd-tail-opacity)*.35)}40%{opacity:var(--rd-tail-opacity)}}
@keyframes rd-scroll-head-pulse{0%,100%{transform:scale(.9);opacity:.85}50%{transform:scale(1.12);opacity:1}}
@keyframes rd-scroll-head-glow{0%,100%{transform:scale(.75);opacity:.07}50%{transform:scale(1.25);opacity:.18}}
@keyframes rd-scroll-head-ripple{0%{transform:scale(.65);opacity:.35}85%,100%{transform:scale(1.65);opacity:0}}
.rd-scroll-story__word{position:absolute;left:0;top:0;margin:0;color:var(--rd-navy);white-space:nowrap;transform-origin:center;will-change:transform}
.rd-scroll-story__word[hidden]{display:none}
.rd-journey>li .rd-stage-icon.is-story-passed{border-color:var(--rd-orange);background:#fff8ec;color:var(--rd-navy)}
.rd-journey .rd-stage-icon.is-story-current{box-shadow:0 0 0 6px #faa92d28}
.rd-journey.has-story-rail::before,.rd-journey.has-story-rail::after{content:'';position:absolute;top:27px;left:28px;right:auto;width:var(--rd-journey-distance);height:2px;transform-origin:left;background:var(--rd-line)}
.rd-journey.has-story-rail::after{background:var(--rd-orange);transform:scaleX(var(--rd-journey-progress,0))}
@media(max-width:640px){.rd-journey.has-story-rail::before,.rd-journey.has-story-rail::after{top:28px;left:27px;bottom:auto;width:2px;height:var(--rd-journey-distance);transform-origin:top}.rd-journey.has-story-rail::after{transform:scaleY(var(--rd-journey-progress,0))}}
@media(max-width:640px){.rd-story-labels{gap:10px 20px;font-size:14px}.rd-scroll-story__tail{stroke-width:1.5}}
@media(prefers-reduced-motion:reduce){.rd-scroll-story{display:none!important}.rd-story-word{opacity:1!important}.rd-story-word::before{display:none}}
@media print{.rd-scroll-story{display:none!important}.rd-story-word{opacity:1!important}.rd-story-word::before{display:none}}

/* Why WTSS: the same discipline expressed as readable, editable sections. */
.rd-boundaries{display:grid;gap:28px}.rd-boundary{display:grid;grid-template-columns:1fr 200px 1fr;gap:24px;align-items:center}.rd-boundary strong{font-size:22px;color:var(--rd-navy)}.rd-boundary__gap{text-align:center;font-size:14px;border-inline:1px solid var(--rd-orange);padding:12px}
.rd-card--accent{background:var(--rd-pale);border-top:3px solid var(--rd-sky)}
.rd-disciplines .rd-card{padding:24px;gap:12px}
.rd-products{display:grid;gap:12px}.rd-product{display:flex;align-items:center;gap:16px}.rd-product .rd-tile{width:48px;height:48px}.rd-product .rd-tile svg{width:26px;height:26px}
.rd-method{padding:0;margin:0;list-style:none}.rd-method li{display:grid;grid-template-columns:70px 330px 1fr;gap:28px;padding:32px 0;border-top:1px solid var(--rd-line);align-items:start}.rd-method li:last-child{border-bottom:1px solid var(--rd-line)}.rd-method__number{color:var(--rd-navy);font-size:14px;padding-top:5px}
.rd-evidence-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.rd-evidence-tags span{padding:8px 16px;border:1px solid var(--rd-line);border-radius:20px;background:#fff;font-size:12px;font-weight:600;color:var(--rd-navy)}
.rd-focus-statement{border-left:3px solid var(--rd-orange);padding-left:32px;font-size:32px!important}
@media(max-width:960px){.rd-method li{grid-template-columns:48px 1fr;gap:16px}.rd-method li>p{grid-column:2}.rd-boundary{grid-template-columns:1fr 120px 1fr;gap:16px}.rd-boundary strong{font-size:18px}}
@media(max-width:640px){.rd-boundary{grid-template-columns:1fr;text-align:center;gap:12px}.rd-boundary__gap{border:0;color:var(--rd-muted);padding:0}.rd-focus-statement{font-size:26px!important}.rd-method li{grid-template-columns:32px 1fr;padding:26px 0}.rd-evidence-tags{gap:8px}.rd-evidence-tags span{font-size:11px;padding:7px 12px}}

/* Services: one index and three same-page destinations. */
.rd-services-overview{padding:72px 0 60px}.rd-service-selector{padding:28px 0 84px}
.rd-service-card{text-decoration:none;min-height:352px;color:var(--rd-muted)!important;gap:20px;border-top:3px solid var(--rd-line);transition:border-color .2s,box-shadow .2s}
.rd-service-card h2{font-size:24px;letter-spacing:-.5px}.rd-service-card .rd-link{margin-top:auto;color:var(--rd-navy)}
.rd-service-card:hover,.rd-service-card:focus-visible{border-top-color:var(--rd-sky);box-shadow:0 12px 32px #004a7210}
.rd-tile svg,.rd-tile svg>*{transform-box:fill-box;transform-origin:center}
/* Each service icon performs its verb once on hover or keyboard focus: on the Services cards and the Why WTSS product cards. */
:is(.rd-service-card:hover,.rd-service-card:focus-visible,.rd-card--products:hover,.rd-card--products:has(:focus-visible)) .rd-tile[data-icon=rocket] svg{animation:svc-lift .65s ease-in-out}
:is(.rd-service-card:hover,.rd-service-card:focus-visible,.rd-card--products:hover,.rd-card--products:has(:focus-visible)) .rd-tile[data-icon=refresh] svg{animation:svc-turn .75s ease-in-out}
:is(.rd-service-card:hover,.rd-service-card:focus-visible,.rd-card--products:hover,.rd-card--products:has(:focus-visible)) .rd-tile[data-icon=eye] svg>circle{animation:svc-glance .65s ease-in-out}
.rd-foundation-section{padding-block:0}.rd-foundation{grid-template-columns:500px 1fr;gap:80px}.rd-foundation h2{font-size:32px}
.rd-service-identity{display:flex;align-items:center;gap:20px}.rd-service-identity .rd-tile{width:52px;height:52px}
.rd-service-intro{grid-template-columns:minmax(0,1fr) 560px}
.rd-service-figure{position:relative;isolation:isolate;min-height:400px;border-radius:18px;overflow:hidden;background:var(--rd-pale);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:64px 24px 24px;text-align:center;gap:24px}
.rd-service-mesh{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.rd-service-mesh path{stroke:#50c1e930;stroke-width:1}.rd-service-mesh circle{fill:#50c1e960}
.rd-service-figure h3{font-size:22px}.rd-service-figure>.rd-small{font-weight:600;color:var(--rd-navy);font-size:13px}
.rd-service-track{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:12px;color:var(--rd-navy);font-size:12px;font-weight:600}
.rd-service-track li{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}.rd-service-track__dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--rd-line);background:#fff}.rd-service-route{width:100%;--rd-rail-y:10px}
.rd-service-quote{margin:0;padding:0;border:0;font-size:22px;line-height:1.5;color:var(--rd-navy)}
.rd-service-next{display:flex;align-items:center;justify-content:space-between;gap:64px}.rd-service-next>p{max-width:720px}.rd-service-next .rd-button{flex:none}
.rd-backtop{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));width:52px;height:52px;display:grid;place-items:center;background:var(--rd-navy);color:#fff!important;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 16px #004a7226;z-index:70;text-decoration:none}
.rd-backtop[hidden]{display:none}
@media(max-width:1150px){.rd-service-intro{grid-template-columns:1fr 1fr}.rd-foundation{grid-template-columns:1fr 1fr;gap:40px}.rd-service-next{gap:28px}.rd-service-next>p{max-width:600px}}
@media(max-width:960px){.rd-service-intro{grid-template-columns:1fr}.rd-service-figure{width:100%;max-width:600px;justify-self:center}.rd-service-card{padding:24px 20px}.rd-service-card h2{font-size:22px}.rd-service-card .rd-eyebrow{font-size:10px}.rd-service-next{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.rd-services-overview{padding:40px 0}.rd-service-selector{padding:0 0 52px}.rd-service-card{min-height:310px;padding:26px}.rd-foundation{grid-template-columns:1fr;gap:24px}.rd-foundation h2{font-size:28px}.rd-service-figure{padding:32px 18px 22px;min-height:360px}.rd-service-figure h3{font-size:20px}.rd-service-track{font-size:11px;gap:8px}.rd-service-next{gap:24px}.rd-service-quote{font-size:20px}.rd-backtop{width:48px;height:48px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}

/* Reusable mesh illustrations for domain, About and Customers pages. */
.media__figure:has(.wtss-illustration),.picard__figure--illustrated{background:var(--rd-pale)}
.media__figure:has(.wtss-illustration){min-height:300px;min-width:0;width:100%}.picard__figure--illustrated{min-height:220px;min-width:0;width:100%}
.picard:has(.picard__figure--illustrated){min-width:0}
.wtss-illustration{position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:28px 20px;background:var(--rd-pale);color:var(--rd-navy);font-family:var(--font-body);text-align:center;overflow:hidden}
.wtss-illustration__title{font-size:20px;line-height:1.3;max-width:360px}
.wtss-illustration__steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0;max-width:440px}
.wtss-illustration__steps>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;font-weight:600;line-height:1.35;padding:0 4px}
.wtss-illustration__node{display:grid;place-items:center;box-sizing:border-box;flex:none;width:44px;height:44px;border:1px solid var(--rd-line);border-radius:50%;background:#fff;color:var(--rd-navy)}
.wtss-illustration__note{font-size:11px;color:var(--rd-muted)}
.wtss-illustration--compact{gap:12px;padding:18px 10px}.wtss-illustration--compact .rd-tile{width:42px;height:42px}.wtss-illustration--compact .rd-tile svg{width:26px;height:26px}.wtss-illustration--compact .wtss-illustration__title{font-size:15px}.wtss-illustration--compact .wtss-illustration__steps>div{font-size:10px;gap:8px}.wtss-illustration--compact .wtss-illustration__node{width:36px;height:36px}.wtss-illustration--compact .wtss-illustration__node svg{width:18px;height:18px}.wtss-illustration--compact .rd-rail{--rd-rail-y:18px}
.wtss-illustration--globe{gap:4px;padding:12px}.wtss-illustration--globe .rd-globe{max-width:340px}.wtss-illustration--globe .rd-globe__poster{object-fit:contain}.wtss-illustration--globe .rd-globe__hint{margin:0;font-size:12px}
.customers-clients .rd-clients{border-top:0;flex-wrap:wrap;justify-content:center;gap:32px}.customers-clients .rd-clients p{max-width:none;flex-basis:100%;text-align:center}
@media(max-width:640px){.wtss-illustration{gap:16px;padding:20px 14px}.wtss-illustration__title{font-size:18px}.wtss-illustration--compact{gap:12px}.wtss-illustration--compact .wtss-illustration__title{font-size:15px}.customers-clients .rd-clients{gap:20px}}
@media print{.rd-quote__controls,.rd-quote__timer{display:none}}
/* Diagram journeys move like the homepage's Live production rail: a gray line fills orange behind a haloed dot,
   which passes behind each stage and lights it on arrival. Paused off screen; reduced motion and print show it finished. */
.rd-rail{position:relative}
.rd-rail::before,.rd-rail::after{content:'';position:absolute;left:16.667%;right:16.667%;top:calc(var(--rd-rail-y,22px) - 1px);height:2px;background:var(--rd-line)}
.rd-rail::after{background:var(--rd-orange);transform:scaleX(0);transform-origin:left;animation:rd-rail-fill 3.6s ease-in-out infinite}
.rd-rail__stop{position:relative;z-index:1}.rd-rail__node{animation:3.6s ease-in-out infinite}
.rd-rail__stop:nth-child(1) .rd-rail__node{animation-name:rd-rail-node-1}.rd-rail__stop:nth-child(2) .rd-rail__node{animation-name:rd-rail-node-2}.rd-rail__stop:nth-child(3) .rd-rail__node{animation-name:rd-rail-node-3}
.rd-rail__packet{position:absolute;top:calc(var(--rd-rail-y,22px) - 4px);left:16.667%;width:8px;height:8px;margin-left:-4px;opacity:0;animation:rd-rail-travel 3.6s ease-in-out infinite}
.rd-rail__packet::before,.rd-rail__packet::after,.rd-rail__packet i{content:'';position:absolute;border-radius:50%}
.rd-rail__packet::before{inset:-6px;background:var(--rd-orange);opacity:.14;animation:rd-scroll-head-glow 1.8s ease-in-out infinite}
.rd-rail__packet::after{inset:-4px;border:1px solid var(--rd-orange);animation:rd-scroll-head-ripple 1.8s ease-out infinite}
.rd-rail__packet i{inset:0;background:var(--rd-orange);animation:rd-scroll-head-pulse 1.8s ease-in-out infinite}
.rd-rail::after,.rd-rail__node,.rd-rail__packet,.rd-rail__packet::before,.rd-rail__packet::after,.rd-rail__packet i{animation-play-state:paused}
.is-animating .rd-rail::after,.is-animating .rd-rail__node,.is-animating .rd-rail__packet,.is-animating .rd-rail__packet::before,.is-animating .rd-rail__packet::after,.is-animating .rd-rail__packet i{animation-play-state:running}
@keyframes rd-rail-travel{0%,10%{left:16.667%;opacity:0}18%{opacity:1}48%,56%{left:50%;opacity:1}88%{left:83.333%;opacity:1}100%{left:83.333%;opacity:0}}
@keyframes rd-rail-fill{0%,10%{transform:scaleX(0);opacity:1}48%,56%{transform:scaleX(.5)}88%,94%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes rd-rail-node-1{0%,8%{border-color:var(--rd-line);background-color:#fff;box-shadow:0 0 0 0 #faa92d00}12%,46%{border-color:var(--rd-orange);background-color:#fff8ec;box-shadow:0 0 0 6px #faa92d28}50%,94%{border-color:var(--rd-orange);background-color:#fff8ec;box-shadow:0 0 0 0 #faa92d00}100%{border-color:var(--rd-line);background-color:#fff;box-shadow:0 0 0 0 #faa92d00}}
@keyframes rd-rail-node-2{0%,46%{border-color:var(--rd-line);background-color:#fff;box-shadow:0 0 0 0 #faa92d00}50%,86%{border-color:var(--rd-orange);background-color:#fff8ec;box-shadow:0 0 0 6px #faa92d28}90%,94%{border-color:var(--rd-orange);background-color:#fff8ec;box-shadow:0 0 0 0 #faa92d00}100%{border-color:var(--rd-line);background-color:#fff;box-shadow:0 0 0 0 #faa92d00}}
@keyframes rd-rail-node-3{0%,86%{border-color:var(--rd-line);background-color:#fff;box-shadow:0 0 0 0 #faa92d00}90%,94%{border-color:var(--rd-orange);background-color:#fff8ec;box-shadow:0 0 0 6px #faa92d28}100%{border-color:var(--rd-line);background-color:#fff;box-shadow:0 0 0 0 #faa92d00}}
@media(prefers-reduced-motion:reduce){.rd-rail::after,.rd-rail__stop:nth-child(n) .rd-rail__node,.rd-rail__packet,.rd-rail__packet::before,.rd-rail__packet::after,.rd-rail__packet i{animation:none}.rd-rail::after{transform:none}.rd-rail__node{border-color:var(--rd-orange);background-color:#fff8ec}.rd-rail__stop:nth-child(3) .rd-rail__node{box-shadow:0 0 0 6px #faa92d28}}
@media print{.rd-rail::after,.rd-rail__stop:nth-child(n) .rd-rail__node,.rd-rail__packet,.rd-rail__packet::before,.rd-rail__packet::after,.rd-rail__packet i{animation:none}.rd-rail::after{transform:none}.rd-rail__node{border-color:var(--rd-orange);background-color:#fff8ec}.rd-rail__stop:nth-child(3) .rd-rail__node{box-shadow:0 0 0 6px #faa92d28}}

/* Motion adds evidence cues; text and controls are always present. */
.rd-service-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.rd-service-card:hover{transform:translateY(-4px);border-color:var(--rd-sky);box-shadow:0 16px 36px #004a7210}}
@media(max-width:640px){.rd-journey{grid-template-columns:1fr;gap:28px}.rd-journey::before{display:block;top:28px;bottom:28px;left:27px;width:1px;height:auto;right:auto}.rd-journey>li{display:grid;grid-template-columns:56px 1fr;column-gap:18px;row-gap:8px;align-items:start}.rd-journey .rd-stage-icon{grid-column:1;grid-row:1/4}.rd-journey>li>.rd-eyebrow,.rd-journey>li>h4,.rd-journey>li>p{grid-column:2}}
