.landing{--sky-hi:#7fb0d6;--sky-lo:#d3e6f2;--desk-hi:#e9ddc9;--desk-lo:#d8c8ab;--ink:#223649;--warm:#5a4a35;--collar:#2f9e6e;--collar-deep:#1f7350;--tag:#c7524a;--cloud:rgba(255,255,255,0.85);font-family:var(--font-body),ui-rounded,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--sky-hi) 0,var(--sky-lo) 62%,var(--sky-lo) 100%);min-height:100vh;overflow-x:hidden}.landing h1,.landing h2{font-family:var(--font-display),ui-rounded,system-ui,sans-serif;line-height:1.05;margin:0}.landing .px{font-family:var(--font-pixel),monospace;letter-spacing:.06em}.menubar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:8px 16px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(34,54,73,.08);font-size:13px;font-weight:700}.menubar .dots{display:flex;gap:6px}.menubar .dots span{width:11px;height:11px;border-radius:50%}.menubar .dots span:first-child{background:#ee6a5f}.menubar .dots span:nth-child(2){background:#f5bd4f}.menubar .dots span:nth-child(3){background:#61c554}.menubar .spacer{flex:1 1}.menubar a{color:var(--ink);text-decoration:none;font-weight:700;font-size:13px}.menubar .menubar-cta{background:var(--collar);color:#fff;padding:5px 14px;border-radius:99px;box-shadow:0 2px 0 var(--collar-deep)}.hero{min-height:calc(100vh - 46px);flex-direction:column}.hero,.hero-inner{position:relative;display:flex}.hero-inner{z-index:3;flex:1 1;flex-direction:column;justify-content:center;align-items:center;max-width:1080px;margin:0 auto;padding:28px 28px 10px;text-align:center}.hero-stage{position:relative;z-index:2;height:285px;flex:none}.eyebrow{font-size:12px;color:var(--warm);text-transform:uppercase}.hero h1{font-size:clamp(38px,5.6vw,70px);font-weight:800;margin:14px auto;max-width:16ch;text-wrap:balance}.hero .sub{font-size:clamp(15px,2vw,18px);color:var(--warm);max-width:52ch;margin:0 auto 24px;line-height:1.55}.cta{display:inline-block;font-family:var(--font-display),ui-rounded,sans-serif;font-weight:700;font-size:19px;color:#fff;background:var(--collar);border:0;border-radius:16px;padding:16px 34px;text-decoration:none;box-shadow:0 5px 0 var(--collar-deep),0 14px 30px rgba(31,115,80,.28);transition:transform .1s ease;cursor:pointer}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--collar-deep)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.friction{margin-top:14px;font-size:13.5px;font-weight:600;color:rgba(34,54,73,.62)}.cloud{z-index:1;width:var(--w);height:calc(var(--w) * .32);border-radius:99px;opacity:.8;animation:drift linear infinite}.cloud,.cloud:after,.cloud:before{position:absolute;background:var(--cloud)}.cloud:after,.cloud:before{content:"";border-radius:50%;bottom:40%}.cloud:before{width:calc(var(--w) * .42);height:calc(var(--w) * .42);left:16%}.cloud:after{width:calc(var(--w) * .3);height:calc(var(--w) * .3);right:18%}@keyframes drift{0%{transform:translateX(-30vw)}to{transform:translateX(130vw)}}.sun{top:8vh;right:9vw;width:64px;height:64px;background:#ffd985;border-radius:50%;box-shadow:0 0 0 12px rgba(255,217,133,.3),0 0 70px 28px rgba(255,217,133,.45);z-index:0}.desk,.sun{position:absolute}.desk{left:0;right:0;bottom:0;height:165px;background:linear-gradient(180deg,var(--desk-hi),var(--desk-lo));border-top:4px solid rgba(90,74,53,.25)}.hero-pet{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;border:0;background:none;padding:0}.hero-pet:focus-visible{outline:3px dashed var(--ink);outline-offset:8px}.hero-pet img{height:168px;image-rendering:pixelated;filter:drop-shadow(0 6px 4px rgba(60,40,20,.28))}.hero-pet .plate{font-size:11px;color:var(--warm);background:rgba(255,255,255,.78);padding:4px 12px;border-radius:99px;white-space:nowrap}.materialize-in{animation:pixel-rise 1.2s steps(12) .2s backwards}@keyframes pixel-rise{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.marquee{position:relative;z-index:3;background:var(--ink);color:#dfe9f2;overflow:hidden;padding:10px 0}.marquee-track{display:inline-flex;gap:42px;white-space:nowrap;animation:marquee 30s linear infinite;font-size:12px}.marquee-track b{color:#8fd8b8;font-weight:400}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.section{position:relative;z-index:3;max-width:1020px;margin:0 auto;padding:90px 28px 0}.section h2{font-size:clamp(30px,4.4vw,46px);font-weight:800;text-align:center;text-wrap:balance}.section .lede{text-align:center;color:var(--warm);max-width:56ch;margin:14px auto 0;font-size:17px;line-height:1.6}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.shown{opacity:1;transform:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:44px}.step{background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;padding:26px 24px 30px;box-shadow:0 12px 36px rgba(34,54,73,.1);text-align:center}.step .art{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.step .art img{height:130px;image-rendering:pixelated}.step h3{font-family:var(--font-display),sans-serif;font-size:21px;margin:0 0 8px}.step p{margin:0;font-size:14.5px;line-height:1.55;color:var(--warm)}.step .tag-num{font-size:10px;color:var(--tag);display:block;margin-bottom:10px}.photo-stack{position:relative;width:120px;height:130px}.photo-stack i{position:absolute;inset:0;background:#fff;border-radius:8px;box-shadow:0 6px 18px rgba(34,54,73,.18);border:1px solid rgba(34,54,73,.08)}.photo-stack i:after{content:"";position:absolute;inset:8px 8px 28px;border-radius:5px;background:linear-gradient(160deg,#b9d7ea,#e6d9be)}.photo-stack i:first-child{transform:rotate(-7deg) translate(-12px,4px)}.photo-stack i:nth-child(2){transform:rotate(4deg) translate(10px,-2px)}.photo-stack i:nth-child(3){transform:rotate(-1deg)}.photo-stack .paw{position:absolute;bottom:2px;right:-6px;font-size:30px}.states-row{display:flex;justify-content:center;gap:34px;margin-top:44px;flex-wrap:wrap}.state-demo{display:flex;flex-direction:column;align-items:center;gap:10px}.state-demo img{height:140px;image-rendering:pixelated;filter:drop-shadow(0 4px 3px rgba(60,40,20,.22))}.state-demo .px{font-size:10px;color:var(--warm)}.wellness{margin-top:90px;background:linear-gradient(180deg,var(--desk-hi),var(--desk-lo));border-top:4px solid rgba(90,74,53,.25);border-bottom:4px solid rgba(90,74,53,.25);padding:70px 28px}.wellness-inner{max-width:1020px;margin:0 auto}.wellness h2{color:var(--warm)}.perks{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:40px}.perk{background:rgba(255,255,255,.6);border-radius:18px;padding:22px;text-align:center}.perk .px{font-size:11px;color:var(--collar-deep);display:block;margin-bottom:10px}.perk p{margin:0;font-size:14.5px;color:var(--warm);line-height:1.5}.pricing{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:20px;gap:20px;margin-top:44px;align-items:stretch}.price-card{border-radius:24px;padding:30px 28px;background:rgba(255,255,255,.78);box-shadow:0 12px 36px rgba(34,54,73,.1)}.price-card.paid{background:var(--ink);color:#eef4f9;box-shadow:0 18px 50px rgba(34,54,73,.35)}.price-card .px{font-size:10px;color:var(--collar)}.price-card h3{font-family:var(--font-display),sans-serif;font-size:34px;margin:8px 0 2px}.price-card .per{font-size:13px;opacity:.65;margin:0 0 16px}.price-card ul{list-style:none;margin:0 0 22px;padding:0;font-size:14.5px;line-height:2}.price-card ul li:before{content:"▸ ";color:var(--collar)}.honesty{margin-top:26px;font-size:13px;color:rgba(34,54,73,.6);font-weight:600}.finale,.honesty{text-align:center}.finale{padding:110px 28px 60px;position:relative;z-index:3}.finale .pet-pair{display:flex;justify-content:center;align-items:flex-end;gap:8px;margin-bottom:26px}.finale .pet-pair img{height:110px;image-rendering:pixelated;filter:drop-shadow(0 4px 3px rgba(60,40,20,.22))}.footer{position:relative;z-index:3;text-align:center;padding:26px;font-size:12px;color:rgba(34,54,73,.55);font-weight:600}.footer a{color:inherit}@media (max-width:860px){.perks,.pricing,.steps{grid-template-columns:1fr}.hero-stage{height:230px}.hero-pet img{height:150px}.desk{height:140px}.hero-pet{bottom:100px}.menubar a:not(.menubar-cta){display:none}}@media (prefers-reduced-motion:reduce){.cloud,.marquee-track,.materialize-in{animation:none}.reveal{opacity:1;transform:none;transition:none}}