body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f2;color:#152016}*{box-sizing:border-box}.page{min-height:100vh;padding:40px clamp(18px,4vw,64px);background:linear-gradient(135deg,rgba(244,139,72,.16),transparent 32rem),linear-gradient(315deg,rgba(41,121,96,.16),transparent 30rem),#f5f7f2}.hero{width:100%;max-width:1180px;margin:0 auto;min-height:68vh;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:clamp(28px,5vw,72px);align-items:center}.heroCopy{max-width:680px}.eyebrow{width:fit-content;border:1px solid rgba(21,32,22,.16);border-radius:999px;padding:8px 12px;background:#ffffffa3;color:#2f684f;font-size:13px;font-weight:800;text-transform:uppercase}h1{margin:22px 0 18px;font-size:clamp(40px,6vw,76px);line-height:.95;letter-spacing:0;max-width:920px}p{margin:0;color:#4d5c50;font-size:18px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.actions a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid #152016;border-radius:8px;padding:13px 18px;color:#152016;font-weight:800;text-decoration:none}.actions a:first-child{background:#152016;color:#fff}.actions a:last-child{background:#ffffffb8}.preview{border:1px solid rgba(21,32,22,.14);border-radius:8px;padding:clamp(18px,3vw,30px);background:#ffffffb8;box-shadow:0 24px 80px #15201624}.browserBar,.navRow,.menuPanel,.statusGrid,.ruleCard,.feeLine,.ruleStack,.paymentRows,.shippingBanner,.targetRows,.metricRows,.profitCard,.ledgerRows,.carrierCard,.donorList{border:1px solid rgba(21,32,22,.12);border-radius:8px;background:#fff}.browserBar{display:flex;gap:7px;padding:12px}.browserBar span{width:10px;height:10px;border-radius:50%;background:#f48b48}.navRow{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;padding:16px}.menuPanel{display:grid;grid-template-columns:1fr auto;gap:24px;margin-top:12px;padding:22px;background:#173b2d;color:#fff}.panelLabel,.impactMeter span,.donorList span,.ruleCard span,.feeLine span,.ruleStack span,.profitCard span,.carrierCard span{display:block;margin-bottom:8px;color:#6c7a70;font-size:13px;font-weight:800;text-transform:uppercase}.menuPanel .panelLabel{color:#b7e0cd}.menuPanel ul{margin:0;padding-left:18px;line-height:1.9}.workflow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center}.node{border:1px solid rgba(21,32,22,.14);border-radius:8px;padding:18px 14px;background:#fff;font-weight:800;text-align:center}.node.active{background:#f48b48;color:#281305}.node.done{background:#173b2d;color:#fff}.connector{height:2px;background:#15201642}.statusGrid{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin-top:18px;padding:18px}.statusGrid span{color:#6c7a70}.impactMeter{border-radius:8px;padding:24px;background:#173b2d;color:#fff}.impactMeter span{color:#b7e0cd}.impactMeter div,.progressTrack{height:14px;margin-top:18px;border-radius:999px;background:#ffffff47;overflow:hidden}.impactMeter div span,.progressTrack span{display:block;width:68%;height:100%;border-radius:inherit;background:#f48b48}.donorList,.ruleCard,.feeLine,.ruleStack,.paymentRows,.targetRows,.metricRows,.profitCard,.ledgerRows,.carrierCard{margin-top:14px;padding:18px}.donorList p,.paymentRows p,.targetRows p,.metricRows p,.ledgerRows p{margin:8px 0 0;color:#263229;font-weight:700}.shippingBanner{padding:18px;background:#173b2d;color:#fff;font-weight:900;text-align:center}.progressTrack{background:#1520161f}.heatmap{position:relative;min-height:240px;border:1px solid rgba(21,32,22,.12);border-radius:8px;background:linear-gradient(90deg,rgba(21,32,22,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(21,32,22,.08) 1px,transparent 1px),#fff;background-size:48px 48px}.heatmap span{position:absolute;border-radius:50%;background:#f48b48b8;filter:blur(1px)}.heatmap span:nth-child(1){width:110px;height:110px;top:32px;left:34px}.heatmap span:nth-child(2){width:84px;height:84px;right:42px;top:78px;background:#2979609e}.heatmap span:nth-child(3){width:64px;height:64px;left:48%;bottom:36px;background:#f4c448c7}.trackingTimeline{display:grid;gap:12px}.trackingTimeline span{border-left:4px solid rgba(21,32,22,.2);border-radius:8px;padding:16px;background:#fff;font-weight:800}.trackingTimeline .complete{border-left-color:#2f684f}.points{width:100%;max-width:1180px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.points article{border:1px solid rgba(21,32,22,.12);border-radius:8px;padding:20px;background:#ffffffb8}.points span{color:#f48b48;font-weight:900}.points h2{margin:14px 0 8px;font-size:20px}.points p{font-size:15px;line-height:1.6}@media(max-width:860px){.page{padding:24px 16px}.hero,.points{grid-template-columns:1fr}.hero{min-height:auto}.workflow{grid-template-columns:1fr;gap:10px}.connector{width:2px;height:18px;justify-self:center}.menuPanel,.statusGrid{grid-template-columns:1fr}}