/* RefGo Brand Colors */
:root{--refgo-primary:#5fd3d1;--refgo-dark:#130b44;--refgo-gray:#bdc6cf;--refgo-turquoise:#5fd3d1}
.refgo-hero{background:linear-gradient(135deg,var(--refgo-dark) 0%,#1a0f5e 50%,#0d2f4f 100%);color:white;padding:4rem 0;position:relative;overflow:hidden}
.refgo-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%235fd3d1' fill-opacity='0.05'%3E%3Ccircle cx='40' cy='40' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.refgo-hero__content{position:relative;z-index:1}
.refgo-hero__badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(95,211,209,0.15);padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;color:var(--refgo-primary);border:1px solid rgba(95,211,209,0.3);margin-bottom:1.5rem}
.refgo-hero__badge::before{content:'';width:8px;height:8px;background:var(--refgo-primary);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.refgo-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}
.refgo-hero__subtitle{font-size:1.25rem;opacity:0.9;max-width:700px;margin-bottom:1.5rem}
.refgo-hero__cta{margin-bottom:2rem}
.refgo-hero__stats{display:flex;gap:3rem;margin-top:2rem;flex-wrap:wrap}
.refgo-hero__stat{text-align:center}
.refgo-hero__stat-value{font-size:2.5rem;font-weight:700;color:var(--refgo-primary);line-height:1}
.refgo-hero__stat-label{font-size:0.875rem;opacity:0.8;margin-top:0.5rem}
.refgo-temp-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.1);padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;margin-top:0.5rem}
.refgo-temp-badge .cold{color:#60a5fa;font-weight:500}
.refgo-temp-badge .warm{color:#f59e0b;font-weight:500}
.refgo-story{background:white;border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}
.refgo-story__chapter{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}
.refgo-story__chapter:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.refgo-story__title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem}
.refgo-story__title-number{width:32px;height:32px;background:var(--refgo-dark);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;flex-shrink:0}
.refgo-story__highlight{background:var(--refgo-primary);color:var(--refgo-dark);padding:0.25rem 0.5rem;border-radius:4px;font-weight:500}
.refgo-timeline{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:16px;padding:2rem;margin:2rem 0;border:2px solid #fbbf24}
.refgo-timeline__title{font-size:1.25rem;font-weight:600;color:#92400e;margin-bottom:1.5rem;text-align:center}
.refgo-timeline__hours{display:flex;justify-content:space-between;align-items:center;position:relative;padding:1rem 0}
.refgo-timeline__hours::before{content:'';position:absolute;top:50%;left:0;right:0;height:4px;background:linear-gradient(to right,#3b82f6,#f59e0b,#ef4444);border-radius:2px;transform:translateY(-50%)}
.refgo-timeline__point{position:relative;z-index:1;text-align:center;background:white;padding:0.5rem 1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);font-size:0.875rem}
.refgo-timeline__point-time{font-weight:700;color:var(--refgo-dark)}
.refgo-timeline__point-label{font-size:0.75rem;color:#6b7280;margin-top:0.25rem}
.refgo-process-tabs{display:flex;gap:0.5rem;margin-bottom:1rem;flex-wrap:wrap}
.refgo-process-tab{padding:0.75rem 1.5rem;border-radius:9999px;border:2px solid var(--refgo-gray);background:white;cursor:pointer;font-size:0.875rem;font-weight:500;transition:all 0.2s}
.refgo-process-tab--active{background:var(--refgo-dark);color:white;border-color:var(--refgo-dark)}
.refgo-process-content{display:none;background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}
.refgo-process-content--active{display:block}
.refgo-indicator{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:#f9fafb;border-radius:8px;margin-bottom:0.5rem}
.refgo-indicator__color{width:24px;height:24px;border-radius:50%;flex-shrink:0}
.refgo-indicator__color--green{background:#22c55e}
.refgo-indicator__color--orange{background:#f59e0b}
.refgo-indicator__color--red{background:#ef4444}
.refgo-arrows{display:flex;gap:0.5rem;margin-left:auto}
.refgo-arrow{width:28px;height:28px;background:var(--refgo-dark);color:white;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:0.75rem}
.wms-problem{background:#fef2f2;border-left:4px solid #ef4444;padding:2rem;border-radius:0 12px 12px 0;margin:2rem 0}
.wms-problem__title{color:#991b1b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}
.wms-problem__list{list-style:none;padding:0;margin:0}
.wms-problem__list li{padding:0.75rem 0;padding-left:2rem;position:relative;border-bottom:1px dashed #fecaca}
.wms-problem__list li:last-child{border-bottom:none}
.wms-problem__list li::before{content:'✕';position:absolute;left:0;color:#ef4444;font-weight:bold}
.refgo-growth{background:white;border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}
.refgo-growth__title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;color:var(--refgo-dark)}
.refgo-growth__chart{display:flex;align-items:flex-end;justify-content:center;gap:3rem;height:200px;padding:2rem;background:linear-gradient(to bottom,#f0fdfa,#ccfbf1);border-radius:12px}
.refgo-growth__bar{display:flex;flex-direction:column;align-items:center;gap:0.5rem}
.refgo-growth__bar-fill{width:80px;background:linear-gradient(to top,var(--refgo-dark),var(--refgo-primary));border-radius:8px 8px 0 0;transition:height 1s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0.5rem;color:white;font-weight:bold}
.refgo-growth__bar-label{font-size:0.875rem;color:#6b7280;font-weight:500}
/* Interactive demo screens */
.refgo-demo-screen{background:#111827;border-radius:12px;padding:1rem;color:white;font-family:system-ui;font-size:0.875rem}
.refgo-demo-screen__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:0.75rem;border-bottom:1px solid #374151;margin-bottom:0.75rem}
.refgo-demo-screen__status{display:flex;align-items:center;gap:0.5rem}
.refgo-demo-screen__status-dot{width:0.5rem;height:0.5rem;border-radius:50%}
.refgo-demo-screen__status-dot--green{background:#22c55e}
.refgo-demo-screen__status-dot--blue{background:#3b82f6}
.refgo-demo-screen__status-dot--orange{background:#f59e0b}
.refgo-demo-screen__item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:6px;margin-bottom:0.5rem}
.refgo-demo-screen__item--green{background:rgba(34,197,94,0.15)}
.refgo-demo-screen__item--orange{background:rgba(245,158,11,0.15)}
.refgo-demo-screen__item--red{background:rgba(239,68,68,0.15)}
.refgo-demo-screen__label{margin-left:auto;font-size:0.75rem;opacity:0.8}