@font-face{font-family:InkSerif;src:local("Songti SC"),local("STSong"),local("Noto Serif CJK SC")}
:root{--paper:#f3efe7;--ink:#252923;--muted:#6d7168;--line:#dcd9cf;--leaf:#7c937d;--rust:#ba745e;--cream:#fcfaf3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:InkSerif,"Songti SC",serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}::selection{background:#cad6c9}
.site-header{position:relative;z-index:10;border-bottom:1px solid #dedbd2;background:#f3efe7e8;backdrop-filter:blur(16px)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.brand img{width:42px;height:42px;border-radius:11px}.brand span{display:flex;align-items:baseline;gap:8px}.brand small{font:700 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em;color:#7f8678}.desktop-nav{display:flex;gap:32px;font:13px ui-sans-serif,system-ui,sans-serif;color:#596158}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--rust)}.header-cta{border:1px solid #858b7e;border-radius:999px;padding:12px 18px;font:600 13px ui-sans-serif,system-ui,sans-serif;white-space:nowrap;transition:background .2s,color .2s}.header-cta:hover{background:var(--ink);color:#fff}.header-cta span{margin-left:11px}
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:48px;align-items:center;padding-top:84px}.hero-copy{padding-bottom:55px;min-width:0}.eyebrow,.kicker{font:700 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.22em;color:#9b715e}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#667a68}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#a2b7a0;box-shadow:0 0 0 5px #dce8d8}.hero h1{font-size:clamp(45px,4.75vw,71px);line-height:1.2;letter-spacing:-.045em;font-weight:600;margin:28px 0 25px;white-space:nowrap}.hero h1 em,h2 em{font-style:normal;color:var(--rust)}.hero-copy>p{font-size:18px;line-height:1.92;color:#5d655b;max-width:480px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 23px;border-radius:999px;font:600 14px ui-sans-serif,system-ui,sans-serif;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:#29332c;color:#fff;box-shadow:0 10px 24px #26322824}.button-dark:hover{box-shadow:0 15px 30px #26322835}.text-link{font:600 13px ui-sans-serif,system-ui,sans-serif;color:#626d62;border-bottom:1px solid #aebaae;padding-bottom:5px}.text-link span{margin-left:8px}.hero-meta{display:flex;gap:14px;align-items:center;margin-top:51px;font:11px ui-sans-serif,system-ui,sans-serif;color:#8c9188}.hero-meta span+span{border-left:1px solid #c7cbc1;padding-left:14px}.hero-footnote{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0 27px;margin-top:31px;font:11px ui-sans-serif,system-ui,sans-serif;color:#95988f;letter-spacing:.08em}.hero-footnote span:last-child{color:var(--rust);font-size:20px}
.hero-visual{height:560px;position:relative;isolation:isolate;min-width:0}.visual-halo{position:absolute;inset:9% 0 3% 4%;border-radius:46% 54% 52% 48%;background:radial-gradient(circle at 35% 35%,#e5e8d8,#d9e2d4 58%,#d1d9cf);transform:rotate(-9deg);z-index:-2}.three-layer{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.three-layer canvas{display:block;width:100%;height:100%}.screen-scene{position:absolute;left:5%;right:4%;top:23%;bottom:10%;overflow:hidden;border:10px solid #292b2a;border-radius:21px 21px 9px 9px;background:linear-gradient(160deg,#cfddec 0%,#bed0de 42%,#dcd7cd 100%);box-shadow:0 36px 60px #26332c39,0 2px 4px #26332c28;z-index:1}.screen-light{position:absolute;width:70%;height:90%;border-radius:50%;filter:blur(30px);background:#fff9;top:-40%;right:-25%}.hill{position:absolute;width:120%;height:70%;bottom:-38%;left:-10%;border-radius:50% 50% 0 0;transform:rotate(-11deg)}.hill-back{background:#829bc0;bottom:-29%;left:13%;transform:rotate(12deg)}.hill-front{background:#617ba1;bottom:-41%;left:-26%}.fake-window{position:absolute;left:8%;top:19%;width:54%;height:53%;background:#f6f7f2e8;border-radius:11px;box-shadow:0 19px 35px #33465c2e;transform:rotate(-3deg);padding:15px}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#deb3a8}.window-dots i:nth-child(2){background:#e9d2a2}.window-dots i:nth-child(3){background:#b7c7ae}.window-lines{display:grid;gap:11px;margin-top:27px}.window-lines i{display:block;width:76%;height:9px;border-radius:9px;background:#d9dfe1}.window-lines i:nth-child(2){width:92%}.window-lines i:nth-child(3){width:56%}.window-lines i:nth-child(4){width:68%}.top-bezel{position:absolute;top:23%;height:10px;left:5%;right:4%;background:#292b2a;border-radius:21px 21px 0 0;z-index:3}.camera{position:absolute;left:50%;top:4px;width:3px;height:3px;border-radius:50%;background:#54616d}.notch{position:absolute;top:23%;left:40%;width:22%;height:38px;background:#262729;border-radius:0 0 15px 15px;z-index:5}.pet{position:absolute;width:158px;height:158px;z-index:6;transform-origin:50% 70%;transition:transform .35s ease}.pet>img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 6px #0006)}.pet-momo{top:8.5%;left:37%}.pet-tuantu{top:11%;left:53%;transform:scale(.87)}.pet .eyes{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-4deg);display:flex;gap:9px}.pet .eye{display:block;position:relative;width:24px;height:29px;background:#fff9e9;border-radius:50%;box-shadow:0 1px 5px #0009}.pet .eye::after{content:"";position:absolute;width:11px;height:15px;background:#151817;border-radius:50%;left:8px;top:8px;transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .25s}.pet-tuantu .eye{height:26px;width:22px}.paw{position:absolute;bottom:16px;width:26px;height:15px;background:#1b1b1a;border:1px solid #6d6969;border-radius:60%;z-index:2}.paw-left{left:33px;transform:rotate(-18deg)}.paw-right{right:32px;transform:rotate(18deg)}.scene-label{position:absolute;bottom:4%;right:6%;z-index:7;background:#fbf8ef;border:1px solid #e1ded5;border-radius:14px;padding:12px 17px;box-shadow:0 12px 24px #26322820;font:600 13px ui-sans-serif,system-ui,sans-serif}.scene-label>span{color:var(--rust);font-size:20px;margin-right:6px}.scene-label small{display:block;margin-left:31px;margin-top:4px;color:#9b9c92;font-weight:400}
.home-section{background:#e5eae0;padding:120px 0}.home-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:84px}.section-intro h2,.days-heading h2,.keys-copy h2,.privacy-heading h2,.download-inner h2{font-size:clamp(40px,4.2vw,62px);font-weight:600;line-height:1.28;letter-spacing:-.045em;margin:21px 0 25px}.section-intro>p,.days-heading>p,.keys-copy>p,.privacy-heading>p,.download-inner>p{font-size:17px;line-height:1.95;color:#5d665d;max-width:520px}.tiny-divider{width:46px;height:1px;background:#9cab9d;margin:47px 0 17px}.section-signature{font-size:13px;color:#7d877b}.home-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px}.home-card{position:relative;background:#faf9f3;border:1px solid #d9dfd5;border-radius:23px;min-height:400px;padding:24px;overflow:hidden;box-shadow:0 15px 30px #5664520c}.home-number,.card-index{font:700 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.13em;color:#7d8b79}.home-card-scene{position:relative;height:225px;margin:10px -24px 23px;overflow:hidden}.notch-scene{background:linear-gradient(#c9d8e7 15%,#dce7ed 65%,#b7cde0)}.mini-bezel{position:absolute;top:0;left:0;right:0;height:10px;background:#222725}.mini-notch{position:absolute;top:0;left:35%;width:30%;height:20px;border-radius:0 0 11px 11px;background:#222725}.mini-pet{position:absolute;width:112px;height:112px}.mini-pet img,.download-pet img{width:100%;height:100%;display:block}.mini-pet-one{top:7px;left:34%}.mini-eyes{position:absolute;left:50%;top:48%;display:flex;gap:5px;transform:translate(-50%,-50%)}.mini-eyes i{position:relative;display:block;width:17px;height:20px;background:#fff8e7;border-radius:50%}.mini-eyes i::after{content:"";position:absolute;width:7px;height:9px;background:#141615;border-radius:50%;left:7px;top:7px}.dock-scene{background:linear-gradient(145deg,#dbe2dc,#bed0d9)}.dock-bar{position:absolute;bottom:20px;left:10%;right:10%;height:53px;border-radius:15px;background:#e7edf0a8;border:1px solid #fffa;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 8px 25px #43535b20}.dock-bar i{width:29px;height:29px;border-radius:7px;background:#85a8c6}.dock-bar i:nth-child(2){background:#dfb293}.dock-bar i:nth-child(3){background:#c7adbe}.dock-bar i:nth-child(4){background:#a9bca7}.dock-bar i:nth-child(5){background:#d7d8cb}.mini-pet-two{bottom:58px;right:19%}.home-card h3{font-size:19px;margin:0 0 8px;font-weight:600}.home-card p{font-size:13px;line-height:1.75;color:#767d73;margin:0}
.days-section{padding-top:116px;padding-bottom:125px}.days-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:39px}.days-heading>p{max-width:330px;margin-bottom:24px}.day-grid{display:grid;grid-template-columns:1.42fr 1fr 1fr;gap:18px}.day-card{min-height:495px;position:relative;border-radius:23px;padding:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#e8e5da}.day-card-feature{background:#d8ded8}.day-card-focus{background:#e9e3d6}.day-card-rest{background:#e6d9cd}.card-index{position:relative;z-index:2;color:#69746d}.day-image{position:absolute;inset:44px 0 120px;overflow:hidden}.day-image img{width:100%;height:100%;object-fit:cover;object-position:5% 19%}.day-card-copy{position:relative;z-index:2;background:inherit}.day-card h3{font-size:22px;line-height:1.4;margin:0 0 10px;font-weight:600}.day-card p{font-size:14px;line-height:1.75;color:#666b64;margin:0}.focus-clock{position:relative;align-self:center;margin:auto 0;display:flex;align-items:baseline;gap:5px;color:#587268}.focus-clock span{font:500 110px/1 Georgia,serif;letter-spacing:-.07em}.focus-clock small{font:700 12px ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em}.focus-clock i{position:absolute;width:176px;height:176px;border:1px solid #8ca79b;border-radius:50%;left:-28px;top:-31px;transform:rotate(-19deg) scaleX(.94)}.rest-illustration{align-self:center;margin:auto 0;position:relative;width:170px;height:170px}.rest-illustration div{position:absolute;inset:0;border:1px solid #ac8a7a;border-radius:50%;transform:rotate(20deg) scaleX(.83)}.rest-illustration span{position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;text-align:center;color:#a27060;font-size:30px;line-height:1.25}
.keys-section{padding:122px 0;background:#303730;color:#f4f3e9}.keys-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.keys-section .kicker{color:#c2d4b8}.keys-copy h2 em{color:#dcb49b}.keys-copy>p{color:#d2d8ce}.keys-note{display:flex;gap:14px;border-top:1px solid #ffffff36;padding-top:24px;margin-top:36px;font:13px/1.8 ui-sans-serif,system-ui,sans-serif;color:#c3cdc0}.keys-note>span:first-child{font-size:10px;color:#dba98a;padding-top:3px}.keys-note strong{color:#fff}.stats-card{background:#f5f3ea;border-radius:25px;color:#303730;padding:30px 35px;box-shadow:0 26px 60px #0003;transform:rotate(2deg)}.stats-head,.stats-footer{display:flex;justify-content:space-between;gap:12px;font:12px ui-sans-serif,system-ui,sans-serif;color:#848d80}.stats-head span:first-child{color:#425548;font-weight:700}.stats-main{display:flex;flex-direction:column;margin-top:37px}.stats-main small{font:13px ui-sans-serif,system-ui,sans-serif;color:#6d766b}.stats-main strong{font:500 clamp(70px,7vw,108px)/1.18 Georgia,serif;letter-spacing:-.07em;white-space:nowrap}.stats-main em{font:17px InkSerif,serif;letter-spacing:0;font-style:normal;margin-left:2px}.stats-main>span{font-size:14px;color:#7e877d}.stats-chart{display:flex;align-items:end;gap:13px;height:90px;border-bottom:1px solid #d6d9cf;margin:29px 0 11px;padding-bottom:5px}.stats-chart i{display:block;flex:1;border-radius:5px 5px 0 0;background:#b7c9b5}.stats-chart i:nth-child(1){height:35%}.stats-chart i:nth-child(2){height:60%}.stats-chart i:nth-child(3){height:49%}.stats-chart i:nth-child(4){height:75%}.stats-chart i:nth-child(5){height:61%}.stats-chart i:nth-child(6){height:93%;background:#ba745e}.stats-chart i:nth-child(7){height:72%}
.privacy-section{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.privacy-heading>p{margin-bottom:0}.privacy-points{align-self:center}.privacy-points>div{display:grid;grid-template-columns:44px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:20px 0;align-items:start}.privacy-points>div:first-child{border-top:1px solid var(--line)}.privacy-points span{font:700 11px ui-sans-serif,system-ui,sans-serif;color:var(--rust);padding-top:6px}.privacy-points p{margin:0;font-size:16px;line-height:1.75;color:#556052}
.download-section{background:#e4e7da;padding:105px 0 113px;text-align:center;overflow:hidden}.download-inner{position:relative}.download-inner h2{margin-top:12px}.download-inner>p{margin:0 auto 26px}.download-inner>small{display:block;margin-top:22px;font:12px/1.8 ui-sans-serif,system-ui,sans-serif;color:#8c9186}.button-disabled{background:#2e3d32;color:#fff;cursor:default}.button-disabled:hover{transform:none}.download-pet{position:relative;width:110px;height:110px;margin:17px auto -5px}.download-pet .mini-eyes{top:47%}.site-footer{background:#29312b;color:#b8c5b7}.footer-inner{padding:26px 0;display:flex;justify-content:space-between;gap:22px;font:11px/1.6 ui-sans-serif,system-ui,sans-serif}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{gap:17px}.hero{column-gap:20px}.hero h1{font-size:clamp(42px,5vw,58px)}.pet-momo{left:31%}.pet-tuantu{left:52%}.home-grid{gap:35px}.home-card{padding:19px}.home-card-scene{margin-inline:-19px}.keys-grid{gap:40px}}
@media(max-width:820px){.shell{width:min(100% - 42px,1240px)}.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:57px}.hero-copy{padding-bottom:18px}.hero h1{font-size:clamp(47px,7.5vw,66px)}.hero-visual{height:470px}.hero-footnote{margin-top:0}.home-grid,.keys-grid,.privacy-section{grid-template-columns:1fr;gap:45px}.home-section,.days-section,.keys-section,.privacy-section{padding-block:82px}.home-cards{max-width:650px}.days-heading{display:block}.days-heading>p{max-width:560px}.day-grid{grid-template-columns:1.2fr 1fr}.day-card{min-height:400px}.day-card-rest{grid-column:1/-1;min-height:260px}.day-card-rest .rest-illustration{position:absolute;right:10%;top:45px}.day-card-rest .day-card-copy{max-width:55%}.stats-card{max-width:640px;transform:none}}
@media(max-width:590px){.shell{width:min(100% - 34px,1240px)}.header-inner{height:68px}.brand{font-size:19px}.brand img{width:35px;height:35px}.brand small{font-size:8px}.header-cta{padding:10px 12px;font-size:11px}.hero{padding-top:52px}.hero h1{font-size:clamp(38px,9.8vw,53px);white-space:normal;margin-top:23px}.hero-copy>p{font-size:16px}.hero-actions{gap:22px}.hero-meta{gap:8px;flex-wrap:wrap;margin-top:31px;font-size:10px}.hero-meta span+span{padding-left:8px}.hero-visual{height:350px}.screen-scene{top:22%;bottom:10%;border-width:7px}.top-bezel,.notch{top:22%}.pet{width:105px;height:105px}.pet-momo{left:33%;top:8%}.pet-tuantu{left:53%;top:10%}.pet .eyes{gap:5px}.pet .eye{width:16px;height:19px}.pet .eye::after{width:7px;height:10px;left:6px;top:6px}.paw{width:17px;height:10px;bottom:12px}.paw-left{left:23px}.paw-right{right:21px}.scene-label{padding:8px 11px;font-size:11px}.hero-footnote{font-size:10px}.section-intro h2,.days-heading h2,.keys-copy h2,.privacy-heading h2,.download-inner h2{font-size:clamp(35px,9vw,45px)}.home-cards,.day-grid{grid-template-columns:1fr}.home-card{min-height:330px}.home-card-scene{height:180px}.day-card,.day-card-rest{min-height:330px;grid-column:auto}.day-image{inset:40px 0 95px}.day-card-rest .rest-illustration{position:relative;top:auto;right:auto;align-self:center}.day-card-rest .day-card-copy{max-width:none}.focus-clock span{font-size:85px}.focus-clock i{width:145px;height:145px;top:-28px}.stats-card{padding:24px}.stats-main strong{font-size:70px}.privacy-section{gap:28px}.footer-inner{display:block}.footer-inner span{display:block;margin:5px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.pet,.pet .eye::after{transition:none}}

/* Character motion and small moments of interaction */
.hero-visual{--tilt-x:0deg;--tilt-y:0deg;--shift-x:0px;--shift-y:0px}.visual-halo{animation:halo-breathe 9s ease-in-out infinite}.screen-scene{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s ease}.hill-back{translate:var(--shift-x) var(--shift-y);transition:translate .4s ease}.hill-front{translate:var(--shift-x) var(--shift-y);transition:translate .4s ease}.fake-window{translate:var(--shift-x) var(--shift-y);transition:translate .4s ease}.pet-momo{animation:momo-peek 7.2s ease-in-out infinite}.pet-tuantu{animation:tuantu-peek 9.4s ease-in-out infinite}.pet>img{animation:fur-breathe 3.7s ease-in-out infinite}.pet-tuantu>img{animation-delay:-1.6s}.pet-momo .eye{animation:pet-blink 6.4s ease-in-out infinite}.pet-tuantu .eye{animation:pet-blink 8.1s ease-in-out infinite;animation-delay:-2s}.pet .paw{animation:paw-shift 5.8s ease-in-out infinite}.pet-tuantu .paw{animation-delay:-2.6s}.scene-play{position:absolute;left:7%;bottom:4%;z-index:8;border:1px solid #ffffffaa;background:#faf9f0e8;color:#304035;backdrop-filter:blur(10px);border-radius:999px;padding:11px 16px;font:600 12px ui-sans-serif,system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 22px #26322819;transition:transform .22s,background .22s}.scene-play:hover,.scene-play:focus-visible{transform:translateY(-3px);background:#fff}.scene-play span{margin-left:8px}.hero-visual.is-playing .pet-momo{animation:pet-hello .8s cubic-bezier(.2,.85,.3,1.25) both}.hero-visual.is-playing .pet-tuantu{animation:pet-hello-small .85s .12s cubic-bezier(.2,.85,.3,1.25) both}.hero-visual.is-playing::after{content:"✦     ✧     ✦";position:absolute;z-index:7;top:10%;left:22%;width:58%;text-align:center;color:#e3a579;font-size:32px;letter-spacing:1.5em;pointer-events:none;animation:sparkle-burst .9s ease-out both}
.home-card,.day-card{transition:transform .35s ease,box-shadow .35s ease}.home-card:hover,.day-card:hover{transform:translateY(-6px);box-shadow:0 22px 35px #38463a1a}.home-card:hover .mini-pet{animation:mini-hop .65s ease}.mini-pet-one{animation:mini-look 6.8s ease-in-out infinite}.mini-pet-two{animation:mini-look 8.5s ease-in-out infinite reverse}.day-card-focus.visible .focus-clock i{animation:clock-turn 25s linear infinite}.day-card-rest.visible .rest-illustration div{animation:rest-breathe 6s ease-in-out infinite}.stats-card.visible .stats-chart i{animation:bar-grow .65s backwards;transform-origin:bottom}.stats-chart i:nth-child(2){animation-delay:.08s}.stats-chart i:nth-child(3){animation-delay:.16s}.stats-chart i:nth-child(4){animation-delay:.24s}.stats-chart i:nth-child(5){animation-delay:.32s}.stats-chart i:nth-child(6){animation-delay:.4s}.stats-chart i:nth-child(7){animation-delay:.48s}.download-pet{animation:download-peek 5.4s ease-in-out infinite}
@keyframes halo-breathe{0%,100%{opacity:.82;scale:1;rotate:-9deg}50%{opacity:1;scale:1.035;rotate:-7deg}}@keyframes momo-peek{0%,13%,100%{transform:translateY(7px) rotate(-3deg)}19%,33%{transform:translateY(-8px) rotate(2deg)}39%,70%{transform:translateY(1px) rotate(-1deg)}76%,84%{transform:translateY(-3px) rotate(3deg)}}@keyframes tuantu-peek{0%,22%,100%{transform:translateY(13px) scale(.87) rotate(2deg)}29%,43%{transform:translateY(2px) scale(.87) rotate(-2deg)}48%,78%{transform:translateY(7px) scale(.87)}}@keyframes fur-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035,.975)}}@keyframes pet-blink{0%,42%,45%,100%{transform:scaleY(1)}43%{transform:scaleY(.12)}}@keyframes paw-shift{0%,47%,100%{translate:0 0}50%,55%{translate:0 -4px}}@keyframes pet-hello{0%{transform:translateY(4px) rotate(-3deg)}38%{transform:translateY(-32px) rotate(-10deg)}62%{transform:translateY(-21px) rotate(8deg)}100%{transform:translateY(7px) rotate(-3deg)}}@keyframes pet-hello-small{0%{transform:translateY(12px) scale(.87)}45%{transform:translateY(-20px) scale(.9) rotate(8deg)}100%{transform:translateY(13px) scale(.87)}}@keyframes sparkle-burst{0%{opacity:0;transform:translateY(20px) scale(.6)}35%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(1.15)}}@keyframes mini-look{0%,100%{transform:translateY(6px) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}@keyframes mini-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes clock-turn{to{transform:rotate(341deg) scaleX(.94)}}@keyframes rest-breathe{0%,100%{scale:1;opacity:.65}50%{scale:1.09;opacity:1}}@keyframes bar-grow{from{transform:scaleY(.15);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes download-peek{0%,100%{transform:translateY(10px)}45%,55%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.visual-halo,.pet,.pet>img,.pet .eye,.pet .paw,.mini-pet,.focus-clock i,.rest-illustration div,.stats-chart i,.download-pet{animation:none!important}.screen-scene{transform:none}.hero-visual.is-playing::after{display:none}.home-card,.day-card,.scene-play{transition:none}.home-card:hover,.day-card:hover{transform:none;box-shadow:none}}

/* Kinetic edition: each movement marks a chapter or a product behavior. */
.kinetic section:not(.is-active) .pet,.kinetic section:not(.is-active) .mini-pet,.kinetic section:not(.is-active) .download-pet,.kinetic section:not(.is-active) .focus-clock i,.kinetic section:not(.is-active) .rest-illustration,.kinetic section:not(.is-active) .day-image img{animation-play-state:paused}
.kinetic{--pace:1}.chapter-progress{position:fixed;z-index:30;right:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font:700 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;color:#657566;mix-blend-mode:multiply}.progress-track{display:block;width:2px;height:118px;background:#bac8b8;border-radius:2px;overflow:hidden}.progress-track i{display:block;width:100%;height:100%;background:#a36b56;transform:scaleY(0);transform-origin:top}.kinetic .hero{perspective:1200px}.kinetic .hero-copy h1{transform-origin:left bottom}.kinetic .hero.is-active .hero-copy h1{animation:title-rise 1.1s cubic-bezier(.16,1,.3,1) both}.kinetic .hero.is-active .hero-copy>p{animation:copy-rise .95s .2s both}.kinetic .hero.is-active .hero-actions{animation:copy-rise .95s .38s both}.kinetic .hero-visual{overflow:visible}.kinetic .hero-visual.stage-intro .pet-momo{animation:character-arrive-left 1.55s cubic-bezier(.2,.8,.2,1) both}.kinetic .hero-visual.stage-intro .pet-tuantu{animation:character-arrive-right 1.75s .22s cubic-bezier(.2,.8,.2,1) both}.kinetic .hero-visual.stage-intro .screen-scene{animation:screen-arrive 1.4s cubic-bezier(.16,1,.3,1) both}.kinetic .hero-visual.stage-intro .visual-halo{animation:halo-arrive 1.8s both}.kinetic .hero-visual:not(.is-active) .pet,.kinetic .hero-visual:not(.is-active) .visual-halo{animation-play-state:paused}.kinetic .orbit{position:absolute;z-index:0;pointer-events:none;border:1px solid #aec0ae80;border-radius:50%;transform:rotate(-18deg);opacity:.7}.kinetic .orbit-one{width:86%;height:75%;left:10%;top:8%}.kinetic .orbit-two{width:65%;height:58%;left:21%;top:17%;border-color:#d5b49b9a;transform:rotate(15deg)}.kinetic .hero-visual.is-active .orbit-one{animation:orbit-turn 28s linear infinite}.kinetic .hero-visual.is-active .orbit-two{animation:orbit-turn-reverse 35s linear infinite}.kinetic .scene-sparks{position:absolute;inset:0;pointer-events:none;z-index:7}.kinetic .scene-sparks i{position:absolute;width:7px;height:7px;border-radius:50%;background:#d4a580;opacity:0}.kinetic .scene-sparks i:nth-child(1){left:24%;top:21%}.kinetic .scene-sparks i:nth-child(2){left:72%;top:13%}.kinetic .scene-sparks i:nth-child(3){left:83%;top:47%}.kinetic .scene-sparks i:nth-child(4){left:17%;top:61%}.kinetic .scene-sparks i:nth-child(5){left:61%;top:74%}.kinetic .hero-visual.is-active .scene-sparks i{animation:spark-drift 4s ease-in-out infinite}.kinetic .scene-sparks i:nth-child(2){animation-delay:-.7s!important}.kinetic .scene-sparks i:nth-child(3){animation-delay:-1.9s!important}.kinetic .scene-sparks i:nth-child(4){animation-delay:-2.7s!important}.kinetic .scene-sparks i:nth-child(5){animation-delay:-3.3s!important}
.kinetic .home-grid{align-items:start}.kinetic .home-cards{position:relative;padding-bottom:98px}.travel-track{position:absolute;bottom:0;left:0;right:0;height:87px;grid-column:1/-1}.travel-line{position:absolute;left:8%;right:8%;top:44px;border-top:1px dashed #93aa93}.travel-ball{position:absolute;left:6%;top:5px;width:54px;height:54px;transform:translateX(0);opacity:0}.travel-ball img{width:100%;height:100%}.travel-ball i{position:absolute;top:25px;width:8px;height:10px;border-radius:50%;background:#fff8ec}.travel-ball i:nth-of-type(1){left:19px}.travel-ball i:nth-of-type(2){left:29px}.travel-note{position:absolute;right:8%;top:64px;font:11px ui-sans-serif,system-ui,sans-serif;color:#748773}.kinetic .home-section.is-active .travel-ball{animation:travel-home 3.2s .45s cubic-bezier(.45,.05,.37,1) both}.kinetic .home-section.is-active .home-card:nth-child(2) .mini-pet{animation:arrival-peek .9s 3s both}.kinetic .home-section.is-active .home-card:nth-child(1){animation:home-card-enter .8s both}.kinetic .home-section.is-active .home-card:nth-child(2){animation:home-card-enter .8s .18s both}
.kinetic .days-section.is-active .day-card-feature .day-image img{animation:story-pan 8s ease-in-out alternate infinite}.kinetic .days-section.is-active .day-card-feature::after{content:"✦";position:absolute;z-index:4;right:17%;top:29%;font-size:37px;color:#f8d59b;animation:high-five 3.5s 1.4s ease-in-out infinite}.kinetic .focus-clock{transition:scale .3s}.kinetic .day-card-focus.demo-running .focus-clock{scale:1.08}.kinetic .focus-clock i{animation:none!important;border:none;background:conic-gradient(#75998a var(--focus-progress,0%),#c9d2c7 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}.demo-button{position:absolute;z-index:4;left:26px;right:26px;bottom:119px;padding:10px 12px;border:1px solid #a5b3a8;border-radius:999px;background:#f9f7efc9;color:#4d6557;backdrop-filter:blur(6px);font:600 11px ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:transform .2s,background .2s}.demo-button:hover{transform:translateY(-3px);background:#fff}.kinetic .day-card-focus.demo-done::after{content:"✦ ✦ ✦";position:absolute;z-index:3;left:25%;top:24%;font-size:35px;color:#d6a374;animation:focus-celebrate 1s ease-out both}.water-drop{position:absolute;width:10px;height:14px;border-radius:70% 70% 75% 75%;background:#85a9bd;top:-15px;left:45%;opacity:0}.water-drop:nth-of-type(2){left:65%;animation-delay:.55s!important}.kinetic .days-section.is-active .water-drop{animation:water-fall 2.8s ease-in infinite}.kinetic .days-section.is-active .rest-illustration{animation:gentle-remind 4.5s ease-in-out infinite}
.kinetic .keys-section.is-active .stats-card{animation:stats-arrive 1s cubic-bezier(.2,.8,.3,1) both}.kinetic .keys-section.is-active .stats-chart i{animation:bar-grow .85s backwards,bar-breathe 3s 1s ease-in-out infinite;transform-origin:bottom}.kinetic .keys-section.is-active .stats-chart i:nth-child(2){animation-delay:.08s,1.08s}.kinetic .keys-section.is-active .stats-chart i:nth-child(3){animation-delay:.16s,1.16s}.kinetic .keys-section.is-active .stats-chart i:nth-child(4){animation-delay:.24s,1.24s}.kinetic .keys-section.is-active .stats-chart i:nth-child(5){animation-delay:.32s,1.32s}.kinetic .keys-section.is-active .stats-chart i:nth-child(6){animation-delay:.4s,1.4s}.kinetic .keys-section.is-active .stats-chart i:nth-child(7){animation-delay:.48s,1.48s}.kinetic .privacy-section.is-active .privacy-points>div{animation:privacy-slide .75s both}.kinetic .privacy-section.is-active .privacy-points>div:nth-child(2){animation-delay:.15s}.kinetic .privacy-section.is-active .privacy-points>div:nth-child(3){animation-delay:.3s}.download-path{position:absolute;z-index:0;left:9%;right:9%;top:91px;height:1px;border-top:1px dashed #a8b9a1}.kinetic .download-pet{z-index:2}.kinetic .download-section.is-active .download-pet{animation:run-home 2.3s cubic-bezier(.25,.8,.35,1) both}.kinetic .download-section.is-active .download-inner h2{animation:copy-rise .85s .4s both}
@keyframes title-rise{from{opacity:0;transform:translateY(36px) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes copy-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes character-arrive-left{0%{opacity:0;transform:translate(-90px,88px) rotate(-30deg) scale(.65)}55%{opacity:1;transform:translate(7px,-20px) rotate(7deg) scale(1.05)}100%{transform:translateY(7px) rotate(-3deg)}}@keyframes character-arrive-right{0%{opacity:0;transform:translate(90px,108px) rotate(25deg) scale(.55)}63%{opacity:1;transform:translate(-5px,-15px) rotate(-5deg) scale(.91)}100%{transform:translateY(13px) scale(.87)}}@keyframes screen-arrive{from{opacity:.4;transform:translateY(45px) rotateX(12deg) scale(.95)}to{opacity:1;transform:none}}@keyframes halo-arrive{from{opacity:0;scale:.65;rotate:-35deg}to{opacity:1;scale:1;rotate:-9deg}}@keyframes orbit-turn{to{transform:rotate(342deg)}}@keyframes orbit-turn-reverse{to{transform:rotate(-345deg)}}@keyframes spark-drift{0%,100%{opacity:0;transform:translateY(15px) scale(.5)}40%{opacity:.8;transform:translateY(-8px) scale(1)}75%{opacity:.2;transform:translateY(-19px) scale(.7)}}@keyframes travel-home{0%{opacity:0;left:6%;transform:translateY(15px) rotate(-20deg)}12%{opacity:1}35%{transform:translateY(-5px) rotate(14deg)}65%{transform:translateY(8px) rotate(-9deg)}100%{opacity:1;left:83%;transform:translateY(2px) rotate(0)}}@keyframes arrival-peek{from{transform:translateY(45px) scale(.8)}to{transform:translateY(0) scale(1)}}@keyframes home-card-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes story-pan{from{transform:scale(1.08) translateX(-2%)}to{transform:scale(1.2) translateX(3%)}}@keyframes high-five{0%,62%,100%{opacity:0;transform:scale(.5) rotate(-15deg)}68%{opacity:1;transform:scale(1.2) rotate(12deg)}80%{opacity:0;transform:scale(1.6)}}@keyframes focus-celebrate{from{opacity:0;transform:translateY(25px) scale(.4)}50%{opacity:1}to{opacity:0;transform:translateY(-25px) scale(1.4)}}@keyframes water-fall{0%{opacity:0;transform:translateY(0)}18%{opacity:1}75%{opacity:.7}100%{opacity:0;transform:translateY(140px)}}@keyframes gentle-remind{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}@keyframes stats-arrive{from{opacity:0;transform:translateY(55px) rotate(9deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(2deg) scale(1)}}@keyframes bar-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes privacy-slide{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes run-home{0%{opacity:0;transform:translateX(-52vw) rotate(-18deg)}72%{opacity:1;transform:translateX(15px) rotate(9deg)}100%{opacity:1;transform:translateX(0)}}
@media(max-width:820px){.chapter-progress{right:8px}.travel-track{height:75px}.kinetic .home-cards{padding-bottom:86px}}@media(max-width:590px){.chapter-progress{display:none}.demo-button{bottom:100px}.download-path{left:2%;right:2%}}
@media(prefers-reduced-motion:reduce){.kinetic .hero.is-active .hero-copy h1,.kinetic .hero.is-active .hero-copy>p,.kinetic .hero.is-active .hero-actions,.kinetic .hero-visual.stage-intro .pet,.kinetic .hero-visual.stage-intro .screen-scene,.kinetic .hero-visual.stage-intro .visual-halo,.kinetic .hero-visual.is-active .orbit,.kinetic .hero-visual.is-active .scene-sparks i,.kinetic .home-section.is-active .travel-ball,.kinetic .home-section.is-active .home-card,.kinetic .home-section.is-active .mini-pet,.kinetic .days-section.is-active .day-image img,.kinetic .days-section.is-active .water-drop,.kinetic .days-section.is-active .rest-illustration,.kinetic .keys-section.is-active .stats-card,.kinetic .keys-section.is-active .stats-chart i,.kinetic .privacy-section.is-active .privacy-points>div,.kinetic .download-section.is-active .download-pet,.kinetic .download-section.is-active h2{animation:none!important;opacity:1;transform:none}.kinetic .travel-ball{display:none}.kinetic .stats-card{transform:none}.kinetic .focus-clock i{background:#aebfaf}.kinetic .day-card-feature::after{display:none}}

/* The playable opening chapter */
.game-section{padding:46px 0 26px;background:linear-gradient(180deg,#e9eee8 0%,#f3efe7 88%);border-bottom:1px solid #d8dcd2}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}.game-heading h1{margin:8px 0 6px;font-size:clamp(43px,5.2vw,72px);line-height:1;letter-spacing:-.06em}.game-heading h1 em{font-style:normal;color:var(--rust)}.game-heading p{margin:12px 0 0;font-size:17px;line-height:1.6;color:#667168}.game-instructions{display:flex;gap:17px;flex-wrap:wrap;padding-bottom:4px;font:600 12px ui-sans-serif,system-ui,sans-serif;color:#617069}.game-instructions span{white-space:nowrap}.game-instructions kbd{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:3px;border:1px solid #bfcbc2;border-bottom-width:3px;border-radius:7px;background:#fdfbf5;font:700 14px ui-sans-serif,system-ui,sans-serif;color:#324038}.game-frame{overflow:hidden;border:9px solid #2c3131;border-radius:22px;background:#f8f6ef;box-shadow:0 24px 56px #45564d28,0 4px 8px #323c3529}.game-toolbar{display:flex;align-items:center;gap:18px;height:39px;padding:0 18px;background:#303639;color:#f1f2ea;font:600 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em}.game-traffic{display:flex;gap:6px}.game-traffic i{width:9px;height:9px;border-radius:50%;background:#d88576}.game-traffic i:nth-child(2){background:#d9b96f}.game-traffic i:nth-child(3){background:#87ad8e}.game-toolbar-title small{color:#aab5b5;font-weight:400}.game-score{margin-left:auto;color:#f5d7a9;white-space:nowrap;font-size:13px;letter-spacing:.05em}.game-canvas-wrap{position:relative;overflow:hidden;background:#dfe8e9}.game-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:1100/430;outline:none;touch-action:none}.game-canvas-wrap canvas:focus-visible{outline:3px solid #e9bd82;outline-offset:-4px}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:linear-gradient(90deg,#f3f0e7dd,#f7f6eecc);backdrop-filter:blur(5px)}.game-overlay[hidden]{display:none}.game-overlay-kicker{font:700 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.22em;color:#9a705a}.game-overlay strong{margin-top:12px;font-size:clamp(28px,3.4vw,48px);letter-spacing:-.04em}.game-overlay p{max-width:440px;margin:13px 0 22px;font-size:15px;line-height:1.65;color:#607067}.game-overlay button{border:0;border-radius:99px;background:#26352e;color:#fff;min-width:158px;min-height:47px;padding:0 23px;cursor:pointer;font:700 13px ui-sans-serif,system-ui,sans-serif;box-shadow:0 9px 25px #27372d39;transition:transform .2s,background .2s}.game-overlay button:hover{transform:translateY(-3px);background:#4c6752}.game-bottom{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 18px;background:#303639;color:#d6e1d9;font:11px ui-sans-serif,system-ui,sans-serif}.game-bottom span:last-child{color:#a8b5b0}.game-touch{display:none}.game-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;font:600 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;color:#858d80}.game-caption a{color:#a56e55;border-bottom:1px solid #c79c84;padding-bottom:3px}.game-caption a:hover{color:#734532}
@media(max-width:820px){.game-heading{display:block}.game-instructions{margin-top:16px}.game-section{padding-top:33px}.game-toolbar-title small{display:none}}@media(max-width:590px){.game-heading h1{font-size:44px}.game-heading p{font-size:14px}.game-frame{border-width:5px;border-radius:14px}.game-toolbar{padding-inline:9px;gap:8px;height:31px}.game-toolbar-title{font-size:10px}.game-score{font-size:10px}.game-canvas-wrap canvas{min-height:270px;object-fit:cover}.game-overlay strong{font-size:28px}.game-overlay p{font-size:12px;margin:8px 0 12px}.game-overlay button{min-height:40px}.game-bottom{font-size:10px;align-items:flex-start}.game-bottom span:last-child{display:none}.game-touch{display:flex;justify-content:space-between;margin-top:12px}.game-touch>div{display:flex;gap:8px}.game-touch button{width:55px;height:46px;border:1px solid #b5c2b5;border-bottom-width:3px;border-radius:12px;background:#faf9f1;color:#2b3831;font:700 21px ui-sans-serif,system-ui,sans-serif;touch-action:none;user-select:none}.game-touch button:active{background:#dce8db}.game-caption{font-size:9px}.game-caption span{max-width:53%}}
@media(prefers-reduced-motion:reduce){.game-overlay{backdrop-filter:none}.game-overlay button{transition:none}}

.kinetic{overflow-x:clip}
@media(max-width:590px){.game-canvas-wrap canvas{min-height:0;aspect-ratio:auto}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:820px){.visual-halo{inset:9% 7% 3% 7%}}

/* Mac download — one verified installer, one clear decision */
.download-hub{position:relative;padding:112px 0 92px;background:#e7ebe3;overflow:hidden}.download-hub::before{content:"";position:absolute;width:650px;height:650px;right:-260px;top:-300px;border:1px solid #cad5c8;border-radius:50%;box-shadow:0 0 0 92px #dce5d852,0 0 0 185px #dce5d842;pointer-events:none}.download-hub-inner{position:relative}.download-hub-heading{display:grid;grid-template-columns:1fr minmax(250px,390px);align-items:end;gap:64px;margin-bottom:36px}.download-hub-heading h2{font-size:clamp(43px,5.2vw,74px);font-weight:600;line-height:1.16;letter-spacing:-.055em;margin:19px 0 0}.download-hub-heading h2 em{font-style:normal;color:#a16b56}.download-hub-heading>p{margin:0 0 5px;font-size:16px;line-height:1.85;color:#57665a}.download-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.platform-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:32px;border:1px solid #ccd5cb;border-radius:21px;overflow:hidden;background:#f8f7f0;box-shadow:0 16px 40px #4d605116;transition:transform .25s,box-shadow .25s,border-color .25s}.platform-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px #4d605126;border-color:#a8b7a7}.platform-card::after{content:"";position:absolute;width:270px;height:270px;right:-70px;top:5px;border-radius:50%;background:radial-gradient(circle,#dce4d8a0 0%,#e6e9dc42 60%,transparent 72%);pointer-events:none}.platform-card-top,.platform-card-copy,.platform-card-bottom{position:relative;z-index:1}.platform-card-top{display:flex;justify-content:space-between;align-items:start}.platform-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#27352e;color:#f8f6ec;font:400 29px ui-sans-serif,system-ui,sans-serif}.platform-state{display:inline-flex;align-items:center;gap:7px;border:1px solid #c7d2c4;border-radius:99px;padding:7px 11px;color:#66786a;background:#fbfdf9a8;font:700 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.07em}.platform-state::before{content:"";width:6px;height:6px;border-radius:50%;background:#d59c6c}.platform-card-copy{margin-top:43px;max-width:385px}.platform-overline{color:#9a735f;font:700 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em}.platform-card h3{font-size:clamp(34px,3.3vw,46px);line-height:1.1;letter-spacing:-.035em;margin:9px 0 15px;font-weight:600}.platform-card-copy p{min-height:56px;max-width:355px;color:#5d6b61;font-size:15px;line-height:1.85;margin:0}.platform-card-bottom{margin-top:auto;display:grid;gap:16px}.platform-card-bottom>span{color:#7e8b7e;font:12px ui-sans-serif,system-ui,sans-serif}.platform-download{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:55px;padding:0 21px;border-radius:11px;background:#28372f;color:#fff;font:700 14px ui-sans-serif,system-ui,sans-serif;transition:background .2s,transform .2s}.platform-download:hover{background:#465f4b;transform:translateY(-2px)}.platform-download span{font-size:19px;font-weight:400}.download-footnote{display:flex;gap:13px;align-items:start;max-width:830px;margin-top:25px;padding:18px 21px;border:1px solid #d4ddd2;border-radius:12px;background:#f6f8f2a8;color:#657267}.download-footnote>span{color:#b17d62;font-size:18px}.download-footnote p{margin:0;font:12px/1.8 ui-sans-serif,system-ui,sans-serif}.download-hub.is-active .platform-card{animation:home-card-enter .7s both}.download-hub.is-active .platform-card:nth-child(2){animation-delay:.12s}
@media(max-width:820px){.download-hub{padding:82px 0 72px}.download-hub-heading{grid-template-columns:1fr;gap:14px}.download-hub-heading>p{max-width:590px}.platform-card{min-height:370px;padding:23px}}@media(max-width:590px){.download-hub{padding:70px 0 60px}.download-hub-heading{margin-bottom:24px}.download-hub-heading h2{font-size:clamp(38px,10vw,50px)}.download-hub-heading>p{font-size:14px}.download-platforms{grid-template-columns:1fr;gap:13px}.platform-card{min-height:355px;padding:23px}.platform-card-copy{margin-top:33px}.platform-card h3{font-size:38px}.platform-card-copy p{min-height:0}.platform-card-bottom{padding-top:26px}.download-footnote{padding:15px;margin-top:18px}.download-footnote p{font-size:11px}}@media(prefers-reduced-motion:reduce){.platform-card,.platform-download{transition:none}.download-hub.is-active .platform-card{animation:none}}

.download-platforms{grid-template-columns:1fr}.platform-mac{display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:50px;row-gap:22px;min-height:360px;padding:36px 42px}.platform-card-top{grid-column:1/-1}.platform-mac .platform-card-copy{grid-column:1;grid-row:2;margin-top:0;max-width:470px}.platform-mac .platform-card-copy p{max-width:450px;min-height:0}.platform-mac .platform-card-bottom{grid-column:1;grid-row:3;max-width:470px;margin-top:0;gap:13px}.platform-state::before{background:#72896b}.download-release{justify-self:start;color:#536d59;font:600 12px/1.6 ui-sans-serif,system-ui,sans-serif;text-underline-offset:4px}.download-release:hover{text-decoration:underline}.download-release span{margin-left:8px}.download-mascot{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;transform:rotate(5deg)}.download-mascot img{width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 15px 23px #3c51321a)}.download-mascot span{font:700 15px ui-sans-serif,system-ui,sans-serif;letter-spacing:.25em;margin-top:20px;color:#53684d}.download-mascot small{font:13px Georgia,serif;margin-top:9px;color:#8b7865}.download-footnote{max-width:none}
@media(max-width:820px){.platform-mac{grid-template-columns:minmax(0,1fr) 170px;padding:28px;column-gap:22px}.download-mascot img{width:145px;height:145px}}
@media(max-width:590px){.platform-mac{display:flex;padding:24px;gap:0;min-height:0}.platform-mac .platform-card-copy{margin-top:26px}.platform-mac .platform-card-bottom{padding-top:25px;width:100%}.download-mascot{display:none}.platform-state{font-size:9px}.platform-mac .platform-card-copy p{font-size:14px}}

/* Real product screenshot gallery */
.day-card-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);min-height:565px;padding:0;background:#dce3dc;overflow:hidden}.day-card-feature::after{display:none!important}.feature-gallery-copy{display:flex;flex-direction:column;align-items:flex-start;padding:39px 38px 36px;min-width:0}.feature-gallery-copy .card-index{position:static}.feature-gallery-copy h3{font-size:clamp(36px,3.6vw,52px);line-height:1.19;letter-spacing:-.055em;margin:52px 0 19px}.feature-gallery-copy h3 em{font-style:normal;color:#9f725d}.feature-gallery-copy>p{max-width:330px;font-size:15px;line-height:1.95;color:#526257}.feature-gallery-tabs{display:grid;gap:8px;width:100%;margin-top:auto;padding-top:24px}.feature-gallery-tabs button{display:flex;align-items:center;gap:13px;width:100%;min-height:52px;padding:0 15px;border:1px solid #bfcabf;border-radius:11px;background:#f6f7f1aa;color:#526055;text-align:left;cursor:pointer;font:600 14px ui-sans-serif,system-ui,sans-serif;transition:background .2s,color .2s,transform .2s}.feature-gallery-tabs button:hover{transform:translateX(3px);background:#f6f7f1}.feature-gallery-tabs button.is-selected{border-color:#2d3d34;background:#2d3d34;color:#fff}.feature-gallery-tabs button span{font:700 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.07em;opacity:.63}.feature-gallery-stage{display:flex;flex-direction:column;min-width:0;padding:25px 25px 22px;background:#edf0eb}.feature-gallery-bar{display:flex;align-items:center;gap:12px;min-height:33px;padding:0 13px;border-radius:11px 11px 0 0;background:#313b3c;color:#f8f7ef;font:600 11px ui-sans-serif,system-ui,sans-serif}.feature-gallery-bar>span{display:flex;gap:5px}.feature-gallery-bar i{width:7px;height:7px;border-radius:50%;background:#d8917f}.feature-gallery-bar i:nth-child(2){background:#ddbd7d}.feature-gallery-bar i:nth-child(3){background:#9abea0}.feature-gallery-bar strong{font-weight:600}.feature-gallery-bar small{margin-left:auto;color:#aebdb8;font:700 9px ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em}.feature-shot-zoom{position:relative;display:block;width:100%;height:clamp(285px,32vw,455px);padding:0;border:0;border-radius:0 0 12px 12px;overflow:hidden;background:#f9faf8;box-shadow:0 15px 30px #293a2f1b;cursor:zoom-in}.feature-shot-zoom img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .45s ease,opacity .25s ease}.feature-shot-zoom:hover img{transform:scale(1.025)}.feature-shot-zoom span{position:absolute;right:13px;bottom:12px;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:99px;background:#26352de0;color:#fff;font:700 11px ui-sans-serif,system-ui,sans-serif;backdrop-filter:blur(8px)}.feature-shot-zoom span i{font-style:normal;font-size:14px}.feature-gallery-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 4px 0}.feature-gallery-footer p{max-width:500px;margin:0;color:#56675c;font-size:13px;line-height:1.65}.feature-gallery-footer>span{white-space:nowrap;color:#849188;font:10px ui-sans-serif,system-ui,sans-serif}.shot-dialog{position:fixed;z-index:1000;width:min(92vw,1250px);max-height:91vh;padding:20px;border:1px solid #d2dbd1;border-radius:18px;background:#f8f8f2;box-shadow:0 30px 90px #1e2c2290;overflow:auto}.shot-dialog::backdrop{background:#1b2922c9;backdrop-filter:blur(6px)}.shot-dialog img{display:block;max-width:100%;max-height:calc(91vh - 105px);margin:auto;object-fit:contain;border-radius:8px}.shot-dialog p{margin:12px 35px 0 0;color:#536458;font:13px/1.6 ui-sans-serif,system-ui,sans-serif}.shot-dialog-close{position:sticky;float:right;top:0;right:0;z-index:2;width:37px;height:37px;margin:-8px -8px 2px 8px;border:0;border-radius:50%;background:#2c3d32;color:#fff;font:27px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
@media(max-width:820px){.day-card-feature{grid-template-columns:1fr}.feature-gallery-copy{padding:31px}.feature-gallery-copy h3{margin:22px 0 16px;font-size:42px}.feature-gallery-copy>p{max-width:650px}.feature-gallery-tabs{grid-template-columns:repeat(3,1fr);gap:6px;padding-top:23px}.feature-gallery-tabs button{padding:0 10px;min-height:47px;font-size:12px}.feature-gallery-stage{padding:20px}.feature-shot-zoom{height:clamp(295px,52vw,460px)}}@media(max-width:590px){.day-card-feature{min-height:0}.feature-gallery-copy{padding:25px 22px 19px}.feature-gallery-copy h3{font-size:36px}.feature-gallery-copy>p{font-size:14px}.feature-gallery-tabs{gap:5px}.feature-gallery-tabs button{display:block;padding:8px 4px;min-height:42px;text-align:center;font-size:10px;line-height:1.4}.feature-gallery-tabs button span{display:block;font-size:9px}.feature-gallery-stage{padding:11px}.feature-gallery-bar{font-size:10px}.feature-gallery-bar small{font-size:8px}.feature-shot-zoom{height:clamp(230px,69vw,320px)}.feature-gallery-footer{display:block;padding:12px 3px 5px}.feature-gallery-footer>span{display:none}.feature-gallery-footer p{font-size:12px}.shot-dialog{width:96vw;padding:10px}.shot-dialog p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.feature-gallery-tabs button,.feature-shot-zoom img{transition:none}.feature-shot-zoom:hover img{transform:none}}
@media(max-width:590px){.day-card-focus{min-height:390px}.day-card-focus .demo-button{position:relative;left:auto;right:auto;bottom:auto;align-self:stretch;margin:0 0 16px}.day-card-focus .focus-clock{margin:34px auto 25px}}

/* Language choice and English typography */
.language-switch{display:inline-flex;flex:none;align-items:center;gap:2px;padding:3px;border:1px solid #cbd1c7;border-radius:999px;background:#e9ece4;font:700 10px ui-sans-serif,system-ui,sans-serif}.language-switch button{min-width:30px;height:28px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:#6b776c;cursor:pointer;font:inherit;transition:background .2s,color .2s}.language-switch button.is-active{background:#29382e;color:#fff}.language-switch button:focus-visible{outline:2px solid #af8068;outline-offset:2px}.site-lang-en{font-family:Georgia,"Times New Roman",serif}.site-lang-en .brand{font-family:Georgia,serif;letter-spacing:-.02em}.site-lang-en .brand small{font-family:ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}.site-lang-en h1,.site-lang-en h2,.site-lang-en h3{letter-spacing:-.045em}.site-lang-en .hero h1{white-space:normal;font-size:clamp(43px,4.5vw,66px)}.site-lang-en .section-intro h2,.site-lang-en .days-heading h2,.site-lang-en .keys-copy h2,.site-lang-en .download-hub-heading h2{overflow-wrap:break-word}.site-lang-en .scene-label small{white-space:nowrap}.site-lang-en .rest-illustration span{font:700 13px/1.1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em}.site-lang-en .feature-gallery-tabs button{font-size:12px}.site-lang-en .platform-card h3{letter-spacing:-.04em}
@media(max-width:820px){.header-inner{gap:16px}.language-switch{margin-left:auto}.site-lang-en .hero h1{font-size:clamp(42px,7vw,58px)}}@media(max-width:590px){.header-inner{gap:8px}.language-switch{gap:0;padding:2px}.language-switch button{min-width:24px;height:25px;padding:0 5px;font-size:9px}.site-lang-en .brand{font-size:17px}.site-lang-en .brand small{font-size:7px}.site-lang-en .hero h1{font-size:clamp(37px,9vw,47px)}.site-lang-en .game-heading h1{font-size:41px}.site-lang-en .feature-gallery-tabs button{font-size:9px}.site-lang-en .game-toolbar-title{font-size:9px}}

/* Keep the English gallery readable at every card width. */
.site-lang-en .feature-gallery-copy h3{max-width:100%;margin:34px 0 16px;font-size:clamp(35px,3vw,44px);line-height:1.13;letter-spacing:-.045em;overflow-wrap:normal}
.site-lang-en .feature-gallery-copy>p{max-width:36ch;font-size:14px;line-height:1.65}
.site-lang-en .feature-gallery-tabs{padding-top:18px}
.site-lang-en .rest-illustration span{font:700 17px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em}
@media(max-width:820px){.site-lang-en .feature-gallery-copy h3{margin:20px 0 14px;font-size:clamp(33px,5vw,42px)}}
@media(max-width:590px){.site-lang-en .feature-gallery-copy h3{font-size:34px}.site-lang-en .feature-gallery-copy>p{font-size:13px;line-height:1.55}}

@media(max-width:590px){.feature-gallery-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-gallery-tabs button{min-height:48px}}

/* The screenshot gallery now stands alone in this section. */
.day-grid{grid-template-columns:minmax(0,1fr)}
.days-section{padding-bottom:88px}