.commerce-pilot{color:#e2e8f0;background:radial-gradient(circle at 50% -10%,#38bdf81f,#0000 32%),radial-gradient(circle at 85% 15%,#6366f114,#0000 24%),#020617;min-height:100vh;padding:48px 24px 80px}.commerce-pilot-shell{width:100%;max-width:1440px;margin:0 auto}.commerce-pilot-header{margin-bottom:32px}.commerce-pilot-eyebrow{color:#38bdf8;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.commerce-pilot-title{color:#f8fafc;letter-spacing:-.04em;margin:0;font-size:clamp(36px,5vw,64px);line-height:1}.commerce-pilot-subtitle{color:#94a3b8;max-width:680px;margin:16px 0 0;font-size:16px;line-height:1.7}.commerce-pilot-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ab8;border:1px solid #94a3b829;border-radius:20px;box-shadow:0 24px 70px #00000038}.commerce-pilot-button{color:#e0f2fe;cursor:pointer;background:#0ea5e91f;border:1px solid #38bdf859;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700;transition:transform .16s,background .16s,border-color .16s}.commerce-pilot-button:hover{background:#0ea5e933;border-color:#38bdf8b3;transform:translateY(-1px)}.commerce-pilot-button:focus-visible{outline-offset:3px;outline:2px solid #38bdf8}@media (max-width:768px){.commerce-pilot{padding:32px 16px 64px}.commerce-pilot-title{font-size:42px}}.scenario-selector{padding:28px}.scenario-selector-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:24px;display:flex}.scenario-selector-header h2{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:24px}.scenario-selector-description{color:#94a3b8;max-width:520px;margin:0;font-size:14px;line-height:1.6}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.scenario-card{min-height:180px;color:inherit;text-align:left;cursor:pointer;background:#02061785;border:1px solid #94a3b824;border-radius:16px;padding:20px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.scenario-card:hover{background:#0f172ae6;border-color:#38bdf859;transform:translateY(-2px)}.scenario-card-selected{background:linear-gradient(145deg,#0ea5e921,#0f172adb);border-color:#38bdf899;box-shadow:inset 0 0 0 1px #38bdf814,0 18px 45px #0000002e}.scenario-card-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.scenario-number{color:#64748b;letter-spacing:.14em;font-size:12px;font-weight:700}.scenario-selected-badge{color:#7dd3fc;letter-spacing:.12em;text-transform:uppercase;background:#0ea5e91f;border:1px solid #38bdf859;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.scenario-card-title{color:#f8fafc;margin-bottom:10px;font-size:17px;line-height:1.3;display:block}.scenario-card-description{color:#94a3b8;font-size:13px;line-height:1.6;display:block}.commerce-pilot-shell>.commerce-pilot-panel+.commerce-pilot-panel{margin-top:16px}.commerce-pilot-shell>section.commerce-pilot-panel{padding:28px}@media (max-width:900px){.scenario-grid{grid-template-columns:1fr}.scenario-selector-header{flex-direction:column;align-items:flex-start;gap:8px}.scenario-card{min-height:auto}}.agent-stage-track{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:24px 0 30px;display:grid}.agent-stage{color:#475569;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.agent-stage:not(:last-child):after{content:"";background:#94a3b824;width:calc(100% - 32px);height:1px;position:absolute;top:15px;left:calc(50% + 20px)}.agent-stage-dot{z-index:1;background:#020617;border:1px solid #94a3b833;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid;position:relative}.agent-stage-name{letter-spacing:.08em;font-size:10px;font-weight:800}.agent-stage-active{color:#7dd3fc}.agent-stage-active .agent-stage-dot{background:#0ea5e92e;border-color:#38bdf8;box-shadow:0 0 24px #38bdf833}.agent-stage-complete{color:#22c55e}.agent-stage-complete .agent-stage-dot{background:#22c55e1a;border-color:#22c55e80}.agent-stage-complete:not(:last-child):after{background:#22c55e4d}@media (max-width:760px){.agent-stage-track{grid-template-columns:repeat(4,1fr);row-gap:20px}.agent-stage:not(:last-child):after{display:none}.agent-stage-name{font-size:9px}}.execution-content{background:#0206176b;border:1px solid #94a3b81f;border-radius:16px;margin:8px 0 26px;padding:24px}.execution-content h3{color:#f8fafc;letter-spacing:-.02em;margin:4px 0 12px;font-size:21px}.execution-content>p:last-child{color:#cbd5e1;max-width:900px;margin-bottom:0;line-height:1.7}.execution-content-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.execution-label{color:#64748b;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.execution-status{color:#86efac;letter-spacing:.08em;text-transform:uppercase;background:#22c55e14;border:1px solid #22c55e47;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#0f172a99;border:1px solid #94a3b81f;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:126px;padding:17px;display:flex}.metric-label{color:#94a3b8;font-size:12px;font-weight:700}.metric-value{letter-spacing:-.04em;margin:12px 0 6px;font-size:28px;line-height:1;display:block}.metric-context{color:#64748b;font-size:10px;line-height:1.4}.metric-positive{color:#4ade80}.metric-negative{color:#fb7185}.metric-neutral{color:#e2e8f0}.outcome-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.outcome-card{background:#0f172a99;border:1px solid #94a3b81f;border-radius:14px;padding:18px}.outcome-card span{color:#64748b;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.outcome-card strong{color:#f8fafc;font-size:15px;line-height:1.5}@media (max-width:1000px){.metrics-grid,.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.metrics-grid,.outcome-grid{grid-template-columns:1fr}.execution-content{padding:18px}.execution-content-header{flex-direction:column;gap:10px}}.analysis-status,.guardrail-status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.analysis-status{color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf244d}.guardrail-status{color:#86efac;background:#22c55e14;border:1px solid #22c55e4d}.reasoning-layout,.decision-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.reasoning-card,.decision-primary-card,.guardrail-card,.action-card{background:#0f172a99;border:1px solid #94a3b81f;border-radius:14px}.reasoning-card,.decision-primary-card{padding:20px}.reasoning-card-label{color:#64748b;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.reasoning-card p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.7}.decision-primary-card{background:linear-gradient(145deg,#0ea5e91a,#0f172a9e);border-color:#38bdf838}.decision-primary-card strong{color:#f8fafc;letter-spacing:-.02em;font-size:22px;line-height:1.35;display:block}.decision-primary-card p{color:#94a3b8;margin:12px 0 0;font-size:12px;line-height:1.6}.guardrail-card,.action-card{gap:16px;padding:20px;display:flex}.guardrail-card{background:#22c55e0a;border-color:#22c55e33}.guardrail-icon,.action-indicator{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid}.guardrail-icon{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d}.guardrail-card strong,.action-card strong{color:#f8fafc;font-size:16px;line-height:1.5;display:block}.guardrail-card p,.action-card p{color:#94a3b8;margin:8px 0 0;font-size:12px;line-height:1.6}.action-card{background:linear-gradient(145deg,#0ea5e914,#0f172a9e);border-color:#38bdf838;margin-top:18px}.action-indicator{color:#7dd3fc;background:#0ea5e91a;border:1px solid #38bdf84d}@media (max-width:760px){.reasoning-layout,.decision-layout{grid-template-columns:1fr}}.evaluation-status,.learning-status,.complete-status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.evaluation-status{color:#7dd3fc;background:#0ea5e914;border:1px solid #38bdf84d}.learning-status,.complete-status{color:#86efac;background:#22c55e14;border:1px solid #22c55e4d}.outcome-up{color:#4ade80!important}.outcome-down{color:#fb7185!important}.outcome-flat{color:#cbd5e1!important}.evaluation-summary{background:#0f172a6b;border:1px solid #94a3b81a;border-radius:14px;margin-top:16px;padding:18px}.evaluation-summary p{color:#94a3b8;margin:0;font-size:13px;line-height:1.7}.learning-card{background:linear-gradient(145deg,#22c55e0f,#0f172a9e);border:1px solid #22c55e2e;border-radius:14px;gap:18px;padding:22px;display:flex}.learning-icon{color:#4ade80;background:#22c55e14;border:1px solid #22c55e47;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.learning-card strong{color:#f8fafc;font-size:16px;line-height:1.6;display:block}.learning-card p{color:#94a3b8;margin:8px 0 0;font-size:12px;line-height:1.6}.cycle-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.cycle-summary-card{background:#0f172a99;border:1px solid #94a3b81f;border-radius:14px;padding:18px}.cycle-summary-card span{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.cycle-summary-card strong{color:#f8fafc;font-size:14px;line-height:1.5}.cycle-complete-copy{color:#94a3b8;margin:18px 0 0;font-size:13px;line-height:1.7}.memory-section{padding:28px}.memory-section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.memory-section-header h2{margin:0}.memory-count{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;background:#02061773;border:1px solid #94a3b829;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.memory-card{background:#0206177a;border:1px solid #94a3b81f;border-radius:16px;padding:20px}.memory-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.memory-id{color:#7dd3fc;letter-spacing:.12em;font-size:11px;font-weight:800}.memory-outcome{letter-spacing:.08em;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.memory-positive{color:#86efac;background:#22c55e14;border:1px solid #22c55e40}.memory-protected{color:#7dd3fc;background:#0ea5e914;border:1px solid #38bdf840}.memory-card h3{color:#f8fafc;margin:0 0 18px;font-size:17px}.memory-detail,.memory-learning{border-top:1px solid #94a3b814;padding-top:14px}.memory-detail+.memory-detail,.memory-learning{margin-top:14px}.memory-detail span,.memory-learning span{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.memory-detail strong{color:#e2e8f0;font-size:13px;line-height:1.5}.memory-detail p,.memory-learning p{color:#94a3b8;margin:0;font-size:12px;line-height:1.6}.memory-learning{border-top-color:#22c55e24}@media (max-width:1000px){.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cycle-summary-grid,.memory-grid{grid-template-columns:1fr}.memory-section-header{flex-direction:column;align-items:flex-start}}