:root{color-scheme:light;--ink:#203d32;--muted:#56695f;--paper:#fffcf5;--line:#d9e0d4;--green:#294f3b;--soft:#e9efe3;--peach:#fae9d8;--white:#fff;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;font-size:17px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #ac6117;outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{flex:none}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.07;text-wrap:balance}h1{font-size:clamp(44px,5.6vw,64px)}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:20px;line-height:1.35;letter-spacing:-.025em}p{color:var(--muted)}ul{padding-inline-start:1.2em}bdi{unicode-bidi:isolate}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;z-index:10;inset-block-start:-100px;inset-inline-start:20px;padding:12px;background:var(--ink);color:#fff}.skip:focus{inset-block-start:12px}.header{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:30px;letter-spacing:-1.5px;text-decoration:none;line-height:1}.brand img{border-radius:12px}.nav{display:flex;gap:28px;font-size:14px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.header-end{display:flex;align-items:center;gap:20px}.language{position:relative;font-size:14px}.language summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}.language summary::-webkit-details-marker{display:none}.language summary:after{content:'⌄';font-size:18px}.languages{position:absolute;inset-inline-end:0;inset-block-start:54px;z-index:5;width:230px;max-height:360px;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 16px 40px #203d3218}.languages a{display:block;padding:7px 12px;text-decoration:none;border-radius:9px}.languages a:hover,.languages a[aria-current]{background:var(--soft)}.small-button{font-size:13px;padding:10px 17px;border:1px solid var(--green);border-radius:999px;text-decoration:none;white-space:nowrap}.small-button:hover{background:var(--soft)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:650;color:#496a50;margin-block-end:22px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:65px;padding-block:62px 72px}.hero h1>span,.section-heading h2>span,.summary h2>span{display:block}.intro{font-size:19px;line-height:1.75;max-width:520px;margin-block:27px 30px}.stores{display:flex;flex-wrap:wrap;gap:12px}.store{display:flex;gap:11px;align-items:center;text-decoration:none;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:12px;min-height:60px;padding:10px 20px;min-width:162px;transition:background .15s}.store:hover{background:#35624b}.store svg{width:23px;height:28px}.store span{display:flex;flex-direction:column}.store small{font-size:10px;line-height:1.5}.store strong{font-size:19px;line-height:1.25;font-weight:550;letter-spacing:-.35px}.purchase{font-size:12px;line-height:1.65;max-width:410px;margin-block-start:17px}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;z-index:-1;inset:8% -3% 6%;border-radius:48% 48% 36% 44%;background:var(--soft);transform:rotate(-8deg)}.hero-art img{width:277px;border-radius:24px;box-shadow:0 20px 42px #34472c18}.hero-art figcaption{font-size:12px;text-align:center;max-width:300px;margin-block-start:16px;color:var(--muted)}.app-info{border-block:1px solid var(--line);padding-block:26px 30px}.app-info h2{font-family:inherit;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;margin-block-end:20px}.app-info dl{display:grid;grid-template-columns:1.2fr 1.5fr 1.1fr .7fr 1.5fr;gap:20px;margin:0}.app-info dt{font-size:11px;color:var(--muted);margin-bottom:7px}.app-info dd{font-size:13px;line-height:1.6;margin:0;font-weight:550}.section{padding-block:88px}.section-heading{max-width:750px}.section-heading>p:last-child:not(.eyebrow){max-width:610px;font-size:17px;margin-block-start:24px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-block-start:46px}.feature{border-top:1px solid var(--line);padding-block-start:27px}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;margin-bottom:24px;background:#e1eee4;color:#265c4b}.feature:nth-child(2) .feature-icon{background:#ebe8f7;color:#665591}.feature:nth-child(3) .feature-icon{background:#fff0d1;color:#805812}.feature:nth-child(4) .feature-icon{background:#e3eef6;color:#41667b}.feature-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feature p{font-size:15px;line-height:1.8;margin-top:14px}.summary{background:var(--soft);border-radius:var(--radius);padding:54px 60px;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.summary-text>p{font-size:16px;line-height:1.8}.summary ul{list-style:none;padding:0;margin:25px 0 0}.summary li{display:flex;align-items:baseline;gap:13px;font-size:14px;margin-top:13px}.summary li:before{content:'✓';color:var(--green)}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.gallery-head h2{max-width:680px}.gallery-head>p{font-size:12px;max-width:220px;flex-shrink:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.gallery figure{background:var(--peach);padding:24px 24px 20px;border-radius:var(--radius)}.gallery figure:nth-child(2){background:#eeeaf4}.gallery figure:nth-child(3){background:#e8eee5}.gallery img{width:100%;border-radius:14px}.gallery figcaption{font-size:13px;padding-top:20px;color:var(--ink);text-align:center}.moments{display:flex;align-items:center;gap:40px;max-width:780px;margin:80px auto 0;text-align:start}.moments img{width:80px;flex:none}.moments h2{font-size:30px;letter-spacing:-.025em}.moments p{font-size:15px;margin-top:16px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.2fr;gap:90px}.faq-section h2{font-size:43px;max-width:350px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-weight:550;font-size:17px;padding:23px 32px 23px 0;position:relative;line-height:1.55}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;inset-inline-end:0;top:22px;font-size:22px;color:var(--muted);font-weight:400}.faq details[open] summary:after{content:'−'}.faq details:first-child summary{padding-top:0}.faq details:first-child summary:after{top:0}.faq p{font-size:15px;line-height:1.85;padding-bottom:23px}.cta{background:var(--green);color:var(--paper);padding-block:64px;text-align:center;border-radius:var(--radius)}.cta h2{max-width:700px;margin-inline:auto}.cta>p{color:#e0e8d8;max-width:600px;margin:20px auto 28px;padding-inline:24px}.cta .stores{justify-content:center}.cta .store{background:var(--paper);color:var(--ink);border-color:var(--paper)}.cta .store:hover{background:#e6eedc}.cta .purchase{color:#e0e8d8;font-size:12px;max-width:470px;margin:22px auto 0}.footer{padding-block:45px 30px;display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer .brand{font-size:24px}.footer-brand p{font-size:12px;margin-top:12px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.copyright{font-size:11px;color:var(--muted);padding-block:0 24px}.copyright a{text-decoration:none}.copyright a:hover{text-decoration:underline}[dir=rtl] .faq summary{padding-inline:0 32px}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;font-family:Tahoma,Arial,sans-serif;font-weight:650;line-height:1.4}:lang(ja),:lang(zh-Hant){line-break:strict;overflow-wrap:anywhere}:lang(ja) h1,:lang(ko) h1,:lang(zh-Hant) h1{font-size:clamp(37px,4.2vw,58px);line-height:1.4;letter-spacing:-.025em}:lang(ja) h2,:lang(ko) h2,:lang(zh-Hant) h2,:lang(hi) h2,:lang(th) h2{line-height:1.4;letter-spacing:0}:lang(th) h1,:lang(hi) h1{line-height:1.35;letter-spacing:0}:lang(ko){word-break:keep-all;overflow-wrap:anywhere}:lang(th) .eyebrow,:lang(hi) .eyebrow{letter-spacing:0;font-size:13px}body:lang(th),body:lang(hi){line-height:1.85} @media(min-width:1500px){.hero{gap:110px}} @media(max-width:980px){.nav{display:none}.hero{gap:30px;grid-template-columns:1.1fr 1fr}.hero-art img{width:245px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.summary{gap:35px;padding:40px}.gallery{gap:16px}.gallery figure{padding:15px}.app-info dl{grid-template-columns:repeat(3,1fr);row-gap:20px}.faq-section{gap:45px}} @media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:84px;gap:14px}.header-end{gap:14px}.header .small-button{display:none}.brand{font-size:28px}.brand img{width:37px;height:37px}.language{font-size:13px}.hero{grid-template-columns:1fr;gap:38px;padding-block:43px 42px}.hero h1{font-size:clamp(43px,10vw,64px)}.intro{font-size:17px;margin-block:23px}.hero-art{margin-inline:auto;width:min(100%,360px)}.hero-art img{width:228px}.hero-art:before{inset:8% 0 6%}.eyebrow{font-size:10px;margin-bottom:18px}.stores{gap:10px}.store{min-width:146px;padding:10px 15px}.store strong{font-size:18px}.purchase{font-size:11px}.app-info{padding-block:23px}.app-info dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.app-info dd{font-size:12px}.section{padding-block:56px}h2{font-size:36px}.feature-grid{gap:30px 22px;margin-top:34px}.feature h3{font-size:18px}.feature p{font-size:14px}.feature-icon{margin-bottom:18px}.summary{grid-template-columns:1fr;padding:34px 26px;gap:26px}.summary-text>p{font-size:15px}.gallery-head{display:block;margin-bottom:28px}.gallery-head>p{margin-top:18px;max-width:500px}.gallery{grid-template-columns:1fr;gap:28px;max-width:330px;margin-inline:auto}.gallery figure{padding:22px}.gallery figcaption{font-size:13px}.moments{gap:20px;margin-top:52px;align-items:start}.moments img{width:52px}.moments h2{font-size:27px}.moments p{font-size:14px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:36px;max-width:none}.faq summary{font-size:16px}.cta{padding-block:44px;border-radius:20px}.cta h2{font-size:35px;padding-inline:22px}.cta>p{font-size:15px}.cta .stores{padding-inline:15px}.cta .purchase{padding-inline:22px}.footer{gap:24px;padding-top:30px}.footer-links{gap:20px}.copyright{font-size:10px}:lang(ja) .hero h1,:lang(ko) .hero h1,:lang(zh-Hant) .hero h1{font-size:37px}:lang(th) .hero h1,:lang(hi) .hero h1{font-size:40px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} @media(max-width:1160px){.hero-art:before{transform:none;inset-inline:0}} /* Local proposal: characters lead the app information row. */ .hero{padding-block-end:40px} .app-info{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:38px;padding-block:28px} .app-info-friends{width:220px;height:auto;justify-self:center} .app-info-copy,.app-info dl>div{min-width:0} .app-info dd{overflow-wrap:anywhere} .hero-art:after{content:'';position:absolute;z-index:-1;pointer-events:none;width:58px;height:58px;border:1px solid #bcc7ab;border-radius:50%;inset-block-end:72px;inset-inline-start:14px} .hero-doodle{position:absolute;z-index:-1;pointer-events:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6} .doodle-cloud{width:88px;height:57px;inset-block-start:10px;inset-inline-end:0;stroke:#b8c6b2;transform:rotate(6deg)} .doodle-star{width:33px;height:33px;inset-block-start:92px;inset-inline-start:12px;stroke:#d1b675;transform:rotate(-12deg)} .doodle-sparkle{width:23px;height:23px;inset-block-start:46%;inset-inline-end:18px;stroke:#c5adc5;transform:rotate(8deg)} h1 .word,h2 .word{display:inline-block;white-space:nowrap} :lang(ja) h1{text-wrap:wrap} @media(min-width:701px) and (max-width:1160px){.app-info dl{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:980px){.hero-art:after{width:42px;height:42px;inset-inline-start:0}.app-info{grid-template-columns:180px minmax(0,1fr);gap:28px}.app-info-friends{width:180px}.doodle-cloud{width:66px;inset-inline-end:0}.doodle-star{width:26px;inset-inline-start:0}.doodle-sparkle{width:19px;inset-inline-end:4px}} @media(max-width:700px){.hero-art:after{width:36px;height:36px;inset-block-end:62px}.hero{padding-block-end:32px}.app-info{grid-template-columns:1fr;gap:20px;padding-block:20px 28px}.app-info-friends{width:200px}.doodle-cloud{width:62px;inset-block-start:0}.doodle-star{width:25px;inset-block-start:80px}.doodle-sparkle{inset-inline-end:0}}