/* Lightweight route, parcel and warehouse details. No image or icon library downloads. */
.ys-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.navigation-shell{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #e3ece9;transition:box-shadow .2s}
.navigation-shell.is-scrolled{box-shadow:0 6px 24px #0a20300c}.navigation-shell .header{position:relative;height:84px}.header nav a{position:relative;transition:color .2s}.header nav a[aria-current]{color:var(--teal)}.header nav a[aria-current]::after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:2px;background:var(--teal);border-radius:2px}
html{scroll-behavior:smooth;scroll-padding-top:105px}section[id],form[id]{scroll-margin-top:105px}:focus-visible{outline:3px solid #008779;outline-offset:5px}.header nav a,.hero-secondary{min-height:44px;display:inline-flex;align-items:center}.header nav .mobile-account{display:none}
.hero-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 80%,#dbefea80,transparent 55%),linear-gradient(110deg,#f6faf8,#fff)}
.hero-shell::before{content:'';position:absolute;inset:0;z-index:-1;background-image:url("assets/shipping-pattern.svg");background-size:560px;opacity:.55;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-copy{position:relative}.hero-copy>p{color:#4e646b}.journey-visual{border:1px solid #274655;border-radius:20px;box-shadow:0 24px 55px #09283720}.journey-visual::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff18}.flight-route{animation:route-travel 3s linear 2}.benefit-icon,.service-icon{display:grid;place-items:center;background:#e9f5f0;border:1px solid #d1e8df;border-radius:13px;color:#00776d;width:48px;height:48px;flex-shrink:0}.benefits{gap:25px}.benefits>div+div{padding-left:25px}.benefits .benefit-icon{width:46px}.step-symbol .ys-icon{width:32px;height:32px}.steps{background:#fff;border-radius:14px}.service-grid article{position:relative;background:linear-gradient(145deg,#f4f9f6,#fff);border:1px solid #dce9e3;border-radius:14px;transition:transform .25s,box-shadow .25s,border-color .25s}.service-icon{margin-bottom:22px;width:52px;height:52px}.service-icon .ys-icon{width:28px;height:28px}.service-grid h3{margin-top:18px}.account-section{position:relative;background:radial-gradient(ellipse at 0 100%,#114c4b,transparent 65%),#0a2030;isolation:isolate}.account-section::before{content:'';position:absolute;inset:0;z-index:-1;background:url("assets/shipping-pattern.svg") right center/620px;opacity:.1;pointer-events:none}.account-preview{border-radius:16px}.feature-list .ys-icon{width:17px;height:17px;margin-right:6px}.note-icon .ys-icon{width:19px}.rate-card{border-radius:16px;box-shadow:0 12px 40px #0a203008;background:#fff}.closing{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#e8f3ef}.closing::before{content:'';position:absolute;inset:0;background:url("assets/shipping-pattern.svg") right center/500px;opacity:.4;z-index:-1}.button{border-radius:8px;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{box-shadow:0 6px 18px #007f7824;transform:translateY(-2px)}.hero-secondary:hover{color:var(--teal)}.faq-list details{border-bottom:1px solid #dce8e2}.faq-list details[open] summary::after{content:'−'}.faq-list details[open] p{animation:soft-enter .3s ease-out}.reveal-enter{animation:soft-enter .65s cubic-bezier(.2,.65,.3,1) both}
@keyframes soft-enter{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes route-travel{to{stroke-dashoffset:-48}}
@media(hover:hover){.service-grid article:hover{transform:translateY(-5px);border-color:#8fc7b6;box-shadow:0 15px 35px #0a20300b}}
@media(max-width:1100px){.header nav{gap:16px}.navigation-shell .header{gap:18px}.header .brand{font-size:24px}}
@media(max-width:900px){.navigation-shell .header{height:74px;justify-content:space-between}.header .account-actions{display:none}.header .menu{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #d3e2dd;border-radius:8px;background:white;padding:8px 12px;color:var(--navy)}.header nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;align-items:stretch;background:white;padding:14px 22px;border:1px solid #dce8e2;border-radius:0 0 14px 14px;box-shadow:0 18px 30px #0a203014;max-height:calc(100dvh - 100px);overflow:auto}.header nav.open{display:flex;animation:soft-enter .2s ease-out}.header nav a,.header nav .mobile-account{display:flex;padding:12px 0;min-height:44px}.header nav a[aria-current]::after{bottom:4px;right:auto;width:24px}.header nav .mobile-account{border-top:1px solid #edf2f0}.benefits>div+div{padding-left:16px}.benefits{gap:16px}}
@media(max-width:650px){.benefits{gap:0}.benefits>div+div{padding-left:0}.journey-visual{border-radius:16px}.hero-shell::before{opacity:.3}.service-icon{margin-bottom:15px}.header .brand{font-size:24px}.steps .step-symbol{position:static;margin:22px 0}.closing{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.service-grid article:hover{transform:none}}