:root {
    --fw-green: #08a86b;
    --fw-green-deep: #05664f;
    --fw-mint: #55e6b0;
    --fw-blue: #2d75e5;
    --fw-orange: #ff8d43;
    --fw-night: #082d3e;
    --fw-ink: #172d36;
    --fw-muted: #687b82;
    --fw-line: #dbe9e5;
    --fw-soft: #f1f8f6;
    --fw-shadow: 0 25px 64px rgba(13,83,67,.13);
}

.wx-feature-multi-front-warehouse .fd-hero { min-height: 670px; background: radial-gradient(circle at 85% 12%,rgba(85,230,176,.3),transparent 27%),radial-gradient(circle at 12% 110%,rgba(45,117,229,.42),transparent 38%),linear-gradient(122deg,#062c3e 0%,#08634f 58%,#09a96b 100%); }
.wx-feature-multi-front-warehouse .fd-hero-grid { min-height: 670px; grid-template-columns: minmax(0,.94fr) minmax(540px,1.06fr); gap: 48px; padding-top: 67px; }
.wx-feature-multi-front-warehouse .fd-kicker { color: #87f1c9; }
.wx-feature-multi-front-warehouse .fd-kicker::before { background: var(--fw-orange); }
.wx-feature-multi-front-warehouse .fd-button--primary { border-color: var(--fw-orange); background: var(--fw-orange); box-shadow: 0 14px 30px rgba(255,141,67,.25); }
.wx-feature-multi-front-warehouse .fd-section { background: #fff; }
.wx-feature-multi-front-warehouse .fd-siblings { background: #f1f8f6; }
.wx-feature-multi-front-warehouse .fd-cta { background: var(--fw-night); }

.fw-hero-visual { min-height: 520px; }
.fw-hero-map { position: absolute; inset: 55px 10px 14px; opacity: .48; background-image: radial-gradient(rgba(129,248,204,.8) 1px,transparent 1px); background-size: 24px 24px; transform: perspective(680px) rotateX(58deg) rotateZ(-7deg); }
.fw-hero-map::before,.fw-hero-map::after { content: ""; position: absolute; border: 1px solid rgba(129,248,204,.5); border-radius: 50%; }
.fw-hero-map::before { inset: 42px 110px; box-shadow: 0 0 0 54px rgba(85,230,176,.025),0 0 0 108px rgba(85,230,176,.018); }
.fw-hero-map::after { inset: 126px 184px; background: rgba(85,230,176,.09); }
.fw-hero-dashboard { position: absolute; z-index: 3; top: 65px; right: 0; width: 510px; height: 305px; overflow: hidden; border: 7px solid #fff; background: #fff; box-shadow: 0 30px 75px rgba(2,31,33,.4); cursor: zoom-in; transform: rotate(1.5deg); transition: transform .25s ease; }
.fw-hero-dashboard:hover { transform: translateY(-5px) rotate(1.5deg); }
.fw-hero-dashboard img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.fw-hub { position: absolute; z-index: 5; left: 8px; bottom: 40px; display: flex; width: 112px; height: 112px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; color: #fff; background: rgba(6,45,62,.88); box-shadow: 0 0 0 12px rgba(85,230,176,.08),0 18px 38px rgba(0,31,35,.32); font-size: 14px; font-weight: 900; text-align: center; }
.fw-hub::before { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--fw-mint); box-shadow: 0 0 0 6px rgba(85,230,176,.12); transform: translate(58px,-47px); }
.fw-hero-node { position: absolute; z-index: 6; min-width: 135px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.3); color: #fff; background: rgba(255,255,255,.11); box-shadow: 0 16px 34px rgba(0,33,36,.22); backdrop-filter: blur(12px); }
.fw-hero-node b,.fw-hero-node span { display: block; }
.fw-hero-node b { font-size: 14px; }
.fw-hero-node span { margin-top: 5px; color: rgba(235,255,248,.66); font-size: 10px; }
.fw-hero-node--join { top: 14px; left: 22px; }
.fw-hero-node--operate { right: 8px; bottom: 85px; }
.fw-hero-node--settle { right: 175px; bottom: 1px; border-color: rgba(255,177,121,.52); }
.fw-hero-line { position: absolute; z-index: 2; right: 75px; bottom: 72px; left: 108px; border-top: 1px dashed rgba(153,246,215,.46); transform: rotate(-8deg); }

.fw-page { position: relative; }
.fw-snapshot { position: relative; z-index: 8; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; margin-bottom: -4px; border: 1px solid var(--fw-line); background: #fff; box-shadow: var(--fw-shadow); transform: translateY(-41px); }
.fw-snapshot article { display: grid; min-height: 132px; grid-template-columns: 42px minmax(0,1fr); gap: 15px; align-items: center; padding: 24px 21px; border-right: 1px solid var(--fw-line); }
.fw-snapshot article:last-child { border-right: 0; }
.fw-snapshot article > span { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; color: #fff; background: var(--fw-green-deep); font-size: 11px; font-weight: 900; }
.fw-snapshot article:nth-child(even) > span { background: var(--fw-blue); }
.fw-snapshot strong { display: block; color: var(--fw-ink); font-size: 17px; }
.fw-snapshot p { margin: 7px 0 0; color: var(--fw-muted); font-size: 13px; line-height: 1.55; }
.fw-local-nav { position: sticky; z-index: 30; top: 92px; display: flex; justify-content: center; gap: 5px; max-width: 790px; margin: 0 auto 92px; padding: 6px; border: 1px solid var(--fw-line); background: rgba(255,255,255,.93); box-shadow: 0 13px 35px rgba(13,83,67,.1); backdrop-filter: blur(14px); }
.fw-local-nav a { padding: 11px 20px; color: #5a706b; font-size: 14px; font-weight: 700; transition: color .2s ease,background .2s ease; }
.fw-local-nav a:hover { color: #fff; background: var(--fw-green-deep); }
.fw-eyebrow { color: var(--fw-green-deep); font-size: 12px; font-weight: 900; letter-spacing: .17em; }
.fw-section-head { max-width: 840px; margin-bottom: 45px; }
.fw-section-head h2,.fw-network h2,.fw-onboard h2,.fw-settlement h2 { margin: 15px 0; color: var(--fw-ink); font-size: clamp(34px,3.5vw,46px); line-height: 1.28; letter-spacing: -.035em; }
.fw-section-head p,.fw-network header p,.fw-onboard-copy > p,.fw-settlement header p { margin: 0; color: var(--fw-muted); font-size: 16px; line-height: 1.9; }

.fw-network { position: relative; overflow: hidden; margin-bottom: 116px; padding: 68px 61px 58px; color: #fff; background: var(--fw-night); box-shadow: 0 28px 68px rgba(8,45,62,.23); }
.fw-network::before { content: ""; position: absolute; inset: 0; opacity: .15; background-image: radial-gradient(rgba(85,230,176,.55) 1px,transparent 1px); background-size: 25px 25px; }
.fw-network::after { content: "NETWORK"; position: absolute; right: -20px; bottom: -39px; color: rgba(255,255,255,.025); font-size: 140px; font-weight: 900; letter-spacing: -.08em; }
.fw-network > * { position: relative; z-index: 2; }
.fw-network header { display: grid; grid-template-columns: minmax(0,.8fr) minmax(390px,1.2fr); gap: 66px; align-items: end; }
.fw-network .fw-eyebrow { grid-column: 1 / -1; color: var(--fw-mint); }
.fw-network h2 { margin: 0; color: #fff; }
.fw-network header p { color: rgba(233,250,246,.66); }
.fw-network-track { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 52px; border-top: 1px solid rgba(255,255,255,.14); border-left: 1px solid rgba(255,255,255,.14); }
.fw-network-track article { position: relative; min-height: 215px; padding: 30px 22px; border-right: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.fw-network-track article:nth-child(3) { background: var(--fw-green-deep); }
.fw-network-track b { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; color: var(--fw-night); background: var(--fw-mint); font-size: 11px; }
.fw-network-track strong,.fw-network-track span { display: block; }
.fw-network-track strong { margin-top: 37px; color: #fff; font-size: 17px; }
.fw-network-track span { margin-top: 9px; color: rgba(233,250,246,.62); font-size: 12px; line-height: 1.65; }

.fw-onboard { display: grid; grid-template-columns: minmax(320px,.76fr) minmax(0,1.24fr); gap: 72px; align-items: center; margin-bottom: 116px; padding: 65px; border: 1px solid var(--fw-line); background: linear-gradient(135deg,#effaf6,#fff 54%,#edf5ff); }
.fw-onboard-copy ul { display: grid; gap: 10px; margin: 29px 0 0; padding: 0; list-style: none; }
.fw-onboard-copy li { position: relative; padding: 15px 17px 15px 48px; border: 1px solid var(--fw-line); color: var(--fw-muted); background: #fff; font-size: 13px; line-height: 1.65; }
.fw-onboard-copy li::before { content: "✓"; position: absolute; top: 15px; left: 16px; display: flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: var(--fw-green); font-size: 11px; }
.fw-application-card { overflow: hidden; border: 1px solid var(--fw-line); background: #fff; box-shadow: 0 22px 55px rgba(13,83,67,.11); }
.fw-application-top { display: flex; align-items: center; justify-content: space-between; padding: 23px 25px; color: #fff; background: var(--fw-green-deep); }
.fw-application-top strong { font-size: 18px; }
.fw-application-top span { padding: 6px 9px; background: rgba(255,255,255,.13); font-size: 11px; }
.fw-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 24px; }
.fw-form-field { min-height: 75px; padding: 14px 15px; border: 1px solid var(--fw-line); background: var(--fw-soft); }
.fw-form-field span,.fw-form-field b { display: block; }
.fw-form-field span { color: var(--fw-muted); font-size: 11px; }
.fw-form-field b { margin-top: 10px; color: var(--fw-ink); font-size: 14px; }
.fw-form-field--wide { grid-column: 1 / -1; }
.fw-application-step { display: grid; grid-template-columns: repeat(4,1fr); padding: 0 24px 25px; }
.fw-application-step div { position: relative; padding-top: 22px; color: var(--fw-muted); font-size: 11px; text-align: center; }
.fw-application-step div::before { content: ""; position: absolute; top: 4px; left: 50%; width: 9px; height: 9px; border: 3px solid #fff; border-radius: 50%; background: var(--fw-green); box-shadow: 0 0 0 1px var(--fw-green); transform: translateX(-50%); }
.fw-application-step div:not(:last-child)::after { content: ""; position: absolute; top: 9px; left: calc(50% + 8px); width: calc(100% - 16px); border-top: 1px solid #a7ddca; }

.fw-operations { margin-bottom: 116px; }
.fw-operations-frame { overflow: hidden; border: 1px solid var(--fw-line); background: #fff; box-shadow: var(--fw-shadow); }
.fw-browser-bar { display: flex; height: 45px; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid var(--fw-line); background: #f7faf9; }
.fw-browser-dots { display: flex; gap: 6px; }
.fw-browser-dots i { width: 8px; height: 8px; border-radius: 50%; background: #cad8d5; }
.fw-browser-bar span { color: var(--fw-muted); font-size: 11px; }
.fw-operations-shot { position: relative; height: 505px; overflow: hidden; cursor: zoom-in; }
.fw-operations-shot img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left top; transition: transform .3s ease; }
.fw-operations-shot:hover img { transform: scale(1.012); }
.fw-operations-caption { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--fw-line); }
.fw-operations-caption article { min-height: 112px; padding: 22px; border-right: 1px solid var(--fw-line); }
.fw-operations-caption article:last-child { border-right: 0; }
.fw-operations-caption b,.fw-operations-caption span { display: block; }
.fw-operations-caption b { color: var(--fw-ink); font-size: 15px; }
.fw-operations-caption span { margin-top: 8px; color: var(--fw-muted); font-size: 12px; line-height: 1.55; }

.fw-autonomy { margin-bottom: 116px; }
.fw-autonomy-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.fw-autonomy-grid article { position: relative; min-height: 245px; overflow: hidden; padding: 30px 25px; border: 1px solid var(--fw-line); background: #fff; }
.fw-autonomy-grid article:nth-child(2),.fw-autonomy-grid article:nth-child(5) { background: var(--fw-soft); }
.fw-autonomy-grid b { color: var(--fw-green); font-size: 11px; letter-spacing: .15em; }
.fw-autonomy-grid h3 { margin: 55px 0 12px; color: var(--fw-ink); font-size: 19px; }
.fw-autonomy-grid p { margin: 0; color: var(--fw-muted); font-size: 13px; line-height: 1.75; }
.fw-autonomy-grid article::after { content: attr(data-mark); position: absolute; right: -3px; bottom: -18px; color: rgba(8,168,107,.055); font-size: 82px; font-weight: 900; }

.fw-settlement { position: relative; overflow: hidden; margin-bottom: 116px; padding: 67px 61px; background: linear-gradient(130deg,#f3fbf8,#fff 58%,#eef5ff); border: 1px solid var(--fw-line); }
.fw-settlement::after { content: "SETTLE"; position: absolute; right: -15px; bottom: -34px; color: rgba(5,102,79,.035); font-size: 130px; font-weight: 900; }
.fw-settlement > * { position: relative; z-index: 2; }
.fw-settlement-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); gap: 20px; margin-top: 43px; }
.fw-ledger { padding: 31px; border: 1px solid var(--fw-line); background: #fff; }
.fw-ledger-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--fw-line); }
.fw-ledger-head strong { color: var(--fw-ink); font-size: 18px; }
.fw-ledger-head span { color: var(--fw-green-deep); font-size: 12px; font-weight: 800; }
.fw-ledger-metrics { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 23px; border: 1px solid var(--fw-line); }
.fw-ledger-metrics div { padding: 20px 16px; border-right: 1px solid var(--fw-line); }
.fw-ledger-metrics div:last-child { border-right: 0; }
.fw-ledger-metrics b,.fw-ledger-metrics span { display: block; }
.fw-ledger-metrics b { color: var(--fw-green-deep); font-size: 20px; }
.fw-ledger-metrics span { margin-top: 7px; color: var(--fw-muted); font-size: 11px; }
.fw-ledger-note { margin: 19px 0 0; color: var(--fw-muted); font-size: 13px; line-height: 1.75; }
.fw-settle-rules { display: grid; gap: 10px; }
.fw-rule-card { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 13px; align-items: center; min-height: 85px; padding: 15px; color: #fff; background: var(--fw-green-deep); }
.fw-rule-card:nth-child(2) { background: var(--fw-blue); }
.fw-rule-card:nth-child(3) { background: var(--fw-night); }
.fw-rule-card > b { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.3); font-size: 10px; }
.fw-rule-card strong,.fw-rule-card span { display: block; }
.fw-rule-card strong { color: #fff; font-size: 14px; }
.fw-rule-card span { margin-top: 5px; color: rgba(255,255,255,.65); font-size: 11px; }
.fw-rule-card i { color: var(--fw-mint); font-size: 11px; font-style: normal; font-weight: 800; }

.fw-capabilities .fw-section-head { margin-right: auto; margin-left: auto; text-align: center; }
.fw-feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--fw-line); border-left: 1px solid var(--fw-line); }
.fw-feature-grid article { position: relative; min-height: 205px; padding: 30px 27px; border-right: 1px solid var(--fw-line); border-bottom: 1px solid var(--fw-line); background: #fff; transition: z-index .2s ease,transform .2s ease,box-shadow .2s ease; }
.fw-feature-grid article:hover { z-index: 2; box-shadow: 0 20px 45px rgba(13,83,67,.12); transform: translateY(-4px); }
.fw-feature-grid b { color: #aabdb7; font-size: 11px; letter-spacing: .15em; }
.fw-feature-grid h3 { margin: 31px 0 11px; color: var(--fw-ink); font-size: 19px; }
.fw-feature-grid p { margin: 0; color: var(--fw-muted); font-size: 13px; line-height: 1.75; }
.fw-feature-grid article::after { content: ""; position: absolute; top: 28px; right: 26px; width: 27px; border-top: 3px solid var(--fw-orange); }

.fw-previewable { outline: none; }
.fw-previewable:focus-visible { outline: 3px solid rgba(85,230,176,.8); outline-offset: 4px; }
.fw-lightbox[hidden] { display: none; }
.fw-lightbox { position: fixed; z-index: 5000; inset: 0; display: grid; place-items: center; padding: 32px; background: rgba(3,24,31,.93); backdrop-filter: blur(11px); }
.fw-lightbox figure { display: flex; width: min(95vw,1400px); max-height: 88vh; flex-direction: column; align-items: center; margin: 0; }
.fw-lightbox img { display: block; max-width: 100%; max-height: calc(88vh - 60px); object-fit: contain; background: #fff; box-shadow: 0 30px 85px rgba(0,0,0,.5); }
.fw-lightbox figcaption { margin-top: 13px; color: rgba(238,255,249,.82); font-size: 14px; line-height: 1.6; text-align: center; }
.fw-lightbox-close { position: fixed; z-index: 2; top: 24px; right: 28px; min-width: 66px; min-height: 42px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.35); color: #fff; background: rgba(255,255,255,.08); cursor: pointer; }
body.fw-lightbox-open { overflow: hidden; }

@media (max-width: 1100px) {
    .wx-feature-multi-front-warehouse .fd-hero-grid { grid-template-columns: minmax(0,1fr) 460px; gap: 28px; }
    .fw-hero-dashboard { width: 440px; height: 270px; }
    .fw-network { padding: 58px 42px 48px; }
    .fw-network-track { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .fw-network-track article:nth-child(n+4) { min-height: 180px; }
    .fw-autonomy-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .fw-feature-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 980px) {
    .wx-feature-multi-front-warehouse .fd-hero-grid { grid-template-columns: 1fr; }
    .fw-hero-visual { width: min(100%,590px); margin: 0 auto; }
    .fw-snapshot { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .fw-snapshot article:nth-child(2) { border-right: 0; }
    .fw-snapshot article:nth-child(-n+2) { border-bottom: 1px solid var(--fw-line); }
    .fw-network header { grid-template-columns: 1fr; gap: 22px; }
    .fw-onboard { grid-template-columns: 1fr; gap: 42px; }
    .fw-operations-shot { height: 400px; }
    .fw-operations-caption { grid-template-columns: repeat(2,1fr); }
    .fw-operations-caption article:nth-child(2) { border-right: 0; }
    .fw-operations-caption article:nth-child(-n+2) { border-bottom: 1px solid var(--fw-line); }
    .fw-settlement-grid { grid-template-columns: 1fr; }
    .fw-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .wx-feature-multi-front-warehouse .fd-hero { min-height: 0; }
    .wx-feature-multi-front-warehouse .fd-hero-grid { padding-bottom: 48px; }
    .wx-feature-multi-front-warehouse .fd-hero h1 { font-size: 40px; }
    .fw-hero-visual { min-height: 420px; transform: none; }
    .fw-hero-dashboard { top: 70px; right: 50%; width: 345px; height: 218px; border-width: 5px; transform: translateX(50%) rotate(1deg); }
    .fw-hero-dashboard:hover { transform: translate(50%,-4px) rotate(1deg); }
    .fw-hub { bottom: 14px; left: 5px; width: 88px; height: 88px; font-size: 12px; }
    .fw-hero-node { min-width: 122px; padding: 9px 11px; }
    .fw-hero-node--join { top: 10px; left: 0; }
    .fw-hero-node--operate { right: 0; bottom: 71px; }
    .fw-hero-node--settle { right: 0; bottom: 5px; }
    .fw-snapshot { grid-template-columns: 1fr; transform: translateY(-24px); }
    .fw-snapshot article { min-height: 100px; border-right: 0; border-bottom: 1px solid var(--fw-line); }
    .fw-snapshot article:last-child { border-bottom: 0; }
    .fw-local-nav { top: 82px; justify-content: flex-start; overflow-x: auto; margin-bottom: 68px; }
    .fw-local-nav a { flex: 0 0 auto; padding: 10px 14px; }
    .fw-section-head h2,.fw-network h2,.fw-onboard h2,.fw-settlement h2 { font-size: 31px; }
    .fw-network,.fw-onboard,.fw-operations,.fw-autonomy,.fw-settlement { margin-bottom: 76px; }
    .fw-network { padding: 38px 23px; }
    .fw-network-track { grid-template-columns: 1fr; }
    .fw-network-track article,.fw-network-track article:nth-child(n+4) { min-height: 150px; }
    .fw-onboard { padding: 38px 23px; }
    .fw-form-grid { grid-template-columns: 1fr; padding: 18px; }
    .fw-form-field--wide { grid-column: auto; }
    .fw-application-step { grid-template-columns: repeat(2,1fr); gap: 14px 0; padding: 0 18px 20px; }
    .fw-application-step div:nth-child(2)::after { display: none; }
    .fw-operations-shot { height: 255px; }
    .fw-operations-caption { grid-template-columns: 1fr; }
    .fw-operations-caption article { min-height: 92px; border-right: 0; border-bottom: 1px solid var(--fw-line); }
    .fw-autonomy-grid { grid-template-columns: 1fr; }
    .fw-autonomy-grid article { min-height: 185px; }
    .fw-autonomy-grid h3 { margin-top: 36px; }
    .fw-settlement { padding: 38px 23px; }
    .fw-ledger { padding: 23px 18px; }
    .fw-ledger-metrics { grid-template-columns: 1fr; }
    .fw-ledger-metrics div { border-right: 0; border-bottom: 1px solid var(--fw-line); }
    .fw-ledger-metrics div:last-child { border-bottom: 0; }
    .fw-rule-card { grid-template-columns: 38px minmax(0,1fr); }
    .fw-rule-card i { grid-column: 2; }
    .fw-feature-grid { grid-template-columns: 1fr; }
    .fw-feature-grid article { min-height: 170px; }
}

@media (max-width: 430px) {
    .wx-feature-multi-front-warehouse .fd-hero h1 { font-size: 36px; }
    .fw-hero-dashboard { width: 315px; height: 202px; }
    .fw-hero-node--operate { bottom: 75px; }
    .fw-lightbox { padding: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .fw-hero-dashboard,.fw-operations-shot img,.fw-feature-grid article { transition: none; }
}