/* "Run it by asking": the operator conversation */
.cv{position:relative;max-width:640px;margin:44px auto 8px}
.cv-panel{border-radius:10px;background:linear-gradient(180deg,#171c52 0%,#121640 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -20px rgba(10,17,64,.55),0 10px 24px rgba(10,17,64,.18);font-family:Satoshi,-apple-system,"Segoe UI",sans-serif;color:#fff;text-align:left;min-height:470px}
.cv-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;color:rgba(255,255,255,.7)}
.cv-bar b{color:#fff;font-weight:600}
.cv-dot{width:8px;height:8px;border-radius:1px;background:#2ed66a;box-shadow:0 0 0 3px rgba(46,214,106,.16)}
.cv-pill{margin-left:auto;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#f8b26a;border:1px solid rgba(248,178,106,.35);padding:4px 9px;border-radius:3px}
.cv-pill.warn{color:#fca5a5;border-color:rgba(252,165,165,.4)}.cv-pill.ok{color:#4ade80;border-color:rgba(74,222,128,.45)}
.cv-body{padding:16px 18px 18px}
.cv-say{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px 8px 8px 2px;padding:13px 15px;font-size:14.5px;line-height:1.5;color:#e9eaf6;min-height:20px}
.cv-say b{color:#fff}
.cv-say+.cv-u{margin-top:12px}
.cv [data-k=m3]{margin-top:10px}
.cv-u{margin:12px 0 12px auto;width:fit-content;max-width:82%;background:#5f73f4;padding:11px 14px;border-radius:8px 8px 2px 8px;font-size:14.5px;line-height:1.45;min-width:40px;min-height:43px;box-sizing:border-box}
.cv-st{font:11.5px/1.6 "SFMono-Regular",Menlo,Consolas,monospace;color:rgba(255,255,255,.58)}
.cv-st i{color:#2ed66a;font-style:normal;margin-right:6px}
.cv-act{margin-top:10px;border:1px solid rgba(245,138,31,.5);background:rgba(245,138,31,.08);border-radius:6px;padding:11px 13px;font-size:13.5px}
.cv-act.ok{border-color:rgba(46,214,106,.55);background:rgba(46,214,106,.09)}
.cv-btns{display:flex;gap:8px;margin-top:9px}
.cv-btn{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.22);display:inline-block;transition:transform .1s}
.cv-btn.o{background:#f58a1f;border-color:#f58a1f;color:#141735}
.cv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.cv-kp{border:1px solid rgba(46,214,106,.4);background:rgba(46,214,106,.07);border-radius:6px;padding:10px 12px;font-size:11.5px;color:rgba(255,255,255,.6)}
.cv-kp b{display:block;font-size:22px;color:#fff;font-weight:600;margin-bottom:2px;font-variant-numeric:tabular-nums}
.cv-kp em{font-style:normal;color:#4ade80;font-size:12px;margin-left:4px}
.cv-cursor{position:absolute;left:0;top:0;z-index:5;width:20px;height:20px;opacity:0;pointer-events:none}
.cv-caret{display:inline-block;width:2px;height:1em;background:#fff;vertical-align:-2px;margin-left:1px}
.cv-cta{display:flex;justify-content:center;gap:12px;margin-top:22px}
.cv-cta a{display:inline-flex;align-items:center;padding:13px 22px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none;line-height:1.2}
.cv-cta .p{background:#ff8724;color:#fff;box-shadow:0 8px 24px rgba(245,138,31,.28)}.cv-cta .p:hover{background:#f07a14}
.cv-cta .s{border:1px solid rgba(20,23,53,.35);color:#141735}.cv-cta .s:hover{border-color:#141735}
.cv-note{text-align:center;font-size:13px;color:#6a6f93;margin:10px 0 0}
@media (max-width:600px){.cv{margin-top:28px}.cv-panel{min-height:0}.cv-say,.cv-u{font-size:14px}.cv-kp b{font-size:18px}.cv-kp{padding:9px 9px;font-size:10.5px}.cv-kpis{gap:7px}.cv-cta{flex-direction:column;align-items:stretch}.cv-cta a{justify-content:center}}
.cv,.cv-cta,.cv-note{position:relative;z-index:3}
/* under The problem (dark section) */
#shift .cv{margin-top:56px}
#shift .cv-panel{background:linear-gradient(180deg,#1b2060 0%,#151a4c 100%);border-color:rgba(255,255,255,.16);box-shadow:0 40px 90px -20px rgba(0,0,0,.6)}
.cv-lead{text-align:center;color:rgba(255,255,255,.72);font-size:17px;margin:64px auto 0;max-width:640px;position:relative;z-index:3}
.cv-lead b{color:#fff;font-weight:500}
#shift .cv-lead+.cv{margin-top:22px}
.cv-kp.warn{border-color:rgba(245,138,31,.55);background:rgba(245,138,31,.08)}
/* command log */
#mcp-home .asks{position:relative;z-index:3;max-width:1000px;margin:48px auto 8px;text-align:left;border-radius:10px;background:linear-gradient(180deg,#171c52 0%,#121640 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -24px rgba(10,17,64,.55),0 10px 24px rgba(10,17,64,.16);font-family:Satoshi,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
#mcp-home .lg-bar{display:flex;align-items:center;gap:10px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;color:rgba(255,255,255,.7)}
#mcp-home .lg-bar b{color:#fff;font-weight:600}
#mcp-home .lg-dot{width:8px;height:8px;border-radius:1px;background:#2ed66a;box-shadow:0 0 0 3px rgba(46,214,106,.16)}
#mcp-home .lg-count{margin-left:auto;font:500 11px/1 "SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.16);padding:5px 8px;border-radius:3px;transition:color .4s,border-color .4s}
#mcp-home .asks.all .lg-count{color:#4ade80;border-color:rgba(74,222,128,.45)}
#mcp-home .lg-row{display:grid;grid-template-columns:64px minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:20px;padding:0 22px;height:64px;border-bottom:1px solid rgba(255,255,255,.07);position:relative}
#mcp-home .lg-row:last-child{border-bottom:0}
#mcp-home .lg-row.active{background:rgba(95,115,244,.07)}
#mcp-home .lg-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#5f73f4}
#mcp-home .lg-t{font:500 12px/1 "SFMono-Regular",Menlo,Consolas,monospace;color:rgba(255,255,255,.4)}
#mcp-home .lg-q{color:#fff;font-size:15.5px;line-height:1.35}
#mcp-home .lg-row.typing .lg-qt:after{content:"";display:inline-block;width:2px;height:1em;background:#fff;vertical-align:-2px;margin-left:1px}
#mcp-home .lg-r{position:relative;font-size:13.5px;color:rgba(255,255,255,.62);min-width:0}
#mcp-home .lg-bar2{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:rgba(255,255,255,.08);border-radius:1px;overflow:hidden;transition:opacity .2s}
#mcp-home .lg-bar2 i{position:absolute;inset:0;background:linear-gradient(90deg,#5f73f4,#2ed66a);transform-origin:0 50%;transform:scaleX(0)}
#mcp-home .lg-ok{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mcp-home .lg-ok>i{flex:0 0 16px;width:16px;height:16px;border-radius:3px;background:#22c55e;color:#fff;display:grid;place-items:center}
#mcp-home .lg-ok>i svg{width:12px;height:12px}
#mcp-home .lg-ok b{color:#4ade80;font-weight:600}
@media (max-width:760px){#mcp-home .asks{margin-top:28px}#mcp-home .lg-row{grid-template-columns:44px 1fr;grid-template-rows:auto auto;height:auto;padding:14px 16px;gap:6px 12px}#mcp-home .lg-r{grid-column:2;min-height:18px}#mcp-home .lg-q{font-size:15px}#mcp-home .lg-ok{white-space:normal}#mcp-home .lg-bar{padding:12px 16px}}
/* under The problem (dark section) */
#shift .cv{margin-top:56px}
#shift .cv-panel{background:linear-gradient(180deg,#1b2060 0%,#151a4c 100%);border-color:rgba(255,255,255,.16);box-shadow:0 40px 90px -20px rgba(0,0,0,.6)}
.cv-lead{text-align:center;color:rgba(255,255,255,.72);font-size:17px;margin:64px auto 0;max-width:640px;position:relative;z-index:3}
.cv-lead b{color:#fff;font-weight:500}
#shift .cv-lead+.cv{margin-top:22px}
.cv-kp.warn{border-color:rgba(245,138,31,.55);background:rgba(245,138,31,.08)}
/* "Run it by asking": request grid */
/* "Run it by asking." headline over the conversation */
.cv-head{position:relative;z-index:3;text-align:center;margin:88px auto 0;max-width:720px}
.cv-h{font-family:Satoshi,-apple-system,"Segoe UI",sans-serif;font-size:44px!important;line-height:1.08!important;font-weight:500!important;letter-spacing:-.025em;color:#fff!important;margin:0 0 14px!important}
.cv-head .cv-lead{margin:0 auto;font-size:18px;color:rgba(255,255,255,.72)}
#shift .cv-head+.cv{margin-top:34px}
@media (max-width:600px){.cv-head{margin-top:56px}.cv-h{font-size:32px!important}.cv-head .cv-lead{font-size:16px}}
/* Conversation with copy built around it */
.cvx{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,420px) minmax(0,640px);justify-content:space-between;align-items:center;gap:72px;margin-top:96px;padding-top:72px;border-top:1px solid rgba(255,255,255,.1)}
.cvx .cv{margin:0!important;max-width:none}
.cvx-h{font-family:Satoshi,-apple-system,"Segoe UI",sans-serif;font-size:44px!important;line-height:1.06!important;font-weight:500!important;letter-spacing:-.025em;color:#fff!important;margin:0 0 16px!important}
.cvx-lead{font-size:17px;line-height:1.55;color:rgba(255,255,255,.7);margin:0 0 30px}
.cvx-steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.1)}
.cvx-steps li{display:grid;grid-template-columns:44px 1fr;gap:4px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:opacity .4s;opacity:.45}
.cvx-steps li.on,.cvx-steps li.done{opacity:1}
.cvx-steps .n{font:500 13px/1.5 "SFMono-Regular",Menlo,Consolas,monospace;color:rgba(255,255,255,.45);padding-top:2px;transition:color .4s}
.cvx-steps li.on .n{color:#ff8724}.cvx-steps li.done .n{color:#4ade80}
.cvx-steps b{display:block;color:#fff;font-size:17px;font-weight:500;margin-bottom:4px}
.cvx-steps p{margin:0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.62)}
@media (max-width:999px){.cvx{grid-template-columns:1fr;gap:36px;margin-top:64px;padding-top:56px}.cvx-copy{max-width:640px}}
@media (max-width:600px){.cvx-h{font-size:32px!important}.cvx-lead{font-size:16px}}
.cvx-cta{display:flex;gap:12px;margin-top:22px}
.cvx-cta a{display:inline-flex;align-items:center;padding:13px 22px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none;line-height:1.2}
.cvx-cta .p{background:#ff8724;color:#fff!important;box-shadow:0 8px 24px rgba(245,138,31,.28)}.cvx-cta .p:hover{background:#f07a14}
.cvx-cta .s{border:1px solid rgba(255,255,255,.4);color:#fff!important}.cvx-cta .s:hover{border-color:#fff}
.cvx-note{font-size:13px;color:rgba(255,255,255,.55);margin:12px 0 0}
@media (max-width:600px){.cvx-cta{flex-direction:column}.cvx-cta a{justify-content:center}}
.cvx-cta,.cvx-note{position:relative;z-index:4}
#mcp-home .asks{display:block!important;grid-template-columns:none!important}
#mcp-home .lg-ok b{white-space:nowrap}
@media (max-width:760px){#mcp-home .lg-ok{flex-wrap:wrap;row-gap:2px}#mcp-home .lg-ok>span{flex-basis:100%;padding-left:24px}}
/* buttons match the hero everywhere: left aligned, Book a demo first */
#mcp-home .cv-cta{justify-content:flex-start;max-width:1000px;margin:24px auto 0}
#mcp-home .cv-note{text-align:left;max-width:1000px;margin:12px auto 0}
.cvx-cta{margin-top:28px}
@media (max-width:600px){#mcp-home .cv-note{text-align:center}}
/* Under The problem: white face with the silver edge, like the MCP card */
#shift .cv{padding:2.5px;border-radius:12px;background:linear-gradient(140deg,#fdfdff 0%,#7b8199 18%,#f4f5f9 38%,#4f5672 60%,#d9dce6 82%,#9aa0b6 100%);box-shadow:0 -1px 0 rgba(255,255,255,.2),0 40px 90px -24px rgba(0,0,0,.65),0 12px 26px rgba(0,0,0,.3)}
#shift .cv-panel{border:0;border-radius:9.5px;background:radial-gradient(130% 70% at 20% 0%,#ffffff 0%,rgba(255,255,255,0) 60%),linear-gradient(180deg,#ffffff 0%,#f4f5fa 60%,#e9ecf4 100%);box-shadow:inset 0 0 0 1px rgba(10,17,64,.3),inset 0 2px 0 rgba(255,255,255,.9);color:#141735}
#shift .cv-bar{border-bottom-color:rgba(20,23,53,.1);color:#4a5078}
#shift .cv-bar b{color:#141735}
#shift .cv-pill{color:#b45309;border-color:rgba(180,83,9,.35)}
#shift .cv-pill.warn{color:#c2410c;border-color:rgba(194,65,12,.4)}
#shift .cv-pill.ok{color:#15803d;border-color:rgba(21,128,61,.4)}
#shift .cv-say{background:#eef0f7;border-color:rgba(20,23,53,.08);color:#2a2f63}
#shift .cv-say b{color:#141735}
#shift .cv-st{color:#6a6f93}#shift .cv-st i{color:#16a34a}
#shift .cv-act{border-color:rgba(234,88,12,.45);background:rgba(255,135,36,.07);color:#141735}
#shift .cv-act.ok{border-color:rgba(22,163,74,.45);background:rgba(34,197,94,.08)}
#shift .cv-btn{border-color:rgba(20,23,53,.25);color:#141735}
#shift .cv-btn.o{background:#ff8724;border-color:#ff8724;color:#fff}
#shift .cv-kp{background:#fff;border-color:rgba(22,163,74,.4);color:#6a6f93}
#shift .cv-kp b{color:#141735}#shift .cv-kp em{color:#16a34a}
#shift .cv-kp.warn{border-color:rgba(234,88,12,.5);background:#fffaf5}
#shift .cv-caret{background:#141735}
#shift .cv-cursor path{fill:#141735;stroke:#fff}
/* "Run it by asking" opens How Palera does it (light section): dark panel, dark copy */
#how .cvx{margin:56px 0 72px;padding:0 0 72px;border-top:0;border-bottom:1px solid rgba(20,23,53,.1)}
#how .cvx-h{color:#141735!important}
#how .cvx-lead{color:#4a5078}
#how .cvx-steps{border-top-color:rgba(20,23,53,.12)}
#how .cvx-steps li{border-bottom-color:rgba(20,23,53,.12);opacity:.5}
#how .cvx-steps li.on,#how .cvx-steps li.done{opacity:1}
#how .cvx-steps b{color:#141735}
#how .cvx-steps p{color:#5a5f80}
.cvx-steps .n{display:block;width:8px;height:8px;margin-top:8px;border-radius:1px;background:rgba(20,23,53,.2);padding:0!important;transition:background .4s}
.cvx-steps li.on .n{background:#ff8724}.cvx-steps li.done .n{background:#22c55e}
.cvx-steps li{grid-template-columns:28px 1fr!important}
#how .cvx-cta .s{border-color:rgba(20,23,53,.35);color:#141735!important}#how .cvx-cta .s:hover{border-color:#141735}
#how .cvx-note{color:#6a6f93}
#how .cv-panel{box-shadow:0 40px 90px -24px rgba(10,17,64,.55),0 10px 24px rgba(10,17,64,.16)}
@media (max-width:999px){#how .cvx{margin:40px 0 56px;padding-bottom:56px}}
#how .cvx{margin-bottom:0!important;padding-bottom:56px!important}