:root{
  --rently-help-ink:#2f241e;
  --rently-help-muted:#786b63;
  --rently-help-paper:#fffdf9;
  --rently-help-ivory:#f5efe6;
  --rently-help-line:rgba(75,58,49,.12);
  --rently-help-green:#6e9b86;
}
.rentlyHelpButton{
  position:static;z-index:auto;display:grid;place-items:center;gap:0;
  width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;border:1px solid rgba(75,58,49,.14);
  border-radius:14px;background:#fff;color:#49382f;font:700 14px/1 system-ui,-apple-system,sans-serif;
  box-shadow:0 8px 22px rgba(68,52,45,.08);cursor:pointer;
}
.rentlyHelpButtonIcon{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:0;font-size:18px;font-weight:800}
.rentlyHelpButtonLabel{display:none}
.rentlyHelpButton:hover{background:#f8f4ef;border-color:#d8cec7;transform:none}
.rentlyFirstRunBackdrop,.rentlyHelpBackdrop{
  position:fixed;inset:0;z-index:2147482000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(47,36,30,.32);backdrop-filter:blur(7px);
}
.rentlyFirstRunBackdrop.show,.rentlyHelpBackdrop.show{display:flex}
.rentlyFirstRunDialog,.rentlyHelpPanel{
  width:min(720px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;
  border:1px solid rgba(255,255,255,.75);border-radius:30px;background:var(--rently-help-paper);
  box-shadow:0 28px 80px rgba(47,36,30,.22);color:var(--rently-help-ink);
}
.rentlyFirstRunDialog{padding:30px}
.rentlyFirstRunHead,.rentlyHelpHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.rentlyFirstRunEyebrow,.rentlyHelpEyebrow{margin:0 0 8px;color:#8c786b;font:800 11px/1.3 system-ui;letter-spacing:.16em;text-transform:uppercase}
.rentlyFirstRunDialog h2,.rentlyHelpPanel h2{margin:0;font:800 clamp(26px,4vw,38px)/1.08 system-ui,-apple-system,sans-serif}
.rentlyFirstRunLead{margin:12px 0 24px;color:var(--rently-help-muted);font:500 16px/1.5 system-ui}
.rentlyHelpClose{
  flex:0 0 40px;width:40px;height:40px;border:1px solid var(--rently-help-line);border-radius:50%;
  background:#fff;color:var(--rently-help-ink);font:500 22px/1 system-ui;cursor:pointer;
}
.rentlyFirstRunSteps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rentlyFirstRunStep{
  display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:17px;
  border:1px solid var(--rently-help-line);border-radius:20px;background:#fff;
}
.rentlyFirstRunNumber{
  display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--rently-help-ivory);
  color:#6d594e;font:800 13px/1 system-ui;
}
.rentlyFirstRunStep b{display:block;margin:2px 0 5px;font:750 15px/1.25 system-ui}
.rentlyFirstRunStep p{margin:0;color:var(--rently-help-muted);font:500 13px/1.45 system-ui}
.rentlyFirstRunActions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
.rentlyHelpPrimary,.rentlyHelpSecondary,.rentlyHelpAction{
  min-height:44px;padding:0 16px;border-radius:14px;font:750 14px/1 system-ui;cursor:pointer;
}
.rentlyHelpPrimary{border:0;background:#49382f;color:#fff}
.rentlyHelpSecondary{border:1px solid var(--rently-help-line);background:#fff;color:var(--rently-help-ink)}
.rentlyHelpPanel{width:min(560px,100%);padding:24px}
.rentlyHelpTopics{display:grid;gap:10px;margin-top:20px}
.rentlyHelpTopic{
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px;
  border:1px solid var(--rently-help-line);border-radius:18px;background:#fff;
}
.rentlyHelpTopic b{display:block;margin-bottom:4px;font:750 15px/1.25 system-ui}
.rentlyHelpTopic p{margin:0;color:var(--rently-help-muted);font:500 13px/1.4 system-ui}
.rentlyHelpAction{border:1px solid var(--rently-help-line);background:var(--rently-help-ivory);color:var(--rently-help-ink);white-space:nowrap}
.rentlyContextTip{
  position:fixed;right:22px;top:88px;z-index:2147481500;width:min(390px,calc(100vw - 36px));padding:18px;
  border:1px solid var(--rently-help-line);border-radius:20px;background:var(--rently-help-paper);
  box-shadow:0 18px 48px rgba(47,36,30,.18);color:var(--rently-help-ink);
}
.rentlyContextTipHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.rentlyContextTip b{font:800 16px/1.3 system-ui}
.rentlyContextTip p{margin:7px 0 14px;color:var(--rently-help-muted);font:500 13px/1.45 system-ui}
.rentlyContextTip .rentlyHelpClose{width:30px;height:30px;flex-basis:30px;font-size:17px}
.rentlyContextTipActions{display:flex;gap:8px}
@media(max-width:720px){
  .rentlyHelpButton{position:static;min-width:40px;width:40px;min-height:40px;height:40px;padding:0}
  .rentlyHelpButtonLabel{display:none}
  .topActions .rentlyHelpButton .rentlyHelpButtonIcon{display:grid!important}
  .rentlyFirstRunBackdrop,.rentlyHelpBackdrop{align-items:flex-end;padding:0}
  .rentlyFirstRunDialog,.rentlyHelpPanel{max-height:88dvh;border-radius:26px 26px 0 0;padding:22px 18px calc(20px + env(safe-area-inset-bottom))}
  .rentlyFirstRunSteps{grid-template-columns:1fr}
  .rentlyFirstRunActions{align-items:stretch;flex-direction:column-reverse}
  .rentlyFirstRunActions button{width:100%}
  .rentlyHelpTopic{grid-template-columns:1fr}
  .rentlyHelpAction{width:100%}
  .rentlyContextTip{right:12px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:no-preference){
  .rentlyFirstRunDialog,.rentlyHelpPanel,.rentlyContextTip{animation:rentlyHelpIn .2s ease-out}
  @keyframes rentlyHelpIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}