:root {
  --shipendo-ink: #0b1f4a;
  --shipendo-forest: #0d4fb8;
  --shipendo-forest-deep: #071b41;
  --shipendo-lime: #c4f079;
  --shipendo-mint: #d9f7ff;
  --shipendo-coral: #ff766c;
  --shipendo-blue: #92c5ff;
  --shipendo-paper: #f7faff;
  --shipendo-sand: #eef4ff;
  --shipendo-muted: #3f506c;
  --shipendo-line: #d2def2;
  --shipendo-white: #fff;
  --shipendo-radius: 24px;
  --shipendo-shadow: 0 26px 80px rgba(13, 79, 184, .18);
}

/* The public landing page is a full-bleed surface. Reset the theme/browser
 * gutter here without changing spacing on authenticated Drupal screens. */
html,
body {
  margin: 0;
  padding: 0;
}

.shipendo-landing,
.shipendo-landing *,
.shipendo-landing *::before,
.shipendo-landing *::after { box-sizing: border-box; }

.shipendo-landing { color: var(--shipendo-ink); background: var(--shipendo-paper); font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 1.55; overflow: hidden; position: relative; }
.shipendo-landing a { color: inherit; text-decoration: none; }
.shipendo-landing button,
.shipendo-landing input,
.shipendo-landing select,
.shipendo-landing textarea { font: inherit; }
.shipendo-landing h1,
.shipendo-landing h2,
.shipendo-landing h3,
.shipendo-landing p { margin: 0; }
.shipendo-landing h1,
.shipendo-landing h2,
.shipendo-landing h3 { letter-spacing: -.055em; line-height: 1.03; }
.shipendo-landing em { color: var(--shipendo-coral); font-style: normal; }
.shipendo-container { margin: 0 auto; max-width: 1240px; padding-left: 32px; padding-right: 32px; position: relative; width: 100%; }
.shipendo-section { padding: 136px 0; position: relative; }
.shipendo-section-dark { background: var(--shipendo-forest-deep); color: var(--shipendo-white); }
.shipendo-noise { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); inset: 0; opacity: .045; pointer-events: none; position: absolute; z-index: 1; }
.visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

/* Navigation */
.shipendo-nav { align-items: center; background: var(--shipendo-forest-deep); color: var(--shipendo-white); display: flex; gap: 48px; height: 86px; justify-content: space-between; padding: 0 max(32px, calc((100vw - 1240px) / 2)); position: relative; z-index: 10; }
.shipendo-brand { align-items: center; display: inline-flex; font-size: 21px; font-weight: 700; gap: 10px; letter-spacing: -.06em; white-space: nowrap; }
.shipendo-wordmark { display: inline-flex; font-weight: 750; line-height: 1; }
.shipendo-wordmark-dot { color: var(--shipendo-forest); }
.shipendo-nav-links { display: flex; gap: 30px; margin-left: auto; }
.shipendo-nav-links a { color: rgba(255,255,255,.67); font-size: 13px; font-weight: 600; transition: color .2s ease; }
.shipendo-nav-links a:hover { color: var(--shipendo-lime); }
.shipendo-language-switcher { align-items: center; display: flex; gap: 4px; margin-left: 14px; }.shipendo-language-switcher-label { color: rgba(255,255,255,.35); font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: .08em; margin-right: 3px; text-transform: uppercase; }.shipendo-language-switcher a { border: 1px solid transparent; border-radius: 5px; color: rgba(255,255,255,.55); font-family: 'DM Mono', monospace; font-size: 9px; padding: 4px 5px; transition: background .2s ease, color .2s ease; }.shipendo-language-switcher a:hover,.shipendo-language-switcher a.is-active { background: rgba(196,240,121,.13); border-color: rgba(196,240,121,.18); color: var(--shipendo-lime); }
.shipendo-nav-actions { align-items: center; display: flex; }
.shipendo-login-link { border-right: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.72); font-size: 12px; font-weight: 700; margin-right: 22px; padding-right: 22px; transition: color .2s ease; }.shipendo-login-link span { color: var(--shipendo-lime); font-size: 12px; margin-left: 4px; }.shipendo-login-link:hover { color: var(--shipendo-white); }
.shipendo-text-link { color: var(--shipendo-lime); font-size: 13px; font-weight: 700; }
.shipendo-text-link span { display: inline-block; margin-left: 6px; transition: transform .2s ease; }
.shipendo-text-link:hover span,
.shipendo-card-link:hover span { transform: translate(3px, -3px); }
.shipendo-menu-toggle { background: none; border: 0; display: none; padding: 8px; }
.shipendo-menu-toggle > span:not(.visually-hidden) { background: var(--shipendo-white); display: block; height: 2px; margin: 4px; width: 21px; }

/* Hero */
.shipendo-hero { min-height: 720px; overflow: hidden; padding: 98px 0 120px; position: relative; }
.shipendo-hero::after { background: linear-gradient(90deg, rgba(196,240,121,.08), transparent 42%, rgba(255,118,108,.07)); content: ''; inset: 0; pointer-events: none; position: absolute; }
.shipendo-hero .shipendo-container { z-index: 2; }
.shipendo-hero-grid { align-items: center; display: grid; gap: 65px; grid-template-columns: .9fr 1.1fr; }
.shipendo-hero-copy { max-width: 550px; position: relative; z-index: 3; }
.shipendo-kicker,
.shipendo-eyebrow { align-items: center; color: var(--shipendo-lime); display: flex; font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 500; letter-spacing: .13em; line-height: 1.3; text-transform: uppercase; }
.shipendo-pulse { background: var(--shipendo-lime); border-radius: 50%; box-shadow: 0 0 0 5px rgba(196,240,121,.12); display: inline-block; height: 7px; margin-right: 10px; width: 7px; }
.shipendo-hero h1 { font-size: clamp(53px, 5.5vw, 82px); margin-top: 28px; max-width: 650px; }
.shipendo-hero h1 em { color: var(--shipendo-lime); }
.shipendo-hero-lead { color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.7; margin-top: 27px; max-width: 470px; }
.shipendo-hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; margin-top: 35px; }
.shipendo-button { align-items: center; border: 0; border-radius: 100px; cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 800; gap: 15px; justify-content: center; min-height: 52px; padding: 0 22px; transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
.shipendo-button:hover { transform: translateY(-2px); }
.shipendo-button-primary { background: var(--shipendo-lime); box-shadow: 0 12px 28px rgba(196,240,121,.14); color: var(--shipendo-forest-deep); }
.shipendo-button-primary:hover { background: #d1fa89; box-shadow: 0 16px 35px rgba(196,240,121,.24); }
.shipendo-button-quiet { background: rgba(255,255,255,.08); color: var(--shipendo-white); }
.shipendo-button-quiet:hover { background: rgba(255,255,255,.14); }
.shipendo-button-dark { background: var(--shipendo-forest); color: var(--shipendo-white); }
.shipendo-button-dark:hover { background: var(--shipendo-forest-deep); }
.shipendo-play-icon { align-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; display: inline-flex; font-size: 8px; height: 25px; justify-content: center; padding-left: 2px; width: 25px; }
.shipendo-proof-line { align-items: center; color: rgba(255,255,255,.48); display: flex; font-size: 11px; gap: 12px; margin-top: 54px; }
.shipendo-proof-avatars { display: flex; }
.shipendo-proof-avatars i { align-items: center; background: #e5a495; border: 2px solid var(--shipendo-forest-deep); border-radius: 50%; color: var(--shipendo-forest); display: flex; font-size: 9px; font-style: normal; font-weight: 800; height: 27px; justify-content: center; margin-left: -7px; width: 27px; }
.shipendo-proof-avatars i:first-child { background: #a7d0f6; margin-left: 0; }
.shipendo-proof-avatars i:nth-child(2) { background: #d6ed9d; }
.shipendo-proof-avatars i:nth-child(3) { background: #e7c0a9; }
.shipendo-proof-avatars i:nth-child(4) { background: var(--shipendo-coral); color: var(--shipendo-white); }
.shipendo-hero-orbit { border: 1px solid rgba(196,240,121,.1); border-radius: 50%; pointer-events: none; position: absolute; }
.shipendo-hero-orbit-one { height: 780px; right: -240px; top: -190px; width: 780px; }
.shipendo-hero-orbit-two { height: 540px; right: -120px; top: -70px; width: 540px; }
.shipendo-scroll-cue { align-items: center; bottom: 33px; color: rgba(255,255,255,.36); display: flex; font-family: 'DM Mono', monospace; font-size: 9px; gap: 12px; left: max(32px, calc((100vw - 1240px) / 2)); letter-spacing: .1em; position: absolute; text-transform: uppercase; transform: rotate(-90deg) translateX(-100%); transform-origin: left top; z-index: 3; }
.shipendo-scroll-cue i { background: var(--shipendo-lime); display: block; height: 1px; position: relative; width: 48px; }

/* Dashboard visual */
.shipendo-dashboard-wrap { min-height: 480px; perspective: 1000px; position: relative; }
.shipendo-dashboard-glow { background: var(--shipendo-lime); border-radius: 50%; filter: blur(90px); height: 260px; opacity: .15; position: absolute; right: 4%; top: 12%; width: 260px; }
.shipendo-dashboard { background: #f1f4ef; border: 7px solid #2f554c; border-radius: 18px; box-shadow: 0 35px 65px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.1); color: var(--shipendo-ink); overflow: hidden; position: relative; transform: rotate(2.8deg); transform-style: preserve-3d; transition: transform .45s ease; width: 100%; z-index: 1; }
.shipendo-dashboard:hover { transform: rotate(0deg) translateY(-5px); }
.shipendo-dashboard-topbar { align-items: center; background: #dce4dc; color: #789087; display: flex; font-family: 'DM Mono', monospace; font-size: 8px; gap: 10px; height: 31px; padding: 0 12px; }
.shipendo-window-dots { display: flex; gap: 4px; margin-right: 7px; }
.shipendo-window-dots i { background: #adc0b5; border-radius: 50%; height: 6px; width: 6px; }
.shipendo-window-dots i:first-child { background: var(--shipendo-coral); }
.shipendo-live-chip { align-items: center; background: rgba(255,255,255,.65); border-radius: 20px; color: var(--shipendo-forest); display: flex; gap: 4px; margin-left: auto; padding: 4px 7px; }
.shipendo-live-chip b { background: #60be75; border-radius: 50%; height: 5px; width: 5px; }
.shipendo-dashboard-body { display: flex; min-height: 432px; }
.shipendo-dashboard-sidebar { align-items: center; background: #e8eee8; border-right: 1px solid #d5dfd6; display: flex; flex-direction: column; gap: 18px; padding: 15px 10px; width: 43px; }
.shipendo-sidebar-logo { align-items: center; display: flex; height: 28px; justify-content: center; width: 28px; }
.shipendo-sidebar-logo .shipendo-wordmark { font-size: 9px; letter-spacing: -.07em; }
.shipendo-sidebar-logo img { display: block; height: 28px; width: 28px; }
.shipendo-sidebar-icon { align-items: center; border-radius: 7px; color: #91a39b; display: flex; font-size: 14px; height: 25px; justify-content: center; width: 25px; }
.shipendo-sidebar-icon.is-active { background: var(--shipendo-forest); color: var(--shipendo-lime); }
.shipendo-sidebar-spacer { margin-top: auto; }
.shipendo-dashboard-content { flex: 1; min-width: 0; padding: 20px 22px; }
.shipendo-dashboard-heading { align-items: center; display: flex; justify-content: space-between; }
.shipendo-dashboard-heading small { color: #8b9b93; font-family: 'DM Mono', monospace; font-size: 7px; letter-spacing: .05em; }
.shipendo-dashboard-heading h3 { font-size: 17px; letter-spacing: -.045em; margin-top: 3px; }
.shipendo-dashboard-heading h3 span { color: #f0bd45; font-size: 14px; }
.shipendo-user-avatar { align-items: center; background: #f8c5b9; border: 2px solid #fff; border-radius: 50%; color: #a7574e; display: flex; font-size: 9px; font-weight: 800; height: 28px; justify-content: center; width: 28px; }
.shipendo-dashboard-stats { display: grid; gap: 8px; grid-template-columns: repeat(3, 1fr); margin-top: 19px; }
.shipendo-stat-card { background: var(--shipendo-white); border: 1px solid #e2e8e0; border-radius: 9px; padding: 10px; }
.shipendo-stat-card span { color: #87968e; display: block; font-size: 7px; }
.shipendo-stat-card strong { display: block; font-size: 19px; letter-spacing: -.06em; line-height: 1.2; margin-top: 5px; }
.shipendo-stat-card small { display: block; font-size: 7px; margin-top: 3px; }
.shipendo-stat-up { color: #52a66b; }.shipendo-stat-good { color: #52a66b; }.shipendo-stat-warn { color: #df9852; }
.shipendo-dashboard-panel { background: var(--shipendo-white); border: 1px solid #e2e8e0; border-radius: 9px; margin-top: 10px; padding: 12px 12px 7px; }
.shipendo-panel-head { align-items: flex-start; display: flex; justify-content: space-between; }
.shipendo-panel-head strong { display: block; font-size: 9px; }.shipendo-panel-head span { color: #96a29c; display: block; font-size: 7px; margin-top: 3px; }.shipendo-panel-menu { letter-spacing: 2px; margin-top: 2px; }
.shipendo-chart { display: flex; height: 113px; margin-top: 12px; }
.shipendo-chart-y { color: #abb7b0; display: flex; flex-direction: column; font-family: 'DM Mono', monospace; font-size: 6px; justify-content: space-between; padding-bottom: 14px; width: 24px; }
.shipendo-chart-lines { flex: 1; position: relative; }
.shipendo-chart-lines > i { border-top: 1px solid #edf0eb; display: block; height: 25%; }
.shipendo-chart-lines svg { bottom: 15px; height: calc(100% - 15px); left: 0; position: absolute; width: 100%; }
.shipendo-chart-x { bottom: 0; color: #abb7b0; display: flex; font-family: 'DM Mono', monospace; font-size: 6px; justify-content: space-between; left: 0; position: absolute; right: 0; }
.shipendo-dashboard-bottom { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; margin-top: 10px; }
.shipendo-mini-order { align-items: center; background: var(--shipendo-white); border: 1px solid #e2e8e0; border-radius: 9px; display: flex; gap: 7px; padding: 8px; }
.shipendo-mini-icon { align-items: center; border-radius: 7px; display: flex; font-size: 11px; height: 23px; justify-content: center; width: 23px; }.shipendo-mini-icon.pink { background: #ffe5df; color: var(--shipendo-coral); }.shipendo-mini-icon.blue { background: #e4f0ff; color: #5995d1; }
.shipendo-mini-order strong { display: block; font-size: 7px; }.shipendo-mini-order small { color: #93a098; display: block; font-size: 6px; margin-top: 2px; }.shipendo-order-status { color: #df9852; font-size: 6px; margin-left: auto; }.shipendo-order-status.is-green { color: #52a66b; }
.shipendo-float-note { align-items: center; backdrop-filter: blur(12px); background: rgba(255,255,255,.93); border: 1px solid rgba(255,255,255,.7); border-radius: 11px; box-shadow: 0 12px 30px rgba(0,0,0,.18); color: var(--shipendo-ink); display: flex; gap: 8px; padding: 10px 13px; position: absolute; z-index: 2; }.shipendo-float-note strong { display: block; font-size: 9px; letter-spacing: -.03em; }.shipendo-float-note small { color: #83928b; display: block; font-size: 7px; margin-top: 2px; }.shipendo-float-note-one { left: -28px; top: 19%; transform: rotate(-5deg); }.shipendo-float-note-two { bottom: 10%; right: -28px; transform: rotate(4deg); }.shipendo-float-check,.shipendo-float-box { align-items: center; border-radius: 7px; display: flex; font-size: 13px; height: 27px; justify-content: center; width: 27px; }.shipendo-float-check { background: #def5cf; color: #4b9c5f; }.shipendo-float-box { background: #ffe4df; color: var(--shipendo-coral); }

/* Logo strip */
.shipendo-integrations-strip { background: #eaf0e8; border-bottom: 1px solid var(--shipendo-line); border-top: 1px solid var(--shipendo-line); }
.shipendo-strip-content { align-items: center; display: flex; min-height: 98px; }
.shipendo-strip-label { color: #83928b; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; width: 210px; }
.shipendo-integration-logos { align-items: center; color: #7d8c85; display: flex; flex: 1; justify-content: space-between; }
.shipendo-integration-logos span { align-items: center; display: flex; font-size: 14px; font-weight: 800; gap: 8px; letter-spacing: -.04em; opacity: .76; }.shipendo-integration-logos b { align-items: center; border-radius: 7px; display: inline-flex; font-size: 12px; font-weight: 800; height: 26px; justify-content: center; width: 26px; }.shipendo-logo-shopify { background: #d7e8be; color: #6a8b4c; }.shipendo-logo-ai { background: #e2dcf7; color: #554192; font-size: 15px !important; }.shipendo-logo-carrier { background: #f9d9ce; color: #c37467; }.shipendo-logo-api { background: #ded9f2; color: #8573ad; font-family: 'DM Mono', monospace; font-size: 9px !important; }
.shipendo-logo-carrier svg { fill: none; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 16px; }

/* Features */
.shipendo-intro-section { background: var(--shipendo-paper); }
.shipendo-section-heading { max-width: 700px; }.shipendo-eyebrow { color: var(--shipendo-coral); }.shipendo-section-heading h2,.shipendo-advantage-intro h2,.shipendo-integrations-copy h2,.shipendo-faq-intro h2 { font-size: clamp(40px, 4.3vw, 62px); margin-top: 20px; }.shipendo-section-heading h2 em,.shipendo-advantage-intro h2 em,.shipendo-integrations-copy h2 em,.shipendo-faq-intro h2 em { color: var(--shipendo-forest); }.shipendo-section-heading > p { color: var(--shipendo-muted); font-size: 17px; margin-top: 24px; max-width: 550px; }
.shipendo-feature-grid { display: grid; gap: 18px; grid-template-columns: repeat(2, 1fr); margin-top: 70px; }.shipendo-feature-card { background: #e9f0e8; border-radius: var(--shipendo-radius); min-height: 500px; overflow: hidden; padding: 31px; position: relative; }.shipendo-feature-card-large { min-height: 500px; }.shipendo-feature-card-wide { align-items: center; display: grid; gap: 34px; grid-column: 1 / -1; grid-template-columns: 1fr 1.1fr; min-height: 345px; }.shipendo-feature-card-dark { background: var(--shipendo-forest); color: var(--shipendo-white); }.shipendo-card-icon { align-items: center; border-radius: 11px; display: flex; font-size: 17px; height: 36px; justify-content: center; width: 36px; }.shipendo-icon-coral { background: #ffd8d2; color: var(--shipendo-coral); }.shipendo-icon-lime { background: var(--shipendo-lime); color: var(--shipendo-forest); }.shipendo-icon-mint { background: rgba(223,247,202,.16); color: var(--shipendo-lime); }.shipendo-icon-blue { background: #d5e9fc; color: #6b9ecf; }.shipendo-card-label,.shipendo-step-kicker { color: #899991; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .1em; margin-top: 26px; text-transform: uppercase; }.shipendo-feature-card-dark .shipendo-card-label { color: rgba(255,255,255,.5); }.shipendo-feature-card h3 { font-size: 29px; margin-top: 11px; max-width: 360px; }.shipendo-feature-card p { color: var(--shipendo-muted); font-size: 13px; line-height: 1.7; margin-top: 14px; max-width: 390px; }.shipendo-feature-card-dark p { color: rgba(255,255,255,.64); }.shipendo-card-link { color: var(--shipendo-forest); display: inline-flex; font-size: 11px; font-weight: 800; gap: 8px; margin-top: 25px; }.shipendo-feature-card-dark .shipendo-card-link { color: var(--shipendo-lime); }.shipendo-card-link span { display: inline-block; transition: transform .2s ease; }
.shipendo-order-flow { align-items: flex-start; background: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.65); border-radius: 12px; bottom: 35px; display: flex; left: 31px; padding: 14px 15px 10px; position: absolute; right: 31px; }.shipendo-order-flow > i { background: #c9d7cd; flex: 1 1 0; height: 2px; margin: 16px 4px 0; min-width: 5px; }.shipendo-order-flow > i.is-done { background: #4d9669; }.shipendo-flow-step { align-items: center; color: #8092aa; display: flex; flex: 1 1 0; flex-direction: column; gap: 5px; min-width: 0; text-align: center; }.shipendo-flow-step b { align-items: center; background: #f4f6f1; border: 1px solid #d8e1d8; border-radius: 50%; display: flex; height: 34px; justify-content: center; width: 34px; }.shipendo-flow-step svg { fill: none; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 16px; }.shipendo-flow-step small { font-size: 9px; font-weight: 800; line-height: 1.2; white-space: nowrap; }.shipendo-flow-step.is-done b { background: #225f42; border-color: #225f42; color: #d8f2a9; }.shipendo-flow-step.is-done small { color: #2f6e4b; }.shipendo-flow-step.is-current b { background: #e46e64; border-color: #e46e64; box-shadow: 0 0 0 5px rgba(228,110,100,.14); color: #fff; }.shipendo-flow-step.is-current small { color: #8e423c; }
.shipendo-stock-bars { bottom: 31px; left: 31px; position: absolute; right: 31px; }.shipendo-stock-bars span { align-items: center; display: flex; gap: 9px; margin-top: 13px; }.shipendo-stock-bars i { color: #7f9087; font-size: 9px; font-style: normal; width: 65px; }.shipendo-stock-bars b { background: #dce5da; border-radius: 5px; display: block; flex: 1; height: 7px; overflow: hidden; position: relative; }.shipendo-stock-bars b::before { background: var(--shipendo-forest); border-radius: 5px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: var(--bar); }
.shipendo-route-map { bottom: 22px; left: 31px; position: absolute; right: 31px; }.shipendo-route-map svg { height: 100px; opacity: .75; width: 100%; }.shipendo-map-label { background: rgba(255,255,255,.1); border-radius: 3px; color: rgba(255,255,255,.65); font-family: 'DM Mono', monospace; font-size: 7px; padding: 3px 5px; position: absolute; }.shipendo-map-label.one { left: 0; top: 67px; }.shipendo-map-label.two { left: 42%; top: 29px; }.shipendo-map-label.three { right: 0; top: 9px; }
.shipendo-wide-card-copy { align-self: start; }.shipendo-notification-stack { background: rgba(255,255,255,.54); border: 1px solid rgba(255,255,255,.75); border-radius: 13px; padding: 15px; }.shipendo-notification { align-items: center; background: var(--shipendo-white); border: 1px solid #e8ece6; border-radius: 9px; display: flex; gap: 10px; padding: 12px; }.shipendo-notification + .shipendo-notification { margin-top: 8px; }.shipendo-notification > span { align-items: center; background: #ecf0eb; border-radius: 7px; color: #7b9387; display: flex; font-size: 11px; height: 25px; justify-content: center; width: 25px; }.shipendo-notification > span:first-child { background: #def5cf; color: #52a66b; }.shipendo-notification > span.orange { background: #fff0da; color: #db9a4c; }.shipendo-notification strong { display: block; font-size: 10px; }.shipendo-notification small { color: #8d9b93; display: block; font-size: 8px; margin-top: 2px; }.shipendo-notification time { color: #9eaaa3; font-family: 'DM Mono', monospace; font-size: 7px; margin-left: auto; }

/* Workflow */
.shipendo-workflow-section { background: var(--shipendo-sand); }.shipendo-workflow-grid { align-items: start; display: grid; gap: 110px; grid-template-columns: .75fr 1.25fr; }.shipendo-workflow-sticky { position: sticky; top: 40px; }.shipendo-workflow-sticky h2 { font-size: clamp(43px, 4vw, 61px); margin-top: 20px; }.shipendo-workflow-sticky h2 em { color: var(--shipendo-coral); }.shipendo-workflow-sticky p { color: var(--shipendo-muted); font-size: 15px; line-height: 1.75; margin-top: 24px; max-width: 340px; }.shipendo-workflow-sticky .shipendo-button { margin-top: 31px; }.shipendo-steps { display: flex; flex-direction: column; gap: 90px; }.shipendo-step { display: grid; gap: 25px; grid-template-columns: 40px 1.15fr 1fr; }.shipendo-step-number { color: var(--shipendo-coral); font-family: 'DM Mono', monospace; font-size: 11px; padding-top: 11px; }.shipendo-step-visual { align-items: center; background: #e5e8de; border-radius: 18px; display: flex; min-height: 272px; overflow: hidden; padding: 24px; position: relative; }.shipendo-step:nth-child(2) .shipendo-step-visual { background: #deebdb; }.shipendo-step:nth-child(3) .shipendo-step-visual { background: #e3e9f2; }.shipendo-step-copy { align-self: center; }.shipendo-step-kicker { color: #85938b; margin-top: 0; }.shipendo-step-copy h3 { font-size: 25px; margin-top: 12px; }.shipendo-step-copy p { color: var(--shipendo-muted); font-size: 13px; line-height: 1.7; margin-top: 14px; }.shipendo-step-window,.shipendo-pick-card,.shipendo-delivery-card { background: var(--shipendo-white); border: 1px solid rgba(22,63,55,.08); border-radius: 12px; box-shadow: 0 18px 34px rgba(33,62,49,.12); width: 100%; }.shipendo-step-window { padding: 15px; transform: rotate(-3deg); }.shipendo-step-window-top { align-items: center; border-bottom: 1px solid #edf0eb; color: #7e8e84; display: flex; font-size: 9px; padding-bottom: 12px; }.shipendo-step-window-top b { background: #def5cf; border-radius: 4px; color: #539b5d; font-size: 7px; font-weight: 700; margin-left: auto; padding: 4px 5px; }.shipendo-step-product { align-items: center; display: flex; gap: 9px; padding: 17px 0; }.shipendo-product-thumb { background: linear-gradient(135deg, #f8c9a9, #efa179); border-radius: 7px; display: block; height: 41px; position: relative; width: 41px; }.shipendo-product-thumb::after { background: rgba(255,255,255,.55); content: ''; height: 20px; left: 10px; position: absolute; top: 10px; width: 21px; }.shipendo-step-product strong { display: block; font-size: 10px; }.shipendo-step-product small { color: #91a096; display: block; font-size: 8px; margin-top: 4px; }.shipendo-step-product em { font-size: 10px; font-style: normal; font-weight: 800; margin-left: auto; }.shipendo-step-check { align-items: center; background: #f1faed; border-radius: 6px; color: #6d8971; display: flex; font-size: 8px; gap: 6px; padding: 9px; }.shipendo-step-check span { align-items: center; background: #67bc75; border-radius: 50%; color: white; display: flex; font-size: 7px; height: 15px; justify-content: center; width: 15px; }.shipendo-step-check b { color: #398950; font-size: 8px; margin-left: auto; }
.shipendo-pick-card { padding: 16px; transform: rotate(3deg); }.shipendo-pick-head { align-items: center; border-bottom: 1px solid #edf0eb; display: flex; font-size: 9px; padding-bottom: 12px; }.shipendo-pick-head b { color: #8e9c93; font-family: 'DM Mono', monospace; font-size: 7px; font-weight: 400; margin-left: 6px; }.shipendo-pick-done { color: #53a467; font-size: 8px; margin-left: auto; }.shipendo-pick-row { align-items: center; border-bottom: 1px solid #f0f2ee; display: flex; font-size: 9px; gap: 8px; padding: 13px 0; }.shipendo-pick-row > span:nth-child(2) { font-weight: 700; }.shipendo-pick-row small { color: #92a096; display: block; font-size: 7px; font-weight: 400; margin-top: 2px; }.shipendo-pick-row > b { font-size: 9px; margin-left: auto; }.shipendo-pick-box { align-items: center; border: 1px solid #ccd9cc; border-radius: 4px; color: transparent; display: flex; height: 16px; justify-content: center; width: 16px; }.shipendo-pick-box.is-filled { background: #dff5d2; border-color: #b8e0b3; color: #54a266; font-size: 10px; }
.shipendo-delivery-card { padding: 17px; transform: rotate(-2deg); }.shipendo-delivery-route { align-items: center; color: #829189; display: flex; font-family: 'DM Mono', monospace; font-size: 7px; }.shipendo-delivery-route i { border-top: 1px dashed #b8c8be; flex: 1; margin: 0 8px; }.shipendo-delivery-main { align-items: center; border-bottom: 1px solid #edf0eb; display: flex; gap: 9px; padding: 20px 0 16px; }.shipendo-delivery-icon { align-items: center; background: #ffe1dc; border-radius: 8px; color: var(--shipendo-coral); display: flex; font-size: 16px; height: 33px; justify-content: center; width: 33px; }.shipendo-delivery-main strong { display: block; font-size: 10px; }.shipendo-delivery-main small { color: #91a096; display: block; font-size: 7px; margin-top: 3px; }.shipendo-delivery-check { align-items: center; background: #dff5d2; border-radius: 50%; color: #54a266; display: flex; font-size: 9px; height: 20px; justify-content: center; margin-left: auto; width: 20px; }.shipendo-delivery-line { color: #9ba69f; display: flex; font-family: 'DM Mono', monospace; font-size: 6px; justify-content: space-between; padding-top: 12px; }.shipendo-delivery-line .is-current { color: #54a266; }

/* Advantage */
.shipendo-advantage-section { background: var(--shipendo-paper); }.shipendo-advantage-intro { text-align: center; }.shipendo-advantage-intro .shipendo-eyebrow { justify-content: center; }.shipendo-advantage-intro p { color: var(--shipendo-muted); font-size: 16px; margin: 24px auto 0; max-width: 520px; }.shipendo-advantage-grid { border-bottom: 1px solid var(--shipendo-line); border-top: 1px solid var(--shipendo-line); display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 75px; }.shipendo-advantage-stat { padding: 31px 32px; }.shipendo-advantage-stat + .shipendo-advantage-stat { border-left: 1px solid var(--shipendo-line); }.shipendo-advantage-stat strong { color: var(--shipendo-coral); display: block; font-family: 'DM Mono', monospace; font-size: 12px; }.shipendo-advantage-stat span { display: block; font-size: 17px; font-weight: 800; letter-spacing: -.05em; margin-top: 19px; }.shipendo-advantage-stat p { color: var(--shipendo-muted); font-size: 12px; line-height: 1.7; margin-top: 11px; max-width: 250px; }.shipendo-quote-card { background: var(--shipendo-forest); border-radius: var(--shipendo-radius); color: var(--shipendo-white); margin-top: 78px; overflow: hidden; padding: 50px 60px; position: relative; }.shipendo-quote-card::after { border: 1px solid rgba(196,240,121,.18); border-radius: 50%; content: ''; height: 390px; position: absolute; right: -120px; top: -180px; width: 390px; }.shipendo-quote-mark { color: var(--shipendo-lime); font-size: 58px; line-height: .5; position: relative; z-index: 1; }.shipendo-quote-card blockquote { font-size: clamp(25px, 3vw, 41px); font-weight: 700; letter-spacing: -.06em; line-height: 1.1; margin: 17px 0 28px; max-width: 770px; position: relative; z-index: 1; }.shipendo-quote-attribution { align-items: center; display: flex; gap: 10px; position: relative; z-index: 1; }.shipendo-quote-avatar { align-items: center; background: var(--shipendo-lime); border-radius: 50%; color: var(--shipendo-forest); display: flex; font-size: 11px; font-weight: 800; height: 30px; justify-content: center; width: 30px; }.shipendo-quote-attribution strong { display: block; font-size: 10px; }.shipendo-quote-attribution small { color: rgba(255,255,255,.55); display: block; font-size: 9px; margin-top: 2px; }

/* Integrations */
.shipendo-integrations-section { background: var(--shipendo-lime); }.shipendo-integrations-grid { align-items: center; display: grid; gap: 100px; grid-template-columns: 1fr 1fr; }.shipendo-integrations-copy .shipendo-eyebrow { color: var(--shipendo-forest); }.shipendo-integrations-copy h2 em { color: var(--shipendo-forest); }.shipendo-integrations-copy p { color: rgba(18,49,46,.66); font-size: 15px; line-height: 1.7; margin-top: 25px; max-width: 460px; }.shipendo-integrations-copy .shipendo-button { margin-top: 30px; }.shipendo-integration-steps { background: rgba(255,255,255,.54); border: 1px solid rgba(255,255,255,.72); border-radius: var(--shipendo-radius); padding: 13px 25px; position: relative; }.shipendo-integration-step { align-items: center; border-bottom: 1px solid rgba(18,49,46,.1); display: grid; gap: 17px; grid-template-columns: 34px 1fr 28px; padding: 24px 0; position: relative; z-index: 1; }.shipendo-integration-step:last-of-type { border: 0; }.shipendo-integration-step > span { color: var(--shipendo-coral); font-family: 'DM Mono', monospace; font-size: 10px; }.shipendo-integration-step strong { display: block; font-size: 14px; letter-spacing: -.04em; }.shipendo-integration-step p { color: rgba(18,49,46,.62); font-size: 11px; margin-top: 4px; }.shipendo-integration-step > i { align-items: center; border: 1px solid rgba(18,49,46,.14); border-radius: 50%; color: var(--shipendo-forest); display: flex; font-size: 12px; font-style: normal; height: 26px; justify-content: center; width: 26px; }.shipendo-integration-step:nth-child(1) > i,.shipendo-integration-step:nth-child(2) > i { background: var(--shipendo-forest); border-color: var(--shipendo-forest); color: var(--shipendo-lime); }.shipendo-integration-orbit { border: 1px solid rgba(18,49,46,.12); border-radius: 50%; height: 315px; pointer-events: none; position: absolute; right: -160px; top: -30px; width: 315px; }.shipendo-integration-orbit span { background: var(--shipendo-coral); border: 4px solid rgba(255,255,255,.7); border-radius: 50%; height: 13px; position: absolute; right: 48px; top: 67px; width: 13px; }.shipendo-integration-orbit span:nth-child(2) { background: var(--shipendo-forest); height: 8px; right: 28px; top: 190px; width: 8px; }.shipendo-integration-orbit span:nth-child(3) { background: var(--shipendo-blue); height: 10px; left: 40px; top: 215px; width: 10px; }
.shipendo-integrations-side { display: grid; gap: 16px; min-width: 0; }
.shipendo-integration-network { background: rgba(255,255,255,.38); border: 1px solid rgba(255,255,255,.72); border-radius: var(--shipendo-radius); min-height: 174px; overflow: hidden; position: relative; }
.shipendo-integration-network-lines { height: 100%; inset: 0; position: absolute; width: 100%; }
.shipendo-integration-network-lines path { fill: none; stroke: rgba(13,79,184,.28); stroke-dasharray: 3 7; stroke-linecap: round; stroke-width: 2; vector-effect: non-scaling-stroke; }
.shipendo-network-node { align-items: center; background: #fff; border: 1px solid rgba(13,79,184,.15); border-radius: 13px; box-shadow: 0 10px 22px rgba(23,75,145,.12); color: var(--shipendo-forest); display: flex; height: 40px; justify-content: center; position: absolute; width: 40px; z-index: 1; }
.shipendo-network-node b { font-size: 14px; font-weight: 800; }
.shipendo-network-brand { display: block; fill: none; height: 25px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; width: 25px; }
.shipendo-network-node.is-shopify { background: #eff8df; color: #3c642d; left: 13%; top: 12%; }
.shipendo-network-node.is-ai { background: #f1edff; color: #534181; bottom: 12%; left: auto; right: 13%; }
.shipendo-network-node.is-shopify img { display: block; height: 27px; object-fit: contain; width: 24px; }
.shipendo-network-ai { height: 26px; stroke-width: 1.7; width: 26px; }
.shipendo-network-node.is-carrier { background: #eaf3ff; color: #1764c5; right: 13%; top: 12%; }
.shipendo-network-node.is-api { background: #f1edff; color: #534181; bottom: 12%; left: 13%; right: auto; }
.shipendo-network-node.is-shipendo { background: rgba(255,255,255,.72); border-color: rgba(13,79,184,.24); border-radius: 19px; height: 72px; left: 50%; transform: translate(-50%, -50%); top: 50%; width: 72px; }
.shipendo-network-node.is-shipendo .shipendo-wordmark { color: var(--shipendo-forest); font-size: 11px; letter-spacing: -.06em; }
.shipendo-network-node.is-shipendo img { display: block; height: 56px; width: 56px; }

/* FAQ + CTA */
.shipendo-faq-section { background: var(--shipendo-sand); }.shipendo-faq-grid { display: grid; gap: 110px; grid-template-columns: .8fr 1.2fr; }.shipendo-faq-intro h2 em { color: var(--shipendo-coral); }.shipendo-faq-intro p { color: var(--shipendo-muted); font-size: 14px; line-height: 1.7; margin-top: 23px; max-width: 310px; }.shipendo-text-link-dark { color: var(--shipendo-forest); display: inline-block; margin-top: 27px; }.shipendo-faq-list details { border-bottom: 1px solid #d6ddd3; padding: 0; }.shipendo-faq-list summary { align-items: center; cursor: pointer; display: flex; font-size: 16px; font-weight: 800; justify-content: space-between; list-style: none; padding: 22px 0; }.shipendo-faq-list summary::-webkit-details-marker { display: none; }.shipendo-faq-list summary span { align-items: center; border: 1px solid #c7d1c8; border-radius: 50%; color: var(--shipendo-coral); display: flex; font-size: 18px; font-weight: 400; height: 27px; justify-content: center; transition: transform .2s ease; width: 27px; }.shipendo-faq-list details[open] summary span { transform: rotate(45deg); }.shipendo-faq-list details p { color: var(--shipendo-muted); font-size: 13px; line-height: 1.7; max-width: 610px; padding: 0 55px 24px 0; }
.shipendo-cta-section { background: var(--shipendo-forest-deep); color: var(--shipendo-white); overflow: hidden; padding: 120px 0; position: relative; }.shipendo-cta-glow { background: var(--shipendo-coral); border-radius: 50%; filter: blur(130px); height: 420px; opacity: .13; position: absolute; right: -100px; top: -60px; width: 420px; }.shipendo-cta-grid { align-items: start; display: grid; gap: 100px; grid-template-columns: .9fr 1.1fr; position: relative; z-index: 1; }.shipendo-cta-copy { padding-top: 24px; }.shipendo-cta-copy h2 { font-size: clamp(45px, 5vw, 72px); margin-top: 24px; }.shipendo-cta-copy h2 em { color: var(--shipendo-lime); }.shipendo-cta-copy > p { color: rgba(255,255,255,.66); font-size: 15px; line-height: 1.7; margin-top: 24px; max-width: 400px; }.shipendo-cta-promise { align-items: center; display: flex; gap: 11px; margin-top: 42px; }.shipendo-cta-promise > span:first-child { align-items: center; background: rgba(196,240,121,.13); border-radius: 50%; color: var(--shipendo-lime); display: flex; font-size: 16px; height: 36px; justify-content: center; width: 36px; }.shipendo-cta-promise strong { display: block; font-size: 11px; }.shipendo-cta-promise small { color: rgba(255,255,255,.45); display: block; font-size: 10px; margin-top: 3px; }
.shipendo-lead-form { background: var(--shipendo-white); border-radius: var(--shipendo-radius); color: var(--shipendo-ink); padding: 34px; }.shipendo-form-heading { border-bottom: 1px solid #e6ebe5; margin-bottom: 21px; padding-bottom: 21px; }.shipendo-form-heading strong { display: block; font-size: 18px; letter-spacing: -.05em; }.shipendo-form-heading span { color: var(--shipendo-muted); display: block; font-size: 11px; margin-top: 6px; }.shipendo-form-row { display: grid; gap: 13px; grid-template-columns: 1fr 1fr; }.shipendo-lead-form label { display: block; margin-bottom: 15px; }.shipendo-lead-form label > span { color: #64746b; display: block; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .03em; margin-bottom: 7px; }.shipendo-lead-form input,.shipendo-lead-form select,.shipendo-lead-form textarea { background: #f4f7f2; border: 1px solid #e0e8df; border-radius: 8px; color: var(--shipendo-ink); display: block; font-size: 12px; outline: 0; padding: 12px 13px; transition: border .2s ease, box-shadow .2s ease; width: 100%; }.shipendo-lead-form textarea { min-height: 80px; resize: vertical; }.shipendo-lead-form input::placeholder,.shipendo-lead-form textarea::placeholder { color: #a6b1a9; }.shipendo-lead-form input:focus,.shipendo-lead-form select:focus,.shipendo-lead-form textarea:focus { border-color: #95bb82; box-shadow: 0 0 0 3px rgba(196,240,121,.25); }.shipendo-form-submit { margin-top: 2px; width: 100%; }.shipendo-form-note { color: #a0aba3; display: block; font-size: 9px; line-height: 1.5; margin-top: 12px; text-align: center; }.shipendo-form-success { align-items: flex-start; background: #eaf8e4; border-radius: 9px; color: #437a4e; display: none; gap: 9px; margin-top: 15px; padding: 12px; }.shipendo-form-success.is-visible { display: flex; }.shipendo-form-success > span { align-items: center; background: #8ace7d; border-radius: 50%; color: white; display: flex; font-size: 10px; height: 19px; justify-content: center; width: 19px; }.shipendo-form-success strong { display: block; font-size: 11px; }.shipendo-form-success p { font-size: 10px; margin-top: 2px; }
.shipendo-footer { background: #09221f; color: rgba(255,255,255,.55); padding: 31px 0; }.shipendo-footer-grid { align-items: center; display: flex; gap: 32px; }.shipendo-brand-footer { color: var(--shipendo-white); }.shipendo-footer-tagline { font-size: 11px; }.shipendo-footer-login { color: var(--shipendo-lime); font-size: 10px; font-weight: 700; }.shipendo-footer-login span { display: inline-block; margin-left: 5px; }.shipendo-footer-copy { font-family: 'DM Mono', monospace; font-size: 9px; margin-left: auto; }.shipendo-footer-top { color: var(--shipendo-lime); font-family: 'DM Mono', monospace; font-size: 9px; }

/* Reveal motion. Keep sections visible even when a full-page capture or
 * keyboard navigation does not trigger the intersection observer. */
.shipendo-reveal { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.js .shipendo-reveal,
.js .shipendo-reveal.is-visible { opacity: 1; transform: none; }
.js .shipendo-feature-grid .shipendo-reveal:nth-child(2),
.js .shipendo-advantage-grid .shipendo-reveal:nth-child(2) { transition-delay: .08s; }
.js .shipendo-feature-grid .shipendo-reveal:nth-child(3),
.js .shipendo-advantage-grid .shipendo-reveal:nth-child(3) { transition-delay: .16s; }
.js .shipendo-feature-grid .shipendo-reveal:nth-child(4) { transition-delay: .24s; }

@media (max-width: 1040px) {
  .shipendo-nav { gap: 25px; }.shipendo-nav-links { gap: 17px; }.shipendo-hero-grid { gap: 35px; }.shipendo-dashboard-wrap { min-height: 400px; }.shipendo-float-note-one { left: -10px; }.shipendo-float-note-two { right: -10px; }.shipendo-workflow-grid,.shipendo-faq-grid { gap: 60px; }.shipendo-integrations-grid,.shipendo-cta-grid { gap: 55px; }
}

@media (max-width: 800px) {
  .shipendo-language-switcher { margin-left: auto; margin-right: 5px; }.shipendo-language-switcher-label { display: none; }
  .shipendo-container { padding-left: 22px; padding-right: 22px; }.shipendo-section { padding: 86px 0; }.shipendo-nav { height: 73px; padding: 0 22px; }.shipendo-menu-toggle { display: block; }.shipendo-nav-links { background: var(--shipendo-forest); border-radius: 14px; display: none; flex-direction: column; gap: 0; left: 22px; padding: 10px; position: absolute; right: 22px; top: 63px; }.shipendo-nav-links.is-open { display: flex; }.shipendo-nav-links a { padding: 10px 12px; }.shipendo-nav-actions { display: none; }.shipendo-hero { padding: 71px 0 95px; }.shipendo-hero-grid,.shipendo-workflow-grid,.shipendo-integrations-grid,.shipendo-faq-grid,.shipendo-cta-grid { grid-template-columns: 1fr; }.shipendo-hero-copy { max-width: 650px; }.shipendo-hero h1 { font-size: clamp(48px, 12vw, 72px); }.shipendo-dashboard-wrap { margin: 24px auto 0; max-width: 640px; min-height: 420px; width: 100%; }.shipendo-scroll-cue { display: none; }.shipendo-strip-content { align-items: flex-start; flex-direction: column; gap: 20px; padding-bottom: 25px; padding-top: 25px; }.shipendo-strip-label { width: auto; }.shipendo-integration-logos { flex-wrap: wrap; gap: 19px 26px; justify-content: flex-start; }.shipendo-feature-grid { grid-template-columns: 1fr; margin-top: 50px; }.shipendo-feature-card-wide { display: block; grid-column: auto; }.shipendo-notification-stack { margin-top: 30px; }.shipendo-workflow-sticky { position: static; }.shipendo-steps { gap: 65px; margin-top: 45px; }.shipendo-step { grid-template-columns: 33px 1.3fr 1fr; }.shipendo-advantage-grid { grid-template-columns: 1fr; margin-top: 50px; }.shipendo-advantage-stat { padding: 25px 0; }.shipendo-advantage-stat + .shipendo-advantage-stat { border-left: 0; border-top: 1px solid var(--shipendo-line); }.shipendo-quote-card { margin-top: 55px; padding: 37px 30px; }.shipendo-integration-orbit { right: -100px; }.shipendo-faq-grid { gap: 45px; }.shipendo-cta-copy { padding-top: 0; }.shipendo-cta-grid { gap: 50px; }.shipendo-footer-grid { align-items: flex-start; flex-wrap: wrap; gap: 14px 22px; }.shipendo-footer-copy { margin-left: 0; width: 100%; }.shipendo-footer-top { margin-left: auto; }
}

@media (max-width: 560px) {
  .shipendo-hero-actions { align-items: stretch; flex-direction: column; }.shipendo-button { width: 100%; }.shipendo-proof-line { align-items: flex-start; margin-top: 35px; }.shipendo-dashboard { border-width: 4px; transform: rotate(0); }.shipendo-dashboard-body { min-height: 370px; }.shipendo-dashboard-sidebar { padding-left: 7px; padding-right: 7px; width: 35px; }.shipendo-dashboard-content { padding: 15px 12px; }.shipendo-dashboard-bottom { display: none; }.shipendo-dashboard-stats { gap: 5px; }.shipendo-stat-card { padding: 7px; }.shipendo-stat-card strong { font-size: 15px; }.shipendo-float-note { padding: 8px 10px; }.shipendo-float-note-one { left: -3px; top: 11%; }.shipendo-float-note-two { bottom: 4%; right: -3px; }.shipendo-float-note strong { font-size: 8px; }.shipendo-feature-card { min-height: 450px; padding: 24px; }.shipendo-feature-card-wide { min-height: 0; }.shipendo-order-flow { bottom: 24px; left: 24px; padding: 16px 12px; right: 24px; }.shipendo-stock-bars { bottom: 25px; left: 24px; right: 24px; }.shipendo-route-map { bottom: 12px; left: 24px; right: 24px; }.shipendo-step { display: grid; gap: 11px; grid-template-columns: 30px 1fr; }.shipendo-step-visual { grid-column: 2; min-height: 245px; padding: 18px; }.shipendo-step-copy { grid-column: 2; }.shipendo-step-number { grid-row: span 2; }.shipendo-step-copy h3 { font-size: 22px; }.shipendo-step-copy p { font-size: 12px; }.shipendo-quote-card blockquote { font-size: 27px; }.shipendo-integration-steps { padding-left: 17px; padding-right: 17px; }.shipendo-integration-orbit { opacity: .65; right: -180px; }.shipendo-form-row { grid-template-columns: 1fr; gap: 0; }.shipendo-lead-form { padding: 25px 20px; }.shipendo-footer-tagline { width: 100%; }.shipendo-footer-login { margin-right: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .shipendo-landing *, .shipendo-landing *::before, .shipendo-landing *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }.js .shipendo-reveal { opacity: 1; transform: none; }
}

/* Blue brand refresh + readability pass */
.shipendo-landing { font-size: 18px; line-height: 1.65; }
.shipendo-hero { background: var(--shipendo-forest-deep); }
.shipendo-hero::after { background: linear-gradient(90deg, rgba(146,197,255,.14), transparent 42%, rgba(255,111,97,.08)); }
.shipendo-nav-links a { color: rgba(255,255,255,.84); font-size: 14px; }
.shipendo-nav-links a:hover { color: var(--shipendo-blue); }
.shipendo-language-switcher-label { color: rgba(255,255,255,.58); font-size: 10px; }
.shipendo-language-switcher a { color: rgba(255,255,255,.78); font-size: 10px; }
.shipendo-language-switcher a:hover,
.shipendo-language-switcher a.is-active { background: rgba(146,197,255,.16); border-color: rgba(146,197,255,.35); color: var(--shipendo-blue); }
.shipendo-login-link { color: rgba(255,255,255,.86); font-size: 13px; }
.shipendo-text-link { font-size: 14px; }
.shipendo-kicker,
.shipendo-eyebrow { font-size: 12px; }
.shipendo-hero-lead { color: rgba(255,255,255,.86); font-size: 19px; line-height: 1.75; max-width: 520px; }
.shipendo-button { font-size: 14px; min-height: 56px; padding-left: 25px; padding-right: 25px; }
.shipendo-proof-line { color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.5; }
.shipendo-section-heading h2,
.shipendo-advantage-intro h2,
.shipendo-integrations-copy h2,
.shipendo-faq-intro h2 { line-height: 1.08; }
.shipendo-section-heading > p { color: var(--shipendo-muted); font-size: 19px; line-height: 1.75; }
.shipendo-feature-card { background: #e8f1ff; }
.shipendo-feature-card-dark { background: var(--shipendo-forest); }
.shipendo-feature-card-dark .shipendo-card-label { color: rgba(255,255,255,.72); }
.shipendo-card-label,
.shipendo-step-kicker { color: #526b8e; font-size: 11px; }
.shipendo-feature-card h3 { font-size: 32px; }
.shipendo-feature-card p { color: #405574; font-size: 16px; line-height: 1.75; }
.shipendo-feature-card-dark p { color: rgba(255,255,255,.82); }
.shipendo-card-link { color: var(--shipendo-forest); font-size: 14px; }
.shipendo-workflow-section { background: var(--shipendo-sand); }
.shipendo-workflow-sticky p { color: var(--shipendo-muted); font-size: 18px; line-height: 1.8; }
.shipendo-step-number { font-size: 13px; }
.shipendo-step-copy h3 { font-size: 29px; }
.shipendo-step-copy p { color: var(--shipendo-muted); font-size: 16px; line-height: 1.75; }
.shipendo-step-visual { background: #e4efff; }
.shipendo-step:nth-child(2) .shipendo-step-visual { background: #e0efff; }
.shipendo-step:nth-child(3) .shipendo-step-visual { background: #e8edff; }
.shipendo-advantage-intro p { color: var(--shipendo-muted); font-size: 18px; line-height: 1.75; }
.shipendo-advantage-stat span { font-size: 19px; }
.shipendo-advantage-stat p { color: var(--shipendo-muted); font-size: 15px; line-height: 1.75; }
.shipendo-quote-card { background: var(--shipendo-forest); }
.shipendo-integrations-section { background: #dbeafe; }
.shipendo-integrations-copy p { color: #2f4b72; font-size: 18px; line-height: 1.75; }
.shipendo-integration-step strong { font-size: 17px; }
.shipendo-integration-step p { color: #3f5a7e; font-size: 14px; line-height: 1.6; }
.shipendo-faq-section { background: var(--shipendo-sand); }
.shipendo-faq-intro p { color: var(--shipendo-muted); font-size: 18px; line-height: 1.75; }
.shipendo-faq-list summary { font-size: 18px; }
.shipendo-faq-list details p { color: var(--shipendo-muted); font-size: 16px; line-height: 1.75; }
.shipendo-cta-copy > p { color: rgba(255,255,255,.84); font-size: 18px; line-height: 1.75; }
.shipendo-cta-promise strong { font-size: 13px; }
.shipendo-cta-promise small { color: rgba(255,255,255,.68); font-size: 12px; }
.shipendo-lead-form { color: var(--shipendo-ink); }
.shipendo-form-heading strong { font-size: 21px; }
.shipendo-form-heading span { color: var(--shipendo-muted); font-size: 13px; }
.shipendo-lead-form label > span { color: #405574; font-size: 12px; font-weight: 600; }
.shipendo-lead-form input,
.shipendo-lead-form select,
.shipendo-lead-form textarea { background: #f5f8ff; border-color: #c9d8ee; font-size: 16px; padding: 14px 15px; }
.shipendo-lead-form input::placeholder,
.shipendo-lead-form textarea::placeholder { color: #7184a1; }
.shipendo-lead-form input:focus,
.shipendo-lead-form select:focus,
.shipendo-lead-form textarea:focus { border-color: #4f86d8; box-shadow: 0 0 0 3px rgba(79,134,216,.2); }
.shipendo-form-note { color: #5f7190; font-size: 11px; }
.shipendo-form-success { background: #e3f3ff; color: #174c91; }
.shipendo-form-success > span { background: #4f9be8; }
.shipendo-form-success strong { font-size: 13px; }
.shipendo-form-success p { font-size: 12px; }

/* Keep customer-facing form copy in the readable UI sans-serif. */
.shipendo-lead-form,
.shipendo-lead-form input,
.shipendo-lead-form select,
.shipendo-lead-form textarea,
.shipendo-lead-form button {
  font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
}

.shipendo-form-heading strong,
.shipendo-form-heading span,
.shipendo-lead-form label > span,
.shipendo-form-note,
.shipendo-form-success,
.shipendo-form-success strong,
.shipendo-form-success p {
  letter-spacing: normal;
}

.shipendo-form-heading strong {
  font-weight: 800;
  letter-spacing: -.025em;
}

.shipendo-lead-form label > span {
  font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}

.shipendo-lead-form input,
.shipendo-lead-form select,
.shipendo-lead-form textarea {
  font-weight: 600;
}

.shipendo-form-submit {
  font-weight: 800;
  letter-spacing: -.015em;
}

.shipendo-footer { background: #061633; }
.shipendo-footer-tagline { font-size: 13px; }
.shipendo-footer-login { font-size: 12px; }
.shipendo-footer-copy,
.shipendo-footer-top { font-size: 11px; }
.shipendo-dashboard { border-color: #2d5eae; }
.shipendo-dashboard-topbar { background: #e2ebfb; color: #58719a; }
.shipendo-dashboard-sidebar { background: #e7effc; border-right-color: #c9d8ee; }
.shipendo-dashboard-heading small { font-size: 8px; }
.shipendo-dashboard-heading h3 { font-size: 19px; }
.shipendo-stat-card span { color: #50698f; font-size: 9px; }
.shipendo-stat-card small { font-size: 8px; }
.shipendo-panel-head strong { font-size: 11px; }
.shipendo-panel-head span { font-size: 8px; }

@media (max-width: 560px) {
  .shipendo-hero-lead { font-size: 18px; }
  .shipendo-feature-card h3 { font-size: 28px; }
  .shipendo-step-copy h3 { font-size: 25px; }
  .shipendo-step-copy p { font-size: 15px; }
  .shipendo-faq-list summary { font-size: 17px; }
  .shipendo-faq-list details p { font-size: 15px; }
}

/* Hero rework: a lighter, more editorial Shipendo identity. */
.shipendo-noise { display: none; }
.shipendo-nav { background: rgba(247,250,255,.96); border-bottom: 1px solid #d7e3f5; color: var(--shipendo-ink); }
.shipendo-brand { color: var(--shipendo-ink); }
.shipendo-nav-links a { color: #405574; }
.shipendo-nav-links a:hover { color: var(--shipendo-forest); }
.shipendo-login-link { border-color: #cfddf1; color: #385174; }
.shipendo-login-link span { color: var(--shipendo-forest); }
.shipendo-login-link:hover { color: var(--shipendo-forest); }
.shipendo-nav .shipendo-text-link { color: var(--shipendo-forest); }
.shipendo-language-switcher-label { color: #6b7f9e; }
.shipendo-language-switcher a { color: #4b6285; }
.shipendo-language-switcher a:hover,
.shipendo-language-switcher a.is-active { background: #e2efff; border-color: #b8d4f7; color: var(--shipendo-forest); }
.shipendo-menu-toggle > span:not(.visually-hidden) { background: var(--shipendo-forest-deep); }

.shipendo-hero { background-color: #edf5ff; background-image: linear-gradient(rgba(37,99,191,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,191,.075) 1px, transparent 1px), radial-gradient(circle at 76% 38%, rgba(108,171,255,.32), transparent 34%), linear-gradient(135deg, #f7fbff 0%, #e8f2ff 100%); background-size: 46px 46px, 46px 46px, auto, auto; color: var(--shipendo-ink); min-height: 680px; }
.shipendo-hero::after { background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%); opacity: .7; }
.shipendo-hero-orbit { display: none; }
.shipendo-hero .shipendo-container { align-items: center; }
.shipendo-hero-copy { max-width: 590px; }
.shipendo-hero .shipendo-kicker { color: var(--shipendo-forest); }
.shipendo-hero .shipendo-pulse { background: var(--shipendo-forest); box-shadow: 0 0 0 5px rgba(13,79,184,.12); }
.shipendo-hero h1 { color: var(--shipendo-ink); font-size: clamp(46px, 5vw, 72px); letter-spacing: -.06em; line-height: 1.04; max-width: 590px; }
.shipendo-hero h1 em { color: var(--shipendo-forest); }
.shipendo-hero-lead { color: #304a70; max-width: 520px; }
.shipendo-hero .shipendo-button-primary { background: var(--shipendo-forest); box-shadow: 0 14px 30px rgba(13,79,184,.22); color: #fff; }
.shipendo-hero .shipendo-button-primary:hover { background: #0a429e; box-shadow: 0 17px 36px rgba(13,79,184,.3); }
.shipendo-hero .shipendo-button-quiet { background: rgba(255,255,255,.7); border: 1px solid #bfd4ef; color: var(--shipendo-ink); }
.shipendo-hero .shipendo-button-quiet:hover { background: #fff; border-color: #8bb4e8; }
.shipendo-hero .shipendo-play-icon { border-color: #9bbbe4; color: var(--shipendo-forest); }
.shipendo-proof-line { color: #4c6385; }
.shipendo-proof-avatars i { border-color: #edf5ff; color: var(--shipendo-ink); }
.shipendo-scroll-cue { color: #5b7294; }
.shipendo-scroll-cue i { background: var(--shipendo-forest); }

.shipendo-dashboard-wrap { max-width: 675px; min-height: 490px; }
.shipendo-dashboard-glow { background: #4f9be8; filter: blur(110px); opacity: .25; }
.shipendo-dashboard { border: 1px solid #8db8ed; border-radius: 22px; box-shadow: 0 28px 65px rgba(27,72,137,.2), 0 0 0 7px rgba(255,255,255,.72); transform: rotate(0); }
.shipendo-dashboard-topbar { background: #d8e8fb; color: #42618d; height: 36px; }
.shipendo-live-chip { background: #fff; color: var(--shipendo-forest); }
.shipendo-dashboard-sidebar { background: #e6f0fd; border-right-color: #c6daf2; }
.shipendo-sidebar-logo { background: transparent; }
.shipendo-sidebar-icon.is-active { background: #d2e5fb; color: var(--shipendo-forest); }
.shipendo-dashboard-heading h3 { color: var(--shipendo-ink); }
.shipendo-dashboard-panel,
.shipendo-stat-card,
.shipendo-mini-order { border-color: #d1e0f3; }
.shipendo-chart-lines i { background: #d5e4f5; }
.shipendo-chart-lines svg path:last-child { stroke: #2f83e6; }
.shipendo-chart-lines svg path:first-child { fill: rgba(79,155,232,.18); }
.shipendo-float-note-one { transform: rotate(-3deg); }
.shipendo-float-note-two { transform: rotate(3deg); }

@media (max-width: 800px) {
  .shipendo-nav { background: rgba(247,250,255,.98); }
  .shipendo-nav-links { background: #fff; border: 1px solid #d3e1f3; box-shadow: 0 16px 30px rgba(24,65,125,.12); }
  .shipendo-hero { min-height: 0; }
  .shipendo-hero h1 { font-size: clamp(43px, 11vw, 66px); }
}

@media (max-width: 560px) {
  .shipendo-hero { padding-top: 58px; }
  .shipendo-hero h1 { font-size: clamp(42px, 12vw, 58px); }
  .shipendo-dashboard-wrap { min-height: 420px; }
}

/* Hero board: a clear operations view instead of a tilted dashboard mockup. */
.shipendo-hero h1,
.shipendo-section-heading h2,
.shipendo-workflow-sticky h2,
.shipendo-advantage-intro h2,
.shipendo-integrations-copy h2,
.shipendo-faq-intro h2,
.shipendo-cta-copy h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 700; letter-spacing: -.045em; }
.shipendo-dashboard-wrap { display: none; }
.shipendo-hero-board { align-self: center; background: #fff; border: 1px solid #bfd5ef; border-radius: 24px; box-shadow: 0 30px 70px rgba(22,70,139,.18); max-width: 680px; overflow: hidden; padding: 24px; position: relative; width: 100%; z-index: 2; }
.shipendo-hero-board::before { background: linear-gradient(180deg, #2f83e6, #c7f36b); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 5px; }
.shipendo-board-top { align-items: center; border-bottom: 1px solid #e1eaf5; display: flex; justify-content: space-between; padding-bottom: 20px; }
.shipendo-board-title { align-items: center; display: flex; gap: 12px; }
.shipendo-board-mark { align-items: center; background: var(--shipendo-forest); border-radius: 9px; color: #fff; display: flex; font-family: 'DM Mono', monospace; font-size: 11px; height: 34px; justify-content: center; width: 34px; }
.shipendo-board-title small { color: #6a82a2; display: block; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .1em; }
.shipendo-board-title strong { color: var(--shipendo-ink); display: block; font-size: 20px; letter-spacing: -.04em; margin-top: 2px; }
.shipendo-board-live { align-items: center; background: #eaf3ff; border-radius: 100px; color: var(--shipendo-forest); display: flex; font-size: 12px; font-weight: 800; gap: 7px; padding: 8px 11px; }
.shipendo-board-live i { background: #2f83e6; border-radius: 50%; display: block; height: 7px; width: 7px; }
.shipendo-board-summary { display: grid; gap: 11px; grid-template-columns: repeat(3, 1fr); margin-top: 20px; }
.shipendo-board-summary > div { background: #f6f9fe; border: 1px solid #e1eaf5; border-radius: 14px; padding: 16px; }
.shipendo-board-summary span { color: #5a7192; display: block; font-size: 11px; line-height: 1.3; }
.shipendo-board-summary strong { color: var(--shipendo-ink); display: block; font-size: 27px; letter-spacing: -.05em; line-height: 1.1; margin-top: 8px; }
.shipendo-board-summary small { color: #2c8a62; display: block; font-size: 11px; margin-top: 6px; }
.shipendo-board-summary > div:last-child small { color: #d87e3c; }
.shipendo-board-runway { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); margin-top: 26px; position: relative; }
.shipendo-board-runway-line { background: #b9d1ee; height: 2px; left: 13%; position: absolute; right: 13%; top: 17px; }
.shipendo-board-stage { background: #fff; border: 1px solid #d5e2f2; border-radius: 14px; padding: 30px 15px 16px; position: relative; z-index: 1; }
.shipendo-board-stage > span { align-items: center; background: #eff6ff; border: 2px solid #fff; border-radius: 50%; color: #6a82a2; display: flex; font-family: 'DM Mono', monospace; font-size: 10px; height: 34px; justify-content: center; left: 15px; position: absolute; top: 0; transform: translateY(-50%); width: 34px; }
.shipendo-board-stage.is-active { border-color: #7db1ed; box-shadow: 0 0 0 3px rgba(79,155,232,.1); }
.shipendo-board-stage.is-active > span { background: var(--shipendo-forest); color: #fff; }
.shipendo-board-stage small { color: #6a82a2; display: block; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .06em; line-height: 1.3; min-height: 25px; }
.shipendo-board-stage strong { color: var(--shipendo-ink); display: block; font-size: 15px; line-height: 1.3; margin-top: 9px; }
.shipendo-board-stage i { align-items: center; background: #def6ea; border-radius: 50%; color: #26845d; display: flex; font-size: 11px; font-style: normal; height: 22px; justify-content: center; margin-top: 13px; width: 22px; }
.shipendo-board-chart { background: #f7faff; border: 1px solid #e0eaf6; border-radius: 16px; margin-top: 18px; padding: 18px 18px 12px; }
.shipendo-board-chart-head { display: flex; justify-content: space-between; }
.shipendo-board-chart-head strong { color: var(--shipendo-ink); font-size: 14px; }
.shipendo-board-chart-head span { color: #7185a1; font-size: 11px; }
.shipendo-board-chart-grid { height: 100px; margin-top: 12px; position: relative; }
.shipendo-board-chart-grid > i { background: #dbe7f5; display: block; height: 1px; left: 0; position: absolute; right: 0; }
.shipendo-board-chart-grid > i:nth-child(1) { top: 10px; }
.shipendo-board-chart-grid > i:nth-child(2) { top: 35px; }
.shipendo-board-chart-grid > i:nth-child(3) { top: 60px; }
.shipendo-board-chart-grid > i:nth-child(4) { top: 85px; }
.shipendo-board-chart-grid svg { height: 100%; inset: 0; position: absolute; width: 100%; }
.shipendo-board-footer { border-top: 1px solid #e1eaf5; display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 18px; padding-top: 16px; }
.shipendo-board-footer span { align-items: center; color: #506886; display: flex; font-size: 11px; gap: 7px; }
.shipendo-board-footer i { align-items: center; background: #def6ea; border-radius: 50%; color: #26845d; display: flex; font-size: 9px; font-style: normal; height: 18px; justify-content: center; width: 18px; }
.shipendo-board-footer i.is-blue { background: #e1efff; color: #2f83e6; }
.shipendo-board-footer i.is-orange { background: #fff0de; color: #d37b32; }

@media (max-width: 800px) {
  .shipendo-hero-board { margin: 20px auto 0; }
}

@media (max-width: 560px) {
  .shipendo-hero-board { border-radius: 18px; padding: 16px; }
  .shipendo-board-summary { gap: 7px; }
  .shipendo-board-summary > div { padding: 11px; }
  .shipendo-board-summary span { font-size: 9px; }
  .shipendo-board-summary strong { font-size: 20px; }
  .shipendo-board-summary small { font-size: 9px; }
  .shipendo-board-runway { gap: 7px; }
  .shipendo-board-stage { padding: 28px 9px 12px; }
  .shipendo-board-stage small { font-size: 7px; }
  .shipendo-board-stage strong { font-size: 12px; }
  .shipendo-board-footer { gap: 8px; }
  .shipendo-board-footer span { font-size: 9px; }
}

/* WCAG AA contrast pass for text and controls. */
.shipendo-scroll-cue { display: none; }
.shipendo-integrations-strip { background: #edf4ec; }
.shipendo-strip-label,
.shipendo-integration-logos,
.shipendo-integration-logos span { color: #29415a; opacity: 1; }
.shipendo-strip-label { font-weight: 500; }
.shipendo-logo-shopify { background: #d7e8be; color: #3c642d; }
.shipendo-logo-ai { background: #e2dcf7; color: #554192; }
.shipendo-logo-carrier { background: #f9d9ce; color: #8f4a3d; }
.shipendo-logo-api { background: #ded9f2; color: #534181; }

.shipendo-eyebrow,
.shipendo-step-number,
.shipendo-integration-step > span,
.shipendo-advantage-stat strong,
.shipendo-workflow-sticky h2 em,
.shipendo-faq-intro h2 em { color: #8f3f3d; }
.shipendo-feature-card-dark .shipendo-card-label { color: #d9e7f5; }
.shipendo-feature-card-dark p { color: #eaf2fb; }
.shipendo-route-map .shipendo-map-label { color: #d8e7f4; }
.shipendo-quote-attribution small { color: #d4e0ef; }

.shipendo-step-window-top,
.shipendo-pick-head b,
.shipendo-delivery-route,
.shipendo-step-product small,
.shipendo-pick-row small,
.shipendo-delivery-main small,
.shipendo-delivery-line,
.shipendo-notification small,
.shipendo-notification time { color: #526b8e; }
.shipendo-step-check { color: #3d6d4d; }
.shipendo-pick-done,
.shipendo-delivery-line .is-current { color: #2d7c4d; }

.shipendo-language-switcher-label { color: #526b8e; }
.shipendo-language-switcher a { color: #405a7a; }
.shipendo-board-title small,
.shipendo-board-summary span,
.shipendo-board-chart-head span { color: #526b8e; }
.shipendo-board-footer span { color: #435c76; }
.shipendo-board-footer i.is-orange { background: #fff0de; color: #9a4a0e; }

.shipendo-lead-form input::placeholder,
.shipendo-lead-form textarea::placeholder,
.shipendo-form-note { color: #526b8e; }
.shipendo-form-success > span { background: #245eaa; }
.shipendo-form-success { color: #2e6340; }
.shipendo-footer-tagline,
.shipendo-footer-copy { color: #c0cde0; }

/* Accessible text colors for compact status and workflow indicators. */
.shipendo-icon-coral { color: #743332; }
.shipendo-icon-blue { color: #2d5f95; }
.shipendo-flow-node { color: #526b8e; }
.shipendo-flow-node.is-current { background: #8f3f3d; border-color: #8f3f3d; }
.shipendo-pick-box.is-filled { color: #236b43; }

/* Workflow heading and CTA polish. Keep the headline balanced at narrow widths
 * and make the primary action unmistakably readable on the blue surface. */
.shipendo-workflow-sticky h2 { font-size: clamp(39px, 3.3vw, 55px); max-width: 100%; }
.shipendo-workflow-sticky h2 em { color: #8f3f3d; }
.shipendo-workflow-sticky .shipendo-button-dark { background: #0d4fb8; color: #fff !important; }
.shipendo-workflow-sticky .shipendo-button-dark span { color: #fff !important; }
.shipendo-workflow-sticky .shipendo-button-dark:hover { background: #071b41; }

@media (max-width: 800px) {
  .shipendo-workflow-sticky h2 { font-size: clamp(42px, 9vw, 60px); }
  .shipendo-workflow-sticky h2 br { display: none; }
  .shipendo-workflow-sticky h2 em { white-space: nowrap; }
}

/* Navigation polish: keep the primary links readable and move the full
 * language list into a compact, keyboard-friendly menu. */
.shipendo-nav { gap: 28px; }
.shipendo-brand { flex: 0 0 auto; }
.shipendo-nav-links { align-items: center; flex: 1 1 auto; gap: clamp(16px, 2.2vw, 30px); margin-left: clamp(12px, 3vw, 50px); min-width: 0; }
.shipendo-nav-links a { white-space: nowrap; }
.shipendo-nav-actions { flex: 0 0 auto; }
.shipendo-login-link { white-space: nowrap; }

.shipendo-language-menu { flex: 0 0 auto; margin-left: 0; position: relative; z-index: 20; }
.shipendo-language-trigger { align-items: center; border: 1px solid transparent; border-radius: 9px; color: #405a7a; cursor: pointer; display: flex; font: inherit; gap: 7px; list-style: none; padding: 8px 9px; user-select: none; }
.shipendo-language-trigger::-webkit-details-marker { display: none; }
.shipendo-language-trigger::marker { content: ''; }
.shipendo-language-trigger strong { color: var(--shipendo-forest); font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .06em; }
.shipendo-language-chevron { color: #6b7f9e; font-size: 13px; line-height: 1; transform: translateY(-1px); transition: transform .2s ease; }
.shipendo-language-menu[open] .shipendo-language-trigger,
.shipendo-language-trigger:hover { background: #eef5ff; border-color: #b8d4f7; color: var(--shipendo-forest); }
.shipendo-language-menu[open] .shipendo-language-chevron { transform: rotate(180deg); }
.shipendo-language-options { background: #fff; border: 1px solid #cfdff2; border-radius: 12px; box-shadow: 0 18px 36px rgba(24,65,125,.16); display: grid; gap: 4px; grid-template-columns: repeat(4, minmax(48px, 1fr)); min-width: 236px; padding: 8px; position: absolute; right: 0; top: calc(100% + 8px); }
.shipendo-language-options a { align-items: center; border: 1px solid transparent; border-radius: 7px; color: #405a7a; display: flex; font-family: 'DM Mono', monospace; font-size: 10px; justify-content: center; min-height: 34px; padding: 7px 6px; }
.shipendo-language-options a:hover,
.shipendo-language-options a:focus-visible,
.shipendo-language-options a.is-active { background: #e2efff; border-color: #b8d4f7; color: var(--shipendo-forest); font-weight: 800; }
.shipendo-nav a:focus-visible,
.shipendo-language-trigger:focus-visible { outline: 3px solid rgba(13,79,184,.35); outline-offset: 3px; }

/* Public page menu: keep the header calm while making every marketing page
 * reachable without adding a crowded row of links. */
.shipendo-nav-menu { flex: 0 0 auto; position: relative; z-index: 25; }
.shipendo-nav-menu > summary { align-items: center; color: #405574; cursor: pointer; display: flex; font-size: 13px; font-weight: 600; gap: 7px; list-style: none; white-space: nowrap; }
.shipendo-nav-menu > summary::-webkit-details-marker { display: none; }
.shipendo-nav-menu > summary::marker { content: ''; }
.shipendo-nav-menu-chevron { color: var(--shipendo-forest); font-size: 15px; line-height: 1; transform: translateY(-1px); transition: transform .2s ease; }
.shipendo-nav-menu[open] > summary,
.shipendo-nav-menu > summary:hover { color: var(--shipendo-forest); }
.shipendo-nav-menu > summary:focus-visible { outline: 3px solid rgba(13,79,184,.35); outline-offset: 3px; }
.shipendo-nav-menu[open] .shipendo-nav-menu-chevron { transform: rotate(180deg); }
.shipendo-nav-menu-panel { background: #fff; border: 1px solid #cfdff2; border-radius: 14px; box-shadow: 0 18px 36px rgba(24,65,125,.16); display: grid; gap: 4px; grid-template-columns: repeat(2, minmax(138px, 1fr)); min-width: 320px; padding: 9px; position: absolute; right: 50%; top: calc(100% + 13px); transform: translateX(50%); }
.shipendo-nav-menu-panel a { border: 1px solid transparent; border-radius: 8px; color: #405a7a; display: block; font-size: 12px; font-weight: 700; padding: 9px 10px; white-space: nowrap; }
.shipendo-nav-menu-panel a:hover,
.shipendo-nav-menu-panel a:focus-visible,
.shipendo-nav-menu-panel a.is-active { background: #eaf3ff; border-color: #c1d8f4; color: var(--shipendo-forest); }
.shipendo-nav-menu-panel a:focus-visible { outline: 2px solid rgba(13,79,184,.35); outline-offset: 1px; }
.shipendo-nav-pricing { color: #405574 !important; font-size: 13px; font-weight: 700 !important; }
.shipendo-nav-pricing:hover,
.shipendo-nav-pricing:focus-visible,
.shipendo-nav-pricing.is-active { color: var(--shipendo-forest) !important; }
.shipendo-nav-pillar { color: #405574; font-size: 13px; font-weight: 700; position: relative; }
.shipendo-nav-pillar::after { background: var(--shipendo-forest); bottom: -9px; content: ''; height: 2px; left: 50%; position: absolute; transform: translateX(-50%) scaleX(0); transition: transform .2s ease; width: 100%; }
.shipendo-nav-pillar:hover,
.shipendo-nav-pillar:focus-visible,
.shipendo-nav-pillar.is-active { color: var(--shipendo-forest); }
.shipendo-nav-pillar.is-active::after { transform: translateX(-50%) scaleX(1); }

@media (max-width: 1040px) {
  .shipendo-nav { gap: 17px; }
  .shipendo-nav-links { gap: 15px; margin-left: 12px; }
  .shipendo-nav-links a { font-size: 12px; }
  .shipendo-nav-menu > summary { font-size: 12px; }
  .shipendo-nav-pricing { font-size: 12px; }
  .shipendo-login-link { margin-right: 12px; padding-right: 12px; }
}

@media (max-width: 800px) {
  .shipendo-nav { gap: 8px; }
  .shipendo-nav-links { margin-left: 0; }
  .shipendo-nav-menu { width: 100%; }
  .shipendo-nav-menu > summary { color: #405574; font-size: 14px; padding: 10px 12px; }
  .shipendo-nav-menu-panel { box-shadow: none; grid-template-columns: 1fr; min-width: 0; padding: 4px 0 6px; position: relative; right: auto; top: auto; transform: none; width: 100%; }
  .shipendo-nav-menu-panel a { font-size: 14px; padding: 9px 12px; }
  .shipendo-nav-pricing { display: block; font-size: 14px; padding: 10px 12px; }
  .shipendo-nav-pillar { display: block; font-size: 14px; padding: 10px 12px; width: 100%; }
  .shipendo-nav-pillar::after { display: none; }
  .shipendo-nav-pillar.is-active { background: #eaf3ff; border-radius: 8px; }
  .shipendo-language-menu { margin-left: auto; }
  .shipendo-language-switcher-label { display: none; }
  .shipendo-language-options { grid-template-columns: repeat(4, minmax(44px, 1fr)); min-width: 216px; right: -4px; }
}

/* The translated desktop labels need more room than the English originals.
 * Collapse to the complete menu before links can collide with the language
 * control or account actions. Login and contact remain available inside it. */
.shipendo-nav-mobile-actions { display: none; }

@media (max-width: 1500px) {
  .shipendo-nav-mobile-actions { border-top: 1px solid #d7e3f5; display: grid; gap: 7px; margin-top: 5px; padding: 12px; }
  .shipendo-nav-mobile-actions a { align-items: center; border: 1px solid #c9daef; border-radius: 9px; color: #23466f; display: flex; font-size: 14px; font-weight: 750; justify-content: space-between; min-height: 44px; padding: 10px 12px; white-space: normal; }
  .shipendo-nav-mobile-actions .shipendo-nav-mobile-cta { background: #0d4fb8; border-color: #0d4fb8; color: #fff; }
}

@media (min-width: 801px) and (max-width: 1500px) {
  .shipendo-nav { gap: 12px; height: 74px; padding-left: 28px; padding-right: 28px; }
  .shipendo-brand { order: 1; }
  .shipendo-language-menu { margin-left: auto; order: 2; }
  .shipendo-menu-toggle { display: block; order: 3; }
  .shipendo-nav-actions { display: none; }
  .shipendo-nav-links { align-items: stretch; background: #fff; border: 1px solid #d3e1f3; border-radius: 14px; box-shadow: 0 18px 40px rgba(24,65,125,.16); display: none; flex: none; flex-direction: column; gap: 2px; left: 28px; margin-left: 0; max-height: calc(100vh - 100px); overflow-y: auto; padding: 10px; position: absolute; right: 28px; top: 64px; }
  .shipendo-nav-links.is-open { display: flex; }
  .shipendo-nav-links > a,
  .shipendo-nav-pricing,
  .shipendo-nav-pillar { border-radius: 8px; display: block; font-size: 14px !important; padding: 11px 12px; width: 100%; }
  .shipendo-nav-links > a:hover,
  .shipendo-nav-links > a:focus-visible { background: #eaf3ff; }
  .shipendo-nav-pillar::after { display: none; }
  .shipendo-nav-pillar.is-active,
  .shipendo-nav-pricing.is-active { background: #eaf3ff; }
}
.shipendo-step-check span { background: #236b43; }
.shipendo-delivery-icon { color: #743332; }
.shipendo-delivery-check { color: #236b43; }
.shipendo-notification > span { color: #526b8e; }
.shipendo-notification > span:first-child { color: #236b43; }
.shipendo-notification > span.orange { color: #85400c; }
.shipendo-stock-bars i { color: #526b8e; }
.shipendo-board-stage > span { color: #526b8e; }
.shipendo-board-stage i,
.shipendo-board-footer i { color: #236b43; }
.shipendo-board-summary small { color: #236b43; }
.shipendo-board-summary > div:last-child small { color: #85400c; }
.shipendo-board-footer i.is-blue { color: #2d5f95; }

.shipendo-landing em { color: #743332; }
.shipendo-hero h1 em,
.shipendo-section-heading h2 em,
.shipendo-advantage-intro h2 em,
.shipendo-integrations-copy h2 em { color: var(--shipendo-forest); }
.shipendo-proof-avatars i { color: #0b1f4a; }
.shipendo-proof-avatars i:nth-child(4) { background: #8f3f3d; color: #fff; }
.shipendo-step-window-top b,
.shipendo-step-check b { color: #236b43; }
.shipendo-faq-list summary span { color: #743332; }

/* The quote attribution is customer-facing copy, not decorative metadata.
 * Keep it large enough to read at a glance and use near-white text on blue. */
.shipendo-quote-attribution { gap: 13px; }
.shipendo-quote-avatar { font-size: 16px; height: 42px; width: 42px; }
.shipendo-quote-attribution strong { font-size: 16px; line-height: 1.25; }
.shipendo-quote-attribution small { color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.35; margin-top: 3px; }

/* Responsive type polish: keep the service promise grouped, add the missing
 * breathing room below the hero headline, and balance long headings. */
.shipendo-hero h1 em { display: block; }
.shipendo-landing .shipendo-hero-lead { margin-top: 24px; }
.shipendo-hero h1,
.shipendo-section-heading h2,
.shipendo-workflow-sticky h2,
.shipendo-advantage-intro h2,
.shipendo-integrations-copy h2,
.shipendo-faq-intro h2,
.shipendo-cta-copy h2 { text-wrap: balance; }

/* Keep blue action buttons readable even when theme link styles are loaded
 * after the landing page stylesheet. */
.shipendo-landing a.shipendo-button-dark,
.shipendo-landing a.shipendo-button-dark:visited,
.shipendo-landing a.shipendo-button-dark:hover,
.shipendo-landing a.shipendo-button-dark:focus-visible {
  background: #0d4fb8;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
.shipendo-landing a.shipendo-button-dark span { color: #fff !important; }
.shipendo-landing a.shipendo-button-dark:focus-visible {
  outline: 3px solid #b6e86e;
  outline-offset: 3px;
}

@media (max-width: 800px) {
  .shipendo-language-trigger { padding: 10px 8px; }
  .shipendo-language-trigger strong { font-size: 12px; }
  .shipendo-language-chevron { font-size: 14px; }
  .shipendo-board-stage small { font-size: 8px; line-height: 1.35; }
  .shipendo-board-footer span { font-size: 10px; }
}

@media (max-width: 560px) {
  .shipendo-hero h1 { line-height: 1.02; }
  .shipendo-landing .shipendo-hero-lead { margin-top: 22px; }
}

/* Let the shipping capability become a deliberate full-width desktop band. */
@media (min-width: 801px) {
  .shipendo-feature-card-dark {
    grid-column: 1 / -1;
    min-height: 360px;
    padding: 42px;
  }

  .shipendo-feature-card-dark h3,
  .shipendo-feature-card-dark p { max-width: 560px; }

  .shipendo-feature-card-dark .shipendo-route-map {
    bottom: 42px;
    left: 53%;
    right: 42px;
  }
}

/* Use the desktop canvas for the workflow instead of leaving a tall empty
 * column beside the stacked process cards. */
@media (min-width: 801px) {
  .shipendo-workflow-grid { display: block; }
  .shipendo-workflow-sticky { max-width: 760px; position: static; }
  .shipendo-workflow-sticky p { max-width: 620px; }
  .shipendo-steps {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 64px;
  }
  .shipendo-step {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .shipendo-step-number { padding-top: 0; }
  .shipendo-step-visual { min-height: 258px; }
  .shipendo-step-copy { align-self: auto; }
  .shipendo-step-copy h3 { font-size: clamp(23px, 2vw, 31px); }
}

/* Fallback for sites still serving the default Drupal theme while the
 * route-level Shipendo theme is being rebuilt. These regions exist only
 * outside the landing content and are not part of the marketing footer. */
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
#block-system-powered-by,
#block-user-login,
#block-system-navigation { display: none !important; }

/* Compact desktop rhythm for the full landing page. */
@media (min-width: 801px) {
  .shipendo-section { padding: 92px 0; }

  .shipendo-hero {
    min-height: 0;
    padding-bottom: 78px;
    padding-top: 72px;
  }

  .shipendo-dashboard-wrap { min-height: 430px; }
  .shipendo-proof-line { margin-top: 36px; }
  .shipendo-strip-content { min-height: 82px; }
  .shipendo-feature-grid { margin-top: 52px; }
  .shipendo-steps { margin-top: 48px; }
  .shipendo-advantage-grid { margin-top: 54px; }
  .shipendo-quote-card { margin-top: 56px; }
  .shipendo-integrations-grid,
  .shipendo-faq-grid { gap: 72px; }
  .shipendo-cta-section { padding-bottom: 88px; padding-top: 88px; }
}

/* Match Drupal Form API field markup to the landing-page form design. */
.shipendo-lead-form .form-item { margin-bottom: 15px; }
.shipendo-lead-form .form-item > label {
  color: #405574;
  display: block;
  font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 7px;
  white-space: nowrap;
}
.shipendo-lead-form .form-item > label .form-required {
  color: #b23b42;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  margin: 0 0 0 3px;
}
.shipendo-lead-form .form-actions { margin: 0; padding: 0; }
.shipendo-form-honeypot {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.shipendo-form-error {
  background: #fff0ed;
  border: 1px solid #f0b5ac;
  border-radius: 9px;
  color: #8c302c;
  display: none;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 15px;
  padding: 12px;
}
.shipendo-form-error.is-visible { display: block; }

/* Final homepage polish. Keep the editorial display face for major headings,
 * use one readable UI face everywhere else, and keep the existing blue system. */
.shipendo-landing {
  --shipendo-ui-font: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --shipendo-display-font: Georgia, 'Times New Roman', serif;
  font-family: var(--shipendo-ui-font);
  font-size: 16px;
  line-height: 1.6;
}

.shipendo-landing .shipendo-hero h1,
.shipendo-landing .shipendo-section-heading h2,
.shipendo-landing .shipendo-workflow-sticky h2,
.shipendo-landing .shipendo-advantage-intro h2,
.shipendo-landing .shipendo-integrations-copy h2,
.shipendo-landing .shipendo-faq-intro h2,
.shipendo-landing .shipendo-cta-copy h2,
.shipendo-landing .shipendo-marketing-hero-copy h1,
.shipendo-landing .shipendo-marketing-intro h2,
.shipendo-landing .shipendo-marketing-flow-heading h2,
.shipendo-landing .shipendo-marketing-section-heading h2,
.shipendo-landing .shipendo-marketing-proof h2,
.shipendo-landing .shipendo-marketing-advantages-intro h2,
.shipendo-landing .shipendo-marketing-decision-intro h2,
.shipendo-landing .shipendo-marketing-education-intro h2 {
  font-family: var(--shipendo-display-font);
  letter-spacing: -.038em;
  line-height: 1.06;
}

/* These are customer-facing labels, not code or telemetry. A single UI face
 * makes the page easier to scan without removing the label styling. */
.shipendo-landing .shipendo-kicker,
.shipendo-landing .shipendo-eyebrow,
.shipendo-landing .shipendo-card-label,
.shipendo-landing .shipendo-step-kicker,
.shipendo-landing .shipendo-step-number,
.shipendo-landing .shipendo-strip-label,
.shipendo-landing .shipendo-language-switcher-label,
.shipendo-landing .shipendo-language-switcher a,
.shipendo-landing .shipendo-language-trigger strong,
.shipendo-landing .shipendo-language-options a,
.shipendo-landing .shipendo-advantage-stat strong,
.shipendo-landing .shipendo-integration-step > span,
.shipendo-landing .shipendo-footer-copy,
.shipendo-landing .shipendo-footer-top {
  font-family: var(--shipendo-ui-font);
}

.shipendo-landing .shipendo-kicker,
.shipendo-landing .shipendo-eyebrow,
.shipendo-landing .shipendo-card-label,
.shipendo-landing .shipendo-step-kicker,
.shipendo-landing .shipendo-strip-label {
  font-weight: 800;
  letter-spacing: .12em;
}

.shipendo-landing .shipendo-hero h1 {
  font-size: clamp(48px, 5vw, 70px);
}

.shipendo-landing .shipendo-hero-lead,
.shipendo-landing .shipendo-section-heading > p,
.shipendo-landing .shipendo-workflow-sticky p,
.shipendo-landing .shipendo-advantage-intro p,
.shipendo-landing .shipendo-integrations-copy p,
.shipendo-landing .shipendo-faq-intro p,
.shipendo-landing .shipendo-cta-copy > p {
  font-size: 17px;
  line-height: 1.65;
}

.shipendo-landing .shipendo-feature-card p,
.shipendo-landing .shipendo-step-copy p,
.shipendo-landing .shipendo-advantage-stat p,
.shipendo-landing .shipendo-integration-step p,
.shipendo-landing .shipendo-faq-list details p {
  font-size: 15px;
  line-height: 1.65;
}

.shipendo-landing .shipendo-section-heading h2,
.shipendo-landing .shipendo-advantage-intro h2,
.shipendo-landing .shipendo-integrations-copy h2,
.shipendo-landing .shipendo-faq-intro h2 {
  font-size: clamp(40px, 4.1vw, 58px);
}

.shipendo-landing .shipendo-workflow-sticky h2 {
  font-size: clamp(40px, 3.8vw, 56px);
}

.shipendo-landing .shipendo-cta-copy h2 {
  font-size: clamp(44px, 4.7vw, 68px);
}

.shipendo-landing .shipendo-feature-card h3 {
  font-size: 29px;
  line-height: 1.1;
}

.shipendo-landing .shipendo-step-copy h3 {
  font-size: 27px;
  line-height: 1.12;
}

.shipendo-landing .shipendo-advantage-stat span {
  font-size: 18px;
  line-height: 1.25;
}

.shipendo-landing .shipendo-integration-step strong {
  font-size: 16px;
  line-height: 1.3;
}

.shipendo-landing .shipendo-faq-list summary {
  font-size: 17px;
  line-height: 1.35;
}

.shipendo-landing p { text-wrap: pretty; }

@media (min-width: 801px) {
  .shipendo-landing .shipendo-section { padding: 84px 0; }
  .shipendo-landing .shipendo-hero { padding: 64px 0 72px; }
  .shipendo-landing .shipendo-dashboard-wrap { min-height: 400px; }
  .shipendo-landing .shipendo-feature-grid { margin-top: 48px; }
  .shipendo-landing .shipendo-feature-card,
  .shipendo-landing .shipendo-feature-card-large { min-height: 440px; }
  .shipendo-landing .shipendo-feature-card-wide { min-height: 320px; }
  .shipendo-landing .shipendo-steps { margin-top: 44px; }
  .shipendo-landing .shipendo-advantage-grid { margin-top: 44px; }
  .shipendo-landing .shipendo-quote-card { margin-top: 46px; }
  .shipendo-landing .shipendo-integrations-grid,
  .shipendo-landing .shipendo-faq-grid { gap: 64px; }
  .shipendo-landing .shipendo-cta-section { padding: 84px 0; }
}

@media (max-width: 800px) {
  .shipendo-landing .shipendo-section { padding: 70px 0; }
  .shipendo-landing .shipendo-hero { padding: 58px 0 72px; }
  .shipendo-landing .shipendo-hero h1 { font-size: clamp(46px, 12vw, 68px); }
  .shipendo-landing .shipendo-section-heading h2 br,
  .shipendo-landing .shipendo-advantage-intro h2 br,
  .shipendo-landing .shipendo-integrations-copy h2 br,
  .shipendo-landing .shipendo-faq-intro h2 br,
  .shipendo-landing .shipendo-cta-copy h2 br { display: none; }
  .shipendo-landing .shipendo-feature-card { min-height: 430px; }
  .shipendo-landing .shipendo-feature-card-wide { min-height: 0; }
  .shipendo-landing .shipendo-steps { margin-top: 40px; }
  .shipendo-landing .shipendo-cta-section { padding: 72px 0; }
}

@media (max-width: 560px) {
  .shipendo-landing .shipendo-hero-lead,
  .shipendo-landing .shipendo-section-heading > p,
  .shipendo-landing .shipendo-workflow-sticky p,
  .shipendo-landing .shipendo-advantage-intro p,
  .shipendo-landing .shipendo-integrations-copy p,
  .shipendo-landing .shipendo-faq-intro p,
  .shipendo-landing .shipendo-cta-copy > p { font-size: 16px; }
  .shipendo-landing .shipendo-feature-card { min-height: 415px; }
  .shipendo-landing .shipendo-feature-card h3 { font-size: 27px; }
  .shipendo-landing .shipendo-step-copy h3 { font-size: 24px; }
}

/* The submit input also matches the field styling above. Keep the CTA
 * visually active and clearly separate from the form fields. */
.shipendo-landing .shipendo-lead-form input.shipendo-form-submit,
.shipendo-landing .shipendo-lead-form input.shipendo-form-submit:visited {
  background: #0d4fb8 !important;
  border: 1px solid #0d4fb8 !important;
  box-shadow: 0 12px 26px rgba(13, 79, 184, .24);
  color: #fff !important;
  cursor: pointer;
  -webkit-text-fill-color: #fff;
}

.shipendo-landing .shipendo-lead-form input.shipendo-form-submit:hover,
.shipendo-landing .shipendo-lead-form input.shipendo-form-submit:focus-visible {
  background: #071b41 !important;
  border-color: #071b41 !important;
  box-shadow: 0 15px 30px rgba(7, 27, 65, .28), 0 0 0 3px rgba(196, 240, 121, .38);
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.shipendo-landing .shipendo-lead-form input.shipendo-form-submit:disabled {
  background: #a9bdd8 !important;
  border-color: #a9bdd8 !important;
  box-shadow: none;
  color: #0b1f4a !important;
  cursor: not-allowed;
  -webkit-text-fill-color: #0b1f4a;
}

/* Keep section transitions compact so the page reads as one continuous story. */
@media (min-width: 801px) {
  .shipendo-landing .shipendo-section { padding-bottom: 58px; padding-top: 58px; }
  .shipendo-landing .shipendo-intro-section { padding-bottom: 46px; }
  .shipendo-landing .shipendo-advantage-section { padding-top: 46px; }
}

@media (max-width: 800px) {
  .shipendo-landing .shipendo-section { padding-bottom: 56px; padding-top: 56px; }
}

@media (max-width: 560px) {
  .shipendo-landing .shipendo-section { padding-bottom: 48px; padding-top: 48px; }
}

/* Keep the CTA copy and lead form inside the mobile viewport. */
@media (max-width: 800px) {
  .shipendo-landing .shipendo-cta-grid {
    gap: 42px;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }

  .shipendo-landing .shipendo-cta-copy,
  .shipendo-landing .shipendo-lead-form {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .shipendo-landing .shipendo-cta-copy h2 {
    font-size: clamp(40px, 11.4vw, 58px);
    line-height: 1.04;
    overflow-wrap: normal;
  }

  .shipendo-landing h2 br + em::before { content: ' '; }
  .shipendo-landing .shipendo-cta-copy > p { max-width: 100%; }

  .shipendo-landing .shipendo-lead-form {
    border-radius: 22px;
    padding: 28px 24px 26px;
  }

  .shipendo-landing .shipendo-form-row {
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .shipendo-landing .shipendo-lead-form input,
  .shipendo-landing .shipendo-lead-form select,
  .shipendo-landing .shipendo-lead-form textarea {
    max-width: 100%;
  }
}

/* Improve notification readability without changing the compact card layout. */
.shipendo-landing .shipendo-notification strong {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

.shipendo-landing .shipendo-notification small {
  color: #526b8e;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 4px;
}

.shipendo-landing .shipendo-notification time {
  color: #526b8e;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
}

.shipendo-landing .shipendo-notification > span {
  flex: 0 0 32px;
  font-size: 14px;
  height: 32px;
  width: 32px;
}

@media (max-width: 560px) {
  .shipendo-landing .shipendo-notification strong { font-size: 13px; }
  .shipendo-landing .shipendo-notification small { font-size: 10px; }
  .shipendo-landing .shipendo-notification time { font-size: 9px; }
}

/* Make the shipping route feel like a real logistics handoff. */
.shipendo-feature-card-dark .shipendo-route-map {
  overflow: visible;
}

.shipendo-feature-card-dark .shipendo-route-map svg {
  height: 150px;
  opacity: 1;
  overflow: visible;
}

.shipendo-route-line {
  fill: none;
  stroke: #c4f079;
  stroke-dasharray: 4 9;
  stroke-linecap: round;
  stroke-width: 3.5;
  vector-effect: non-scaling-stroke;
}

.shipendo-route-node {
  stroke: #1458bd;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.shipendo-route-node-start { fill: #ff786e; }
.shipendo-route-node-mid { fill: #c4f079; }
.shipendo-route-node-end { fill: #c4f079; stroke: #fff; }

.shipendo-feature-card-dark .shipendo-route-map .shipendo-map-label {
  align-items: center;
  background: #f7fbff;
  border: 1px solid rgba(7, 27, 65, .18);
  border-radius: 8px;
  box-shadow: 0 7px 16px rgba(7, 27, 65, .18);
  color: #071b41;
  display: flex;
  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  letter-spacing: .08em;
  line-height: 1;
  min-width: 47px;
  padding: 7px 10px;
  white-space: nowrap;
  z-index: 4;
}

.shipendo-feature-card-dark .shipendo-map-label.one { left: -2px; top: 84px; }
.shipendo-feature-card-dark .shipendo-map-label.two { left: 40%; top: 32px; }
.shipendo-feature-card-dark .shipendo-map-label.three { right: -2px; top: 10px; }

@media (min-width: 801px) {
  .shipendo-feature-card-dark .shipendo-route-map {
    bottom: 31px;
    height: 150px;
  }
}

@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-route-map {
    bottom: 16px;
    height: 130px;
  }

  .shipendo-feature-card-dark .shipendo-route-map svg { height: 130px; }
  .shipendo-feature-card-dark .shipendo-route-map .shipendo-map-label { font-size: 10px; padding: 6px 8px; }
  .shipendo-feature-card-dark .shipendo-map-label.one { top: 72px; }
  .shipendo-feature-card-dark .shipendo-map-label.two { top: 28px; }
  .shipendo-feature-card-dark .shipendo-map-label.three { top: 6px; }
}

/* Keep the workflow illustrations legible while preserving their compact proportions. */
.shipendo-landing .shipendo-step-number { font-size: 13px; }
.shipendo-landing .shipendo-step-window-top { font-size: 12px; line-height: 1.3; }
.shipendo-landing .shipendo-step-window-top b { font-size: 10px; }
.shipendo-landing .shipendo-step-product strong { font-size: 13px; }
.shipendo-landing .shipendo-step-product small { font-size: 10px; line-height: 1.35; }
.shipendo-landing .shipendo-step-product em { font-size: 13px; }
.shipendo-landing .shipendo-step-check { font-size: 11px; line-height: 1.3; }
.shipendo-landing .shipendo-step-check b { font-size: 11px; }
.shipendo-landing .shipendo-pick-head { font-size: 12px; line-height: 1.3; }
.shipendo-landing .shipendo-pick-head b { font-size: 10px; }
.shipendo-landing .shipendo-pick-done { font-size: 11px; }
.shipendo-landing .shipendo-pick-row { font-size: 12px; line-height: 1.3; }
.shipendo-landing .shipendo-pick-row small { font-size: 10px; line-height: 1.35; }
.shipendo-landing .shipendo-pick-row > b { font-size: 12px; }
.shipendo-landing .shipendo-delivery-route { font-size: 10px; }
.shipendo-landing .shipendo-delivery-main strong { font-size: 13px; }
.shipendo-landing .shipendo-delivery-main small { font-size: 10px; line-height: 1.35; }
.shipendo-landing .shipendo-delivery-line { font-size: 9px; }

/* Use locally embedded Lucide truck and package SVGs for a cleaner logistics visual. */
.shipendo-feature-card-dark .shipendo-route-map .shipendo-route-path {
  height: 150px;
  width: 100%;
}

.shipendo-feature-card-dark .shipendo-route-map .shipendo-route-icon {
  background: linear-gradient(145deg, #fff 0%, #eaf3ff 100%);
  border: 1px solid rgba(255, 255, 255, .96);
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0 12px 22px rgba(4, 26, 70, .24);
  display: block;
  fill: none;
  height: 64px;
  padding: 11px;
  position: absolute;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
  width: 64px;
  z-index: 3;
}

.shipendo-feature-card-dark .shipendo-route-icon-package {
  background: linear-gradient(145deg, #fff 0%, #fff0eb 100%);
  bottom: 43px;
  color: #e87368;
  left: 7%;
}

.shipendo-feature-card-dark .shipendo-route-icon-truck {
  bottom: 40px;
  color: #1764c5;
  left: 48%;
}

.shipendo-feature-card-dark .shipendo-route-icon-destination {
  background: linear-gradient(145deg, #fff 0%, #e9f8ed 100%);
  bottom: 37px;
  color: #2b9a68;
  height: 54px;
  padding: 9px;
  right: 1%;
  width: 54px;
}

.shipendo-feature-card-dark .shipendo-map-label.one { left: calc(7% + 8px); top: 115px; }
.shipendo-feature-card-dark .shipendo-map-label.two { left: 54%; top: 1px; }
.shipendo-feature-card-dark .shipendo-map-label.three { right: 0; top: 0; }

@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-route-map .shipendo-route-path { height: 130px; }
  .shipendo-feature-card-dark .shipendo-route-map .shipendo-route-icon { height: 56px; padding: 9px; width: 56px; }
  .shipendo-feature-card-dark .shipendo-route-icon-package { bottom: 37px; left: 4%; }
  .shipendo-feature-card-dark .shipendo-route-icon-truck { bottom: 34px; left: 47%; }
  .shipendo-feature-card-dark .shipendo-route-icon-destination { bottom: 31px; height: 47px; padding: 8px; right: 0; width: 47px; }
  .shipendo-feature-card-dark .shipendo-map-label.one { left: calc(4% + 5px); top: 98px; }
  .shipendo-feature-card-dark .shipendo-map-label.two { left: 53%; top: 0; }
  .shipendo-feature-card-dark .shipendo-map-label.three { top: 0; }
}

/* Final route treatment: a clear, modern shipment timeline. */
.shipendo-feature-card-dark .shipendo-route-map {
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(4,36,94,.12));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  bottom: 24px;
  height: 124px;
  left: 42px;
  overflow: hidden;
  right: 42px;
  z-index: 0;
}

.shipendo-feature-card-dark > *:not(.shipendo-route-map) {
  position: relative;
  z-index: 1;
}

.shipendo-feature-card-dark .shipendo-route-map::before {
  background: radial-gradient(circle, rgba(196,240,121,.18), transparent 68%);
  content: '';
  height: 140px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: -8px;
  transform: translateX(-50%);
  width: 380px;
}

.shipendo-feature-card-dark .shipendo-route-map .shipendo-route-path {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.shipendo-feature-card-dark .shipendo-route-line {
  stroke: #c4f079;
  stroke-dasharray: 1 9;
  stroke-linecap: round;
  stroke-width: 3;
}

.shipendo-feature-card-dark .shipendo-route-node {
  stroke: #1557b7;
  stroke-width: 2;
}

.shipendo-feature-card-dark .shipendo-route-node-start { fill: #ff786e; }
.shipendo-feature-card-dark .shipendo-route-node-mid { fill: #c4f079; }
.shipendo-feature-card-dark .shipendo-route-node-end { fill: #8be1ad; stroke: #fff; }

.shipendo-feature-card-dark .shipendo-route-map .shipendo-route-icon {
  box-shadow: 0 16px 30px rgba(3, 23, 63, .32), 0 0 0 5px rgba(255,255,255,.08);
  height: 58px;
  top: 62px;
  transform: translateY(-50%);
  width: 58px;
}

.shipendo-feature-card-dark .shipendo-route-icon-package { left: 2%; }
.shipendo-feature-card-dark .shipendo-route-icon-truck { left: 50%; transform: translate(-50%, -50%); }
.shipendo-feature-card-dark .shipendo-route-icon-destination { height: 52px; right: 2%; top: 62px; transform: translateY(-50%); width: 52px; }

.shipendo-feature-card-dark .shipendo-route-map .shipendo-map-label {
  box-shadow: 0 8px 16px rgba(3, 23, 63, .25);
  top: 7px;
  z-index: 5;
}

.shipendo-feature-card-dark .shipendo-map-label.one { left: 2%; }
.shipendo-feature-card-dark .shipendo-map-label.two { left: 50%; transform: translateX(-50%); }
.shipendo-feature-card-dark .shipendo-map-label.three { right: 2%; }

@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-route-map {
    bottom: 16px;
    height: 108px;
    left: 24px;
    right: 24px;
  }

  .shipendo-feature-card-dark .shipendo-route-map .shipendo-route-icon {
    height: 50px;
    top: 54px;
    width: 50px;
  }

  .shipendo-feature-card-dark .shipendo-route-icon-destination {
    height: 45px;
    top: 54px;
    width: 45px;
  }

  .shipendo-feature-card-dark .shipendo-route-map .shipendo-map-label { top: 4px; }
}

/* Keep the route lightweight. The card background carries the visual weight. */
.shipendo-feature-card-dark .shipendo-route-map {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: 106px;
  left: 36px;
  right: 36px;
}

.shipendo-feature-card-dark .shipendo-route-map::before { display: none; }
.shipendo-feature-card-dark .shipendo-route-line { stroke-dasharray: 1 8; stroke-width: 2.5; }
.shipendo-feature-card-dark .shipendo-route-map .shipendo-route-icon { height: 48px; top: 72px; width: 48px; }
.shipendo-feature-card-dark .shipendo-route-icon-package { left: 2%; }
.shipendo-feature-card-dark .shipendo-route-icon-truck { left: 50%; }
.shipendo-feature-card-dark .shipendo-route-icon-destination { height: 43px; right: 2%; top: 72px; width: 43px; }
.shipendo-feature-card-dark .shipendo-route-map .shipendo-map-label { border: 0; font-size: 11px; min-width: 42px; padding: 6px 8px; top: 5px; }
.shipendo-feature-card-dark .shipendo-map-label.one { left: 2%; }
.shipendo-feature-card-dark .shipendo-map-label.two { left: 50%; }
.shipendo-feature-card-dark .shipendo-map-label.three { right: 2%; }

@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-route-map { height: 94px; left: 24px; right: 24px; }
  .shipendo-feature-card-dark .shipendo-route-map .shipendo-route-icon { height: 42px; top: 64px; width: 42px; }
  .shipendo-feature-card-dark .shipendo-route-icon-destination { height: 37px; top: 64px; width: 37px; }
  .shipendo-feature-card-dark .shipendo-route-map .shipendo-map-label { font-size: 10px; min-width: 38px; padding: 5px 7px; top: 3px; }
}

/* Open shipping scene. No enclosing panel, so this illustration feels distinct from the UI cards. */
.shipendo-feature-card-dark .shipendo-shipping-visual {
  bottom: 19px;
  height: 194px;
  left: 51%;
  position: absolute;
  right: 30px;
  z-index: 2;
}

.shipendo-shipping-scene {
  height: 175px;
  overflow: visible;
  width: 100%;
}

.shipendo-shipping-scene-ground {
  fill: none;
  stroke: rgba(255,255,255,.2);
  stroke-linecap: round;
  stroke-width: 1.2;
}

.shipendo-shipping-scene-link {
  fill: none;
  stroke: rgba(196,240,121,.7);
  stroke-dasharray: 1 9;
  stroke-linecap: round;
  stroke-width: 2;
}

.shipendo-shipping-scene-dot { fill: var(--shipendo-lime); }

.shipendo-shipping-scene-box path:first-child { fill: #fff; }
.shipendo-shipping-scene-box path:nth-child(2) { fill: #e6f0fb; }
.shipendo-shipping-scene-box path:nth-child(3) { fill: #d5e6f7; }
.shipendo-shipping-scene-box path:nth-child(4) { fill: none; stroke: var(--shipendo-coral); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.shipendo-shipping-scene-box rect { fill: var(--shipendo-coral); opacity: .9; }
.shipendo-shipping-scene-box path:last-child { fill: none; stroke: #fff; stroke-linecap: round; stroke-width: 1.2; }

.shipendo-shipping-scene-truck path:first-child { fill: #f8fbff; stroke: #f8fbff; stroke-linejoin: round; stroke-width: 2; }
.shipendo-shipping-scene-truck path:nth-child(2) { fill: #d9ebfb; stroke: #f8fbff; stroke-linejoin: round; stroke-width: 2; }
.shipendo-shipping-scene-truck path:nth-child(3),
.shipendo-shipping-scene-truck path:nth-child(4),
.shipendo-shipping-scene-truck path:nth-child(7) { fill: none; stroke: var(--shipendo-blue); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.shipendo-shipping-scene-truck circle { fill: var(--shipendo-forest-deep); stroke: #f8fbff; stroke-width: 3; }
.shipendo-shipping-scene-truck path:nth-child(6) { fill: none; stroke: var(--shipendo-blue); stroke-width: 2; }
.shipendo-shipping-scene-truck rect { fill: var(--shipendo-lime); }

.shipendo-shipping-scene-pin path { fill: #f8fbff; stroke: #f8fbff; stroke-linejoin: round; stroke-width: 2; }
.shipendo-shipping-scene-pin circle { fill: #42a77c; stroke: #f8fbff; stroke-width: 2; }

.shipendo-shipping-scene-label {
  color: rgba(255,255,255,.75);
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: .08em;
  position: absolute;
  text-transform: uppercase;
}

.shipendo-shipping-scene-label-order { left: 1%; top: 66%; }
.shipendo-shipping-scene-label-carrier { color: var(--shipendo-lime); left: 50%; top: 72%; }
.shipendo-shipping-scene-label-destination { right: 2%; top: 12%; }
.shipendo-shipping-scene-label-order i { background: var(--shipendo-coral); border-radius: 50%; display: inline-block; height: 6px; margin-right: 6px; width: 6px; }

.shipendo-shipping-scene-meta {
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.62);
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  padding-top: 9px;
}

.shipendo-shipping-scene-meta span {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.shipendo-shipping-scene-meta span i {
  background: var(--shipendo-lime);
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  width: 6px;
}

.shipendo-shipping-scene-meta strong { color: var(--shipendo-lime); font-size: 11px; }

@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-shipping-visual {
    bottom: 15px;
    height: 177px;
    left: 24px;
    right: 24px;
  }

  .shipendo-shipping-scene { height: 158px; }
  .shipendo-shipping-scene-label { font-size: 9px; }
  .shipendo-shipping-scene-meta { font-size: 9px; }
}

/* Replace the shipping illustration with a quiet operational status line. */
.shipendo-feature-card-dark .shipendo-shipping-status {
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.16);
  bottom: 30px;
  color: rgba(255,255,255,.66);
  display: flex;
  gap: 22px;
  left: 42px;
  padding-top: 13px;
  position: absolute;
  right: 42px;
}

.shipendo-shipping-status-id,
.shipendo-shipping-status-carrier {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.shipendo-shipping-status-id {
  color: rgba(255,255,255,.78);
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: .08em;
}

.shipendo-shipping-status-id i {
  background: var(--shipendo-coral);
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  width: 6px;
}

.shipendo-shipping-status-carrier b {
  color: var(--shipendo-lime);
  font-size: 11px;
}

.shipendo-shipping-status-carrier small {
  color: rgba(255,255,255,.6);
  font-size: 10px;
}

.shipendo-shipping-status > strong {
  color: var(--shipendo-lime);
  font-size: 11px;
  margin-left: auto;
}

@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-shipping-status {
    bottom: 21px;
    gap: 13px;
    left: 24px;
    right: 24px;
  }

  .shipendo-shipping-status-carrier small { font-size: 9px; }
  .shipendo-shipping-status > strong { font-size: 10px; }
}

/* A quieter, product-led shipment route for the shipping capability. */
.shipendo-feature-card-dark .shipendo-shipping-visual-modern {
  bottom: 18px;
  height: 196px;
  left: 51%;
  right: 28px;
}

.shipendo-modern-status {
  align-items: center;
  color: rgba(255,255,255,.55);
  display: flex;
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  gap: 7px;
  letter-spacing: .11em;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  z-index: 2;
}

.shipendo-modern-status-pulse {
  background: var(--shipendo-lime);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(196,240,121,.12);
  display: inline-block;
  height: 6px;
  width: 6px;
}

.shipendo-modern-status strong {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: var(--shipendo-lime);
  font-family: var(--shipendo-ui-font);
  font-size: 10px;
  letter-spacing: 0;
  margin-left: 8px;
  padding: 6px 9px;
  text-transform: none;
}

.shipendo-modern-status strong i {
  color: var(--shipendo-coral);
  font-style: normal;
  margin-left: 3px;
}

.shipendo-modern-scene {
  height: 174px;
  overflow: visible;
  padding-top: 16px;
  width: 100%;
}

.shipendo-modern-grid-line {
  fill: none;
  stroke: rgba(255,255,255,.08);
  stroke-width: 1;
}

.shipendo-modern-route-shadow {
  fill: none;
  filter: url(#shipendo-route-glow);
  opacity: .3;
  stroke: var(--shipendo-lime);
  stroke-linecap: round;
  stroke-width: 7;
}

.shipendo-modern-route {
  fill: none;
  stroke: url(#shipendo-route-gradient);
  stroke-dasharray: 1 11;
  stroke-linecap: round;
  stroke-width: 2.5;
}

.shipendo-modern-node {
  stroke: var(--shipendo-forest);
  stroke-width: 3;
}

.shipendo-modern-node-start { fill: var(--shipendo-coral); }
.shipendo-modern-node-end { fill: var(--shipendo-mint); }

.shipendo-modern-package {
  filter: drop-shadow(0 8px 8px rgba(3, 23, 63, .2));
}

.shipendo-modern-package-body { fill: none; stroke: #f8fbff; stroke-linejoin: miter; stroke-width: 2; }
.shipendo-modern-package-line { fill: none; stroke: #f8fbff; stroke-linecap: butt; stroke-width: 4; }

.shipendo-modern-carrier path { fill: none; stroke: #f8fbff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.shipendo-modern-carrier-window { fill: var(--shipendo-blue) !important; stroke: none !important; }
.shipendo-modern-carrier circle { fill: none; stroke: var(--shipendo-mint); stroke-width: 2; }

.shipendo-modern-destination-ring { fill: rgba(255,118,108,.16); stroke: var(--shipendo-coral); stroke-width: 2; }
.shipendo-modern-destination-point { fill: var(--shipendo-coral); }

.shipendo-modern-label {
  fill: rgba(255,255,255,.58);
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  letter-spacing: .09em;
}

.shipendo-modern-label-current { fill: var(--shipendo-lime); }
.shipendo-modern-label-end { fill: rgba(255,255,255,.46); }

.shipendo-modern-meta {
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.68);
  display: flex;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  justify-content: space-between;
  padding-top: 9px;
}

.shipendo-modern-meta span {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.shipendo-modern-meta span i {
  background: var(--shipendo-coral);
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  width: 6px;
}

.shipendo-modern-meta strong {
  color: var(--shipendo-lime);
  font-family: var(--shipendo-ui-font);
  font-size: 11px;
}

@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-shipping-visual-modern {
    bottom: 12px;
    height: 178px;
    left: 24px;
    right: 24px;
  }

  .shipendo-modern-status { font-size: 8px; }
  .shipendo-modern-status strong { font-size: 9px; padding: 5px 7px; }
  .shipendo-modern-scene { height: 153px; }
  .shipendo-modern-label { font-size: 8px; }
  .shipendo-modern-meta { font-size: 9px; }
}

/* Shared public subpages. The layout is deliberately quieter than the home
 * page so the copy can do the selling without turning every section into a
 * dashboard mockup. */
.shipendo-section-light { background: var(--shipendo-paper); color: var(--shipendo-ink); }
.shipendo-section-sand { background: #eaf2ff; color: var(--shipendo-ink); }
.shipendo-marketing-hero { min-height: 620px; overflow: hidden; padding: 92px 0 104px; position: relative; }
.shipendo-marketing-hero::before { background: radial-gradient(circle, rgba(146,197,255,.28), transparent 67%); content: ''; height: 650px; pointer-events: none; position: absolute; right: -120px; top: -160px; width: 650px; }
.shipendo-marketing-hero-grid { align-items: center; display: grid; gap: 74px; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); position: relative; z-index: 1; }
.shipendo-marketing-hero-copy { max-width: 600px; }
.shipendo-marketing-hero-copy .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-hero-copy h1 { font-size: clamp(50px, 5.7vw, 82px); margin-top: 25px; max-width: 660px; }
.shipendo-marketing-hero-copy h1 em { color: var(--shipendo-forest); }
.shipendo-marketing-hero-copy > p { color: #385575; font-size: 18px; line-height: 1.75; margin-top: 28px; max-width: 555px; }
.shipendo-marketing-hero-copy .shipendo-button { margin-top: 34px; }
.shipendo-marketing-hero-trust { align-items: center; color: #486385; display: flex; font-size: 12px; font-weight: 700; gap: 8px; line-height: 1.4; margin-top: 18px; }
.shipendo-marketing-hero-trust > span { align-items: center; background: #e3f5e9; border-radius: 50%; color: #287b52; display: inline-flex; font-size: 12px; height: 22px; justify-content: center; width: 22px; }
.shipendo-marketing-page .shipendo-button-blue { background: var(--shipendo-forest); box-shadow: 0 14px 30px rgba(13,79,184,.22); color: #fff; }
.shipendo-marketing-page .shipendo-button-blue:hover,
.shipendo-marketing-page .shipendo-button-blue:focus-visible { background: #0a429e; box-shadow: 0 17px 36px rgba(13,79,184,.3); }
.shipendo-marketing-hero-panel { background: rgba(255,255,255,.82); border: 1px solid #c9dcf2; border-radius: 26px; box-shadow: 0 28px 70px rgba(36,87,151,.14); min-height: 360px; padding: 24px; transform: rotate(1.2deg); }
.shipendo-marketing-panel-top { align-items: center; border-bottom: 1px solid #dfe9f5; display: flex; justify-content: space-between; padding-bottom: 18px; }
.shipendo-marketing-panel-top span { align-items: center; color: var(--shipendo-ink); display: flex; font-size: 14px; font-weight: 800; gap: 8px; }
.shipendo-marketing-panel-top span i { background: #39a66d; border-radius: 50%; display: block; height: 8px; width: 8px; }
.shipendo-marketing-panel-top strong { background: #e5f7ec; border-radius: 999px; color: #247a51; font-size: 11px; padding: 8px 11px; }
.shipendo-marketing-panel-heading { align-items: baseline; display: flex; justify-content: space-between; margin-top: 25px; }
.shipendo-marketing-panel-heading span { color: var(--shipendo-ink); font-size: 18px; font-weight: 800; letter-spacing: -.04em; }
.shipendo-marketing-panel-heading small { color: #6f86a4; font-size: 11px; }
.shipendo-marketing-panel-chart { background: #f5f9ff; border: 1px solid #deebf8; border-radius: 17px; height: 150px; margin-top: 16px; overflow: hidden; padding: 18px; position: relative; }
.shipendo-marketing-panel-chart::before,
.shipendo-marketing-panel-chart::after,
.shipendo-marketing-panel-chart i { border-top: 1px solid #d9e6f4; content: ''; left: 18px; position: absolute; right: 18px; }
.shipendo-marketing-panel-chart::before { top: 43px; }
.shipendo-marketing-panel-chart::after { top: 82px; }
.shipendo-marketing-panel-chart i { top: 121px; }
.shipendo-marketing-panel-chart svg { height: 100%; position: relative; width: 100%; z-index: 1; }
.shipendo-marketing-panel-flow { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); margin-top: 16px; }
.shipendo-marketing-panel-flow span { background: #f8fbff; border: 1px solid #deebf8; border-radius: 11px; color: #526d91; display: block; font-size: 10px; padding: 11px; }
.shipendo-marketing-panel-flow b { color: var(--shipendo-coral); display: block; font-family: 'DM Mono', monospace; font-size: 9px; margin-bottom: 5px; }
.shipendo-marketing-panel-note { align-items: center; border-top: 1px solid #dfe9f5; color: #4e7097; display: flex; font-size: 11px; gap: 8px; margin-top: 18px; padding-top: 15px; }
.shipendo-marketing-panel-note i { align-items: center; background: #dff5e7; border-radius: 50%; color: #2d8a5e; display: flex; font-size: 10px; font-style: normal; height: 20px; justify-content: center; width: 20px; }
.shipendo-marketing-panel-note strong { color: var(--shipendo-forest); font-size: 16px; margin-left: auto; }
.shipendo-marketing-intro { padding: 82px 0; }
.shipendo-marketing-intro-grid { align-items: end; display: grid; gap: 80px; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); }
.shipendo-marketing-intro .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-intro h2 { font-size: clamp(42px, 5vw, 70px); margin-top: 22px; max-width: 720px; }
.shipendo-marketing-intro h2 em { color: var(--shipendo-forest); }
.shipendo-marketing-intro-grid > p { color: #385575; font-size: 17px; line-height: 1.75; max-width: 470px; }
.shipendo-marketing-education-section { background: #eaf2ff; padding-bottom: 116px; padding-top: 112px; }
.shipendo-marketing-education-intro { align-items: end; display: grid; gap: 80px; grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr); }
.shipendo-marketing-education-intro .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-education-intro h2 { font-size: clamp(42px, 4.9vw, 70px); margin-top: 20px; max-width: 760px; }
.shipendo-marketing-education-intro h2 em { color: var(--shipendo-forest); }
.shipendo-marketing-education-intro > p { color: #304f75; font-size: 18px; line-height: 1.8; max-width: 520px; }
.shipendo-marketing-contents { align-items: center; background: rgba(255,255,255,.64); border: 1px solid #c8dbf1; border-radius: 16px; display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 42px; padding: 14px 16px; }
.shipendo-marketing-contents > span { color: #526f91; flex: 0 0 100%; font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.shipendo-marketing-contents a { background: #f5f9ff; border: 1px solid #c7dbf2; border-radius: 999px; color: #16477f; font-size: 12px; font-weight: 800; line-height: 1.25; padding: 9px 12px; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.shipendo-marketing-contents a:hover, .shipendo-marketing-contents a:focus { background: var(--shipendo-forest); border-color: var(--shipendo-forest); color: #fff; }
.shipendo-marketing-topic-list { border-top: 1px solid #bfd3ec; margin-top: 68px; }
.shipendo-marketing-topic { align-items: start; border-bottom: 1px solid #bfd3ec; display: grid; gap: 34px; grid-template-columns: minmax(130px, .42fr) minmax(240px, .82fr) minmax(320px, 1.18fr); padding: 39px 0 41px; }
.shipendo-marketing-topic-index span { color: #9b403a; display: block; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.shipendo-marketing-topic-index small { color: #557397; display: block; font-size: 10px; font-weight: 800; letter-spacing: .09em; line-height: 1.45; margin-top: 10px; text-transform: uppercase; }
.shipendo-marketing-topic h3 { font-family: var(--shipendo-ui-font); font-size: clamp(24px, 2.4vw, 34px); font-weight: 750; letter-spacing: -.04em; line-height: 1.15; max-width: 390px; }
.shipendo-marketing-topic-explanation p { color: #3c5b80; font-size: 17px; line-height: 1.8; max-width: 620px; }
.shipendo-marketing-topic-explanation .shipendo-marketing-topic-why { border-left: 2px solid #a9c5e8; color: #27486f; font-size: 15px; margin-top: 14px; padding-left: 16px; }
.shipendo-marketing-topic-explanation a { color: var(--shipendo-forest); display: inline-flex; font-size: 13px; font-weight: 800; gap: 7px; margin-top: 20px; }
.shipendo-marketing-topic-explanation a span { transition: transform .2s ease; }
.shipendo-marketing-topic-explanation a:hover span { transform: translate(3px, -3px); }
.shipendo-marketing-faq-section { background: #f7fbff; padding-bottom: 112px; padding-top: 112px; }
.shipendo-marketing-faq-heading { max-width: 720px; }
.shipendo-marketing-faq-heading .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-faq-heading h2 { font-size: clamp(38px, 4.5vw, 64px); margin-top: 20px; max-width: 680px; }
.shipendo-marketing-faq-list { border-top: 1px solid #c8dbf1; margin-top: 54px; }
.shipendo-marketing-faq-item { border-bottom: 1px solid #c8dbf1; }
.shipendo-marketing-faq-item summary { align-items: center; color: var(--shipendo-ink); cursor: pointer; display: flex; font-size: 19px; font-weight: 800; gap: 20px; justify-content: space-between; list-style: none; padding: 23px 0; }
.shipendo-marketing-faq-item summary::-webkit-details-marker { display: none; }
.shipendo-marketing-faq-item summary span { align-items: center; border: 1px solid #a9c5e8; border-radius: 50%; color: var(--shipendo-forest); display: inline-flex; flex: 0 0 30px; font-size: 20px; font-weight: 500; height: 30px; justify-content: center; transition: transform .2s ease; width: 30px; }
.shipendo-marketing-faq-item[open] summary span { transform: rotate(45deg); }
.shipendo-marketing-faq-item > div { max-width: 780px; padding: 0 54px 25px 0; }
.shipendo-marketing-faq-item p { color: #3c5b80; font-size: 17px; line-height: 1.75; margin: 0; }
.shipendo-marketing-flow-section { background: #f7fbff; padding-bottom: 104px; padding-top: 104px; }
.shipendo-marketing-flow-heading { max-width: 760px; }
.shipendo-marketing-flow-heading .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-flow-heading h2 { font-size: clamp(42px, 4.8vw, 68px); margin-top: 20px; }
.shipendo-marketing-flow-heading h2 em { color: var(--shipendo-forest); }
.shipendo-marketing-flow-heading > p { color: #385575; font-size: 17px; line-height: 1.75; margin-top: 22px; max-width: 650px; }
.shipendo-marketing-flow-board { background: #fff; border: 1px solid #cbdff3; border-radius: 25px; box-shadow: 0 22px 52px rgba(34,78,138,.1); margin-top: 48px; padding: 24px; }
.shipendo-marketing-flow-board-top { align-items: center; border-bottom: 1px solid #dfe9f5; display: flex; justify-content: space-between; padding-bottom: 18px; }
.shipendo-marketing-flow-board-top span { align-items: center; color: var(--shipendo-ink); display: flex; font-size: 14px; font-weight: 800; gap: 8px; }
.shipendo-marketing-flow-board-top span i { background: #39a66d; border-radius: 50%; display: block; height: 8px; width: 8px; }
.shipendo-marketing-flow-board-top strong { background: #e5f7ec; border-radius: 999px; color: #247a51; font-size: 11px; padding: 8px 11px; }
.shipendo-marketing-flow-track { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); margin-top: 24px; }
.shipendo-marketing-flow-node { background: #f2f7ff; border: 1px solid #d4e4f5; border-radius: 18px; min-height: 245px; padding: 22px; position: relative; }
.shipendo-marketing-flow-node:not(:last-child)::after { color: var(--shipendo-forest); content: '→'; font-size: 23px; font-weight: 800; position: absolute; right: -22px; top: 25px; z-index: 2; }
.shipendo-marketing-flow-node-top { align-items: center; display: flex; justify-content: space-between; }
.shipendo-marketing-flow-number { color: #9b403a; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .1em; }
.shipendo-marketing-flow-icon { align-items: center; background: #dcecff; border-radius: 12px; color: var(--shipendo-forest); display: inline-flex; height: 40px; justify-content: center; width: 40px; }
.shipendo-marketing-flow-icon svg { fill: none; height: 21px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 21px; }
.shipendo-marketing-flow-node > small { color: #567192; display: block; font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .08em; line-height: 1.4; margin-top: 25px; text-transform: uppercase; }
.shipendo-marketing-flow-node h3 { font-size: clamp(20px, 2.1vw, 28px); line-height: 1.1; margin-top: 12px; max-width: 320px; }
.shipendo-marketing-flow-status { align-items: center; color: #287b52; display: flex; font-size: 12px; font-weight: 800; gap: 7px; margin-top: 23px; }
.shipendo-marketing-flow-status i { align-items: center; background: #e1f5e8; border-radius: 50%; display: inline-flex; font-size: 10px; font-style: normal; height: 18px; justify-content: center; width: 18px; }
.shipendo-marketing-flow-board-bottom { align-items: flex-start; border-top: 1px solid #dfe9f5; display: flex; gap: 22px; justify-content: space-between; margin-top: 20px; padding-top: 18px; }
.shipendo-marketing-flow-board-bottom > span { color: #7890ad; font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .1em; padding-top: 7px; text-transform: uppercase; }
.shipendo-marketing-flow-board-bottom > div { display: flex; flex: 1; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.shipendo-marketing-flow-board-bottom strong { align-items: center; background: #f4f8fd; border: 1px solid #dce8f5; border-radius: 999px; color: #456284; display: inline-flex; font-size: 11px; gap: 6px; line-height: 1.25; padding: 7px 10px; }
.shipendo-marketing-flow-board-bottom strong i { align-items: center; background: #e1f5e8; border-radius: 50%; color: #287b52; display: inline-flex; font-size: 10px; font-style: normal; height: 17px; justify-content: center; width: 17px; }
.shipendo-marketing-cards-section { padding-bottom: 118px; padding-top: 108px; }
.shipendo-marketing-section-heading { max-width: 640px; }
.shipendo-marketing-section-heading .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-section-heading h2 { font-size: clamp(38px, 4vw, 58px); margin-top: 20px; }
.shipendo-marketing-section-heading p { color: var(--shipendo-forest); font-family: 'DM Mono', monospace; font-size: 14px; letter-spacing: .08em; margin-top: 12px; text-transform: uppercase; }
.shipendo-marketing-card-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); margin-top: 54px; }
.shipendo-marketing-card-grid > .shipendo-marketing-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.shipendo-marketing-card { background: #eef5ff; border: 1px solid #d1e1f4; border-radius: 22px; min-height: 292px; padding: 30px 30px 72px; position: relative; transition: box-shadow .2s ease, transform .2s ease; }
.shipendo-marketing-card:hover { box-shadow: 0 18px 38px rgba(34,78,138,.12); transform: translateY(-3px); }
.shipendo-marketing-card-accent { background: var(--shipendo-forest); border-color: var(--shipendo-forest); color: #fff; }
.shipendo-marketing-card-number { color: #9b403a; display: block; font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .13em; }
.shipendo-marketing-card-accent .shipendo-marketing-card-number { color: var(--shipendo-lime); }
.shipendo-marketing-card h3 { font-size: clamp(23px, 2.5vw, 34px); margin-top: 43px; max-width: 360px; }
.shipendo-marketing-card p { color: #3f5d81; font-size: 16px; line-height: 1.7; margin-top: 15px; max-width: 520px; }
.shipendo-marketing-card-accent p { color: rgba(255,255,255,.78); }
.shipendo-marketing-card a { bottom: 27px; color: var(--shipendo-forest); font-size: 12px; font-weight: 800; left: 30px; position: absolute; }
.shipendo-marketing-card a span { display: inline-block; margin-left: 5px; transition: transform .2s ease; }
.shipendo-marketing-card a:hover span { transform: translate(3px, -3px); }
.shipendo-marketing-card-accent a { color: var(--shipendo-lime); }
.shipendo-marketing-advantages-section { background: #eaf2ff; padding-bottom: 112px; padding-top: 112px; }
.shipendo-marketing-advantages-intro { align-items: end; display: grid; gap: 80px; grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr); }
.shipendo-marketing-advantages-intro .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-advantages-intro h2 { font-size: clamp(42px, 4.8vw, 68px); margin-top: 20px; }
.shipendo-marketing-advantages-intro h2 em { color: var(--shipendo-forest); }
.shipendo-marketing-advantages-intro > p { color: #385575; font-size: 17px; line-height: 1.75; max-width: 500px; }
.shipendo-marketing-advantage-list { border-bottom: 1px solid #bfd3ec; border-top: 1px solid #bfd3ec; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 62px; }
.shipendo-marketing-advantage-list article { display: grid; gap: 18px; grid-template-columns: 30px 1fr; min-height: 255px; padding: 34px 28px 36px 0; }
.shipendo-marketing-advantage-list article + article { border-left: 1px solid #bfd3ec; padding-left: 28px; }
.shipendo-marketing-advantage-list article > span { color: #9b403a; font-family: var(--shipendo-ui-font); font-size: 11px; font-weight: 800; letter-spacing: .1em; padding-top: 7px; }
.shipendo-marketing-advantage-list h3 { font-size: clamp(24px, 2.2vw, 31px); line-height: 1.12; }
.shipendo-marketing-advantage-list p { color: #405f83; font-size: 16px; line-height: 1.7; margin-top: 17px; }
.shipendo-marketing-proof { padding: 88px 0; }
.shipendo-marketing-proof-grid { align-items: center; display: grid; gap: 80px; grid-template-columns: 1fr 1fr; }
.shipendo-marketing-proof h2 { font-size: clamp(42px, 4.8vw, 70px); margin-top: 22px; }
.shipendo-marketing-proof h2 em { color: var(--shipendo-lime); }
.shipendo-marketing-proof-copy { max-width: 460px; }
.shipendo-marketing-proof-copy p { color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.75; }
.shipendo-marketing-proof-points { display: grid; gap: 11px; list-style: none; margin: 24px 0 0; padding: 0; }
.shipendo-marketing-proof-points li { align-items: center; color: rgba(255,255,255,.9); display: flex; font-size: 13px; font-weight: 700; gap: 10px; line-height: 1.45; }
.shipendo-marketing-proof-points li span { align-items: center; background: rgba(196,240,121,.16); border: 1px solid rgba(196,240,121,.42); border-radius: 50%; color: var(--shipendo-lime); display: inline-flex; flex: 0 0 22px; font-size: 12px; height: 22px; justify-content: center; width: 22px; }
.shipendo-marketing-proof-copy .shipendo-text-link { color: var(--shipendo-lime); display: inline-block; font-size: 13px; font-weight: 800; margin-top: 26px; }
.shipendo-marketing-decision-section { background: #f7fbff; padding-bottom: 112px; padding-top: 112px; }
.shipendo-marketing-decision-grid { align-items: start; display: grid; gap: 90px; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); }
.shipendo-marketing-decision-intro { position: sticky; top: 32px; }
.shipendo-marketing-decision-intro .shipendo-eyebrow { color: #9b403a; }
.shipendo-marketing-decision-intro h2 { font-size: clamp(42px, 4.5vw, 64px); margin-top: 20px; }
.shipendo-marketing-decision-intro h2 em { color: var(--shipendo-forest); }
.shipendo-marketing-decision-intro p { color: #405f83; font-size: 17px; line-height: 1.75; margin-top: 23px; max-width: 430px; }
.shipendo-marketing-decision-intro .shipendo-text-link { color: var(--shipendo-forest); display: inline-flex; font-size: 14px; font-weight: 800; margin-top: 27px; }
.shipendo-marketing-decision-list { border-top: 1px solid #cbdcf0; }
.shipendo-marketing-decision-list details { border-bottom: 1px solid #cbdcf0; }
.shipendo-marketing-decision-list summary { align-items: center; color: var(--shipendo-ink); cursor: pointer; display: flex; font-size: 19px; font-weight: 800; gap: 20px; justify-content: space-between; line-height: 1.4; list-style: none; padding: 25px 0; }
.shipendo-marketing-decision-list summary::-webkit-details-marker { display: none; }
.shipendo-marketing-decision-list summary::marker { content: ''; }
.shipendo-marketing-decision-list summary span { align-items: center; border: 1px solid #bcd1eb; border-radius: 50%; color: var(--shipendo-forest); display: inline-flex; flex: 0 0 30px; font-size: 19px; font-weight: 500; height: 30px; justify-content: center; transition: transform .2s ease; width: 30px; }
.shipendo-marketing-decision-list details[open] summary span { transform: rotate(45deg); }
.shipendo-marketing-decision-list details p { color: #405f83; font-size: 16px; line-height: 1.75; max-width: 680px; padding: 0 54px 25px 0; }
.shipendo-marketing-page .shipendo-cta-section { padding-bottom: 108px; padding-top: 108px; }

/* Subpage variants keep the same Shipendo system while giving each intent a
 * slightly different rhythm and surface treatment. */
.shipendo-marketing-variant-platform .shipendo-marketing-hero-panel { border-radius: 18px; transform: none; }
.shipendo-marketing-variant-launch .shipendo-marketing-hero-panel { background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(239,247,255,.92)); transform: rotate(-1deg); }
.shipendo-marketing-variant-service .shipendo-marketing-hero { background: linear-gradient(135deg, #f7fbff 0%, #e5f1ff 100%); }
.shipendo-marketing-variant-service .shipendo-marketing-hero-panel { transform: rotate(-1.3deg); }
.shipendo-marketing-variant-experience .shipendo-marketing-hero-panel { border-radius: 38px 18px 38px 18px; }
.shipendo-marketing-variant-growth .shipendo-marketing-intro { background: #f2eee7; }
.shipendo-marketing-variant-proof .shipendo-marketing-hero-panel { border-radius: 34px; box-shadow: 0 28px 70px rgba(13,79,184,.18); }
.shipendo-marketing-variant-inventory .shipendo-marketing-hero-panel { background: #f7fffb; border-color: #c1e2d1; }
.shipendo-marketing-variant-technology .shipendo-marketing-proof { background: #0b2c64; }
.shipendo-marketing-variant-expansion .shipendo-marketing-hero::before { background: radial-gradient(circle, rgba(196,240,121,.22), transparent 67%); }
.shipendo-marketing-variant-vertical .shipendo-marketing-card-accent { background: #123f89; }
.shipendo-marketing-variant-guide .shipendo-marketing-intro { background: #f7f3eb; }

@media (max-width: 900px) {
  .shipendo-marketing-hero-grid { gap: 45px; grid-template-columns: 1fr; }
  .shipendo-marketing-hero-copy { max-width: 700px; }
  .shipendo-marketing-hero-panel { margin: 0 auto; max-width: 680px; width: 100%; }
  .shipendo-marketing-intro-grid { gap: 40px; }
  .shipendo-marketing-flow-track { gap: 12px; }
  .shipendo-marketing-proof-grid { gap: 42px; }
  .shipendo-marketing-advantages-intro { gap: 45px; }
  .shipendo-marketing-decision-grid { gap: 55px; }
  .shipendo-marketing-education-intro { gap: 45px; }
  .shipendo-marketing-topic { gap: 25px; grid-template-columns: 100px minmax(210px, .8fr) minmax(280px, 1.2fr); }
}

@media (max-width: 800px) {
  .shipendo-page-nav { min-height: 48px; padding-left: 22px; padding-right: 22px; }
  .shipendo-page-nav a { font-size: 10px; padding: 7px 10px; }
  .shipendo-marketing-hero { min-height: 0; padding: 68px 0 78px; }
  .shipendo-marketing-hero-copy h1 { font-size: clamp(45px, 11.5vw, 70px); }
  .shipendo-marketing-hero-copy > p { font-size: 16px; }
  .shipendo-marketing-hero-trust { max-width: 430px; }
  .shipendo-marketing-intro { padding: 66px 0; }
  .shipendo-marketing-intro-grid,
  .shipendo-marketing-proof-grid,
  .shipendo-marketing-advantages-intro,
  .shipendo-marketing-decision-grid,
  .shipendo-marketing-education-intro { grid-template-columns: 1fr; }
  .shipendo-marketing-intro-grid > p { font-size: 16px; }
  .shipendo-marketing-flow-section { padding-bottom: 78px; padding-top: 78px; }
  .shipendo-marketing-flow-heading > p { font-size: 16px; }
  .shipendo-marketing-flow-track { grid-template-columns: 1fr; }
  .shipendo-marketing-flow-node { min-height: 0; }
  .shipendo-marketing-flow-node:not(:last-child)::after { content: '↓'; right: 24px; top: auto; bottom: -28px; }
  .shipendo-marketing-flow-board-bottom { flex-direction: column; gap: 10px; }
  .shipendo-marketing-flow-board-bottom > div { justify-content: flex-start; }
  .shipendo-marketing-card-grid { grid-template-columns: 1fr; }
  .shipendo-marketing-card { min-height: 240px; }
  .shipendo-marketing-proof { padding: 70px 0; }
  .shipendo-marketing-proof-copy p { font-size: 16px; }
  .shipendo-marketing-proof-points li { font-size: 14px; }
  .shipendo-marketing-advantage-list { grid-template-columns: 1fr; }
  .shipendo-marketing-advantage-list article { min-height: 0; padding: 28px 0; }
  .shipendo-marketing-advantage-list article + article { border-left: 0; border-top: 1px solid #bfd3ec; padding-left: 0; }
  .shipendo-marketing-decision-intro { position: static; }
  .shipendo-marketing-topic { gap: 16px 24px; grid-template-columns: 72px 1fr; }
  .shipendo-marketing-topic-explanation { grid-column: 2; }
}

@media (max-width: 560px) {
  .shipendo-marketing-hero-panel { border-radius: 20px; padding: 17px; transform: none; }
  .shipendo-marketing-panel-heading span { font-size: 16px; }
  .shipendo-marketing-panel-chart { height: 126px; padding: 13px; }
  .shipendo-marketing-panel-chart::before { top: 37px; }
  .shipendo-marketing-panel-chart::after { top: 70px; }
  .shipendo-marketing-panel-chart i { top: 103px; }
  .shipendo-marketing-panel-flow { gap: 6px; }
  .shipendo-marketing-panel-flow span { font-size: 9px; padding: 8px; }
  .shipendo-marketing-panel-note { font-size: 10px; }
  .shipendo-marketing-flow-board { border-radius: 19px; padding: 17px; }
  .shipendo-marketing-flow-node { padding: 19px; }
  .shipendo-marketing-section-heading h2 { font-size: 39px; }
  .shipendo-marketing-card { padding: 24px; }
  .shipendo-marketing-card h3 { margin-top: 35px; }
  .shipendo-marketing-card a { bottom: 22px; left: 24px; }
  .shipendo-marketing-advantages-section,
  .shipendo-marketing-decision-section { padding-bottom: 78px; padding-top: 78px; }
  .shipendo-marketing-advantages-intro > p,
  .shipendo-marketing-decision-intro p { font-size: 16px; }
  .shipendo-marketing-decision-list summary { font-size: 17px; padding: 22px 0; }
  .shipendo-marketing-decision-list details p { padding-right: 0; }
  .shipendo-marketing-education-section { padding-bottom: 78px; padding-top: 74px; }
  .shipendo-marketing-education-intro > p { font-size: 16px; }
  .shipendo-marketing-contents { align-items: stretch; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shipendo-marketing-contents > span { grid-column: 1 / -1; }
  .shipendo-marketing-contents a { font-size: 11px; }
  .shipendo-marketing-topic-list { margin-top: 48px; }
  .shipendo-marketing-topic { display: block; padding: 30px 0 32px; }
  .shipendo-marketing-topic-index { align-items: baseline; display: flex; gap: 13px; }
  .shipendo-marketing-topic-index small { margin-top: 0; }
  .shipendo-marketing-topic h3 { font-size: 25px; margin-top: 18px; }
  .shipendo-marketing-topic-explanation { margin-top: 15px; }
  .shipendo-marketing-topic-explanation p { font-size: 16px; }
  .shipendo-marketing-faq-section { padding-bottom: 78px; padding-top: 74px; }
  .shipendo-marketing-faq-heading h2 { font-size: 39px; }
  .shipendo-marketing-faq-list { margin-top: 38px; }
  .shipendo-marketing-faq-item summary { font-size: 17px; padding: 20px 0; }
  .shipendo-marketing-faq-item > div { padding-right: 0; }
  .shipendo-marketing-faq-item p { font-size: 16px; }
}

/* Keep the homepage shipping illustration in the document flow on phones.
 * The desktop composition is intentionally layered, but absolute positioning
 * lets the route climb into the copy when the card becomes narrow. */
@media (max-width: 800px) {
  .shipendo-feature-card-dark .shipendo-shipping-visual-modern {
    bottom: auto;
    height: 168px;
    left: auto;
    margin: 30px 0 0;
    position: relative;
    right: auto;
    width: 100%;
  }

  .shipendo-modern-scene {
    height: 116px;
    padding-top: 20px;
  }

  .shipendo-modern-meta {
    margin-top: 0;
    padding-top: 8px;
  }
}

@media (max-width: 560px) {
  .shipendo-feature-card-dark .shipendo-shipping-visual-modern {
    height: 160px;
    margin-top: 26px;
  }

  .shipendo-modern-status {
    font-size: 7px;
  }

  .shipendo-modern-status strong {
    font-size: 9px;
    padding: 5px 7px;
  }

  .shipendo-modern-scene {
    height: 108px;
    padding-top: 20px;
  }

  .shipendo-modern-label {
    font-size: 7px;
  }

  .shipendo-modern-meta {
    font-size: 8px;
  }

  .shipendo-modern-meta strong {
    font-size: 10px;
  }
}

/* Pillar-page polish: shorter display type, clearer section rhythm, and a
 * calmer reading path between the hero, guide content, proof, and CTA. */
.shipendo-marketing-page .shipendo-marketing-hero {
  min-height: 560px;
  padding: 76px 0 82px;
}

.shipendo-marketing-page .shipendo-marketing-hero-grid {
  gap: 60px;
}

.shipendo-marketing-page .shipendo-marketing-hero-copy h1 {
  font-size: clamp(44px, 4.7vw, 68px);
  line-height: 1.02;
  max-width: 570px;
}

.shipendo-marketing-page .shipendo-marketing-hero-copy > p {
  font-size: 17px;
  line-height: 1.65;
  max-width: 500px;
}

.shipendo-marketing-page .shipendo-marketing-hero-panel {
  min-height: 330px;
  padding: 22px;
}

.shipendo-marketing-page .shipendo-marketing-education-section {
  background: #f4f8fe;
  border-bottom: 1px solid #d6e4f5;
  border-top: 1px solid #d6e4f5;
}

.shipendo-marketing-page .shipendo-marketing-education-intro {
  gap: 62px;
}

.shipendo-marketing-page .shipendo-marketing-education-intro h2 {
  font-size: clamp(36px, 3.8vw, 54px);
  line-height: 1.05;
  max-width: 620px;
}

.shipendo-marketing-page .shipendo-marketing-education-intro > p {
  font-size: 17px;
  line-height: 1.7;
  max-width: 470px;
}

.shipendo-marketing-page .shipendo-marketing-contents {
  background: rgba(255,255,255,.86);
  box-shadow: 0 10px 28px rgba(30, 78, 140, .06);
  margin-top: 34px;
}

.shipendo-marketing-page .shipendo-marketing-contents a {
  font-size: 13px;
  padding: 10px 13px;
}

.shipendo-marketing-page .shipendo-marketing-topic-list {
  margin-top: 52px;
}

.shipendo-marketing-page .shipendo-marketing-topic {
  gap: 30px;
  padding: 34px 0 36px;
  scroll-margin-top: 28px;
}

.shipendo-marketing-page .shipendo-marketing-topic h3 {
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1.12;
  max-width: 350px;
}

.shipendo-marketing-page .shipendo-marketing-topic-explanation p {
  font-size: 16px;
  line-height: 1.7;
}

.shipendo-marketing-page .shipendo-marketing-topic-explanation .shipendo-marketing-topic-why {
  font-size: 14px;
  line-height: 1.6;
}

.shipendo-marketing-page .shipendo-marketing-faq-section {
  background: #fff;
  padding-bottom: 88px;
  padding-top: 88px;
}

.shipendo-marketing-page .shipendo-marketing-faq-heading h2 {
  font-size: clamp(36px, 3.8vw, 54px);
  line-height: 1.06;
  max-width: 620px;
}

.shipendo-marketing-page .shipendo-marketing-proof h2 {
  font-size: clamp(38px, 4vw, 56px);
  line-height: 1.06;
  max-width: 600px;
}

.shipendo-marketing-page .shipendo-cta-copy h2 {
  font-size: clamp(42px, 4.2vw, 60px);
  line-height: 1.05;
  max-width: 560px;
}

@media (max-width: 800px) {
  .shipendo-marketing-page .shipendo-marketing-hero {
    min-height: 0;
    padding: 54px 0 62px;
  }

  .shipendo-marketing-page .shipendo-marketing-hero-copy h1 {
    font-size: clamp(40px, 10vw, 56px);
  }

  .shipendo-marketing-page .shipendo-marketing-hero-panel {
    min-height: 320px;
  }

  .shipendo-marketing-page .shipendo-marketing-education-intro h2,
  .shipendo-marketing-page .shipendo-marketing-faq-heading h2 {
    font-size: clamp(34px, 8.7vw, 48px);
  }

  .shipendo-marketing-page .shipendo-marketing-education-intro > p {
    font-size: 16px;
  }

  .shipendo-marketing-page .shipendo-marketing-topic h3 {
    font-size: 25px;
  }

  .shipendo-marketing-page .shipendo-marketing-proof h2 {
    font-size: clamp(36px, 8.5vw, 50px);
  }
}

@media (max-width: 560px) {
  .shipendo-marketing-page .shipendo-marketing-hero {
    padding: 44px 0 52px;
  }

  .shipendo-marketing-page .shipendo-marketing-hero-copy h1 {
    font-size: clamp(36px, 10.2vw, 46px);
  }

  .shipendo-marketing-page .shipendo-marketing-hero-copy > p {
    font-size: 16px;
  }

  .shipendo-marketing-page .shipendo-marketing-hero-panel {
    min-height: 300px;
  }

  .shipendo-marketing-page .shipendo-marketing-contents a {
    font-size: 12px;
    min-height: 42px;
  }

  .shipendo-marketing-page .shipendo-marketing-topic h3 {
    font-size: 24px;
  }

  .shipendo-marketing-page .shipendo-marketing-topic-explanation p {
    font-size: 15px;
  }

  .shipendo-marketing-page .shipendo-marketing-faq-section {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.shipendo-form-heading strong { letter-spacing: -.03em; }
.shipendo-form-heading p { color: var(--shipendo-muted); display: block; font-size: 13px; line-height: 1.55; margin: 7px 0 0; }
.shipendo-nav .shipendo-v2-resource-menu { position: relative; }
.shipendo-nav .shipendo-v2-resource-menu summary { cursor: pointer; list-style: none; color: #173664; font-size: 14px; font-weight: 700; white-space: nowrap; }
.shipendo-nav .shipendo-v2-resource-menu summary::-webkit-details-marker { display: none; }
.shipendo-nav .shipendo-v2-resource-menu summary span { margin-left: 4px; }
.shipendo-nav .shipendo-v2-resource-menu > div { position: absolute; z-index: 40; top: calc(100% + 16px); left: -18px; min-width: 230px; padding: 10px; border: 1px solid #c9daef; border-radius: 15px; background: #fff; box-shadow: 0 18px 48px rgba(7,31,79,.16); }
.shipendo-nav .shipendo-v2-resource-menu > div a { display: block; padding: 10px 12px; border-radius: 8px; color: #071f4f; font-size: 14px; font-weight: 650; }
.shipendo-nav .shipendo-v2-resource-menu > div a:hover, .shipendo-nav .shipendo-v2-resource-menu > div a:focus { background: #edf4fd; }
@media (max-width: 980px) { .shipendo-nav .shipendo-v2-resource-menu { width: 100%; } .shipendo-nav .shipendo-v2-resource-menu summary { padding: 10px 12px; font-size: 14px; } .shipendo-nav .shipendo-v2-resource-menu > div { position: static; min-width: 0; margin: 0 0 8px; box-shadow: none; } }