:root{--ivory:#f8f6ef;--ink:#233d4a;--muted:#65747b;--blue:#c6e5f3;--butter:#f4df8b;--line:#dedfd7;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--ivory);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}svg{display:block;width:24px;height:24px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #51859d;outline-offset:5px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-70px;left:20px;background:var(--ink);color:white;padding:14px;z-index:100}.skip-link:focus{top:12px}
.header{height:114px;max-width:1440px;padding:0 64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-family:'Manrope',sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.6px}.brand-icon{width:43px;height:43px;border-radius:15px;background:var(--blue);display:grid;place-items:center;margin-right:10px;transform:rotate(-8deg)}.brand-icon svg{width:29px;height:29px;fill:var(--ink);transform:rotate(8deg)}.brand-period{color:#7d9da9}.header nav{display:flex;gap:35px;margin-left:30px}.nav-link{font-size:14px;font-weight:550;padding:12px 0;transition:color .2s}.nav-link:hover,.how-link:hover{color:#51859d}.nav-download{border:1px solid #bec9c8;padding:12px 21px;border-radius:99px;font-size:13px;font-weight:650;display:flex;align-items:center;gap:20px;transition:background .2s,transform .2s}.nav-download svg{width:18px;height:18px}.nav-download:hover{background:var(--blue);transform:translateY(-2px)}
main{max-width:1440px;margin:auto;padding:0 64px}.hero{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:640px;padding:22px 0 36px;position:relative}.hero-copy{position:relative;z-index:2;padding:32px 0 38px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;font-weight:650;margin-bottom:26px}.eyebrow-icon{font-size:22px;color:#7b9cab;line-height:1}h1{font-family:'Manrope',sans-serif;font-size:clamp(40px,4.6vw,64px);line-height:1.1;font-weight:800;letter-spacing:-2.8px;margin:0 0 14px;max-width:11ch}.brand-slogan{font-family:'Manrope',sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:750;letter-spacing:-.8px;color:#65899a;margin:0 0 22px}.intro{font-size:19px;font-weight:600;letter-spacing:-.35px;margin:0 0 13px}.description{max-width:405px;font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 29px}.actions{display:flex;align-items:center;gap:24px}.app-store{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:12px 21px 13px;border-radius:13px;box-shadow:0 5px 0 #1b2c3510;transition:transform .2s,background .2s}.app-store:hover{transform:translateY(-3px);background:#355463}.app-store>svg{width:26px;height:31px}.app-store span{display:flex;flex-direction:column}.app-store small{font-size:10px;line-height:1.4;letter-spacing:.2px}.app-store strong{font-size:23px;line-height:1.12;font-weight:550;letter-spacing:-.6px}.how-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;padding:10px 0;white-space:nowrap}.play-icon{border:1px solid #c6d1d1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:8px;padding-left:2px}.little-note{display:flex;gap:8px;align-items:center;font-size:10.5px;color:#78847f;margin-top:22px}.check{color:#648777;font-size:14px}
.hero-art{position:relative;align-self:center;margin:0 -34px 0 -8px;min-width:0;padding-top:96px}.dog-media{position:relative;width:100%;aspect-ratio:3/2;border-radius:180px 180px 20px 20px;overflow:hidden;background:var(--blue);isolation:isolate}.dog-media img,.dog-media video,.dog-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dog-media img{display:block}.dog-media canvas{opacity:0;transition:opacity .35s}.dog-media canvas.ready{opacity:1}.dog-media video{visibility:hidden}.art-note{position:absolute;right:24%;top:23px;font-family:'Manrope',sans-serif;font-size:16px;font-weight:650;letter-spacing:-.4px;transform:rotate(7deg);z-index:2}.art-note svg{position:absolute;width:60px;height:48px;right:-38px;top:24px;transform:rotate(10deg);stroke:#7c9198;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.sparkle{position:absolute;z-index:2;color:#849faa}.sparkle-one{top:115px;left:5%;font-size:42px;transform:rotate(-14deg)}.sparkle-two{top:168px;right:2%;font-size:26px;color:#c9ac59}.hello-tag{position:absolute;bottom:64px;left:50%;transform:translateX(-50%) rotate(-3deg);padding:12px 18px;background:#f9e9ad;border:1px solid #fff4c8;border-radius:8px;box-shadow:0 3px 10px #75603608;font-size:12px;font-weight:550;white-space:nowrap;display:flex;align-items:center;gap:8px}.tag-dot{width:6px;height:6px;border-radius:50%;background:#829375}.art-bottom{position:absolute;bottom:16px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between}.cursor-hint{display:flex;align-items:center;gap:6px;color:#89928c;font-size:10px}.cursor-hint svg{height:15px;width:15px;stroke:#89928c;stroke-width:1.2;fill:none}.motion-toggle{height:32px;width:32px;border-radius:50%;border:1px solid #d5d9cf;display:grid;place-items:center;background:#f8f6ef80}.motion-toggle svg{height:12px;width:12px;stroke:#768982;stroke-width:1.5;fill:none}.motion-toggle:hover{background:white}
.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;display:grid;grid-template-columns:1.1fr 1.4fr 1.4fr 1.4fr;align-items:center;gap:22px}.benefits-intro{font-size:13px;line-height:1.7;color:var(--muted)}.benefits-intro strong{font-weight:550;color:var(--ink)}.benefit{display:flex;align-items:center;gap:13px;text-align:left;padding:6px 0;transition:transform .2s}.benefit:hover{transform:translateY(-3px)}.benefit-icon{display:grid;place-items:center;border-radius:14px;width:46px;height:46px;flex-shrink:0;background:#e7eeeb}.benefit:nth-child(3) .benefit-icon{background:#e4edf2}.benefit:nth-child(4) .benefit-icon{background:#f4edd3}.benefit-icon svg{width:25px;height:25px;stroke:#698083;fill:none;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.benefit strong{display:block;font-size:12.5px;font-weight:650;line-height:1.6}.benefit small{display:block;font-size:11px;color:var(--muted);line-height:1.8}.page-foot{max-width:1440px;padding:26px 64px 24px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#8a938b;font-size:10px}.page-foot svg{width:16px;height:16px;fill:#b7c3b8;transform:rotate(-14deg)}
dialog{border:1px solid #e4e3d8;background:var(--ivory);color:var(--ink);border-radius:26px;padding:42px;width:min(580px,calc(100% - 28px));max-height:90dvh;box-shadow:0 20px 100px #152f4933}dialog::backdrop{background:#18324366;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:12px;font-size:28px;width:40px;height:40px;border-radius:50%}.dialog-close:hover{background:#e8edeb}.dialog-eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:650}h2{font-family:'Manrope',sans-serif;font-size:44px;letter-spacing:-2px;line-height:1.15;margin:20px 0 28px}.guide-tabs{display:flex;border-bottom:1px solid var(--line);gap:12px}.guide-tabs button{font-size:11px;flex:1;padding:12px 0;border-bottom:2px solid transparent}.guide-tabs button[aria-selected=true]{border-color:#65899a;font-weight:700}.guide-symbol{font-size:36px;display:block;margin:20px 0 8px;color:#65899a}#guide-panel{min-height:215px}h3{font-size:19px;letter-spacing:-.5px;margin:8px 0 12px}#step-copy{font-size:15px;line-height:1.8;color:var(--muted)}.guide-download{background:var(--ink);color:white;padding:16px 20px;border-radius:12px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.guide-download svg{height:20px;width:20px}
@media(min-width:1550px){.header{height:130px}.hero{min-height:690px}.hero-art{margin-right:-24px}.page-foot{padding-top:32px}}
@media(max-width:1150px){.header{padding:0 36px}main{padding:0 36px}.hero{min-height:600px;grid-template-columns:47% 53%}.hero-art{margin-right:-18px;margin-left:-8px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:62px;letter-spacing:-3.8px}.intro{font-size:16px}.description{font-size:14px;max-width:340px}.actions{gap:16px}.app-store{padding:11px 16px}.app-store strong{font-size:21px}.how-link{font-size:10px}.benefits{gap:15px;grid-template-columns:1fr 1.5fr 1.5fr 1.5fr}.benefit{gap:9px}.benefit strong{font-size:11px}.benefit small{font-size:9px}.benefit-icon{width:36px;height:40px}.benefits-intro{font-size:11px}.page-foot{padding-left:36px;padding-right:36px}.art-note{font-size:14px}.hello-tag{bottom:49px;font-size:10px;padding:9px 12px}.art-bottom{bottom:10px}}
@media(max-width:850px){.header{height:90px;padding:0 26px}.brand{font-size:27px}.brand-icon{height:37px;width:37px}.header nav{gap:20px;margin-left:0}.nav-link{font-size:12px}.nav-download{font-size:12px;padding:10px 16px;gap:10px}main{padding:0 26px}.hero{grid-template-columns:1fr;min-height:auto;padding:24px 0 30px}.hero-copy{text-align:center;padding:18px 0 0}.eyebrow{justify-content:center;font-size:9px;margin-bottom:22px}h1{font-size:70px;letter-spacing:-4px;margin-bottom:30px}.intro{font-size:18px}.description{font-size:15px;max-width:440px;margin:0 auto 25px}.actions{justify-content:center;gap:24px}.app-store{padding:12px 20px}.app-store strong{font-size:23px}.how-link{font-size:12px}.little-note{justify-content:center;font-size:10px;margin-top:20px}.hero-art{margin:5px auto 0;width:100%;max-width:650px;padding-top:64px}.art-note{top:14px;right:16%;font-size:13px}.art-note svg{width:42px;height:35px;right:-24px;top:17px}.sparkle-one{top:90px}.sparkle-two{top:130px}.hello-tag{bottom:54px}.benefits{grid-template-columns:repeat(3,1fr);gap:20px;padding:23px 0}.benefits-intro{display:none}.benefit{flex-direction:column;text-align:center;gap:9px}.benefit-icon{width:40px;height:40px}.benefit strong{font-size:11px}.benefit small{font-size:9px}.page-foot{padding:24px 26px;font-size:9px}}
@media(max-width:520px){.header{padding:0 16px;height:82px;gap:8px}.brand{font-size:22px;letter-spacing:-1px;min-width:0}.brand-icon{width:32px;height:32px;border-radius:12px;margin-right:6px}.brand-icon svg{height:22px;width:22px}.header nav{display:flex;gap:8px;margin-left:0;flex-shrink:1;min-width:0}.header nav .nav-link--modal{display:none}.nav-link--persistent{font-size:11px;white-space:nowrap}.nav-download{font-size:11px;padding:10px 11px;gap:6px;flex-shrink:0}main{padding:0 22px}.hero{padding-top:14px;padding-bottom:22px}.hero-copy{padding-top:16px}.eyebrow{font-size:7.5px;letter-spacing:1.15px;gap:6px;margin-bottom:21px}.eyebrow-icon{font-size:18px}h1{font-size:clamp(43px,12.7vw,64px);line-height:1.12;letter-spacing:-3.1px;margin-bottom:28px}.happy svg{height:12px;bottom:-7px}.intro{font-size:15.5px;letter-spacing:-.3px;margin-bottom:12px}.description{font-size:13px;line-height:1.8;max-width:330px;margin-bottom:23px}.actions{gap:18px}.app-store{padding:10px 15px;border-radius:11px;gap:9px}.app-store svg{width:23px;height:27px}.app-store small{font-size:8px}.app-store strong{font-size:20px}.how-link{font-size:10px;gap:6px}.play-icon{width:22px;height:22px;font-size:7px}.little-note{font-size:8.5px;margin-top:17px;gap:5px}.hero-art{width:calc(100% + 20px);margin:16px -10px 0;padding-top:47px}.dog-media{border-radius:100px 100px 13px 13px}.art-note{top:3px;font-size:11px;right:20%}.art-note svg{height:30px;width:35px;top:16px}.sparkle-one{font-size:26px;top:65px;left:3%}.sparkle-two{font-size:19px;top:90px;right:0}.hello-tag{font-size:8.5px;bottom:32px;padding:7px 10px;gap:5px;border-radius:5px}.tag-dot{width:4px;height:4px}.art-bottom{left:13px;right:13px;bottom:6px}.cursor-hint{font-size:7px;gap:3px}.cursor-hint svg{width:11px;height:11px}.motion-toggle{width:25px;height:25px}.motion-toggle svg{width:10px;height:10px}.benefits{gap:9px;padding:21px 0}.benefit strong{font-size:9px;line-height:1.5}.benefit small{font-size:8px;line-height:1.5;margin-top:4px}.benefit-icon{width:35px;height:35px;border-radius:11px}.benefit-icon svg{height:21px;width:21px}.page-foot{padding:21px 22px;font-size:8px}.page-foot span:last-child{max-width:115px;text-align:right}.page-foot svg{width:13px;height:13px}dialog{padding:30px 23px}h2{font-size:38px}.guide-tabs{gap:7px}.guide-tabs button{font-size:9px}h3{font-size:17px}#step-copy{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.local-preview-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);width:560px;padding:16px 20px;border:1px solid #bec9c8;border-radius:14px;background:var(--ivory);box-shadow:0 8px 35px #233d4a22;font-size:13px;line-height:1.6}.local-preview-notice a{display:block;margin-top:6px;text-decoration:underline;font-weight:700}
@media(max-width:520px){.header{gap:10px}.brand{font-size:24px}.nav-download{white-space:nowrap}.nav-download svg{display:none}}
.page-foot{flex-wrap:wrap;gap:12px}.page-foot-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.page-foot-links{display:flex;flex-wrap:wrap;gap:12px 18px;width:100%;font-size:10px}.page-foot-links a:hover{color:#51859d}.app-store.waitlist-cta{border:0;cursor:pointer}.guide-download{border:0;cursor:pointer;font:inherit}
@media(max-width:1150px){h1{font-size:clamp(36px,4.8vw,54px);letter-spacing:-2.4px}.brand-slogan{font-size:24px}}
@media(max-width:850px){h1{font-size:clamp(34px,8vw,48px);max-width:none;margin-left:auto;margin-right:auto}.brand-slogan{text-align:center}}
@media(max-width:520px){h1{font-size:clamp(30px,8.8vw,40px);letter-spacing:-1.6px;margin-bottom:12px}.brand-slogan{font-size:18px;margin-bottom:16px}}