/* The reference uses a round geometric sans, bright accents, and sustained motion. */
:root{font-family:Poppins,Arial,sans-serif}
.brand-name{letter-spacing:-.075em}
.hero h1{font-size:clamp(49px,4.9vw,74px);letter-spacing:-.065em;line-height:1.16}
.section-heading h2,.journey-copy h2,.atlas-heading h2,.reviews-heading h2{letter-spacing:-.055em}
.hero-visual{background:radial-gradient(circle at 62% 42%,#d9edff 0%,#f2f8ff 49%,#fff 82%)}
.hero-visual::before{content:"";position:absolute;inset:3%;border-radius:42px;background:radial-gradient(circle at 55% 48%,#8cc2ff70,transparent 68%);opacity:.25;animation:hero-glow 6.5s ease-in-out infinite alternate;pointer-events:none}
.hero-visual .parcel-motion img{animation:parcel-live 5.8s 1.9s ease-in-out infinite;transform-origin:50% 58%;will-change:transform}
.hero-orbit{pointer-events:none;position:absolute;z-index:1;inset:10% 1% 12%;border:1.5px dashed #287be84f;border-radius:50%;transform:rotate(-18deg);animation:hero-orbit 17s linear infinite}
.hero-orbit span{position:absolute;top:-10px;left:50%;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#f9a73c;box-shadow:0 0 0 5px #ffd39155,0 10px 25px #f4a13880}
.service-card::before{content:"";position:absolute;right:23px;top:27px;width:176px;height:176px;border-radius:46% 54% 61% 39%;background:var(--icon-halo);filter:blur(1px);transform:rotate(-17deg);transition:transform .45s ease}
.service-card:hover::before{transform:rotate(16deg) scale(1.09)}
.service-card:nth-child(1){--icon-halo:#e1f0ff}.service-card:nth-child(1) .service-icon{color:#2078e5}.service-card:nth-child(1) .service-icon path:nth-child(2){stroke:#f19e32}
.service-card:nth-child(2){--icon-halo:#fff0d7}.service-card:nth-child(2) .service-icon{color:#e97924}.service-card:nth-child(2) .service-icon path:last-child{stroke:#1981d8}
.service-card:nth-child(3){--icon-halo:#ede6ff}.service-card:nth-child(3) .service-icon{color:#895fe4}.service-card:nth-child(3) .service-icon path{stroke:#e573a0}
.service-card:nth-child(4){--icon-halo:#dff8f3}.service-card:nth-child(4) .service-icon{color:#0d9a90}.service-card:nth-child(4) .service-icon path{stroke:#f09e39}
.service-card:nth-child(2){background:#fffaf3}.service-card:nth-child(3){background:#faf8ff}.service-card:nth-child(4){background:#f6fcfb}
.service-icon{z-index:0;filter:drop-shadow(0 12px 18px #3178b11c)}

/* A map-like stage unfolds as the section moves through the viewport. */
.atlas-section{position:relative;min-height:940px;margin-top:126px;background:linear-gradient(180deg,#f5faff 0%,#eaf4ff 57%,#fff 100%);overflow:clip}
.atlas-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a9caee75 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,#0009 40%,#0008 85%,transparent);pointer-events:none}
.atlas-stage{position:sticky;top:44px;display:grid;grid-template-columns:.74fr 1.26fr;align-items:center;gap:35px;min-height:645px;padding-block:54px}
.atlas-heading{position:relative;z-index:2}
.atlas-heading .eyebrow{margin-bottom:24px}
.atlas-heading h2{font-size:clamp(42px,4vw,59px);font-weight:800;line-height:1.18;margin:0 0 22px}
.atlas-heading h2 span{color:#1262da}
.atlas-heading>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#617189;max-width:390px;margin-bottom:24px}
.atlas-map{--atlas-pan:0px;position:relative;width:100%;aspect-ratio:680/480;border-radius:40px;background:radial-gradient(circle at 70% 32%,#fff 3%,#f5fbff 50%,#e3f1ff 100%);border:1px solid #d8eafa;box-shadow:0 30px 65px #2562a717,inset 0 0 70px #fff;transform:translateY(var(--atlas-pan));transition:box-shadow .5s;overflow:hidden}
.atlas-map::before,.atlas-map::after{content:"";position:absolute;border:1px solid #8fb8ef2f;border-radius:50%;width:550px;height:550px;left:50%;top:50%;transform:translate(-50%,-50%)}
.atlas-map::after{width:720px;height:720px}
.atlas-grid{position:absolute;inset:0;background-image:linear-gradient(#b4d3f535 1px,transparent 1px),linear-gradient(90deg,#b4d3f535 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#0009,transparent 75%)}
.atlas-land,.atlas-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.atlas-land{filter:drop-shadow(0 24px 20px #4a91d329)}
.atlas-land path{fill:#deedff;stroke:#aacdf2;stroke-width:2.3;stroke-linejoin:round}
.atlas-path-shadow{stroke:#88b4eb;stroke-width:3;stroke-dasharray:5 10;opacity:.8}
.atlas-path-active{stroke:#1769e4;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px #3187ff)}
.atlas-pin{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transform:translate(-50%,10px) scale(.65);transition:transform .65s cubic-bezier(.16,1.4,.3,1),opacity .4s}
.atlas-pin.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}
.atlas-pin-one{left:17%;top:58%;--pin:#1d73e1;--pin-light:#d7e9ff}
.atlas-pin-two{left:46%;top:51%;--pin:#ef942e;--pin-light:#fff0d7}
.atlas-pin-three{left:70%;top:49%;--pin:#8c69de;--pin-light:#eee7ff}
.atlas-pin-four{left:88%;top:52%;--pin:#0fae98;--pin-light:#ddf9f2}
.atlas-pin-icon{display:grid;place-items:center;width:61px;height:61px;background:var(--pin);color:#fff;font-size:28px;font-weight:700;border:6px solid #fff;box-shadow:0 13px 29px #205e9d32;border-radius:21px;transform:rotate(-8deg)}
.atlas-pin strong{padding:7px 12px;border-radius:999px;background:#fff;color:#233c60;box-shadow:0 8px 19px #275b9c25;font-size:12px;white-space:nowrap}
.atlas-pin.is-active .atlas-pin-icon{animation:atlas-pin-bob 4.8s ease-in-out infinite}
.atlas-pin-two.is-active .atlas-pin-icon{animation-delay:-1.2s}.atlas-pin-three.is-active .atlas-pin-icon{animation-delay:-2.4s}.atlas-pin-four.is-active .atlas-pin-icon{animation-delay:-3.6s}
.atlas-orbit{position:absolute;z-index:2;width:21px;height:21px;border-radius:50%;background:#f0a541;border:5px solid #fff;box-shadow:0 0 0 7px #f3bd6355;left:29%;top:29%;animation:atlas-particle 6.5s ease-in-out infinite}
.atlas-orbit-two{left:78%;top:73%;width:17px;height:17px;background:#8a6ae6;box-shadow:0 0 0 7px #b4a1f455;animation-delay:-3s}
.atlas-caption{position:absolute;left:27px;bottom:25px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#6e9bcb}

/* Only sourced comments are shown; the second set makes a seamless loop. */
.reviews-section{padding:96px 0 110px;background:#fff}
.reviews-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:39px}
.reviews-heading .eyebrow{margin-bottom:14px}
.reviews-heading h2{font-size:clamp(38px,3.8vw,54px);font-weight:800;line-height:1.2;margin:0}
.reviews-heading h2 span{color:#1261d9}
.reviews-heading>a{font-size:14px;font-weight:700;color:#155fd3;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.reviews-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.reviews-track{display:flex;width:max-content;animation:reviews-glide 29s linear infinite;will-change:transform}
.reviews-viewport:hover .reviews-track,.reviews-viewport:focus-within .reviews-track{animation-play-state:paused}
.reviews-set{display:flex;gap:20px;padding-right:20px}
.review-card{width:395px;min-height:256px;border:1px solid #dfeaf8;border-radius:29px;background:#f5f9ff;padding:26px 29px;display:flex;flex-direction:column;box-shadow:0 13px 32px #2c68ac10}
.review-card:nth-child(2){background:#fff9f0}.review-card:nth-child(3){background:#f8f5ff}
.review-quote{font-size:49px;font-weight:800;color:#1268dc;line-height:.7}.review-card:nth-child(2) .review-quote{color:#ee953a}.review-card:nth-child(3) .review-quote{color:#8c67de}
.review-card>p{font-size:19px;font-weight:600;line-height:1.45;margin:25px 0 auto;max-width:310px}
.review-person{display:flex;align-items:center;gap:12px;margin-top:26px}
.review-avatar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:800;font-size:16px}
.review-avatar-blue{background:#d5e8ff;color:#1768da}.review-avatar-orange{background:#ffe7cb;color:#d77320}.review-avatar-purple{background:#eae0ff;color:#7d51dc}
.review-person strong,.review-person small{display:block}.review-person strong{font-size:13px}.review-person small{color:#73839b;font-size:11px;margin-top:2px}
.reviews-source{font-size:12px;color:#8493aa;margin-top:20px}

@keyframes parcel-live{0%,100%{transform:translateY(1px) rotate(-1.6deg) scale(.99)}50%{transform:translateY(-22px) rotate(2.1deg) scale(1.035)}}
@keyframes hero-glow{to{opacity:.7;transform:scale(1.07)}}
@keyframes hero-orbit{to{transform:rotate(342deg)}}
@keyframes atlas-pin-bob{50%{transform:translateY(-8px) rotate(8deg)}}
@keyframes atlas-particle{50%{transform:translate(15px,-19px)}}
@keyframes reviews-glide{to{transform:translateX(-50%)}}

@media(max-width:1050px){
  .atlas-stage{grid-template-columns:.8fr 1.2fr;gap:15px}.atlas-heading h2{font-size:43px}
  .atlas-pin-icon{width:48px;height:48px;border-radius:16px;font-size:22px;border-width:4px}
  .atlas-pin strong{font-size:10px}
}
@media(max-width:760px){
  .hero h1{font-size:clamp(39px,8.6vw,58px);letter-spacing:-.06em}
  .hero-orbit{inset:12% 2% 13%}
  .service-card::before{width:120px;height:120px;right:15px;top:24px}
  .atlas-section{margin-top:84px;min-height:0;padding:72px 0 90px}
  .atlas-stage{position:relative;top:auto;display:flex;flex-direction:column;align-items:stretch;gap:38px;min-height:0;padding:0}
  .atlas-heading h2{font-size:clamp(37px,8.2vw,50px)}.atlas-heading>p:not(.eyebrow){font-size:15px}
  .atlas-map{border-radius:25px;min-height:260px;aspect-ratio:1.15}
  .atlas-pin-icon{width:38px;height:38px;border-radius:12px;font-size:17px;border-width:3px}
  .atlas-pin strong{font-size:9px;padding:4px 7px}.atlas-caption{left:13px;bottom:13px;font-size:8px}
  .reviews-section{padding:78px 0 85px}.reviews-heading{display:block;margin-bottom:30px}.reviews-heading h2{font-size:38px}.reviews-heading>a{display:inline-block;margin-top:18px}
  .review-card{width:min(82vw,350px);min-height:244px;padding:25px}.review-card>p{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual::before,.hero-visual .parcel-motion img,.hero-orbit,.atlas-orbit,.atlas-pin.is-active .atlas-pin-icon,.reviews-track{animation:none!important}
  .atlas-map{transform:none!important}.atlas-path-active{stroke-dashoffset:0!important}
  .atlas-pin{opacity:1;transform:translate(-50%,-50%);transition:none}
  .reviews-viewport{overflow-x:auto;mask-image:none}.reviews-set[aria-hidden="true"]{display:none}
}
