@font-face{font-family:Nunito;src:url('/fonts/web/Nunito-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('/fonts/web/Nunito-ExtraBold.woff2') format('woff2');font-weight:700 900;font-display:swap}@font-face{font-family:MiPatitaLogo;src:url('/fonts/web/MiPatitaLogo-Regular.woff2') format('woff2');font-display:swap}
:root{--ink:#143b66;--muted:#536b7c;--teal:#007c8a;--bright:#00bcd4;--blue:#e5f5fa;--cream:#fff9f1;--peach:#ffe8d5;--line:#dbe9ee;--white:#fff;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:17px/1.65 Nunito,system-ui,sans-serif;background:#f6fafc;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;flex-shrink:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #007988;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:800}h1{font-size:clamp(50px,6.2vw,90px);margin-bottom:26px}h2{font-size:clamp(32px,4vw,54px);margin-bottom:20px}h3{font-size:24px;letter-spacing:-.025em}p{color:var(--muted);margin-bottom:20px}em{font-style:normal;color:var(--teal)}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;color:var(--teal);margin-bottom:20px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.wordmark{font-family:MiPatitaLogo,Nunito,sans-serif;font-size:30px;line-height:1;color:var(--ink);white-space:nowrap}.wordmark>span{color:var(--bright)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:102px;border-bottom:1px solid var(--line)}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:800}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;border:1.5px solid var(--ink);border-radius:16px;background:var(--ink);color:white;font-size:15px;font-weight:800;line-height:1.4;padding:15px 23px;text-align:center;transition:background .18s,transform .18s}.button:hover{background:#205181;border-color:#205181}.button:active{transform:translateY(1px)}.button-small{min-height:46px;font-size:13px;padding:12px 18px}.button-outline{color:var(--ink);background:transparent;border-color:#7aadb7}.button-outline:hover{background:var(--blue);border-color:var(--teal)}.text-link{font-size:15px;font-weight:800;color:var(--ink);display:inline-flex;gap:12px;align-items:center;min-height:46px}.text-link:hover{text-decoration:underline}.skip-link{position:fixed;top:-90px;left:15px;z-index:20;background:var(--ink);color:#fff;padding:12px;border-radius:12px}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-block:65px 76px}.hero-copy{padding-top:20px}.hero h1 em{display:inline-block}.lead{font-size:19px;max-width:450px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-block:30px 18px}.fine-print{font-size:12px;line-height:1.6;max-width:420px}.tiny-paw{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--peach);border-radius:50%;margin-right:6px;color:#975326;font-size:18px;vertical-align:middle}.hero-art{position:relative;overflow:clip;isolation:isolate;min-height:520px;display:grid;align-content:center;padding-bottom:40px}.art-halo{position:absolute;width:95%;aspect-ratio:1;max-height:490px;border-radius:50% 45% 48% 43%;background:#e2f4f8;inset:25px 0 auto 20px;transform:rotate(-12deg);z-index:-1}.hero-characters{width:100%;position:relative;object-fit:contain;max-height:480px}.floating-note{position:absolute;right:-5px;bottom:90px;background:#ffffffed;border:1px solid #fff;padding:15px 20px;border-radius:19px;display:flex;gap:12px;align-items:center;box-shadow:0 12px 35px #143b6610;transform:rotate(3deg)}.floating-note strong{display:block;font-size:14px}.floating-note div>span{display:block;color:var(--muted);font-size:12px}.note-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--peach);border-radius:12px;color:#93502a;font-size:24px}.art-caption{font-size:12px;position:absolute;bottom:12px;left:0;right:0;text-align:center;color:var(--muted)}.ribbon{background:var(--cream);border-block:1px solid #f2e8dc;padding:22px 0}.ribbon .wrap{display:flex;justify-content:space-around;gap:20px;align-items:center;font-size:14px;font-weight:800}.ribbon span[aria-hidden]{color:#c68049}.section-heading{max-width:600px;margin-bottom:45px}.section-heading>p:last-child{max-width:460px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{position:relative;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.step-number{font-size:12px;font-weight:800;border:1px solid var(--line);padding:7px 10px;border-radius:50%;position:absolute;left:24px;top:23px}.feature-card img{width:100%;height:210px;object-fit:contain;margin:12px 0 24px}.feature-card h3{font-size:23px}.feature-card p{font-size:15px;margin-bottom:4px}.qr-story{background:var(--cream);border:1px solid #f2e8dc;border-radius:36px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.story-art img{max-height:430px;width:100%;object-fit:contain}.story-copy>p:not(.eyebrow){font-size:16px}.check-list{padding:0;margin:26px 0;list-style:none;font-size:14px;color:var(--muted)}.check-list li{padding:7px 0 7px 27px;position:relative}.check-list li::before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:800}.app-section .section-heading{margin-inline:auto;text-align:center}.app-section .section-heading>p:last-child{margin-inline:auto}.app-overview{display:grid;grid-template-columns:1fr 330px 1fr;gap:65px;align-items:center}.app-detail{max-width:280px}.app-detail p{font-size:15px;margin-bottom:35px}.detail-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--blue);border-radius:14px;font-size:24px;margin-bottom:16px}.detail-icon.peach{background:var(--peach)}.phone-preview{min-width:0;background:white;border:8px solid var(--ink);border-radius:42px;padding:30px 18px 15px;box-shadow:0 20px 40px #143b6610;position:relative;transform:rotate(-2deg)}.phone-speaker{position:absolute;top:11px;left:50%;width:64px;height:6px;border-radius:20px;background:var(--ink);transform:translateX(-50%)}.phone-header{display:flex;justify-content:space-between;align-items:center;padding:10px 3px 24px}.phone-header .wordmark{font-size:23px}.phone-welcome{border-radius:22px;padding:20px;background:var(--blue);text-align:center}.phone-welcome small{display:block;font-size:11px}.phone-welcome strong{font-size:25px;font-weight:800}.phone-welcome img{height:195px;object-fit:contain;width:100%;margin-top:5px}.phone-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:18px 2px;border-bottom:1px solid var(--line);font-size:12px}.phone-row strong{font-weight:800}.phone-nav{display:flex;justify-content:space-between;padding-top:18px;font-size:9px;color:var(--muted)}.preview-label{font-size:10px;text-align:center;margin:13px 0 0}.download-section{background:var(--blue);border-radius:36px;display:grid;grid-template-columns:1fr 300px;gap:50px;padding:58px;align-items:center}.download-section h2{font-size:clamp(30px,3.8vw,47px)}.download-copy>p:not(.eyebrow){font-size:16px}.store-button{background:var(--ink);color:#fff;display:inline-flex;padding:12px 18px;gap:16px;align-items:center;border-radius:14px;min-height:68px}.store-button svg{width:27px;height:27px}.store-button small{display:block;font-size:9px;letter-spacing:.12em;color:#e0eef6}.store-button strong{display:block;font-size:21px;line-height:1.2}.download-qr{background:#fff;border-radius:24px;padding:22px;text-align:center;max-width:280px;justify-self:end}.download-qr img{width:210px;margin:auto auto 12px}.download-qr strong{font-size:14px;display:block}.download-qr p{font-size:12px;margin:7px 0 0}.download-companions img{height:280px;width:100%;object-fit:contain}.coming-soon strong{font-size:15px}.coming-soon p{font-size:13px;margin-top:6px;max-width:320px}.coming-dot{display:inline-block;width:8px;height:8px;background:#008797;border-radius:50%;margin-right:8px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq h2{font-size:42px}.faq-items details{border-bottom:1px solid var(--line);padding:22px 0}.faq-items summary{font-size:16px;font-weight:800;cursor:pointer;list-style:none;position:relative;padding-right:30px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:'＋';position:absolute;right:0;color:var(--teal)}.faq-items details[open] summary::after{content:'−'}.faq-items details p{font-size:14px;padding-top:15px;margin-bottom:0}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:30px 38px}.site-footer .wordmark{font-size:24px}.site-footer .brand img{width:32px;height:32px}.site-footer p,.site-footer>span{font-size:12px;margin:0;color:var(--muted)}.site-footer p span{color:var(--teal)}.header-caption{font-size:13px;color:var(--muted)}.pet-main{padding-top:42px}.lost-banner{background:#fff1df;border:1px solid #edd0a8;border-radius:20px;display:flex;gap:18px;align-items:center;padding:20px 26px;margin-bottom:32px;color:#79501d}.lost-banner>span{font-size:34px}.lost-banner strong,.lost-banner div>span{display:block}.lost-banner div>span{font-size:13px}.lost-banner a{margin-left:auto;text-decoration:underline;font-size:13px;font-weight:800}.pet-identity{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.pet-photo{position:relative;background:#e9f4f8;border-radius:32px;overflow:hidden;aspect-ratio:1}.pet-photo>img{width:100%;height:100%;object-fit:cover}.photo-badge{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:9px;background:#fffffff2;box-shadow:0 6px 24px #143b6610;padding:10px 14px;font-size:12px;font-weight:800;border-radius:13px}.photo-badge img{width:24px;height:24px}.pet-intro h1{font-size:clamp(48px,6vw,76px);overflow-wrap:anywhere;margin-bottom:12px}.pet-intro .eyebrow{margin-bottom:13px}.pet-subtitle{font-size:18px;margin-bottom:12px}.pet-city{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:17px}.status-chip{display:inline-flex;background:#e2f5ef;color:#236353;padding:6px 12px;border-radius:30px;font-size:11px;font-weight:800;margin-bottom:20px}.status-chip.searching{background:#ffecd5;color:#79501d}.pet-personality{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.pet-actions{display:grid;gap:12px;max-width:390px;margin:25px 0 14px}.pet-content-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;margin-top:55px;align-items:start}.pet-info-column{display:grid;gap:22px}.info-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px}.info-card h2{font-size:28px}.info-card .eyebrow{font-size:10px}.pet-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 0}.pet-facts dt{font-size:11px;color:var(--muted);margin-bottom:3px}.pet-facts dd{font-weight:800;margin:0;font-size:15px;overflow-wrap:anywhere}.care-card{background:var(--cream);border-color:#f2e8dc}.care-card p{font-size:15px;white-space:pre-wrap;margin-bottom:0;overflow-wrap:anywhere}.care-heart{color:#b07143;font-size:27px}.help-note{text-align:center;padding:12px 18px}.help-note img{width:210px;height:145px;object-fit:contain;margin:auto}.help-note p{font-size:13px;margin-bottom:0}.help-note strong{font-weight:800}.report-card{border-radius:28px;padding:38px;background:#fff;border:1px solid var(--line);scroll-margin-top:24px}.report-card h2{font-size:36px}.report-card>.eyebrow{font-size:10px}.report-card>p:not(.eyebrow){font-size:15px}.stack-form{display:flex;flex-direction:column;gap:18px;margin-top:28px}.stack-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:800;color:var(--ink)}.stack-form label small{font-size:11px;font-weight:400;display:contents}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack-form input:not([type=hidden]),.stack-form textarea{width:100%;min-width:0;border:1px solid #a9c3ce;border-radius:13px;padding:13px 14px;background:#fbfdfe;font-size:14px;line-height:1.6;color:var(--ink)}.stack-form textarea{resize:vertical;min-height:135px}.stack-form input::placeholder,.stack-form textarea::placeholder{color:#697e8b}.stack-form small{font-size:11px;color:var(--muted);line-height:1.6}.stack-form>small#message-help{margin-top:-12px}.location-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.location-controls .button{font-size:12px;padding:12px 16px;min-height:46px}.location-controls small{flex-basis:100%}.text-button{border:0;background:transparent;color:var(--teal);text-decoration:underline;min-height:44px;font-size:12px}.privacy-note{display:block}.privacy-note span{color:var(--teal);margin-right:4px}.notice{padding:18px 20px;border-radius:15px;font-size:13px;overflow-wrap:anywhere}.notice p{color:inherit;font-size:13px;margin:8px 0 0}.notice.success{background:#e5f5ed;color:#245b46;border:1px solid #b9dacb}.notice.error{background:#fff0ec;color:#933f2c;border:1px solid #edcbbf}.pet-closing{display:flex;justify-content:center;align-items:center;gap:20px;padding:35px 0}.pet-closing img{width:150px;height:135px;object-fit:contain}.pet-closing p{font-size:15px;margin:0}.pet-closing strong{font-size:20px;color:var(--ink)}
@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-art{animation:arrive .65s ease-out both}.hero-art{animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:1600px){.hero{padding-block:80px 95px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:15px}.hero-art{min-height:450px}.floating-note{right:0;bottom:62px}.hero-actions{gap:12px}.app-overview{gap:30px;grid-template-columns:1fr 290px 1fr}.qr-story{gap:35px;padding:38px}.download-section{padding:42px;grid-template-columns:1fr 270px}.pet-identity{gap:35px}.pet-content-grid{gap:25px}.report-card{padding:28px}.section{padding-block:75px}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.site-header{min-height:80px;gap:12px}.site-header nav{display:none}.site-header .brand img{width:34px;height:34px}.wordmark{font-size:25px}.site-header .button-small{font-size:11px;padding:11px 13px}.hero{grid-template-columns:1fr;padding-block:40px 38px;gap:10px}.hero h1{font-size:clamp(48px,11vw,70px);max-width:520px}.hero .lead{font-size:16px;max-width:520px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:10px}.hero-actions{margin-top:22px;gap:16px}.hero-art{width:min(460px,100%);margin:auto;min-height:360px;padding-bottom:32px}.hero-characters{max-height:360px}.art-halo{max-height:340px;top:0}.floating-note{padding:12px 15px;bottom:60px}.floating-note strong{font-size:12px}.floating-note div>span{font-size:11px}.note-icon{width:30px;height:30px}.art-caption{font-size:10px}.ribbon{padding:17px 0}.ribbon .wrap{justify-content:center;flex-wrap:wrap;gap:8px 16px;font-size:11px}.ribbon span[aria-hidden]{font-size:12px}.section{padding-block:58px}.section-heading{margin-bottom:30px}h2{font-size:36px}.section-heading p{font-size:15px}.steps-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:22px 25px}.feature-card img{height:190px;margin:0 0 15px}.feature-card h3{font-size:23px;margin-bottom:12px}.feature-card p{font-size:14px}.qr-story{grid-template-columns:1fr;padding:28px;gap:15px;border-radius:28px}.story-art img{max-height:280px}.story-copy h2{font-size:36px}.story-copy>p:not(.eyebrow){font-size:15px}.app-overview{grid-template-columns:1fr;gap:30px}.phone-preview{grid-row:1;transform:none;width:300px;max-width:100%;margin-inline:auto}.app-detail{max-width:none;display:grid;grid-template-columns:48px 1fr;column-gap:16px}.app-detail .detail-icon{grid-column:1;grid-row:span 2;margin:0}.app-detail h3{font-size:22px;margin-bottom:10px}.app-detail p{grid-column:2;margin-bottom:25px;font-size:14px}.download-section{grid-template-columns:1fr;padding:30px;gap:20px;border-radius:28px}.download-section h2{font-size:34px}.download-section .eyebrow{font-size:10px}.download-qr{justify-self:center}.download-companions img{height:200px}.faq{grid-template-columns:1fr;gap:10px}.faq h2{font-size:34px}.faq-items summary{font-size:15px}.site-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-block:28px;gap:18px}.site-footer p{flex-basis:100%;order:3}.header-caption{font-size:10px;max-width:120px;text-align:right;line-height:1.5}.pet-main{padding-top:24px}.lost-banner{padding:17px;gap:12px;flex-wrap:wrap}.lost-banner strong{font-size:15px}.lost-banner a{margin-left:0;width:100%;padding-left:40px;font-size:12px}.pet-identity{grid-template-columns:1fr;gap:27px}.pet-photo{border-radius:26px;max-width:540px;width:100%;margin:auto}.pet-intro h1{font-size:53px}.pet-intro .eyebrow{font-size:11px}.pet-subtitle{font-size:16px}.pet-personality{font-size:15px}.pet-actions{max-width:none}.pet-content-grid{grid-template-columns:1fr;margin-top:32px;gap:24px}.info-card{padding:25px}.info-card h2{font-size:27px}.pet-facts{gap:17px}.help-note{display:none}.report-card{padding:27px 23px}.report-card h2{font-size:32px}.report-card>.eyebrow{letter-spacing:.12em}.field-grid{grid-template-columns:1fr;gap:18px}.pet-closing{gap:14px}.pet-closing img{width:120px}.pet-closing strong{font-size:17px}.pet-closing p{font-size:13px}}
@media(max-width:380px){.hero-actions{align-items:start;flex-direction:column}.hero-art{min-height:300px}.hero-characters{max-height:290px}.art-halo{max-height:280px}.floating-note{bottom:47px}.hero h1{font-size:46px}.site-header .button-small{padding:10px;font-size:10px}.download-section{padding:24px}.download-section h2{font-size:30px}.report-card{padding:24px 18px}.pet-intro h1{font-size:46px}.pet-closing img{width:100px}.pet-closing strong{font-size:15px}}