:root{--cream:#f7f5eb;--forest:#173d33;--coral:#f07d6b;--sage:#dbe3d1;--muted:#636e61;--line:#d8dccc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--forest);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:850;letter-spacing:-1.4px}.brand svg{width:36px;height:36px}.brand-dot{font:11px Arial;align-self:flex-start;margin:7px 0 0 -6px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav-download{border:1px solid var(--forest);padding:12px 20px;border-radius:40px}.nav-download span{margin-left:16px}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:690px;padding-top:52px;padding-bottom:80px;gap:25px}.eyebrow{text-transform:uppercase;font-size:11px;line-height:1.7;letter-spacing:2px;font-weight:700}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.little-star{font-size:25px;color:var(--coral);line-height:1}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px}h1{font-size:clamp(58px,5.7vw,80px);line-height:1.04}em{font-weight:400;color:#638064}h1 em,h2 em{font-style:italic}.lead{font-size:17px;line-height:1.7;color:var(--muted);margin:27px 0 28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:15px 22px;border-radius:16px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.primary{background:var(--forest);color:white}.primary:hover{background:#295b46;transform:translateY(-2px)}.button svg{width:20px;height:20px}.download-arrow{margin-left:15px}.download-note{font-size:11px;color:var(--muted);margin:12px 0 26px}.other-platforms{display:flex;gap:15px;align-items:center;color:var(--muted);font-size:11px}.other-platforms a{display:flex;align-items:center;gap:5px}.other-platforms svg{width:15px;height:15px}.hero-art{position:relative;min-width:0;margin-top:12px}.orbit{position:absolute;width:460px;height:460px;border:1px solid #d5dbc9;border-radius:50%;top:20px;left:10px;transform:rotate(-24deg)}.orbit:after{content:"";position:absolute;inset:20px -25px;border:1px solid #dfe2d4;border-radius:50%}.cat-card{background:#fffef8;padding:12px 12px 0;border-radius:7px;box-shadow:0 16px 45px #243f2514}.cat-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:3px}.cat-card figcaption{height:41px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.1px}.cat-card figcaption svg{width:16px;height:16px;color:var(--coral)}.cat-main{position:absolute;left:62px;top:36px;width:345px;transform:rotate(7deg)}.cat-small{position:absolute;left:-5px;top:295px;width:216px;transform:rotate(-11deg)}.cat-small figcaption{font-size:10px;height:35px}.hand-note{position:absolute;right:0;top:-17px;z-index:2;transform:rotate(9deg);font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.1}.hand-note span{display:block;font-size:38px;line-height:1;margin-left:28px}.paw-stamp{position:absolute;right:22px;top:337px;width:133px;height:133px;background:var(--coral);border-radius:50%;display:grid;place-items:center;transform:rotate(15deg);box-shadow:0 0 0 8px var(--cream)}.paw-stamp svg{width:72px;height:72px}.art-spark{position:absolute;font-size:42px}.spark-one{left:6px;top:70px;color:#92a87d;transform:rotate(13deg)}.spark-two{right:17px;top:235px;color:var(--forest)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:22px 0;background:#eff0e4}.ticker div{white-space:nowrap;display:flex;justify-content:center;align-items:center;gap:43px;letter-spacing:2px;font-size:11px;font-weight:bold}.ticker span{color:var(--coral);font-size:24px}.section{padding-top:104px;padding-bottom:105px}.section-heading{text-align:center}.section-heading h2{margin-top:17px}h2{font-size:55px;line-height:1.12;letter-spacing:-1.8px}.section-heading>p:last-child{margin-top:24px;font-size:15px;line-height:1.7;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}.feature-number{font-size:10px;letter-spacing:2px;color:var(--muted)}.feature-illustration{height:215px;position:relative;margin:22px 0 28px;background:#ebeede;border-radius:24px;overflow:hidden}.photo-strip img{width:150px;height:170px;object-fit:cover;position:absolute;left:50%;top:15px;transform:translateX(-50%) rotate(-8deg);border:7px solid #fffef8;border-bottom-width:23px;box-shadow:0 6px 12px #173d3312}.photo-strip span{position:absolute;bottom:10px;right:20px;transform:rotate(-5deg);font:italic 16px Georgia}.favorite-art{background:#f2e4d7;display:grid;place-items:center}.heart-disc{display:grid;place-items:center;background:#fcf7ec;width:110px;height:110px;border-radius:50%;transform:rotate(-12deg)}.heart-disc svg{color:var(--coral);width:48px;height:48px}.favorite-label{position:absolute;bottom:25px;left:50%;white-space:nowrap;transform:translateX(-40%) rotate(8deg);background:#fffdf4;padding:10px 20px;border-radius:5px;font:italic 15px Georgia;box-shadow:0 3px 10px #173d3310}.favorite-art i{position:absolute;right:47px;top:29px;font:40px Georgia;color:#b67d67}.connection-art{display:grid;place-items:center;background:#e2e9db}.connection-paw{width:99px;height:99px;background:var(--forest);display:grid;place-items:center;border-radius:50%;color:var(--cream);margin-top:-23px;box-shadow:0 0 0 13px #d3dec9,0 0 0 27px #dce5d4}.connection-paw svg{width:51px;height:51px}.connected-pill{position:absolute;bottom:27px;background:var(--cream);border-radius:30px;padding:10px 16px;font-size:11px;box-shadow:0 3px 12px #173d330b}.connected-pill b{display:inline-block;width:6px;height:6px;background:#71915a;border-radius:50%;margin-right:6px}.feature h3{font:400 27px Georgia;letter-spacing:-.6px;margin-bottom:13px}.feature>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:315px}.how-section{background:#e8ecdf;overflow:hidden}.how{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;padding-top:80px;padding-bottom:85px}.app-preview{position:relative;display:flex;align-items:center;flex-direction:column;padding:12px}.app-window{width:310px;border-radius:13px;border:1px solid #ccd3c2;overflow:hidden;background:var(--cream);box-shadow:12px 24px 60px #30472b20;transform:rotate(-3deg)}.window-title{display:flex;justify-content:space-between;padding:11px 13px;background:#e1e6d9;font-size:9px}.app-window img{width:100%;height:auto;display:block}.preview-caption{font:italic 17px Georgia;transform:rotate(-3deg);margin-top:32px}.how-copy h2{margin:22px 0 36px;font-size:49px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:28px}.steps li{display:flex;gap:19px}.steps li>span{border:1px solid #acb9a2;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font:italic 17px Georgia}.steps h3{font-size:15px;margin:4px 0 9px}.steps p{font-size:14px;line-height:1.7;color:var(--muted)}.text-link{display:inline-block;margin-top:32px;padding-bottom:6px;border-bottom:1px solid var(--forest);font-weight:bold;font-size:13px}.text-link span{margin-left:27px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}.platform{padding:26px 22px 19px;border:1px solid var(--line);border-radius:20px;background:#f1f1e6}.platform.available{background:#fffef7;border-color:#819776;box-shadow:0 6px 0 #dbe3d1}.platform-top{display:flex;justify-content:space-between;align-items:center}.platform-top>svg{width:29px;height:29px}.badge{font-size:9px;padding:6px 8px;background:var(--sage);border-radius:20px;color:var(--forest)}.badge.soon{background:#e6e7dc;color:var(--muted)}.platform h3{font:29px Georgia;margin-top:24px}.platform p{font-size:11px;color:var(--muted);margin:9px 0 26px}.platform .button,.platform button{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;min-height:47px;font-size:12px;border-radius:12px;padding:11px 9px}.platform button{background:transparent;border:1px solid #cfd4c5;color:#6b7667;cursor:not-allowed;opacity:1}.platform small{display:block;margin-top:13px;text-align:center;color:var(--muted);font-size:10px}.release-note{font-size:11px;line-height:1.8;color:var(--muted);text-align:center;max-width:620px;margin:28px auto 0}.release-note a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding-top:45px;padding-bottom:110px}.faq h2{font-size:41px;margin-top:18px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;font-weight:400;line-height:16px}details[open] summary:after{content:'−'}details p{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 25px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;padding-bottom:34px}.footer .brand{font-size:22px}.footer .brand svg{width:29px;height:29px}.footer p,.footer>span{font-size:11px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d65f4d;outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;z-index:10;padding:12px;background:var(--forest);color:white}.skip:focus{top:12px}
@media(min-width:1400px){.hero{min-height:740px}.hero-art{margin-left:20px;margin-top:25px}.cat-main{width:365px}.cat-small{top:325px}.paw-stamp{top:365px}.orbit{width:485px;height:485px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{padding-top:45px;min-height:650px}.hero-art{transform:scale(.85);transform-origin:20% 20%;margin-right:-35px}.hero h1{font-size:66px}.platform{padding:22px 15px}.how{gap:45px}.how-copy h2{font-size:43px}.feature-grid{gap:25px}}
@media(max-width:820px){.header{height:90px}.header nav{gap:22px}.header nav>a:not(.nav-download){display:none}.hero{grid-template-columns:1fr 1fr;gap:0;min-height:625px}.hero h1{font-size:55px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.lead{font-size:15px}.hero-art{transform:scale(.68);transform-origin:0 15%;margin-left:10px}.button{font-size:12px;gap:8px;padding:14px 18px}.other-platforms{gap:11px;font-size:10px}.other-platforms>span{display:none}.platform-grid{grid-template-columns:repeat(2,1fr);gap:20px}.platform{padding:25px}.feature-grid{gap:20px}.feature h3{font-size:23px}.feature>p{font-size:13px}.feature-illustration{height:195px}.how{gap:25px}.app-window{width:255px}.preview-caption{font-size:13px}.how-copy h2{font-size:36px}.steps p{font-size:13px}.faq{gap:30px}.faq h2{font-size:34px}.footer p{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:83px}.brand{font-size:23px;gap:7px}.brand svg{width:30px;height:30px}.brand-dot{display:none}.nav-download{font-size:12px;padding:10px 14px}.nav-download span{margin-left:7px}.hero{display:flex;flex-direction:column;padding-top:30px;padding-bottom:30px;min-height:0}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(51px,13.6vw,74px);line-height:1.05;letter-spacing:-2px}.lead{margin:23px 0;font-size:15px}.hero .button{font-size:14px;min-height:56px}.download-note{margin-bottom:21px}.other-platforms{justify-content:center;font-size:11px;gap:20px}.other-platforms>span{display:inline}.hero-art{width:340px;height:420px;align-self:center;margin:38px 0 0;transform:none}.orbit{width:310px;height:310px;left:13px;top:22px}.orbit:after{inset:20px -12px}.cat-main{width:252px;left:63px;top:26px;padding:9px 9px 0}.cat-main figcaption{font-size:8px;height:32px}.cat-small{width:160px;left:4px;top:224px;padding:8px 8px 0}.cat-small figcaption{font-size:8px;height:28px}.paw-stamp{width:89px;height:89px;right:4px;top:292px;box-shadow:0 0 0 6px var(--cream)}.paw-stamp svg{width:49px;height:49px}.hand-note{right:0;top:-7px;font-size:13px}.hand-note span{font-size:28px}.spark-one{top:46px;left:12px;font-size:32px}.spark-two{right:-2px;top:198px;font-size:32px}.ticker{padding:15px 0}.ticker div{gap:24px;font-size:9px}.ticker span{font-size:19px}.section{padding-top:70px;padding-bottom:70px}h2{font-size:41px;letter-spacing:-1.4px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.section-heading>p:last-child{font-size:14px;margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.feature-illustration{height:220px;margin:15px 0 21px}.feature h3{font-size:27px}.feature>p{max-width:none;font-size:14px}.photo-strip img{width:164px;height:184px}.feature-number{font-size:9px}.how{display:flex;flex-direction:column-reverse;gap:40px;padding-top:65px;padding-bottom:60px}.how-copy{width:100%}.how-copy h2{font-size:40px}.how-copy>.eyebrow{font-size:10px}.steps{gap:27px}.steps p{font-size:14px}.steps h3{font-size:16px}.app-window{width:272px}.preview-caption{font-size:15px}.platform-grid{gap:12px;margin-top:36px}.platform{padding:20px 13px 16px;border-radius:16px}.platform-top>svg{width:25px;height:25px}.badge{font-size:8px;padding:5px 7px}.platform h3{font-size:26px;margin-top:24px}.platform p{font-size:10px;margin-bottom:20px}.platform .button,.platform button{font-size:10px;gap:5px}.platform .button svg{width:17px;height:17px}.platform small{font-size:9px}.release-note{font-size:10px;margin-top:26px}.faq{grid-template-columns:1fr;gap:30px;padding-top:15px;padding-bottom:65px}.faq h2{font-size:37px}.faq .eyebrow{font-size:10px}summary{font-size:13px}.footer{gap:20px;padding-top:24px;padding-bottom:28px}.footer .brand{font-size:20px}.footer>span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Decorative rings may extend past the canvas without creating horizontal scroll. */
body{overflow-x:clip}
@media(max-width:360px){.hero-art{transform:scale(.85);transform-origin:top center;margin-bottom:-60px}.other-platforms{gap:13px}.platform{padding-left:10px;padding-right:10px}.platform p{font-size:9px}.platform .button,.platform button{font-size:9px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}}
@media(max-width:600px){.orbit{transform:none}}