@charset "UTF-8";
:root{--paper:#f6f4ef;--ink:#292930;--muted:#77766f;--line:#dedbd4;--rouge:#a94a54;--night:#25283e;--serif:"Songti SC","STSong","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--rouge);outline-offset:6px}img,video{display:block;max-width:100%}h1,h2,p{margin:0}::selection{background:#d4cedf;color:#292930}.section-shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:16px;z-index:1000;padding:12px 20px;background:var(--ink);color:#fff;border-radius:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:104px;width:min(1344px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:650;letter-spacing:2px;flex-shrink:0}.brand img{border-radius:11px}.header-nav{display:flex;gap:36px;align-items:center;font-size:14px}.header-nav a,.header-nav button{padding:12px 0;transition:color .2s}.header-nav a:hover,.header-nav button:hover{color:var(--rouge)}.header-nav span{padding-left:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:18px 25px;border-radius:999px;font-size:15px;font-weight:550;line-height:1.2;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#45424f;transform:translateY(-2px)}.button-small{font-size:13px;padding:13px 20px;gap:20px}.button span{font-size:20px;font-weight:400}
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:740px;position:relative;align-items:center;padding-bottom:76px}.hero-copy{z-index:3;padding-bottom:14px}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.7;color:var(--muted);display:flex;align-items:center;gap:12px}.tiny-line{height:1px;width:24px;background:var(--rouge)}h1{font-size:clamp(48px,5.2vw,76px);line-height:1.28;letter-spacing:-3px;font-weight:560;margin:28px 0 26px}.ink-underline{position:relative;display:inline-block}.ink-underline svg{position:absolute;width:110%;bottom:-8px;left:-3%;height:20px;overflow:visible;fill:none;stroke:var(--rouge);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:500;animation:inkDraw 1.6s .5s both}.hero-description{font-size:17px;color:#68675f;line-height:1.95;letter-spacing:.25px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}.film-trigger{display:inline-flex;gap:11px;align-items:center;padding:6px 0;font-size:14px;white-space:nowrap}.play-disc{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a09d95;border-radius:50%;transition:transform .2s,background .2s}.play-disc svg{width:14px;fill:currentColor;margin-left:2px}.film-trigger:hover .play-disc{transform:scale(1.1);background:#ebe7dd}.download-note{font-size:11px;letter-spacing:.5px;color:var(--muted);margin-top:19px;line-height:1.7}.hero-stage{position:relative;display:grid;place-items:center;height:650px;isolation:isolate}.hero-stage:before{content:"";position:absolute;inset:7% -6% 6%;background:radial-gradient(ellipse,#c8c2d1a8,transparent 65%);z-index:-2}.hero-orbit{position:absolute;width:530px;height:530px;max-width:110%;border:1px solid #dcd7df;border-radius:50%;z-index:-1;transform:rotate(-22deg) scaleY(.84)}.orbit-two{transform:rotate(24deg) scaleY(.79);opacity:.45;width:580px;height:580px}.phone{background:#27272c;padding:7px;border-radius:42px;position:relative;box-shadow:0 0 0 1px #8e8a8f,0 28px 52px -18px #2623353d,0 5px 7px #2826301a;width:286px;flex-shrink:0}.phone-screen{border-radius:35px;overflow:hidden;aspect-ratio:440/956;background:#e8e7e2;position:relative}.phone-screen img{width:100%;height:100%;object-fit:cover}.phone-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.phone-screen video.is-playing{opacity:1}.hero-phone{transform:none;animation:none;will-change:auto}.vertical-note{position:absolute;right:3%;top:17%;font:14px/2 var(--serif);writing-mode:vertical-rl;letter-spacing:6px;color:#8f8983}.paper-note{position:absolute;left:-6px;bottom:118px;padding:18px 26px 18px 20px;display:flex;align-items:center;gap:15px;background:#fffdf7;border:1px solid #e7e2d6;border-radius:4px 16px 16px 16px;box-shadow:0 8px 30px #59534b13;transform:rotate(-7deg);font:18px/1.7 var(--serif);letter-spacing:1px;z-index:3}.note-mark{color:var(--rouge);font:22px var(--serif);display:grid;place-items:center;border:1px solid #b8697088;border-radius:50%;width:31px;height:31px}.motion-toggle{position:absolute;bottom:-6px;right:32px;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:10px}.motion-symbol{font-size:13px}.scroll-hint{position:absolute;bottom:24px;left:0;display:flex;gap:30px;align-items:center;font-size:11px;letter-spacing:1px;color:var(--muted)}.scroll-hint span:last-child{display:inline-block;animation:driftDown 2.8s ease-in-out infinite}
.moments{padding:112px 0 130px;border-top:1px solid var(--line)}.section-heading h2,.film-heading h2{font-family:var(--serif);font-weight:400;font-size:50px;line-height:1.45;letter-spacing:1px;margin-top:18px}.moment-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:40px;align-items:center}.moment-visual{position:relative;background:#e8e6df;border-radius:180px 180px 32px 32px;display:flex;align-items:center;flex-direction:column;padding:42px 25px 24px;overflow:hidden}.moment-visual:after{content:"";position:absolute;border:1px solid #d3cec4;border-radius:50%;width:450px;height:450px;top:24%;left:8%;pointer-events:none}.feature-phone{width:253px;z-index:1;border-radius:36px}.feature-phone .phone-screen{border-radius:29px}.feature-phone .phone-screen img{transition:opacity .18s,transform .35s}.feature-phone img.changing{opacity:0;transform:translateY(5px)}.visual-caption{font:14px/1.6 var(--serif);color:#777168;position:relative;z-index:1;margin-top:22px;letter-spacing:1px}.moment-options{display:flex;flex-direction:column}.moment-option{display:flex;align-items:flex-start;gap:20px;text-align:left;width:100%;padding:32px 0;border-bottom:1px solid var(--line)}.moment-option:first-child{border-top:1px solid var(--line)}.option-index{font:13px/2 var(--serif);color:#969088;padding-top:3px}.option-copy{flex:1;display:block}.option-title{font-size:24px;line-height:1.4;display:block;letter-spacing:.2px;transition:color .2s}.option-detail{font-size:14px;color:#77736c;line-height:1.9;display:block;max-width:350px;margin-top:14px}.option-arrow{font-size:23px;color:#aaa49a;transition:transform .2s}.moment-option.is-active .option-index,.moment-option.is-active .option-title{color:var(--rouge)}.moment-option.is-active .option-arrow{color:var(--rouge);transform:rotate(45deg)}.js .moment-option:not(.is-active) .option-detail{display:none}.moment-option:hover .option-title{color:var(--rouge)}
.moon-section{background:var(--night);color:#f1eee4;position:relative;overflow:hidden;isolation:isolate}.moon-section:before{content:"";position:absolute;width:100%;height:100%;inset:0;background:radial-gradient(ellipse at 76% 43%,#6f668736,transparent 55%);z-index:-1}.moon-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;min-height:760px;align-items:center;padding-top:85px;padding-bottom:85px}.moon-copy .eyebrow{color:#b2adbf}.moon-copy h2{font-family:var(--serif);font-weight:400;font-size:50px;line-height:1.5;letter-spacing:1px;margin-top:24px}.moon-description{font-size:15px;line-height:2;color:#b6b3c0;margin-top:25px}.text-link{display:inline-flex;gap:34px;align-items:center;border-bottom:1px solid #bab3c07d;padding-bottom:10px;font-size:13px;margin-top:38px}.text-link:hover{color:#fff}.moon-showcase{position:relative;text-align:center;padding-top:4px}.moon-halo{position:absolute;left:calc(50% - 200px);top:-38px;border:1px solid #aaa0c119;width:400px;height:400px;border-radius:50%;box-shadow:0 0 0 50px #c6b7d704,0 0 0 105px #c6b7d702;animation:breathe 6s ease-in-out infinite}.moon-face{width:300px;max-width:80%;height:auto;position:relative;filter:drop-shadow(0 0 30px #eee2ad16);animation:breathe 6s ease-in-out infinite;overflow:visible}.moon-persona-copy{font:17px/1.8 var(--serif);letter-spacing:1px;color:#e0d9cb;margin:16px 0 30px;min-height:32px}.persona-options{display:flex;justify-content:center;gap:25px;position:relative}.persona{display:flex;gap:10px;padding:12px 5px 17px;border-bottom:1px solid transparent;text-align:left;align-items:flex-start;color:#c1bdca;transition:color .2s,border .2s;font-size:15px}.persona small{display:block;font-size:11px;line-height:1.5;margin-top:5px;color:#9a94a9;white-space:nowrap}.persona.is-active{color:#fff5da;border-bottom-color:#d6c69d}.persona-dot{display:block;width:14px;height:14px;border-radius:50%;margin-top:4px;flex-shrink:0}.moon-stars i{position:absolute;width:3px;height:3px;background:#d7c9b875;border-radius:50%;animation:twinkle 5s ease-in-out infinite}.moon-stars i:nth-child(1){left:8%;top:12%}.moon-stars i:nth-child(2){left:45%;top:21%;animation-delay:1s}.moon-stars i:nth-child(3){left:92%;top:65%;animation-delay:2s}.moon-stars i:nth-child(4){left:57%;top:80%;animation-delay:3s}.moon-stars i:nth-child(5){left:88%;top:9%;animation-delay:1.5s}.moon-stars i:nth-child(6){left:15%;top:86%;animation-delay:2.5s}
.film-section{padding-top:130px;padding-bottom:130px}.film-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:44px}.film-heading h2{font-size:42px}.film-poster{width:100%;height:520px;position:relative;display:flex;align-items:center;text-align:left;border-radius:28px;overflow:hidden;padding:60px;background:#e4e0d8}.film-poster:after{content:"";inset:0;position:absolute;background:linear-gradient(90deg,#e4e0d8 0%,#e4e0d8ec 30%,transparent 66%);pointer-events:none}.film-poster-copy{z-index:3;position:relative}.film-kicker{display:block;font-size:11px;letter-spacing:3px;color:#7d7568;margin-bottom:22px}.film-big{display:block;font:42px/1.5 var(--serif);letter-spacing:1px}.film-watch{display:flex;align-items:center;gap:12px;font-size:12px;color:#706a62;margin-top:33px}.small-play{font-size:28px;line-height:1}.film-phone-strip{position:absolute;inset:0;left:30%;pointer-events:none}.strip-phone{position:absolute;width:227px;border-radius:30px;border:6px solid #2e2d33;box-shadow:0 22px 36px #2a23322e;max-width:none;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.strip-left{left:6%;top:103px;transform:rotate(-12deg)}.strip-main{left:35%;top:55px;transform:rotate(7deg);z-index:2}.strip-right{left:64%;top:140px;transform:rotate(18deg)}.film-poster:hover .strip-main{transform:rotate(2deg) translateY(-12px)}.film-poster:hover .strip-left{transform:rotate(-16deg) translateX(-9px)}.film-poster:hover .strip-right{transform:rotate(21deg) translateX(9px)}
.download-section{padding-top:60px;padding-bottom:110px;text-align:center;position:relative}.download-line{height:1px;max-width:280px;background:var(--line);margin:0 auto 65px}.download-icon{border-radius:19px;margin:0 auto 26px;box-shadow:0 8px 20px #625b7622}.download-section h2{font:42px/1.6 var(--serif);margin-bottom:32px;letter-spacing:1px}.download-section .button{min-width:210px}.download-section .download-note{margin-top:17px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px;padding-bottom:35px}.footer-brand{font-size:17px;gap:9px}.footer-brand img{border-radius:9px}.site-footer nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:11px;color:#77736e}.site-footer a:hover{color:var(--rouge)}.copyright{font-size:11px;color:#99938a;white-space:nowrap}
.film-dialog{padding:16px 18px 13px;background:#171923;color:#f2eee5;border:1px solid #ffffff25;border-radius:22px;max-width:min(94vw,510px);width:auto;max-height:94svh;overflow:auto;box-shadow:0 20px 100px #0007}.film-dialog::backdrop{background:#14141bd9;backdrop-filter:blur(10px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:12px}.dialog-header h2{font-size:14px;letter-spacing:1px;font-weight:500}.dialog-close{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#ffffff10}.dialog-close svg{fill:none;stroke:currentColor;stroke-width:1.5;width:18px}.film-dialog video{height:min(72svh,700px);width:auto;max-width:100%;border-radius:13px;background:#1d1f2b;margin:auto;aspect-ratio:440/956}.film-caption{font-size:10px;letter-spacing:1px;color:#b8b3bd;text-align:center;margin-top:10px}.video-fallback{display:none;text-align:center;font-size:13px;text-decoration:underline;padding:14px}.film-dialog.has-video-error .video-fallback{display:block}body.dialog-open{overflow:hidden}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.3,1)}.js .reveal.is-visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-phone{will-change:auto}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.15)}}@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:1}}@keyframes driftDown{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes inkDraw{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}
@media(min-width:1500px){.hero{min-height:800px}.hero-stage{height:700px}.hero-phone{width:305px}}
@media(max-width:1100px){.section-shell{width:calc(100% - 64px)}.site-header{width:calc(100% - 64px);height:88px}.header-nav{gap:22px}.hero{grid-template-columns:1.1fr 1fr;min-height:690px}h1{font-size:56px;letter-spacing:-2px}.hero-stage{height:610px}.hero-phone{width:260px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{padding:17px 22px}.paper-note{left:0;bottom:94px;padding:13px 18px;font-size:16px}.vertical-note{right:-8px}.moment-layout{gap:60px}.moon-layout{gap:35px}.moon-copy h2{font-size:44px}.persona-options{gap:14px}.film-poster{padding:42px;height:470px}.film-big{font-size:36px}.film-phone-strip{left:29%}.strip-phone{width:200px}.site-footer nav{gap:16px}}
@media(max-width:760px){html{scroll-padding-top:24px}.section-shell{width:calc(100% - 40px)}.site-header{width:calc(100% - 40px);height:80px;gap:16px}.brand{font-size:20px;gap:9px}.brand img{width:30px;height:30px;border-radius:9px}.header-nav{display:none}.button-small{padding:12px 17px;font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:30px;padding-bottom:76px}.eyebrow{font-size:10px;letter-spacing:1.6px}.hero-copy{padding:0 2px}.hero h1{font-size:clamp(40px,10.7vw,70px);letter-spacing:-1.5px;line-height:1.32;margin:24px 0 24px}.hero-description{font-size:14px;line-height:1.9}.hero-actions{gap:22px;margin-top:27px;flex-wrap:nowrap}.hero-actions .button{font-size:12px;padding:16px 20px;gap:15px}.film-trigger{font-size:12px;gap:9px}.play-disc{width:32px;height:32px}.download-note{font-size:10px;margin-top:16px}.hero-stage{height:610px;margin-top:24px}.hero-phone{width:250px;border-radius:38px}.hero-phone .phone-screen{border-radius:31px}.hero-orbit{width:355px;height:355px;max-width:100%}.orbit-two{width:390px;height:390px}.vertical-note{right:7px;top:18%;font-size:11px;letter-spacing:4px}.paper-note{left:-2px;bottom:105px;padding:12px 17px;font-size:16px;gap:12px}.note-mark{width:26px;height:26px;font-size:18px}.motion-toggle{right:0;bottom:10px}.scroll-hint{left:2px;bottom:22px;font-size:10px}.moments{padding-top:68px;padding-bottom:76px}.section-heading h2{font-size:38px;margin-top:14px;line-height:1.4}.moment-layout{display:flex;flex-direction:column;gap:28px;margin-top:32px}.moment-visual{width:100%;padding:35px 18px 22px;border-radius:140px 140px 24px 24px}.feature-phone{width:226px;border-radius:32px;padding:6px}.feature-phone .phone-screen{border-radius:26px}.visual-caption{font-size:12px;letter-spacing:0;margin-top:20px}.moment-options{width:100%}.moment-option{padding:25px 0;gap:16px}.option-title{font-size:20px}.option-detail{font-size:13px;margin-top:11px;line-height:1.85}.option-arrow{font-size:21px}.moon-layout{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding-top:70px;padding-bottom:65px;min-height:0}.moon-copy h2{font-size:39px;margin-top:18px;line-height:1.5}.moon-description{font-size:14px;line-height:1.95;margin-top:20px}.text-link{font-size:12px;margin-top:24px;padding-bottom:8px;gap:25px}.moon-showcase{padding-top:6px}.moon-face{width:258px}.moon-halo{width:310px;height:310px;left:calc(50% - 155px);top:-15px;box-shadow:0 0 0 35px #c6b7d704,0 0 0 70px #c6b7d702}.moon-persona-copy{font-size:15px;margin:4px 0 19px}.persona-options{gap:22px}.persona{gap:8px;font-size:14px}.persona small{font-size:10px}.persona-dot{width:12px;height:12px}.film-section{padding-top:72px;padding-bottom:56px}.film-heading{display:block;margin-bottom:30px}.film-heading h2{font-size:31px;line-height:1.55;margin-top:14px}.film-heading>.film-trigger{margin-top:20px}.film-poster{height:510px;padding:30px 26px;align-items:flex-start;border-radius:22px}.film-poster:after{background:linear-gradient(180deg,#e4e0d8 0%,#e4e0d8ec 22%,transparent 65%)}.film-kicker{font-size:9px;margin-bottom:10px}.film-big{font-size:29px;line-height:1.4}.film-watch{margin-top:15px;font-size:10px;gap:9px}.small-play{font-size:21px}.film-phone-strip{left:0;top:190px}.strip-phone{width:150px;border-width:4px;border-radius:21px}.strip-left{left:-10%;top:63px}.strip-main{left:29%;top:20px}.strip-right{left:65%;top:79px}.download-section{padding-top:30px;padding-bottom:67px}.download-line{max-width:150px;margin-bottom:50px}.download-icon{width:53px;height:53px;border-radius:16px;margin-bottom:22px}.download-section h2{font-size:30px;line-height:1.7;letter-spacing:.5px;margin-bottom:26px}.download-section .button{font-size:14px;min-width:190px;padding:16px 25px}.site-footer{padding-top:25px;padding-bottom:25px;gap:20px;flex-wrap:wrap}.footer-brand{font-size:17px}.site-footer nav{order:3;width:100%;gap:12px 24px;font-size:10px}.copyright{margin-left:auto;font-size:10px}.film-dialog{padding:12px;max-width:94vw;max-height:95svh;border-radius:18px}.film-dialog video{height:72svh}.dialog-header{margin-bottom:9px}.dialog-header h2{font-size:12px}.film-caption{font-size:9px}}
@media(max-width:360px){.hero-actions{gap:12px}.hero-actions .button{padding:15px 16px;gap:9px}.film-trigger{gap:7px}.play-disc{width:29px;height:29px}.hero-stage{height:585px}.hero-phone{width:238px}.paper-note{font-size:14px;left:-4px}.persona-options{gap:14px}.option-title{font-size:18px}.film-big{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-phone{transform:rotate(5deg);will-change:auto}.js .reveal{opacity:1;transform:none}.ink-underline svg{stroke-dashoffset:0}.phone-screen video[data-ambient]{display:none}}
.film-dialog{width:min(94vw,1000px);max-width:1000px}.film-dialog video{width:100%;height:auto;max-height:72svh;aspect-ratio:16/9;object-fit:contain}.motion-toggle[hidden],html:not(.js) .motion-toggle{display:none}.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after{transition:none!important}.motion-paused .reveal{opacity:1;transform:none}html:not(.js) *,html:not(.js) *:before,html:not(.js) *:after{animation:none!important}
.strip-phone{height:auto}
@media(max-width:760px){.hero-stage:before{inset:7% 0 6%}.hero-orbit{transform:scaleY(.84)}.orbit-two{transform:scaleY(.92)}}
.short-title{display:none}
@media(max-width:760px){.js .moment-options{order:-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.js .moment-option{padding:16px 2px;justify-content:center;border-top:0;min-height:56px;align-items:center}.js .moment-option .option-index,.js .moment-option .option-arrow,.js .moment-option .option-detail,.js .moment-option .long-title{display:none!important}.js .moment-option .short-title{display:block}.js .moment-option .option-title{font-size:14px;text-align:center;white-space:nowrap}.js .moment-option.is-active{border-bottom-color:var(--rouge)}.js .moment-layout{gap:20px}}

/* Official device canvas: 1470 × 3000. Actual display: 1320 × 2868 at (75, 66). */
.phone{padding:0;background:none;border:0;border-radius:0;box-shadow:none;aspect-ratio:1470/3000;filter:drop-shadow(0 22px 22px #25213120)}
.phone .phone-screen{position:absolute;inset:0;border-radius:0;background:none;aspect-ratio:auto;overflow:visible;mask:url('/assets/site-v3/iphone-screen-mask.png') center/100% 100% no-repeat;-webkit-mask:url('/assets/site-v3/iphone-screen-mask.png') center/100% 100% no-repeat}
.phone .phone-screen img,.phone .phone-screen video{position:absolute;left:5.10204082%;top:2.2%;width:89.79591837%;height:95.6%;object-fit:fill}
.phone .phone-bezel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.hero-phone{transform:none;width:300px}
.feature-phone{width:270px}
.feature-phone .phone-bezel{transition:none}
.strip-phone{width:227px;height:auto;border:0;border-radius:0;box-shadow:none;max-width:none;filter:drop-shadow(0 15px 18px #25213125)}
.strip-left,.strip-main,.strip-right{transform:none}
.film-poster:hover .strip-main{transform:translateY(-12px)}
.film-poster:hover .strip-left{transform:translateY(-5px)}
.film-poster:hover .strip-right{transform:translateY(5px)}
.moon-face{display:block;margin:0 auto;width:258px;animation:moonBreathe 3.7s ease-in-out infinite;filter:none}
.moon-halo{border:0;box-shadow:none;background:radial-gradient(circle,#f1dc9c26 0,transparent 68%);animation:none}
.moon-showcase[data-tone=half] .moon-halo{background:radial-gradient(circle,#9db6dd26 0,transparent 68%)}
.moon-showcase[data-tone=red] .moon-halo{background:radial-gradient(circle,#e0606c26 0,transparent 68%)}
.persona-dot{width:28px;height:28px;margin-top:0;border-radius:0;object-fit:contain}
.slogan-line{white-space:nowrap}
@keyframes moonBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.024)}}
@media(min-width:1500px){.hero-phone{width:315px}}
@media(min-width:761px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero h1{font-size:clamp(32px,4.4vw,48px)}.hero-orbit{max-width:90%;height:auto;aspect-ratio:1}.hero-stage:before{inset:7% 0 6%}}
@media(max-width:1100px){.hero-phone{width:280px}.strip-phone{width:200px}}
@media(max-width:760px){.hero-phone{width:270px}.feature-phone{width:240px}.strip-phone{width:160px}.persona-dot{width:24px;height:24px}.persona-options{gap:18px}.moon-face{width:232px}}
@media(max-width:360px){.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-phone{width:248px}.persona-options{gap:11px}}
@media(prefers-reduced-motion:reduce){.hero-phone{transform:none}}
/* A relationship has two faces. The ritual films play only on request. */
.farewell-section{padding:105px 0 115px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center}
.farewell-copy h2{font:400 50px/1.5 var(--serif);letter-spacing:1px;margin-top:20px}
.feature-description{font-size:16px;line-height:2;color:var(--muted);margin-top:28px}
.face-options{display:inline-flex;gap:4px;border:1px solid #d5cfc7;border-radius:999px;padding:5px;margin-top:34px}
.face-options button{padding:13px 26px;border-radius:999px;font-size:14px;color:#777168;min-height:44px}
.face-options button.is-active{background:var(--ink);color:var(--paper)}
.farewell-visual{background:#e9e5de;border-radius:32px;min-height:680px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}
.farewell-phone{width:280px}
.farewell-caption{font:15px/1.8 var(--serif);color:#777168;margin-top:22px}
.rituals-section{padding:115px 0 0}
.ritual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:44px}
.ritual-card{border-radius:30px;overflow:hidden;padding:36px 38px 34px;background:#e8e4dc}
.ritual-burn{background:#292c40;color:#f3eddf}
.ritual-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:32px}
.ritual-heading h3{font:400 29px/1.4 var(--serif);margin:0 0 12px}
.ritual-heading p{font-size:13px;line-height:1.9;color:#777168}
.ritual-burn .ritual-heading p{color:#b9b6c4}
.ritual-control{border:1px solid #8b87825c;border-radius:999px;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 17px;min-width:110px;min-height:44px;font-size:12px;white-space:nowrap;flex-shrink:0;margin-top:4px}
.ritual-burn .ritual-control{border-color:#d2c9db55}
.ritual-control:hover{background:#88888815}
.ritual-phone{width:248px;margin:auto}
.video-retry{display:none;margin:10px auto 0;padding:12px 20px;border:1px solid #ffffff40;border-radius:999px;font-size:13px}
.film-dialog.has-video-error .video-retry{display:block}
@media(max-width:1100px){.farewell-section{gap:45px}.farewell-copy h2{font-size:42px}.farewell-visual{min-height:640px}.farewell-phone{width:260px}.ritual-card{padding:28px 24px}.ritual-heading{flex-wrap:wrap}.ritual-control{margin-top:0}.header-nav{gap:18px}}
@media(max-width:760px){.farewell-section{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:66px 0 72px}.farewell-copy h2{font-size:38px;margin-top:15px;line-height:1.4}.feature-description{font-size:14px;line-height:1.95;margin-top:20px}.face-options{margin-top:25px}.face-options button{font-size:13px;padding:12px 24px}.farewell-visual{min-height:0;padding:30px 20px 24px;border-radius:25px}.farewell-phone{width:240px}.farewell-caption{font-size:13px;margin-top:20px}.rituals-section{padding-top:72px}.ritual-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.ritual-card{padding:27px 24px 30px;border-radius:25px}.ritual-heading{gap:15px;margin-bottom:25px}.ritual-heading h3{font-size:26px;margin-bottom:8px}.ritual-heading p{font-size:12px}.ritual-control{font-size:12px;padding:11px 15px;min-width:104px}.ritual-phone{width:235px}}
@media(max-width:360px){.farewell-phone,.ritual-phone{width:216px}.ritual-card{padding-inline:20px}.feature-description{font-size:13px}.farewell-copy h2{font-size:34px}}
.language-switch{display:inline-flex;align-items:center;font-size:13px;letter-spacing:.5px;line-height:1;flex-shrink:0;white-space:nowrap}
.language-switch a{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 6px;color:var(--muted);text-decoration:none;transition:color .2s}.language-switch a+a{position:relative}.language-switch a+a:before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:var(--line)}.language-switch a[aria-current="page"]{color:var(--ink);font-weight:600}.language-switch a:not([aria-current]):hover{color:var(--rouge)}
.kit-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center;padding:0 0 120px}
.kit-visual{background:#e6e2d9;border-radius:30px;display:grid;place-items:center;padding:38px 25px;overflow:hidden}
.kit-phone{width:270px}
.kit-copy h2{font:400 50px/1.5 var(--serif);letter-spacing:1px;margin-top:20px}
.kit-caption{font:14px/1.8 var(--serif);color:var(--muted);margin-top:24px}
@media(max-width:1100px){.kit-section{gap:45px}.kit-copy h2{font-size:42px}.kit-phone{width:250px}.header-nav{gap:15px}}
@media(max-width:760px){.kit-section{display:flex;flex-direction:column;gap:30px;padding-bottom:75px;align-items:stretch}.kit-copy{order:-1}.kit-copy h2{font-size:38px;line-height:1.4;margin-top:15px}.kit-visual{padding:30px 20px;border-radius:25px}.kit-phone{width:240px}.kit-caption{font-size:13px;margin-top:18px}.language-switch{font-size:12px}}
@media(max-width:360px){.kit-phone{width:216px}}
html[lang=en]{--serif:Georgia,"Times New Roman",serif}
html[lang=en] .brand{letter-spacing:.1px}
html[lang=en] .hero h1{font-size:clamp(40px,4.3vw,63px);letter-spacing:-2.4px;line-height:1.17}
html[lang=en] .slogan-line{white-space:normal}
html[lang=en] .eyebrow{letter-spacing:1px}
html[lang=en] .vertical-note{writing-mode:horizontal-tb;transform:rotate(90deg);transform-origin:right center;letter-spacing:2px;white-space:nowrap;right:2%;top:36%;font:11px/1.5 sans-serif}
html[lang=en] .paper-note{font-size:16px;letter-spacing:0}
html[lang=en] .hero-actions{gap:20px}
html[lang=en] .hero-actions .button{gap:16px}
html[lang=en] .persona-options{gap:18px}
html[lang=en] .persona{font-size:14px;gap:8px}
html[lang=en] .section-heading h2,html[lang=en] .farewell-copy h2,html[lang=en] .kit-copy h2,html[lang=en] .moon-copy h2{font-size:46px;line-height:1.28;letter-spacing:-.8px}
html[lang=en] .film-heading h2{font-size:40px;line-height:1.3;letter-spacing:-.5px}
@media(min-width:761px) and (max-width:1100px){html[lang=en] .hero h1{font-size:clamp(31px,4vw,44px);letter-spacing:-1.3px}html[lang=en] .section-heading h2,html[lang=en] .farewell-copy h2,html[lang=en] .kit-copy h2,html[lang=en] .moon-copy h2{font-size:36px}html[lang=en] .header-nav{gap:13px;font-size:12px}}
@media(max-width:760px){html[lang=en] .hero h1{font-size:clamp(34px,9vw,52px);letter-spacing:-1.4px}html[lang=en] .hero-actions{gap:17px}html[lang=en] .hero-actions .button{padding:16px 18px;font-size:12px;gap:12px}html[lang=en] .section-heading h2,html[lang=en] .farewell-copy h2,html[lang=en] .kit-copy h2,html[lang=en] .moon-copy h2{font-size:35px}html[lang=en] .film-heading h2{font-size:31px}html[lang=en] .film-big{font-size:29px}html[lang=en] .persona-options{gap:10px}html[lang=en] .persona{font-size:12px;gap:6px}html[lang=en] .persona small{font-size:10px}html[lang=en] .paper-note{font-size:14px}html[lang=en] .option-title{font-size:13px}}
@media(max-width:360px){html[lang=en] .hero-actions{gap:12px}html[lang=en] .hero-actions .button{padding-inline:13px}html[lang=en] .film-trigger{font-size:11px;gap:6px}}
@media(max-width:360px){html[lang=en] .hero-actions{flex-wrap:wrap;row-gap:14px}}

/* Membership: prices and entitlements share the app's product definitions. */
.pricing-section{padding-top:110px;padding-bottom:80px}.pricing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.pricing-heading h2{font:400 48px/1.35 var(--serif);letter-spacing:1px;margin:16px 0 18px}.pricing-intro{font-size:16px;line-height:1.8;color:var(--muted)}.free-allowance{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:5px}.free-allowance strong{font-weight:600;color:var(--ink)}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #d9d6ce;border-radius:26px;background:linear-gradient(145deg,#f9f7f0,#efede5)}.plan-weekly{background:linear-gradient(145deg,#faf7ee,#efeadc)}.plan-monthly{background:radial-gradient(ellipse at 100% 0,rgba(187,191,214,.2),transparent 70%),#292d43;color:#f4f2ec;border-color:#555b78;box-shadow:0 14px 34px #272b4010}.plan-hundred{background:linear-gradient(145deg,#faf4f0,#f1e7e2)}.plan-name{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}.plan-name h3{font-size:18px;font-weight:600;margin:0}.plan-status{display:inline-flex;font-size:11px;line-height:1.5;color:#8b6b60;border:1px solid #d6b9ac;padding:4px 9px;border-radius:999px;white-space:nowrap}.plan-price{font-size:52px;font-weight:550;line-height:1.15;letter-spacing:-2px;margin-top:28px}.plan-price span{font-size:13px;font-weight:400;letter-spacing:0;color:#79756c;white-space:nowrap}.plan-monthly .plan-price span{color:#c3c5d2}.plan-renewal{font-size:13px;color:#79756c;margin-top:11px}.plan-monthly .plan-renewal{color:#c3c5d2}.plan-period{font-size:11px;letter-spacing:1px;color:#8a847a;margin-top:32px;margin-bottom:8px}.plan-monthly .plan-period{color:#afb4ca}.plan-benefits{list-style:none;padding:0;margin:0 0 28px;font-size:15px;line-height:1.7}.plan-benefits li{padding:12px 0;border-bottom:1px solid #d8d2c7}.plan-benefits strong{font-weight:600;font-variant-numeric:tabular-nums}.plan-monthly .plan-benefits li{border-color:#ffffff21}.plan-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 17px;border:1px solid #b8b1a3;border-radius:999px;font-size:13px;margin-top:auto;transition:background .2s}.plan-action:hover{background:#ffffff70}.plan-monthly .plan-action{border-color:#e0e1e8;background:#ebedf4;color:#292d43}.plan-monthly .plan-action:hover{background:#fff}.plan-action span{font-size:18px}.pricing-note{font-size:12px;line-height:1.9;color:var(--muted);margin:22px 0 34px}.report-purchase{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.report-purchase h3{font-size:21px;margin:0 10px 10px 0;display:inline-block;font-weight:550}.report-purchase p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}.report-purchase table{width:100%;border-collapse:collapse;text-align:left}.report-purchase th,.report-purchase td{padding:12px 14px;font-size:16px;font-weight:400}.report-purchase thead th{font-size:11px;color:var(--muted);padding-top:0}.report-purchase tbody th{font-size:14px}.report-purchase td{font-variant-numeric:tabular-nums;white-space:nowrap}.report-purchase td:last-child{color:var(--rouge);font-weight:550}.pricing-bottom{display:flex;justify-content:space-between;gap:30px;align-items:baseline;padding-top:23px;font-size:12px;line-height:1.8;color:var(--muted)}.pricing-bottom a{flex-shrink:0;color:var(--ink);text-decoration:underline;text-underline-offset:5px}.pricing-bottom a:hover{color:var(--rouge)}
@media(max-width:1100px){.header-nav{gap:23px}.plan-card{padding:25px}.plan-price{font-size:44px}.plan-name{align-items:flex-start}.plan-name h3{font-size:16px}}
@media(max-width:800px){.pricing-heading{display:block}.free-allowance{margin-top:18px}.plans-grid{gap:12px}.plan-card{padding:22px 18px}.plan-name{flex-direction:column;min-height:54px;gap:7px}.plan-price{font-size:38px;letter-spacing:-1px}.plan-price span{font-size:11px}.plan-benefits{font-size:13px}.plan-action{font-size:12px;padding:10px 12px}.report-purchase{gap:24px}}
@media(max-width:620px){.pricing-section{padding-top:70px;padding-bottom:44px}.pricing-heading{margin-bottom:28px}.pricing-heading h2{font-size:36px;margin-top:12px}.pricing-intro{font-size:14px}.free-allowance{font-size:13px}.plans-grid{grid-template-columns:1fr;gap:16px}.plan-card{padding:25px 27px}.plan-name{flex-direction:row;align-items:center;min-height:26px}.plan-name h3{font-size:18px}.plan-price{font-size:49px;margin-top:22px}.plan-price span{font-size:13px}.plan-period{margin-top:24px}.plan-benefits{font-size:15px;margin-bottom:22px}.plan-action{font-size:14px}.pricing-note{margin-bottom:26px}.report-purchase{grid-template-columns:1fr;gap:20px;padding:26px 0}.report-purchase table th,.report-purchase table td{padding:11px 8px}.report-purchase table th:first-child{padding-left:0}.report-purchase table td:last-child{padding-right:0}.pricing-bottom{align-items:flex-start;flex-direction:column;gap:14px}.site-footer nav{font-size:12px;gap:12px 20px}}
.payment-availability{display:flex;align-items:baseline;justify-content:space-between;gap:12px 28px;margin-bottom:22px;font-size:14px;line-height:1.7}.payment-availability p{color:var(--ink);font-weight:550}.payment-availability span{color:var(--muted);font-size:13px}.plan-action:disabled{font-family:inherit;justify-content:center;cursor:not-allowed;opacity:.65;background:transparent;color:inherit}.plan-monthly .plan-action:disabled{background:#ebedf4;color:#292d43}.plan-action:disabled:hover{background:transparent}.plan-monthly .plan-action:disabled:hover{background:#ebedf4}
@media(max-width:620px){.payment-availability{flex-direction:column;gap:3px;font-size:13px;margin-bottom:20px}.payment-availability span{font-size:12px}}
@media(max-width:380px){html[lang=en] .plan-price{font-size:43px}html[lang=en] .plan-price span{display:block;margin-top:8px}}
/* Compact copy retains the original card design. */
.plan-benefits{margin-top:28px}.pricing-heading h2{margin-top:0}.report-purchase{margin-top:32px}.pricing-bottom{font-size:14px}
.plan-weekly .plan-action{background:#e4d8b2;border-color:#e4d8b2;color:#343128}.plan-weekly .plan-action:hover{background:#d9ca9f;border-color:#d9ca9f}
.plan-monthly .plan-action{background:#ebedf4;border-color:#e0e1e8;color:#292d43;box-shadow:0 1px 2px #13172918}.plan-monthly .plan-action:hover{background:#fff;border-color:#fff}
.plan-hundred .plan-action{background:#97535e;border-color:#97535e;color:#fff7f4}.plan-hundred .plan-action:hover{background:#864653;border-color:#864653}
.plan-action{min-height:48px;padding:12px 18px;font-size:14px;font-weight:500;transition:background .18s,border-color .18s,box-shadow .18s}.plan-action:active{box-shadow:inset 0 2px 4px #0000001c}.plan-monthly .plan-action:focus-visible{outline-color:#f3e6c8}

/* Keep the three plan colours; align their typography and spacing with the surrounding sections. */
.plan-name h3{font:400 25px/1.4 var(--serif);letter-spacing:.5px}.plan-price{margin-top:19px;font-size:54px;font-weight:520;letter-spacing:-1.5px}.plan-price span{font-size:14px}.plan-benefits{margin-top:24px;margin-bottom:25px;font-size:16px}.plan-benefits li{padding:10px 0}.plan-action{min-height:52px;font-size:15px}.report-purchase{padding-top:35px;padding-bottom:35px}.report-purchase h3{font:400 27px/1.45 var(--serif);margin:0}.report-purchase thead th{font-size:13px}.report-purchase tbody th{font-size:15px}
@media(max-width:1100px){.plan-name h3{font-size:23px}.plan-price{font-size:48px}.plan-benefits{font-size:15px}}
@media(max-width:800px){.plan-name h3{font-size:21px}.plan-price{font-size:40px}.plan-price span{font-size:13px}.plan-benefits{font-size:14px}}
@media(max-width:620px){.plan-name h3{font-size:23px}.plan-price{font-size:50px}.plan-benefits{font-size:15px}.plan-action{min-height:50px}.report-purchase h3{font-size:25px}}
.hero-stage:before{animation:heroHalo 6s ease-in-out infinite}.hero-phone .phone-screen .hero-slide{position:absolute;left:5.10204082%;top:2.2%;width:89.79591837%;height:95.6%;object-fit:fill;opacity:0;animation:heroScreenCycle 12s linear infinite}.hero-phone .phone-screen .hero-slide-stone{opacity:1}.hero-phone .phone-screen .hero-slide-moon{animation-delay:-8s}.hero-phone .phone-screen .hero-slide-plum{animation-delay:-4s}
@keyframes heroHalo{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}@keyframes heroScreenCycle{0%,28.5%{opacity:1}33.333%,95.2%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-stage:before,.hero-phone .phone-screen .hero-slide{animation:none!important}}
.plan-term{font-size:15px;line-height:1.6;color:var(--muted);margin:22px 0 18px}
.plan-monthly .plan-term{color:#c3c5d2}