/* Zygo / Refined interface · 2026-09
   Presentation only. Keep routes, validation, maps and transactional state intact.
   Loaded after the existing page styles; no build tools or external assets needed. */
.zygo-refined {
    --zr-ink: #172019;
    --zr-muted: #626b65;
    --zr-accent: #a6e82d;
    --zr-line: #e2e6e2;
    --zr-canvas: #f6f7f5;
    --zr-surface: #fff;
    --zr-radius: 12px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.zygo-refined :where(a, button):focus-visible {
    outline: 3px solid #397524;
    outline-offset: 3px;
}
.zygo-refined :where(button, a) { touch-action: manipulation; }
.zygo-refined :where(.zl-hero-copy, .zl-hero-visual, .zy-login-panel, .zy-reg-grid > *, .sf-prod-body) { min-width: 0; }
.zygo-refined :where(.zygo-inline-icon) { width: 22px; height: 22px; flex: 0 0 auto; }

/* Public home: editorial typography, real photography and clear actions. */
body.zygo-refined.zygo-landing-shell {
    --zl-ink: #172019;
    --zl-text: #39453d;
    --zl-muted: #626b65;
    --zl-bg: #fff;
    --zl-surface-soft: #f4f6f2;
    --zl-border: #e0e5de;
    --zl-accent: #a6e82d;
    --zl-accent-hover: #94d423;
    --zl-accent-deep: #35621d;
    --zl-container: 1264px;
    background: #fff;
}
.zygo-refined .zl-site-header { background: #fff; border-bottom: 1px solid var(--zr-line); box-shadow: none; backdrop-filter: none; }
.zygo-refined .zl-brand img { width: 105px; height: auto; }
.zygo-refined .zl-header-inner { gap: 24px; }
.zygo-refined .zl-desktop-nav { gap: 26px; }
.zygo-refined .zl-desktop-nav a { font-weight: 500; font-size: 13px; }
.zygo-refined .zl-button { border-radius: 8px; box-shadow: none; font-weight: 600; min-height: 46px; transition: background .16s ease, border-color .16s ease; }
.zygo-refined .zl-button:hover { transform: none; box-shadow: none; }
.zygo-refined .zl-button--large { min-height: 54px; padding: 14px 22px; }
.zygo-refined .zl-button--primary { background: var(--zr-ink); border-color: var(--zr-ink); color: #fff; }
.zygo-refined .zl-button--primary:hover { background: #2b3b2d; border-color: #2b3b2d; color: #fff; }
.zygo-refined .zl-header-cta { background: var(--zr-accent); border-color: var(--zr-accent); color: var(--zr-ink); }
.zygo-refined .zl-header-cta:hover { background: #94d423; color: var(--zr-ink); border-color: #94d423; }
.zygo-refined .zl-button--secondary { background: #fff; border-color: #d6dcd5; color: var(--zr-ink); }
.zygo-refined .zl-hero { background: #fff; padding: 58px 0 64px; }
.zygo-refined .zl-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.zygo-refined .zl-hero-copy h1 { font-size: clamp(42px, 4.5vw, 66px); font-weight: 700; letter-spacing: -.055em; line-height: 1.04; max-width: none; margin-bottom: 24px; }
.zygo-refined .zl-eyebrow { color: #53644c; font-size: 11px; font-weight: 600; letter-spacing: .13em; }
.zygo-refined .zl-hero-copy .zl-eyebrow { margin-bottom: 22px; }
.zr-brand-tick { width: 10px; height: 10px; border-radius: 2px; background: var(--zr-accent); display: inline-block; }
.zygo-refined .zl-hero-summary { font-size: 17px; line-height: 1.65; max-width: 43ch; color: var(--zr-muted); margin-bottom: 26px; }
.zr-dispatch-prompt { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; }
.zr-dispatch-prompt__icon { display: grid; place-items: center; width: 44px; height: 44px; background: #f0f3ec; border-radius: 10px; }
.zr-dispatch-prompt strong { display: block; font-size: 15px; color: var(--zr-ink); font-weight: 600; }
.zr-dispatch-prompt div > span { display: block; font-size: 13px; color: var(--zr-muted); }
.zygo-refined .zl-hero-assurance { gap: 6px; margin-top: 22px; }
.zygo-refined .zl-hero-assurance li { font-size: 12px; }
.zygo-refined .zl-hero-visual { min-height: 548px; border-radius: 16px; overflow: hidden; background: #172019; }
.zygo-refined .zl-hero-visual picture { border: 0; border-radius: 0; bottom: 96px; height: auto; }
.zygo-refined .zl-hero-visual picture img { object-position: 50% 50%; }
.zygo-refined .zl-hero-visual picture::after { background: linear-gradient(180deg,rgba(0,0,0,.40),transparent 56%); }
.zr-photo-caption { position: relative; z-index: 1; color: #fff; padding: 30px; }
.zr-photo-caption > span { display: block; font-size: 10px; font-weight: 500; letter-spacing: .16em; margin-bottom: 14px; color: #e5e9e1; }
.zr-photo-caption strong { display: block; font-size: clamp(26px,2.5vw,36px); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; }
.zygo-refined .zl-hero-status { background: #f1f4ed; color: var(--zr-ink); border: 0; border-radius: 0; left: 0; right: 0; bottom: 0; padding: 20px 26px; }
.zygo-refined .zl-status-label { margin: 0 0 12px; font-size: 10px; letter-spacing: .1em; color: #64725c; }
.zr-delivery-stages { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.zr-delivery-stages > span { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.zr-delivery-stages > span svg { width: 18px; height: 18px; }
.zr-delivery-stages > svg { width: 14px; height: 14px; color: #899680; }
.zygo-refined .zl-trust-strip { border-top: 1px solid var(--zr-line); border-bottom: 1px solid var(--zr-line); background: #f7f8f5; }
.zygo-refined .zl-trust-list { gap: 20px; justify-content: space-between; }
.zygo-refined .zl-trust-list span { font-size: 12px; font-weight: 500; }
.zygo-refined .zl-section { padding-block: 80px; }
.zygo-refined .zl-section h2 { font-weight: 600; letter-spacing: -.04em; }
.zygo-refined :is(.zl-journey, .zl-commerce-panel, .zl-marketplace-card, .zl-security-card) { box-shadow: none; border-radius: 12px; }
.zygo-refined .zl-step-list > li { border-radius: 0; border-bottom: 1px solid var(--zr-line); background: transparent; box-shadow: none; }
.zygo-refined .zl-step-list > li > span { background: #edf2e7; color: #384e27; border-radius: 8px; font-weight: 500; }
.zygo-refined .zl-cta { background: #172019; }

/* Client app: one prominent task and predictable bottom navigation. */
body.zygo-refined.zygo-pwa-order-page,
body.zygo-refined.zygo-pwa-order-page #app,
body.zygo-refined.zygo-pwa-order-page #app > .section { background: var(--zr-canvas) !important; }
.zygo-refined .zy-app {
    --ink: #172019; --ink-2: #3f4942; --muted: #626b65; --faint: #727a73;
    --line: #e2e6df; --field: #f5f6f3; --field-line: #dce1d9;
    --bg: #f6f7f5; --lime: #a6e82d; --green-soft: #f0f5e8; --green-line: #dfe8d1;
    animation: none; background: #fff; max-width: 520px; padding-inline: 22px;
}
.zygo-refined .zy-head { min-height: 76px; border-bottom: 1px solid var(--zr-line); margin-bottom: 26px; }
.zygo-refined .zy-head-brand img { width: 86px; height: auto; }
.zygo-refined .zy-head-brand > span { border-left: 1px solid #dce2d8; padding-left: 12px; font-size: 12px; color: var(--zr-muted); font-weight: 500; }
.zygo-refined .zy-head-avatar { height: 40px; width: 40px; box-shadow: none; border: 1px solid var(--zr-line); background: #f0f3eb; }
.zygo-refined .zy-title-row h1 { font-size: 26px; line-height: 1.2; letter-spacing: -.035em; font-weight: 700; overflow-wrap: anywhere; }
.zygo-refined .zy-page-hint { color: var(--zr-muted); font-size: 14px; margin-top: 8px; }
.zygo-refined .zy-count { background: #edf5e3; color: #355321; border: 1px solid #dce8cd; border-radius: 6px; font-size: 11px; white-space: nowrap; }
.zr-send-panel { margin-top: 24px; background: #edf3e5; padding: 24px; border: 1px solid #e4ebdc; border-radius: 16px; }
.zr-send-panel__top { display: flex; align-items: center; justify-content: space-between; font-size: 10px; letter-spacing: .12em; font-weight: 600; color: #56674a; }
.zr-send-panel__top svg { width: 25px; height: 25px; color: #527139; }
.zygo-refined .zr-send-panel h2 { font-size: 30px; line-height: 1.13; color: var(--zr-ink); font-weight: 650; letter-spacing: -.04em; margin: 20px 0 12px; }
.zr-send-panel p { font-size: 13px; line-height: 1.6; color: #5d6956; margin: 0 0 22px; }
.zygo-refined .zr-send-link { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; background: #172019; color: #fff; padding: 12px 16px; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 600; }
.zygo-refined .zr-send-link:hover { background: #2d402b; color: #fff; }
.zr-send-link > svg { width: 19px; height: 19px; }
.zr-send-link > svg:last-child { margin-left: auto; }
.zr-send-panel__foot { display: flex; align-items: center; gap: 7px; color: #526046; margin-top: 19px; font-size: 11px; }
.zr-route-dot { width: 7px; height: 7px; border-radius: 50%; background: #627c4a; }
.zr-route-square { width: 7px; height: 7px; background: #172019; }
.zr-route-line { height: 1px; background: #c6d1bc; flex: 1; margin-inline: 5px; }
.zygo-refined .zy-app .zr-quick-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 16px 0 30px; }
.zygo-refined .zy-app .zr-quick-actions .zy-client-action { display: grid; grid-template-columns: 1fr 18px; gap: 12px 6px; min-height: 124px; padding: 17px; border-radius: 12px; border-color: var(--zr-line); background: #fff; }
.zygo-refined .zr-quick-actions .zy-client-action__icon { grid-column: 1 / -1; width: 24px; height: 24px; background: transparent; color: #34432d; border-radius: 0; }
.zygo-refined .zr-quick-actions .zy-client-action > svg { width: 16px; height: 16px; color: #72816b; align-self: center; }
.zygo-refined .zr-quick-actions .zy-client-action strong { font-size: 14px; font-weight: 600; }
.zygo-refined .zr-quick-actions .zy-client-action small { font-size: 11px; color: #626b65; }
.zygo-refined .zy-section-row h2 { font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
.zygo-refined .zy-section-row > span { font-size: 11px; color: var(--zr-muted); }
.zygo-refined :is(.zy-card, .zy-map-card, .zy-order-card, .zy-market-card, .zy-empty) { border-radius: 12px; border-color: var(--zr-line); box-shadow: none; }
.zygo-refined .zy-empty { background: #f7f8f5; padding: 26px 18px; }
.zygo-refined .zy-empty > i { font-size: 26px; color: #657759; margin-bottom: 12px; }
.zygo-refined .zy-empty strong { font-size: 14px; font-weight: 600; }
.zygo-refined .zy-empty p { color: var(--zr-muted); font-size: 12px; line-height: 1.6; }
.zygo-refined :is(.zy-news, .zy-order-head, .zy-order-foot) { min-width: 0; }
.zygo-refined .zy-news-body h3 { font-weight: 650; font-size: 17px; }
.zygo-refined .zy-news-body p { color: var(--zr-muted); font-size: 13px; }
.zygo-refined :is(.zy-input, .zy-control, .zy-select select) { background: #f6f7f4; border-color: #dce2d7; border-radius: 9px; box-shadow: none; }
.zygo-refined .zy-field label { color: #414d3b; font-size: 12px; font-weight: 600; }
.zygo-refined .zy-input input { font-size: 16px; }
.zygo-refined .zy-control { font-size: 16px; }
.zygo-refined .zy-input:focus-within { border-color: #688f39; box-shadow: 0 0 0 3px #e8f0dd; }
.zygo-refined :is(.zy-btn-primary, .zy-track-btn) { border-radius: 8px; background: #172019; border-color: #172019; box-shadow: none; color: #fff; font-weight: 600; }
.zygo-refined :is(.zy-btn-primary, .zy-track-btn):hover { background: #2c3d2a; color: #fff; }
.zygo-refined .zy-btn-primary:disabled { background: #dce1d8; border-color: #dce1d8; color: #66705f; box-shadow: none; }
.zygo-refined .zy-btn-ghost { border-radius: 8px; box-shadow: none; font-weight: 600; }
.zygo-refined .zy-filters { gap: 8px; scrollbar-width: thin; }
.zygo-refined .zy-filter { border-radius: 8px; background: #f2f4ef; border: 1px solid transparent; color: #58624f; font-size: 12px; font-weight: 500; }
.zygo-refined .zy-filter.is-active { background: #172019; border-color: #172019; color: #fff; }
.zygo-refined .zy-filter.is-active b { background: #364431; color: #fff; }
.zygo-refined .zy-order-id { font-weight: 650; font-size: 15px; }
.zygo-refined .zy-order-price { font-weight: 700; font-variant-numeric: tabular-nums; }
.zygo-refined .zy-status { border-radius: 6px; font-weight: 600; }
.zygo-refined .zy-dock { max-width: 520px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); background: #fff; border: 0; border-top: 1px solid var(--zr-line); border-radius: 0; box-shadow: 0 -3px 16px rgba(20,30,15,.035); backdrop-filter: none; -webkit-backdrop-filter: none; align-items: center; }
.zygo-refined .zy-dock-item { color: #67715f; font-weight: 500; font-size: 10px; min-height: 52px; gap: 5px; border-radius: 8px; }
.zygo-refined .zy-dock-item.is-active { color: #263d1e; background: #f0f5e8; font-weight: 600; }
.zygo-refined .zy-dock-item.is-active::after { display: none; }
.zygo-refined .zy-dock-fab { min-height: 52px; gap: 4px; font-size: 10px; font-weight: 600; justify-content: center; color: #344529; }
.zygo-refined .zy-dock-fab b { margin: 0; width: 38px; height: 30px; border-radius: 8px; box-shadow: none; background: #a6e82d; }
.zygo-refined .zy-dock-fab svg { width: 19px; height: 19px; }
.zygo-refined .zy-dock-fab.is-active b { background: #172019; color: #fff; }
.zygo-refined .zy-dock-item:active { transform: none; }
.zygo-refined .zy-sheet { box-shadow: 0 -8px 32px rgba(20,30,15,.12); border-radius: 18px 18px 0 0; }
.zygo-refined .zy-confetti { display: none; }

/* Sign in and registration: photos stay in their column, forms stay in flow. */
body.zygo-refined.zygo-auth-body:has(.zy-login-v2--desktop) { background: #fff; }
.zygo-refined.zygo-auth-body:has(.zy-login-v2--desktop) .zygo-auth-shell { padding: 0; }
.zygo-refined .zy-login-v2 { --zy-login-green: #a6e82d; --zy-login-green-dark: #365d20; --zy-login-radius-lg: 12px; --zy-login-radius-md: 9px; animation: none; }
.zygo-refined .zy-login-v2--desktop { grid-template-columns: minmax(0,1fr) minmax(0,1fr); min-height: 100svh; max-width: none; border: 0; border-radius: 0; box-shadow: none; }
.zygo-refined .zy-login-story { min-height: 760px; padding: clamp(28px,4.4vw,66px); display: flex; flex-direction: column; justify-content: flex-start; }
.zygo-refined .zy-login-story::after { display: none; }
.zygo-refined .zy-login-story__photo { transform: none; object-position: 50% center; }
.zygo-refined .zy-login-story__shade { background: linear-gradient(180deg,rgba(12,22,12,.15) 20%,rgba(12,22,12,.90) 100%); }
.zygo-refined .zy-login-brand--story { align-self: flex-start; background: #fff; border-radius: 8px; box-shadow: none; padding: 9px 12px; }
.zygo-refined .zy-login-brand--story img { width: 88px; }
.zygo-refined .zy-login-story__content { position: relative; inset: auto; margin: auto 0 28px; padding-top: 100px; }
.zygo-refined .zy-login-story__content h2 { font-size: clamp(40px,4.4vw,64px); font-weight: 650; line-height: 1.06; letter-spacing: -.045em; }
.zygo-refined .zy-login-story__content > p:last-child { max-width: 36ch; font-size: 15px; color: #e0e6da; }
.zygo-refined .zy-login-eyebrow { font-weight: 500; font-size: 10px; letter-spacing: .13em; }
.zr-login-benefits { display: flex; flex-wrap: wrap; gap: 14px 24px; border-top: 1px solid #ffffff40; padding-top: 22px; color: #eef2ea; }
.zr-login-benefits span { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.zr-login-benefits svg { width: 18px; height: 18px; color: #b4e56b; }
.zygo-refined .zy-login-panel { display: grid; align-items: center; padding: 56px clamp(24px,5vw,80px); background: #fff; }
.zygo-refined .zy-login-panel__inner { width: 100%; max-width: 420px; margin: auto; }
.zygo-refined .zy-login-brand--panel img { width: 100px; }
.zygo-refined .zy-login-heading h1 { font-size: 34px; font-weight: 650; letter-spacing: -.04em; }
.zygo-refined .zy-login-heading > p:last-child { font-size: 14px; color: var(--zr-muted); }
.zygo-refined .zy-auth-field > label { font-size: 13px; font-weight: 600; }
.zygo-refined .zy-auth-input { background: #f7f8f5; border: 1px solid #dce2d7; border-radius: 8px; box-shadow: none; min-height: 54px; }
.zygo-refined .zy-auth-input input { font-size: 16px; }
.zygo-refined .zy-auth-submit { border-radius: 8px; background: #172019; color: #fff; box-shadow: none; font-weight: 600; min-height: 52px; }
.zygo-refined .zy-auth-submit:hover { background: #2c3d2a; box-shadow: none; transform: none; }
.zygo-refined .zy-auth-submit:disabled { background: #5b6854; cursor: wait; }
.zygo-refined .zy-auth-register { padding: 14px 12px; border-radius: 8px; background: #f4f6f0; border: 1px solid #e2e7da; }
.zygo-refined .zy-auth-security { color: #626e59; font-size: 11px; }
.zygo-refined .zy-login-mobile-hero::before,
.zygo-refined .zy-login-mobile-hero__glow { display: none; }
.zygo-refined .zy-login-v2--pwa { background: #172019; box-shadow: none; }
.zygo-refined .zy-login-mobile-panel { border-radius: 20px 20px 0 0; box-shadow: none; }
.zygo-refined .zy-register-page--desktop { grid-template-columns: minmax(0,40%) minmax(0,60%); }
.zygo-refined .zy-register-story { box-shadow: none; }
.zygo-refined .zy-register-story__content { position: relative; inset: auto; min-height: 700px; height: 100%; padding: 32px; gap: 24px; }
.zygo-refined .zy-register-story__copy h1 { font-size: clamp(34px,3.5vw,52px); font-weight: 650; letter-spacing: -.04em; line-height: 1.08; }
.zygo-refined .zy-register-story__points { gap: 12px; grid-template-columns: 1fr; background: transparent; }
.zygo-refined .zy-register-story__points > div { background: transparent; border: 0; padding: 0; box-shadow: none; backdrop-filter: none; border-radius: 0; }
.zygo-refined .zy-register-story__points > div > span { background: #ffffff20; border: 1px solid #ffffff30; border-radius: 8px; }
.zygo-refined .zy-register-page__main { padding: 32px clamp(24px,3.5vw,56px); }
.zygo-refined .zy-reg-account__card { border-radius: 10px; box-shadow: none; }
.zygo-refined .zy-reg-account__icon { border-radius: 8px; box-shadow: none; }
.zygo-refined .zy-register-step { border-radius: 12px; box-shadow: none; }
.zygo-refined .zy-reg-control { border-radius: 8px; box-shadow: none; }
.zygo-refined .zy-reg-button { border-radius: 8px; box-shadow: none; font-weight: 600; }

/* Commerce, driver and administration: restrained surfaces and legible data. */
.zygo-refined .zbiz .zbiz__hero { background: #172019; border: 0; border-radius: 12px; box-shadow: none; }
.zygo-refined .zbiz .zbiz__hero h1 { font-weight: 650; letter-spacing: -.035em; }
.zygo-refined .zbiz .zbiz__saldo { border-radius: 8px; box-shadow: none; }
.zygo-refined .zbiz .zbiz__accion { border-radius: 10px; box-shadow: none; border-color: var(--zr-line); }
.zygo-refined .zbiz .zbiz__accion:hover { transform: none; box-shadow: none; border-color: #a5b597; }
.zygo-refined .zc-btn { border-radius: 8px; box-shadow: none; font-weight: 600; }
body.zygo-refined.driver-panel-page .zygo-driver-hero { background: #172019; border-radius: 12px; box-shadow: none; }
body.zygo-refined.driver-panel-page :is(.zygo-driver-panel,.zygo-driver-kpi) { border-radius: 10px; box-shadow: none; border-color: var(--zr-line); }
body.zygo-refined.admin-page :is(.card,.za-card,.za-stat,.za-metric) { border-radius: 10px; box-shadow: none; border-color: #e0e5dd; }
body.zygo-refined.admin-page .btn { border-radius: 7px; box-shadow: none; }
body.zygo-refined.admin-page .form-control { border-radius: 7px; box-shadow: none; }
body.zygo-refined.admin-page .table thead th { background: #f4f6f1; font-weight: 600; }
body.zygo-refined.admin-page .table td { font-variant-numeric: tabular-nums; }

/* Storefront and live tracking. Store-specific brand colors remain available. */
.zygo-refined .sf-prod { border-radius: 12px; box-shadow: none; transition: border-color .16s; }
.zygo-refined .sf-prod:hover { transform: none; box-shadow: none; border-color: #aebda4; }
.zygo-refined :is(.sf-btn,.sf-input) { border-radius: 8px; min-height: 44px; }
.zygo-refined .sf-card { border-radius: 12px; }
.zygo-refined :is(.sf-section-title,.sf-card h2,.sf-prod-body h3) { font-weight: 650; }
.zygo-refined .sf-prod-body .desc { color: #626b65; }
.zygo-refined .sf-market-dock { background: #172019; backdrop-filter: none; box-shadow: 0 2px 8px #00000015; border-radius: 10px; }
.zygo-refined .sf-cartbar { padding-bottom: calc(14px + env(safe-area-inset-bottom)); box-shadow: 0 -2px 12px #00000010; }
.zygo-refined :is(.tracking-status-card,.tracking-metric,.tracking-content-card) { border-radius: 10px; box-shadow: none; }
.zygo-refined .tracking-bottom-sheet { border-radius: 18px 18px 0 0; }
.zygo-refined :is(.tracking-action-btn,.tracking-action-link) { border-radius: 8px; box-shadow: none; }

@media (min-width: 1000px) {
    .zygo-refined .zr-home { max-width: 960px; padding-inline: 32px; }
    .zr-home-body { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 32px; align-items: start; }
    .zr-home-primary, .zr-home-news { min-width: 0; }
    .zr-home-news { padding-top: 24px; }
    .zygo-refined .zr-home .zr-send-panel { margin-top: 24px; }
    body.zygo-refined:has(.zr-home) .zy-dock { max-width: 960px; }
}
@media (max-width: 1100px) {
    .zygo-refined .zl-hero-grid { gap: 30px; }
    .zygo-refined .zl-desktop-nav { gap: 16px; }
    .zygo-refined .zl-header-inner { gap: 18px; }
    .zygo-refined .zl-hero-visual { min-height: 520px; }
    .zygo-refined .zl-hero-status { padding-inline: 18px; }
    .zr-delivery-stages > span { font-size: 10px; gap: 4px; }
}
@media (max-width: 980px) {
    .zygo-refined .zy-register-page--desktop { grid-template-columns: 1fr; }
    .zygo-refined .zy-register-story { min-height: 380px; }
    .zygo-refined .zy-register-story__content { padding: 26px; min-height: 430px; }
}
@media (max-width: 800px) {
    .zygo-refined .zl-hero { padding: 36px 0 40px; }
    .zygo-refined .zl-hero-grid { grid-template-columns: 1fr; gap: 30px; }
    .zygo-refined .zl-hero-copy { max-width: 600px; }
    .zygo-refined .zl-hero-copy h1 { font-size: clamp(40px,7vw,58px); }
    .zygo-refined .zl-hero-visual { min-height: 410px; }
    .zygo-refined .zl-hero-visual picture img { object-position: center 55%; }
    .zr-delivery-stages > span { font-size: 12px; }
    .zygo-refined .zl-section { padding-block: 52px; }
    .zygo-refined .zy-login-v2--desktop { grid-template-columns: 1fr; }
    .zygo-refined .zy-login-v2--desktop .zy-login-story { display: none; }
    .zygo-refined .zy-login-panel { min-height: 100svh; padding: 38px 24px; }
}
@media (max-width: 600px) {
    .zygo-refined .zl-container { padding-inline: 20px; }
    .zygo-refined .zl-header-inner { gap: 12px; }
    .zygo-refined .zl-brand img { width: 86px; }
    .zygo-refined .zl-hero-copy .zl-eyebrow { font-size: 10px; margin-bottom: 18px; }
    .zygo-refined .zl-hero-copy h1 { font-size: clamp(37px,10vw,52px); margin-bottom: 18px; }
    .zygo-refined .zl-hero-summary { font-size: 15px; margin-bottom: 22px; }
    .zygo-refined .zl-hero .zl-actions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: 10px; }
    .zygo-refined .zl-hero .zl-button--large { font-size: 12px; padding: 12px 10px; min-height: 50px; gap: 7px; }
    .zygo-refined .zl-hero .zl-button svg { width: 17px; height: 17px; }
    .zygo-refined .zl-hero-visual { min-height: 350px; border-radius: 12px; }
    .zr-photo-caption { padding: 22px; }
    .zr-photo-caption strong { font-size: 28px; }
    .zygo-refined .zl-hero-status { padding: 18px; }
    .zr-delivery-stages { gap: 5px; }
    .zr-delivery-stages > span { font-size: 10px; gap: 5px; }
    .zr-delivery-stages > span svg { width: 16px; height: 16px; }
    .zygo-refined .zl-trust-list { justify-content: flex-start; gap: 15px 24px; }
    .zygo-refined .zy-app { padding-inline: 20px; }
    .zygo-refined .zy-order-create { padding-inline: 16px; }
    .zygo-refined .zy-order-create .zy-head { margin-bottom: 14px; min-height: 64px; }
    .zygo-refined .zy-order-create .zy-title-row h1 { font-size: 23px; }
    .zygo-refined .zy-order-create .zy-field label { font-size: 12px; }
    .zygo-refined .zy-order-create .zy-input input { font-size: 16px; }
    .zygo-refined .zy-order-create :is(.zy-location-btn,.zy-retry-btn) { font-weight: 600; border-radius: 8px; }
    .zygo-refined .zy-register-page__main { padding: 22px 16px; }
    .zygo-refined .zy-reg-control input,
    .zygo-refined .zy-reg-control select,
    .zygo-refined .zy-reg-control textarea { font-size: 16px !important; }
}
@media (max-width: 360px) {
    .zygo-refined .zy-app { padding-inline: 14px; }
    .zr-send-panel { padding: 20px; }
    .zygo-refined .zr-send-panel h2 { font-size: 27px; }
    .zygo-refined .zy-app .zr-quick-actions .zy-client-action { padding: 13px; }
    .zygo-refined .zl-hero .zl-actions { grid-template-columns: 1fr; }
    .zr-delivery-stages > span { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    .zygo-refined *, .zygo-refined *::before, .zygo-refined *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}


/* Zygo / Unified field states · 2026-09-30
   A compound field owns its focus border. Its inner input never draws a second ring.
   Keyboard focus, validation and disabled controls retain distinct states. */
body:is(.zygo-refined, .zr-recovery-page) {
    --zy-field-border: #dce1e7;
    --zy-field-hover: #b5bdc8;
    --zy-field-focus: #667085;
    --zy-field-halo: rgba(30, 41, 59, .08);
    --zy-field-error: #b9473c;
    --zy-field-error-halo: rgba(185, 71, 60, .09);
}

/* The rounded outer field includes its leading icon and trailing control. */
body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field) {
    border: 1px solid var(--zy-field-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field):hover:not(:focus-within):not(:has(:disabled)) {
    border-color: var(--zy-field-hover) !important;
}
body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field):focus-within {
    border-color: var(--zy-field-focus) !important;
    box-shadow: 0 0 0 2px var(--zy-field-halo) !important;
}
body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field) :is(input, select, textarea):is(:focus, :focus-visible) {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* Standalone text fields: same subtle treatment, without wrapping markup changes. */
body:is(.zygo-refined, .zr-recovery-page) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select, textarea):not(:where(.zy-auth-input *, .zy-reg-control *, .zy-input *, .zr-recovery-input *, .auth-input-shell *, .password-field *)) {
    border-radius: 10px !important;
}
body:is(.zygo-refined, .zr-recovery-page) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select, textarea):not(:where(.zy-auth-input *, .zy-reg-control *, .zy-input *, .zr-recovery-input *, .auth-input-shell *, .password-field *)):is(:focus, :focus-visible) {
    border-color: var(--zy-field-focus) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px var(--zy-field-halo) !important;
}

/* Errors take precedence over hover and focus. Never recolor invalid fields as valid. */
body:is(.zygo-refined, .zr-recovery-page) :is(.has-error, .is-invalid, .zy-reg-field--error, .merchant-field.has-error) :is(.zy-auth-input, .zy-reg-control, .zy-input, .auth-input-shell, .password-field, .form-control, .merchant-input, .merchant-select, .merchant-textarea):not(:where(.zy-auth-input *, .zy-reg-control *, .zy-input *, .zr-recovery-input *, .auth-input-shell *, .password-field *)),
body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field):is(.is-invalid, :has([aria-invalid="true"]), :has(.is-invalid)),
body:is(.zygo-refined, .zr-recovery-page) :is(input, select, textarea):is(.is-invalid, [aria-invalid="true"]):not(:where(.zy-auth-input *, .zy-reg-control *, .zy-input *, .zr-recovery-input *, .auth-input-shell *, .password-field *)) {
    border-color: var(--zy-field-error) !important;
    box-shadow: none !important;
}
body:is(.zygo-refined, .zr-recovery-page) :is(.has-error, .is-invalid, .zy-reg-field--error, .merchant-field.has-error) :is(.zy-auth-input, .zy-reg-control, .zy-input, .auth-input-shell, .password-field, .form-control, .merchant-input, .merchant-select, .merchant-textarea):not(:where(.zy-auth-input *, .zy-reg-control *, .zy-input *, .zr-recovery-input *, .auth-input-shell *, .password-field *)):focus-within,
body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field):is(.is-invalid, :has([aria-invalid="true"]), :has(.is-invalid)):focus-within,
body:is(.zygo-refined, .zr-recovery-page) :is(input, select, textarea):is(.is-invalid, [aria-invalid="true"]):not(:where(.zy-auth-input *, .zy-reg-control *, .zy-input *, .zr-recovery-input *, .auth-input-shell *, .password-field *)):focus {
    border-color: var(--zy-field-error) !important;
    box-shadow: 0 0 0 2px var(--zy-field-error-halo) !important;
}

/* Selectable cards: one quiet border, a soft surface and the existing check indicator. */
body.zygo-refined :is(.zy-reg-account__card, .zy-reg-vehicle__option, .paymentMethodCard) {
    border: 1px solid var(--zy-field-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}
body.zygo-refined :is(.zy-reg-account__card, .zy-reg-vehicle__option, .paymentMethodCard):hover {
    border-color: var(--zy-field-hover) !important;
}
body.zygo-refined :is(.zy-reg-account__card, .zy-reg-vehicle__option, .paymentMethodCard):is(.is-active, .is-selected, :has(input:checked)) {
    border-color: var(--zy-field-focus) !important;
    background: #f5f6f7 !important;
    color: #26392b !important;
    box-shadow: none !important;
}
body.zygo-refined :is(.zy-reg-account__card.is-active .zy-reg-account__check, .paymentMethodCard.is-selected .paymentMethodCheck) {
    background: #304c39 !important;
    border-color: #304c39 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.zygo-refined .paymentMethodCard.is-selected .paymentMethodCheck::after { background: #fff !important; }

/* A compact charcoal ring remains for keyboard navigation, including hidden radios. */
body:is(.zygo-refined, .zr-recovery-page) :is(a, button, summary, [role="button"], input[type="checkbox"], input[type="radio"], input[type="range"], input[type="color"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"]):focus-visible,
body.zygo-refined :is(.zy-reg-account__card, .zy-reg-vehicle__option):has(input:focus-visible),
body.zygo-refined .zy-auth-remember input:focus-visible + .zy-auth-remember__control {
    outline: 2px solid #667085 !important;
    outline-offset: 3px !important;
}
body.zygo-refined :is(.zy-reg-account__card, .zy-reg-vehicle__option) input:focus-visible,
body.zygo-refined .zy-auth-remember input:focus-visible {
    outline: none !important; /* Their visible label/control owns the ring. */
}
@media (forced-colors: active) {
    body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field):focus-within {
        outline: 2px solid Highlight !important;
        outline-offset: 2px !important;
    }
    body:is(.zygo-refined, .zr-recovery-page) :is(input, select, textarea):not(:where(.zy-auth-input *, .zy-reg-control *, .zy-input *, .zr-recovery-input *, .auth-input-shell *, .password-field *)):focus-visible {
        outline: 2px solid Highlight !important;
        outline-offset: 2px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    body:is(.zygo-refined, .zr-recovery-page) :is(.zy-auth-input, .zy-reg-control, .zy-input, .zr-recovery-input, .auth-input-shell, .password-field) { transition: none; }
}

/* ========================================================================== 
   Zygo front 2026-10 — editorial / operational refresh
   Intentionally restrained: real photography, clear hierarchy, minimal effects.
   ========================================================================== */
body.zygo-refined.zygo-landing-shell{
    --zf-ink:#111814;
    --zf-text:#334039;
    --zf-muted:#6d7971;
    --zf-line:#dfe5e1;
    --zf-soft:#f5f7f5;
    --zf-accent:#67dc25;
    background:#fff!important;
}
body.zygo-refined.zygo-landing-shell #app,
body.zygo-refined.zygo-landing-shell #app>.section{background:#fff!important}
body.zygo-refined.zygo-landing-shell .zl-container{max-width:1280px}
body.zygo-refined.zygo-landing-shell .zl-site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--zf-line);box-shadow:none;backdrop-filter:blur(12px)}
body.zygo-refined.zygo-landing-shell .zl-header-inner{min-height:76px}
body.zygo-refined.zygo-landing-shell .zl-brand img{height:38px;width:auto}
body.zygo-refined.zygo-landing-shell .zl-desktop-nav{gap:28px}
body.zygo-refined.zygo-landing-shell .zl-desktop-nav a{color:#445148;font-size:13px;font-weight:650}
body.zygo-refined.zygo-landing-shell .zl-desktop-nav a:hover{color:#142019}
body.zygo-refined.zygo-landing-shell .zl-button{border-radius:9px;font-weight:750;box-shadow:none;letter-spacing:-.005em}
body.zygo-refined.zygo-landing-shell .zl-button--primary{background:#17231c;border-color:#17231c;color:#fff}
body.zygo-refined.zygo-landing-shell .zl-button--primary:hover{background:#0e1712;border-color:#0e1712;transform:none}
body.zygo-refined.zygo-landing-shell .zl-button--secondary{background:#fff;border-color:#cfd8d2;color:#18241d}
body.zygo-refined.zygo-landing-shell .zl-header-cta{background:#17231c;border-color:#17231c;color:#fff;min-height:42px;padding-inline:16px}

body.zygo-refined.zygo-landing-shell .zl-hero--editorial{background:#fff;padding:64px 0 56px}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-grid{align-items:center;gap:clamp(42px,6vw,86px);grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-copy{max-width:610px}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-eyebrow{align-items:center;color:#45604e;display:inline-flex;font-size:10.5px;font-weight:800;gap:8px;letter-spacing:.08em;margin:0 0 20px;text-transform:uppercase}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-eyebrow svg{color:#4fa51e;height:16px;width:16px}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial h1{color:var(--zf-ink);font-size:clamp(46px,5vw,72px);font-weight:780;letter-spacing:-.06em;line-height:.99;margin:0;max-width:11ch}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-summary{color:#59665e;font-size:17px;line-height:1.68;margin:24px 0 28px;max-width:49ch}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-actions{display:flex;gap:10px;margin:0}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-button--large{min-height:52px;padding:0 19px}
body.zygo-refined.zygo-landing-shell .zl-hero-facts{border-top:1px solid var(--zf-line);display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;padding-top:18px}
body.zygo-refined.zygo-landing-shell .zl-hero-facts>div{border-right:1px solid var(--zf-line);display:grid;gap:2px;padding-right:16px}
body.zygo-refined.zygo-landing-shell .zl-hero-facts>div+div{padding-left:16px}
body.zygo-refined.zygo-landing-shell .zl-hero-facts>div:last-child{border-right:0;padding-right:0}
body.zygo-refined.zygo-landing-shell .zl-hero-facts strong{color:#17231c;font-size:11px;font-weight:800}
body.zygo-refined.zygo-landing-shell .zl-hero-facts span{color:#7b877f;font-size:10px;line-height:1.35}
body.zygo-refined.zygo-landing-shell .zl-hero-visual--editorial{background:#edf1ee;border:1px solid #d8e0da;border-radius:14px;min-height:600px;overflow:hidden;position:relative}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial{height:calc(100% - 84px);inset:0 0 84px;margin:0;overflow:hidden;position:absolute}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial:after{background:linear-gradient(180deg,rgba(8,16,11,.03),rgba(8,16,11,.18));content:"";inset:0;position:absolute;pointer-events:none}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial>img{height:100%;object-fit:cover;object-position:53% 48%;width:100%}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial figcaption{align-items:center;background:rgba(255,255,255,.95);border:1px solid rgba(212,222,215,.95);border-radius:10px;bottom:18px;display:grid;gap:10px;grid-template-columns:8px minmax(0,1fr) auto;left:18px;padding:11px 12px;position:absolute;right:18px;z-index:2}
body.zygo-refined.zygo-landing-shell .zl-live-dot{background:#5fcb25;border-radius:50%;height:8px;width:8px}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial figcaption div{display:grid;gap:1px}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial figcaption small{color:#78857c;font-size:9px;font-weight:750;text-transform:uppercase}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial figcaption strong{color:#152019;font-size:11.5px;font-weight:800}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial figcaption svg{color:#325b3d;height:18px;width:18px}
body.zygo-refined.zygo-landing-shell .zl-hero-opsbar{background:#fff;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);height:84px;left:0;position:absolute;right:0}
body.zygo-refined.zygo-landing-shell .zl-hero-opsbar>div{align-content:center;border-right:1px solid var(--zf-line);display:grid;gap:1px;padding:0 18px}
body.zygo-refined.zygo-landing-shell .zl-hero-opsbar>div:last-child{border-right:0}
body.zygo-refined.zygo-landing-shell .zl-hero-opsbar span{color:#72a05b;font-size:9px;font-weight:850;letter-spacing:.08em}
body.zygo-refined.zygo-landing-shell .zl-hero-opsbar strong{color:#17231c;font-size:11px;font-weight:800}
body.zygo-refined.zygo-landing-shell .zl-hero-opsbar small{color:#7e8a82;font-size:9.5px}

body.zygo-refined.zygo-landing-shell .zl-trust{background:#f7f9f7;border-block:1px solid var(--zf-line)}
body.zygo-refined.zygo-landing-shell .zl-trust-list span{min-height:58px;color:#59675e;font-size:11px;font-weight:700}
body.zygo-refined.zygo-landing-shell .zl-section{padding:clamp(76px,8vw,112px) 0}
body.zygo-refined.zygo-landing-shell .zl-section-heading h2,
body.zygo-refined.zygo-landing-shell .zl-section-copy h2{color:var(--zf-ink);font-size:clamp(34px,3.6vw,50px);font-weight:760;letter-spacing:-.045em;line-height:1.06}
body.zygo-refined.zygo-landing-shell .zl-section-heading>p:last-child,
body.zygo-refined.zygo-landing-shell .zl-section-copy>p{color:#647168;line-height:1.7}
body.zygo-refined.zygo-landing-shell .zl-eyebrow{color:#4c6b56;font-weight:800;letter-spacing:.08em}
body.zygo-refined.zygo-landing-shell .zl-how{background:#f7f9f7}
body.zygo-refined.zygo-landing-shell .zl-journey{background:#fff;border:1px solid var(--zf-line);border-radius:14px;box-shadow:none;overflow:hidden}
body.zygo-refined.zygo-landing-shell .zl-route-stage{border-radius:0}
body.zygo-refined.zygo-landing-shell .zl-step-list li{background:#fff;padding:24px}
body.zygo-refined.zygo-landing-shell .zl-step-list li>span{background:transparent;border:0;color:#609b44;font-size:10px;font-weight:850;height:auto;width:auto}
body.zygo-refined.zygo-landing-shell .zl-step-list h3{font-weight:780}

body.zygo-refined.zygo-landing-shell .zl-commerce{background:#fff}
body.zygo-refined.zygo-landing-shell .zl-commerce-visual{min-height:590px}
body.zygo-refined.zygo-landing-shell .zl-commerce-photo{border:1px solid var(--zf-line);border-radius:12px;box-shadow:none;overflow:hidden}
body.zygo-refined.zygo-landing-shell .zl-product-window{background:#fff;border:1px solid #dbe3dd;border-radius:10px;box-shadow:0 18px 40px rgba(17,24,20,.10)}
body.zygo-refined.zygo-landing-shell .zl-pos-note{background:#f6f8f6;border:1px solid var(--zf-line);border-radius:12px;box-shadow:none}
body.zygo-refined.zygo-landing-shell .zl-customer{background:#f7f9f7}
body.zygo-refined.zygo-landing-shell .zl-phone-scene{background:#e8ede9;border:1px solid #d8e0da;border-radius:14px;box-shadow:none}
body.zygo-refined.zygo-landing-shell .zl-phone{box-shadow:0 18px 44px rgba(18,29,22,.14)}
body.zygo-refined.zygo-landing-shell .zl-marketplace{background:#fff}
body.zygo-refined.zygo-landing-shell .zl-channel-comparison{background:#fff;border:1px solid var(--zf-line);border-radius:14px;box-shadow:none;overflow:hidden}
body.zygo-refined.zygo-landing-shell .zl-channel-comparison article{padding:36px}
body.zygo-refined.zygo-landing-shell .zl-channel-icon{background:#f1f5f2;border:1px solid #e0e7e2;color:#315c3d}
body.zygo-refined.zygo-landing-shell .zl-drivers{background:#f7f9f7}
body.zygo-refined.zygo-landing-shell .zl-driver-photo{border:1px solid #d8e0da;border-radius:12px;box-shadow:none;overflow:hidden}
body.zygo-refined.zygo-landing-shell .zl-driver-photo figcaption{background:rgba(255,255,255,.95);border-color:#dbe3dd;border-radius:9px;color:#26362d;font-weight:700}
body.zygo-refined.zygo-landing-shell .zl-security{background:#16221b}
body.zygo-refined.zygo-landing-shell .zl-faq{background:#fff}
body.zygo-refined.zygo-landing-shell .zl-final-cta{background:#f7f9f7}
body.zygo-refined.zygo-landing-shell .zl-final-cta-inner{background:#16221b;border-radius:14px}
body.zygo-refined.zygo-landing-shell .zl-footer{border-top:1px solid var(--zf-line)}

@media(max-width:1050px){
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-grid{grid-template-columns:1fr;gap:36px}
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-copy{max-width:760px}
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial h1{max-width:14ch}
    body.zygo-refined.zygo-landing-shell .zl-hero-visual--editorial{min-height:560px}
}
@media(max-width:640px){
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial{padding:38px 0 34px}
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial h1{font-size:clamp(38px,11vw,52px);max-width:none}
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-summary{font-size:15px;margin:18px 0 22px}
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-actions{display:grid;grid-template-columns:1fr}
    body.zygo-refined.zygo-landing-shell .zl-hero-facts{grid-template-columns:1fr;gap:9px;padding-top:14px}
    body.zygo-refined.zygo-landing-shell .zl-hero-facts>div,body.zygo-refined.zygo-landing-shell .zl-hero-facts>div+div{border-right:0;border-bottom:1px solid var(--zf-line);padding:0 0 9px}
    body.zygo-refined.zygo-landing-shell .zl-hero-facts>div:last-child{border-bottom:0;padding-bottom:0}
    body.zygo-refined.zygo-landing-shell .zl-hero-visual--editorial{min-height:460px}
    body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial{height:calc(100% - 76px);bottom:76px}
    body.zygo-refined.zygo-landing-shell .zl-hero-opsbar{height:76px}
    body.zygo-refined.zygo-landing-shell .zl-hero-opsbar>div{padding:0 10px}
    body.zygo-refined.zygo-landing-shell .zl-hero-opsbar small{display:none}
    body.zygo-refined.zygo-landing-shell .zl-section{padding:64px 0}
    body.zygo-refined.zygo-landing-shell .zl-channel-comparison article{padding:26px 22px}
}

/* Front refresh v3: smaller editorial type, real merchant imagery and pro icon treatment. */
body.zygo-refined.zygo-landing-shell .zl-desktop-nav a{font-size:12px;font-weight:600;letter-spacing:.01em}
body.zygo-refined.zygo-landing-shell .zl-button{font-size:13px}
body.zygo-refined.zygo-landing-shell .zl-button--large{min-height:50px;padding:0 18px}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial h1{font-size:clamp(40px,4.2vw,58px);line-height:1.01;letter-spacing:-.055em;max-width:12ch}
body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-summary{font-size:15px;line-height:1.62;max-width:48ch;margin:20px 0 24px}
body.zygo-refined.zygo-landing-shell .zl-section-heading h2,
body.zygo-refined.zygo-landing-shell .zl-section-copy h2{font-size:clamp(28px,3.1vw,40px);line-height:1.08}
body.zygo-refined.zygo-landing-shell .zl-section-heading>p:last-child,
body.zygo-refined.zygo-landing-shell .zl-section-copy>p,
body.zygo-refined.zygo-landing-shell .zl-check-list li span,
body.zygo-refined.zygo-landing-shell .zl-feature-lines div small,
body.zygo-refined.zygo-landing-shell .zl-driver-steps p,
body.zygo-refined.zygo-landing-shell .zl-channel-comparison p,
body.zygo-refined.zygo-landing-shell .zl-faq-panel p{font-size:14px;line-height:1.62}
body.zygo-refined.zygo-landing-shell .zl-eyebrow{font-size:10px}
body.zygo-refined.zygo-landing-shell .zl-trust-list span{font-size:10px;font-weight:750;gap:8px}
body.zygo-refined.zygo-landing-shell .zl-trust-list span svg,
body.zygo-refined.zygo-landing-shell .zl-check-list li svg,
body.zygo-refined.zygo-landing-shell .zl-feature-lines > div > svg,
body.zygo-refined.zygo-landing-shell .zl-security-list > div > svg,
body.zygo-refined.zygo-landing-shell .zl-driver-photo figcaption svg,
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial figcaption svg{background:linear-gradient(180deg,#ffffff 0%,#eef4ef 100%);border:1px solid #dce5de;border-radius:11px;box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 8px 18px rgba(23,35,28,.08);color:#2f5c39;padding:7px}
body.zygo-refined.zygo-landing-shell .zl-trust-list span svg{height:30px;width:30px}
body.zygo-refined.zygo-landing-shell .zl-check-list li,
body.zygo-refined.zygo-landing-shell .zl-feature-lines > div,
body.zygo-refined.zygo-landing-shell .zl-security-list > div{align-items:flex-start;gap:12px}
body.zygo-refined.zygo-landing-shell .zl-photo-caption-icon,
body.zygo-refined.zygo-landing-shell .zl-order-icon,
body.zygo-refined.zygo-landing-shell .zl-pos-icon,
body.zygo-refined.zygo-landing-shell .zl-channel-icon{align-items:center;background:linear-gradient(180deg,#ffffff 0%,#ecf3ee 100%);border:1px solid #d9e3dc;border-radius:14px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 12px 24px rgba(19,33,24,.08);color:#315c3d;display:inline-flex;justify-content:center}
body.zygo-refined.zygo-landing-shell .zl-photo-caption-icon,
body.zygo-refined.zygo-landing-shell .zl-order-icon,
body.zygo-refined.zygo-landing-shell .zl-pos-icon{height:42px;width:42px}
body.zygo-refined.zygo-landing-shell .zl-photo-caption-icon svg,
body.zygo-refined.zygo-landing-shell .zl-order-icon svg,
body.zygo-refined.zygo-landing-shell .zl-pos-icon svg,
body.zygo-refined.zygo-landing-shell .zl-channel-icon svg{height:18px;width:18px}
body.zygo-refined.zygo-landing-shell .zl-channel-icon{height:52px;width:52px}
body.zygo-refined.zygo-landing-shell .zl-commerce-photo img,
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial > img{filter:saturate(.98) contrast(1.02)}
body.zygo-refined.zygo-landing-shell .zl-hero-photo-editorial>img{object-position:50% 48%}
body.zygo-refined.zygo-landing-shell .zl-product-window{border-radius:12px;box-shadow:0 18px 38px rgba(17,24,20,.11)}
body.zygo-refined.zygo-landing-shell .zl-pos-note{padding:20px 22px}
body.zygo-refined.zygo-landing-shell .zl-final-copy p{font-size:14px}
body.zygo-refined.zygo-auth-body .zy-login-story__content h2{font-size:clamp(34px,3.8vw,52px);line-height:1.04}
body.zygo-refined.zygo-auth-body .zy-login-story__content>p:last-child{font-size:14px;line-height:1.55}
body.zygo-refined.zygo-auth-body .zy-login-heading h1{font-size:30px}
body.zygo-refined.zygo-auth-body .zy-login-heading>p:last-child{font-size:13px}
body.zygo-refined.zygo-auth-body .zy-auth-field>label{font-size:12px}
body.zygo-refined.zygo-auth-body .zy-login-eyebrow{font-size:9.5px}
body.zygo-refined.zygo-auth-body .zr-login-benefits span{font-size:11px}
body.zygo-refined.zygo-auth-body .zr-login-benefits svg,
body.zygo-refined.zygo-auth-body .zy-register-story__points > div > span{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.14));border:1px solid rgba(255,255,255,.32);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 12px 24px rgba(0,0,0,.12)}
body.zygo-refined.zygo-auth-body .zy-register-story__copy h1{font-size:clamp(30px,3.1vw,42px)}
body.zygo-refined.zygo-auth-body .zy-register-story__copy p{font-size:14px;line-height:1.58}
@media(max-width:640px){
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial h1{font-size:clamp(34px,10vw,46px)}
    body.zygo-refined.zygo-landing-shell .zl-hero--editorial .zl-hero-summary{font-size:14px}
    body.zygo-refined.zygo-landing-shell .zl-section-heading h2,
    body.zygo-refined.zygo-landing-shell .zl-section-copy h2{font-size:clamp(24px,8vw,32px)}
}

/* Zygo icon policy · professional outline set, no pseudo-3D / generated-looking treatments. */
.zygo-refined :where(.zygo-inline-icon,.za-icon,.zc-icon){filter:none!important;stroke:currentColor!important;stroke-width:1.7!important;shape-rendering:geometricPrecision}
body.zygo-refined.zygo-landing-shell :is(.zl-trust-list span svg,.zl-check-list li svg,.zl-feature-lines>div>svg,.zl-security-list>div>svg,.zl-driver-photo figcaption svg,.zl-hero-photo-editorial figcaption svg){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;color:#476051!important}
body.zygo-refined.zygo-landing-shell .zl-trust-list span svg{width:18px!important;height:18px!important}
body.zygo-refined.zygo-landing-shell :is(.zl-photo-caption-icon,.zl-order-icon,.zl-pos-icon,.zl-channel-icon){background:#f4f7f5!important;border:1px solid #e0e7e2!important;border-radius:9px!important;box-shadow:none!important;color:#41594a!important}
body.zygo-refined.zygo-landing-shell :is(.zl-photo-caption-icon,.zl-order-icon,.zl-pos-icon){width:38px!important;height:38px!important}
body.zygo-refined.zygo-landing-shell .zl-channel-icon{width:44px!important;height:44px!important}
body.zygo-refined.zygo-auth-body :is(.zr-login-benefits svg,.zy-register-story__points>div>span){box-shadow:none!important}
body.zygo-refined.zygo-auth-body .zy-register-story__points>div>span{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.20)!important}

/* Global icon guard · avoid decorative/novelty route glyphs. */
.zygo-refined :is(.zygo-inline-icon,.zc-icon,.za-icon){filter:none!important;stroke:currentColor;vector-effect:non-scaling-stroke}
.zygo-refined :is(.zygo-inline-icon,.zc-icon){stroke-width:1.75}