@font-face{font-family:Quicksand;src:url('./assets/quicksand.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Open Sans;src:url('./assets/open-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--ink:#162226;--deep:#0c3138;--teal:#58c9d9;--brand:#3db7cd;--teal-dark:#126478;--mist:#e7f7fa;--paper:#f5f7f6;--white:#fff;--muted:#4e5e61;--border:#dbe4e4;--heading:Quicksand,Arial,sans-serif;--body:'Open Sans',Arial,sans-serif;--radius:23px;--shade:0 7px 24px #152e3309}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.58 var(--body)}
[hidden]{display:none!important}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.25em}img{max-width:100%;display:block}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--heading);line-height:1.04;letter-spacing:-.042em}h2{font-size:clamp(2.15rem,4.5vw,3.5rem)}h3{font-size:clamp(1.65rem,3vw,2.5rem)}h4{font-size:1.3rem}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;pointer-events:none}
:focus-visible{outline:3px solid #11748a;outline-offset:4px}.hero :focus-visible,.top :focus-visible,.envy :focus-visible,footer :focus-visible{outline-color:#fff}.shell{width:min(1160px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;z-index:20;top:12px;left:12px;transform:translateY(-150%);background:white;padding:12px;border-radius:8px}.skip:focus{transform:none}.top{background:#172227;color:white;border-bottom:1px solid #ffffff19}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo img{width:188px;height:auto}.nav-label{font-size:.71rem;letter-spacing:.23em;color:#c2d4d5;font-weight:700}.shop{display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:.88rem}.shop .icon{color:#8bdde6}
.hero{background:radial-gradient(ellipse at 85% 90%,#1b444b 0%,transparent 53%),#172227;color:white;overflow:hidden}.hero-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:42px;min-height:465px;padding-block:44px 53px}.hero-shell:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:600px;height:600px;left:-368px;top:200px;border:1px solid #67d1df27;border-radius:50%;box-shadow:0 0 0 30px #67d1df0b,0 0 0 60px #67d1df0a,0 0 0 90px #67d1df09}.eyebrow{display:flex;align-items:center;gap:10px;color:#a1e8ee;font-size:.69rem;font-weight:700;letter-spacing:.18em}.eyebrow.ink{color:var(--teal-dark)}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #58c9d92a;flex:none}.hero h1{font-size:clamp(3rem,5.4vw,5.25rem);letter-spacing:-.075em;line-height:.99;margin:18px 0}.hero h1 em{font-style:normal;color:#7bdfec}.hero-lede{color:#d3e0df;max-width:410px;font-size:1.05rem;margin-bottom:25px}.button{border:1px solid transparent;border-radius:12px;display:inline-flex;justify-content:center;align-items:center;gap:11px;min-height:45px;padding:10px 15px;font-size:.88rem;font-weight:700;line-height:1.25;text-align:center;transition:background .15s,border .15s,transform .15s}.button:hover{text-decoration:none;transform:translateY(-1px)}.bright{background:var(--teal);color:#10292e}.bright:hover{background:#90e4ef}.dark{background:var(--deep);color:white}.dark:hover{background:#17505a}.outline{background:white;color:#1a4f59;border-color:#b8d9de}.outline:hover{background:var(--mist);border-color:#5a9eaa}.hero-media{height:365px;position:relative;overflow:hidden;border-radius:26px 26px 6px 26px;border:1px solid #ffffff45;box-shadow:0 16px 36px #0004;background:#577071}.hero-media:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#091e24c9);pointer-events:none}.hero-media img{height:100%;width:100%;object-fit:cover;object-position:53% 47%}.hero-media figcaption{position:absolute;z-index:1;bottom:17px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.64rem;font-weight:700;letter-spacing:.14em}.hero-media figcaption span:first-child{display:flex;align-items:center;gap:6px}.hero-media figcaption .icon{color:#91eaf2}
.partner{background:#e8f4f4;border-bottom:1px solid #d2e7e8}.partner-inner{min-height:55px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#2f555b;font-size:.8rem;font-weight:600}.partner-inner>span:first-child{display:flex;align-items:center;gap:10px}.partner-right{display:flex;gap:9px;align-items:center}.partner-right strong{font:700 1.33rem/1 var(--heading);letter-spacing:-.06em;color:#17282a}.partner-right strong span{color:#1498ac}
.tracking{padding-top:45px;scroll-margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:21px}.section-heading h2,.prep h2,.faq h2{margin-top:9px}.demo-bar{display:flex;align-items:center;gap:10px;background:#eaf3f2;border:1px solid #d6e8e7;padding:8px 12px;border-radius:12px;margin-bottom:15px;color:#24454a;font-size:.79rem}.demo-bar div{display:flex;gap:10px;align-items:center;margin-right:auto}.demo-tag{font-size:.62rem;font-weight:700;letter-spacing:.1em;background:#d2edf0;border:1px solid #badde2;padding:3px 8px;border-radius:5px}.demo-bar label{font-weight:700}.demo-bar select{max-width:100%;padding:5px 25px 5px 9px;border:1px solid #b6d5d7;border-radius:7px;background:white;color:#21494f}.tracking-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);gap:17px}.side{display:grid;gap:14px;align-content:start}.card{background:white;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shade)}.status-card{padding:clamp(18px,3vw,31px);align-self:start}.card-top,.order-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-top{margin-bottom:17px}.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:5px 10px;color:#175866;background:#e1f5f7;font-size:.75rem;white-space:nowrap}.status-badge>span{width:7px;height:7px;border-radius:50%;background:#24758a}.status-badge.delayed{background:#fff2db;color:#784600}.status-badge.delayed>span{background:#986005}.status-badge.delivered{background:#e0f5e6;color:#205c3d}.status-badge.delivered>span{background:#2a794e}.code,code{font:600 .74rem/1.3 var(--body);letter-spacing:.035em;color:#4f6266}.muted{color:var(--muted)}.status-card h3{margin:0 0 7px}
.eta{margin-top:22px;background:var(--mist);border:1px solid #cfeaf0;border-radius:16px;padding:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.eta-icon{width:43px;height:43px;border-radius:11px;background:#ccebf0;display:grid;place-items:center;color:#17687b}.eta-icon .icon{width:22px;height:22px}.small-label{color:var(--teal-dark);font-size:.64rem;font-weight:700;letter-spacing:.135em}.eta strong{display:block;margin:1px 0;font:700 1.35rem/1.2 var(--heading);letter-spacing:-.02em}.eta #eta-window{display:block;color:#36585e;font-size:.81rem}.mini-button,.copy{display:grid;place-items:center;color:#195b6b;background:#fff;border:1px solid #c1dfe2;border-radius:9px;width:40px;height:40px}.mini-button:hover,.copy:hover{background:#d8f0f5}
.steps{margin:23px 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;text-align:center}.steps li{position:relative;color:#52666a;font-size:.72rem}.steps li:not(:last-child):after{content:"";height:2px;position:absolute;top:19px;left:50%;width:100%;background:#dbe8e9;z-index:0}.steps li.complete:after{background:#86d6df}.steps li>span{width:40px;height:40px;border-radius:50%;background:#f3f7f6;border:1px solid #dbe8e9;color:#577477;display:grid;place-items:center;margin:0 auto 5px;position:relative;z-index:1}.steps li.complete>span{background:#dcf3f5;color:#18677b;border-color:#b6e3e8}.steps li.current{color:#154b54}.steps li.current>span{background:#164750;color:white;border-color:#164750;box-shadow:0 0 0 4px #c7edf0}.steps li.current.exception>span{background:#865011;border-color:#865011;box-shadow:0 0 0 4px #f5e6c8}.updates-head{border-top:1px solid var(--border);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.text-button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:3px;background:transparent;border:0;color:var(--teal-dark);font-size:.8rem;font-weight:700}.text-button:hover{text-decoration:underline}.text-button[aria-expanded=true] .icon{transform:rotate(180deg)}.events{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:11px}.events li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;font-size:.83rem}.events li>span{width:8px;height:8px;margin-top:7px;border-radius:50%;background:#3cb4c7}.events li p,.events time{color:#4f6266}.events time{font-size:.74rem;white-space:nowrap}
.order{padding:17px}.order h3{font-size:1.53rem;margin-top:4px}.order-heading>.icon{color:#2b8292}.order-media{position:relative;margin:13px 0 6px;height:118px;background:#f5f6f5;border-radius:12px;overflow:hidden}.order-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.order-media span{position:absolute;bottom:5px;left:7px;font-size:.52rem;letter-spacing:.07em;font-weight:700;background:#fffffff0;border-radius:5px;padding:3px 5px;color:#41595e}.order dl{margin:0}.order dl>div{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #e7eeee;padding:7px 0;font-size:.78rem;min-height:35px}.order dl>div:last-child{border:0}.order dt{color:var(--muted)}.order dd{margin:0;font-weight:700;display:flex;align-items:center;gap:5px}.copy{width:30px;height:29px;border-color:transparent}.copy-state{font-size:.72rem;color:var(--teal-dark)}.copy-state:empty{display:none}
.envy{border-radius:var(--radius);padding:16px 19px 19px;background:linear-gradient(140deg,#173e47,#102c32);color:white}.envy>div{display:flex;align-items:center;gap:9px}.envy .small-label{color:#a5e5e9}.envy-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#25525b;color:#a3e9ed;flex:none}.envy h3{font-size:1.62rem;margin-top:8px}.envy>p{font-size:.83rem;color:#d9e9ea;margin:6px 0 13px}.envy .button{width:100%;justify-content:space-between}
.prep{margin-top:43px;padding:30px 32px;background:#e9f4f2;border:1px solid #d6e8e3;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1.18fr;gap:27px}.prep h2{font-size:clamp(2.05rem,4vw,3.15rem)}.prep .muted{margin:9px 0}.prep-count{display:inline-block;color:#155869;font-size:.76rem;font-weight:700;border-radius:100px;background:#d7eef0;padding:5px 10px}.checklist{display:grid;gap:7px}.checklist label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;background:#fff;border:1px solid #dce9e7;border-radius:11px;padding:9px 12px;cursor:pointer}.checklist input{width:18px;height:18px;accent-color:#126478}.checklist strong,.checklist small{display:block}.checklist small{color:var(--muted);font-size:.77rem}.faq{display:grid;grid-template-columns:1fr 1.18fr;gap:25px;padding-block:48px}.faq h2{font-size:clamp(2.05rem,4vw,3rem)}.questions details{border-bottom:1px solid #d4e2e1}.questions summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;font-weight:700}.questions summary::-webkit-details-marker{display:none}.questions summary .icon{color:var(--teal-dark)}.questions details[open] .icon{transform:rotate(45deg)}.questions details p{padding:0 20px 11px 0;color:var(--muted);font-size:.88rem}.questions p a{text-decoration:underline;color:var(--teal-dark)}
footer{background:#172227;color:white}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px 33px}.foot .logo img{width:148px}.foot p{color:#d1ddde;font-size:.75rem}.foot>a:last-child{display:flex;gap:6px;align-items:center;color:#bfe8eb;font-size:.82rem}.envy-float{position:fixed;z-index:2;right:19px;bottom:17px;border:1px solid #5cb4bd;border-radius:100px;background:#15363f;color:white;display:flex;align-items:center;gap:8px;min-height:45px;padding:8px 13px;box-shadow:0 5px 15px #17282d33;font-size:.85rem;font-weight:700}.envy-float .icon{color:#94dce4}.envy-float small{color:#a8d2d7;font-size:.65rem;font-weight:400;margin-left:3px}
dialog{color:var(--ink);border:1px solid #c3d8db;border-radius:20px;padding:0;width:min(470px,calc(100% - 26px));max-height:calc(100% - 30px);box-shadow:0 20px 75px #0005;background:white}dialog::backdrop{background:#071b20b5}.dialog-body{position:relative;padding:23px}.dialog-body h2{font-size:2rem;margin:8px 34px 8px 0}.dialog-body>p{font-size:.89rem}.close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #cedee0;border-radius:10px;background:white;color:#225a64}.close:hover{background:#e8f4f4}#tracking-form{display:grid;gap:7px;margin-top:16px}#tracking-form label{font-weight:700}#tracking-form input{min-width:0;border:1px solid #aac8cd;border-radius:9px;padding:10px;background:white;color:var(--ink);text-transform:uppercase}#tracking-form .button{justify-self:start;margin-top:4px}.dialog-body .dialog-note{margin-top:9px;color:var(--muted);font-size:.76rem}.envy-head{position:relative;background:#153840;color:white;display:flex;align-items:center;gap:11px;padding:17px 22px}.envy-head h2{font-size:1.65rem}.envy-head p{font-size:.75rem;color:#c8e8ec}.chat-bubble{padding:10px 12px;background:#eaf6f7;border-radius:0 12px 12px;color:#21484e}.chat-bubble.answer{margin:0 0 12px}.prompts{display:flex;flex-wrap:wrap;gap:5px;margin-block:10px 13px}.prompts button{border:1px solid #b7d8dd;border-radius:8px;background:white;color:#205561;padding:6px 8px;font-size:.76rem;text-align:left}.prompts button:hover,.prompts button[aria-pressed=true]{background:#d6eff2}
@media(max-width:880px){.shell{width:calc(100% - 42px)}.hero-shell{gap:25px;min-height:390px;padding-block:30px 38px}.hero-media{height:305px}.hero h1{font-size:clamp(2.7rem,6.3vw,4rem)}.tracking-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}}
@media(max-width:665px){.shell{width:calc(100% - 30px)}.nav{min-height:60px}.logo img{width:145px}.nav-label{display:none}.shop{font-size:.79rem}.hero-shell{grid-template-columns:1fr;gap:21px;min-height:0;padding-block:28px 24px}.hero h1{font-size:clamp(2.7rem,9.6vw,4rem);margin:11px 0}.hero-lede{font-size:.92rem;margin-bottom:15px}.hero-media{height:clamp(174px,49vw,290px);border-radius:17px 17px 4px 17px}.hero-media img{object-position:54% 43%}.hero-media figcaption{bottom:10px;left:10px;right:10px;font-size:.55rem}.partner-inner{min-height:45px;font-size:.67rem}.partner-inner>span:first-child{gap:5px}.partner-right{gap:4px}.partner-right strong{font-size:1.02rem}.tracking{padding-top:29px}.section-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.section-heading .button{min-height:36px;font-size:.75rem;padding:6px 9px}.demo-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:11px;padding:7px 8px;font-size:.73rem}.demo-bar div{grid-column:1/-1}.tracking-grid{grid-template-columns:1fr;gap:11px}.card,.envy{border-radius:17px}.side{gap:10px}.prep,.faq{grid-template-columns:1fr;gap:13px}.prep{padding:17px;margin-top:28px}.faq{padding-block:29px}.foot{flex-wrap:wrap;padding-bottom:59px;gap:11px}.envy-float{right:10px;bottom:10px}.steps li{font-size:.64rem}.events li{gap:6px;font-size:.77rem}.events time{font-size:.66rem}}
@media(max-width:350px){.shell{width:calc(100% - 22px)}.partner-inner>span:first-child{font-size:.6rem}.partner-right{font-size:.62rem}.eta{gap:8px;padding:9px}.eta strong{font-size:1.12rem}.eta-icon{width:36px;height:36px}.mini-button{width:32px;height:34px}.order dl>div{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
