/* Preview design tokens. Deployment agent MUST map these to existing www.zumango.com tokens. */
:root{--bg:#f7f8f6;--ink:#172323;--ink2:#425352;--muted:#6c7c79;--line:#dfe6e2;--soft:#eef3ef;--card:#fff;--accent:#167f61;--accentDark:#105d49;--accentBg:#dff3e9;--sand:#f8f0e5;--radius:18px;--shadow:0 15px 52px rgba(10,30,25,.055);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{max-width:1170px;padding:0 28px;margin:0 auto}.site-nav{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-inner{min-height:78px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:inline-flex;align-items:center;flex-direction:column;justify-content:center;min-width:132px;line-height:1}.brand-main{font-weight:860;font-size:27px;letter-spacing:-1.8px}.brand-sub{font-size:9px;font-weight:800;letter-spacing:4.5px;padding-left:4px;margin-top:5px;color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.nav-actions .nav-plain{color:var(--ink2)}.button{border:1px solid transparent;padding:12px 18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:12px;background:var(--ink);color:white;font-size:14px;font-weight:750;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#2a4541;transform:translateY(-1px)}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button.accent{background:var(--accent)}.button.accent:hover{background:var(--accentDark)}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.button.full{width:100%}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.2px;font-weight:800;color:var(--accent);margin-bottom:18px}.hero{background:linear-gradient(110deg,#f2f6f2 0,#e9f2ec 72%,#f1f5f1 100%);position:relative;overflow:hidden;border-bottom:1px solid #e2ebe4}.hero:before{content:'';position:absolute;right:-9%;top:-150px;width:530px;height:530px;border:1px solid rgba(22,127,97,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(22,127,97,.025),0 0 0 120px rgba(22,127,97,.019)}.hero-inner{position:relative;padding:88px 0 91px}.hero h1{font-size:clamp(46px,5vw,73px);line-height:1.06;letter-spacing:-3.4px;max-width:760px;margin:0 0 19px;font-weight:840}.hero p{font-size:19px;max-width:625px;color:var(--ink2);margin:0 0 31px}.hero-sentence{background:linear-gradient(120deg,var(--ink),var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent}.search-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;padding:12px;display:flex;align-items:end;gap:12px;max-width:970px}.field{flex:1;min-width:0}.field.big{flex:1.3}.field label{font-size:11px;font-weight:800;letter-spacing:.65px;display:block;padding:0 11px 7px;color:var(--ink2);text-transform:uppercase}.field input,.field select{border:0;width:100%;font-size:14px;outline:0;padding:10px 11px 12px;background:transparent;color:var(--ink);min-height:40px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23657770' stroke-width='2'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:25px}.field+.field{border-left:1px solid var(--line);padding-left:11px}.search-card .button{height:58px;border-radius:11px;padding:0 29px}.under-search{font-size:12px;color:var(--muted);margin-top:16px}.under-search strong{color:var(--ink2)}.section{padding:75px 0}.section-head{display:flex;gap:16px;align-items:end;justify-content:space-between;margin:0 0 26px}.section h2{font-size:34px;line-height:1.13;letter-spacing:-1.2px;margin:0}.section-desc{color:var(--muted);margin:8px 0 0}.text-link{font-size:14px;font-weight:750;color:var(--accent)}.text-link:hover{text-decoration:underline}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-tile{display:flex;align-items:center;justify-content:space-between;padding:23px 20px;border:1px solid var(--line);background:#fff;border-radius:15px;transition:transform .15s,border-color .15s}.category-tile:hover{transform:translateY(-2px);border-color:#acc9b9}.category-tile b{display:block;font-size:15px}.category-tile small{color:var(--muted)}.tile-arrow{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:700}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.city-link{border:1px solid var(--line);border-radius:13px;padding:15px 16px;background:#fff;font-size:14px;display:flex;justify-content:space-between;gap:8px;font-weight:650}.city-link span+span{color:var(--muted);font-size:12px;font-weight:500}.city-link:hover{border-color:#a8c6b5}.section-tonal{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.agency-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:22px;box-shadow:0 4px 20px rgba(10,32,27,.018);display:flex;flex-direction:column;min-height:282px}.agency-card:hover{border-color:#b7cebe}.agency-card .logo-placeholder{width:66px;height:65px;flex-shrink:0}.agency-card .top{display:flex;gap:14px;align-items:center;margin-bottom:12px}.agency-card h3{margin:0 0 5px;font-size:17px;line-height:1.25;letter-spacing:-.35px}.mini{font-size:12px;color:var(--muted)}.logo-placeholder{background:#f0f3f1;border:1px solid #e4e9e6;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-align:center;padding:8px;font-size:10px;font-weight:600;color:#8a9993}.logo-placeholder img{max-width:100%;max-height:100%;object-fit:contain}.agency-card p{color:var(--ink2);font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 18px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;border:1px solid #dce8e1;border-radius:30px;padding:5px 9px;background:#f3f8f4;color:#426953;font-size:11px;font-weight:670;white-space:nowrap}.agency-card .card-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center}.promo{background:#172b25;color:#fff;border-radius:24px;padding:45px 50px;display:flex;align-items:center;justify-content:space-between;gap:45px}.promo h2{margin:0 0 9px;font-size:31px;letter-spacing:-1px}.promo p{margin:0;color:#d4e7dd;max-width:570px;font-size:15px}.promo .button{background:#fff;color:#1a312a}.site-footer{background:#fff;border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-inner a{text-decoration:underline;text-underline-offset:3px}.crumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding:30px 0 18px;flex-wrap:wrap}.crumb a:hover{text-decoration:underline}.page-head{padding:5px 0 31px}.page-head h1{font-size:clamp(32px,3.6vw,49px);line-height:1.13;letter-spacing:-1.6px;margin:0 0 10px}.page-head p{max-width:740px;color:var(--ink2);margin:0}.result-layout{display:grid;grid-template-columns:250px 1fr;gap:25px;align-items:start;padding-bottom:86px}.sidebar{border:1px solid var(--line);border-radius:15px;background:#fff;padding:23px;position:sticky;top:99px}.sidebar h3{margin:0 0 20px;font-size:17px}.sidebar label{font-size:12px;font-weight:750;display:block;margin:0 0 8px}.sidebar select,.sidebar input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 12px;background:#fff;color:var(--ink);margin-bottom:19px;outline:0;font-size:13px}.sidebar select:focus,.sidebar input:focus{border-color:var(--accent)}.results-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.results-top h2{margin:0;font-size:20px}.results-top p{margin:0;color:var(--muted);font-size:12px}.results-list{display:flex;flex-direction:column;gap:13px}.result-card{padding:21px 23px;display:flex;gap:19px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:16px}.result-card:hover{border-color:#b7cbbd}.result-card .logo-placeholder{height:88px;width:108px}.result-main{flex:1;min-width:0}.result-title{margin:0;font-size:21px;letter-spacing:-.55px}.result-meta{color:var(--muted);font-size:12px;margin:5px 0 11px}.result-main p{color:var(--ink2);font-size:13px;line-height:1.65;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-actions{display:flex;flex-direction:column;align-items:end;justify-content:space-between;gap:17px;align-self:stretch;min-width:125px}.result-actions .button{padding:10px 13px}.list-pager{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.list-pager button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 15px}.list-pager button:disabled{opacity:.4;cursor:default}.sponsored-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.sponsored-tag{background:#fdf5de;border:1px solid #ead8ad;border-radius:6px;color:#866b2d;padding:3px 7px;font-size:10px;letter-spacing:.5px;font-weight:850;text-transform:uppercase}.draft-banner{background:#fff6db;color:#725a24;border:1px solid #eedb9e;padding:10px 15px;border-radius:10px;font-size:12px;margin-bottom:20px}.empty{padding:55px 28px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:16px}.empty p{color:var(--muted)}.profile-header{display:grid;grid-template-columns:155px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);padding:30px;border-radius:21px}.profile-header .logo-placeholder{height:142px;width:142px;border-radius:17px}.profile-header h1{font-size:clamp(33px,3.5vw,49px);margin:0 0 8px;line-height:1.13;letter-spacing:-1.9px}.profile-header .loc{font-size:14px;color:var(--muted);margin-bottom:14px}.profile-header .chip-row{margin-bottom:17px}.profile-content{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:28px;padding:31px 0 80px}.content-panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:32px;margin-bottom:17px}.content-panel h2{font-size:23px;letter-spacing:-.8px;margin:0 0 15px}.content-panel p{color:var(--ink2);margin:0;font-size:15px;line-height:1.85}.content-panel p+p{margin-top:12px}.content-panel .tiny-source{font-size:11px;color:var(--muted);margin-top:14px}.content-panel .tiny-source a{text-decoration:underline}.side-panel{border:1px solid var(--line);border-radius:17px;background:#fff;padding:23px;margin-bottom:16px}.side-panel h3{margin:0 0 15px;font-size:18px}.side-panel dl{margin:0}.side-panel dt{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-top:17px}.side-panel dt:first-child{margin-top:0}.side-panel dd{margin:5px 0 0;font-size:13px;overflow-wrap:anywhere}.side-panel.promo-small{background:#e5f2e9}.side-panel.promo-small p{color:var(--ink2);font-size:13px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-card{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:14px}.related-card:hover{border-color:var(--accent)}.quiet{color:var(--muted);font-size:12px}.review-note{font-size:12px;padding:10px 13px;color:#725a24;border-radius:10px;background:#fff6db}.top-cta{display:flex;flex-wrap:wrap;gap:9px}.icon-arrow{font-size:17px;line-height:1}.mobile-filter-bar{display:none}
@media(max-width:1000px){.tile-grid,.city-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.result-card{flex-wrap:wrap}.result-actions{flex-direction:row;align-self:auto;width:100%;justify-content:flex-end}.profile-content{grid-template-columns:1fr 280px}.search-card{flex-wrap:wrap}.field.big{flex-basis:100%}.field+.field{border-left:0;padding-left:0}.search-card .button{min-width:155px}.section{padding:58px 0}}
@media(max-width:720px){.container{padding:0 18px}.nav-inner{min-height:69px}.nav-actions{gap:9px}.nav-actions .nav-plain{display:none}.brand-main{font-size:25px}.button{padding:10px 13px}.hero-inner{padding:56px 0 63px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero p{font-size:16px}.search-card{display:block}.field,.field.big{padding:8px 2px;border-bottom:1px solid var(--line)}.field label{padding-bottom:0}.field input,.field select{padding:7px 11px 9px}.search-card .button{margin-top:9px;width:100%;height:48px}.tile-grid,.city-grid,.cards-grid{grid-template-columns:1fr 1fr}.category-tile{padding:15px 13px}.category-tile b{font-size:13px}.section h2{font-size:28px}.section-head{align-items:start;flex-direction:column}.promo{padding:27px;display:block}.promo h2{font-size:27px}.promo .button{margin-top:20px}.result-layout,.profile-content{grid-template-columns:1fr}.sidebar{position:static}.results-top{margin-top:4px}.profile-header{grid-template-columns:1fr;gap:15px;padding:21px}.profile-header .logo-placeholder{height:100px;width:130px}.profile-header h1{font-size:37px}.content-panel{padding:24px}.result-card{gap:12px;padding:16px}.result-card .logo-placeholder{height:72px;width:78px}.result-title{font-size:18px}.result-actions{justify-content:space-between}.related-grid{grid-template-columns:1fr}.crumb{padding-top:18px}}
@media(max-width:430px){.tile-grid,.city-grid,.cards-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.nav-actions .button{font-size:12px;padding:9px 10px}.result-card .logo-placeholder{width:70px;height:62px}.result-main{min-width:150px}.profile-header h1{font-size:34px}}

/* Specific conversion path for agency owners discovering their own listing. */
.owner-note{border-color:#b9d6c8;background:#f3faf6}.owner-note p{color:var(--ink2);font-size:13px}.owner-note .button{font-size:13px}.nav-actions{gap:18px}

.site-original-logo{display:block;width:168px;height:52px;object-fit:contain;max-width:100%}
.hero-inner{padding-left:28px;padding-right:28px}
@media(max-width:720px){.hero-inner{padding-left:18px;padding-right:18px}}
.brand{padding:9px 0;flex-shrink:0}.brand-sub{font-size:10px;letter-spacing:4px;margin-top:2px}
.nav-actions{font-size:13px;gap:20px;flex-wrap:wrap}.nav-actions a:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #167f61;outline-offset:4px}
.agency-card,.agency-title,.results,.sidebar,.field,.profile-header>div,.profile-content>*,.category-tile>span{min-width:0}
.agency-card{display:flex;flex-direction:column}.agency-card .top{min-height:84px}.agency-card h3{font-size:20px;margin:0 0 8px}.agency-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.agency-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:6.2em}.agency-card .card-bottom{margin-top:auto}.agency-title .mini{overflow-wrap:anywhere}.chip{max-width:100%;overflow-wrap:anywhere}
.profile-header{grid-template-columns:minmax(0,1fr)}.profile-header h1,.page-head h1,h2,h3,.content-panel p,.side-panel a,.category-tile b{overflow-wrap:anywhere}.profile-header h1{letter-spacing:-1px}
.sidebar .search-card{display:block;padding:0;box-shadow:none;border:0}.sidebar .search-card .field{padding:0;border:0}.sidebar .search-card .field label{padding:0}.sidebar .search-card input,.sidebar .search-card select{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px;width:100%}.sidebar .search-card .button{width:100%;height:auto}
.field input,.field select{width:100%;min-width:0;max-width:100%}.results>.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid,.tile-grid,.city-grid{min-width:0}.category-tile b{display:block}
.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0;flex-wrap:wrap}.pagination button,.consent-banner button{background:#fff;border:1px solid var(--line);padding:9px 16px;border-radius:9px;color:var(--accentDark)}.pagination button:disabled{opacity:.45;cursor:default}
[hidden]{display:none!important}.directory-guidance{margin-top:28px}.empty{grid-column:1/-1}.footer-inner{flex-wrap:wrap;gap:16px}.consent-settings{border:0;background:none;color:var(--accentDark);text-decoration:underline;padding:0;font-size:12px}
.consent-banner{position:fixed;bottom:16px;right:16px;z-index:40;width:min(420px,calc(100% - 32px));padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.consent-banner p{margin:0 0 12px;font-size:13px}.consent-banner button{margin-right:8px;margin-bottom:6px}.draft-banner{margin:12px}
@media(max-width:720px){.results>.cards-grid{grid-template-columns:1fr}.nav-inner{gap:12px}.nav-actions{gap:8px;flex-direction:column;align-items:flex-end;font-size:12px}.profile-header h1{font-size:32px}.page-head h1{font-size:32px}.site-original-logo{width:152px;height:48px}.brand{min-width:0}.agency-card .top{min-height:0}.profile-content{gap:16px}.result-layout{gap:20px}.content-panel{padding:22px}}
