.wrap,.sec>.wrap,.tick p{max-width:1440px}
body{
  background-color:#F5F5F5;
  background-image:radial-gradient(#D3D3D3 1px,transparent 1px);
  background-size:26px 26px;
}
.shiftgrid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:16px;margin-top:28px;align-items:stretch}
.shiftpane{border-radius:16px;padding:22px 22px 18px;border:1px solid #E6E8EC;background:#F7F7F6;display:flex;flex-direction:column}
.shiftpane .eb{color:#888}
.shiftpane h3{margin:8px 0 0;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;color:#6B7280}
.shiftpane.now{background:#111111;border-color:#111111;color:#fff;box-shadow:0 24px 50px rgba(17,17,17,0.16)}
.shiftpane.now .eb{color:#F26414}
.shiftpane.now h3{color:#fff}
.qchip{margin-top:16px;align-self:flex-start;max-width:100%;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #E4E4E4;font-size:13px;font-weight:650;color:#444}
.qchip.light{background:#1C1C1C;border-color:#2A2A2A;color:#F5F5F5}
.linkstack{margin-top:8px}
.linkrow{padding:10px 0;border-bottom:1px solid #E6E6E4}
.linkrow b{display:block;font-size:14px;font-weight:650;color:#1A0DAB}
.linkrow span{display:block;margin-top:2px;font-size:12px;color:#888}
.linkrow.dim{opacity:0.45}
.names{list-style:none;margin:14px 0 0;padding:0}
.names li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #2A2A2A}
.names .num{font-family:Archivo,system-ui,sans-serif;font-weight:800;color:#F26414;font-size:18px}
.names b{display:block;font-size:15px}
.names li span{display:block;margin-top:2px;font-size:12px;color:#A3A3A3;font-weight:500}
.names .pick{margin:0 -8px;padding:10px 8px;border:1px solid #F26414;border-radius:12px;background:#1A1A1A}
.names em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:#111;background:#F26414;border-radius:999px;padding:4px 8px}
.shiftfoot{margin:14px 0 0;font-size:14px;line-height:1.45;color:#6B7280}
.shiftpane.now .shiftfoot{color:#D4D4D4;font-weight:650}

.session{margin-top:22px;background:#fff;border:1px solid #E6E8EC;border-radius:16px;box-shadow:0 18px 40px rgba(17,24,39,0.06);overflow:hidden}
.session-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:16px 18px;border-bottom:1px solid #E6E8EC}
.qblock .mono{font-size:12px;letter-spacing:0.08em;color:#888}
.qtype{margin-top:4px;font-family:Archivo,system-ui,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:800;letter-spacing:-0.03em;line-height:1.15;min-height:1.2em}
.qtype .caret{display:inline-block;width:2px;height:0.9em;background:#F26414;margin-left:2px;vertical-align:text-bottom}
.models{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.meng{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px 0 6px;border-radius:999px;border:1px solid #E6E8EC;background:#fff;font-size:12px;font-weight:700;color:#444}
.meng i{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:800;color:#fff;background:#9CA3AF}
.meng.on{border-color:#F26414;background:#FFF4EC;color:#111;box-shadow:0 0 0 3px rgba(242,100,20,0.15)}
.session-body{padding:18px 18px 8px;min-height:92px}
.answerline{margin:0;font-size:16px;line-height:1.5;color:#222;min-height:3em}
.answerline b{color:#111}
.verdict{margin-top:12px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:0.02em}
.verdict.miss{background:#FDE8E4;color:#8A2A22}
.verdict.mid{background:#FFF1E0;color:#8A4B08}
.verdict.hit{background:#E7F6EA;color:#176B34}
.readout{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #E6E8EC}
.readout div{padding:12px 16px}
.readout div+div{border-left:1px solid #E6E8EC}
.readout span{display:block;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#888}
.readout b{display:block;margin-top:4px;font-family:Archivo,system-ui,sans-serif;font-size:18px;letter-spacing:-0.03em}

.boards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.board{background:#fff;border:1px solid #E6E8EC;border-radius:16px;padding:18px 18px 16px;box-shadow:0 1px 2px rgba(17,24,39,0.04)}
.board h3{margin:8px 0 0;font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-0.03em;line-height:1.15}
.ready{list-style:none;margin:14px 0 0;padding:0}
.ready li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #E6E8EC}
.ready b{display:block;font-size:14px}
.ready span{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:#555;font-weight:500}
.ready .you b{color:#B93E08}
.flag{flex:none;margin-top:2px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:0.03em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#F3F3F1;color:#555}
.flag.hot{background:#111;color:#fff}
.flag.miss{background:#FDE8E4;color:#8A2A22}
.flag.ok{background:#FFF1E0;color:#8A4B08}
.boardnote{margin:4px 0 0;font-size:13px;line-height:1.45;color:#444;font-weight:650}
.salehead,.salerow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 88px;gap:8px;align-items:center}
.salehead{margin-top:16px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#888}
.salerow{padding:10px 0;border-top:1px solid #E6E8EC;font-size:13px}
.salerow b{font-size:13px}
.salerow span{color:#333}
.salerow .flag{justify-self:end}
.boardcall{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#111;color:#fff;font-size:14px;line-height:1.45;font-weight:650}

.buypane{border-radius:20px;box-shadow:0 18px 40px rgba(17,24,39,.05)}
.gbox{border-radius:16px;box-shadow:0 10px 28px rgba(32,33,36,.06)}
.buypane,.halfgrid .pcard,.orbit-card,.serps li,.prodcard .row,.floatsnip{
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s
}
.buypane:hover,.halfgrid .pcard:hover,.orbit-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 60px rgba(17,24,39,.12)
}
.buypane.now:hover{box-shadow:0 28px 56px rgba(242,100,20,.16)}
.route.in .stage:hover{transform:translateY(-6px)}
.serps li:hover,.prodcard .row:hover{transform:translateX(4px)}
.halfgrid{position:relative}
.halfgrid .pcard{border-radius:20px;box-shadow:0 24px 60px rgba(17,24,39,.08)}
.prodcard{overflow:visible;border-radius:20px}
.buypane.now,.brandgrid{position:relative}
.acctwho .avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#EEE;display:block}
.acctwho .avatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.prodic img{width:100%;height:100%;object-fit:cover}
.floatsnip{
  position:static;z-index:1;width:auto;padding:14px 16px;border-radius:18px;
  background:#fff;color:#111;border:1px solid #F5C4A8;
  box-shadow:0 14px 32px rgba(242,100,20,.08)
}
.floatsnip.tilt{transform:none}
.floatsnip.tilt:hover{transform:translateY(-4px)}
.buypane.now>.floatsnip{position:static;width:auto;margin-top:14px;transform:none}
.buypane.now>.floatsnip:hover{transform:translateY(-4px)}
.buypane.now .storefront{margin-top:18px}
.storehead{margin:2px 0 12px;padding-top:14px;border-top:1px solid #E6E8EC}
.storehead h3{margin:0;font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;color:#111}
.storehead p{margin:4px 0 0;color:#6B7280;font-size:13px;font-weight:600;line-height:1.3}
.st-grid{display:grid;gap:10px}
.buypane.now .st-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.buypane.now .st{padding:10px 10px 8px;gap:8px}
.buypane.now .st-head{flex-wrap:wrap;gap:4px 6px}
.buypane.now .st-name{flex:1 0 100%;order:3;font-size:13px}
.buypane.now .st-pill{margin-left:0}
.buypane.now .st-big{flex-wrap:wrap;gap:4px 6px}
.buypane.now .st-big b{font-size:22px}
.buypane.now .st-big span{font-size:11px;line-height:1.25}
.buypane.now .st-stats{gap:4px}
.buypane.now .st-stat span{white-space:normal;letter-spacing:0;font-size:8.5px;overflow:visible;text-overflow:unset}
.buypane.now .st-foot{flex-wrap:wrap;align-items:flex-start}
.buypane.now .st-delta{white-space:normal;line-height:1.3}
.st{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;width:100%;white-space:normal;gap:10px;padding:14px 16px 12px;border:1px solid #E6E8EC;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.04);font-size:14px;font-weight:500;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}
.st:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,24,39,.08)}
.st-head{display:flex;align-items:center;gap:8px;min-width:0}
.st-rank{flex:none;display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.st-rank.is-top{background:#111;color:#fff}
.st-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;color:#111}
.st-pill{margin-left:auto;flex:none;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}
.st-pill.is-lead{background:#f0fdf4;color:#15803d}
.st-big{display:flex;align-items:baseline;gap:8px}
.st-big b{font-family:Archivo,system-ui,sans-serif;font-size:26px;line-height:1;font-weight:700;letter-spacing:-0.03em;font-variant-numeric:tabular-nums;color:#111}
.st-big span{color:#6b7280;font-size:12px}
.st-bar{height:4px;border-radius:999px;background:#f0f0f2;overflow:hidden}
.st-bar i{display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:#3b5bdb;transform-origin:left center;animation:st-grow 1.1s cubic-bezier(.22,1,.36,1) both}
@keyframes st-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.st-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;border-top:1px solid #f1f1f3}
.st-stat{display:flex;flex-direction:column;gap:3px;min-width:0}
.st-stat span{color:#6b7280;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-stat b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#111}
.st-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}
.st-models{display:inline-flex;gap:4px}
.st-models span{display:inline-grid;place-items:center;width:20px;height:20px}
.st-models img{width:16px;height:16px;object-fit:contain}
.st-models .is-off{opacity:.28;filter:grayscale(1)}
.st-delta{color:#6b7280;font-size:11.5px;font-weight:600;white-space:nowrap}
.nametiles{display:flex;flex-direction:column;gap:8px;margin:2px 0 10px}
.nametile{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#F6F6F4;border:1px solid #E6E8EC;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .35s}
.nametile b{display:block;font-size:15px;letter-spacing:-0.02em}
.nametile span{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:#555;font-weight:500}
.nametile em{flex:none;font-style:normal;font-size:11px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:#fff;color:#444;border:1px solid #E6E8EC}
.nametile:hover{transform:translateX(8px);background:#fff;box-shadow:0 12px 28px rgba(17,24,39,.08)}
.nametile.lead{background:#F7F7F8;border-color:#E4E4E7;color:#111}
.nametile.lead span{color:#555}
.nametile.lead em{background:linear-gradient(180deg,#3A3A3A 0%,#111111 58%,#1A1A1A 100%);color:#fff;border-color:#111}
.nametile.lead:hover{background:#fff}
.floatsnip.oncard{position:static;grid-column:1 / -1;width:auto;margin-top:8px;transform:none}
.floatsnip .mono{display:block;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:#B93E08}
.floatsnip b{display:block;margin-top:6px;font-size:16px;letter-spacing:-0.03em;line-height:1.25;color:#111}
.floatsnip>span{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:#444;font-weight:600}
.macscreen{max-width:none;margin:32px auto 0;padding:0 0 10px;border-radius:28px;background:#1c1c1e;box-shadow:0 28px 70px rgba(17,17,17,.22);overflow:hidden}
.menubar{display:flex;align-items:center;gap:12px;height:32px;padding:0 16px;color:#f5f5f7;font-size:12px;font-weight:600}
.menuname{font-weight:700}
.menuitems{display:none;gap:14px;font-weight:500;color:#e7e7ea}
.menustat{margin-left:auto;display:flex;align-items:center;gap:8px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-0.01em}
.menui{display:block;flex:none}
.browser{margin:0 8px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #d0d0d4;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.browserbar{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 12px;background:linear-gradient(180deg,#F6F6F8 0%,#E6E6EA 100%);border-bottom:1px solid #D8D8DC}
.traffic{display:flex;gap:7px}
.traffic i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}
.traffic i:nth-child(1){background:#FF5F57}
.traffic i:nth-child(2){background:#FEBC2E}
.traffic i:nth-child(3){background:#28C840}
.navarrows{display:flex;gap:2px;margin-left:4px}
.navarrows i{width:22px;height:22px;border-radius:6px;position:relative}
.navarrows i::before{content:"";position:absolute;top:6px;left:8px;width:7px;height:7px;border-left:1.6px solid #6b6b70;border-bottom:1.6px solid #6b6b70;transform:rotate(45deg)}
.navarrows i.fwd::before{left:6px;transform:rotate(-135deg);border-color:#c4c4c8}
.url{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;height:28px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.92);border:1px solid #E3E3E6;box-shadow:inset 0 1px 1px rgba(17,17,17,.04);font-size:13px;font-weight:550;letter-spacing:-0.01em;color:#111;white-space:nowrap;overflow:hidden}
.browserbody{display:flex;flex-direction:column;gap:12px;padding:14px;background:#F4F5F7}
.deskbar{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:stretch;gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.deskwho{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid #E6E8EC;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.04)}
.deskmark{position:relative;flex:none;width:56px;height:56px}
.deskmark>img:first-child{width:56px;height:56px;border-radius:16px;object-fit:cover;display:block;border:1px solid #E6E8EC;box-shadow:0 8px 18px rgba(17,24,39,.1)}
.deskface{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:center 18%;border:2px solid #fff;box-shadow:0 4px 10px rgba(17,24,39,.16)}
.deskeyebrow{color:#B93E08;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.desktitle{margin-top:1px;font-family:Archivo,system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:-0.03em;color:#111827}
.desksub{margin-top:2px;color:#6B7280;font-size:12px}
.deskbadge{flex:none;padding:4px 10px;border:1px solid #F5C4A8;border-radius:999px;background:#FFF4EC;color:#B93E08;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}
.deskcard{padding:12px 14px;border:1px solid #E6E8EC;border-radius:12px;background:#fff}
.deskhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.deskhead strong{font-size:13px;font-weight:700;letter-spacing:-0.02em;color:#111827}
.deskhead span{color:#6B7280;font-size:11px}
.deskcall{padding:10px 12px;border-radius:10px;background:#FFF4EC;color:#374151;font-size:13px;line-height:1.45}
.deskcall strong{display:block;margin-bottom:4px;color:#111827}
.deskrows{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column}
.deskrows li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #F3F4F6;color:#111827;font-size:13px;font-weight:650}
.deskrows em{font-style:normal;padding:2px 8px;border-radius:999px;background:#F4F4F4;color:#555;font-size:11px;font-weight:700}
.deskrows em.ok{background:#E6F4EA;color:#1F6B32}
.deskrows em.move{background:#FFF7ED;color:#C2410C}
.deskrows em.quiet{background:#F4F4F4;color:#888}
.promptcard{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #E6E8EC;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.04)}
.promptline{display:flex;align-items:baseline;gap:10px;min-width:0;padding:2px 4px}
.promptline b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:-0.02em;color:#111827}
.deskbar .deskkpis{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;height:100%}
.deskbar .deskkpi{height:100%}
.deskkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:0}
.deskkpi{display:flex;flex-direction:column;gap:3px;padding:8px 10px 8px;border:1px solid #E6E8EC;border-radius:12px;background:#fff}
.deskkpi span{color:#6B7280;font-size:10.5px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase}
.deskkpi b{font-family:Archivo,system-ui,sans-serif;font-size:18px;font-weight:800;letter-spacing:-0.03em;line-height:1.1;font-variant-numeric:tabular-nums;color:#111827}
.deskkpi.is-ready b{font-size:18px;letter-spacing:-0.03em}
.fp-row{display:flex;align-items:center;gap:6px;margin-top:4px}
.fp-logo{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#3b5bdb;color:#fff;font-style:normal;font-size:11px;font-weight:800;letter-spacing:-0.03em;box-shadow:0 1px 2px rgba(17,24,39,.16)}
.fp-logo:nth-child(2){background:#2c4ec4}
.fp-logo:nth-child(3){background:#1e3a8a}
.deskkpi-bar{height:4px;margin-top:4px;border-radius:999px;background:#f0f0f2;overflow:hidden}
.deskkpi-bar i{display:block;height:100%;width:0;border-radius:inherit;background:#F26414;transition:width .9s cubic-bezier(.22,1,.36,1)}
.deskkpi.is-ready .deskkpi-bar i{width:46%;background:#C48A14}
.deskkpi-bar.is-rival i{width:93%;background:#3b5bdb}
.deskkpi em{font-style:normal;color:#6B7280;font-size:11px;line-height:1.3}
.promptcard #actBox{margin:0;padding:2px 0 0;border:0;border-radius:0;box-shadow:none;background:transparent}
.portal-recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.portal-rec{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid #E6E8EC;border-radius:12px;background:#fff}
.portal-rec h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-0.02em;line-height:1.3;color:#111827}
.rec-do{display:flex;align-items:flex-start;gap:8px}
.rec-do img{width:18px;height:18px;margin-top:1px;border-radius:5px;flex:none;object-fit:cover}
.portal-rec p{margin:0;color:#4B5563;font-size:12.5px;line-height:1.45}
.rec-chips{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.rec-chips li{max-width:100%;padding:3px 7px;border-radius:999px;background:#F4F4F5;color:#374151;font-size:11px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.fm-row{display:flex;flex-wrap:wrap;gap:6px}
.fm{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:999px;border:1px solid #E6E8EC;background:#fff;color:#6B7280;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.fm.impact.high{border-color:rgba(185,28,28,.28);color:#b91c1c;background:rgba(185,28,28,.05)}
.fm.impact.medium{border-color:rgba(180,83,9,.28);color:#9a3412;background:rgba(180,83,9,.05)}
.fm.effort.easy{border-color:rgba(22,163,74,.28);color:#15803d;background:rgba(22,163,74,.05)}
.fm.effort.moderate{border-color:rgba(37,99,235,.25);color:#1d4ed8;background:rgba(37,99,235,.05)}
.fm .dots{display:inline-flex;gap:3px}
.fm .dots i{width:5px;height:5px;border-radius:50%;background:#d1d5db}
.fm .dots i.on{background:currentColor}
.fm-meta{margin-top:auto;color:#6B7280;font-size:11px;font-weight:600}
.browser .halfgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:0;align-items:stretch}
.browser .pcard{padding:14px;gap:12px;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.04)}
#live #demoTabs{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}
#live #demoTabs .pill{width:auto;min-height:32px;padding:0 10px 0 3px;font-size:12px;gap:6px}
.browser .kpis{gap:6px}
.browser .kpi .s{font-size:18px}
@media (min-width:760px){
.menuitems{display:flex}
.macscreen{border-radius:32px}
.browser{border-radius:18px}
}
.peecbar{align-items:center;border-radius:18px;padding:10px;box-shadow:0 16px 40px rgba(17,24,39,.06);background:#fff}
.promptpill{display:flex;align-items:center;gap:10px;flex:1;min-width:min(100%,280px);padding:6px 14px 6px 6px;border-radius:14px;background:linear-gradient(180deg,#FFFFFF 0%,#F3F4F6 100%);border:1px solid #E4E4E7;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(17,17,17,.04)}
.promptpill .mono{flex:none;margin:0;padding:6px 10px;border-radius:10px;background:linear-gradient(180deg,#3A3A3A 0%,#111 58%,#1A1A1A 100%);color:#fff;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.promptpill b{font-size:15px;font-weight:650;letter-spacing:-0.02em;line-height:1.3;color:#111}
.metrics{display:flex;gap:6px;flex-wrap:wrap}
.metric{display:flex;flex-direction:column;align-items:flex-start;min-width:108px;padding:8px 12px;border-radius:14px;border:1px solid #E6E8EC;background:#fff;color:#111;cursor:pointer;font-family:inherit;text-align:left;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background .3s,border-color .3s}
.metric span{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#888}
.metric b{margin-top:2px;font-size:15px;letter-spacing:-0.03em}
.metric.on{background:linear-gradient(180deg,#3A3A3A 0%,#111111 58%,#1A1A1A 100%);border-color:#111;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.16)}
.metric.on span,.metric.on b{color:#fff}
.metric:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(17,24,39,.08)}
#live .composer{display:none}
#live #imgWrap svg{height:112px}
#live .chatflow{min-height:0;gap:10px}
#live #chatCard .mk{min-width:20px;font-size:12px;line-height:1.45}
#live #chatCard .chip{font-size:12px;padding:3px 10px 3px 8px}
#live.focus-named #chatCard,#live.focus-position #readCard{box-shadow:0 28px 60px rgba(242,100,20,.16)}
#live.focus-named .kpi[data-k="named"],#live.focus-position .kpi[data-k="position"]{background:linear-gradient(180deg,#FFFFFF,#F4F4F5);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #D4D4D8}
#live .pl,.nametile em,#live .pill-off,#live .you{
  background:linear-gradient(180deg,#FFFFFF 0%,#F3F4F6 100%);
  color:#111;
  border:1px solid #E4E4E7;
  box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(17,17,17,.05)
}
#live .pl.pn,#live .pill-on,.nametile.lead em{
  background:linear-gradient(180deg,#3A3A3A 0%,#111111 58%,#1A1A1A 100%);
  color:#fff;
  border-color:#111;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.16)
}
#product .pl.pn{background:#ECFDF5;color:#047857;border:1px solid #A7F3D0;box-shadow:none}
#product .pl.pm{background:#FFFBEB;color:#B45309;border:1px solid #FDE68A;box-shadow:none}
#product .pl.px{background:#FEF2F2;color:#B91C1C;border:1px solid #FECACA;box-shadow:none}
#live .row.on{border-color:#D4D4D8;background:linear-gradient(180deg,#FFFFFF,#F7F7F8);box-shadow:inset 0 1px 0 #fff}
#readCard .ksub{display:block;font-size:12px;line-height:1.35;font-weight:600;color:#666}
#readCard .kpi .s{font-size:22px;letter-spacing:-0.04em}
#actBox{background:#fff;border:1px solid #E6E6E6;border-radius:16px;padding:14px 14px 10px}
#actBox .mono{display:block;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:#111;font-weight:700}
#actBox .acts{margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
#actBox .covrow{padding:12px 12px 10px;border-radius:12px;background:#F7F7F6;border:1px solid #ECECEC}
#actBox .covtop{display:flex;align-items:baseline;gap:8px}
#actBox .covface{font-size:11px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#111}
#actBox .covsrc{font-size:12px;font-weight:600;color:#666}
#actBox .covrow b{display:block;margin:6px 0 0;font-size:15px;letter-spacing:-0.02em;line-height:1.3;color:#111}
#actBox .covrow p{margin:6px 0 0;font-size:13px;line-height:1.45;font-weight:500;color:#333}
#actBox .covdraft{padding-top:8px;border-top:1px solid #E4E4E4;color:#111}
#live.focus-ready .agpop{transform:translateY(-3px);box-shadow:0 18px 40px rgba(242,100,20,.28)}
.agpop{position:relative;z-index:2;margin:2px 4px 2px;padding:14px 14px 12px;border-radius:16px;background:linear-gradient(165deg,#FFF9F5 0%,#FFE4D0 100%);border:1px solid #F26414;box-shadow:0 16px 36px rgba(242,100,20,.18)}
.agkicker{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#B93E08}
.agpin{width:10px;height:10px;border-radius:50%;background:#F26414;box-shadow:0 0 0 4px rgba(242,100,20,.22)}
.agpop p{margin:8px 0 0;font-size:14px;line-height:1.45;font-weight:550;color:#111}
.agpop strong{font-weight:800}
.agbtn{margin-top:12px;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:#F26414;color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s ease}
.agbtn:hover{transform:translateY(-2px)}
.aglist{list-style:none;margin:12px 0 0;padding:0;display:none;flex-direction:column;gap:6px}
.agpop.is-open .aglist{display:flex}
.aglist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #F6C7A8;font-size:13px;font-weight:650;color:#111}
.aglist em{flex:none;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#B93E08}
.aglist em.quiet{color:#888}
.lightsnip{background:#fff;color:#111;border:1px solid #F5C4A8;transform:none}
.lightsnip:hover{transform:translateY(-4px)}
.lightsnip .mono{color:#B93E08}
.lightsnip>span{color:#444}
.serps li.haspop,.abody p.haspop{position:relative}
.gbox,.aibox{overflow:visible}
.shiftpane.now:hover{box-shadow:0 28px 56px rgba(17,17,17,.28)}
.linkrow:hover,.names li:hover,.ready li:hover,.salerow:hover{transform:translateX(6px)}
.names .pick:hover{transform:translateX(0) scale(1.02)}
.meng:hover{transform:translateY(-3px)}
.readout div:hover{background:#FFF7F1}

.haspop{position:relative}
.pop{
  position:absolute;left:12px;bottom:calc(100% + 8px);z-index:6;
  width:min(260px,70vw);padding:10px 12px;border-radius:12px;
  background:#fff;color:#111;border:1px solid #F5C4A8;font-size:12.5px;line-height:1.4;font-weight:600;
  box-shadow:0 16px 36px rgba(17,24,39,.1);
  opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .22s ease,transform .22s ease
}
.pop::after{content:"";position:absolute;left:18px;bottom:-5px;width:10px;height:10px;background:#fff;border-right:1px solid #F5C4A8;border-bottom:1px solid #F5C4A8;transform:rotate(45deg)}
.haspop:hover .pop,.haspop:focus-within .pop{opacity:1;transform:translateY(0)}
.shiftpane.now .pop{background:#fff;color:#111}
.shiftpane.now .pop::after{background:#fff}

.meters{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.meter{display:grid;grid-template-columns:72px minmax(0,1fr) 28px;gap:8px;align-items:center;font-size:12px;color:#444}
.meter i{display:block;height:8px;border-radius:99px;background:#F0F0EC;overflow:hidden}
.meter i::after{content:"";display:block;height:100%;width:0;border-radius:99px;background:#111;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.meter.you i::after{background:#F26414}
.board.inview .meter i::after{width:var(--w)}

.boardhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.boardhead h3{margin:8px 0 0}
.donut{position:relative;flex:none;width:84px;height:84px}
.donut svg{width:84px;height:84px;transform:rotate(-90deg)}
.donut .ring,.donut .arc{fill:none;stroke-width:3.2}
.donut .ring{stroke:#F0F0EC}
.donut .arc{stroke:#F26414;stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:97.4;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1)}
.board.inview .donut .arc{stroke-dashoffset:var(--end)}
.donut div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.donut b{font-family:Archivo,system-ui,sans-serif;font-size:16px;letter-spacing:-0.04em;line-height:1}
.donut span{font-size:9px;line-height:1.2;color:#666;max-width:58px}

.answerline.swap{animation:rise .35s ease}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

#faq .faqitem .fqa{display:none}
#faq .faqitem.is-open .fqa{display:block}
@media (max-width:900px){
.shiftgrid,.boards,.session-top,.readout{grid-template-columns:minmax(0,1fr)}
.session-top{flex-direction:column;align-items:flex-start}
.models{justify-content:flex-start}
.readout div+div{border-left:0;border-top:1px solid #E6E8EC}
.salehead{display:none}
.salerow{grid-template-columns:minmax(0,1fr) auto}
.salerow span{grid-column:1}
}
@media (max-width:900px){
.brandgrid,.halfgrid,.g2{grid-template-columns:minmax(0,1fr)}
.deskbar{grid-template-columns:minmax(0,1fr)}
.deskkpis,.deskbar .deskkpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.portal-recs{grid-template-columns:minmax(0,1fr)}
.st-grid,.buypane.now .st-grid{grid-template-columns:minmax(0,1fr)}
.floatsnip,.floatsnip.oncard,.ready-snip,.floatsnip.tilt,.lightsnip{position:static;width:auto;margin:16px 0 0;left:auto;right:auto;transform:none}
.buypane.now>.floatsnip{right:auto;bottom:auto}
.floatsnip.tilt:hover,.lightsnip:hover,#live.focus-ready .agpop{transform:none}
.peecbar{align-items:stretch}
.metrics{width:100%}
.metric{flex:1}
}
@media (prefers-reduced-motion:reduce){
.buypane,.halfgrid .pcard,.orbit-card,.serps li,.prodcard .row,.pop,.nametile,.st{transition:none}
.buypane:hover,.halfgrid .pcard:hover,.orbit-card:hover,.route.in .stage:hover,#journey .stage:hover .tile,#journey .stage:hover .node,.serps li:hover,.prodcard .row:hover,.floatsnip.tilt:hover,.lightsnip:hover,.nametile:hover,.agbtn:hover,.buypane.now>.floatsnip:hover,.st:hover{transform:none}
.st-bar i,#live .deskkpi-bar i{animation:none;transition:none}
#journey .stage .tile,#journey .node::after,#journey .route-line::after,#journey .stat::after{animation:none}
#journey .route.in .stage .tile{transform:none}
}
#journey .route{
  margin-top:40px;padding:8px 0 0;border-radius:0;overflow:visible;
  border:0;background:transparent;box-shadow:none
}
#journey .route-line{top:29.5px;left:calc((100% - 72px) / 10);right:calc((100% - 72px) / 10);height:3px;background:#E7E5E4;overflow:visible;z-index:1}
#journey .route-line span{background:linear-gradient(90deg,#FBD0AE,#F26414);box-shadow:0 0 16px rgba(242,100,20,.55)}
#journey .route-line::after{
  content:"";position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-6px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 4px rgba(242,100,20,.35),0 0 18px 6px #F26414;
  animation:j-run 5.2s linear infinite;z-index:2
}
#journey .stages{z-index:2}
#journey .stage h3{color:#111827;font-size:clamp(22px,2vw,32px)}
#journey .stage .tag{color:#B93E08}
#journey .stage .q{color:#4b5563}
#journey .stage .tile{--lift:5px;animation:j-float 5.4s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}
#journey .route.in .stage:nth-child(2) .tile{--lift:8px}
#journey .route.in .stage:nth-child(3) .tile{--lift:12px}
#journey .route.in .stage:nth-child(4) .tile{--lift:16px}
#journey .route.in .stage:nth-child(5) .tile{--lift:22px;animation-duration:4.2s}
#journey .route.in .stage:hover .tile{animation-play-state:paused;transform:translateY(calc(var(--lift) * -1.35))}
#journey .node{background:#fff;box-shadow:0 0 0 6px #fff;z-index:2}
@media (min-width:901px){
#journey .node{margin-left:auto;margin-right:auto}
}
#journey .node::after{
  content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(242,100,20,.55);
  animation:j-ring 2.8s ease-out infinite;animation-delay:calc(var(--i) * .35s)
}
#journey .stage:nth-child(4) .node::after,#journey .stage:nth-child(5) .node::after{animation-duration:1.8s}
#journey .node.last{box-shadow:0 0 0 8px rgba(242,100,20,.28),0 0 24px rgba(242,100,20,.65)}
#journey .stat{
  position:relative;overflow:hidden;background:#fff;border-color:#E6E8EC;
  box-shadow:0 10px 24px rgba(17,24,39,.06)
}
#journey .stat .num{display:block;text-align:center;font-size:clamp(32px,2.6vw,42px)}
#journey .stat::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.7) 50%,transparent 68%);
  transform:translateX(-130%);animation:j-sheen 6s ease-in-out infinite;animation-delay:calc(var(--i) * .7s)
}
#journey .stage.now .stat{border-color:#F26414;box-shadow:0 0 0 1px rgba(242,100,20,.45),0 18px 40px rgba(242,100,20,.28)}
#journey .stage.now .tile{filter:drop-shadow(0 10px 18px rgba(242,100,20,.18))}
@keyframes j-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--lift) * -1))}}
@keyframes j-ring{0%{transform:scale(.86);opacity:.85}100%{transform:scale(1.45);opacity:0}}
@keyframes j-run{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
@keyframes j-run-y{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(100% - 12px);opacity:0}}
@keyframes j-sheen{0%,55%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}
@media (max-width:900px){
#journey .route{padding:12px 12px 12px 8px}
#journey .route-line{left:30px;right:auto;top:12px;bottom:12px;width:3px;height:auto}
#journey .route-line span{transform-origin:top center;background:linear-gradient(180deg,#FBD0AE,#F26414)}
#journey .route-line::after{left:50%;top:0;margin:0 0 0 -6px;animation-name:j-run-y}
#journey .stage .tile{--lift:6px}
#journey .stage:nth-child(5) .tile{--lift:14px}
}

.navdrop{position:relative}
.navmenu{
  display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);z-index:70;
  min-width:180px;padding:8px;border-radius:12px;background:#fff;border:1px solid #E6E8EC;
  box-shadow:0 18px 40px rgba(17,24,39,.12)
}
.navdrop.is-open .navmenu,.navdrop:focus-within .navmenu{display:flex;flex-direction:column;gap:2px}
.navmenu a{display:block;padding:8px 12px;border-radius:8px;color:#111827;text-decoration:none;font-size:14px;font-weight:600}
.navmenu a:hover{background:#FFF4EC;color:#B93E08}
.nl[aria-current="page"]{color:#111827}

.who-grid,.month-grid,.planstrip,.pair{display:grid;gap:12px;margin-top:28px}
.who-grid,.pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.planstrip{grid-template-columns:repeat(4,minmax(0,1fr))}
.lift{
  display:flex;flex-direction:column;gap:8px;min-width:0;
  padding:16px 16px 14px;border-radius:12px;background:#fff;border:1px solid #E6E8EC;
  box-shadow:0 10px 24px rgba(17,24,39,.05);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s
}
.lift:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(17,24,39,.1)}
.js .lift{animation:rise .55s both;animation-delay:calc(var(--i,0) * 70ms)}
.lift-top{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lift h3{margin:4px 0 0;font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-0.03em;line-height:1.15}
.lift p{margin:0;font-size:14px;line-height:1.5;color:#4b5563}
.lift .per{margin:0;font-size:13px;font-weight:600;color:#6B7280}
.pill{align-self:flex-start;padding:4px 8px;border-radius:999px;background:#F3F4F6;color:#374151;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pill.is-you{background:#FFF4EC;color:#B93E08}
.lift-num{margin-top:6px;font-size:clamp(28px,2.4vw,36px);font-weight:800;letter-spacing:-0.04em;line-height:1;text-align:center}
.lift-bar{height:4px;border-radius:99px;background:#F3F4F6;overflow:hidden}
.lift-bar i{display:block;height:100%;width:var(--w,0%);border-radius:99px;background:#F26414;transform-origin:left center;animation:st-grow .9s cubic-bezier(.2,.7,.2,1) both}
.lift-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lift-stats span{min-width:0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B7280;line-height:1.3}
.lift-stats b{display:block;margin-bottom:2px;font-family:Archivo,system-ui,sans-serif;font-size:14px;font-weight:800;letter-spacing:-0.02em;text-transform:none;color:#111827}
.lift-go{margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;text-decoration:none;color:#B93E08}
.lift-go:hover{color:#8F2F05}
.srcband{
  display:flex;gap:18px;align-items:center;justify-content:space-between;
  margin-top:22px;padding:16px 18px;border-radius:12px;background:#fff;border:1px solid #E6E8EC;
  box-shadow:0 10px 24px rgba(17,24,39,.04)
}
.srcband p{margin:0;max-width:820px;font-size:14px;line-height:1.55;color:#4b5563}
.srcband .btn{flex:none}
.cmp .planwho{margin:8px 0 0;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:#555}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.step{padding:16px;border-radius:12px;background:#fff;border:1px solid #E6E8EC;box-shadow:0 10px 24px rgba(17,24,39,.05)}
.step .mono{color:#B93E08;font-size:12px}
.step h3{margin:8px 0 0;font-size:18px;font-weight:800;letter-spacing:-0.03em}
.step p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#4b5563}
.prose{max-width:720px}
.prose p,.prose li{font-size:17px;line-height:1.6;color:#444}
.prose h2{margin:28px 0 0;font-size:clamp(26px,3vw,40px);letter-spacing:-0.035em}
.prose ul{margin:12px 0 0;padding-left:18px}
@media (max-width:1100px){
.planstrip,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.navl{display:flex;flex-wrap:wrap;gap:10px 16px}
.navmenu{left:0;transform:none}
.who-grid,.month-grid,.planstrip,.pair,.steps,.srcband{grid-template-columns:minmax(0,1fr)}
.srcband{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
.lift,.lift-bar i{animation:none;transition:none}
.lift:hover{transform:none}
.lift-bar i{width:var(--w)}
}