.motion-ready{--reading-progress:0}.site-header:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:linear-gradient(90deg,#009dce,#8fe2e4);transform:scaleX(var(--reading-progress));transform-origin:left;opacity:.7;pointer-events:none}.living-logo{animation:logo-breathe 8s ease-in-out infinite;transform-origin:center}.identity:hover .living-logo{animation:logo-greet 1.1s cubic-bezier(.22,.7,.3,1) both}.motion-hero.raised-hero{background:radial-gradient(ellipse at 76% 48%,#ddf4fb 0,transparent 48%),linear-gradient(120deg,#f3fbfd,#eef8fc);min-height:500px;display:flex;align-items:center;isolation:isolate}.motion-hero .hero-copy{width:55%;max-width:660px;padding:65px 42px;flex-shrink:0}.motion-hero .hero-copy h1{position:relative}.motion-hero .hero-copy h1 em{background:linear-gradient(95deg,#009dc8,#00b2d8,#368aac,#009dc8);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ink-flow 12s ease infinite}.motion-hero .hero-copy>.eyebrow{animation:hero-arrive .7s both}.motion-hero h1{animation:hero-arrive .9s .07s both}.motion-hero .hero-copy>p:not(.eyebrow){animation:hero-arrive .9s .15s both}.hero-actions{animation:hero-arrive .9s .24s both}.hero-proof{animation:hero-arrive .9s .32s both}.logo-universe{position:relative;width:50%;height:500px;isolation:isolate;flex-shrink:0;margin-left:-5%;perspective:900px;overflow:visible}.logo-webgl{position:absolute;inset:0;z-index:2;touch-action:pan-y}.logo-webgl canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;animation:scene-in 1.2s .1s forwards}.logo-fallback{position:absolute;width:59%;height:59%;object-fit:contain;left:20.5%;top:20%;filter:drop-shadow(8px 12px 0 #0281ad) drop-shadow(0 20px 20px #2e89b030);transform:rotateY(-18deg) rotateX(8deg) rotateZ(-7deg);animation:fallback-float 7s ease-in-out infinite}.webgl-ready .logo-fallback{visibility:hidden}.universe-glow{position:absolute;inset:8%;background:radial-gradient(circle,#bcecf86e,transparent 68%);border-radius:50%;animation:glow-breathe 6s ease-in-out infinite}.universe-grid{position:absolute;inset:8%;border:1px dashed #80b8ce25;border-radius:50%;transform:rotateX(40deg) rotateZ(-20deg);animation:grid-orbit 60s linear infinite}.universe-grid:before,.universe-grid:after{content:'';position:absolute;inset:12%;border:1px solid #75bdd326;border-radius:50%}.universe-grid:after{inset:25%;border-style:dotted}.universe-shadow{position:absolute;bottom:13%;left:31%;width:40%;height:17px;background:#509cbf33;filter:blur(12px);border-radius:50%;animation:shadow-breathe 7s ease-in-out infinite;z-index:0}.orbit-label{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #d9edf3;background:#ffffffe8;box-shadow:0 4px 20px #377d9d09;border-radius:9px;font-size:10px;color:#426b80;z-index:3;pointer-events:none;animation:label-float 6s ease-in-out infinite}.orbit-label svg{width:13px;height:13px;color:var(--blue)}.orbit-label-one{top:15%;left:7%;animation-delay:-2s}.orbit-label-two{top:29%;right:0;animation-delay:-4s}.orbit-label-three{bottom:17%;left:13%}.universe-caption{position:absolute;bottom:8%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:7px;font-size:7px;letter-spacing:2.5px;color:#7da2b4}.universe-caption .dot{background:#4eb5c8;width:4px;height:4px}.cause-card{overflow:hidden}.cause-card .cause-arrow{right:22px;top:25px}.cause-card h2,.cause-card>p,.cause-label,.cause-icon{position:relative;z-index:1}.cause-motion-art{position:absolute;right:4px;bottom:0;width:86px;height:115px;display:grid;place-items:center;color:#81c9dd;opacity:.4;pointer-events:none;transition:opacity .3s,transform .4s}.cause-card:hover .cause-motion-art{opacity:.8;transform:translateY(-5px)}.cause-card p{max-width:225px;padding-right:12px}.life-glyph{width:62px;height:98px;stroke:none;transform:rotate(18deg);overflow:visible}.life-glyph g{transform-origin:50px 70px;animation:strand-drift 4.2s calc(var(--i)*-.12s) ease-in-out infinite}.mini-atom{position:relative;display:block;width:73px;height:73px;animation:atom-turn 20s linear infinite}.mini-atom i{position:absolute;inset:4px;border:1px solid currentColor;border-radius:50%;transform:rotateX(65deg)}.mini-atom i:nth-child(2){transform:rotateZ(60deg) rotateX(65deg)}.mini-atom i:nth-child(3){transform:rotateZ(-60deg) rotateX(65deg)}.mini-atom i:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#00a9dc;top:5px;left:15px}.mini-atom b{position:absolute;left:31px;top:31px;width:11px;height:11px;background:#00a9dc;border-radius:50%;box-shadow:0 0 20px #00a9dc40}.life-ripple{position:relative;display:block;width:75px;height:75px}.life-ripple i{position:absolute;inset:14px;border:1px solid currentColor;border-radius:50%;animation:ripple-out 4.5s ease-out infinite}.life-ripple i:nth-child(2){animation-delay:-1.5s}.life-ripple i:nth-child(3){animation-delay:-3s}.life-ripple b{position:absolute;inset:25px;animation:heart-beat 3s ease-in-out infinite}.life-ripple svg{width:25px;height:25px}.reveal-item{opacity:0;transform:translateY(22px);transition:opacity .75s var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms)}.reveal-item.is-revealed{opacity:1;transform:translateY(0)}.card.reveal-item.is-revealed:hover{transform:translateY(-4px)}.progress>span{transform-origin:left;animation:progress-grow 1.15s cubic-bezier(.16,.7,.25,1) both}.button svg,.text-button svg,.cause-arrow svg{transition:transform .25s}.button:hover svg,.text-button:hover svg,.cause-card:hover .cause-arrow svg{transform:translate(3px,-1px)}.motion-journey{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:70px 0 25px;border-top:1px solid var(--line);padding-top:50px;--journey-progress:0;--journey-turn:-25deg}.journey-visual{position:sticky;top:130px;align-self:start}.journey-visual h2{font-size:41px;font-weight:600;letter-spacing:-1.5px;line-height:1.12;margin:15px 0}.journey-orbit{position:relative;width:300px;height:300px;margin:15px 0 0 5px;perspective:700px}.journey-ring{position:absolute;inset:35px;border:1px solid #c5e4ef;border-radius:50%}.ring-two{inset:65px;border-style:dashed;animation:atom-turn 60s linear infinite}.journey-core{position:absolute;inset:68px;transform-style:preserve-3d;transform:rotateX(18deg) rotateY(var(--journey-turn)) rotateZ(-6deg);transition:transform .1s linear}.journey-core img{position:absolute;width:100%;height:100%;object-fit:contain;transform:translateZ(calc(var(--layer)*1.7px));filter:brightness(.7)}.journey-core img:last-child{filter:none}.journey-node{position:absolute;width:43px;height:43px;display:grid;place-items:center;border:1px solid #daebf2;background:white;border-radius:13px;color:#7cb6c9;box-shadow:0 4px 18px #529ab00b;transition:color .5s,background .5s,transform .5s;z-index:2}.node-one{top:10px;left:127px}.node-two{right:10px;bottom:56px}.node-three{left:10px;bottom:56px}.journey-node svg{width:18px;height:18px}.journey-visual[data-phase="01"] .node-one,.journey-visual[data-phase="02"] .node-two,.journey-visual[data-phase="03"] .node-three{background:#009dce;color:white;border-color:#009dce;transform:scale(1.1);box-shadow:0 4px 25px #009dce24}.journey-track{position:absolute;inset:0;width:100%;height:100%;stroke:#00a9dc;stroke-width:1.6;transform:rotate(-90deg);fill:none}.journey-track circle{stroke-dasharray:723;stroke-dashoffset:calc(723*(1 - var(--journey-progress)));transition:stroke-dashoffset .12s linear}.journey-current{display:flex;gap:14px;align-items:center;margin-top:3px;font-size:12px;color:#6b8697}.journey-current>span{font-size:11px;color:var(--blue);font-variant-numeric:tabular-nums}.journey-current p{margin:0}.journey-steps{padding-top:60px}.journey-step{min-height:350px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);position:relative;padding:40px 0;opacity:.55;transition:opacity .7s}.journey-step:last-child{border:0}.journey-step.phase-active{opacity:1}.journey-step-number{display:flex;gap:14px;align-items:center;font-size:10px;color:var(--blue);margin-bottom:23px}.journey-step-number span{font-size:10px;color:#849ca9;text-transform:uppercase;letter-spacing:1.5px}.journey-step h3{font-size:30px;letter-spacing:-1px;line-height:1.15;max-width:340px;margin-bottom:16px}.journey-step p{font-size:13px;line-height:1.9;color:#6a8090;max-width:340px}.journey-step a{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:600;color:var(--blue);margin-top:8px}.journey-step a svg{width:14px;height:14px}.motion-control{display:inline-flex;gap:8px;align-items:center;justify-self:end;align-self:center;font-size:10px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;color:#6a8495;background:#ffffffaa;grid-column:2;grid-row:2}.motion-control-symbol{font-size:10px;color:#029eca}.route-enter{animation:route-in .35s ease-out both}.brand-motion-demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid var(--line);border-radius:18px;background:#f0f9fc;margin-top:40px;padding:25px 35px;overflow:hidden}.brand-motion-demo h2{font-size:35px;letter-spacing:-1.2px;line-height:1.15}.brand-motion-demo p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:360px}.brand-universe{width:115%;margin-left:-10%;height:430px}.docs-fact-card:before{content:'';display:block;width:20px;height:3px;border-radius:3px;background:#b5e3f0;margin-bottom:15px;animation:quiet-pulse 6s ease-in-out infinite}.photo-shade{transition:opacity .35s}.card:hover .photo-shade{opacity:.6}
@keyframes logo-breathe{0%,75%,100%{transform:rotate(0) scale(1)}85%{transform:rotate(7deg) scale(1.045)}92%{transform:rotate(-3deg) scale(1.015)}}@keyframes logo-greet{from{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes route-in{from{opacity:.45}to{opacity:1}}@keyframes ink-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scene-in{to{opacity:1}}@keyframes glow-breathe{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes grid-orbit{to{transform:rotateX(40deg) rotateZ(340deg)}}@keyframes label-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shadow-breathe{0%,100%{transform:scaleX(.93);opacity:.5}50%{transform:scaleX(1.05);opacity:.8}}@keyframes fallback-float{0%,100%{transform:rotateY(-18deg) rotateX(8deg) rotateZ(-7deg) translateY(0)}50%{transform:rotateY(15deg) rotateX(-4deg) rotateZ(3deg) translateY(-9px)}}@keyframes atom-turn{to{transform:rotate(360deg)}}@keyframes strand-drift{0%,100%{transform:scaleX(.75);opacity:.5}50%{transform:scaleX(1);opacity:1}}@keyframes ripple-out{from{transform:scale(.6);opacity:.8}to{transform:scale(1.8);opacity:0}}@keyframes heart-beat{0%,80%,100%{transform:scale(1)}85%{transform:scale(1.13)}92%{transform:scale(1.02)}}@keyframes progress-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes quiet-pulse{0%,100%{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}}
.motion-paused *,.motion-hidden *{animation-play-state:paused!important}.motion-paused .reveal-item{opacity:1;transform:none;transition:none}.motion-paused .route-enter,.motion-paused .hero-copy>*{opacity:1;transform:none;animation:none!important}.motion-paused .logo-webgl canvas{opacity:1}.motion-paused .journey-core{transform:rotateX(12deg) rotateY(-15deg) rotateZ(-6deg);transition:none}.motion-paused .journey-step{opacity:1}.motion-paused .progress>span{transform:scaleX(1);animation:none}.motion-paused .journey-track circle{transition:none}.motion-hidden .logo-webgl canvas{animation-play-state:paused!important}
@media(min-width:1450px){.motion-hero .hero-copy{padding-left:48px}.logo-universe{height:520px}.orbit-label-two{right:3%}}
@media(max-width:1050px){.motion-hero .hero-copy{padding:45px 30px;width:56%}.motion-hero .hero-copy h1{font-size:51px}.logo-universe{width:49%;height:450px;margin-left:-5%}.orbit-label{font-size:9px;padding:8px 10px}.orbit-label-one{left:0}.orbit-label-two{right:-3%}.motion-journey{gap:40px}.journey-step h3{font-size:28px}.journey-visual h2{font-size:36px}.journey-orbit{width:270px;height:270px}.journey-track{inset:0}.journey-ring{inset:31px}.ring-two{inset:58px}.journey-core{inset:61px}.node-one{left:113px;top:4px}.node-two{right:4px;bottom:48px}.node-three{left:4px;bottom:48px}}
@media(max-width:850px){.motion-hero .hero-copy h1{font-size:43px}.motion-hero .hero-copy{padding:40px 26px}.motion-hero .hero-proof{gap:10px;font-size:8px;flex-wrap:wrap}.motion-hero .hero-actions{gap:13px}.motion-hero .hero-actions .button{font-size:10px;padding:12px}.motion-hero .text-button{font-size:10px}.logo-universe{height:390px}.orbit-label{font-size:8px;padding:7px 9px}.orbit-label svg{width:11px;height:11px}.orbit-label-two{right:-1%;top:22%}.orbit-label-three{bottom:13%}.universe-caption{font-size:6px;bottom:6%}.motion-journey{gap:30px}.journey-orbit{width:240px;height:240px}.journey-ring{inset:28px}.ring-two{inset:50px}.journey-core{inset:54px}.node-one{left:99px;top:0}.node-two{right:0;bottom:41px}.node-three{left:0;bottom:41px}.journey-visual h2{font-size:32px}.brand-motion-demo{padding:20px;grid-template-columns:1fr 1fr}.brand-motion-demo h2{font-size:28px}.brand-universe{height:350px}.journey-step{min-height:325px}}
@media(max-width:650px){.motion-hero.raised-hero{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#dbf4fa,transparent 55%),#f1fafd}.motion-hero .hero-copy{width:100%;padding:31px 24px 0}.motion-hero .hero-copy h1{font-size:40px;letter-spacing:-1.8px;margin:18px 0}.motion-hero .hero-copy>p:not(.eyebrow){font-size:12px}.motion-hero .hero-actions .button{font-size:11px;padding:12px 15px}.motion-hero .hero-actions{gap:20px;margin-top:20px}.motion-hero .hero-proof{font-size:8px;gap:14px;margin-top:23px}.logo-universe{width:100%;height:340px;margin:0;flex-shrink:0}.orbit-label-one{left:5%;top:17%}.orbit-label-two{right:2%;top:29%}.orbit-label-three{left:9%;bottom:17%}.universe-caption{bottom:7%;font-size:6px;letter-spacing:2px}.universe-shadow{bottom:16%}.cause-motion-art{width:66px;height:85px;right:5px;bottom:3px;opacity:.32}.cause-card p{padding-right:25px}.life-glyph{width:45px;height:75px}.mini-atom{transform:scale(.8)}.motion-journey{grid-template-columns:1fr;gap:0;margin:40px 0 15px;padding-top:30px}.journey-visual{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.journey-visual .eyebrow{grid-column:1/-1;font-size:8px}.journey-visual h2{font-size:28px;margin:0;grid-column:1;align-self:start;line-height:1.15}.journey-orbit{width:165px;height:165px;grid-column:2;grid-row:2/4;margin:0 0 0 -5px}.journey-ring{inset:19px}.ring-two{inset:36px}.journey-core{inset:38px}.journey-node{width:29px;height:29px;border-radius:9px}.journey-node svg{width:13px;height:13px}.node-one{left:68px;top:0}.node-two{right:0;bottom:28px}.node-three{left:0;bottom:28px}.journey-current{grid-column:1;font-size:10px;gap:7px;align-self:start}.journey-current p{line-height:1.6}.journey-current>span{font-size:9px}.journey-steps{padding-top:0}.journey-step{min-height:0;padding:35px 0;opacity:1}.journey-step-number{margin-bottom:17px}.journey-step h3{font-size:26px;max-width:290px}.journey-step p{font-size:12px;max-width:100%;margin-bottom:10px}.journey-step a{font-size:11px}.journey-step.phase-active:before{content:'';position:absolute;left:-10px;top:35px;width:2px;height:25px;border-radius:2px;background:var(--blue)}.motion-control{grid-column:1;grid-row:auto;justify-self:start}.brand-motion-demo{grid-template-columns:1fr;padding:28px 22px 5px}.brand-motion-demo h2{font-size:29px}.brand-motion-demo p:not(.eyebrow){font-size:12px}.brand-universe{width:115%;height:320px;margin-left:-7.5%}.reveal-item{transform:translateY(13px)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-paused) .route-enter{animation:none}.reveal-item{opacity:1;transform:none}.journey-step{opacity:1}}
