:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;color:#33423a;background:#fbfaf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.top{max-width:1160px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700;color:#526b4d}.brand span{font-size:10px;letter-spacing:3px;color:#a0ac99;margin-left:9px}.top nav{display:flex;gap:30px;color:#657661;font-size:14px}.top nav a:hover,.text-link:hover{color:#2e613e}main{overflow:hidden}.hero{max-width:1160px;margin:35px auto 125px;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.5px;color:#94a78b;font-weight:700}.hero h1{font-size:clamp(44px,5vw,70px);line-height:1.18;letter-spacing:-2px;margin:25px 0}.hero h1 em{font-style:normal;color:#78906d}.hero-copy p{max-width:490px;line-height:2;color:#728073;font-size:16px}.actions{display:flex;align-items:center;gap:27px;margin-top:35px;flex-wrap:wrap}.button{display:inline-block;background:#6e8963;color:#fff;padding:16px 24px;border-radius:13px;font-weight:600;box-shadow:0 8px 20px #73896528}.button:hover{background:#587751}.text-link{font-size:14px;color:#62745e}.hero small{display:block;color:#a4aca0;margin-top:23px}.pet-card{height:480px;border:1px solid #e4e8db;background:#f3f6ec;border-radius:35px;position:relative;display:grid;place-items:center;overflow:hidden}.sun{position:absolute;width:320px;height:320px;background:#fff8de;border-radius:50%;top:25px;left:calc(50% - 160px)}.pet-card img{width:77%;max-width:350px;position:relative;z-index:1;filter:drop-shadow(0 12px 10px #75877522)}.pet-note{position:absolute;bottom:25px;color:#91a084;font-size:14px}.features{background:#f2f5ec;padding:110px 32px}.section-title{max-width:1096px;margin:auto}.section-title h2,.download h2{font-size:clamp(32px,4vw,48px);margin:13px 0 40px}.grid{max-width:1096px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid article{background:#fffefa;padding:32px;border:1px solid #e5e9df;border-radius:20px}.grid article span{color:#a0ad96;font-size:12px;letter-spacing:1px}.grid h3{font-size:22px;margin:16px 0}.grid p,.download p{line-height:1.85;color:#78867a;margin:0}.download{max-width:1160px;margin:auto;padding:110px 32px;display:flex;justify-content:space-between;gap:50px;align-items:center}.download p{max-width:560px}.download-actions{display:flex;flex-direction:column;gap:20px;align-items:center;white-space:nowrap}.download-actions>a:last-child{font-size:13px;color:#81917a}footer{border-top:1px solid #e8ebe3;max-width:1096px;margin:auto;padding:27px 0 45px;display:flex;justify-content:space-between;color:#a0aa9b;font-size:12px}@media(max-width:750px){.top{padding:20px}.top nav{gap:13px;font-size:12px}.brand span{display:none}.hero{grid-template-columns:1fr;padding:0 20px;margin:45px auto 75px;gap:35px}.hero h1{font-size:45px}.pet-card{height:350px}.pet-card img{width:63%;max-width:270px}.sun{width:230px;height:230px;left:calc(50% - 115px)}.features{padding:70px 20px}.grid{grid-template-columns:1fr}.download{padding:75px 20px;display:block}.download-actions{align-items:flex-start;margin-top:28px}footer{padding:24px 20px;gap:20px}}
/* Product story: imagery and gentle motion keep the companion recognisable. */
.hero-pet{animation:pet-breathe 5s ease-in-out infinite;transform-origin:50% 76%}
@keyframes pet-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.012)}}
.story{max-width:1160px;margin:0 auto 120px;padding:0 32px}.section-title p{color:#78867a;line-height:1.85;max-width:620px;margin:-17px 0 35px}.desktop-frame{background:#f5f8ee;padding:18px 18px 0;border:1px solid #e5e9db;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px #536e4e12}.desktop-frame>img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;object-position:top;border:1px solid #e4e7df;border-radius:13px 13px 0 0}.frame-bar{height:28px;display:flex;gap:7px;align-items:flex-start;color:#9da99b;font-size:11px}.frame-bar i{display:block;width:9px;height:9px;border-radius:50%;background:#d7dfd1}.frame-bar i:nth-child(2){background:#e6dec8}.frame-bar i:nth-child(3){background:#cbdcca}.frame-bar span{margin-left:9px}
.genes{background:#f1f5ea;padding:95px max(32px,calc((100vw - 1096px)/2));display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:65px}.gene-copy h2,.nearby-copy h2{font-size:clamp(33px,4vw,48px);line-height:1.2;margin:15px 0 22px}.gene-copy p,.nearby-copy p{color:#758575;line-height:1.85;max-width:490px}.gene-copy .text-link{display:inline-block;margin-top:17px}.gene-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gene-pair figure{margin:0;background:#fffef9;border:1px solid #e3e8db;border-radius:22px;padding:16px 14px 22px;box-shadow:0 13px 25px #5e77540c;animation:gene-appear 5s ease-in-out infinite}.gene-pair figure:nth-child(2){animation-delay:-2.5s}.gene-pair img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;border-radius:14px}.gene-pair figcaption{text-align:center;color:#879582;font-size:13px;margin-top:8px}@keyframes gene-appear{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.nearby{max-width:1160px;margin:auto;padding:115px 32px 50px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.visitors{height:330px;background:#f7f8f1;border:1px solid #e4e9db;border-radius:28px;position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden}.visitors:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#fff7df;top:22px;left:calc(50% - 130px)}.visitor{width:45%;max-width:240px;position:relative;z-index:1}.visitor-one{animation:visit-one 4s ease-in-out infinite}.visitor-two{animation:visit-two 4s ease-in-out infinite}.visit-heart{position:absolute;z-index:2;top:105px;font-size:24px;color:#d0a597;animation:heart-pop 4s ease-in-out infinite}@keyframes visit-one{0%,100%{transform:translate(0,2px)}50%{transform:translate(9px,-5px)}}@keyframes visit-two{0%,100%{transform:translate(0,2px)}50%{transform:translate(-9px,-5px)}}@keyframes heart-pop{0%,15%,85%,100%{opacity:0;transform:translateY(8px) scale(.7)}42%,58%{opacity:1;transform:translateY(-3px) scale(1)}}
@media(max-width:750px){.top nav{gap:10px}.top nav a:first-child{display:none}.story{margin:0 auto 75px;padding:0 20px}.desktop-frame{padding:10px 10px 0}.desktop-frame>img{max-height:430px}.genes{padding:70px 20px;grid-template-columns:1fr;gap:35px}.gene-pair{gap:10px}.gene-pair figure{padding:8px 7px 16px}.gene-pair figcaption{font-size:11px}.nearby{padding:75px 20px 20px;grid-template-columns:1fr;gap:25px}.visitors{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-pet,.gene-pair figure,.visitor,.visit-heart{animation:none!important}}
.usage{max-width:1160px;margin:auto;padding:105px 32px 95px;display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}.usage-copy h2{font-size:clamp(33px,4vw,48px);line-height:1.2;margin:15px 0 22px}.usage-copy p{color:#758575;line-height:1.85;max-width:490px}.usage-copy .usage-note{font-size:13px;color:#9aa79a}.quota-shot{background:#f5f8ef;border:1px solid #e0e8d8;border-radius:23px;padding:16px;box-shadow:0 18px 38px #56704d12}.quota-strip{display:flex;align-items:center;gap:9px;padding:8px 12px 16px;color:#5c7357;font-size:13px}.quota-strip strong{margin-left:auto;background:#fff;border:1px solid #e0e9db;border-radius:20px;padding:7px 12px;color:#55724d;font-variant-numeric:tabular-nums}.quota-paw{font-size:16px;color:#7c9a70}.quota-shot img{width:100%;max-height:370px;object-fit:cover;object-position:top;border-radius:13px;border:1px solid #e5e9df;display:block}.quota-shot small{display:block;color:#9ba99a;text-align:right;padding:9px 4px 1px;font-size:11px}@media(max-width:750px){.usage{padding:70px 20px;grid-template-columns:1fr;gap:25px}.quota-shot img{max-height:260px}}
.quota-panel{background:#fffefb;border:1px solid #e4eadc;border-radius:13px;padding:20px 21px 17px}.quota-panel-title{font-size:14px;font-weight:700;color:#4b6349;padding-bottom:18px;border-bottom:1px solid #e9ede6}.quota-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0}.quota-metrics>div{display:flex;flex-direction:column;gap:7px}.quota-metrics span,.quota-remaining span{font-size:12px;color:#8a9a85}.quota-metrics strong{font-size:27px;color:#4f6e4e;font-variant-numeric:tabular-nums}.quota-remaining{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #e9ede6;padding-top:14px}.quota-remaining strong{font-size:20px;color:#4f6e4e;font-variant-numeric:tabular-nums}.quota-remaining b{font-weight:400;color:#a1ae9b}.meter{height:8px;background:#e8eee2;border-radius:9px;margin:15px 0 11px;overflow:hidden}.meter i{display:block;height:100%;width:38%;background:#88a47f;border-radius:9px;animation:meter-fill 1.1s ease-out both}@keyframes meter-fill{from{width:0}to{width:38%}}.quota-panel small{display:block;color:#9aa99a;font-size:11px}.quota-shot>small{padding-top:12px}@media(prefers-reduced-motion:reduce){.meter i{animation:none}}

/* Platform downloads remain visible without OS detection or JavaScript. */
.button-secondary{background:#e8efdf;color:#48633f;box-shadow:none}.button-secondary:hover{background:#dbe7ce}.actions{gap:14px}.download-actions{align-items:stretch;white-space:normal;min-width:280px}.download-actions .button{text-align:center}.download-actions>a:not(.button){font-size:13px;color:#62745e}.faq{max-width:1096px;margin:0 auto;padding:0 0 75px}.faq h2{font-size:30px}.faq h3{margin-top:28px;font-size:19px}.faq p{max-width:800px;line-height:1.85;color:#728073}@media(max-width:750px){.faq{padding:0 20px 55px}.download-actions{min-width:0}.actions .button{width:100%;text-align:center}}
/* Work companion story */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #809774;outline-offset:4px}.hero{gap:48px;margin-bottom:100px}.hero h1{font-size:clamp(42px,4.8vw,62px);line-height:1.2}.hero-pills{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:23px 0}.hero-pills li{font-size:12px;color:#6c7d64;padding:7px 11px;background:#eff3e8;border:1px solid #e2e8d9;border-radius:30px}.button span{display:block;font-size:11px;opacity:.8;font-weight:400;margin-top:4px}.actions{gap:12px}.pet-card img{height:auto}.features{padding:84px 32px}.features .section-title h2{margin-bottom:32px}.grid{grid-template-columns:repeat(3,1fr)}.grid article{padding:27px}.grid h3{font-size:20px;line-height:1.4;margin:15px 0 12px}.grid p{font-size:14px}.feature-number{display:inline-grid;place-items:center;width:32px;height:32px;background:#edf2e5;border-radius:10px}.work-demo{max-width:1160px;margin:auto;padding:105px 32px 110px;display:grid;grid-template-columns:1fr 1.15fr;gap:58px;align-items:center}.work-demo h2{font-size:clamp(32px,3.8vw,43px);line-height:1.27;margin:18px 0 24px}.work-demo-copy p{font-size:15px;line-height:1.9;color:#728073}.work-demo-copy .section-note{font-size:12px;color:#8d9a88;margin-top:22px}.demo-wrap{min-width:0}.demo-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:16px}.demo-tabs button{font:inherit;font-size:12px;color:#74826c;background:transparent;border:1px solid #e3e8dc;padding:9px 13px;border-radius:30px;cursor:pointer}.demo-tabs button[aria-selected=true]{background:#e8efde;border-color:#cad8be;color:#4f6b43}.demo-scene{height:365px;background:#eff3e8;border:1px solid #dde6d5;border-radius:26px;padding:25px;position:relative;overflow:hidden}.demo-chat{background:#fffefb;border:1px solid #e2e7db;border-radius:16px;padding:21px;max-width:360px;box-shadow:0 10px 25px #546d4310}.demo-chat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#708266;margin-bottom:24px}.demo-status{font-size:10px;background:#f8efd5;color:#ac8d48;border-radius:20px;padding:5px 8px}.demo-chat small{font-size:10px;color:#94a189}.demo-chat h3{font-size:18px;margin:7px 0 13px}.demo-message{font-size:12px;color:#7c8975;line-height:1.7;min-height:42px;margin:0}.demo-skeleton{display:grid;gap:8px;margin:12px 0 18px}.demo-skeleton i{height:5px;border-radius:5px;background:#edf0e8;display:block}.demo-skeleton i:nth-child(2){width:84%}.demo-skeleton i:nth-child(3){width:63%}.demo-return{font:inherit;font-size:11px;padding:9px 13px;border:1px solid #d8e1cf;border-radius:9px;background:#eef4e4;color:#597349;cursor:pointer}.demo-return:hover{background:#e1ebd4}.demo-pet{position:absolute;right:4px;bottom:-9px;width:180px}.demo-pet img{width:100%;height:auto;display:block}.demo-bubble{display:block;background:#fffef2;border:1px solid #e3e7d6;border-radius:12px;padding:8px 10px;font-size:11px;color:#788967;text-align:center;max-width:166px;margin:auto;box-shadow:0 4px 12px #40552e08}.demo-bell{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e0c888;background:#fff0c9;color:#ae8b42;border-radius:50%;position:absolute;right:30px;bottom:19px;font-size:20px}.demo-scene:not([data-state="1"]) .demo-bell{visibility:hidden}.demo-scene[data-state="0"] .demo-status{background:#edf2e6;color:#78916c}.demo-scene[data-state="2"] .demo-status{background:#e5efde;color:#5c7d4b}.demo-caption{display:block;text-align:center;font-size:10px;color:#97a28f;margin-top:13px}.just-returned{animation:returned .65s ease-out}@keyframes returned{0%{border-color:#91af78;box-shadow:0 0 0 4px #9cb98525}100%{border-color:#e2e7db;box-shadow:0 10px 25px #546d4310}}.story{margin-bottom:95px}.install-notes{margin-top:23px;font-size:12px;color:#7d8b75;max-width:560px}.install-notes summary,.faq summary{cursor:pointer;line-height:1.6}.install-notes p{font-size:12px;margin:13px 0}.download-actions small{font-size:11px;text-align:center;color:#94a088}.faq details{border-top:1px solid #e3e8db;padding:19px 0}.faq summary{font-size:16px;color:#526a47;font-weight:600}.faq p{font-size:14px;margin:15px 0 0}.faq details:last-child{border-bottom:1px solid #e3e8db}footer span:last-child{text-align:right;line-height:1.8}.visitors img{height:auto}.gene-pair img{height:auto}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.hero{gap:30px}.top nav{gap:20px}.work-demo{gap:30px}}
@media(max-width:750px){.top{gap:15px}.brand{font-size:18px;white-space:nowrap}.top nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}.top nav a:nth-child(2){display:none}.hero{gap:35px;margin-top:32px;margin-bottom:65px}.hero h1{font-size:43px}.hero-copy p{font-size:15px}.hero-pills{gap:7px}.hero-pills li{font-size:11px}.hero .pet-card{height:340px}.pet-note{max-width:85%;text-align:center}.features{padding:65px 20px}.grid{grid-template-columns:1fr;gap:13px}.grid article{padding:24px}.work-demo{padding:70px 20px 75px;grid-template-columns:1fr;gap:25px}.work-demo h2{font-size:34px}.demo-scene{padding:18px;height:365px}.demo-chat{padding:18px;max-width:100%}.demo-pet{width:155px;right:0;bottom:-7px}.demo-bubble{font-size:10px;max-width:143px}.demo-status{font-size:9px}.demo-tabs button{padding:8px 11px;font-size:11px}.story{margin-bottom:65px}.download-actions small{text-align:left}footer{font-size:11px}footer span:last-child{max-width:65%}}
@media(prefers-reduced-motion:reduce){.just-returned{animation:none}}

.desktop-frame>img{max-height:none;object-fit:contain}