: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);
}

.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: 800; gap: 10px; letter-spacing: -.06em; white-space: nowrap; }
.shipendo-brand-mark { align-items: center; background: var(--shipendo-lime); border-radius: 10px; color: var(--shipendo-forest-deep); display: inline-flex; height: 31px; justify-content: center; width: 31px; }
.shipendo-brand-mark svg { height: 22px; width: 22px; }
.shipendo-brand-dot { color: var(--shipendo-coral); }
.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; background: var(--shipendo-forest); border-radius: 7px; color: var(--shipendo-lime); display: flex; font-size: 14px; font-weight: 800; height: 24px; justify-content: center; width: 24px; }
.shipendo-sidebar-logo span { color: var(--shipendo-coral); }
.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-drupal { background: #d2e9f4; color: #5f9bbb; }.shipendo-logo-carrier { background: #f9d9ce; color: #c37467; }.shipendo-logo-api { background: #ded9f2; color: #8573ad; font-family: 'DM Mono', monospace; font-size: 9px !important; }

/* 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: center; background: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.65); border-radius: 12px; bottom: 35px; display: flex; left: 31px; padding: 21px 23px; position: absolute; right: 31px; }.shipendo-order-flow i { background: #c9d7cd; flex: 1; height: 1px; }.shipendo-flow-node { align-items: center; background: #f4f6f1; border: 1px solid #d8e1d8; border-radius: 50%; color: #a0afa7; display: flex; font-size: 10px; height: 30px; justify-content: center; position: relative; width: 30px; z-index: 1; }.shipendo-flow-node.is-done { background: var(--shipendo-forest); border-color: var(--shipendo-forest); color: var(--shipendo-lime); }.shipendo-flow-node.is-current { background: var(--shipendo-coral); border-color: var(--shipendo-coral); color: var(--shipendo-white); box-shadow: 0 0 0 5px rgba(255,118,108,.16); }
.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; }

/* 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-brand-footer .shipendo-brand-mark { height: 27px; width: 27px; }.shipendo-brand-footer .shipendo-brand-mark svg { height: 19px; width: 19px; }.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 */
.shipendo-reveal { opacity: 1; transform: translateY(0); }.js .shipendo-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.js .shipendo-reveal.is-visible { opacity: 1; transform: translateY(0); }.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; }
.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-brand-mark { background: var(--shipendo-forest); color: #fff; }
.shipendo-brand-dot { color: var(--shipendo-forest); }
.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: var(--shipendo-forest); color: var(--shipendo-blue); }
.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-drupal { background: #d2e9f4; color: #2c5d77; }
.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; }

@media (max-width: 1040px) {
  .shipendo-nav { gap: 17px; }
  .shipendo-nav-links { gap: 15px; margin-left: 12px; }
  .shipendo-nav-links a { 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-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; }
}
.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; }

@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; }
}

/* 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; }