:root{--ink:#17201d;--muted:#5f6c67;--cream:#f7f3ea;--white:#fff;--green:#1f604d;--green2:#2d7a62;--lime:#dff2a6;--line:#dfe5e1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:0 28px}.brand{display:flex;gap:9px;align-items:center;font-size:19px;font-weight:700;text-decoration:none;color:var(--ink)}.paw{font-size:23px}.nav-cta{color:var(--green);font-weight:750;text-decoration:none}
.hero{max-width:1160px;margin:0 auto;padding:70px 28px 100px;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:850;color:var(--green2);margin-bottom:17px}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}.hero h1 span{color:var(--green)}.lead{font-size:20px;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-block;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:800}.primary{background:var(--green);color:white}.secondary{border:1px solid #cdd6d1;color:var(--ink);background:#fff8}.micro{font-size:13px;color:var(--muted);margin:12px 0 0 8px}
.hero-card{height:440px;border-radius:38px;background:var(--lime);position:relative;overflow:hidden;box-shadow:0 25px 70px #173b2820}.dog{font-size:145px;position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 8px #0002)}.tub{position:absolute;left:12%;right:12%;bottom:42px;height:145px;border-radius:20px 20px 60px 60px;background:var(--green);color:white;text-align:center;font-size:38px;font-weight:900;letter-spacing:.1em;padding-top:24px}.tub small{font-size:12px;letter-spacing:.2em}.bubble{position:absolute;border:3px solid #fff9;border-radius:50%}.bubble1{width:50px;height:50px;right:16%;top:15%}.bubble2{width:27px;height:27px;left:18%;top:22%}.bubble3{width:18px;height:18px;right:28%;top:8%}
.section{background:white;padding:100px 28px}.section-head{max-width:800px;margin:0 auto 50px;text-align:center}.section h2,.survey-wrap h2{font-size:clamp(36px,5vw,56px);letter-spacing:-.04em;line-height:1.05;margin:0 0 18px}.section-head p{color:var(--muted);font-size:18px}.features{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{background:#f7f9f6;border:1px solid var(--line);border-radius:24px;padding:30px}.features .icon{font-size:32px}.features h3{font-size:23px;margin:15px 0 8px}.features p{color:var(--muted);margin:0}
.survey-wrap{background:var(--green);padding:100px 28px}.survey-intro{max-width:800px;margin:0 auto 38px;text-align:center;color:white}.survey-intro p{font-size:18px;color:#e5f0ec}.light{color:var(--lime)}.survey-card{max-width:900px;margin:auto;background:white;border-radius:28px;padding:14px 18px;box-shadow:0 25px 60px #0c2b2038;min-height:700px}
footer{max-width:1160px;margin:auto;padding:45px 28px 60px;display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{color:var(--muted);font-size:14px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.hero-card{height:340px}.dog{font-size:110px}.tub{height:120px;font-size:28px}.features{grid-template-columns:1fr}.section,.survey-wrap{padding:72px 20px}.survey-card{padding:8px}.nav{padding:0 20px}footer{display:block}.hero{padding-left:20px;padding-right:20px}.lead{font-size:18px}}