/* Poppins — self-hosted subset (assets/fonts) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/poppins-600.woff2') format('woff2')}

/* Uptime Fulfillment marketing site — Poppins, premium CPG direction */
:root{
  --green:#627f38;        /* refined natural green: headings, accents, primary buttons */
  --green-dark:#41582c;
  --lime:#8CC63F;         /* brand lime — sparingly */
  --purple:#4E1B6E;
  --plum:#1E0B2E;         /* dark sections */
  --cream:#f8f6f1;
  --paper:#f8f6f1;
  --ink:#202225;
  --muted:#686b6d;
  --border:#dedbd4;
  --line:var(--border);
  --radius:14px;
  --max:1500px;
  /* legacy names used by the original stylesheet */
  --orange:var(--green);
  --orange-dark:var(--green-dark);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:96px} /* sticky header is 80px: anchored sections land below it, not under it */
body{margin:0;font-family:'Poppins',sans-serif;font-weight:400;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;margin:0}
.container{width:min(92%,var(--max));margin:auto}

/* Header */
.site-header{height:80px;background:#fff;display:flex;align-items:center;gap:30px;padding:0 3vw;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.logo{display:flex;align-items:center}
.logo img{height:42px;width:auto}
.site-nav{margin-left:auto;display:flex;gap:26px}
.site-nav a{font-size:14px;font-weight:500;text-transform:none;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.site-nav a:hover{color:var(--green)}
.mobile-menu{display:none;margin-left:auto;border:0;background:none;font-size:24px;color:var(--ink)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 3vw;font-size:13px;color:var(--muted);background:var(--paper);border-bottom:1px solid var(--border)}
.crumbs a{color:var(--ink);font-weight:500}
.crumbs a:hover{color:var(--green)}
.crumbs span{opacity:.6}

/* Buttons — soft pills, sentence case */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 26px;border-radius:999px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;text-transform:none;letter-spacing:-.01em;line-height:1;transition:background .15s,color .15s,border-color .15s}
.btn span{font-weight:400}
.btn-orange{background:var(--green);color:#fff;border:1px solid var(--green)}
.btn-orange:hover{background:var(--green-dark);border-color:var(--green-dark)}
.btn-light{background:transparent;color:var(--ink);border:1px solid #c8c4bb}
.btn-light:hover{border-color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.btn-dark:hover{background:#000}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff}
.btn-outline:hover{border-color:#fff}
.btn-large{padding:17px 30px;font-size:15px}
.header-btn{padding:12px 22px;font-size:13px}

/* Hero */
.hero{display:grid;grid-template-columns:46% 54%;min-height:600px;background:var(--cream)}
.hero-copy{padding:64px 4vw 56px 5vw;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:0 0 18px}
.hero h1{font-size:clamp(48px,4.6vw,74px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:0 0 24px;text-transform:none}
.hero h1 .accent{color:var(--green);font-style:italic;font-weight:400}
.hero-lede{font-size:19px;font-weight:500;line-height:1.5;max-width:600px;color:var(--ink);margin:0 0 10px}
.hero-copy>p:not(.hero-lede):not(.eyebrow){max-width:600px;font-size:17px;line-height:1.65;font-weight:400;color:#2d2f32;margin:0 0 8px}
.hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;font-weight:500;color:var(--muted);margin-top:26px}
.hero-meta span:not(:last-child)::after{content:"•";margin-left:14px;color:var(--border)}
.media-frame{overflow:hidden}
.media-frame img{width:100%;height:100%;object-fit:cover}

/* Metric bar */
.metric-bar{display:grid;grid-template-columns:repeat(5,1fr);background:var(--plum);color:#fff;padding:26px 3vw}
.metric{display:flex;align-items:center;gap:16px;padding:6px 22px;border-right:1px solid rgba(255,255,255,.12)}
.metric:last-child{border-right:0}
.metric img{width:34px;filter:invert(1);opacity:.9}
.metric strong{font-family:'Poppins',sans-serif;font-size:30px;font-weight:600;line-height:1;letter-spacing:-.03em;display:block;text-transform:none}
.metric span{font-family:'Poppins',sans-serif;font-size:12px;font-weight:400;line-height:1.35;display:block;margin-top:5px;color:rgba(255,255,255,.78);text-transform:none}

/* Sections */
.section{padding:72px 0}
.section-copy{font-size:17px;line-height:1.65;font-weight:400;color:#2d2f32}
.section-title.ruled{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-bottom:36px}
.section-title.ruled i{height:1px;background:var(--border)}
.section-title h2{font-size:clamp(36px,3.6vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-transform:none;text-align:center;margin:0}
.section-title h2 span,.locations-block h2 span,.cpg-block h2 span,.proof h2 span,.final-cta h2 span{color:var(--green);font-weight:500}

/* Services */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{background:#fff;border:1px solid #e4e1da;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.service-copy{padding:22px;min-height:176px}
.service-copy>img{width:24px;height:24px;margin-bottom:12px;opacity:.85}
.service-copy h3,.service-card h3{font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.02em;text-transform:none;margin:0 0 8px}
.service-copy p,.service-card p{font-size:14px;line-height:1.55;font-weight:400;color:#4c4f52;margin:0}
.service-media{aspect-ratio:4/3;overflow:hidden;background:#ece8e0;margin-top:auto}
.service-media img{width:100%;height:100%;object-fit:cover}
.service-media video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.service-media--fit{background:#f4f1ec}
.service-media--fit img{object-fit:contain}
/* Rotating card photo: first image is the always-visible base, later ones crossfade over it (5s each, 15s loop). */
.service-media--rotate{position:relative}
.service-media--rotate img{position:absolute;inset:0}
.service-media--rotate img:nth-child(n+2){opacity:0;animation:svc-rotate 15s linear infinite}
.service-media--rotate img:nth-child(3){animation-name:svc-rotate-last}
@keyframes svc-rotate{0%,33.3%{opacity:0}38%,72%{opacity:1}72.01%,100%{opacity:0}}
@keyframes svc-rotate-last{0%,66.6%{opacity:0}71.3%,95%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.service-media--rotate img:nth-child(n+2){animation:none;opacity:0}}
.center{text-align:center;margin-top:30px}

/* International */
.international{display:grid;grid-template-columns:38% 62%;background:var(--plum);color:#fff}
.intl-copy{padding:64px 5vw;display:flex;flex-direction:column;justify-content:center}
.intl-copy h2{font-size:clamp(36px,3.6vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-transform:none;margin:0 0 18px}
.accent-copy{color:var(--lime);font-weight:500;font-size:17px}
.intl-copy p{font-size:16px;line-height:1.65;max-width:560px;color:rgba(255,255,255,.86)}
.intl-copy .btn{margin-top:12px;align-self:flex-start}
.intl-map-wrap{position:relative;background:#f5f2ee;color:#111;min-height:560px;overflow:hidden;padding:28px 4vw 20px}
.world-map{position:absolute;top:104px;left:1%;width:98%;height:calc(100% - 212px);object-fit:contain;object-position:center}
.transit-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.transit-grid strong{font-family:'Poppins',sans-serif;font-size:44px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--green);display:block}
.transit-grid span{font-size:12px;font-weight:500;color:var(--ink);display:block;margin-top:6px;text-transform:none}
.process-row{position:absolute;z-index:3;left:4vw;right:4vw;bottom:26px;display:flex;align-items:center;justify-content:center;gap:14px}
.process-row div{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:110px;text-align:center}
.process-row img{width:22px;height:22px;opacity:.8}
.process-row span{font-size:11px;font-weight:500;color:var(--ink);text-transform:none;line-height:1.25}
.process-row b{color:var(--muted);font-weight:400}

/* Locations + CPG */
.location-cpg{display:grid;grid-template-columns:42% 58%}
.locations-block{background:#fff;padding:56px 4vw}
.locations-block h2,.cpg-block h2{font-size:clamp(34px,3.2vw,46px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-transform:none;margin:0 0 24px}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.location-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}
.location-media{aspect-ratio:16/9;overflow:hidden}
.location-media img{width:100%;height:100%;object-fit:cover}
.location-copy{padding:18px}
.location-copy h3{font-size:17px;font-weight:500;letter-spacing:-.02em;text-transform:none;margin:0 0 4px}
.location-copy strong{font-size:12px;font-weight:500;color:var(--green);text-transform:none;display:block;margin-bottom:8px}
.location-copy p{font-size:14px;line-height:1.55;color:#4c4f52;margin:0}
.network{margin-top:22px;font-weight:500;font-size:13px;text-align:center;color:var(--muted);letter-spacing:.06em}
.network span{color:var(--green);padding:0 14px}
.cpg-block{background:var(--plum);color:#fff;display:grid;grid-template-columns:48% 52%;align-items:stretch}
.cpg-copy{padding:56px 32px 48px 40px;display:flex;flex-direction:column;justify-content:center}
.cpg-copy p{font-size:16px;line-height:1.65;max-width:490px;color:rgba(255,255,255,.86)}
.mini-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.mini-tags span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:500;text-transform:none}
.cpg-media{overflow:hidden}
.cpg-media img{width:100%;height:100%;object-fit:cover}

/* Commerce */
.commerce{background:#fff}
.commerce-head{display:flex;align-items:end;justify-content:space-between;gap:30px}
.commerce h2,.proof h2{font-size:clamp(32px,3vw,44px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-transform:none;margin:0}
.platforms{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.platforms strong{font-size:14px;font-weight:500;color:var(--muted)}
.channel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}
.channel-card{border:1px solid var(--border);background:var(--cream);border-radius:14px;min-height:170px;padding:16px;min-width:0}
.channel-card>span{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.fake-ui{background:#fff;border:1px solid var(--border);border-radius:10px;margin-top:12px;padding:12px;height:120px}
.fake-ui i{display:block;height:9px;border-radius:4px;background:#ecebe6;margin-bottom:10px}
.fake-ui i:nth-child(2){width:72%}.fake-ui i:nth-child(3){width:87%}.fake-ui i:nth-child(4){width:55%}
.logo-tile{min-width:0;background:#fff;border:1px solid var(--border);border-radius:10px;margin-top:12px;height:120px;padding:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo-tile img{width:100%;height:100%;object-fit:contain}
.logo-tile--amazon{background:#161d27;border-color:#161d27}
.logo-tile--woo{background:#5b3187;border-color:#5b3187}
.photo-card{padding:0;overflow:hidden}
.photo-card img{width:100%;height:100%;object-fit:cover}

/* Founder quotes (under the trusted-by strip) */
.founders{background:var(--cream);padding:64px 0}
.founder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.founder-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px 32px;margin:0;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(30,11,46,.05)}
.founder-stars{color:var(--green);font-size:20px;letter-spacing:3px;line-height:1;margin-bottom:18px}
.founder-card blockquote{margin:0 0 24px;padding:0;border:0}
.founder-card blockquote p{font-size:17px;line-height:1.65;color:var(--ink);margin:0}
.founder-card blockquote p::before{content:"\201C"}
.founder-card blockquote p::after{content:"\201D"}
.founder-card figcaption{margin-top:auto;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:14px}
.founder-card figcaption img,.founder-initial{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 52px}
.founder-initial{display:flex;align-items:center;justify-content:center;background:var(--plum);color:#fff;font-weight:600;font-size:18px}
.founder-card figcaption strong{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.founder-card figcaption span{font-size:13px;color:var(--muted)}

/* Proof */
.proof{background:var(--cream)}
.proof-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;gap:14px;margin-top:28px}
.proof-card{background:#fff;border:1px solid var(--border);border-radius:14px;min-height:240px;position:relative;overflow:hidden}
.proof-image>img{width:100%;height:100%;object-fit:cover}
.proof-overlay{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,rgba(20,10,30,.85));color:#fff}
.proof-overlay strong{font-family:'Poppins',sans-serif;font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1;color:#fff;text-transform:none;display:block}
.proof-overlay span{font-size:13px;font-weight:400;color:rgba(255,255,255,.85);text-transform:none;display:block;margin-top:4px}
.text-card{padding:22px;display:flex;flex-direction:column}
.text-card small{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.text-card h3{font-size:18px;font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:10px 0 8px}
.text-card p{font-size:14px;line-height:1.55;color:#4c4f52;margin:0 0 12px}
.text-card a{font-size:14px;font-weight:600;color:var(--green);text-transform:none;margin-top:auto}

/* Contact / quote */
.contact{background:var(--plum);color:#fff;padding:80px 0}
.contact-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.contact .eyebrow{color:var(--lime)}
.contact h2{font-size:clamp(34px,3.4vw,50px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-transform:none;margin:0 0 16px}
.contact h2 span{color:var(--lime);font-weight:500}
.contact .section-copy{color:rgba(255,255,255,.82);max-width:520px}
.contact-points{list-style:none;padding:0;margin:24px 0 0}
.contact-points li{position:relative;padding-left:26px;margin:0 0 10px;font-size:15px;color:rgba(255,255,255,.9)}
.contact-points li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--lime)}
.contact-details{display:grid;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.contact-details div{display:flex;flex-direction:column;gap:2px}
.contact-details strong{font-weight:500;font-size:14px}
.contact-details span,.contact-details a{font-size:14px;color:rgba(255,255,255,.72)}
.contact-form{background:#fff;color:var(--ink);border-radius:18px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-bottom:22px}
.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--muted)}
.field--full{grid-column:1/-1}
.field input,.field select,.field textarea{font-family:'Poppins',sans-serif;font-size:15px;font-weight:400;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}
.field input:focus,.field select:focus,.field textarea{}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(98,127,56,.15)}
.field textarea{resize:vertical;min-height:110px}
.choices{border:0;padding:0;margin:0}
.choices legend{font-size:13px;font-weight:500;color:var(--muted);margin-bottom:8px;padding:0}
.choices label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:var(--ink);margin:0 14px 8px 0}
.choices input{accent-color:var(--green);width:16px;height:16px}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.form-notice{border-radius:10px;padding:14px 16px;font-size:14px;margin-bottom:18px}
.form-notice--ok{background:#eef5e6;color:#2f4a16;border:1px solid #cfe0b6}
.form-notice--err{background:#fdf0ee;color:#8a2e22;border:1px solid #f0c9c2}
.form-fine{font-size:12px;color:var(--muted);margin:14px 0 0}
.contact-form .btn{width:100%}
.float-contact{position:fixed;right:22px;bottom:22px;z-index:90;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;background:var(--green);color:#fff;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:opacity .2s,transform .2s}
.float-contact:hover{background:var(--green-dark)}
.float-contact.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}

/* Video testimonials carousel */
.testimonials{background:#fff;padding-top:72px}
.vt-carousel{position:relative}
.vt-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
.vt-track::-webkit-scrollbar{display:none}
.vt-card{position:relative;scroll-snap-align:start;aspect-ratio:9/15;border-radius:22px;overflow:hidden;background:var(--cream);border:1px solid var(--border)}
.vt-video{background:var(--plum);border:0}
.vt-video img,.vt-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-video video[hidden]{display:none}
.vt-video::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,rgba(20,8,32,.82),rgba(20,8,32,0));pointer-events:none;transition:opacity .2s}
.vt-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--plum);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .15s,opacity .2s;z-index:2}
.vt-play svg{margin-left:4px}
.vt-play:hover{transform:scale(1.06)}
.vt-video.is-playing .vt-play,.vt-video.is-playing::after,.vt-video.is-playing .vt-caption{opacity:0;pointer-events:none}
.vt-video.is-paused .vt-play{opacity:1;pointer-events:auto}
.vt-soon{position:absolute;left:50%;top:calc(50% + 62px);transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;display:none;z-index:2}
.vt-video.no-video .vt-play{opacity:.5;pointer-events:none}
.vt-video.no-video .vt-soon{display:block}
.vt-caption{position:absolute;left:22px;right:22px;bottom:22px;color:#fff;display:flex;flex-direction:column;gap:2px;z-index:2;transition:opacity .2s}
.vt-caption strong{font-size:16px;font-weight:600}
.vt-caption span{font-size:13px;color:rgba(255,255,255,.8)}
.vt-caption b{font-size:15px;font-weight:600;line-height:1.3;margin-top:10px;letter-spacing:-.01em}
.vt-caption em{font-style:normal;font-size:13px;line-height:1.5;margin-top:8px;color:rgba(255,255,255,.92)}
.vt-caption b+em{margin-top:5px}
.vt-controls{position:absolute;left:0;right:0;bottom:0;z-index:3;display:none;align-items:center;padding:0 14px 12px;gap:10px}
.vt-video.is-playing .vt-controls,.vt-video.is-paused .vt-controls{display:flex}
.vt-mute{width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 36px}
.vt-mute .off{display:none}
.vt-video.is-muted .vt-mute .on{display:none}
.vt-video.is-muted .vt-mute .off{display:block}
.vt-progress{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.vt-progress i{display:block;height:100%;width:0;background:var(--lime);transition:width .2s linear}
.vt-quote{display:flex;flex-direction:column;justify-content:center;padding:34px 30px;background:#fff}
.vt-stars{color:var(--green);font-size:26px;letter-spacing:4px;line-height:1;margin-bottom:22px}
.vt-quote h3{font-size:28px;font-weight:500;letter-spacing:-.03em;text-transform:none;line-height:1.1;margin-bottom:18px}
.vt-quote p{font-size:17px;line-height:1.6;color:var(--ink)}
.vt-quote p em{font-style:italic;color:var(--muted)}
.vt-quote footer{margin-top:26px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;background:none;color:var(--ink);padding:0}
.vt-quote footer strong{font-weight:600}
.vt-quote footer span{color:var(--muted)}
.vt-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:opacity .2s,background .15s}
.vt-arrow:hover{background:var(--cream)}
.vt-prev{left:-24px}.vt-next{right:-24px}
.vt-arrow[disabled]{opacity:.25;pointer-events:none}
.vt-note{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}

/* Trusted-by marquee */
.trust{background:#fff;border-bottom:1px solid var(--border);padding:34px 0 30px;overflow:hidden}
.trust-label{text-align:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}
.trust-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.trust-track{display:flex;align-items:center;width:max-content;animation:trust-scroll 40s linear infinite;will-change:transform} /* duration is overridden per track by main.js (constant px/s) */
.trust-track>*{margin-right:80px} /* per-item spacing (not gap/padding) so translateX(-50%) lands exactly on one copy — no seam jump */
@media (hover:hover) and (pointer:fine){.trust-marquee:hover .trust-track{animation-play-state:paused}} /* mouse only - a tap on a phone is a sticky :hover and froze the strip */
.trust-item{display:inline-flex;align-items:center;height:44px;flex:0 0 auto;filter:grayscale(1);opacity:.55;transition:filter .2s,opacity .2s;text-decoration:none;-webkit-tap-highlight-color:transparent}
@media (hover:hover) and (pointer:fine){.trust-item:hover{filter:none;opacity:1}}
.trust-item img{height:36px;width:auto;max-width:180px;object-fit:contain;display:block}
.trust-item b{font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
@keyframes trust-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.trust--carriers{border-top:1px solid var(--border);padding:38px 0 34px}
.trust--carriers .trust-item img{height:40px;max-width:200px}
.trust-track--reverse{animation-direction:reverse}
@media (prefers-reduced-motion:reduce){.trust-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;padding:0 24px}.trust-track>*{margin:12px 24px}}

/* Domestic shipping + rate optimization (handoff kit) */
.uptime-shipping-analysis {
  --usa-ink: #232428;
  --usa-muted: #5f6268;
  --usa-green: #66853a;
  --usa-green-dark: #55742f;
  --usa-soft-green: #edf1e3;
  --usa-cream: #faf8f3;
  --usa-card: #ffffff;
  --usa-line: #e4dfd5;
  --usa-dash: #cfc5ad;

  background:
    radial-gradient(circle at 82% 10%, rgba(255,255,255,.94), rgba(255,255,255,0) 26%),
    linear-gradient(90deg, #faf8f3 0%, #f9f7f2 48%, #fbfaf7 100%);
  color: var(--usa-ink);
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.uptime-shipping-analysis * {
  box-sizing: border-box;
}

.usa-wrap {
  width: min(1500px, calc(100% - 80px));
  margin: 0 auto;
}

.usa-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(540px, .95fr);
  align-items: center;
  gap: clamp(60px, 7vw, 115px);
  padding: 82px 0 76px;
}

.usa-eyebrow {
  margin-bottom: 26px;
  color: var(--usa-green);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.usa-copy h2 {
  max-width: 770px;
  margin: 0 0 26px;
  font-size: clamp(45px, 4.35vw, 70px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.047em;
}

.usa-copy h2 span {
  display: block;
  color: var(--usa-green);
  font-weight: 500;
}

.usa-copy p {
  max-width: 730px;
  margin: 0 0 22px;
  color: var(--usa-muted);
  font-size: 17px;
  line-height: 1.7;
}

.usa-copy .usa-lead {
  color: #4f5257;
  font-size: 18px;
}

.usa-copy strong {
  color: var(--usa-ink);
  font-weight: 600;
}

.usa-operator-note {
  max-width: 560px;
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 42px;
  padding: 22px 28px;
  background: rgba(255,255,255,.46);
  border: 1px solid var(--usa-line);
  border-left: 3px solid var(--usa-green);
  border-radius: 0 16px 16px 0;
}

.usa-money-icon {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(145deg, #789846, #52732f);
  color: #fff;
  font-size: 34px;
  font-weight: 400;
}

.usa-operator-note strong,
.usa-operator-note span {
  display: block;
}

.usa-operator-note strong {
  margin-bottom: 2px;
  font-size: 16px;
}

.usa-operator-note span {
  color: #373a3f;
  font-size: 16px;
  line-height: 1.5;
}

.usa-upload-card {
  padding: 30px 28px 23px;
  background: rgba(255,255,255,.95);
  border: 1px solid #e7e3db;
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(40, 34, 24, .07);
}

.usa-card-intro {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin: 0 6px 20px;
}

.usa-card-intro h3 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.usa-card-intro p {
  max-width: 580px;
  margin: 0;
  color: #50535a;
  font-size: 12.5px;
  line-height: 1.5;
}

.usa-round-icon {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--usa-soft-green);
  color: var(--usa-green);
  font-size: 22px;
}

.usa-dropzone {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border: 2px dashed var(--usa-dash);
  border-radius: 14px;
  background: #fffefa;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
}

.usa-dropzone:hover,
.usa-dropzone.is-dragging {
  border-color: var(--usa-green);
  background: #fbfdf7;
}

.usa-upload-cloud {
  margin-bottom: 8px;
  color: var(--usa-green);
  font-size: 44px;
  line-height: 1;
}

.usa-dropzone strong {
  font-size: 17px;
  font-weight: 600;
}

.usa-dropzone > span:not(.usa-choose-file) {
  margin-top: 4px;
  color: #373a3f;
  font-size: 13px;
}

.usa-dropzone small {
  margin-top: 2px;
  color: #31343a;
  font-size: 12px;
}

.usa-choose-file {
  min-width: 180px;
  margin-top: 15px;
  padding: 9px 23px;
  border-radius: 999px;
  background: linear-gradient(90deg, #769744, #5c7f32);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.usa-file-name {
  min-height: 19px;
  margin-top: 8px;
  color: var(--usa-green-dark);
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}

.usa-help-link {
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--usa-green-dark);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.usa-help-link strong {
  font-weight: 600;
}

.usa-proof-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--usa-line);
  padding-top: 15px;
}

.usa-proof-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 12px;
}

.usa-proof-item:not(:last-child) {
  border-right: 1px solid var(--usa-line);
}

.usa-proof-icon {
  color: var(--usa-green);
  font-size: 25px;
}

.usa-proof-item strong,
.usa-proof-item span {
  display: block;
}

.usa-proof-item strong {
  font-size: 11px;
  line-height: 1.15;
}

.usa-proof-item span {
  margin-top: 2px;
  color: #41444a;
  font-size: 10px;
  line-height: 1.25;
}

.usa-submit {
  width: 100%;
  min-height: 48px;
  margin-top: 16px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #70923e, #5e8034);
  color: #fff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .01em;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease;
}

.usa-submit:hover {
  transform: translateY(-1px);
  background: linear-gradient(90deg, #678939, #526f2e);
}

.usa-submit span {
  margin-left: 10px;
}

.usa-security {
  margin: 9px 0 0;
  color: #6b6e73;
  text-align: center;
  font-size: 9.5px;
  line-height: 1.4;
}

.usa-feature-band {
  border-top: 1px solid #ebe7df;
  background: rgba(255,255,255,.88);
}

.usa-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 30px 0 36px;
}

.usa-feature {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  padding: 0 30px;
}

.usa-feature:first-child {
  padding-left: 0;
}

.usa-feature:last-child {
  padding-right: 0;
}

.usa-feature:not(:last-child) {
  border-right: 1px solid var(--usa-line);
}

.usa-feature-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(145deg, #f2f4ea, #e9eddc);
  color: var(--usa-green);
  font-size: 31px;
}

.usa-feature h4 {
  margin: 3px 0 9px;
  font-size: 15px;
  font-weight: 600;
}

.usa-feature p {
  margin: 0;
  color: #55585e;
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 1120px) {
  .usa-wrap {
    width: min(100% - 44px, 1500px);
  }

  .usa-main-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .usa-copy {
    max-width: 850px;
  }

  .usa-upload-card {
    max-width: 850px;
  }

  .usa-feature-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 0;
  }

  .usa-feature:nth-child(2) {
    border-right: 0;
  }
}

@media (max-width: 680px) {
  .usa-wrap {
    width: min(100% - 28px, 1500px);
  }

  .usa-main-grid {
    padding: 58px 0 50px;
  }

  .usa-copy h2 {
    font-size: clamp(39px, 12vw, 55px);
  }

  .usa-copy p {
    font-size: 15px;
  }

  .usa-operator-note {
    align-items: flex-start;
    padding: 18px;
  }

  .usa-money-icon {
    width: 48px;
    height: 48px;
    font-size: 26px;
  }

  .usa-upload-card {
    padding: 22px 16px 17px;
  }

  .usa-card-intro {
    margin-inline: 0;
  }

  .usa-dropzone {
    min-height: 225px;
  }

  .usa-proof-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .usa-proof-item {
    justify-content: flex-start;
    border-right: 0 !important;
    border-bottom: 1px solid var(--usa-line);
  }

  .usa-proof-item:last-child {
    border-bottom: 0;
  }

  .usa-feature-grid {
    grid-template-columns: 1fr;
  }

  .usa-feature {
    padding: 22px 0;
    border-right: 0 !important;
    border-bottom: 1px solid var(--usa-line);
  }

  .usa-feature:last-child {
    border-bottom: 0;
  }
}

/* --- Integration additions --- */
.usa-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 12px; margin:14px 0 12px; }
.usa-fields label { display:flex; flex-direction:column; gap:4px; min-width:0; font-size:11px; font-weight:600; color:#50535a; letter-spacing:.02em; }
.usa-fields label em { font-style:normal; font-weight:400; color:#8a8d93; }
.usa-fields input { width:100%; max-width:100%; min-width:0; box-sizing:border-box; min-height:40px; padding:0 12px; border:1px solid var(--usa-line); border-radius:10px; background:#fffefa; font:inherit; font-size:14px; color:var(--usa-ink); }
.usa-fields input:focus { outline:none; border-color:var(--usa-green); box-shadow:0 0 0 3px rgba(102,133,58,.15); }
.usa-fields input.is-invalid { border-color:#c0392b; }
.usa-notice { margin:0 0 14px; padding:12px 14px; border-radius:10px; font-size:13px; line-height:1.5; }
.usa-notice--ok { background:var(--usa-soft-green); color:#2f4a16; border:1px solid #cfe0b6; }
.usa-notice--err { background:#fdf0ee; color:#8a2e22; border:1px solid #f0c9c2; }
.usa-help-panel { margin:-6px 0 16px; padding:14px 16px; border-radius:12px; background:var(--usa-soft-green); color:#2f3a1f; font-size:12.5px; line-height:1.6; }
.usa-help-panel ul { margin:8px 0; padding-left:18px; }
.usa-help-panel li { margin-bottom:4px; }
.usa-dropzone.has-file { border-style:solid; border-color:var(--usa-green); background:#fbfdf7; }
.usa-submit[disabled] { opacity:.6; cursor:wait; transform:none; }
.usa-upload-card, .usa-upload-form, .usa-dropzone { min-width:0; max-width:100%; }
.usa-feature { grid-template-columns:84px 1fr; }
.usa-feature-icon { width:84px; height:84px; background:none; }
.usa-feature-icon img { width:84px; height:84px; object-fit:contain; display:block; }
@media (max-width:680px){ .usa-fields { grid-template-columns:minmax(0,1fr); } }

/* Co-packing + inventory control */
.copack{background:var(--cream)}
.copack-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.copack-copy h2{font-size:clamp(34px,3.4vw,50px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-transform:none;margin:14px 0 18px}
.copack-copy h2 span{color:var(--green);font-weight:500}
.copack-copy .accent-copy{color:var(--green);font-weight:500;font-size:18px;margin-bottom:12px}
.copack-copy>p{max-width:560px}
.copack-points{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:14px}
.copack-points li{position:relative;padding-left:30px;font-size:15px;line-height:1.6;color:var(--muted)}
.copack-points li strong{color:var(--ink);font-weight:600}
.copack-points li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:50%;background:var(--lime)}
.copack-media{position:relative}
.copack-media .vt-track{grid-auto-columns:calc((100% - 20px)/2);gap:20px}
.copack-media .vt-note{margin-top:12px}

/* Entity statement */
.entity{max-width:760px;margin:-6px auto 36px;text-align:center;font-size:15px;color:var(--muted);line-height:1.7}

/* FAQ */
.faq{background:#fff}
.faq-head{text-align:center;max-width:640px;margin:0 auto 36px}
.faq-head h2 span{color:var(--green);font-weight:500}
.faq-list{max-width:820px;margin:0 auto;border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4px;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{font-size:17px;font-weight:500;letter-spacing:-.01em;text-transform:none;line-height:1.4;color:var(--ink)}
.faq-toggle{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);position:relative;transition:background .15s,border-color .15s}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;left:50%;top:50%;background:var(--green);width:12px;height:2px;transform:translate(-50%,-50%);transition:transform .2s}
.faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-toggle{background:var(--green);border-color:var(--green)}
.faq-item[open] .faq-toggle::before,.faq-item[open] .faq-toggle::after{background:#fff}
.faq-item[open] .faq-toggle::after{transform:translate(-50%,-50%) rotate(0)}
.faq-item p{margin:0 0 22px;padding:0 4px;max-width:720px;font-size:15px;color:var(--muted);line-height:1.7}

/* Footer */
footer.site-footer{background:var(--plum);color:rgba(255,255,255,.75);padding:40px 0 28px;font-size:13px}
.footer-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:start}
.footer-brand{display:flex;flex-direction:column;gap:4px}
.footer-brand strong{color:#fff;font-size:16px;font-weight:500}
.footer-locations{font-style:normal;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.footer-locations div{display:flex;flex-direction:column;gap:2px}
.footer-locations strong{color:#fff;font-weight:500}
.footer-locations a{color:rgba(255,255,255,.85)}
.footer-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}
.footer-meta a{color:var(--lime)}
.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px}
.footer-links a{color:rgba(255,255,255,.85)}
.footer-links a:hover{color:var(--lime)}