:root{--ink:#132642;--muted:#63748a;--teal:#0e8179;--teald:#086b68;--mint:#e9f9f2;--coral:#ff7866;--cream:#fff8f0;--line:#e4eae9;--blue:#eff7ff;--shadow:0 12px 32px rgba(20,59,63,.07);--round:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfdfc;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%}.container{max-width:1220px;margin:0 auto;padding:0 26px}.topbar{height:76px;background:#fff;border-bottom:1px solid #edf1ef;position:sticky;top:0;z-index:30;box-shadow:0 2px 14px rgba(20,50,60,.035)}.nav-row{display:flex;height:100%;align-items:center;gap:28px}.logo{font-size:26px;font-weight:900;letter-spacing:-1.3px;white-space:nowrap}.logo span{font-size:26px;vertical-align:middle;margin-right:5px}.navlinks{display:flex;gap:21px;align-items:center;margin:auto}.navlinks a{font-size:13px;font-weight:750;color:#3b5264;border-bottom:3px solid transparent;padding:29px 0 25px;white-space:nowrap}.navlinks a.active,.navlinks a:hover{color:var(--teal);border-bottom-color:var(--teal)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:35px;padding:13px 22px;background:var(--teal);color:white;font-weight:800;font-size:14px;transition:transform .15s,background .15s;text-decoration:none}.btn:hover{transform:translateY(-1px);background:var(--teald)}.btn.coral{background:var(--coral)}.btn.coral:hover{background:#e76455}.btn.outline{background:white;color:var(--teald);border:1.5px solid #a8c5c5}.btn.outline:hover{background:var(--mint)}.btn.light{background:#e6f7f4;color:var(--teald)}.btn.small{padding:9px 15px;font-size:12px}.btn.block{width:100%}.textbutton{border:0;background:none;color:var(--teal);font-weight:800}.hamburger{display:none;background:white;border:1px solid var(--line);padding:8px 12px;border-radius:10px}.notice{font-size:12px;color:#855f22;background:#fff6e1;padding:9px 15px;border-radius:10px;border:1px solid #f4e2b8}.site-banner{background:#e9f9f3;color:#227166;text-align:center;font-size:12px;padding:8px 15px;border-bottom:1px solid #cfe9de}.site-banner strong{font-weight:850}.hero{background:linear-gradient(122deg,#fff9f1 0%,#fff 46%,#edf8f3 100%);overflow:hidden;border-bottom:1px solid #f0eeec}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:470px}.hero-copy{padding:66px 18px 70px 0;z-index:1}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:850;color:#326278;text-transform:uppercase}.hero h1{font-size:clamp(38px,4.5vw,61px);line-height:1.09;letter-spacing:-2.3px;margin:16px 0 18px}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{color:#405573;font-size:17px;max-width:510px;margin-bottom:26px}.hero-photo{height:440px;border-radius:45% 20px 20px 42%;background-image:linear-gradient(0deg,rgba(3,70,63,.08),transparent),url('assets/paws-hero.webp');background-position:center;background-size:cover;box-shadow:var(--shadow);margin:25px 0 25px 10px;position:relative}.photo-note{position:absolute;left:16px;bottom:23px;background:#fffef3e8;color:#14776f;font-size:15px;padding:9px 19px;border-radius:15px;transform:rotate(-4deg);font-weight:800;box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;background:#eaf9f3;border-radius:30px;padding:6px 11px;font-size:12px;color:#0c796f;font-weight:800}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.subline{margin-top:20px;color:#697f87;font-size:13px}.section{padding:67px 0}.section.soft{background:#fff9f5}.section-title{text-align:center;margin:0 0 7px;font-size:36px;line-height:1.2;letter-spacing:-.9px}.section-sub{text-align:center;color:var(--muted);margin:0 0 34px}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #e9eeeb;border-radius:var(--round);padding:23px;box-shadow:var(--shadow)}.feature-card{position:relative;min-height:215px;display:flex;flex-direction:column;align-items:flex-start}.feature-card:nth-child(1){background:#eaf9f2}.feature-card:nth-child(2){background:#fff1e8}.feature-card:nth-child(3){background:#edf6fe}.feature-card:nth-child(4){background:#e9f8f3}.iconbubble{border-radius:18px;background:#d3f3e9;color:#0c847a;width:51px;height:51px;display:grid;place-items:center;font-size:25px;margin-bottom:11px}.iconbubble.coral{background:#ffe1da;color:#fa7560}.iconbubble.blue{background:#e1f0ff;color:#2778b7}.iconbubble.purple{background:#f0e5fc;color:#8866b9}.card h3{font-size:18px;margin:0 0 9px}.card p{font-size:13px;color:var(--muted);margin:0 0 16px}.feature-card .textbutton{margin-top:auto;padding:0}.whyrow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.why{display:flex;gap:14px;align-items:flex-start}.why .iconbubble{flex:none}.why strong{display:block}.why span{font-size:13px;color:var(--muted)}.app-promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:linear-gradient(100deg,#edf7ff,#eefbf5);border-radius:25px;padding:37px 50px;min-height:230px}.app-promo h2{margin:0 0 8px;font-size:28px}.phone-preview{max-width:340px;margin:auto;background:#fff;border:8px solid #1b2c36;border-radius:29px;padding:17px 19px;transform:rotate(3deg);box-shadow:0 18px 25px rgba(0,0,0,.13)}.phone-preview .fakeitem{background:#eaf9f2;margin:8px 0;padding:11px;border-radius:11px}.footer{background:#fff;border-top:1px solid var(--line);padding:35px 0;color:#72818b;font-size:13px}.footinner{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.footinner a{color:#415875;margin-right:14px}.page-head{background:linear-gradient(120deg,#f2fbf6,#fff8f0);padding:48px 0 44px}.page-head h1{font-size:43px;letter-spacing:-1.4px;margin:9px 0 8px;line-height:1.15}.page-head p{max-width:740px;color:#4c647b;margin:0}.layout{display:grid;grid-template-columns:1fr 330px;gap:25px;align-items:start}.layout.wide{grid-template-columns:1fr 275px}.sidebar{position:sticky;top:100px}.white-panel{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.white-panel h2,.white-panel h3{margin-top:0}.headingrow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px;flex-wrap:wrap}.headingrow h2{margin:0;font-size:26px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px;align-items:center}.input,select,textarea{background:#fff;border:1px solid #cedbd9;border-radius:12px;color:var(--ink);padding:12px 14px;width:100%;outline-color:var(--teal)}.input:focus,select:focus,textarea:focus{border-color:var(--teal)}.toolbar .input{flex:1;min-width:185px}.toolbar select{max-width:185px}.gridcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.listing{padding:0;overflow:hidden}.listing-img{height:155px;background:linear-gradient(120deg,#e8f8f0,#fff3e7);display:flex;align-items:center;justify-content:center;font-size:79px}.listing-body{padding:19px}.listing-body small{color:#699188;font-weight:800;text-transform:uppercase;letter-spacing:1px}.listing-body h3{margin:8px 0 5px}.listing-body p{font-size:13px;min-height:42px}.price{color:var(--teal);font-weight:900;font-size:22px}.label{display:block;font-size:13px;font-weight:800;margin:14px 0 7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.formgrid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}.empty{padding:35px;background:#f3faf8;border:1px dashed #aed6cf;border-radius:18px;color:#4b7675;text-align:center}.empty .big{font-size:42px}.petgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.petprofile{text-align:center}.petavatar{font-size:60px;width:100px;height:100px;margin:0 auto 12px;border-radius:28px;background:#eef8f0;display:grid;place-items:center}.petprofile h3{margin:7px}.petprofile p{font-size:13px;color:var(--muted)}.pilltag{background:#eff7f5;border-radius:30px;color:#397771;padding:4px 9px;font-size:11px;font-weight:850;display:inline-block}.chatbox{min-height:420px;max-height:560px;overflow:auto;padding:18px;background:#f9fcfb;border-radius:17px;display:flex;flex-direction:column;gap:13px;margin-bottom:13px}.bubble{max-width:86%;background:#e5f8f1;padding:13px 17px;border-radius:17px 17px 17px 3px;white-space:pre-wrap;font-size:14px}.bubble.user{align-self:flex-end;background:#e8f2ff;border-radius:17px 17px 3px 17px}.chat-form{display:flex;gap:9px}.chat-form .input{min-width:0}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.suggest{border:1px solid #d7e5e4;padding:9px 12px;background:white;border-radius:25px;font-size:12px;color:#47736f}.tool-tab{padding:11px 16px;border:1px solid #cde5e1;border-radius:22px;background:white;color:#41666a;font-weight:750}.tool-tab.active{background:var(--teal);color:white}.tool-card{padding:26px}.tool-form{max-width:690px;margin:auto}.result{background:#eaf9f2;border-radius:14px;padding:18px;margin-top:20px;color:#115e60;font-weight:650}.result h3{margin:0 0 6px}.poster-preview{max-width:480px;margin:10px auto;text-align:center}.poster-preview canvas{width:100%;border:2px solid #dee7e4;border-radius:12px}.steps{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tag{color:#8a661c;background:#fff6df;border:1px solid #f7e6bb;border-radius:9px;font-size:11px;padding:5px 9px;font-weight:750}.toast{visibility:hidden;position:fixed;z-index:80;bottom:22px;right:22px;max-width:350px;border-radius:13px;background:#193e3e;color:white;padding:16px 22px;box-shadow:var(--shadow)}.toast.on{visibility:visible}.modal-backdrop{position:fixed;inset:0;background:#0b24327e;z-index:60;display:grid;place-items:center;padding:12px;overflow:auto}.modal{width:min(100%,530px);max-height:96vh;overflow:auto;padding:28px;background:white;border-radius:24px;box-shadow:0 20px 100px #001a2644}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead button{background:none;border:0;font-size:27px;color:var(--muted)}.modal h2{margin:0 0 4px}.authswitch{display:flex;gap:9px;margin:15px 0}.authswitch button{border:1px solid #cfe5e0;padding:8px 17px;background:white;border-radius:22px}.authswitch button.active{background:var(--teal);color:white}.bannerimg{height:140px;background-image:url('assets/paws-hero.webp');background-size:cover;background-position:center;border-radius:19px}.mini-note{font-size:12px;color:var(--muted)}.status{display:inline-block;color:#31796f;background:#e2f7ef;border-radius:12px;padding:6px 9px;font-size:11px;font-weight:850}.separator{height:1px;background:var(--line);margin:21px 0}.listitem{border-bottom:1px solid var(--line);padding:13px 0}.listitem:last-child{border:0}.stack{display:grid;gap:14px}.danger{background:#fff1ef;border:1px solid #f3d0c9;color:#9a4441;border-radius:13px;padding:13px;font-size:13px}.adminpanel{border:2px solid #bbd6ca}.loader{padding:30px;text-align:center}.startup{margin:20vh auto;text-align:center;color:var(--teal);font-size:23px;font-weight:850}.action-link{font-size:13px;color:var(--teal);font-weight:850}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:23px}.hidden{display:none!important}
@media(max-width:1150px){.nav-row{gap:15px}.navlinks{gap:12px}.navlinks a{font-size:12px}.cards.four{grid-template-columns:repeat(2,1fr)}.gridcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.nav-row{justify-content:space-between}.hamburger{display:block}.navlinks{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:16px 25px;box-shadow:var(--shadow);margin:0;flex-direction:column;align-items:flex-start;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 2px;width:100%;border-bottom-width:1px}.nav-actions .btn{padding:9px 13px;font-size:12px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:53px 0 15px}.hero-photo{height:345px;margin:5px 0 29px;border-radius:29px}.layout,.layout.wide{grid-template-columns:1fr}.sidebar{position:static}.cards.three,.whyrow{grid-template-columns:1fr}.gridcards{grid-template-columns:repeat(2,1fr)}.app-promo{grid-template-columns:1fr}.phone-preview{display:none}}
@media(max-width:560px){.container{padding:0 16px}.topbar{height:66px}.navlinks{top:65px}.logo{font-size:23px}.hero h1{font-size:39px}.hero-copy{padding-top:35px}.hero-photo{height:255px}.cards.four,.gridcards,.petgrid,.two-cols,.formgrid{grid-template-columns:1fr}.section{padding:42px 0}.page-head{padding:33px 0}.page-head h1{font-size:35px}.section-title{font-size:29px}.card{padding:19px}.listing{padding:0}.chatbox{min-height:320px}.hero p{font-size:15px}.app-promo{padding:25px}.toolbar select{max-width:none}.nav-actions{gap:4px}.nav-actions .btn{font-size:11px;padding:8px 12px}}


/* PawNara visual refresh: bright, inviting, accessible colours and responsive components */
:root{--ink:#14243d;--muted:#56677c;--teal:#0b9287;--teald:#08746d;--mint:#dcf8ef;--coral:#ff725f;--cream:#fff5e9;--line:#e4e9ec;--blue:#eaf3ff;--shadow:0 16px 38px rgba(20,44,63,.095);--round:22px}
body{background:#fffefd;color:var(--ink)}
.topbar{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #e7e8eb;box-shadow:0 7px 24px #142c3a0c}
.logo{color:#14233d}.logo span{filter:saturate(1.8)}
.btn{box-shadow:0 6px 15px rgba(3,82,76,.1);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(3,82,76,.13)}
.btn.coral{background:#ff705f;color:#fff}.btn.coral:hover{background:#ec574c}
.btn.outline{border-color:#84c8c0;background:#fff}
.btn:focus-visible,.textbutton:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #156dd8;outline-offset:3px}
.hero{background:radial-gradient(circle at 3% 8%,#fff0dc 0,transparent 34%),radial-gradient(circle at 93% 95%,#b1ece1 0,transparent 38%),linear-gradient(120deg,#fffaf7,#f3fdf8);position:relative}
.hero:before{content:'✦';position:absolute;left:4%;top:19%;font-size:26px;color:#ffb29d;opacity:.75}
.hero-grid{min-height:555px;grid-template-columns:48% 52%}
.hero-copy{padding:76px 22px 72px 0}
.hero h1{font-size:clamp(42px,4.75vw,67px);line-height:1.07;letter-spacing:-2.7px}
.hero h1 em{background:linear-gradient(110deg,#06867d,#10b29d);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero p{font-size:18px;line-height:1.65;color:#40536c}
.hero .eyebrow{color:#0c756e;letter-spacing:2.1px}
.hero-photo{border-radius:36% 23px 23px 32%;box-shadow:0 28px 60px #1a837d29;height:452px;border:8px solid rgba(255,255,255,.64)}
.photo-note{color:#067b70;background:#fffff3;padding:12px 18px;font-size:14px}
.subline{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;color:#376c6b;font-weight:700}
.section-kicker{text-align:center;font-size:11px;letter-spacing:2.8px;color:#087d75;font-weight:900;margin-bottom:10px}
.section{padding:79px 0}
.feature-section{background:linear-gradient(#fff,#f6fffb)}
.discovery-section{background:linear-gradient(117deg,#f2fff9,#fff5ec 45%,#f1f7ff)}
.section-title{font-size:clamp(31px,3vw,42px);letter-spacing:-1.35px}
.section-sub{font-size:16px;margin-bottom:37px}
.card,.white-panel{border:1px solid #e3eaec;box-shadow:0 13px 32px rgba(23,59,69,.07)}
.card{transition:transform .17s ease,box-shadow .17s ease;border-radius:24px}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,61,76,.12)}
.feature-card{min-height:240px;padding:27px}
.feature-card:nth-child(1){background:linear-gradient(155deg,#d9f8ea,#f5fff9)}
.feature-card:nth-child(2){background:linear-gradient(155deg,#ffdfcf,#fff8f0)}
.feature-card:nth-child(3){background:linear-gradient(155deg,#ddecff,#f7fbff)}
.feature-card:nth-child(4){background:linear-gradient(155deg,#e7e2ff,#faf9ff)}
.feature-card .iconbubble{width:60px;height:60px;background:#fff;font-size:30px;box-shadow:0 6px 18px #1f566a15}
.feature-card h3{font-size:19px}
.feature-card p{font-size:14px;line-height:1.55}
.journey-card{min-height:290px;display:flex;flex-direction:column;align-items:start;padding:28px}
.journey-card p{font-size:14px;line-height:1.65}.journey-card .btn{margin-top:auto}
.journey-vet{background:linear-gradient(165deg,#dbf7f4,#fff)}
.journey-shop{background:linear-gradient(165deg,#ffe8d9,#fff)}
.journey-give{background:linear-gradient(165deg,#ffe0e9,#fff)}
.journey-art{width:90px;height:90px;border-radius:26px;display:grid;place-items:center;font-size:48px;background:#ffffffaa;margin-bottom:22px}
.app-promo{background:linear-gradient(115deg,#dcfff3 0%,#ebf2ff 100%);border:1px solid #ccede8;padding:49px;border-radius:30px}
.app-promo h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1px}
.inline-guide{display:inline-block;margin-left:14px;color:#007b71;font-weight:800;font-size:14px}
.page-head{background:radial-gradient(circle at 90% 0,#d5f5ed 0,transparent 27%),linear-gradient(120deg,#ecfcf6 0%,#fff6ed 100%);padding:56px 0 52px;position:relative;overflow:hidden}
.page-head:after{content:'✿';position:absolute;right:7%;bottom:-53px;color:#fe9485;font-size:170px;opacity:.12;pointer-events:none}
.page-head h1{font-size:clamp(36px,4vw,51px)}.page-head p{font-size:16px;line-height:1.65;position:relative;z-index:1}
.white-panel{border-radius:24px}
.ai-section{background:linear-gradient(135deg,#f7fffc,#f5f9ff)}
.chat-panel{border:1px solid #cceae4;padding:27px}
.chat-panel .chatbox{background:linear-gradient(#f1fbf7,#f4faff);min-height:410px}
.bubble{font-size:14px;line-height:1.6;background:#d8f8e9;box-shadow:0 3px 9px #2d667411}
.bubble.user{background:#dfeaff}
.tips-panel{background:linear-gradient(165deg,#fff,#eafbf3)}
.suggest{display:block;width:100%;text-align:left;margin:9px 0;border:1px solid #d6e7e5;background:#fff;padding:12px 14px;font-size:13px}
.suggest:hover{background:#e4fbf1;color:#005d59;border-color:#8bd2c8}
.market-intro,.give-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(108deg,#fff0dc,#e3fff2);border:1px solid #f1e9d7;border-radius:25px;padding:26px 31px;margin-bottom:23px}
.market-intro strong{display:block;font-size:22px;letter-spacing:-.4px}.market-intro span{color:#56677c;font-size:13px}
.market-toolbar{background:white;padding:13px;border-radius:17px;border:1px solid #e1e9e7}
.disclosure-strip{border-radius:13px;background:#fff8e8;border:1px solid #f1e3c3;color:#75551f;padding:12px 15px;margin-bottom:23px;font-size:13px}
.disclosure-strip a{color:#006d66;text-decoration:underline}
.listing-img{height:205px;background:linear-gradient(125deg,#e1f9f0,#fff2e5)}
.listing-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.listing-body{padding:22px}.listing-body p{font-size:14px;line-height:1.6}
.merchantline{font-size:12px;color:#607888;margin:0 0 17px}
.price-row{align-items:center;gap:9px}.price{font-size:20px;line-height:1.3}
.price-row .btn{white-space:nowrap}
.vet-card{background:linear-gradient(156deg,#f2fbff,#fff);padding:28px}
.vet-card h3{margin-top:12px}
.colorful-empty{border:1px dashed #9fdbd0;background:radial-gradient(circle at 10% 20%,#fff1da 0,transparent 28%),linear-gradient(135deg,#effdf7,#eef7ff);padding:56px 28px}
.colorful-empty .big{font-size:57px;margin-bottom:10px}.colorful-empty h3{font-size:24px;color:#172944}.colorful-empty p{max-width:540px;margin:12px auto 20px;font-size:15px;line-height:1.65}
.give-banner{background:linear-gradient(120deg,#ffe5ea,#fff6e9,#eafcf1)}.give-banner h2{font-size:28px;letter-spacing:-.7px;margin:0 0 7px}.give-banner p{margin:0;color:#567083}.give-heart{color:#fa6b7d;font-size:76px;line-height:1}
.apply-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:26px;background:linear-gradient(125deg,#fff,#e9fcf4)}
.apply-banner h2{margin:0 0 8px}
.account-tools{margin-top:45px}.account-tools h2{text-align:center;margin:0 0 24px;font-size:29px}.account-tools .card{background:linear-gradient(150deg,#fff,#f3fcf8)}
.admin-section{background:#f6fafc}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{background:white;border:1px solid #d8e8e5;border-radius:19px;box-shadow:var(--shadow);padding:23px}.metric b{display:block;color:#098278;font-size:33px}.metric span{font-size:13px;color:#536c79;font-weight:700}
.adminpanel{border:1px solid #98d8cb;background:linear-gradient(130deg,#fff,#f0fcf7)}
.manager-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.manager-row p{margin:5px 0;color:#607083;font-size:12px}
.checkline{display:flex;align-items:flex-start;gap:11px;margin:15px 0;font-size:13px;font-weight:750;color:#334f5d}.checkline input{width:17px;height:17px;accent-color:#068e82;flex:none}
.form-actions .btn{white-space:normal}
.footer{background:linear-gradient(120deg,#f4fdf8,#fff8f2);color:#536374;padding:43px 0}.footer .logo{font-size:24px}
@media(max-width:1100px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.price-row{flex-wrap:wrap}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding:52px 0 12px}.hero-photo{height:340px;border-radius:27px;margin:10px 0 32px}.journey-card{min-height:250px}.market-intro,.give-banner{flex-wrap:wrap}.market-intro .btn{width:100%}.apply-banner{flex-wrap:wrap}}
@media(max-width:560px){.hero h1{font-size:43px}.hero-copy{padding-top:45px}.hero p{font-size:15px}.subline{gap:9px}.hero-photo{height:260px}.section{padding:50px 0}.feature-card{min-height:206px}.market-intro,.give-banner{padding:22px}.listing-img{height:185px}.white-panel{padding:18px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:14px}.metric b{font-size:25px}.metric span{font-size:11px}.page-head h1{font-size:36px}.inline-guide{margin:14px 0 0}.chat-form .btn{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}.btn:hover,.card:hover{transform:none}}

/* PawNara Pet Tools expansion · 2026. Bright coral, jade, sky and violet accents. */
:root{--teal:#079888;--teald:#087e76;--coral:#ff675d;--ink:#12253d;--muted:#4c657b;--shadow:0 16px 36px rgba(8,72,90,.10)}
.tools-page{background:radial-gradient(circle at 92% 6%,#f0e3ff 0,transparent 26%),radial-gradient(circle at 12% 60%,#ddf7ef 0,transparent 31%),#fcfefd}
.tools-hero-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 38px;background:linear-gradient(105deg,#d7fff0,#ebf6ff 55%,#ffe5e4);border:1px solid #bddfdc;border-radius:28px;margin-bottom:32px;box-shadow:0 12px 40px #165b6b12}
.tools-hero-banner h2{font-size:clamp(27px,3.4vw,40px);line-height:1.1;letter-spacing:-1.3px;max-width:660px;margin:10px 0 12px}.tools-hero-banner p{max-width:700px;font-size:15px;line-height:1.65;margin:0;color:#385969}.tools-hero-paws{font-size:70px;white-space:nowrap;filter:drop-shadow(0 13px 15px #17454718)}
.tools-layout{display:grid;grid-template-columns:minmax(280px,355px) minmax(0,1fr);gap:27px;align-items:start}
.tools-nav{display:grid;gap:14px;max-height:78vh;overflow:auto;padding-right:5px;position:sticky;top:96px;scrollbar-width:thin}
.tool-category{padding:17px 14px;border:1px solid #deedf0;background:#fff;border-radius:22px;box-shadow:0 8px 25px #1248580a}
.tool-category h2{font-size:13px;letter-spacing:1.3px;text-transform:uppercase;color:#087e76;margin:0 0 12px;padding:0 9px}
.tool-selector{display:grid;gap:5px}.tool-choice{display:grid;grid-template-columns:44px minmax(0,1fr) 15px;gap:11px;align-items:center;text-decoration:none;color:#18334e;border-radius:14px;padding:11px;transition:background .15s,transform .15s}
.tool-choice:hover{background:#f0fbf8;transform:translateX(2px)}.tool-choice.chosen{background:linear-gradient(110deg,#d5f9ea,#e8f5ff);box-shadow:inset 3px 0 #078c7c}
.tool-choice b,.tool-choice small{display:block}.tool-choice b{font-size:13px}.tool-choice small{font-size:11px;color:#567286;line-height:1.35;margin-top:3px}
.tool-choice-icon{background:#fff3e6;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:22px}
.tool-choice-chevron{color:#0f8c83;font-weight:900}
.tool-card-v3{padding:30px!important;min-height:450px;background:linear-gradient(155deg,#fff,#f9fffc)}.extended-tool{max-width:920px}
.tool-lead{display:flex;align-items:center;gap:17px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #dbeae9}.tool-lead h2{font-size:clamp(23px,2.8vw,33px);line-height:1.2;letter-spacing:-.7px;margin:0 0 7px}.tool-lead p{margin:0;color:#506779;line-height:1.55;font-size:14px}
.tool-spark{display:grid;place-items:center;width:67px;height:67px;border-radius:20px;background:linear-gradient(135deg,#c2fae7,#e6efff);font-size:29px;flex:none}
.tool-fields{margin:16px 0 24px}.tool-fields>.btn{margin:18px 0 4px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:13px;font-weight:750;font-size:13px;color:#314d62}.field .input{display:block;width:100%;margin:0;min-height:46px}.tool-fields .formgrid{gap:16px 20px}
.care-note{border-left:4px solid #119a88;padding:15px 18px;border-radius:12px;background:#effbf7;color:#365868;line-height:1.65;font-size:13px;margin:24px 0 10px}
.care-result{border:1px solid #a5e0d4;background:linear-gradient(130deg,#ddfbef,#f7fffc);padding:18px 23px;border-radius:18px;margin:23px 0;line-height:1.6;color:#23465d}.care-result.caution{border-color:#f2c989;background:#fff9e9}.care-result.danger{border-color:#f2aaa5;background:#fff0ee}.care-result h3{font-size:21px;margin:0 0 8px;color:#193f4d}.care-result p{margin:0;font-size:15px}.care-result b{color:#087d72}
.care-events{border-top:1px solid #e1ebed;padding-top:20px;margin-top:25px}.care-events h3{margin:0 0 15px;font-size:20px}.care-event{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:9px 0;padding:15px 17px;border-radius:16px;background:#f2f9ff;border:1px solid #dfe9f5}.care-event b{display:block}.care-event small{display:block;color:#546c7d;font-size:12px;margin-top:3px}.event-buttons{display:flex;gap:8px;flex-wrap:wrap}.event-buttons .btn{padding:8px 10px;font-size:11px}
.id-preview{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px}.id-preview canvas{display:block;width:100%;height:auto;max-width:500px;border-radius:18px;box-shadow:0 14px 30px #0b515522;border:1px solid #bde5db}.id-preview button:disabled{opacity:.5;cursor:not-allowed}
.match-list{margin:10px 0 0;padding-left:20px}.match-list li{margin:10px 0}.source-links{margin:24px 0;color:#557286;font-size:13px}.source-links a,.extended-tool>p a{color:#00766d;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.safety-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.safety-card{border-radius:18px;border:1px solid #e3ebeb;background:linear-gradient(150deg,#fff,#f2f9ff);padding:18px}.safety-card:nth-child(2n){background:linear-gradient(150deg,#fff,#fff5eb)}.safety-card h3{font-size:17px;line-height:1.35;margin:0 0 10px}.safety-card p{font-size:13px;color:#4b6478;line-height:1.6;margin:0}.emergency-banner{padding:20px;border:1px solid #f6b0a3;background:linear-gradient(100deg,#fff0ee,#fff8e9);border-radius:20px;margin:0 0 20px}.emergency-banner strong{font-size:19px;color:#8c3437}.emergency-banner p{margin:10px 0 15px;color:#584f59}
.tool-bottom-cta{margin-top:20px;padding:18px 22px;background:linear-gradient(110deg,#f0fbf6,#fff4e9);border-radius:17px;border:1px solid #e6ede9;font-size:13px;color:#4a6070;line-height:1.65}.tool-bottom-cta b{color:#065b55}
.pet-tools-callout{background:linear-gradient(110deg,#e5fff5,#f4efff,#fff2e8);border:1px solid #e4dbe7;border-radius:28px;padding:28px 32px}.pet-tools-callout h2{font-size:25px}.pet-tools-callout p{max-width:750px;color:#455f74;line-height:1.65}.quick-tool-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.quick-tool-links .btn{white-space:normal}
@media(max-width:1050px){.tools-layout{grid-template-columns:1fr}.tools-nav{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tools-hero-paws{font-size:48px}}
@media(max-width:620px){.tools-hero-banner{padding:25px 20px}.tools-hero-paws{display:none}.tools-nav{grid-template-columns:1fr}.tool-card-v3{padding:18px!important}.tool-lead{align-items:flex-start}.tool-spark{width:48px;height:48px;font-size:24px}.tool-fields .formgrid,.safety-grid{grid-template-columns:1fr}.care-event{flex-wrap:wrap}.event-buttons{width:100%}.tool-bottom-cta{padding:15px}.tools-hero-banner h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.tool-choice{transition:none}.tool-choice:hover{transform:none}}
@media(max-width:1050px){.tools-layout>.tools-nav{order:2}.tools-layout>div{order:1}}
/* October usability update: tool routing, global clinic search, embedded maps */
.tool-card{scroll-margin-top:105px}
.vet-find-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;background:linear-gradient(120deg,#f0fffa,#fff8f2);border:1px solid #d6eee7;padding:22px;border-radius:24px;margin-top:22px;margin-bottom:22px}
.vet-find-form .field{margin:0}.vet-actions{display:flex;gap:11px;align-items:end;grid-column:span 2;flex-wrap:wrap}.vet-actions .btn{min-height:46px}
.vet-section-heading{margin:34px 0 16px}.vet-section-heading h2{font-size:23px;margin:0 0 5px}.vet-section-heading p{font-size:14px;color:#506879;margin:0}
.vet-registered-cards{margin-bottom:30px}.vet-empty{padding:22px!important;background:linear-gradient(120deg,#effcf6,#f6f6ff)!important}.vet-empty h3{margin:0}
.vet-map-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:16px;align-items:start}.vet-map{min-height:480px;border:1px solid #cbe5e2;background:linear-gradient(135deg,#eef9f4,#eff3fb);border-radius:19px;overflow:hidden}.vet-map iframe{width:100%;min-height:430px;border:0}.vet-map-placeholder{height:480px;display:grid;place-content:center;text-align:center;color:#355a6c;padding:25px;max-width:620px;margin:auto}.vet-places-results{min-height:150px;max-height:480px;overflow-y:auto;border:1px solid #dfe9eb;background:#fff;border-radius:19px;padding:13px}.vet-places-results .empty{padding:24px 12px!important}.vet-map-result{display:block;width:100%;text-align:left;border:1px solid #deebe9;background:white;padding:13px;margin-bottom:9px;border-radius:13px;cursor:pointer;color:#163549}.vet-map-result:hover,.vet-map-result:focus-visible{border-color:#0b9c8f;background:#eefcf7}.vet-map-result strong,.vet-map-result small,.vet-map-result span{display:block}.vet-map-result small{margin:6px 0;color:#426072}.vet-map-result span{font-size:12px;color:#087e76}.autocomplete-host{display:block;width:100%}.autocomplete-host gmp-place-autocomplete{width:100%;margin-top:8px}.vet-privacy{margin:20px 0 0}.market-toolbar{display:flex;flex-wrap:wrap}.market-toolbar #market-search{flex:3;min-width:200px}.market-toolbar #market-category{min-width:150px}
@media(max-width:800px){.vet-map-grid{grid-template-columns:1fr}.vet-map{min-height:310px}.vet-map-placeholder{height:310px}.vet-places-results{max-height:320px}}
@media(max-width:580px){.vet-find-form{grid-template-columns:1fr;padding:15px}.vet-actions{grid-column:span 1}.vet-actions .btn{flex:1}.market-toolbar #market-search{min-width:100%}}

/* Interactive outside-service results, safely labelled and responsive */
.vet-map iframe{display:block;width:100%;height:390px;border:0;border-radius:16px}
.vet-map{min-height:420px;overflow:hidden}
.map-credit,.map-data-note{padding:10px 12px;line-height:1.6}
.osm-result{display:flex!important;flex-direction:column;gap:8px;text-align:left;padding:16px;margin-bottom:10px;border:1px solid #d1e6e0;background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(15,45,58,.05)}
.osm-focus{font:inherit;color:#087e73;text-align:left;font-weight:800;background:none;border:0;padding:0;cursor:pointer}
.osm-focus:hover,.osm-focus:focus-visible{text-decoration:underline}
.osm-website{font-size:.87rem;color:#075c7b;font-weight:700}
.osm-result small,.osm-result span{color:#4f6674;font-size:.82rem}
@media(max-width:780px){.vet-map iframe{height:310px}.vet-map{min-height:340px}}

/* Accessible, non-intrusive password recovery and release label. */
.forgot-password-row{text-align:right;margin:10px 0 3px}
.forgot-password-link{background:none;border:0;color:#087a74;font:inherit;font-size:14px;font-weight:800;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.forgot-password-link:hover{color:#0b5d57}
.forgot-password-link:focus-visible{outline:3px solid #156dd8;outline-offset:3px}
.build-version{display:inline-block;font-size:10px;opacity:.5;padding-left:6px}
.vet-map-result .osm-focus{background:transparent;color:#087d75;text-align:left;border:0;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.vet-map-result .osm-focus:focus-visible{outline:3px solid #156dd8;outline-offset:3px}