:root{--ink:#153c3a;--cream:#fff8ed;--lime:#f7c948;--orange:#f25d43;--blue:#a8d9d0;--muted:#657572;--coral:#ff8058}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #e1e2d9;background:rgba(255,248,237,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center}.brand img{width:160px;height:auto;display:block}.brand-mark{display:grid;place-items:center;background:var(--lime);width:32px;height:32px;border-radius:50%;font-size:21px}.nav{display:flex;gap:34px;font-size:13px;color:#4f5b53}.nav a:hover,.footer-links a:hover{color:#f25d43}.nav-cta{font-size:12px;font-weight:700;background:var(--ink);color:#fff;padding:13px 18px;border-radius:24px}.nav-cta span{color:var(--lime);font-size:16px;margin-left:8px}.menu-btn{display:none;border:0;background:none;font-size:24px}.hero{min-height:530px;padding:72px 9vw 56px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-copy{max-width:520px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#d4543f;margin:0 0 19px}.pulse{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1,h2{font-family:Syne,sans-serif;letter-spacing:-2.5px;font-size:clamp(50px,6vw,80px);line-height:.95;margin:0}.hero h1 em,h2 span{font-style:normal;color:#f25d43}.hero-text{color:var(--muted);font-size:15px;line-height:1.7;max-width:380px;margin:25px 0 6px}.slogan{color:var(--orange);font-family:Syne,sans-serif;font-weight:700;font-size:14px;margin:0 0 24px}.hero-actions{display:flex;align-items:center;gap:22px}.btn{display:inline-flex;align-items:center;gap:22px;border-radius:30px;padding:15px 21px;font-size:13px;font-weight:700}.btn-primary{background:var(--ink);color:#fff}.btn-primary span,.btn-light span{font-size:19px;color:var(--lime)}.text-link{font-size:12px;color:var(--muted)}.text-link u{color:var(--ink);font-weight:700}.hero-art{height:360px;width:470px;position:relative}.sun{position:absolute;width:245px;height:245px;background:var(--lime);border-radius:50%;top:10px;left:105px}.blob{position:absolute;background:#bde8dd;border-radius:50% 50% 0 0;width:400px;height:105px;bottom:24px;left:40px}.blob-two{background:#9acde0;width:480px;height:70px;bottom:0;left:-5px;border-radius:50% 50% 15% 15%}.shop{position:absolute;width:115px;height:150px;background:#f5eee1;bottom:53px;box-shadow:4px 7px 0 rgba(23,37,30,.12);text-align:center}.shop-left{left:28px;transform:rotate(-5deg)}.shop-center{left:175px;bottom:66px;width:130px;z-index:2}.shop-right{right:15px;transform:rotate(4deg)}.awning{height:30px;border-bottom:7px solid rgba(0,0,0,.12);background:repeating-linear-gradient(90deg,var(--orange) 0 18px,#fff 18px 36px)}.awning.blue{background:repeating-linear-gradient(90deg,#32708d 0 19px,#d5edf0 19px 38px)}.awning.yellow{background:repeating-linear-gradient(90deg,#f5b93b 0 19px,#fff5ce 19px 38px)}.shop-sign{font-size:8px;font-weight:700;margin:16px 4px 4px}.shop-window{font-size:38px;color:var(--orange);background:#bbdfdf;margin:0 18px;padding:9px 0}.shop-center .shop-window{color:#fff;background:#e59361}.plant{position:absolute;z-index:3;font-size:40px;bottom:15px}.plant-a{left:10px}.plant-b{right:-3px}.sparkle{position:absolute;top:42px;right:23px;color:var(--orange);font-size:30px}.search-wrap{padding:0 9vw}.search-card{background:#fff;border-radius:12px;box-shadow:0 9px 30px #223c2610;padding:22px 27px;display:flex;align-items:center;gap:30px;position:relative;z-index:3}.search-title{display:flex;gap:13px;align-items:center;min-width:235px}.search-title>span{font-size:30px}.search-title strong,.search-title small{display:block}.search-title strong{font-size:14px}.search-title small{font-size:11px;color:var(--muted);margin-top:3px}.search-input{display:flex;flex:1;border:1px solid #e2e6dd;border-radius:28px;padding:4px 5px 4px 17px}.search-input input{border:0;outline:0;flex:1;font:inherit;font-size:13px;background:none}.search-input button{border:0;border-radius:22px;background:var(--lime);font-weight:700;padding:11px 19px;cursor:pointer}.search-input button span{margin-left:12px}.section{padding:100px 9vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2{font-size:44px}.outline-link{border-bottom:1px solid var(--ink);padding:0 0 8px;font-size:12px;font-weight:700}.outline-link span{margin-left:22px;color:#84a31b;font-size:18px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{background:#fff;padding:20px;border-radius:9px;min-height:130px;transition:.2s}.category:hover{transform:translateY(-4px);box-shadow:0 10px 20px #223c2614}.category .cat-icon{font-size:28px}.category strong{display:block;font-size:14px;margin-top:13px}.category small{color:var(--muted);font-size:11px}.directory{background:#eaf2ed;padding-top:85px}.filter-row{display:flex;gap:8px}.filter{background:transparent;border:1px solid #ccd3c8;border-radius:20px;padding:9px 15px;font:inherit;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.business{background:#fffdf8;border-radius:10px;overflow:hidden}.business-img{height:145px;display:grid;place-items:center;font-size:52px;position:relative}.business-img.food{background:#ffdbb3}.business-img.health{background:#c8e5e2}.business-img.service{background:#d9dcf6}.badge{position:absolute;top:12px;left:12px;background:var(--lime);border-radius:12px;padding:5px 9px;font-size:9px;font-weight:700}.business-info{padding:18px}.business-info h3{margin:0 0 5px;font-family:Syne;font-size:19px}.business-info p{font-size:11px;color:var(--muted);margin:0 0 15px}.business-foot{border-top:1px solid #edf0e9;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.business-foot a{font-weight:700;color:#799415}.empty{text-align:center;color:var(--muted)}.hidden{display:none}.owner-section{padding:70px 9vw}.owner-card{background:var(--ink);color:#fff;min-height:315px;border-radius:15px;padding:52px 6%;display:flex;justify-content:space-between;overflow:hidden;position:relative}.owner-card .eyebrow{color:var(--lime)}.owner-card h2{font-size:47px}.owner-card p:not(.eyebrow){color:#bac3b8;max-width:350px;line-height:1.5;font-size:14px}.btn-light{margin-top:17px;background:var(--lime);color:var(--ink)}.btn-light span{color:var(--ink)}.owner-visual{width:310px;position:relative}.phone{position:absolute;font-size:155px;color:#b6d9ce;opacity:.8;right:70px;bottom:-29px;transform:rotate(-15deg)}.arrow{position:absolute;color:var(--lime);font-size:100px;right:4px;top:20px;transform:rotate(-15deg)}.sticker{position:absolute;right:15px;bottom:35px;background:var(--orange);padding:14px;border-radius:50%;font-family:Syne;font-size:13px;text-align:center;transform:rotate(9deg)}footer{padding:42px 9vw 25px;border-top:1px solid #e2e4db;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer p{color:var(--muted);font-size:12px;margin-right:auto}.footer-brand{display:flex;align-items:center;gap:8px;font-size:14px}.footer-brand img{width:145px}.footer-links{display:flex;gap:20px;font-size:11px}.footer-links a{color:var(--muted)}footer small{width:100%;color:#9aa39a;font-size:10px}.admin-page{background:#f1f4ed}.admin-main{max-width:980px;margin:0 auto;padding:64px 5vw}.admin-heading{margin-bottom:34px}.admin-heading h1{font-family:Syne;font-size:48px;letter-spacing:-2px;margin:0 0 12px}.admin-heading>p:last-child{color:var(--muted);max-width:550px}.admin-form{background:#fff;border-radius:14px;box-shadow:0 10px 30px #153c3a12;overflow:hidden}.form-section{padding:32px;border-bottom:1px solid #e7ece5}.form-section h2{font-size:23px;letter-spacing:-1px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{font:inherit;font-size:13px;border:1px solid #dbe3da;border-radius:7px;padding:13px;outline-color:var(--orange);background:#fff}.form-grid textarea{resize:vertical}.form-grid .wide{grid-column:1/-1}.form-grid small{font-size:11px;color:var(--muted);font-weight:400}.map-placeholder{display:flex;gap:14px;align-items:center;background:#e4f1eb;border-radius:9px;padding:18px;margin-top:20px;color:var(--ink)}.map-placeholder>span{font-size:30px;color:var(--orange)}.map-placeholder strong,.map-placeholder small{display:block}.map-placeholder small{color:var(--muted);font-size:11px;margin-top:4px}.check{flex-direction:row!important;align-items:center}.check input{accent-color:var(--orange)}.form-actions{padding:24px 32px;display:flex;align-items:center;gap:20px}.form-actions p{font-size:12px;margin:0}.success{color:#387a50}.admin-page .brand img{width:160px}.form-status{max-width:1100px;margin:14px auto 0;padding:12px 5vw;color:#387a50;font-size:13px;font-weight:700}.breadcrumbs{max-width:1100px;margin:18px auto 0;padding:0 5vw;font-size:11px;color:var(--muted)}.breadcrumbs span{margin:0 8px;color:var(--orange)}.autocomplete{position:relative;flex:1;display:flex}.autocomplete input{width:100%}.suggestions{position:absolute;top:48px;left:0;right:0;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 8px 20px #153c3a22;z-index:10;overflow:hidden}.suggestion{padding:12px 16px;font-size:12px;cursor:pointer;border-bottom:1px solid #edf0e9}.suggestion:hover{background:#fff8ed}.mural{background:#fff8ed}.mural-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice-card{background:#f7c948;border-radius:14px;padding:30px;min-height:190px}.notice-card.mint{background:#a8d9d0}.notice-tag{font-size:10px;font-weight:700;letter-spacing:1px;color:#153c3a}.notice-card h3{font-family:Syne;font-size:24px;margin:15px 0 8px}.notice-card p{font-size:13px;line-height:1.5;max-width:400px}.notice-card a{font-size:12px;font-weight:700}.publish-section{padding:30px 9vw 90px;background:#eaf2ed}.publish-card{max-width:1100px;margin:auto;background:#fffdf8;border-radius:14px;padding:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.publish-card h2{font-size:42px}.publish-card>div>p:last-child{color:var(--muted);font-size:13px;line-height:1.5}.publish-form{display:grid;gap:13px}.publish-form label{font-size:11px;font-weight:700;display:grid;gap:6px}.publish-form input,.publish-form select,.publish-form textarea{font:inherit;border:1px solid #dbe3da;border-radius:7px;padding:11px;background:white}.publish-form textarea{resize:vertical}.form-note{color:var(--muted);font-size:10px;margin:0}.form-ok{color:#387a50;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#153c3a 0%,#1e5a55 52%,#a8d9d0 100%);position:relative}.login-orb{position:absolute;border-radius:50%;opacity:.45;filter:blur(1px)}.orb-a{width:420px;height:420px;background:#f7c948;top:-150px;right:-100px}.orb-b{width:280px;height:280px;background:#f25d43;bottom:-120px;left:-90px}.login-shell{width:min(900px,92vw);display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #082d2b80}.login-brand{padding:65px 48px;background:#f7c948;display:flex;flex-direction:column;justify-content:center}.login-brand img{width:210px}.login-brand p{font-family:Syne;font-size:25px;line-height:1.15;max-width:240px;margin-top:34px}.login-brand span{font-size:85px;color:#f25d43;margin-top:25px}.login-card{padding:58px 48px;background:#fffdf8}.login-card h1{font-family:Syne;font-size:42px;letter-spacing:-2px;margin:0}.login-subtitle{color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0 28px}.login-card form{display:grid;gap:5px}.login-button{width:100%;justify-content:space-between;margin-top:9px}.back-link{display:block;color:var(--muted);font-size:11px;text-align:center;margin-top:24px}.settings-main{max-width:1180px}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:25px}.settings-menu{display:flex;flex-direction:column;gap:7px}.settings-menu a{padding:13px 15px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:700}.settings-menu a.active,.settings-menu a:hover{background:#e4f1eb;color:var(--ink)}.settings-content{display:grid;gap:20px}.settings-card{background:#fffdf8;border-radius:14px;padding:28px;box-shadow:0 8px 25px #153c3a0b}.settings-card h2{font-size:24px;letter-spacing:-1px;margin:5px 0 10px}.card-title{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:9px;letter-spacing:1.5px;color:var(--orange);font-weight:700}.card-help{color:var(--muted);font-size:12px;line-height:1.5}.count-pill{background:#e4f1eb;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.category-create{display:grid;grid-template-columns:1fr 80px 42px;gap:8px;margin:20px 0}.category-create input,.maintenance-card select{border:1px solid #dbe3da;border-radius:7px;padding:11px;font:inherit;font-size:12px}.icon-btn{border:0;border-radius:7px;width:34px;height:34px;cursor:pointer;font-size:16px}.icon-btn.add{background:var(--ink);color:white}.category-list{border-top:1px solid #e7ece5}.category-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7ece5}.category-icon{font-size:21px;width:28px}.category-name{font-size:13px;flex:1}.icon-btn.edit{background:#fff0d2;color:#9b6c00}.icon-btn.delete{background:#ffe4df;color:#c54c3d}.maintenance-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.maintenance-card form{display:flex;gap:8px;align-items:center}.modal{display:none;position:fixed;inset:0;background:#153c3a99;z-index:20;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{background:#fffdf8;padding:30px;border-radius:14px;width:min(420px,100%);position:relative}.modal-box h2{font-size:28px}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;cursor:pointer}.admin-alert{background:#e4f1eb;color:#387a50;padding:13px 17px;border-radius:8px;font-size:12px;margin-bottom:20px}.admin-table-wrap{margin-top:28px;overflow:auto;background:#fffdf8;border-radius:12px}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #e7ece5}.admin-table th{font-size:10px;text-transform:uppercase;color:var(--muted)}.error-msg{color:#c53e35;font-size:12px}.field-label{display:grid;gap:7px;margin-bottom:16px;font-size:12px;font-weight:700}.field-label input{padding:12px;border:1px solid #dbe3da;border-radius:7px;font:inherit}@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-menu{flex-direction:row;overflow:auto}.settings-menu a{white-space:nowrap}.category-create{grid-template-columns:1fr 60px 42px}.maintenance-card{align-items:flex-start;flex-direction:column}.maintenance-card form{width:100%;flex-wrap:wrap}.login-shell{grid-template-columns:1fr}.login-brand{padding:35px 30px}.login-brand p{font-size:20px;margin-top:20px}.login-brand span{font-size:50px;margin-top:8px}.login-card{padding:35px 28px}.topbar{padding:0 5vw}.nav,.nav-cta{display:none}.menu-btn{display:block}.hero{padding:55px 7vw 30px;display:block}.hero-art{width:100%;height:280px;margin-top:28px;transform:scale(.82);transform-origin:left top}.hero h1{font-size:56px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.search-wrap{padding:0 5vw}.search-card{display:block;padding:18px}.search-title{margin-bottom:15px}.section{padding:70px 5vw}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.section h2{font-size:38px}.category-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:1fr}.filter-row{width:100%;overflow:auto}.owner-section{padding:45px 5vw}.owner-card{padding:38px 25px;display:block}.owner-visual{height:100px;width:100%}.phone{font-size:90px;right:30px;bottom:-38px}.arrow{font-size:60px;right:100px;top:0}.sticker{right:0;bottom:0}.footer-links{width:100%;order:3;flex-wrap:wrap}}
