:root{color:#10201d;background:#eef3f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--coinfully-yellow: #f7c83c;--ink: #10201d;--deep: #093f38;--panel: #ffffff;--muted: #62736e;--line: #d9e4df}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{display:grid;min-height:100vh;padding:26px;place-items:center}.tracker-frame,.empty-panel,.loading-panel{width:min(100%,1120px);border:1px solid #cbd9d4;border-radius:8px;background:var(--panel);box-shadow:0 24px 60px #152a2621}.tracker-frame{overflow:hidden}.tracker-header{display:flex;justify-content:space-between;gap:18px;padding:28px 30px 22px;align-items:center;background:#0d4b42;color:#fff}.eyebrow,.label{margin:0;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.tracker-header .eyebrow{color:var(--coinfully-yellow)}.label{color:#65736f}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:3rem;line-height:1;letter-spacing:0}h2{margin:3px 0 8px;color:var(--ink);font-size:2rem;line-height:1.08;letter-spacing:0}p{color:#485854;line-height:1.55}.privacy-chip,.demo-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;font-weight:900;font-size:.9rem}.privacy-chip{padding:0 13px;border:1px solid rgba(255,255,255,.3);color:#fff;background:#ffffff1a;white-space:nowrap}.tracker-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:24px 28px;background:#123831}.tracker-segment{display:grid;grid-template-columns:auto 18px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:6px;min-height:92px;padding:16px 18px 14px 22px;align-items:center;align-content:center;color:#dbe6e2;background:#176155;border:1px solid rgba(255,255,255,.14);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)}.tracker-segment:first-child{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);border-radius:8px 0 0 8px}.tracker-segment:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,18px 50%);border-radius:0 8px 8px 0}.tracker-segment.complete{color:#fff;background:#1f7b6e}.tracker-segment.current{color:#17201f;background:var(--coinfully-yellow);box-shadow:inset 0 -5px #14201f33}.segment-number{color:inherit;font-size:1.9rem;font-weight:950;line-height:1}.tracker-segment span{grid-column:1 / -1;min-width:0;font-size:.78rem;font-weight:950;line-height:1.15;text-transform:uppercase;overflow-wrap:normal;word-break:normal}.current-status{display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;padding:28px 30px;align-items:center;border-bottom:1px solid var(--line)}.status-icon{display:grid;width:74px;height:74px;place-items:center;border-radius:8px;color:var(--ink);background:var(--coinfully-yellow)}.status-icon.pending{color:#2d4944;background:#e4eeeb}.current-status p:last-child{max-width:640px;margin-bottom:0;font-weight:700}.details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.detail-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;min-height:112px;padding:22px;align-items:center;border-right:1px solid var(--line)}.detail-row:last-child{border-right:0}.detail-row svg{color:#1a685d}.detail-row p:last-child{margin:3px 0 0;color:#182522;font-weight:900;overflow-wrap:anywhere}.tracking-band{display:flex;justify-content:space-between;gap:18px;padding:20px 30px;align-items:center;background:#f7f3e4}.tracking-band p:last-child{margin:0;color:#182522;font-size:1.1rem;font-weight:950;overflow-wrap:anywhere}.empty-shell,.loading-shell{place-items:center}.empty-panel,.loading-panel{width:min(100%,520px);padding:30px}.empty-panel svg{color:#0d4b42}.empty-panel h1{margin:8px 0 12px;font-size:2rem}.demo-link{margin-top:10px;min-height:42px;padding:0 14px;color:var(--ink);background:var(--coinfully-yellow);text-decoration:none}.loading-panel{display:grid;gap:16px}.loading-strip,.loading-line{border-radius:8px;background:linear-gradient(90deg,#edf2f0,#f7faf9,#edf2f0);background-size:220% 100%;animation:pulse 1.2s ease-in-out infinite}.loading-strip{height:92px}.loading-line{width:68%;height:18px}.loading-line.wide{width:92%;height:28px}@keyframes pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:980px){.tracker-strip{grid-template-columns:1fr;gap:8px}.tracker-segment,.tracker-segment:first-child,.tracker-segment:last-child{min-height:58px;border-radius:8px;clip-path:none}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-row:nth-child(2){border-right:0}.detail-row:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:620px){.app-shell{padding:14px}.tracker-header,.tracking-band{display:grid}.tracker-header{padding:22px}h1{font-size:2rem}h2{font-size:1.55rem}.tracker-strip,.current-status{padding:18px}.current-status{grid-template-columns:58px minmax(0,1fr)}.status-icon{width:58px;height:58px}.details-grid{grid-template-columns:1fr}.detail-row,.detail-row:nth-child(2),.detail-row:nth-child(-n+2){min-height:82px;border-right:0;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:0}}