/* prodready — the paid-arrival panel (site/arrival.js). Shown only to visitors who came from an ad
 * (utm_medium=paid, or track.js's pr_ad for the tab's session). One job: give a phone something to do
 * (email the line to the laptop) and a desktop the line itself (pick the tool, copy).
 * Budget on a 390x844 phone: nav + panel fit above the cookie banner. */
.arr{--arr-pad:18px;position:relative;background:#101019;border-bottom:3px solid var(--line,#2C2C3A);box-shadow:inset 0 3px 0 var(--blue,#0098EB)}
.arr[hidden]{display:none!important}
.arr .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.arr-in{width:min(1180px,100% - 32px);margin-inline:auto;padding:var(--arr-pad) 0;display:grid;gap:10px 36px;grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.arr-in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}}
.arr-line{margin:0;padding-right:36px;font-family:var(--head,'Space Grotesk',system-ui,sans-serif);font-weight:700;font-size:clamp(20px,1.1vw + 14px,28px);line-height:1.18;letter-spacing:-.015em;color:var(--white,#F4F4F8);text-wrap:balance}
.arr-sub{margin:8px 0 0;font-family:var(--body,'Outfit',system-ui,sans-serif);font-size:16px;line-height:1.45;color:var(--muted,#A9A9BA)}
.arr-x{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--muted,#A9A9BA);font-size:22px;line-height:1;cursor:pointer;padding:6px 8px}
.arr-x:hover{color:var(--white,#F4F4F8)}
.arr-alt{margin:10px 0 0;font-size:16px;font-family:var(--body,'Outfit',system-ui,sans-serif)}
.arr-alt a{color:var(--blue,#0098EB);font-weight:600;text-decoration:none;border-bottom:2px solid currentColor}
.arr-alt a:hover{color:var(--white,#F4F4F8)}

/* which primary: the email on phones, the install line on desktops */
.arr-mail{display:none}
.arr-inst{display:block}
@media (max-width:759px),(pointer:coarse){
  .arr-mail{display:block}.arr-inst{display:none}
  .arr-dev .arr-inst{display:block;margin-top:12px}
  .arr-dev .arr-b{grid-template-columns:1fr}
}

/* email (phones) */
.arr-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.arr-row input[type=email],.arr-row input[type=url]{flex:1 1 150px;min-width:0;font:inherit;font-family:var(--body,'Outfit',system-ui,sans-serif);font-size:16px;padding:12px 10px;background:var(--ink,#12101A);color:var(--white,#F4F4F8);border:3px solid var(--line,#2C2C3A);border-radius:0;outline:none}
.arr-row input[type=email]:focus,.arr-row input[type=url]:focus{border-color:var(--blue,#0098EB)}
.arr-go{flex:0 0 auto;font-family:var(--head,'Space Grotesk',system-ui,sans-serif);font-weight:700;font-size:15px;padding:12px 14px;background:var(--blue,#0098EB);color:var(--ink,#12101A);border:0;box-shadow:3px 3px 0 rgba(0,0,0,.5);cursor:pointer;white-space:nowrap;min-height:48px}
.arr-go:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(0,0,0,.5)}
.arr-go[disabled]{opacity:.6;cursor:wait}
.arr-note{margin:8px 0 0;font-size:15px;line-height:1.4;color:var(--muted,#A9A9BA);min-height:0}
.arr-note:empty{display:none}
.arr-why{margin:8px 0 0;font-family:var(--body,'Outfit',system-ui,sans-serif);font-size:14px;line-height:1.4;color:var(--muted,#A9A9BA)}
.arr-note.err{color:var(--red,#FF5C7A)}
.arr-ok{margin:12px 0 0;padding:12px 14px;border:3px solid var(--green,#22C58E);background:rgba(34,197,142,.08);font-family:var(--body,'Outfit',system-ui,sans-serif);font-size:17px;line-height:1.45;color:var(--white,#F4F4F8)}
.arr-ok b{color:var(--green,#22C58E)}
.arr-ok q{font-weight:600;quotes:"\201C" "\201D"}
/* no-code ads: the address check first (all widths), the laptop mail second */
.arr-scan .arr-row{margin-top:0}
.arr-or{margin:16px 0 0;font-family:var(--body,'Outfit',system-ui,sans-serif);font-size:15px;line-height:1.4;color:var(--white,#F4F4F8);font-weight:600}
.arr-nocode .arr-mail .arr-row{margin-top:8px}
.arr-nocode .arr-mail .arr-go{background:transparent;color:var(--blue,#0098EB);border:3px solid var(--blue,#0098EB);box-shadow:none}
.arr-nocode .arr-inst{margin-top:14px}
.arr-sub a{color:var(--blue,#0098EB);font-weight:600;text-decoration:none;border-bottom:2px solid currentColor}
.arr-data{grid-column:1 / -1;margin:6px 0 0;font-family:var(--body,'Outfit',system-ui,sans-serif);font-size:12.5px;line-height:1.4;color:var(--muted,#A9A9BA)}
.arr-cur{color:var(--blue,#0098EB);font-weight:600;text-decoration:none;border-bottom:2px solid currentColor}
.arr-alt a + a{margin-left:14px}

/* install line (desktop) — same behaviour and strings as the homepage hero picker */
.arr-box{border:4px solid var(--line,#2C2C3A);background:var(--panel,#17171F);box-shadow:6px 6px 0 rgba(0,0,0,.45)}
.arr-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel2,#1F1F2A);border-bottom:3px solid var(--line,#2C2C3A);padding:8px 12px}
.arr-tag{font-family:var(--pixel,'Press Start 2P',monospace);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue,#0098EB);white-space:nowrap}
.arr-ask{font-family:var(--body,'Outfit',system-ui,sans-serif);font-weight:600;font-size:13px;color:var(--muted,#A9A9BA);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arr-b{display:grid;grid-template-columns:clamp(150px,30%,210px) minmax(0,1fr);gap:8px 10px;padding:10px}
.arr-s{width:100%;font-family:var(--body,'Outfit',system-ui,sans-serif);font-weight:500;font-size:14px;color:var(--white,#F4F4F8);background:var(--ink,#12101A);border:3px solid var(--line,#2C2C3A);padding:0 8px;cursor:pointer;min-height:44px}
.arr-s:focus-visible{outline:2px solid var(--blue,#0098EB);outline-offset:1px}
.arr-code{position:relative;min-width:0;display:flex}
.arr-pre{flex:1;min-width:0;margin:0;background:var(--ink,#12101A);border:3px solid var(--line,#2C2C3A);padding:9px 76px 9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.4;color:#DCDCE6;white-space:pre-wrap;overflow-wrap:anywhere;display:flex;align-items:center}
.arr-copy{position:absolute;top:50%;right:6px;transform:translateY(-50%);font-family:var(--pixel,'Press Start 2P',monospace);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink,#12101A);background:var(--blue,#0098EB);border:0;padding:9px 10px;cursor:pointer}
.arr-copy.done{background:var(--green,#22C58E)}
.arr-steps{grid-column:1 / -1;margin:2px 0 0;padding-left:20px;display:grid;gap:4px;font-size:13px;line-height:1.4;color:var(--muted,#A9A9BA);font-family:var(--body,'Outfit',system-ui,sans-serif)}
.arr-steps b{color:var(--white,#fff);font-weight:600}
.arr-steps code{font-family:var(--mono,'VT323',ui-monospace,monospace);font-size:15px}

/* phones: tighter, so nav + panel stay in the top half of the screen */
@media (max-width:759px){
  .arr{--arr-pad:14px}
  .arr-in{gap:0}
  .arr-line{font-size:21px}
  .arr-sub{font-size:14px;line-height:1.4;margin-top:6px}
  .arr-row{margin-top:10px}
  .arr-alt{margin-top:10px;font-size:15px}
}

/* while the panel shows, the page's own install strip / hero picker would say the same thing twice */
.pr-arr .istrip,.pr-arr #heroInstall{display:none}
/* the panel is the only email ask in a paid session: the hero form and the #dd form would read as two more products */
.pr-arr #heroMail,.pr-arr #mailme{display:none}
/* the Product Hunt bar sends paid visitors away: hidden for them (class set in the homepage <head>) */
.pr-paid .ph-bar{display:none}

/* paid sessions keep one story (backlog P1-4): the free check, a real finding, the line. The SDLC explainer,
   "is the SDLC for you" and the SalesAgents bar are for visitors who came looking; the page links stay. */
.pr-paid #whatis,.pr-paid #sdlc-strip,.pr-paid #for-you,.pr-paid .sa-bar{display:none}