:root{color-scheme:dark;--navy:#102F46;--copper:#B87333;--sand:#E9DDC5;--muted:#b7c6cd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--sand);font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}a{color:inherit}button{font:inherit}.shell{max-width:1340px;margin:auto;padding:0 64px}header{height:116px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex}.brand img{width:160px;height:48px}nav{display:flex;align-items:center;gap:9px;color:var(--muted)}nav button{border:0;background:transparent;color:inherit;padding:12px;cursor:pointer;font-size:14px}nav button[aria-pressed=true]{color:var(--sand);text-decoration:underline;text-underline-offset:7px}a:focus-visible,button:focus-visible{outline:3px solid var(--sand);outline-offset:5px}.skip{position:absolute;left:24px;top:-70px;background:var(--sand);color:var(--navy);padding:12px;z-index:2}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:80px;align-items:center;padding:65px 0 82px}.product{font-size:20px;margin:0 0 24px;color:var(--muted)}h1{font-size:clamp(42px,4.8vw,66px);font-weight:500;line-height:1.09;letter-spacing:-2.5px;margin:0 0 28px}p{line-height:1.65}.lead{font-size:19px;color:var(--muted);max-width:470px;margin:0 0 32px}.cta{display:inline-flex;align-items:center;gap:36px;padding:15px 22px;background:var(--sand);color:var(--navy);text-decoration:none;border-radius:4px;font-weight:600}.cta:hover{background:white}.journey{padding:28px 32px;border-left:1px solid #466072}.journey-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px}.route{list-style:none;padding:0;margin:20px 0 0;position:relative}.route:before{content:'';position:absolute;left:18px;top:20px;bottom:52px;width:2px;background:var(--copper)}.route li{display:flex;align-items:flex-start;gap:22px;position:relative;padding:18px 0}.node{width:38px;height:38px;border:1px solid var(--copper);border-radius:50%;background:var(--navy);display:grid;place-items:center;font-size:14px;flex-shrink:0}.route h2{margin:0;font-size:27px;font-weight:500;line-height:1.3}.route p{margin:4px 0 0;color:var(--muted);font-size:14px}.route-end{font-size:13px;color:var(--muted);margin:18px 0 0 60px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:42px 0 55px;border-top:1px solid #466072}.values h2{font-size:21px;font-weight:500;margin:0 0 12px}.values p{font-size:15px;color:var(--muted);margin:0;max-width:32ch}.launch{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--sand);color:var(--navy);padding:32px 38px;border-radius:4px;scroll-margin-top:30px}.launch h2{font-size:25px;font-weight:500;margin:0}.launch p{margin:8px 0 0}.launch .tagline{font-size:24px;margin:0;white-space:nowrap}footer{display:flex;justify-content:space-between;padding:30px 0;color:var(--muted);font-size:12px}@media(max-width:900px){.shell{padding:0 32px}.hero{gap:24px;grid-template-columns:1.25fr 1fr}.journey{padding:20px}h1{font-size:46px}.values{gap:24px}}@media(max-width:650px){.shell{padding:0 24px}header{height:90px}.brand img{width:160px}.hero{grid-template-columns:1fr;padding:36px 0 40px;gap:40px}h1{font-size:43px;letter-spacing:-1.6px}.product{font-size:17px;margin-bottom:20px}.lead{font-size:17px}.journey{padding:20px 0 0;border-left:0;border-top:1px solid #466072}.journey-top img{width:68px;height:68px}.route{margin-top:0}.route li{padding:14px 0}.values{grid-template-columns:1fr;padding:32px 0;gap:28px}.values p{max-width:45ch}.launch{display:block;padding:26px 22px}.launch .tagline{margin-top:24px;font-size:22px}.launch h2{font-size:23px}footer{font-size:11px;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Motion is opt-in to the OS preference; content stays visible without it. */
.walking-camel{overflow:visible;flex-shrink:0}.camel-body{transform-origin:32px 57px}.camel-bell{transform-origin:51.5px 22px}
.motion-control{text-align:right;padding-top:18px}#motion-toggle{font:inherit;font-size:13px;background:none;border:1px solid #647c8b;border-radius:4px;color:var(--sand);padding:10px 14px;cursor:pointer}
@keyframes caravan-step{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(1px,-1.5px) rotate(1deg)}}
@keyframes bell-swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes gentle-entry{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes route-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:no-preference){
.camel-body{animation:caravan-step 2.8s ease-in-out infinite}.camel-bell{animation:bell-swing 2.8s ease-in-out infinite}
.route:before{transform-origin:top;animation:route-draw 1.8s ease-in-out .15s both}
.route li{animation:gentle-entry .7s ease-out both}.route li:nth-child(1){animation-delay:.15s}.route li:nth-child(2){animation-delay:.65s}.route li:nth-child(3){animation-delay:1.15s}
h1{animation:gentle-entry .8s ease-out both}.values article{animation:gentle-entry .8s ease-out .2s both}.values article:nth-child(2){animation-delay:.35s}.values article:nth-child(3){animation-delay:.5s}
}
.motion-paused *, .motion-paused *:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-control{display:none}}
@media(max-width:650px){.walking-camel{width:68px;height:68px}}
