:root{--dark:#073e42;--teal:#0e5a5a;--green:#71b85a;--mint:#dceeca;--coral:#ff806b;--peach:#ffe0d8;--cream:#fffaf0;--ink:#183536;--muted:#617777;--line:#dbe6df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fffef9;margin:0;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px}header{justify-content:space-between;align-items:center;gap:30px;width:min(1200px,100% - 40px);height:90px;margin:auto;display:flex}.brand img{width:164px}nav{color:#345758;gap:32px;font-weight:700;display:flex}.outline{border:1px solid var(--teal);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:800}.hero{background:linear-gradient(125deg,#eff8df,#fff9ed 58%,#ffe7dd);border-radius:36px;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;width:min(1280px,100% - 40px);min-height:650px;margin:auto;padding:70px clamp(30px,6vw,85px);display:grid;overflow:hidden}.eyebrow{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;margin:0 0 20px;font-size:13px;font-weight:900}.eyebrow:before{content:"";background:var(--coral);width:23px;height:2px;margin:0 9px 4px 0;display:inline-block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:25px;font-size:clamp(50px,5.8vw,78px);line-height:1}h1 em{color:#26877e;font:400 1em Georgia,serif;display:block}.intro{color:#456363;max-width:630px;font-size:19px}.actions{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.button,.link{align-items:center;gap:9px;font-weight:900;display:inline-flex}.button{color:#fff;background:var(--dark);border-radius:999px;min-height:51px;padding:0 23px}.hero ul{color:var(--muted);flex-wrap:wrap;gap:10px 20px;margin:43px 0 0;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.hero li:before{content:"•";color:var(--coral);margin-right:8px}.visual{min-height:460px;position:relative}.ring{border:1px solid #0e5a5a29;border-radius:50%;position:absolute}.one{inset:30px 0 0 10px}.two{inset:85px 55px 40px 65px}.mark{background:#fff;border-radius:45%;place-items:center;width:225px;height:225px;display:grid;position:absolute;top:105px;left:50%;transform:translate(-50%);box-shadow:0 25px 60px #0e5a5a26}.mark img{width:145px}.bubble{z-index:2;color:#fff;border-radius:50%;place-content:center;justify-items:center;width:85px;height:85px;font-size:27px;display:grid;position:absolute;box-shadow:0 16px 35px #073e4226}.bubble small{font-size:11px;font-weight:800}.b1{background:var(--coral);top:5px;left:24%}.b2{background:var(--green);top:115px;right:-5px}.b3{background:var(--teal);bottom:50px;left:3%}.visual>p{color:var(--teal);position:absolute;bottom:5%;right:2%}.section{width:min(1140px,100% - 40px);margin:auto;padding:105px 0}.heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;display:flex}h2{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(39px,5vw,60px);line-height:1.08}.cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cards article{border-radius:26px;min-height:365px;padding:31px;position:relative;overflow:hidden}.cards .mint{background:var(--mint)}.cards .coral{background:var(--peach)}.cards .teal{color:#fff;background:var(--teal)}.icon{width:58px;height:58px;color:var(--teal);background:#ffffffb8;border-radius:18px;place-items:center;margin-bottom:40px;font-size:24px;display:grid}.category{letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900}.cards h3{font-size:25px;line-height:1.2}.cards article>p:last-of-type{opacity:.78}.cards article>a{width:44px;height:44px;color:var(--teal);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:25px;right:25px}.species{color:#fff;background:var(--dark);border-radius:34px;grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:min(1280px,100% - 40px);margin:auto;padding:78px clamp(30px,6vw,80px);display:grid}.species>div>p:not(.eyebrow){color:#bad0cb}.species .eyebrow{color:#cae6dc}.light{color:var(--dark);background:#fff;margin-top:15px}.petgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.petgrid div{background:#ffffff12;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:15px;min-height:100px;padding:17px;font-weight:800;display:flex}.petgrid span{color:#a8d981;background:#ffffff18;border-radius:50%;place-items:center;width:47px;height:47px;font-size:22px;display:grid}.calculator{grid-template-columns:1fr 470px;align-items:center;gap:85px;display:grid}.soon{color:var(--teal);background:var(--mint);border-radius:8px;padding:6px 12px;font-size:13px;display:inline-block}.calc{border:1px solid var(--line);background:#fff;border-radius:28px;padding:30px;box-shadow:0 24px 70px #073e421f}.calctitle{justify-content:space-between;margin-bottom:28px;font-weight:900;display:flex}.calctitle b{color:var(--coral)}.calc label{color:var(--muted);text-transform:uppercase;margin:16px 0 7px;font-size:13px;font-weight:800;display:block}.input{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.input strong{font-size:26px}.sizes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sizes span{border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px;font-weight:700}.sizes .active{color:#fff;background:var(--teal)}.calc button{color:#fff;background:var(--coral);width:100%;font:inherit;opacity:.75;border:0;border-radius:14px;margin-top:23px;padding:14px;font-weight:900}footer{border-top:1px solid var(--line);width:min(1140px,100% - 40px);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:35px 0;font-size:13px;display:flex}footer img{width:130px}@media (max-width:900px){nav{display:none}.hero,.cards{grid-template-columns:1fr}.cards article{min-height:300px}.species{grid-template-columns:1fr}.calculator{grid-template-columns:1fr;gap:40px}.calc{max-width:540px}}@media (max-width:600px){header{width:calc(100% - 28px);height:75px}.brand img{width:138px}.outline{display:none}.hero,.species{border-radius:24px;width:calc(100% - 20px)}.hero{padding:43px 24px 25px}h1{font-size:45px}.visual{min-height:365px;margin:-10px -25px;transform:scale(.9)}.section{width:calc(100% - 32px);padding:75px 0}.heading{display:block}.species{padding:55px 24px}.petgrid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;width:calc(100% - 32px)}}
.mark>svg{stroke:none;width:145px;height:auto}