:root {
  --ink: #121043;
  --muted: #5a6385;
  --cream: #f3f8ff;
  --paper: #ffffff;
  --mint: #add7f6;
  --green: #2667ff;
  --orange: #3b28cc;
  --line: #d4e6f8;
  --shadow: 0 18px 50px rgba(18, 16, 67, .12);
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: "DM Sans", sans-serif; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.topbar { height: 76px; max-width: 1180px; margin: auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; }
.brand { color: var(--ink); text-decoration: none; font: 800 20px "Manrope", sans-serif; display: flex; align-items: center; gap: 10px; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px 11px 11px 4px; color: white; background: var(--green); }
.ghost-button, .secondary-button { border: 1px solid var(--line); background: rgba(255,255,255,.72); color: var(--ink); padding: 11px 17px; border-radius: 999px; font-weight: 700; }
.hero { position: relative; min-height: calc(100vh - 76px); max-width: 1180px; margin: auto; padding: 95px 28px 80px; overflow: hidden; }
.eyebrow { color: var(--orange); font-weight: 800; font-size: 12px; letter-spacing: .14em; }
.hero h1 { max-width: 720px; margin: 18px 0; font: 800 clamp(50px, 7.2vw, 92px)/.98 "Manrope", sans-serif; letter-spacing: -.055em; }
.hero h1 em { color: var(--orange); font-style: normal; }
.hero > p { max-width: 600px; margin: 0 0 32px; color: var(--muted); font-size: 20px; line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 22px; }
.primary-button { border: 0; border-radius: 16px; background: var(--ink); color: white; padding: 16px 22px; font-weight: 800; box-shadow: 0 10px 24px rgba(18,16,67,.2); }
.primary-button span { padding-left: 16px; }
.text-button, .add-button { border: 0; background: transparent; color: var(--green); font-weight: 800; padding: 12px 2px; }
.mini-proof { display: flex; gap: 34px; margin-top: 56px; }
.mini-proof div { display: grid; }
.mini-proof strong { font: 800 22px "Manrope"; }
.mini-proof span { color: var(--muted); font-size: 13px; }
.orbit { position: absolute; width: 440px; height: 440px; right: -30px; top: 105px; border-radius: 50%; background: radial-gradient(circle, #fff 0 5%, var(--mint) 5.5% 6%, transparent 6.5%), repeating-radial-gradient(circle, transparent 0 58px, rgba(38,103,255,.11) 59px 60px); }
.avatar, .meeting-pin { position: absolute; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: white; font-weight: 800; border: 4px solid var(--cream); box-shadow: var(--shadow); }
.avatar-a { background:#3b28cc; top: 45px; left: 180px; }.avatar-b { background:#3f8efc; bottom: 70px; left: 50px; }.avatar-c { background:#87bfff; right: 35px; bottom: 100px; }
.meeting-pin { width: 58px; height: 58px; background: var(--green); top: 190px; left: 196px; font-size: 22px; }
.route { position: absolute; border: 2px dashed rgba(38,103,255,.45); transform-origin: left center; left: 218px; top: 218px; width: 180px; }.route-a { transform: rotate(-88deg); width: 150px }.route-b { transform: rotate(145deg); width: 185px }.route-c { transform: rotate(40deg); width: 175px }
.workspace { max-width: 760px; margin: 0 auto; padding: 42px 24px 80px; }
.progress-wrap { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin-bottom: 42px; }
.icon-button { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); background: white; color: var(--ink); font-size: 20px; }
.progress-copy { display: grid; gap: 3px; }.progress-copy span { font-size: 11px; letter-spacing: .12em; color: var(--orange); font-weight: 800; }.progress-copy strong { font: 800 28px "Manrope"; }
.progress-track { grid-column: 1/-1; height: 4px; border-radius: 4px; background: var(--line); overflow: hidden; }.progress-track span { display: block; width: 33.3%; height: 100%; background: var(--orange); transition: width .25s; }
.section-intro { color: var(--muted); line-height: 1.6; margin-bottom: 24px; }
.people-list { display: grid; gap: 14px; }
.person-card { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--paper); }
.person-number { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: white; background: var(--green); font-weight: 800; }
.person-fields { display: grid; grid-template-columns: 1fr 1.65fr; gap: 12px; }
label { color: var(--muted); font-size: 12px; font-weight: 700; }
input { width: 100%; display: block; margin-top: 6px; padding: 12px 13px; border-radius: 11px; border: 1px solid var(--line); background: white; color: var(--ink); outline: none; }
input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(38,103,255,.1); }
.address-field { position: relative; }
.address-suggestions { display:none; position:absolute; z-index:1000; top:100%; left:0; right:0; margin-top:5px; padding:6px; border:1px solid var(--line); border-radius:13px; background:white; box-shadow:var(--shadow); max-height:240px; overflow:auto; }
.address-suggestions.open { display:block; }
.suggestion { width:100%; border:0; border-bottom:1px solid var(--line); background:white; padding:11px; text-align:left; color:var(--ink); font-size:13px; }
.suggestion:last-child { border-bottom:0; }.suggestion:hover{background:var(--mint)}
.remove-person { border: 0; background: transparent; color: var(--muted); font-size: 22px; align-self: start; }
.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.category { display: grid; gap: 7px; min-height: 112px; place-items: center; border: 1px solid var(--line); border-radius: 17px; color: var(--ink); background: var(--paper); font-weight: 800; }.category span { font-size: 29px; }.category.selected { border: 2px solid var(--green); background: var(--mint); }
.filter-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.filter-grid select { width:100%; display:block; margin-top:6px; padding:11px; border:1px solid var(--line); border-radius:11px; background:white; color:var(--ink); }
.open-filter { grid-column:1/-1; display:flex; align-items:center; gap:9px; color:var(--ink); }.open-filter input{width:auto;margin:0}
.mode-row { margin-top: 24px; padding: 18px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto; align-items: center; }.mode-row span { font-weight: 800; }.mode-row small { grid-column: 1/-1; color: var(--muted); margin-top: 6px; }
.review-card { padding: 20px; border-radius: 18px; background: var(--mint); }.review-person { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(38,103,255,.14); }.review-person:last-child { border-bottom: 0; }.review-person span { color: var(--muted); }
.privacy-check { display: flex; align-items: center; gap: 10px; margin: 20px 0; color: var(--ink); }.privacy-check input { width: auto; margin: 0; }
.wide { width: 100%; margin-top: 24px; }.form-error { min-height: 20px; margin-top: 12px; color: #a43829; font-size: 13px; }
.loading-screen { min-height: calc(100vh - 76px); display: grid; place-content: center; text-align: center; padding: 24px; }.loading-screen h2 { font: 800 32px "Manrope"; margin: 24px 0 8px; }.loading-screen p { color: var(--muted); }
.pulse-map { width: 170px; height: 170px; margin: auto; position: relative; display: grid; place-items: center; }.pulse-map span { position: absolute; border: 1px solid var(--green); border-radius: 50%; animation: pulse 2.2s infinite; }.pulse-map span:nth-child(1){width:50px;height:50px}.pulse-map span:nth-child(2){width:100px;height:100px;animation-delay:.25s}.pulse-map span:nth-child(3){width:150px;height:150px;animation-delay:.5s}.pulse-map b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;z-index:2}
@keyframes pulse { 0%,100%{opacity:.2;transform:scale(.92)}50%{opacity:1;transform:scale(1.03)} }
.results { max-width: 1180px; margin: auto; padding: 38px 28px 80px; }.results-heading { display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.results-heading h2{font:800 38px "Manrope";margin:8px 0 0}.map{height:380px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.result-layout { display: grid; grid-template-columns: 1fr 300px; gap: 22px; margin-top: 22px; }.result-cards { display:grid;gap:14px}.result-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.result-card.best{border:2px solid var(--green);box-shadow:var(--shadow)}.rank{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.11em}.place-name{font:800 22px "Manrope";margin:5px 0}.place-type{color:var(--muted);font-size:13px}.rating-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:13px}.stars{color:#2667ff;font-weight:800}.reviews,.price{color:var(--muted)}.eta-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.eta{background:var(--mint);padding:7px 9px;border-radius:10px;font-size:12px}.gap-badge{align-self:center;text-align:center;background:var(--ink);color:white;padding:12px;border-radius:14px;min-width:84px}.gap-badge strong{display:block;font-size:20px}.gap-badge span{font-size:10px}.place-actions{grid-column:1/-1;display:flex;gap:8px}.map-link{flex:1;text-align:center;text-decoration:none;color:var(--ink);background:white;border:1px solid var(--line);border-radius:11px;padding:10px;font-size:12px;font-weight:800}
.fairness-panel { padding: 22px; border-radius: 20px; background: var(--mint); align-self:start; }.fairness-panel h3{font:800 23px "Manrope";margin:8px 0}.fairness-panel p{color:var(--muted);line-height:1.5}.formula{display:grid;gap:7px;margin:20px 0;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);text-align:center;font-size:12px}.secondary-button{width:100%;background:var(--green);color:white;border:0}
@media (max-width: 900px) { .orbit{opacity:.22;right:-150px}.hero{padding-top:65px}.result-layout{grid-template-columns:1fr}.fairness-panel{order:-1}.person-fields{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr} }
@media (max-width: 600px) { .topbar{height:64px;padding:0 18px}.hero{min-height:calc(100vh - 64px);padding:56px 20px}.hero h1{font-size:52px}.hero>p{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.mini-proof{gap:22px;margin-top:38px}.workspace{padding:28px 18px 60px}.person-card{grid-template-columns:auto 1fr}.remove-person{grid-column:2;grid-row:1;justify-self:end}.person-fields{grid-column:1/-1}.results{padding:28px 16px 60px}.results-heading{align-items:start;gap:14px}.results-heading h2{font-size:29px}.map{height:300px}.result-card{grid-template-columns:1fr}.gap-badge{justify-self:start}.category-grid{gap:9px}.category{min-height:100px}.orbit{display:none}.filter-grid{grid-template-columns:1fr} }

.map .leaflet-tile-pane{filter:saturate(.85) contrast(1.02)}.map .leaflet-control-zoom a{border:0;color:var(--ink);font-weight:800}.map .leaflet-bar{border:0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.map .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:var(--shadow);font-family:"DM Sans",sans-serif;font-weight:700;color:var(--ink)}
.pin{display:grid;place-items:center;border-radius:50%;font:800 13px "DM Sans",sans-serif;color:white;border:3px solid white;box-shadow:0 6px 16px rgba(18,16,67,.3)}
.pin-person{background:var(--ink)}.pin-option{background:#3f8efc;font-size:11px}
.pin-best{background:var(--orange);font-size:18px;animation:pin-pulse 2s ease-out infinite}
@keyframes pin-pulse{0%{box-shadow:0 0 0 0 rgba(59,40,204,.55),0 6px 16px rgba(18,16,67,.3)}70%{box-shadow:0 0 0 18px rgba(59,40,204,0),0 6px 16px rgba(18,16,67,.3)}100%{box-shadow:0 0 0 0 rgba(59,40,204,0),0 6px 16px rgba(18,16,67,.3)}}
@media (prefers-reduced-motion: reduce){.pin-best{animation:none}}