:root{--green:#173e36;--muted:#66756e;--cream:#f7f8f2;--line:#dfe5dc;--orange:#e6a668;--white:#fff;--sage:#dfebdf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--green);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}p{line-height:1.65;color:var(--muted)}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.12;letter-spacing:-.055em}h2{font-size:1.7rem;letter-spacing:-.04em}h3{font-size:1.18rem;letter-spacing:-.02em}small,.helper{font-size:.82rem;color:var(--muted);line-height:1.6}small{display:block}label{font-size:.85rem;font-weight:600;display:flex;flex-direction:column;gap:8px}input,select,textarea{border:1px solid #cad5c9;background:white;border-radius:10px;padding:12px;min-width:0;color:var(--green);width:100%}textarea{min-height:82px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #df9c58;outline-offset:3px}.topbar{max-width:1180px;margin:auto;padding:25px 30px;display:flex;align-items:center;gap:24px}.brand{text-decoration:none;font-size:2rem;font-weight:800;letter-spacing:-.07em;display:flex;align-items:center}.brand-icon{background:var(--green);color:var(--cream);width:38px;height:38px;display:grid;place-items:center;border-radius:12px;margin-right:10px;font-size:1.6rem}.brand-dot{color:#b96d2d}.pilot-tag{font-size:.8rem;color:var(--muted);flex:1}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:10px;padding:12px 18px;font-size:.88rem;font-weight:600;text-decoration:none;min-height:44px}.primary{background:var(--green);color:white}.primary:hover{background:#285c4d}.subtle{background:#e8eee4;color:var(--green)}.demo-notice{background:#fff0d8;padding:10px 24px;text-align:center;font-size:.8rem;color:#73502a}.tabs{max-width:1180px;margin:auto;display:flex;gap:28px;padding:0 30px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs a{padding:20px 0;text-decoration:none;white-space:nowrap;font-size:.88rem;color:var(--muted);border-bottom:3px solid transparent}.tabs a[aria-current]{color:var(--green);border-color:var(--green);font-weight:700}main{max-width:1180px;margin:auto;padding:36px 30px 70px;min-height:70vh}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:25px 0 45px}.eyebrow{display:block;font-size:.69rem;letter-spacing:.16em;font-weight:750;margin-bottom:18px;color:#536956}.hero h1{margin-bottom:22px}.hero h1 em{font-style:normal;color:#718b64}.hero p{max-width:460px;font-size:1.05rem}.hero-pills,.chips{display:flex;flex-wrap:wrap;gap:8px}.hero-pills span{font-size:.75rem;padding:8px 12px;border:1px solid var(--line);border-radius:30px}.hero-art{background:#e5eddb;min-height:275px;border-radius:90px 25px 90px 25px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.art-ring{position:absolute;width:230px;height:230px;border:1px solid #bbcbb2;border-radius:50%;top:20px;left:30px}.art-paw{font-size:5.8rem;position:relative;transform:rotate(-15deg)}.art-label{font-size:.8rem;background:white;padding:12px 20px;border-radius:30px;position:relative}.art-spark{position:absolute;right:40px;top:25px;font-size:3rem;color:#a06b37}.search-panel{background:white;padding:24px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;box-shadow:0 8px 25px #173e3605}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:35px 0 20px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2,.section-heading h3{margin:0}.section-heading>span{color:var(--muted);font-size:.8rem}.professional-grid,.pet-grid,.strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.professional-card,.pet-card,.request-card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.professional-card{display:flex;flex-direction:column;align-items:flex-start}.profile-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:22px}.avatar{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;font-size:1.5rem;font-weight:700}.sage{background:var(--sage)}.peach{background:#f3e2cb}.badge{border-radius:30px;background:#f0f2eb;color:#627356;padding:6px 10px;font-size:.7rem;font-weight:650}.profile-title{margin-top:-6px;font-size:.9rem}.professional-card p{font-size:.9rem}.chips span{font-size:.73rem;padding:6px 10px;background:#f1f5ec;border-radius:6px}.location{margin-top:22px}.professional-card small{margin-bottom:20px}.professional-card .button{margin-top:auto;width:100%;justify-content:space-between}.page-heading{max-width:750px;padding:20px 0}.page-heading h1{font-size:clamp(2rem,4vw,3rem)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats div{background:#e5eddf;border-radius:15px;padding:24px}.stats strong{display:block;font-size:2.3rem;margin-bottom:6px}.stats span{font-size:.85rem;color:var(--muted)}.request-list{display:grid;gap:18px}.request-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:.8rem}.pending{background:#fff0d8;color:#855e27}.confirmed{background:#e2eddc;color:#3b6939}.completed{background:#e8edf1;color:#516478}.request-card p{margin-bottom:9px}.behavior{border-left:3px solid #d0ae73;background:#faf7ef;padding:10px 14px;font-size:.85rem;margin:16px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.price-line{margin-top:18px}.price-line strong{display:block;color:var(--green);margin-top:6px}.text-link{font-size:.86rem;font-weight:650;text-underline-offset:4px}.empty{background:white;border:1px dashed #bac9b5;border-radius:18px;padding:48px 24px;text-align:center;grid-column:1/-1}.empty>span{font-size:2rem;color:#8ca075;display:block;margin-bottom:15px}.empty p{margin-bottom:0}.record{border-top:1px solid var(--line);padding:18px 0}.record>span{font-size:.75rem;color:var(--muted)}.record p{white-space:pre-wrap;margin-top:8px}.next-date{font-size:.8rem;color:#395d3d;background:#e9f1e3;padding:9px;border-radius:6px}.pet-card>.button{margin-top:20px}details{margin-top:15px}summary{cursor:pointer;font-size:.85rem}details textarea{margin-top:12px}footer{max-width:1180px;margin:auto;padding:25px 30px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;display:flex;justify-content:space-between;gap:20px}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;width:min(620px,calc(100% - 30px));max-height:90vh;overflow:auto;color:var(--green)}dialog::backdrop{background:#102d2870;backdrop-filter:blur(3px)}.dialog-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-title h2{font-size:1.6rem}.dialog-title .eyebrow{margin-bottom:8px}.icon-button{border:0;background:#edf1e8;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:1.5rem;color:var(--green)}form>label,form>.form-grid{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}form>.primary{width:100%}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:15px 22px;border-radius:12px;width:max-content;max-width:calc(100% - 30px);font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.visible{opacity:1}
@media(max-width:720px){.topbar{padding:18px 20px;flex-wrap:wrap;gap:12px}.brand{font-size:1.7rem}.pilot-tag{display:none}.topbar .button{margin-left:auto;font-size:.72rem;padding:9px 11px}.tabs{padding:0 20px;gap:22px}.tabs a{font-size:.8rem}main{padding:22px 20px 50px}.hero{grid-template-columns:1fr;padding:15px 0 25px;gap:22px}.hero-art{min-height:170px;border-radius:45px 15px}.art-paw{font-size:3.5rem}.art-ring{height:180px;width:180px;top:-10px;left:calc(50% - 90px)}.art-label{font-size:.73rem;padding:8px 15px}.hero p{font-size:.95rem}.search-panel{grid-template-columns:1fr;padding:18px;gap:15px}.professional-grid,.pet-grid,.strategy-grid{grid-template-columns:1fr}.professional-card,.pet-card,.request-card{padding:22px}.stats{gap:8px}.stats div{padding:15px 10px}.stats strong{font-size:1.7rem}.stats span{font-size:.7rem}.section-heading{align-items:flex-start}.section-heading>span{max-width:105px;text-align:right}.request-top{align-items:flex-start}.form-grid{grid-template-columns:1fr}footer{flex-direction:column;padding:20px}.demo-notice{font-size:.73rem}dialog{padding:22px}}
