@font-face{font-family:Palita;src:url('assets/display.woff') format('woff');font-display:swap;font-weight:700}@font-face{font-family:Story;src:url('assets/story.woff') format('woff');font-display:swap;font-style:italic}
:root{--bg:#141d29;--surface:#1b2733;--text:#f5f1e5;--muted:#b9c2c7;--green:#dbedaf;--line:#33404a;--max:1180px;--display:Palita,'Trebuchet MS',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Trebuchet MS',Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f2ca8b;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700}h1,h2{letter-spacing:-.055em;line-height:1.15}h1{font-size:clamp(3.5rem,6.4vw,5.5rem)}h2{font-size:clamp(2.4rem,4vw,3.5rem)}h1 em,h2 em{font-family:Story,Georgia,serif;color:var(--green);font-weight:400;letter-spacing:-.065em;line-height:1.2}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding-block:108px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.17em;font-weight:bold;line-height:1.7;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:#243125;border:1px solid var(--green);padding:16px 24px;border-radius:100px;font-size:15px;font-weight:bold;line-height:1.4;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e7f8bf}.button span{font-size:21px;line-height:1}.small{padding:12px 20px;font-size:14px}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:110px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:32px;letter-spacing:-.055em;line-height:1}.brand img{border-radius:12px}.brand-dot{color:var(--green)}.nav{display:flex;gap:30px;font-size:14px;color:#d5d9d6}.nav a:hover,.text-link:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:25px}.language{display:flex;align-items:center;font-size:13px;gap:1px;color:#7d888f}.language button{border:0;color:#acb6bd;background:transparent;padding:10px 8px;min-height:44px;font-size:13px}.language button[aria-pressed=true]{color:var(--green);font-weight:bold}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:42px;align-items:center;padding-block:67px 85px;min-height:680px}.hero .eyebrow{font-size:12px;display:flex;gap:10px;align-items:center;letter-spacing:.13em}.tiny-star{font-size:22px}.hero h1{margin-bottom:28px}.hero-description{max-width:445px;font-size:18px;line-height:1.75}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}.text-link{font-size:14px;display:flex;gap:12px;align-items:center}.hero-note{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:12px}.hero-note>span:first-child{font-size:21px;color:var(--green)}.hero-art{position:relative;height:525px;isolation:isolate}.world-window{position:absolute;width:83%;height:96%;left:12%;top:0;border-radius:230px 230px 110px 110px;overflow:hidden;transform:rotate(4deg);border:1px solid #8a93683d}.world-image{width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:brightness(.85)}.world-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#141d292b 75%,#141d2980)}.hero-pet{position:absolute;filter:drop-shadow(0 14px 12px #11192255);bottom:38px;animation:float 6s ease-in-out infinite;will-change:transform}.hero-palla{width:58%;left:20%;bottom:-8px;z-index:3;animation-delay:-2s}.hero-lila{width:49%;left:-8%;bottom:54px;transform:rotate(-9deg);animation-name:float-left;animation-duration:5.4s}.hero-bindu{width:49%;right:-9%;bottom:41px;animation-delay:-3s;animation-duration:7s}.bubble{background:#f7f1df;color:#28342c;box-shadow:0 8px 28px #10172220;border-radius:18px;font-size:14px;line-height:1.5;text-align:center}.hero-bubble{position:absolute;right:-1%;top:23px;padding:16px 23px;transform:rotate(7deg);z-index:4}.hero-bubble:after{content:'';position:absolute;right:28px;bottom:-9px;border-style:solid;border-width:10px 9px 0;border-color:#f7f1df transparent transparent}.art-spark{position:absolute;color:#f2d591;font-size:48px}.art-spark.one{left:3%;top:140px;transform:rotate(12deg)}.art-spark.two{right:-6%;top:250px;font-size:31px}.handwritten{font-family:Story,Georgia,serif;font-style:italic;font-size:19px;color:var(--green);text-align:center;line-height:1.4}.hero-caption{position:absolute;bottom:-45px;left:10%;width:85%;transform:rotate(-4deg)}.hero-caption small{display:block;font-family:'Trebuchet MS',sans-serif;font-style:normal;font-size:12px;color:#aeb8b9;letter-spacing:.02em;margin-top:5px}.values-strip{background:#1c2931;border-block:1px solid #33414a}.values{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px;color:#dfe6d7;font-size:15px}.separator{font-size:26px;color:#bcd38e;line-height:1}.story{display:grid;grid-template-columns:.92fr 1fr;align-items:center;gap:94px}.story-picture{position:relative;border-radius:170px 170px 24px 24px;overflow:hidden;max-width:475px;transform:rotate(-2deg)}.story-picture img{width:100%;height:560px;object-fit:cover;object-position:center 52%}.story-picture:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0a1727d9)}.story-picture figcaption{position:absolute;bottom:30px;left:0;right:0;z-index:1;text-align:center;font-family:Story,Georgia,serif;font-style:italic;color:#f5e6c7;font-size:19px}.story-copy h2{font-size:clamp(2.2rem,3.1vw,2.8rem);margin-bottom:26px}.story-copy p:not(.eyebrow){margin-top:18px;font-size:16px;line-height:1.8}.story-signoff{display:flex;gap:17px;align-items:center;margin-top:30px;color:var(--green);font-size:15px}.story-signoff>span:first-child{font-size:38px}.companions{background:#18232d;border-block:1px solid #28343e}.section-heading{text-align:center;max-width:750px;margin:0 auto 54px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p:last-child{font-size:16px;margin-top:22px}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.friend-card{color:#25332f;border-radius:24px;overflow:hidden;padding:26px 27px 22px;display:flex;flex-direction:column}.palla-card{background:#f0e7cd}.lila-card{background:#d7cfea}.bindu-card{background:#d6dfb5}.friend-top{display:flex;justify-content:space-between;align-items:center}.friend-personality{font-size:12px;border:1px solid #263c3140;border-radius:25px;padding:5px 12px;line-height:1.5}.friend-top>span:last-child{font-size:24px}.friend-image{height:240px;display:flex;justify-content:center;align-items:center}.friend-image img{width:260px;height:260px;object-fit:contain;transition:transform .5s}.friend-card:hover .friend-image img{transform:translateY(-7px) rotate(-3deg)}.friend-content{display:flex;flex-direction:column;flex:1}.friend-card h3{font-size:32px;line-height:1.4;letter-spacing:-.04em}.friend-card p{color:#475249;font-size:15px;line-height:1.7;margin-top:6px}.friend-card blockquote{font-family:Story,Georgia,serif;font-style:italic;font-size:17px;line-height:1.6;margin:21px 0}.hello-button{background:transparent;border:0;border-top:1px solid #25332f30;color:#293b2d;display:flex;align-items:center;justify-content:space-between;padding:17px 0 0;margin-top:auto;font-size:14px;text-align:left;font-weight:bold}.hello-button>span:last-child{font-size:24px;line-height:1}.friend-card .hello-response{font-size:13px;line-height:1.5;min-height:40px;color:#354735;margin:11px 0 0}.friends-footnote{text-align:center;margin-top:32px;font-size:13px}.rituals{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ritual-copy>p:not(.eyebrow){margin-top:25px;max-width:460px;font-size:16px}.steps{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:24px}.steps li{display:flex;gap:20px;align-items:flex-start}.steps li>span{flex:0 0 35px;font-size:12px;color:var(--green);font-weight:bold;padding-top:4px}.steps h3{font-size:18px;line-height:1.5;letter-spacing:-.02em}.steps p{font-size:14px;line-height:1.7;margin-top:5px}.demo-stage{padding:15px 0 45px;position:relative}.ritual-demo{border:1px solid #53605d;background:#253339;border-radius:30px;padding:28px;transform:rotate(2deg);box-shadow:18px 21px 0 #0d162044}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-kicker{font-size:12px;color:#c3d0bd;letter-spacing:.1em}.energy{font-size:12px;color:var(--green);white-space:nowrap;background:#364639;padding:5px 9px;border-radius:40px}.energy>span:first-child{font-size:16px}.demo-pet{height:260px;position:relative;display:flex;justify-content:center;align-items:flex-end}.demo-pet img{width:228px;height:228px;object-fit:contain}.demo-bubble{position:absolute;right:-5px;top:19px;font-size:12px;max-width:190px;padding:11px 15px;z-index:2;transform:rotate(-6deg)}.demo-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 15px}.demo-list-heading h3{font-size:16px;letter-spacing:-.02em}.demo-list-heading>span{font-size:12px;color:var(--muted)}.ritual-list{display:grid;gap:9px}.ritual-toggle{color:#e9eddd;background:#304047;border:1px solid #4e5d6029;border-radius:14px;padding:14px;display:flex;align-items:center;gap:13px;text-align:left;font-size:14px;transition:background .2s,border-color .2s}.ritual-toggle:hover{border-color:#9bb584}.ritual-symbol{width:24px;text-align:center;font-size:21px;color:#d6e8b9;line-height:1}.checkmark{margin-left:auto;flex:0 0 22px;width:22px;height:22px;border:1px solid #829283;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.ritual-toggle[aria-pressed=true]{background:#3c5145;color:#e5f1c9}.ritual-toggle[aria-pressed=true] .checkmark{background:var(--green);border-color:var(--green);color:#263c2b}.ritual-toggle[aria-pressed=true] .checkmark:after{content:'✓'}.demo-hint{text-align:center;font-size:12px;margin-top:18px;color:#bdc9c0}.demo-caption{display:block;position:absolute;bottom:-5px;left:0;right:0;transform:rotate(-4deg)}.grow-section{background:#202d33;border-block:1px solid #354245}.grow-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;padding-block:70px}.evolution-art{display:flex;align-items:flex-end;position:relative;padding-bottom:10px}.evolution-art .young{width:36%}.evolution-art .grown{width:56%}.evolution-art>span{align-self:center;white-space:nowrap;color:var(--green);font-size:20px;width:8%;z-index:1;transform:translate(-14px,-5px)}.grow-layout h2{font-size:clamp(2.4rem,3.6vw,3.2rem)}.grow-layout p:last-child{font-size:16px;margin-top:23px;max-width:465px}.closing{text-align:center;position:relative;padding-block:100px}.closing-spark{display:block;color:var(--green);font-size:48px;margin-bottom:20px}.closing .eyebrow{font-size:12px}.closing h2{font-size:clamp(2.7rem,4.6vw,4rem)}.closing>p:not(.eyebrow){margin-top:28px;font-size:16px;line-height:1.9}.closing .button{margin-top:32px}.closing p.closing-note{font-size:12px;margin-top:24px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:32px}.footer .brand{font-size:28px}.footer>p,.copyright{font-size:12px;color:#a5b0b7}.skip{position:absolute;left:15px;top:-100px;background:var(--green);color:var(--bg);z-index:10;padding:12px;border-radius:8px}.skip:focus{top:15px}.friend-image img.wiggle{animation:wiggle .7s ease}.demo-pet img.celebrate{animation:celebrate .6s ease}
@keyframes float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -9px;rotate:2deg}}@keyframes float-left{0%,100%{translate:0 0;rotate:-7deg}50%{translate:0 -13px;rotate:-3deg}}@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg) translateY(-8px)}65%{transform:rotate(9deg) translateY(-13px)}}@keyframes celebrate{0%,100%{transform:translateY(0)}40%{transform:translateY(-18px) rotate(-5deg)}70%{transform:translateY(-5px) rotate(4deg)}}
@media(min-width:1500px){:root{--max:1260px}.hero{gap:65px;padding-block:85px 100px}.hero-art{height:565px}.friend-image{height:270px}.friend-image img{width:285px;height:285px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.header-actions{gap:16px}.header .small{display:none}.hero{gap:20px}.hero-art{height:460px}.hero-pet{bottom:20px}.hero-palla{bottom:0}.hero-lila{bottom:45px}.hero-bindu{bottom:35px}.hero h1{font-size:clamp(3.2rem,6.4vw,4.6rem)}.hero-description{font-size:16px}.hero-buttons{gap:20px}.hero-note{max-width:290px;align-items:flex-start}.story{gap:55px}.story-picture img{height:500px}.rituals{gap:50px}.friend-grid{gap:16px}.friend-card{padding:22px}.friend-image{height:210px}.friend-image img{width:230px;height:230px}.friend-personality{font-size:12px}.grow-layout{gap:45px}.section{padding-block:85px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{min-height:90px;gap:16px}.nav{font-size:12px;gap:18px}.brand{font-size:29px}.brand img{width:36px;height:36px}.hero{grid-template-columns:1fr;gap:40px;padding-block:55px 85px;text-align:center}.hero .eyebrow{justify-content:center}.hero h1{font-size:clamp(3.4rem,9vw,5.2rem)}.hero-description{max-width:520px;margin-inline:auto;font-size:18px}.hero-buttons{justify-content:center}.hero-note{justify-content:center;max-width:none}.hero-art{width:470px;max-width:90%;height:480px;margin-inline:auto}.hero-caption{bottom:-40px}.values{font-size:12px;gap:15px}.values .last{display:none}.story{gap:35px;grid-template-columns:.85fr 1fr}.story-picture img{height:520px}.story-copy h2{font-size:2.1rem}.story-copy p:not(.eyebrow){font-size:14px}.story-signoff{font-size:13px}.friend-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto;gap:22px}.friend-card{padding:26px;display:grid;grid-template-columns:40% 1fr;column-gap:20px}.friend-top{grid-column:1/-1;margin-bottom:10px}.friend-image{height:240px;align-self:center}.friend-image img{width:100%;height:auto;max-height:250px}.friend-content{display:flex}.friend-card p{font-size:14px}.friend-card blockquote{font-size:16px;margin-block:12px}.friend-card h3{font-size:29px}.friend-card .hello-response{min-height:34px}.friend-personality{font-size:12px}.rituals{grid-template-columns:1fr;gap:40px}.ritual-copy{max-width:550px;margin-inline:auto}.ritual-copy>p:not(.eyebrow){max-width:none}.demo-stage{width:430px;max-width:90%;margin-inline:auto}.grow-layout{gap:25px}.evolution-art{align-items:center}.grow-layout h2{font-size:2.2rem}.grow-layout p:last-child{font-size:14px}.footer>p{max-width:220px;text-align:center}}
@media(max-width:580px){.wrap{width:calc(100% - 40px)}.header{min-height:82px}.nav{display:none}.header-actions{gap:5px}.header .small{display:inline-flex;font-size:12px;padding:10px 13px;gap:9px}.language button{font-size:12px;padding-inline:6px}.brand{font-size:27px;gap:8px}.brand img{width:33px;height:33px;border-radius:9px}.hero{padding-top:38px;gap:30px;padding-bottom:75px}.hero .eyebrow{font-size:12px;letter-spacing:.11em;gap:8px}.hero h1{font-size:clamp(2.75rem,11.5vw,4.1rem);margin-bottom:20px;letter-spacing:-.055em}.hero-description{font-size:16px;max-width:380px}.hero-buttons{gap:18px;margin-top:25px}.hero-buttons .button{font-size:14px;padding:15px 20px}.hero-buttons .text-link{font-size:13px}.hero-note{margin-top:17px;font-size:12px;gap:8px;align-items:center}.hero-art{height:auto;aspect-ratio:1/1.11;max-width:92%;margin-top:20px}.world-window{left:9%;width:83%;height:97%}.hero-bubble{top:4%;right:-3%;padding:11px 15px;font-size:12px;border-radius:14px}.hero-lila{bottom:11%;width:51%;left:-8%}.hero-bindu{bottom:9%;width:51%;right:-7%}.hero-palla{bottom:-4%;width:60%;left:20%}.art-spark.one{top:21%;left:-3%;font-size:35px}.art-spark.two{top:45%;right:-4%;font-size:24px}.hero-caption{bottom:-43px;font-size:15px;left:0;width:100%;transform:rotate(-3deg)}.hero-caption small{font-size:12px}.values{flex-wrap:wrap;justify-content:center;gap:8px 14px;padding-block:20px;font-size:12px}.values .separator{font-size:17px}.values>span:nth-child(4){display:none}.values>span:nth-child(5){width:100%;text-align:center}.section{padding-block:67px}.story{grid-template-columns:1fr;gap:42px}.story-picture{max-width:330px;width:86%;margin-inline:auto;border-radius:130px 130px 23px 23px}.story-picture img{height:420px}.story-picture figcaption{font-size:16px;bottom:24px}.story-copy .eyebrow{font-size:12px}.story-copy h2{font-size:clamp(2rem,8vw,2.8rem)}.story-copy p:not(.eyebrow){font-size:16px}.story-signoff{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:18px}h2{font-size:clamp(2.1rem,8.5vw,3rem)}.section-heading{margin-bottom:32px}.section-heading>p:last-child{font-size:15px}.section-heading br{display:none}.friend-card{padding:24px;display:flex}.friend-top{margin:0}.friend-image{height:245px;width:100%}.friend-image img{width:265px;height:265px;max-height:none}.friend-card h3{font-size:32px}.friend-card p{font-size:16px}.friend-card blockquote{font-size:17px;margin-block:18px}.friend-card .hello-response{min-height:25px}.friends-footnote{font-size:12px;max-width:270px;margin-inline:auto}.ritual-copy h2{font-size:clamp(2.1rem,8.3vw,2.8rem)}.ritual-copy>p:not(.eyebrow){font-size:16px}.steps{gap:23px}.steps li{gap:10px}.steps h3{font-size:17px}.steps p{font-size:14px}.demo-stage{max-width:96%;padding-top:10px}.ritual-demo{padding:20px;transform:rotate(1deg);border-radius:24px;box-shadow:10px 12px 0 #0d162044}.demo-kicker{font-size:12px}.energy{font-size:12px;padding:5px 7px}.demo-pet{height:230px}.demo-pet img{width:205px;height:205px}.demo-bubble{font-size:12px;right:0;max-width:175px}.demo-list-heading h3{font-size:15px}.demo-list-heading>span{font-size:12px}.ritual-toggle{padding:12px;font-size:13px;gap:9px}.demo-hint{font-size:12px}.grow-layout{grid-template-columns:1fr;gap:25px;padding-block:50px}.evolution-art{max-width:420px;width:100%;margin-inline:auto}.grow-layout h2{font-size:2.6rem}.grow-layout p:last-child{font-size:16px}.closing{padding-block:65px}.closing h2{font-size:clamp(2.3rem,9.5vw,3.2rem)}.closing>p:not(.eyebrow){font-size:15px}.closing p br{display:none}.closing-spark{font-size:36px}.footer{flex-wrap:wrap;justify-content:space-between;gap:18px;padding-block:25px}.footer>p{order:3;max-width:none;width:100%;text-align:left;font-size:12px}.footer .brand{font-size:26px}.copyright{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:420px){.header .small{display:none}}

.steps p,.story-copy p:not(.eyebrow),.grow-layout p:last-child,.friend-card p:not(.hello-response){font-size:16px}.ritual-toggle,.language button{font-size:14px}@media(max-width:580px){.header .small{display:none}}

.care-status{font-size:12px;color:var(--green);background:#364639;padding:5px 12px;border-radius:40px;text-align:center}.care-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.care-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:16px 8px;background:#304047;border:1px solid #53665c;border-radius:16px;color:var(--text);font-size:14px;min-height:94px}.care-action>span:first-child{font-size:26px;line-height:1.2}.care-action:hover{border-color:var(--green)}.care-action[aria-pressed=true]{background:#425640;border-color:var(--green);color:#e7f2cd}.rest-indicator{position:absolute;bottom:140px;right:55px;color:var(--green);font-family:Story,Georgia,serif;letter-spacing:.15em;rotate:-12deg}.demo-pet img.resting{transform:translateY(9px) rotate(6deg);opacity:.85}.demo-pet img.nibble{animation:nibble .75s ease}@keyframes nibble{0%,100%{transform:scale(1)}25%,65%{transform:scale(1.04) rotate(-3deg)}45%,80%{transform:scale(.99) rotate(2deg)}}@media(max-width:580px){.care-actions{gap:8px}.care-action{padding:14px 5px;font-size:14px}.rest-indicator{right:32px;bottom:125px}.care-status{max-width:54%;font-size:12px}}@media(prefers-reduced-motion:reduce){.demo-pet img.nibble{animation:none}}
.store-availability{margin-top:29px}.store-kicker{color:#d6e8b9;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:bold;margin-bottom:11px}.store-badges{display:flex;flex-wrap:wrap;gap:10px}.store-badge{display:inline-flex;align-items:center;gap:11px;min-height:49px;padding:10px 15px;background:#1d2b34;border:1px solid #526256;border-radius:14px;color:#f5f1e5;line-height:1.2}.store-badge strong{font-family:var(--display);font-size:15px;letter-spacing:-.02em;white-space:nowrap}.platform-mark{display:inline-flex;align-items:center;justify-content:center;width:33px;height:28px;border-right:1px solid #536354;padding-right:8px;color:var(--green);font-weight:bold;font-size:13px}.platform-mark.play{font-size:19px}.hero-note{margin-top:16px}@media(max-width:800px){.store-badges{justify-content:center}}@media(max-width:580px){.store-availability{margin-top:27px}.store-badge{padding:9px 12px}.store-badge strong{font-size:14px}}
/* Keep the story and character scene together in narrow browser viewports. */
.hero{grid-template-areas:"intro art" "details art";grid-template-rows:auto auto;row-gap:0;align-content:center}
.hero-intro{grid-area:intro;align-self:end;min-width:0}
.hero-details{grid-area:details;align-self:start;min-width:0}
.hero-art{grid-area:art;min-width:0}
@media(max-width:800px){
  .hero{display:flex;flex-direction:column;gap:0}
  .hero-intro{order:0;width:100%}
  .hero-art{order:1;margin-top:18px;margin-bottom:60px}
  .hero-details{order:2;width:100%;max-width:560px;margin-inline:auto}
}
@media(max-width:580px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:20px}
  body{overflow-x:hidden}
  .wrap{width:calc(100% - 36px)}
  .header{min-height:66px;gap:10px}
  .brand{font-size:25px}
  .brand img{width:32px;height:32px}
  .language button{min-width:44px;min-height:44px;font-size:14px}
  .hero{min-height:0;padding-top:25px;padding-bottom:56px}
  .hero .eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.45;margin-bottom:10px}
  .hero h1{font-size:clamp(2.65rem,11.5vw,3.2rem);line-height:1.08;margin:0}
  .hero h1 em{line-height:1.12}
  .hero-art{width:min(100%,340px);max-width:none;height:auto;aspect-ratio:1 / .94;margin-top:12px;margin-bottom:52px}
  .hero-lila{left:0;width:47%;bottom:9%}
  .hero-bindu{right:0;width:47%;bottom:9%}
  .hero-palla{left:20%;width:60%;bottom:-2%}
  .hero-bubble{right:1%;top:2%;max-width:47%;padding:10px 12px;font-size:12px;line-height:1.35}
  .art-spark.one{left:2%}.art-spark.two{right:2%}
  .hero-caption{bottom:-33px;font-size:14px;line-height:1.25}
  .hero-caption small{font-size:12px;margin-top:3px}
  .hero-description{font-size:16px;line-height:1.6;max-width:360px}
  .hero-buttons{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;margin-top:20px}
  .hero-buttons .button{width:100%;max-width:330px;min-height:50px;font-size:15px}
  .hero-buttons .text-link{min-height:40px;font-size:14px}
  .store-availability{margin-top:16px}
  .store-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .store-badge{min-width:0;gap:6px;padding:9px 8px;justify-content:center}
  .store-badge strong{font-size:13px}
  .platform-mark{width:28px;padding-right:5px;font-size:12px}
  .hero-note{margin-top:14px;justify-content:center;line-height:1.5}
  .values{display:grid;grid-template-columns:1fr;gap:6px;padding-block:16px;text-align:center;font-size:13px}
  .values .separator{display:none}
  .values>span:nth-child(5){width:auto}
  .section{padding-block:56px}
  .story{gap:32px}
  .story-picture{max-width:280px;width:82%}
  .story-picture img{height:350px}
  .story-copy h2,.section-heading h2{font-size:clamp(2rem,8vw,2.6rem);line-height:1.17}
  .story-copy p:not(.eyebrow){line-height:1.65}
  .section-heading{margin-bottom:26px}
  .section-heading br{display:block}
  .friend-grid{gap:14px}
  .friend-card{padding:20px 22px}
  .friend-image{height:190px}
  .friend-image img{width:215px;height:215px}
  .friend-card p{line-height:1.6}
  .friend-card .hello-response:empty{display:none}
  .friend-card blockquote{margin-block:12px}
  .rituals{gap:28px}
  .steps{gap:18px;margin-top:26px}
  .steps p{font-size:15px;line-height:1.6}
  .demo-stage{width:100%;max-width:390px;margin-inline:auto;padding-top:0;padding-bottom:32px}
  .ritual-demo{transform:none;box-shadow:0 14px 36px #0d16205a;padding:17px;border-radius:22px}
  .demo-pet{height:210px}
  .demo-pet img{width:185px;height:185px}
  .demo-bubble{max-width:160px;right:0;top:8px}
  .demo-caption{bottom:-4px}
  .closing{padding-block:58px}
  .closing h2{font-size:clamp(2.25rem,9vw,3rem);line-height:1.15}
  .closing>p:not(.eyebrow){line-height:1.7}
  .closing p br{display:block}
}
@media(max-width:360px){
  .hero h1{font-size:2.55rem}
  .hero-art{width:min(100%,300px)}
  .hero-bubble{font-size:11px}
  .store-badge strong{font-size:12px}
  .friend-card{padding-inline:18px}
  .demo-bubble{max-width:145px}
}
@media(max-width:580px){
  html[lang="id"] .hero h1{font-size:clamp(2.4rem,10vw,2.8rem)}
  .footer{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}
}