.vibe-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:48px;align-items:center;text-align:left}.vibe-hero-grid .h1-page,.vibe-hero-grid .lede{margin-inline:0}.vibe-hero-grid .cta-row{justify-content:flex-start}@media (max-width: 900px){.vibe-hero-grid{grid-template-columns:1fr;gap:36px;text-align:center}.vibe-hero-grid .h1-page,.vibe-hero-grid .lede{margin-inline:auto}.vibe-hero-grid .cta-row{justify-content:center}}.vibe-mock-wrap{position:relative}.vibe-mock-wrap:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:radial-gradient(60% 60% at 72% 18%,rgba(139,92,246,.12),transparent 65%);pointer-events:none;z-index:0}@media (max-width: 900px){.vibe-mock-wrap{max-width:460px;margin:0 auto}}.vibe-mock{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;background:var(--ms-bg);border:1px solid var(--ms-border);border-radius:18px;padding:22px;box-shadow:0 24px 60px #0f172a14}.vibe-mock-role{display:block;font:700 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ms-text-3);margin-bottom:6px}.vibe-mock-user{align-self:flex-end;max-width:88%}.vibe-mock-user .vibe-mock-role{text-align:right}.vibe-mock-bubble{margin:0;background:var(--ms-bg-alt);border:1px solid var(--ms-border);border-radius:14px 14px 4px;padding:10px 14px;font-size:13.5px;line-height:1.5;color:var(--ms-text-2)}.vibe-mock-agent{width:100%}.vibe-mock-status{display:flex;align-items:center;gap:8px;font:600 12px/1.4 var(--font-mono);color:var(--ms-text-3);margin:0 0 12px}.vibe-mock-status-dot{flex:none;width:7px;height:7px;border-radius:999px;background:var(--ok-green, #10b981);box-shadow:0 0 0 3px #10b9812e}.vibe-mock-finding{background:var(--ms-bg-alt);border:1px solid var(--ms-border);border-radius:12px;padding:14px 16px;margin-bottom:12px}.vibe-mock-finding-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.vibe-mock-finding-title{min-width:0;font-size:14px;font-weight:600;line-height:1.4;color:var(--ms-text)}.vibe-sev-chip{flex:none;font:700 10.5px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#92400e;background:#f59e0b24;border:1px solid rgba(245,158,11,.35);border-radius:999px;padding:4px 9px;white-space:nowrap}.vibe-mock-fix{font-size:12.5px;line-height:1.5;color:var(--ms-text-2);margin:8px 0 10px}.vibe-mock-cite{display:inline-block;white-space:normal;line-height:1.5}.vibe-mock-footer{margin:0;font:500 11px/1.6 var(--font-mono);color:var(--ms-text-3)}.vibe-steps{grid-template-columns:repeat(3,1fr)}.vibe-step-card:after{display:none}.vibe-step-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.vibe-step-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0f172a12;border-color:var(--ms-border-strong)}.vibe-step-card .dp-flow-num{display:inline-flex}.vibe-step-card .dp-flow-s{font:400 14px/1.6 var(--font-sans, inherit);font-family:inherit;letter-spacing:normal;color:var(--ms-text-2);margin-top:10px;padding-top:0}.vibe-step-card .dp-flow-s a{color:var(--violet-ink);text-decoration:underline;text-underline-offset:2px}@media (max-width: 900px){.vibe-steps{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.vibe-step-card{transition:none}}.vibe-receipt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.1em}.vibe-prose-note{font-family:inherit;font-size:13.5px;line-height:1.6;letter-spacing:normal}.vibe-report-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:48px;align-items:start}@media (max-width: 900px){.vibe-report-grid{grid-template-columns:1fr;gap:32px}}.vibe-report{background:var(--ms-bg);border:1px solid var(--ms-border);border-radius:18px;box-shadow:0 24px 60px #0f172a14;overflow:hidden}.vibe-report-head,.vibe-report-foot{display:flex;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;font:500 11px/1.4 var(--font-mono);color:var(--ms-text-3);padding:12px 20px}.vibe-report-head{border-bottom:1px solid var(--ms-border)}.vibe-report-foot{border-top:1px solid var(--ms-border)}.vibe-report-foot a{color:var(--violet-ink);text-decoration:underline;text-underline-offset:2px}.vibe-report-rows{list-style:none;margin:0;padding:0}.vibe-report-row{padding:16px 20px}.vibe-report-row+.vibe-report-row{border-top:1px solid var(--ms-border)}.vibe-report-row.is-flagged{background:#f59e0b0d}.vibe-report-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.vibe-report-tag{font:700 10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ms-text-3)}.vibe-sev-chip.is-crit{color:#b91c1c;background:#dc26261a;border-color:#dc262652}.vibe-sev-chip.is-med{color:#1e40af;background:#3b82f614;border-color:#3b82f647}.vibe-report-title{margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ms-text)}.vibe-report-fix{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--ms-text-2)}.vibe-report-cite{display:inline-block;white-space:normal;line-height:1.5}.vibe-report-flag{font:500 11px/1.5 var(--font-mono);color:#b45309}.vibe-report-rail{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column;gap:26px;align-self:center}@media (max-width: 900px){.vibe-report-rail{align-self:stretch}}.vibe-use-item{display:flex;gap:14px;align-items:flex-start}.vibe-use-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--violet-ink);background:#8b5cf614;border:1px solid rgba(139,92,246,.2)}.vibe-use-h{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ms-text)}.vibe-use-s{margin:0;font-size:13.5px;line-height:1.6;color:var(--ms-text-2)}.vibe-map-strip{display:grid;grid-template-columns:minmax(230px,300px) 64px minmax(0,1fr);align-items:center;margin:6px 0 40px}.vibe-map-input{min-width:0}.vibe-map-arrow{position:relative;align-self:center;height:0;border-top:1.5px solid var(--ms-border-strong, #cbd5e1);margin:0 10px}.vibe-map-arrow:after{content:"";position:absolute;right:-1px;top:-4.5px;border-left:6px solid var(--ms-text-3);border-top:4px solid transparent;border-bottom:4px solid transparent}.vibe-map-arrow>span{position:absolute;top:-17px;left:0;right:0;text-align:center;font:600 9.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--ms-text-3);white-space:nowrap}.vibe-dfd{min-width:0}.vibe-map-caption{margin:6px 0 0 20px;font:500 11px/1.5 var(--font-mono);color:var(--ms-text-3)}@media (max-width: 900px){.vibe-map-strip{grid-template-columns:1fr}.vibe-map-input{max-width:420px}.vibe-map-arrow{justify-self:start;height:30px;width:0;border-top:none;border-left:1.5px solid var(--ms-border-strong, #cbd5e1);margin:10px 0 10px 34px}.vibe-map-arrow:after{right:auto;top:auto;bottom:-1px;left:-4.5px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--ms-text-3);border-bottom:none}.vibe-map-arrow>span{top:50%;left:12px;right:auto;transform:translateY(-50%);text-align:left}.vibe-map-caption{margin-left:0}}.vibe-dfd-scroll{overflow-x:auto;background:linear-gradient(to right,var(--ms-bg) 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),var(--ms-bg) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(15,23,42,.14),transparent),radial-gradient(farthest-side at 100% 50%,rgba(15,23,42,.14),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.vibe-dfd-scroll:focus-visible{outline:2px solid var(--violet, #8b5cf6);outline-offset:-2px}.vibe-dfd-canvas{display:grid;grid-template-columns:minmax(118px,1fr) 84px minmax(118px,1fr) 84px minmax(118px,1fr);grid-template-rows:auto auto auto;row-gap:16px;min-width:540px;padding:18px 20px 20px}.vibe-dfd-zone{font:700 9.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ms-text-3);text-align:center;padding-bottom:2px}.vibe-dfd-z1{grid-area:1 / 1}.vibe-dfd-z2{grid-area:1 / 3}.vibe-dfd-z3{grid-area:1 / 5}.vibe-dfd-boundary{position:relative;justify-self:center;width:0;border-left:1.5px dashed rgba(245,158,11,.55)}.vibe-dfd-b1{grid-area:1 / 2 / 4 / 3}.vibe-dfd-b2{grid-area:1 / 4 / 4 / 5}.vibe-dfd-boundary>span{position:absolute;top:-4px;left:50%;transform:translate(-50%);font:700 9px/1 var(--font-mono);letter-spacing:.06em;color:#92400e;background:#f59e0b24;border:1px solid rgba(245,158,11,.35);border-radius:999px;padding:3px 7px}.vibe-dfd-node{display:flex;flex-direction:column;gap:3px;background:var(--ms-bg-alt);border:1px solid var(--ms-border);border-radius:10px;padding:10px 12px}.vibe-dfd-node.is-yours{border-color:#8b5cf659;background:#8b5cf60d}.vibe-dfd-users{grid-area:2 / 1}.vibe-dfd-stripe{grid-area:3 / 1}.vibe-dfd-app{grid-area:2 / 3 / span 2 / auto;justify-content:center}.vibe-dfd-db{grid-area:2 / 5 / span 2 / auto;align-self:center}.vibe-dfd-node-name{font-size:12.5px;font-weight:600;line-height:1.3;color:var(--ms-text)}.vibe-dfd-node-sub{font:500 10px/1.3 var(--font-mono);color:var(--ms-text-3)}.vibe-dfd-edge{position:relative;z-index:1;align-self:center;height:0;border-top:1.5px solid var(--ms-border-strong, #cbd5e1)}.vibe-dfd-edge:after{content:"";position:absolute;right:-1px;top:-4.5px;border-left:6px solid var(--ms-text-3);border-top:4px solid transparent;border-bottom:4px solid transparent}.vibe-dfd-edge.is-bidi:before{content:"";position:absolute;left:-1px;top:-4.5px;border-right:6px solid var(--ms-text-3);border-top:4px solid transparent;border-bottom:4px solid transparent}.vibe-dfd-edge>span{position:absolute;top:-17px;left:0;right:0;text-align:center;font:600 9.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--ms-text-3);white-space:nowrap}.vibe-dfd-e-https{grid-area:2 / 2}.vibe-dfd-e-webhooks{grid-area:3 / 2}.vibe-dfd-e-queries{grid-area:2 / 4 / span 2 / auto}