:root{color-scheme:light dark;--font-sans: "Noto Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-display: "Quicksand", var(--font-sans);--color-bg: #ffffff;--color-fg: #0f172a;--color-muted: #334155;--color-accent: var( --color-accent, #22c55e );--color-accent-ink: #052e16;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-2: 8px;--corner-radius-ratio: .3636;--ui-control-height: 48px;--maxw: 72rem}@media (prefers-color-scheme: dark){:root{--color-bg: #0b1220;--color-fg: #e2e8f0;--color-muted: #94a3b8;--color-accent: #34d399;--color-accent-ink: #06221a}}*{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}html{scrollbar-gutter:stable}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);line-height:1.6;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}img,picture,svg,video{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-4)}.edge-to-edge{margin-inline:calc(50% - 50vw)}.edge-to-edge__inner{padding-inline:clamp(var(--space-4),4vw,var(--space-8))}.legal-iframe{display:block;width:100%;min-height:80vh;border:0}header.site-header{border-bottom:0}.site-logo{height:42px;width:42px;border-radius:var(--radius-2);object-fit:contain;background-color:transparent}.header-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:var(--space-3)}.site-nav{display:flex;justify-content:center;align-items:center;gap:0}.header-cta{justify-self:end}.brand{justify-self:start}nav.site-nav a{color:inherit;text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2)}nav.site-nav a:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.lang-button{margin-left:var(--space-3);list-style:none;cursor:pointer;width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;border:0;background:transparent;line-height:1;anchor-name:--lang-anchor}.lang-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.lang-button .flag-icon{display:block;width:30px;height:auto}.lang-popover .flag-icon{display:inline-block;width:20px;height:auto;margin-inline-end:.5ch}.lang-popover[popover]{margin:0;inset:auto;position:fixed;position-anchor:--lang-anchor;top:anchor(bottom);left:anchor(right);translate:-100% .4rem;background:var(--color-bg);border:1px solid color-mix(in oklab,currentColor 20%,transparent);border-radius:8px;box-shadow:0 6px 24px #00000014;padding:.25rem;min-width:160px;z-index:1000;opacity:0;transform:scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,display .16s allow-discrete,overlay .16s allow-discrete;transition-behavior:allow-discrete}.lang-popover[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{.lang-popover[popover]:popover-open{opacity:0;transform:scale(.98)}}.lang-popover a{display:inline-flex;align-items:center;gap:.5ch;padding:.5rem .75rem;text-decoration:none;color:inherit}.lang-popover .is-current{display:inline-flex;align-items:center;gap:.5ch;padding:.5rem .75rem;font-weight:600;background:color-mix(in oklab,currentColor 8%,transparent);border-radius:6px}.lang-popover .is-disabled{display:inline-flex;align-items:center;gap:.5ch;padding:.5rem .75rem;color:color-mix(in oklab,currentColor 45%,transparent)}.lang-popover a:hover,.lang-popover a:focus{background:color-mix(in oklab,currentColor 12%,transparent);outline:none}.header-cta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.get-app{position:relative;display:inline-block}.get-app-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;text-decoration:none;color:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);white-space:nowrap}.get-app-link:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.nav-icon{width:18px;height:18px;display:inline-block}@media (max-width: 40rem){.header-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center}}.menu-button{display:none}@media (max-width: 40rem){nav.site-nav{display:none}.menu-button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:8px;border:0;background:transparent;color:inherit;cursor:pointer;anchor-name:--menu-anchor}.menu-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.get-app-link .nav-icon{display:none}.get-app-link{font-weight:500;font-size:.85rem;padding:.3rem .6rem;background:transparent;color:inherit;border:1px solid color-mix(in srgb,var(--color-muted) 35%,transparent);border-radius:999px}.get-app-link:hover{background:color-mix(in oklab,currentColor 10%,transparent)}}.site-menu[popover]{margin:0;inset:auto;position:fixed;position-anchor:--menu-anchor;top:anchor(bottom);left:anchor(right);translate:-100% .4rem;background:var(--color-bg);color:inherit;border:1px solid color-mix(in oklab,currentColor 20%,transparent);border-radius:12px;box-shadow:0 6px 24px #00000014;padding:0;inline-size:max-content;max-inline-size:90vw;z-index:1000;opacity:0;transform:scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,display .16s allow-discrete,overlay .16s allow-discrete;transition-behavior:allow-discrete}.site-menu:popover-open{opacity:1;transform:scale(1)}@starting-style{.site-menu:popover-open{opacity:0;transform:scale(.98)}}.site-menu .menu-panel{padding:0;display:grid;gap:0}.site-menu .menu-body{padding:var(--space-4) var(--space-3) var(--space-3);display:grid;gap:var(--space-2);justify-items:start}.site-menu .menu-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin:0 0 var(--space-1) 0;text-align:left;padding-inline:var(--space-4) calc(var(--space-4) * 3)}.site-menu .menu-nav{display:inline-flex;flex-direction:column;gap:0;padding:0;inline-size:max-content}.site-menu .menu-nav a{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;padding:.5rem calc(var(--space-4) * 3) .5rem var(--space-4);width:100%;border-radius:var(--radius-2);white-space:nowrap}.site-menu .menu-nav a:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.site-menu .menu-link-icon{inline-size:20px;block-size:20px;flex:0 0 auto;display:block}.site-menu .menu-link-label{display:inline-flex;align-items:center}.site-menu .menu-footer{border-top:1px solid color-mix(in srgb,var(--color-muted) 35%,transparent);padding:var(--space-3);display:flex;justify-content:space-evenly;align-items:center;gap:var(--space-3);width:100%;min-height:44px}.site-menu .menu-social-link{position:relative;color:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;border-radius:50%;background:#000}.site-menu .menu-social-link .menu-social-icon{display:none}.site-menu .menu-social-link:before{content:"";inline-size:18px;block-size:18px;background-color:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.menu-button{position:relative}.menu-button .icon-burger,.menu-button .icon-close{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.menu-button .icon-close{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.9)}.header-bar:has(#site-menu:popover-open) .menu-button .icon-burger{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.9)}.header-bar:has(#site-menu:popover-open) .menu-button .icon-close{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.qr-popover{position:absolute;top:calc(100% + var(--space-2));right:0;width:160px;aspect-ratio:1 / 1;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:20;container-type:size}.qr-card{padding:var(--space-2);background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-muted) 35%,transparent);box-shadow:0 6px 16px #0000001a,0 1px 2px #0000000f;border-radius:min(32px,calc(var(--corner-radius-ratio) * 100cqb));overflow:hidden;width:100%;height:100%}.qr-card img{width:100%;height:100%;display:block;object-fit:contain}@media (hover: hover) and (pointer: fine){.get-app:hover .qr-popover,.get-app:focus-within .qr-popover{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (min-width: 64rem) and (hover: hover) and (pointer: fine){.get-app .qr-popover{left:50%;right:auto;transform:translate(-50%,-4px)}.get-app:hover .qr-popover,.get-app:focus-within .qr-popover{transform:translate(-50%)}}.hero{padding-block:clamp(1rem,3vw,3.5rem);display:grid;gap:var(--space-3);align-items:center}.hero__content{display:grid;gap:var(--space-3)}.hero__head{display:grid;gap:var(--space-2)}.hero__head p{margin:0}@media (min-width: 40rem){.hero{grid-template-columns:1fr clamp(340px,42vw,520px);gap:var(--space-6)}}@media (min-width: 64rem){.hero{grid-template-columns:minmax(40ch,1fr) clamp(480px,40vw,640px)}}@media (min-width: 80rem){.hero{grid-template-columns:minmax(44ch,1fr) clamp(520px,36vw,700px)}}@media (min-width: 96rem){.hero{grid-template-columns:minmax(52ch,1fr) clamp(620px,45vw,860px)}}.hero__shaka{display:inline-block;width:60px;height:auto;margin-inline-end:0;margin-bottom:var(--space-1);vertical-align:text-bottom;transform:translateY(2px)}@media (min-width: 40rem){.hero__shaka{display:none;margin-bottom:0;width:40px}}.hero__image{display:none}@media (min-width: 40rem){.hero__image{display:block;width:clamp(96px,16.67vw,200px);aspect-ratio:1 / 1;height:auto;margin:0;justify-self:start}}.hero__media{margin:0}.hero__screenshot{display:block;aspect-ratio:1 / 1;width:clamp(302px,95vw,440px);height:auto;border-radius:var(--radius-2)}@media (min-width: 40rem){.hero__screenshot{width:120%;max-width:120%}}@media (min-width: 96rem){.hero__screenshot{width:100%;max-width:100%}}.hero__media{order:-1;justify-self:center}@media (min-width: 40rem){.hero__media{order:0;justify-self:stretch}}.hero h1{font-size:clamp(2rem,5vw,3rem);margin:0}.hero p{color:var(--color-muted);max-width:60ch}.cta{display:inline-flex;text-decoration:none;color:inherit}.cta__inner{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);--cta-pad-x: var(--space-4);height:var(--ui-control-height);padding:0 var(--cta-pad-x);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;border:0;border-radius:min(32px,calc(var(--corner-radius-ratio) * var(--ui-control-height)))}.cta:focus-visible .cta__inner{outline:2px solid currentColor;outline-offset:3px}.cta--ghost .cta__inner{background:transparent;color:inherit;border:1px solid color-mix(in srgb,var(--color-muted) 35%,transparent)}.store-badge{display:inline-block;height:var(--ui-control-height);aspect-ratio:142 / 48;position:relative;line-height:0;transition:opacity .15s ease;container-type:size}.store-badge:hover{opacity:.85}.store-badge__frame{position:absolute;inset:0;background:#000;border:1px solid color-mix(in srgb,var(--color-muted) 35%,transparent);box-shadow:0 6px 16px #0000001a,0 1px 2px #0000000f;border-radius:min(32px,calc(var(--corner-radius-ratio) * 100cqb));overflow:hidden;display:block}.store-badge__img{display:block;height:100%;width:auto}.radius-by-height{container-type:size;border-radius:min(32px,calc(var(--corner-radius-ratio) * 100cqb));overflow:hidden}footer.site-footer{border-top:0}.site-footer .footer-wrap{padding-block:var(--space-8) var(--space-6);color:var(--color-muted);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap}.site-footer .footer-left{display:flex;flex-direction:column;gap:var(--space-1);min-width:260px}.site-footer .footer-copy{margin:0}.site-footer .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.site-footer .footer-links a{color:inherit;text-decoration:none;padding:0;border-radius:var(--radius-2)}.site-footer .footer-social-group{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.site-footer .footer-social{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);color:inherit;text-decoration:none;inline-size:36px;block-size:36px;border-radius:50%;background:#000}.site-footer .footer-social-icon{display:none}.site-footer .footer-social:before{content:"";inline-size:18px;block-size:18px;background-color:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;clip-path:inset(50%)}.site-footer .footer-brand-graphic{width:clamp(72px,10vw,120px);height:auto;align-self:flex-end;display:block}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.h1,h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto}h1{font-size:clamp(2rem,2vw + 1.5rem,3rem);line-height:1.2;letter-spacing:-.01em}h2{font-size:clamp(1.5rem,1.2vw + 1.2rem,2.25rem);line-height:1.25;letter-spacing:-.005em}h3{font-size:clamp(1.25rem,.8vw + 1rem,1.5rem);line-height:1.3}.feature-scene{padding-block:var(--space-12)}.feature-scene__inner{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}@media (min-width: 40rem){.feature-scene__inner{grid-template-columns:1.1fr 1fr}}@media (min-width: 40rem) and (max-width: 64rem){.feature-scene__inner{grid-template-columns:.9fr 1.25fr}}.feature-scene__text{max-width:44rem}.feature-scene__kicker{color:var(--color-accent);font-weight:700;margin:0;margin-bottom:var(--space-2)}.feature-scene__title{font-family:var(--font-display);font-optical-sizing:auto;font-size:clamp(1.9rem,2.3vw + 1rem,2.75rem);line-height:1.15;margin-top:0;margin-bottom:0}.feature-scene__lead{color:var(--color-muted);font-size:1.125rem;margin-top:var(--space-3);line-height:1.45;white-space:normal}.feature-scene__lead .lead-line{display:block}.feature-scene__lead .lead-line+.lead-line{margin-top:var(--lead-break-gap, var(--space-3))}.pill-list{list-style:none;padding:0;margin:var(--space-3) 0 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill-list .pill{display:inline-flex;align-items:center;height:32px;padding:0 .75rem;background:var(--color-accent);color:#fff;border-radius:999px;font-family:var(--font-display);font-optical-sizing:auto;font-size:.9375rem;font-weight:600;white-space:nowrap}@supports (animation-timeline: view()){.feature-scene{view-timeline-name:--scene;view-timeline-axis:block}.feature-scene__inner{animation:scene-reveal .22s cubic-bezier(.2,.7,.2,1);animation-timeline:--scene;animation-range:entry 25% cover 30%}@keyframes scene-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-scene__shot{animation:image-settle .2s ease-out;animation-timeline:--scene;animation-range:entry 30% cover 30%}@keyframes image-settle{0%{transform:scale(.985)}to{transform:scale(1)}}}@media (prefers-reduced-motion: reduce){.feature-scene__inner,.feature-scene__shot{animation:none!important;opacity:1!important;transform:none!important}}@supports not (animation-timeline: view()){.feature-scene__inner,.feature-scene__shot{animation:none;opacity:1;transform:none}}.feature-scene__media{justify-self:center}.feature-scene__shot{width:var(--feature-shot-width-mobile, min(420px, 100%));max-width:100%;height:auto;border-radius:var(--radius-2);max-height:var(--feature-shot-height-mobile, none)}@media (min-width: 40rem){.feature-scene__shot{width:var(--feature-shot-width-tablet, var(--feature-shot-width-mobile, min(420px, 100%)));max-width:100%;max-height:var(--feature-shot-height-tablet, var(--feature-shot-height-mobile, none))}}@media (min-width: 80rem){.feature-scene__shot{width:var(--feature-shot-width-desktop, var(--feature-shot-width-tablet, var(--feature-shot-width-mobile, min(420px, 100%))));max-width:100%;max-height:var(--feature-shot-height-desktop, var(--feature-shot-height-tablet, var(--feature-shot-height-mobile, none)))}}.wall-of-love{padding-block:var(--space-12) 0;background:var(--color-main-100);color:#0f172a;inline-size:100vw;margin-inline:calc(50% - 50vw)}.wall-of-love .review__body{color:currentColor}.wall-title{text-align:center;font-family:var(--font-display);font-size:clamp(2.25rem,2.2vw + 1.75rem,3rem);margin:0}.reviews{margin-top:var(--space-6);display:grid;gap:var(--space-6);column-gap:var(--space-8);grid-template-columns:1fr;align-items:start}@media (min-width: 64rem){.reviews{grid-template-columns:repeat(3,1fr)}}.review{text-align:center;max-width:42ch;margin-inline:auto}.review__title{margin-top:var(--space-3);font-family:var(--font-display);font-size:1.1875rem;color:currentColor}.review__stars{display:inline-flex;gap:var(--space-2);margin-top:var(--space-2)}.review__stars .star{width:22px;height:22px;display:inline-block;background:var(--color-yellow);-webkit-mask:url(/icons/star.svg) center / contain no-repeat;mask:url(/icons/star.svg) center / contain no-repeat}.review__body{margin-top:var(--space-2);color:var(--color-muted);font-size:1.0625rem;line-height:1.5;hyphens:auto;overflow-wrap:anywhere}.review__footer{margin-top:var(--space-3);font-weight:600;color:currentColor}.review__author{font-style:normal}.wall-graphic{display:block;margin:var(--space-8) auto 0;width:clamp(140px,22vw,260px);height:auto}.site-menu .menu-social-link[href*=instagram]:before,.site-footer .footer-social[href*=instagram]:before{mask-image:url(/icons/instagram.svg);-webkit-mask-image:url(/icons/instagram.svg)}.site-menu .menu-social-link[href*=youtube]:before,.site-footer .footer-social[href*=youtube]:before{mask-image:url(/icons/youtube.svg);-webkit-mask-image:url(/icons/youtube.svg)}.site-menu .menu-social-link[href*=rss]:before,.site-footer .footer-social[href*=rss]:before,.site-footer .footer-social[href$="/rss.xml"]:before{mask-image:url(/icons/rss.svg);-webkit-mask-image:url(/icons/rss.svg)}.hero__highlight{color:var(--color-accent)}:root{--color-accent: #09b8fe;--color-green: #4ad66d;--color-orange: #ffac2f;--color-red: #f45562;--color-yellow: #ffd700;--color-main-100: #bfecff;--color-main-200: #9de2ff;--color-main-300: #7ad8fe;--color-main-50: #e1f6ff;--color-main-500: #36c4fe;--color-main: #09b8fe;--color-behavior: #d7a1f9;--color-bowel-movement: #ffa279;--color-condition: #f9c090;--color-health-metrics: #88e851;--color-meal: #ff9a03;--color-medication: #ff6fbc;--color-parasite-control: #d1e231;--color-symptoms: #8980f5;--color-urination: #0acdff;--color-vaccination: #c55df6;--color-vitals: #ff91af;--color-water: #ffd600;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-30: #fafbfb;--color-gray-300: #e0e0e0;--color-gray-40: #f7f9fa;--color-gray-400: #bdbdbd;--color-gray-50: #f5f7fa;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-70: #eceff3;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121}@media (prefers-color-scheme: dark){:root{--color-accent: #09b8fe;--color-green: #4ad66d;--color-orange: #ffac2f;--color-red: #f45562;--color-yellow: #ffd700;--color-main-100: #bfecff;--color-main-200: #9de2ff;--color-main-300: #7ad8fe;--color-main-50: #e1f6ff;--color-main-500: #36c4fe;--color-main: #09b8fe;--color-behavior: #d7a1f9;--color-bowel-movement: #ffa279;--color-condition: #f9c090;--color-health-metrics: #88e851;--color-meal: #ff9a03;--color-medication: #ff6fbc;--color-parasite-control: #d1e231;--color-symptoms: #8980f5;--color-urination: #0acdff;--color-vaccination: #c55df6;--color-vitals: #ff91af;--color-water: #ffd600;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-30: #fafbfb;--color-gray-300: #e0e0e0;--color-gray-40: #f7f9fa;--color-gray-400: #bdbdbd;--color-gray-50: #f5f7fa;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-70: #eceff3;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121}}@font-face{font-family:Quicksand;src:url(/fonts/quicksand-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(/fonts/noto-sans-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(/fonts/noto-sans-var-italic.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
