@font-face{font-family:Outfit;src:url('assets/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:SourceSans;src:url('assets/source-sans-3.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{color-scheme:light;--ink:#0a192f;--muted:#52647b;--teal:#087a70;--mint:#0a192f;--line:#d9e3ef;--action:#4af9eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:#f4f7fb;color:var(--ink);font-family:SourceSans,sans-serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23dfe7f2' opacity='.6' transform='rotate(-20 15 15)'%3E%3Cellipse cx='12' cy='19' rx='4' ry='5'/%3E%3Cellipse cx='6' cy='11' rx='2.4' ry='3.5'/%3E%3Cellipse cx='12' cy='7' rx='2.4' ry='3.5'/%3E%3Cellipse cx='18' cy='10' rx='2.4' ry='3.5'/%3E%3C/g%3E%3C/svg%3E")}
h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #143e50;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}main{outline:none;max-width:100%;padding:0 20px;overflow:clip}
.skip{position:fixed;top:8px;left:8px;padding:12px 18px;background:#fff;z-index:10;transform:translateY(-160%)}.skip:focus{transform:none}
.brand-header{min-height:172px;display:flex;justify-content:center;align-items:center;background:var(--mint);padding:24px 16px 8px;border-bottom:1px solid #22475b;position:relative}.brand-header>a{border-radius:50%;display:block}.avatar{display:block;width:144px;height:144px;border-radius:50%;box-shadow:0 6px 28px #4af9eb24;border:5px solid #4af9eb;object-fit:cover}.preview-label{position:absolute;right:16px;top:16px;color:#c7fff8;border:1px solid #376477;border-radius:99px;padding:4px 10px;font-size:12px}
.hero{text-align:center;padding:16px 0 46px;margin:auto;max-width:780px}.hero h1{font-size:38px;line-height:1.08;font-weight:800;letter-spacing:-.025em}.accent{color:var(--teal)}.intro{font-size:19px;line-height:1.5;max-width:450px;margin:20px auto 32px;color:var(--muted)}
.join{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:62px;background:var(--action);color:var(--ink);padding:15px 30px;border-radius:18px;font-weight:750;font-size:20px;line-height:1.3;text-align:center;text-decoration:none;box-shadow:0 7px 18px #0a192f20;transition:background-color 160ms,transform 160ms;animation:cta-glow 2s ease-in-out infinite} .join img{filter:brightness(0);flex:none}.join:active{transform:scale(.97)}.cta-scene{position:relative;display:table;margin:0 auto}.pet{position:absolute;width:144px;height:144px;background-image:url('assets/pets.webp');background-size:200% 200%;pointer-events:none;user-select:none;filter:drop-shadow(0 5px 3px #254c3820);animation:bob 2.4s ease-in-out infinite;z-index:1}.shih,.spitz{clip-path:inset(0 0 10% 0)}.shih{background-position:0 0;left:-130px;bottom:-14px}.spitz{background-position:100% 0;right:-130px;bottom:-14px;animation-delay:.6s}.kitten{background-position:0 91%;left:-98px;bottom:-20px;animation-delay:.3s}.pinscher{background-position:100% 91%;right:-98px;bottom:-20px;animation-delay:1s}
.availability{max-width:448px;margin:0 auto;text-align:center} .availability-card{position:relative;background:#102c43;color:#f0fbff;border:1px solid #254a60;border-radius:18px;padding:24px;box-shadow:0 12px 30px #0a192f18}.availability h2{font-size:20px;line-height:1.3;margin-bottom:16px;font-weight:750}.progress{height:16px;border-radius:99px;background:#2b4b60;overflow:hidden}.progress>span{display:block;width:87%;height:100%;border-radius:inherit;background:#4af9eb;animation:fill-progress 900ms cubic-bezier(.16,1,.3,1) both} .capacity{color:#d0e4ed;font-size:15px;margin-top:6px;margin-bottom:20px}.availability .join{font-size:19px;width:100%;padding-inline:16px}.demo-note{margin-top:12px;color:#52647b;font-size:12px}
.benefits{max-width:512px;margin:94px auto 0}.benefits>h2{text-align:center;font-size:26px;font-weight:750;line-height:1.25;margin-bottom:32px}.benefit-list{display:grid;gap:16px}.benefit{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:0 4px 12px #153b6610;border-left:4px solid #193f64}.benefit-icon{width:44px;height:44px;background:#e4edf9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#163f65}.benefit-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.free-icon{color:var(--ink);font-family:Outfit,sans-serif;font-weight:700;font-size:14px}.benefit h3{font-size:16px;line-height:1.3;font-weight:700}.benefit p{font-size:15px;line-height:1.45;color:var(--muted);margin-top:4px}.about{max-width:512px;margin:48px auto 0;background:#e5edf7;border-radius:17px;padding:24px;font-size:15px;line-height:1.6;color:var(--muted)}.about strong{color:var(--ink)}.conditions{margin-top:14px;font-size:13px}.closing{max-width:600px;margin:48px auto;text-align:center;background:#0a192f;color:#f0fbff;border:1px solid #23495d;border-radius:24px;padding:32px 24px}.closing h2{font-size:27px;line-height:1.25} .closing>p{color:#bed4e2;font-size:17px;line-height:1.5;margin:12px auto 24px}
footer{text-align:center;border-top:1px solid var(--line);padding:24px 16px 30px;color:var(--muted);font-size:13px}.signature{display:inline-flex}.signature img{display:block;object-fit:contain}footer p{margin-top:10px}footer nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin-top:12px}footer a,footer button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}footer button{border:0;background:transparent;color:var(--muted);padding:0;font:inherit;text-decoration:underline;cursor:pointer}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes cta-glow{0%,100%{box-shadow:0 7px 16px #0a192f20}50%{box-shadow:0 7px 24px #0b9c9638}}@keyframes fill-progress{from{width:0}to{width:87%}}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.join:hover{background:#8dfff5;transform:translateY(-2px)}}
@media(max-width:620px){.brand-header{min-height:150px;padding-top:18px}.avatar{width:120px;height:120px}.preview-label{top:9px;right:9px;font-size:10px;padding:3px 7px}.hero{padding-top:25px;padding-bottom:36px}.hero h1{font-size:clamp(25px,7.5vw,34px);line-height:1.15}.intro{font-size:17px;max-width:335px;margin:18px auto 14px}.hero-cta{padding-top:66px;width:100%}.hero-cta .join{position:relative;z-index:2;width:100%;font-size:18px;min-height:60px;padding-inline:14px}.hero-cta .pet{width:94px;height:94px;bottom:48px}.shih{left:5px}.spitz{right:5px}.availability-card{padding:22px 17px 28px}.availability h2{font-size:19px}.availability .join{font-size:18px;width:calc(100% - 24px);min-height:59px;position:relative;z-index:2}.availability .pet{width:90px;height:90px;bottom:-44px}.kitten{left:-9px}.pinscher{right:-9px}.demo-note{margin-top:50px;font-size:11px}.benefits{margin-top:48px}.benefits>h2{font-size:23px;margin-bottom:23px}.benefit{padding:15px;gap:12px}.benefit-icon{width:40px;height:40px}.benefit h3{font-size:15px}.benefit p{font-size:14px}.about{margin-top:32px;padding:20px}.closing{margin:36px auto}.closing h2{font-size:24px}.closing .join{font-size:18px;max-width:100%}.closing>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Tem Link Aqui brand accents; identical card structure with distinct category colors. */
.benefit:nth-child(1) .benefit-icon{background:#102c43;color:#4af9eb}.benefit:nth-child(2){border-left-color:#16877c}.benefit:nth-child(2) .benefit-icon{background:#d9faf2;color:#10594f}.benefit:nth-child(3){border-left-color:#386bae}.benefit:nth-child(4){border-left-color:#7864a4}.benefit:nth-child(4) .benefit-icon{background:#eee8fa;color:#5a427c}.benefit:nth-child(5) .benefit-icon{background:#102c43;color:#f0fbff}.availability a:focus-visible,.closing a:focus-visible{outline-color:#f0fbff}