/* Official-site art direction: a moving frame of daily life. APP styles are untouched. */
:root{--forest:#102e26;--lime:#d4eda2;--mint:#a7c8b5;--ink:#163a2d;--green:#315b43;--bg:#f3f5f1;--ease:cubic-bezier(.16,1,.3,1)}
body{overflow-x:clip}h2{font-size:clamp(32px,4.2vw,54px);line-height:1.3;letter-spacing:-.03em}.container{width:min(1240px,calc(100% - 96px))}.section{padding-block:112px}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:35;background:var(--lime);transform:scaleX(0);transform-origin:left;pointer-events:none}
.header{background:var(--forest);color:#f3f5f1;border-bottom:1px solid #ffffff14}.header-inner{height:82px}.header nav{color:#c9d8ce}.header .button-outline{border-color:#789286;color:#ecf3e9}.header .button-outline:hover{background:var(--lime);color:var(--forest)}.header nav a:after{background:var(--lime)}
.button{border-radius:100px;gap:28px;min-height:56px;padding-inline:26px;transition:background .2s,color .2s,transform .25s var(--ease),box-shadow .25s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px)}.button span[aria-hidden]{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff16}.button-small{min-height:44px;padding:8px 18px;gap:14px}.text-link{transition:gap .3s var(--ease)}.text-link:hover{gap:30px}
.hero-stage{background:var(--forest);color:#f5f7f1;position:relative;overflow:hidden;isolation:isolate}.hero{min-height:710px;padding-top:55px;padding-bottom:40px;grid-template-columns:1.1fr 1fr;gap:36px}.hero-copy{animation:none;padding-bottom:25px}.release-label{color:#bacdc0;font-size:12px;letter-spacing:.03em;gap:8px;margin-bottom:29px}.release-label>span:first-child{width:7px;height:7px;background:var(--lime);box-shadow:0 0 0 5px #d4eda212}.release-label>span[data-version]{width:auto;height:auto;background:none;border-radius:0}
.hero h1{font-size:clamp(48px,6.3vw,88px);line-height:1.28;letter-spacing:-.035em;font-weight:650}.hero h1>span,.hero h1>em{display:block}.hero h1 em{color:var(--lime);position:relative}.hero-intro{color:#c4d3c9;font-size:16px;margin-top:28px;line-height:2}.hero-actions{margin-top:34px;gap:28px}.hero .button-primary{background:var(--lime);color:var(--forest)}.hero .button-primary:hover{background:#e5f6c3;box-shadow:0 8px 20px #0002}.hero .button span{background:#102e2610}.hero .text-link{color:#e4eee5}.hero-meta{color:#a9c0b1;font-size:12px;margin-top:19px}.hero-meta>span[data-minimum]{padding:0}.hero-meta a{text-decoration:none;border-bottom:1px solid #839c8850}
.hero-visual{height:610px;animation:none;perspective:1100px;--lean-x:0deg;--lean-y:0deg;--shift:0px}.orbit{width:475px;height:475px;top:70px;right:-5px;background:var(--mint);transform:rotate(-15deg);border-radius:50%;overflow:hidden}.orbit:after{background:#c9e0bb;width:570px;height:290px;inset:auto -40px -50px;transform:rotate(-20deg)}.sun{background:var(--lime);width:140px;height:140px;right:60px;top:52px}.day-mark{color:#7ea88f;left:28px;top:100px;font-size:270px;opacity:.65}.orbit-track{position:absolute;inset:35px -45px 25px -30px;border:1px solid #a7c8b545;border-radius:50%;transform:rotate(-23deg);pointer-events:none;z-index:-1}.orbit-track:after{content:'';position:absolute;inset:32px -30px;border:1px solid #a7c8b523;border-radius:50%}.orbit-track i{position:absolute;inset:0;border-radius:50%}.orbit-track i:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;top:15%;left:12%;background:var(--lime)}
.phone{width:270px;height:550px;padding:7px;transform:translate3d(2px,var(--shift),0) rotate(-9deg) rotateX(var(--lean-x)) rotateY(var(--lean-y));border-radius:25px;box-shadow:20px 26px 40px #06171159;transition:transform .6s var(--ease);z-index:1}.phone>img{width:256px;border-radius:18px}.hero-visual:hover .phone{transform:translate3d(2px,var(--shift),0) rotate(-7deg) rotateX(var(--lean-x)) rotateY(var(--lean-y))}.hero-visual figcaption{bottom:-5px;color:#bed0c3;font-size:11px}.visual-note{display:none}
.memory-tag{position:absolute;z-index:2;border-radius:9px;padding:17px 22px;box-shadow:0 8px 22px #071b2424;color:var(--forest);pointer-events:none}.memory-tag span{display:block;font-size:11px;margin-bottom:6px}.memory-tag strong{display:block;font-size:20px;font-weight:550;line-height:1.6;white-space:nowrap}.memory-tag-one{left:-26px;top:86px;background:#e9efdf;transform:rotate(-9deg)}.memory-tag-one i{display:block;position:absolute;right:-12px;top:-14px;width:35px;height:35px;border-radius:50%;background:var(--lime);font-style:normal;text-align:center;line-height:35px}.memory-tag-two{right:-26px;bottom:66px;background:var(--lime);transform:rotate(6deg)}.memory-tag-two strong{font-size:17px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;color:#b5c9bb;font-size:12px}.hero-bottom>a{display:flex;align-items:center;gap:12px;min-height:44px}.scroll-cue{border:1px solid #7c9b87;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:18px}.motion-toggle{color:#c9d8ce;border:1px solid #769480;background:transparent;border-radius:100px;min-height:44px;padding:8px 16px;font-size:12px}.motion-toggle span{margin-left:10px}.motion-toggle:hover{background:#26483a}
.life-ribbon{background:var(--lime);overflow:hidden;color:var(--forest);padding-block:20px}.ribbon-track{display:flex;width:max-content}.ribbon-track>span{font-size:19px;white-space:nowrap;display:flex;gap:44px;align-items:center;padding-right:44px;font-weight:500;letter-spacing:.04em}.ribbon-track i{font-style:normal;font-size:29px;line-height:1;color:#517249}
.about{border:0}.section-intro{margin-bottom:50px}.section-intro>p{max-width:29em;font-size:15px}.values{grid-template-columns:1.05fr 1fr;gap:20px}.value{position:relative;border-radius:12px;padding:36px 38px;overflow:hidden;transition:transform .5s var(--ease)}.value:hover{transform:translateY(-5px)}.value-record{grid-row:span 2;background:#dce7d6;min-height:560px;padding-bottom:210px}.value-record:after{content:'片刻';position:absolute;font-size:132px;font-weight:650;letter-spacing:-.035em;line-height:1;bottom:25px;right:32px;color:#94b086;transform:rotate(-8deg);transition:transform .6s var(--ease)}.value-record:before{content:'↓';position:absolute;width:74px;height:74px;display:grid;place-items:center;border:1px solid #88a67a;border-radius:50%;bottom:50px;left:40px;font-size:38px;transform:rotate(-30deg)}.value-record:hover:after{transform:rotate(-3deg) translateY(-5px)}.value-review{background:#e4e9e3}.value-friends{background:#b9d2c1}.value-symbol{position:absolute;top:31px;right:34px;width:30px;margin:0}.value h3{font-size:13px;font-weight:500;color:#3f634a;padding-right:40px}.value-lead{font-size:30px;font-weight:600;margin:16px 0 15px;line-height:1.45}.value:not(.value-record) .value-lead{font-size:27px}.value:not(.value-record) .value-lead br{display:none}.value-record .value-lead{font-size:38px;margin-top:26px}.value>p:not(.value-lead){font-size:14px;max-width:28em;flex:0}.value-foot{margin-top:26px;border:0;padding:0;color:#4c6551}.value-record .value-foot{margin-top:26px}
.process{background:var(--forest);color:#f2f5eb;position:relative;overflow:hidden}.process .section-kicker{color:#b5c9bb}.process .section-intro>p,.process .steps p{color:#bacdbf}.steps{gap:0;margin-top:60px;--step-progress:0}.steps li{padding:26px 24px 0 0;border-top-color:#506a59}.steps li:before{content:'';position:absolute;height:3px;left:0;right:0;top:-2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.steps li.is-active:before{transform:scaleX(1)}.steps li.is-active .step-number{color:var(--lime)}.steps li:not(:last-child):after{right:24px;color:#9ab58f}.step-number{font-family:inherit;font-size:44px;font-weight:300;color:#8eab94;transition:color .3s}.steps h3{font-size:18px;margin-top:30px}.process-note{color:#bacdbf;font-size:12px;border-top:1px solid #3c5949;padding-top:24px;margin-top:45px}
.privacy{gap:100px;align-items:start}.privacy-seal{width:54px;margin-bottom:28px}.privacy-facts article{padding-block:0 28px;margin-bottom:28px}.privacy-facts h3{font-size:19px}.privacy-facts details{background:#e3ebdf;border-radius:8px;padding:8px 20px}.privacy-facts details p{padding-bottom:14px}.privacy-facts details .text-link{margin-bottom:12px}
.download-section{background:var(--lime);color:var(--forest);isolation:isolate}.download-section:before{content:'拾';position:absolute;z-index:-1;left:32%;top:-80px;font-size:560px;font-weight:700;line-height:1;color:#afcc8f;opacity:.45;transform:rotate(-10deg);pointer-events:none}.download-inner{padding-block:90px}.download-copy .section-kicker,.download-copy>p:not(.section-kicker){color:#385a3e}.download-copy h2{font-size:clamp(38px,4.5vw,62px)}.download-copy .button-light{background:var(--forest);color:#f3f5f1}.download-copy .button-light:hover{background:#244b37}.download-copy>img{width:50px}.download-details{border-color:#8eac73}.channel-label,.channel-note p,.channel-note small,.install-preview p{color:#3b593e}.channel-note strong{color:var(--forest)}.channel-note h3{font-size:27px}.install-preview{border-color:#8eac73}.install-preview .text-link:hover{color:#183b25}.install-columns{gap:90px}.install-help{background:#e0e9da}.install-list summary{transition:color .2s,padding-left .2s}.install-list summary:hover{color:#52734c;padding-left:8px}.install-list summary:after{transition:transform .3s}.install-list details[open] summary:after{transform:rotate(180deg)}
.feedback{gap:90px}.feedback-copy h2{font-size:clamp(34px,4.2vw,52px)}.feedback-tool{background:#e4ebdf;padding:32px}.feedback-tool select,.feedback-tool textarea{background:#f9fbf6;border-color:#c3d1bb}.contact strong{font-size:23px}.footer{background:#102e26;color:#eaf2e8;padding-top:45px}.footer-top>p,.footer-bottom{color:#afc6b6}.footer-bottom{border-color:#3c5747}.footer-top>a:not(.brand):hover{color:var(--lime)}
/* Motion is enabled only by the controller; default/no-JS content stays visible. */
.motion-on .hero h1>span{animation:title-arrive .85s var(--ease) both}.motion-on .hero h1>em{animation:title-arrive 1.05s var(--ease) both}.motion-on .hero-visual{animation:frame-arrive 1.2s var(--ease) both}.motion-on .orbit-track i{animation:orbit-turn 32s linear infinite}.motion-on .memory-tag-one{animation:note-drift 7s ease-in-out infinite}.motion-on .memory-tag-two{animation:note-drift-alt 8s ease-in-out infinite}.motion-on .ribbon-track{animation:ribbon-slide 34s linear infinite}.motion-on .value.has-entered{animation:card-arrive .8s var(--ease) both}.motion-on .value-review.has-entered{animation-delay:.08s}.motion-on .value-friends.has-entered{animation-delay:.16s}.motion-on .download-copy.has-entered{animation:download-arrive .9s var(--ease) both}.motion-off *,.page-hidden *{animation-play-state:paused!important}.motion-off .phone{transition:none}.life-ribbon:hover .ribbon-track{animation-play-state:paused}
@keyframes title-arrive{from{transform:translateY(32px)}to{transform:translateY(0)}}
@keyframes frame-arrive{from{transform:translateY(36px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes note-drift{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-12px) rotate(-6deg)}}
@keyframes note-drift-alt{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(10px) rotate(3deg)}}
@keyframes ribbon-slide{to{transform:translateX(-50%)}}
@keyframes card-arrive{from{transform:translateY(26px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}
@keyframes download-arrive{from{transform:translateX(-30px)}to{transform:translateX(0)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:14px;min-height:650px}.hero h1{font-size:clamp(50px,6.2vw,70px)}.hero-visual{height:550px}.orbit{width:375px;height:375px;top:90px;right:-15px}.phone{width:238px;height:488px}.phone>img{width:224px}.memory-tag{padding:14px 17px}.memory-tag-one{left:-12px;top:90px}.memory-tag-one strong{font-size:17px}.memory-tag-two{right:-14px;bottom:55px}.memory-tag-two strong{font-size:14px}.orbit-track{inset:50px -15px 20px -15px}.value{padding:30px}.value-record{padding-bottom:190px}.value-record .value-lead{font-size:32px}.value-record:after{font-size:110px;right:22px}.value-record:before{left:30px;width:50px;height:50px;font-size:29px}.value:not(.value-record) .value-lead{font-size:25px}.privacy,.feedback,.install-columns{gap:60px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{height:70px}.header .button{font-size:12px;padding:8px 15px}.hero{grid-template-columns:1fr;padding-top:44px;gap:15px;min-height:0;padding-bottom:24px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(48px,9vw,76px)}.hero-intro{font-size:15px;max-width:32em}.hero-actions{margin-top:25px}.hero-visual{width:100%;max-width:470px;height:505px;margin-top:25px}.phone{width:235px;height:476px}.phone>img{width:221px}.orbit{width:385px;height:385px;top:65px;right:30px}.orbit-track{inset:24px 5px 10px}.memory-tag-one{left:0;top:65px}.memory-tag-two{right:0;bottom:50px}.hero-visual figcaption{bottom:-6px}.hero-bottom{padding-top:20px;padding-bottom:20px;font-size:11px}.motion-toggle{font-size:11px;padding:8px 12px}.section{padding-block:74px}.section-intro{margin-bottom:34px}.values{gap:14px}.value{padding:26px}.value-record .value-lead{font-size:28px}.value:not(.value-record) .value-lead{font-size:22px}.value-symbol{right:24px;top:22px;width:24px}.value-record:after{font-size:90px;bottom:60px}.value-record:before{bottom:25px}.steps{grid-template-columns:repeat(2,1fr);gap:36px 0}.step-number{font-size:36px}.steps h3{margin-top:20px}.privacy{gap:32px}.privacy-seal{width:42px;margin-bottom:20px}.download-inner{padding-block:65px}.download-section:before{font-size:440px;left:18%;top:40px}.download-details{border-color:#8eac73}.download-copy h2{font-size:43px}.download-copy>.button{max-width:none}.install-columns,.feedback{gap:34px}.feedback-tool{padding:25px}.footer{padding-bottom:104px}.ribbon-track>span{font-size:16px;gap:30px;padding-right:30px}.ribbon-track i{font-size:24px}.life-ribbon{padding-block:18px}}
@media(max-width:540px){.hero h1{font-size:clamp(44px,12vw,64px)}.hero-intro{margin-top:23px;font-size:14px}.release-label{font-size:11px;margin-bottom:22px}.hero-actions{gap:22px}.hero .button{font-size:14px;padding:12px 20px;gap:18px}.hero .text-link{font-size:13px;gap:12px}.hero-meta{font-size:11px}.hero-visual{height:437px;margin-top:24px}.phone{width:204px;height:413px}.phone>img{width:190px}.orbit{width:310px;height:310px;right:10px;top:65px}.sun{width:100px;height:100px;right:35px;top:30px}.day-mark{font-size:220px;left:5px;top:70px}.orbit-track{inset:25px 3px 10px}.memory-tag{padding:12px 14px}.memory-tag-one{left:-1px;top:60px}.memory-tag-one strong{font-size:15px}.memory-tag-two{right:-2px;bottom:43px}.memory-tag-two strong{font-size:13px}.memory-tag span{font-size:10px;margin-bottom:4px}.memory-tag-one i{width:28px;height:28px;line-height:28px;font-size:14px;right:-9px}.hero-bottom{gap:10px}.scroll-cue{width:27px;height:27px}.hero-bottom>a{gap:7px;font-size:10px}.motion-toggle{padding-inline:10px;flex-shrink:0}.motion-toggle span{margin-left:5px}.values{grid-template-columns:1fr;gap:16px}.value-record{grid-row:auto;min-height:415px;padding-bottom:160px}.value-record .value-lead{font-size:33px;margin-top:24px}.value-record .value-lead br{display:block}.value-record:after{font-size:106px;bottom:25px;right:30px}.value-record:before{bottom:40px}.value:not(.value-record) .value-lead{font-size:25px}.value:not(.value-record){padding-block:28px 30px}.value-foot{margin-top:24px}.privacy-facts h3{font-size:18px}.privacy-facts details{padding-inline:15px}.download-copy h2{font-size:40px}.download-section:before{left:6%;top:65px}.feedback-copy h2{font-size:37px}.contact strong{font-size:21px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero{padding-top:32px}.hero h1{font-size:42px}.hero .button{padding-inline:15px;font-size:13px;gap:10px}.hero-actions{gap:17px}.hero-visual{height:397px}.phone{width:185px;height:375px}.phone>img{width:171px}.orbit{width:270px;height:270px;top:65px}.memory-tag-one{left:-3px;top:55px}.memory-tag-one strong{font-size:13px}.memory-tag-two{right:-5px;bottom:38px}.memory-tag-two strong{font-size:12px}.memory-tag{padding:10px 12px}.hero-visual figcaption{font-size:9px}.hero-bottom>a{font-size:9px}.value-record .value-lead{font-size:29px}.value-record:after{font-size:94px;right:20px}.value-record:before{left:26px;width:43px;height:43px}.feedback-tool{padding:20px}.download-copy h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-on *,.motion-on *:before,.motion-on *:after{animation:none!important;transition:none!important}.phone,.hero-visual:hover .phone{transform:rotate(-9deg)}.reading-progress{display:none}}