.mono{font-family:var(--font-mono)}.wrap{max-width:1040px;margin:0 auto;padding:0 22px}nav{padding:20px 0}.nav-in{justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-size:21px;font-weight:700}.wordmark .dot{color:var(--berry)}.nav-cta{font-family:var(--font-sans);color:var(--card);background:var(--spinach);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none}.nav-cta:hover{background:var(--spinach-soft)}.hero{padding:52px 0 80px}.hero-grid{flex-direction:column;gap:36px;display:flex}.hero-copy{display:contents}.hero-intro{order:1}.hero-demo{order:2}.hero-details{order:3;max-width:46ch}@media (width>=900px){.hero{padding:40px 0 64px}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:52px;display:grid}.hero-copy{flex-direction:column;gap:20px;display:flex}.hero-intro,.hero-demo,.hero-details{order:unset}.hero-details{max-width:none}.hero-intro h1{margin-bottom:0}}.kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--berry);margin-bottom:16px;font-size:12.5px}h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(38px,5.6vw,58px);font-weight:600;line-height:1.06}h1 .hl{background:linear-gradient(transparent 62%, var(--butter) 62%)}.hero .lede{color:var(--color-lede);max-width:46ch;margin-bottom:30px;font-size:17.5px}form.capture{gap:10px;max-width:440px;display:flex}form.capture input{font-family:var(--font-sans);border:1.5px solid var(--sage-line);background:var(--card);color:var(--spinach);border-radius:999px;flex:1;padding:14px 18px;font-size:15px}form.capture input::placeholder{color:#93a69b}form.capture button{font-family:var(--font-sans);background:var(--berry);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:600}form.capture button:hover{background:#a93a59}form.capture input:focus-visible,form.capture button:focus-visible,.tab:focus-visible,.chip:focus-visible,.nav-cta:focus-visible,.cta-round:focus-visible{outline:3px solid var(--berry);outline-offset:2px}.form-note{color:var(--muted);margin-top:12px;font-size:13px}.form-ok{color:var(--spinach);background:var(--butter);border-radius:999px;max-width:440px;padding:14px 20px;font-size:15px;font-weight:600}.phone{background:var(--card);border:1.5px solid var(--sage-line);border-radius:26px;width:100%;max-width:640px;box-shadow:0 18px 40px -18px #17402f40}.tabs{background:var(--mist);border-radius:999px;gap:6px;margin-bottom:16px;padding:5px;display:flex}.tab{font-family:var(--font-sans);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:9px 0;font-size:14px;font-weight:600}.tab.on{background:var(--spinach);color:#fff}.scene-label{font-family:var(--font-mono);color:var(--muted);margin-bottom:4px;font-size:12px}.scene-title{font-family:var(--font-display);margin-bottom:12px;font-size:19px;font-weight:600}.goals{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.chip{font-family:var(--font-mono);border:1.5px solid var(--sage-line);background:var(--card);color:var(--spinach);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px}.chip.on{background:var(--berry-soft);border-color:var(--berry);color:var(--berry);font-weight:500}.chip.rule{cursor:default;background:var(--mist);color:var(--muted)}.pick-list{gap:9px;display:grid}.pick{border:1.5px solid var(--sage-line);border-radius:14px;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;padding:12px 14px;display:grid}.pick.best{border-color:var(--spinach);background:#f7fbf8;position:relative}.pick .name{font-size:14.5px;font-weight:600}.pick .why{color:var(--muted);grid-column:1/-1;font-size:12.5px}.pick .stats{font-family:var(--font-mono);color:var(--spinach-soft);white-space:nowrap;font-size:12.5px}.badge{font-family:var(--font-mono);letter-spacing:.06em;background:var(--butter);color:var(--spinach);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:500;position:absolute;top:-10px;right:12px}.phone-foot{color:var(--muted);margin-top:14px;font-size:11.5px}section{padding:74px 0}section.alt{background:var(--card);border-top:1.5px solid var(--sage-line);border-bottom:1.5px solid var(--sage-line)}h2{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:10px;font-size:clamp(26px,3.6vw,36px);font-weight:600}.section-lede{color:var(--color-lede);max-width:56ch;margin-bottom:30px;font-size:16px}.rules-row{flex-wrap:wrap;gap:9px;margin-bottom:26px;display:flex}.rules-row .chip{font-size:13px}.cols{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.col{background:var(--mist);border:1.5px solid var(--sage-line);border-radius:18px;padding:24px 22px}section.alt .col{background:var(--card)}.col .ico{margin-bottom:10px;font-size:22px;display:block}.col h3{font-family:var(--font-display);margin-bottom:6px;font-size:17px;font-weight:600}.col p{color:var(--color-lede);font-size:14.5px}.founding{background:var(--spinach);color:#eaf2ed;border-radius:24px;padding:46px 42px}.founding h2{color:#fff}.founding p{color:#c8dacf;max-width:54ch;margin-bottom:24px}.founding p b{color:#fff}.cta-round{background:var(--butter);color:var(--spinach);border-radius:999px;padding:14px 26px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.cta-round:hover{background:#fff}details{background:var(--card);border:1.5px solid var(--sage-line);border-radius:14px;margin-bottom:10px;padding:16px 20px}summary{cursor:pointer;font-size:15.5px;font-weight:600}details p{color:var(--color-lede);margin-top:10px;font-size:14.5px}footer{padding:30px 0 44px}.foot-in{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:12px;display:flex}@media (width<=820px){.hero{padding:30px 0 56px}.hero-grid{gap:32px}.cols{grid-template-columns:1fr}.founding{padding:34px 24px}form.capture{flex-direction:column}form.capture button{width:100%}}@media (prefers-reduced-motion:no-preference){.hero-grid>*{animation:.55s both up}.hero-grid>:nth-child(2){animation-delay:.12s}.pick{transition:border-color .2s,background .2s}@keyframes up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-main{flex:1;padding:24px 0 48px}.app-shell .wrap{padding-inline:16px}@media (width>=641px){.app-shell .wrap{padding-inline:22px}}.app-card{background:var(--card);border:1.5px solid var(--sage-line);border-radius:26px;width:100%;max-width:520px;margin:0 auto;padding:24px;box-shadow:0 18px 40px -18px #17402f1f}.app-card.wide{max-width:640px}.screen-title{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:8px;font-size:clamp(24px,4vw,32px);font-weight:600}.screen-lede{color:var(--color-lede);margin-bottom:24px;font-size:16px}.btn-primary{font-family:var(--font-sans);background:var(--berry);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:14px 22px;font-size:15px;font-weight:600}.btn-primary:hover{background:#a93a59}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{font-family:var(--font-sans);background:var(--card);color:var(--spinach);border:1.5px solid var(--sage-line);cursor:pointer;border-radius:999px;width:100%;padding:14px 22px;font-size:15px;font-weight:600}.btn-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.halal-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--berry-soft);color:var(--berry);border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:500}.halal-badge.certified{color:var(--spinach);background:#e8f5ee}.spot-row{border:1.5px solid var(--sage-line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;padding:14px 16px;display:flex}.spot-card{border:1.5px solid var(--sage-line);background:var(--card);border-radius:16px;margin-bottom:10px;padding:14px 16px}.spot-card-header{align-items:flex-start;gap:12px;display:flex}.spot-card-main{flex:1;min-width:0}.spot-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.spot-photo{object-fit:cover;border:1.5px solid var(--sage-line);background:var(--mist);border-radius:12px;flex-shrink:0;width:56px;height:56px}.spot-photo-fallback{font-family:var(--font-display);color:var(--spinach-soft);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.spot-card.spot-muted{opacity:.55}.spot-address{color:var(--color-lede);font-size:13px;line-height:1.4}.spot-pick{border-top:1.5px solid var(--sage-line);gap:4px;margin-top:12px;padding-top:12px;display:grid}.spot-other .spot-other-note{margin-top:8px}.spot-pick-miss{opacity:.9}.spot-pick-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--spinach);font-size:10.5px;font-weight:600}.spot-pick-miss .spot-pick-label{color:var(--berry)}.spot-pick-name{font-size:14.5px;font-weight:600;line-height:1.35}.spot-pick-stats{font-family:var(--font-mono);color:var(--spinach-soft);font-size:12.5px}.spot-pick-why{color:var(--muted);font-size:12.5px;line-height:1.35}.spot-row:hover{border-color:var(--spinach-soft)}.spot-row.spot-muted{opacity:.55}.filter-banner{color:var(--color-lede);background:var(--berry-soft);border:1.5px solid var(--berry);border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:14px;line-height:1.45}.coverage-note{color:var(--muted);margin:-6px 0 16px;font-size:13px;line-height:1.45}.spot-tabs{gap:8px;margin-bottom:14px;display:flex}.spot-tab{font-family:var(--font-sans);color:var(--spinach-soft);background:var(--card);border:1.5px solid var(--sage-line);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.spot-tab.on{background:var(--spinach);border-color:var(--spinach);color:#fff}.spot-tab-count{font-family:var(--font-mono);opacity:.85;font-size:12px;font-weight:500}.spot-other-note{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.sort-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sort-bar .settings-label{margin-bottom:0}.sort-select{font-family:var(--font-sans);color:var(--spinach);background:var(--card);border:1.5px solid var(--sage-line);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2317452f' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:999px;min-width:160px;padding:8px 32px 8px 14px;font-size:14px;font-weight:600}.sort-select:focus{outline:2px solid var(--spinach-soft);outline-offset:2px}.spot-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.spot-photo-link{flex-shrink:0;text-decoration:none;display:block}.spot-photo-link:hover .spot-photo,.spot-photo-link:focus-visible .spot-photo{border-color:var(--spinach-soft)}.spot-map-link{color:inherit;text-decoration:none}.spot-map-link:hover,.spot-map-link:focus-visible{text-decoration:underline}.spot-map-directions{color:var(--color-lede)}.spot-map-directions:hover,.spot-map-directions:focus-visible{color:var(--spinach-soft)}.spot-name{font-size:15px;font-weight:600}.spot-dist{font-family:var(--font-mono);color:var(--muted);font-size:12px}.spot-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.btn-small{font-family:var(--font-sans);background:var(--spinach);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.btn-small:hover{background:var(--spinach-soft)}.zip-fallback{border-top:1.5px solid var(--sage-line);margin-top:16px;padding-top:16px}.zip-fallback input{width:100%;font-family:var(--font-sans);border:1.5px solid var(--sage-line);background:var(--card);border-radius:999px;margin-bottom:10px;padding:12px 16px;font-size:15px}.error-note{color:#a93a59;margin-top:10px;font-size:14px}.empty-state{text-align:center;color:var(--muted);padding:24px 12px}.settings-editor{margin-bottom:20px}.settings-group{margin-bottom:14px}.optional-filters-label,.settings-editor>.settings-slider:first-of-type,.settings-editor .goals+.settings-slider{margin-top:14px}.optional-filters{margin-bottom:4px}.settings-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.settings-hint{color:var(--color-lede);font-size:13px;line-height:1.45}.settings-slider{margin-top:4px}.settings-slider+.settings-slider{margin-top:16px}.settings-slider-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.settings-slider-header .settings-label{margin-bottom:0}.settings-slider-value{font-family:var(--font-mono);color:var(--spinach);font-size:15px;font-weight:600}.settings-slider-range{width:100%;height:28px;accent-color:var(--spinach);cursor:pointer;margin:0;display:block}.settings-slider-range::-webkit-slider-thumb{cursor:pointer}.settings-slider-range::-moz-range-thumb{cursor:pointer}.settings-slider-ticks{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.custom-input{align-items:center;gap:8px;margin-top:8px;display:flex}.custom-input input{font-family:var(--font-mono);border:1.5px solid var(--sage-line);border-radius:999px;flex:1;max-width:120px;padding:8px 12px;font-size:14px}.goals button.chip.rule{background:var(--card);color:var(--spinach);cursor:pointer;font-weight:500}.goals button.chip.rule.on,.chip.rule.on{background:var(--berry-soft);border-color:var(--berry);color:var(--berry);font-weight:600}button.chip,button.chip.rule,a.btn-small,.btn-primary,.btn-secondary,.btn-small,.nav-cta,.tab{cursor:pointer}a.btn-small{text-decoration:none;display:inline-block}button.chip.clickable:hover,button.chip.rule.clickable:hover{border-color:var(--spinach-soft);background:var(--mist)}.goals button.chip.rule.clickable:hover:not(.on){background:var(--mist);border-color:var(--spinach-soft);color:var(--spinach)}.coming-soon-banner{background:var(--mist);border:1.5px dashed var(--sage-line);text-align:center;color:var(--muted);border-radius:14px;margin-bottom:16px;padding:16px;font-size:14px}.feedback-link{text-align:center;margin-top:16px;font-size:13px}.feedback-link a{color:var(--berry);font-weight:600;text-decoration:none}.feedback-link a:hover{text-decoration:underline}