:root{--ink:#153d38;--ink-dark:#0a2c29;--green:#1f7a6d;--green-2:#4db29f;--mint:#e8f5ef;--cream:#fbf8f1;--coral:#f28b6d;--yellow:#f7c96c;--blue:#dff2f1;--white:#fff;--muted:#647b77;--line:#dce8e4;--shadow:0 24px 70px rgba(17,63,57,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink-dark);font-family:"DM Sans",sans-serif;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,232,228,.75);position:sticky;top:0;z-index:50}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:9px;font:800 25px/1 "Manrope";letter-spacing:-1px;color:var(--ink-dark)}.brand>span:last-child>span{color:var(--coral)}.brand-mark{position:relative;width:34px;height:34px;background:var(--green);color:#fff;border-radius:11px;display:grid;place-items:center;transform:rotate(-6deg)}.brand-mark .ri-heart-3-fill{font-size:19px}.brand-mark .ri-bear-smile-fill{position:absolute;font-size:8px;color:var(--yellow)}.main-nav{margin:auto;display:flex;gap:27px}.main-nav a{font-size:14px;font-weight:600;color:#4e6965;transition:.2s}.main-nav a:hover{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:8px}.btn{min-height:44px;padding:11px 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 25px rgba(31,122,109,.2)}.btn-primary:hover{background:#17695e;box-shadow:0 14px 30px rgba(31,122,109,.3)}.btn-ghost{color:var(--ink)}.btn-large{padding:14px 24px;min-height:52px}.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:26px}.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fbf8f1 0%,#f4faf7 100%);padding:82px 0 96px}.hero-grid{display:grid;grid-template-columns:.93fr 1.1fr;align-items:center;gap:60px;position:relative;z-index:2}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);font-size:12px;font-weight:800}.eyebrow span{width:28px;height:2px;background:var(--coral)}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;line-height:1.13;letter-spacing:-1.5px}h1{font-size:clamp(42px,4.3vw,66px);margin:22px 0 24px;color:var(--ink-dark)}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:570px;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:10px}.text-link span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 7px 20px rgba(17,63,57,.12);color:var(--coral)}.hero-trust{display:flex;align-items:center;gap:15px;margin-top:33px}.avatar-stack{display:flex}.avatar-stack span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;border:3px solid var(--cream);margin-left:-8px;font-size:16px}.avatar-stack span:first-child{margin:0}.stars{letter-spacing:2px;color:#f1aa36;font-size:13px;line-height:1}.hero-trust small{color:var(--muted);font-size:12px}.hero-visual{position:relative;min-width:0}.dashboard-shell{background:white;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.7);transform:perspective(1300px) rotateY(-2deg) rotateX(1deg)}.dashboard-top{height:54px;border-bottom:1px solid #edf1f0;display:flex;align-items:center;padding:0 18px;gap:24px}.mini-brand{font:800 15px "Manrope";color:var(--green)}.search-bar{background:#f5f7f7;border-radius:7px;color:#9aaba8;font-size:9px;padding:8px 12px;width:150px}.user-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-left:auto;background:#ffe3d7;color:#b95f48;font-size:8px;font-weight:800}.dashboard-body{display:flex;background:#f7faf9;min-height:390px}.dash-sidebar{width:58px;background:#fff;padding:18px 13px;display:flex;flex-direction:column;gap:12px}.dash-sidebar span{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#9badaa;font-size:15px}.dash-sidebar .active{background:var(--green);color:#fff}.dash-content{padding:24px;width:calc(100% - 58px)}.dash-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.dash-heading div{display:flex;flex-direction:column}.dash-heading small{font-size:9px;color:#8ba09c}.dash-heading strong{font:700 18px "Manrope"}.dash-heading button{background:#fff;border:1px solid #e5ecea;border-radius:6px;padding:6px 8px;font-size:8px;color:#617b76}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#fff;border:1px solid #e9efed;border-radius:10px;padding:13px;display:grid;grid-template-columns:27px 1fr;gap:1px 7px}.metric>i{grid-row:span 2;width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:var(--mint);color:var(--green)}.metric span{font-size:7px;color:#80918e}.metric strong{font-size:14px}.metric small{grid-column:1/-1;color:#4da687;font-size:7px;margin-top:6px}.dash-bottom{display:grid;grid-template-columns:1.5fr .9fr;gap:11px;margin-top:12px}.chart-card,.appointments{background:#fff;border:1px solid #e9efed;border-radius:10px;padding:13px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title strong{font-size:10px}.card-title span{font-size:7px;color:#77918d}.chart{height:110px;display:flex;align-items:flex-end;gap:10px;padding:15px 5px 0;border-bottom:1px solid #edf2f0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,#f0f4f3 27px)}.chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#53b7a3,#bde2d8)}.chart-labels{display:flex;justify-content:space-around;font-size:6px;color:#91a19e;margin-top:6px}.pet-row{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #f0f3f2}.pet-row:last-child{border:0}.pet-row b{width:27px;height:27px;background:#eff8f4;border-radius:50%;display:grid;place-items:center;font-size:11px}.pet-row span{display:flex;flex-direction:column}.pet-row strong{font-size:8px}.pet-row small{font-size:6px;color:#879995}.pet-row>i{width:5px;height:5px;background:#4db29f;border-radius:50%;margin-left:auto}.float-card{position:absolute;z-index:4;background:#fff;border-radius:12px;box-shadow:0 16px 35px rgba(17,63,57,.16);padding:12px 14px;display:flex;align-items:center;gap:9px}.float-card>i{width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.float-card div{display:flex;flex-direction:column}.float-card strong{font-size:10px}.float-card span{font-size:7px;color:#879995}.float-sales{left:-35px;bottom:28px}.float-sales>i{background:#e5f7f0;color:#239274}.float-agenda{right:-22px;top:43px}.float-agenda>i{background:#fff0e9;color:var(--coral)}.hero-blob{position:absolute;border-radius:50%;filter:blur(1px)}.hero-blob-one{width:350px;height:350px;background:rgba(106,194,174,.12);right:-140px;top:40px}.hero-blob-two{width:180px;height:180px;background:rgba(247,201,108,.15);left:-80px;bottom:-70px}.audience-strip{padding:28px 0;border-bottom:1px solid #edf1ef;background:#fff}.audience-strip .container{display:flex;align-items:center;gap:40px}.audience-strip p{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#91a09e;width:150px;line-height:1.4}.audience-list{display:flex;align-items:center;justify-content:space-between;gap:33px;flex:1;flex-wrap:wrap}.audience-list span{display:flex;align-items:center;gap:7px;font:700 13px "Manrope";color:#6b827e}.audience-list i{font-size:19px;color:var(--green)}.section{padding:105px 0}.section-heading h2,.feature-copy h2,.faq h2{font-size:clamp(34px,3.4vw,50px);margin:14px 0 18px}.section-heading>p,.feature-copy>p,.faq-grid>div>p{color:var(--muted);max-width:600px;font-size:16px}.section-heading.centered{text-align:center}.section-heading.centered>p{margin:0 auto}.benefits{background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}.benefit-grid article{border:1px solid var(--line);padding:32px;border-radius:18px;transition:.25s;background:#fff}.benefit-grid article:hover,.benefit-grid .featured{transform:translateY(-8px);box-shadow:0 20px 55px rgba(19,66,59,.1);border-color:transparent}.icon-box{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:23px}.icon-box.green{background:var(--mint);color:var(--green)}.icon-box.coral{background:#fff0eb;color:var(--coral)}.icon-box.blue{background:#eaf3fc;color:#4c86b9}.benefit-grid h3{font-size:20px;margin:22px 0 10px}.benefit-grid p{font-size:14px;color:var(--muted);margin:0 0 17px}.benefit-grid a{color:var(--green);font-size:13px;font-weight:800}.features{background:var(--cream)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:105px}.feature-visual{position:relative;background:linear-gradient(145deg,#dcefe7,#eef5e7);border-radius:36px;min-height:535px;padding:43px 55px}.phone-card{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);max-width:380px;margin:auto}.phone-head{display:flex;justify-content:space-between;align-items:center}.phone-head span{font:800 18px "Manrope"}.phone-head b{font-size:9px;background:var(--mint);color:var(--green);padding:5px 9px;border-radius:20px}.phone-date{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:21px 0}.phone-date span{text-align:center;font-size:7px;color:#81938f;padding:7px 4px;border-radius:8px}.phone-date small{display:block;font-size:12px;color:var(--ink);font-weight:700}.phone-date .selected{background:var(--green);color:#d9efea}.phone-date .selected small{color:white}.schedule-item{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:9px;padding:13px 0;border-top:1px solid #edf1ef}.schedule-item time{font-size:9px;color:var(--green);font-weight:800}.schedule-item div{display:flex;flex-direction:column;border-left:3px solid var(--green);padding-left:9px}.schedule-item strong{font-size:10px}.schedule-item small{font-size:7px;color:#8b9c99}.schedule-item>span{font-size:6px;color:var(--green);background:var(--mint);padding:4px 6px;border-radius:10px}.schedule-item.orange div{border-color:var(--coral)}.schedule-item.orange>span{background:#fff0e9;color:#c96d53}.check-card{position:absolute;right:13px;bottom:47px;background:#fff;padding:14px 16px;border-radius:13px;box-shadow:0 17px 35px rgba(17,63,57,.16);display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center}.check-card>i{grid-row:span 2;font-size:30px;color:var(--green)}.check-card strong{font-size:10px}.check-card small{font-size:7px;color:#869793}.feature-list{display:grid;gap:19px;margin:30px 0}.feature-list>div{display:flex;gap:14px}.feature-list>div>i{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--green);font-size:19px}.feature-list span{display:flex;flex-direction:column}.feature-list strong{font:700 14px "Manrope"}.feature-list small{color:var(--muted);font-size:12px;margin-top:2px}.testimonials{background:var(--ink);color:#fff;position:relative;overflow:hidden}.testimonials:after{content:"🐾";position:absolute;right:4%;top:5%;font-size:140px;opacity:.025;transform:rotate(-20deg)}.section-tag.light{color:#8fd5c6}.testimonials .section-heading h2 em{color:#8fd5c6}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.testimonial-grid article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:29px;position:relative}.testimonial-grid .quote{position:absolute;right:24px;top:14px;font:70px Georgia;color:rgba(255,255,255,.1)}.testimonial-grid p{font-size:14px;line-height:1.8;color:#d2e0dd;min-height:125px}.person{display:flex;align-items:center;gap:11px;margin-top:20px}.person>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#f3b48e;color:#703f31;font-size:11px;font-weight:800}.person div{display:flex;flex-direction:column}.person strong{font-size:12px}.person small{color:#91aaa5;font-size:10px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.text-link.dark{color:var(--green);margin-top:15px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{list-style:none;cursor:pointer;font:700 15px "Manrope";display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-size:21px;color:var(--green);transition:.2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);max-width:620px;margin:13px 35px 0 0}.cta-section{padding:0 0 90px}.cta-box{background:linear-gradient(120deg,#246f64,#164c45);border-radius:24px;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;padding:52px 60px;position:relative;overflow:hidden}.cta-box>div:not(.cta-paws){position:relative;z-index:2}.cta-box span{color:#a9ddd1;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;font-weight:800}.cta-box h2{font-size:32px;margin:7px 0}.cta-box p{margin:0;color:#cce1dc;font-size:14px}.btn-light{background:white;color:var(--green);position:relative;z-index:2}.cta-paws{position:absolute;right:260px;font-size:150px;opacity:.04;transform:rotate(-20deg)}.site-footer{background:#f7f8f5}.footer-top{display:grid;grid-template-columns:1.3fr .6fr .6fr 1fr;gap:60px;padding:65px 0 45px}.footer-brand{margin-bottom:19px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-top p{font-size:12px;color:var(--muted);max-width:265px;margin:0}.footer-top strong{font:700 13px "Manrope";margin-bottom:8px}.footer-top>div>a:not(.brand){font-size:12px;color:#667d79}.footer-contact{color:var(--green)!important;font-weight:700}.footer-bottom{border-top:1px solid #e1e9e6;padding:20px 0;display:flex;justify-content:space-between;color:#83938f;font-size:10px}.footer-bottom i{color:var(--coral)}
@media(max-width:980px){.main-nav{position:absolute;left:20px;right:20px;top:72px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;border-radius:14px;display:none;flex-direction:column;gap:4px}.main-nav.is-open{display:flex}.main-nav a{padding:9px}.menu-toggle{display:block;margin-left:auto}.nav-actions{order:2}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr;gap:65px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{width:min(720px,100%);margin:auto}.audience-strip .container{flex-direction:column;gap:15px}.audience-strip p{width:auto;text-align:center}.audience-list{justify-content:center}.feature-grid{gap:50px}.feature-visual{padding-inline:25px}.faq-grid{gap:55px}.footer-top{grid-template-columns:1.3fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.testimonial-grid article p{min-height:165px}}
@media(max-width:720px){.container{width:min(100% - 28px,1160px)}.site-header{height:68px}.nav-wrap{gap:10px}.nav-actions .btn-ghost{display:none}.nav-actions .btn-primary{min-height:38px;padding:8px 13px;font-size:12px}.brand{font-size:22px}.brand-mark{width:31px;height:31px}.hero{padding:48px 0 65px}.hero-grid{gap:50px}h1{font-size:40px}.hero-copy>p{font-size:16px}.float-card{display:none}.dashboard-body{min-height:310px}.dash-content{padding:15px}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric{padding:8px;display:block}.metric>i{margin-bottom:5px}.dash-bottom{grid-template-columns:1fr}.appointments{display:none}.chart{height:85px}.audience-list{gap:12px 20px}.audience-list span{font-size:11px}.section{padding:75px 0}.benefit-grid,.testimonial-grid{grid-template-columns:1fr}.benefit-grid article:hover,.benefit-grid .featured{transform:none}.feature-grid,.faq-grid{grid-template-columns:1fr}.feature-copy{order:-1}.feature-visual{min-height:480px}.testimonial-grid article p{min-height:auto}.cta-box{grid-template-columns:1fr;padding:38px 28px;gap:25px}.cta-box h2{font-size:27px}.cta-box .btn{justify-self:start}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px;text-align:center}.section-heading h2,.feature-copy h2,.faq h2{font-size:35px}}
@media(max-width:450px){.nav-actions .btn-primary i{display:none}.hero-actions{flex-direction:column}.dashboard-top{gap:10px}.search-bar{width:100px}.dash-sidebar{width:45px;padding-inline:7px}.dash-content{width:calc(100% - 45px)}.metric-grid{gap:5px}.metric strong{font-size:10px}.metric span,.metric small{font-size:6px}.feature-visual{padding:25px 12px;min-height:435px}.phone-card{padding:17px}.check-card{right:1px;bottom:25px}.footer-top{grid-template-columns:1fr}.footer-top>div{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
