/* Public concept pages use the same palette and proportions as the live
   Nanny Agency Jobs lander, which was adapted from the Goodly source. */
:root{--page:#ffffff;--paper:#fff;--ink:#122e1d;--muted:#4d5b51;--subtle:#7c8a80;--green:#2e7c48;--lime:#c8f759;--cream:#eae7e0;--cream-dim:#cfd6cd;--line:rgba(18,46,29,.1);--wash:#f1efe6;--shadow:none}
body{background:var(--page);font-weight:400;line-height:1.55}
h1,h2,h3{letter-spacing:-.01em;line-height:1.08}
h2,h3{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:-.025em}
.shell{max-width:1236px;padding:0 28px 54px}
.topbar{height:68px;border:0}
.back-link{color:var(--green);text-decoration:none;font-size:.91rem;font-weight:700}
.back-link:hover{text-decoration:underline;text-underline-offset:3px}
.toplinks{gap:26px;color:var(--muted);font-size:.91rem;font-weight:600}
.toplinks a:hover{color:var(--ink)}
.about-link{border:0;background:var(--ink);color:var(--cream)!important;border-radius:999px;padding:11px 20px}
.about-link:hover{background:#1d5c34}
.intro{display:block;position:relative;overflow:hidden;margin:0 0 16px;padding:54px 34px 55px;border-radius:24px;background:radial-gradient(circle at 75% 5%,rgba(200,247,89,.16),transparent 60%),var(--ink);text-align:center;color:var(--cream)}
.hero-copy{position:relative;z-index:1;max-width:850px;margin:auto}
.intro .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 21px;padding:8px 16px;border:1px solid rgba(200,247,89,.45);border-radius:999px;background:rgba(200,247,89,.14);color:var(--lime);font-size:.76rem;font-weight:800;letter-spacing:.04em}
.intro h1{max-width:none;font-size:clamp(2.2rem,4.5vw,3.7rem);font-weight:800;line-height:1.12}
.intro h1 span{color:var(--lime)}
.intro p{max-width:680px;margin:18px auto 0;color:var(--cream-dim);font-size:1.05rem;line-height:1.62}
.demo-banner{margin:0 0 27px;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:.78rem}
.demo-banner strong{color:var(--green);font-size:.72rem;letter-spacing:.08em}
.demo-dot{background:var(--green);width:7px;height:7px}
.controls{margin-bottom:26px;gap:12px}
.control,.pay-toggle{height:49px;border-color:var(--line);border-radius:12px;box-shadow:none}
.control input,.control select{font-size:.88rem}
.pay-toggle{font-size:.82rem}
.results-head{margin-bottom:15px}
.results-head h2{font-size:1.3rem}
.results-head p{font-size:.8rem}
.views{background:var(--wash);border-radius:999px;padding:4px}
.view-btn{border-radius:999px;padding:8px 16px;font-size:.78rem}
.view-btn.active{box-shadow:none;background:var(--ink);color:var(--cream)}
.workspace{grid-template-columns:minmax(340px,410px) minmax(0,1fr);gap:18px}
.job-card{border-color:var(--line);border-radius:14px;box-shadow:none;padding:19px 20px}
.job-card:hover,.job-card.selected{border-color:#79b889;box-shadow:0 7px 22px rgba(18,46,29,.09)}
.job-card.selected{background:#f5fbed;border-color:var(--green)}
.job-card h3{font-size:1.15rem;font-family:Inter,Arial,sans-serif;font-weight:700}
.job-card .city{color:#258246}
.agency-mark{background:#e0f2dc;border-radius:50%}
.fact{background:#f1f0e9;border-radius:6px}
.fact.pay{background:var(--lime);color:var(--ink)}
.view-detail,.detail-page-link{color:#208147}
.map-panel{border-radius:14px;border-color:var(--line);box-shadow:none}
.map-overline{border-color:var(--line);border-radius:10px;box-shadow:none}
.zip-pin{background:var(--ink);box-shadow:0 3px 10px rgba(18,46,29,.18)}
.zip-pin.active{background:var(--green)}
.empty{border-color:var(--line);border-radius:14px}
dialog{border-radius:20px}
.demo-pill{background:rgba(46,124,72,.09);color:var(--green);border-radius:999px}
.detail-facts div{background:var(--wash)}
.detail-page-link{border-radius:999px}
.sample-apply{border-radius:999px}
@media(max-width:680px){.shell{padding:0 16px 26px}.topbar{height:54px}.toplinks{gap:9px;font-size:.76rem}.toplinks a:first-child{display:none}.about-link{padding:8px 12px}.intro{margin:0 -2px 0;padding:38px 22px 40px;border-radius:20px}.intro .eyebrow{font-size:.68rem;margin-bottom:18px}.intro h1{font-size:clamp(1.9rem,8.2vw,2.7rem)}.intro h1 br{display:none}.intro p{font-size:.91rem;margin-top:15px}.demo-banner{margin:0 0 17px;align-items:flex-start;flex-wrap:wrap;gap:6px}.demo-banner strong{white-space:normal}.controls{margin-bottom:21px}.workspace[data-view="map"] .map-panel{height:calc(100dvh - 385px);min-height:390px}.job-card{padding:17px}.views{gap:0}.view-btn{padding:7px 11px}}