:root{--red:#d43d49;--red-dark:#a93140;--ink:#22201f;--paper:#fbf6ef;--lavender:#d8c6ff;--line:#e7dcd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:"LivePocket Sans",sans-serif}body[data-lang=zh] .en,body[data-lang=en] .zh{display:none}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lavender);outline-offset:4px}.skip-link{position:fixed;left:16px;top:10px;z-index:40;transform:translateY(-150%);padding:12px 18px;background:#fff;color:var(--red)}.skip-link:focus{transform:none}.wrap{width:min(100% - 72px,1380px);margin-inline:auto}
header{position:absolute;z-index:20;inset:0 0 auto;height:84px;color:#fff}.nav{height:100%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #ffffff54}.brand,.footer-brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:900;letter-spacing:-.065em;text-decoration:none;white-space:nowrap}.brand img{width:38px;height:38px;border-radius:9px}.brand-dot,.footer-brand span{color:var(--lavender)}.links{display:flex;align-items:center;gap:27px}.links a{font-size:12px;font-weight:750;text-decoration:none}.links a:hover,.hero-more:hover{opacity:.7}.links .nav-download{padding:12px 17px;border:1px solid #fff;border-radius:3px;background:#fff;color:var(--red-dark);font-weight:850}.language{width:45px;height:39px;border:1px solid #fff;border-radius:3px;background:transparent;color:#fff;font-size:12px;font-weight:800}
.hero{position:relative;min-height:900px;overflow:hidden;color:#fff;background-color:var(--red);background-image:linear-gradient(#ffffff25 1px,transparent 1px),linear-gradient(90deg,#ffffff25 1px,transparent 1px);background-size:64px 64px}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#bd314129,transparent 68%);pointer-events:none}.hero-layout{position:relative;min-height:900px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:2%;padding-top:98px;padding-bottom:70px}.hero-copy{position:relative;z-index:4;padding:5px 0 60px}.eyebrow,.index,.visual-note,.wall-note,.collage-note,.closing p,.hero-bottom{font-size:11px;font-weight:850;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:20px;margin:0 0 33px}.asterisk{font-size:21px;line-height:0}.hero h1,.section h2,.closing h2{font-family:"LivePocket Condensed","LivePocket Sans",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.065em}.hero h1{position:relative;z-index:3;width:112%;margin:0;font-size:clamp(90px,9.6vw,156px);line-height:1.05;white-space:nowrap}.hero h1 .highlight{color:var(--lavender)}body[data-lang=en] .hero h1{font-size:clamp(85px,8.8vw,145px);line-height:.95}.lead{max-width:535px;margin:35px 0 30px;font-size:19px;font-weight:520;line-height:1.75}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border:1px solid var(--ink);border-radius:3px;color:var(--ink);font-size:14px;font-weight:850;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.button-light{background:#fff}.button b{margin-left:8px;font-size:18px}.hero-more{font-size:13px;font-weight:850;text-underline-offset:5px}.release{margin:25px 0 0;color:#ffe1e3;font-size:11px}.hero-visual{position:relative;display:grid;place-items:center;align-self:stretch;min-height:700px}.hero-orbit{position:absolute;width:min(105%,590px);aspect-ratio:1;border-radius:50%;background:var(--lavender);box-shadow:0 0 0 30px #d8c6ff4d,0 0 0 62px #d8c6ff24}.hero-phone{position:relative;z-index:2;width:min(72%,440px);max-height:780px;object-fit:contain;filter:drop-shadow(28px 26px 18px #56151d50);transform:rotate(8deg) translateY(40px)}.hero-stamp{position:absolute;z-index:3;top:15%;right:0;width:118px;height:118px;display:grid;place-content:center;border-radius:50%;background:#fff;color:var(--red-dark);font-size:16px;font-weight:950;line-height:1;text-align:center;transform:rotate(13deg)}.visual-note{position:absolute;z-index:3;left:9%;bottom:8%;padding:10px 12px;background:#fff;color:var(--red-dark)}.hero-bottom{position:absolute;z-index:5;bottom:17px;left:36px;right:36px;display:flex;justify-content:space-between;color:#ffe7e8}.ticker{overflow:hidden;border-block:1px solid var(--ink);background:var(--lavender)}.ticker-inner{min-width:max-content;display:flex;align-items:center;justify-content:space-around;gap:46px;padding:18px 30px;color:var(--ink);font-family:"LivePocket Condensed","LivePocket Sans",sans-serif;font-size:28px;font-weight:900;letter-spacing:-.035em}.ticker b{color:var(--red);font-size:24px}
.section{padding:125px 0}.index{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid currentColor;color:var(--red-dark)}.section h2{margin:24px 0 0;font-size:clamp(62px,7vw,113px);line-height:1.05}.section-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:end;column-gap:70px;margin-bottom:55px}.section-intro .index{grid-column:1/-1;justify-self:start}.section-intro h2{color:var(--red-dark)}.section-intro p{max-width:320px;margin:0 0 9px;font-size:17px;line-height:1.85}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.journal-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:700px;overflow:hidden;border:1px solid var(--line);background:#fff}.card-list{background:#f1e8ff}.card-heading{position:relative;z-index:2;display:flex;align-items:start;gap:22px;padding:32px 32px 0}.card-number{display:inline-grid;flex:none;place-items:center;width:43px;height:43px;border:1px solid var(--red);border-radius:50%;color:var(--red);font-size:13px;font-weight:900}.card-heading h3{margin:2px 0 9px;font-size:30px;font-weight:850;letter-spacing:-.06em;line-height:1.2}.card-heading p{max-width:320px;margin:0;font-size:14px;line-height:1.7}.screen-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.journal-card .screen-button{flex:1;display:grid;place-items:start center;max-height:600px;overflow:hidden}.journal-card .screen-button img{width:min(56%,300px);margin-top:32px;filter:drop-shadow(16px 17px 11px #33212d33);transition:transform .25s}.journal-card .screen-button:hover img{transform:translateY(-10px)}.card-list .screen-button img{transform:rotate(-7deg) translateY(25px)}.card-list .screen-button:hover img{transform:rotate(-7deg) translateY(10px)}
.wall{overflow:hidden;color:#fff;background:#a93545;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:72px 72px}.wall-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%;min-height:730px}.wall .index{color:#fff}.wall h2{font-size:clamp(65px,7.4vw,120px)}.wall h2 em,.collage-section h2 em{font-style:normal;color:var(--lavender)}.wall-copy>p{max-width:510px;margin:32px 0 28px;font-size:18px;line-height:1.8}.wall-tags{display:flex;flex-wrap:wrap;gap:9px}.wall-tags>span{padding:9px 13px;border:1px solid #ffffffa8;font-size:12px;font-weight:750}.wall-stage{position:relative;display:grid;place-items:center;min-height:690px}.wall-stage::before{content:"";position:absolute;width:min(93%,530px);aspect-ratio:1;border:1px solid #ffffff91;border-radius:50%;box-shadow:0 0 0 36px #ffffff10,0 0 0 72px #ffffff0b}.wall-image{position:relative;z-index:2;width:min(68%,320px);filter:drop-shadow(20px 20px 15px #42121d60);transform:rotate(8deg);transition:transform .25s}.wall-image:hover{transform:rotate(3deg) translateY(-10px)}.wall-sun{position:absolute;z-index:3;right:5%;top:7%;font-size:100px;line-height:1;color:var(--lavender)}.wall-note{position:absolute;z-index:3;left:0;bottom:3%;padding:11px;background:#fff;color:var(--red-dark)}
.collage-section{background:var(--paper)}.collage-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:7%}.collage-section h2{color:var(--red-dark);font-size:clamp(63px,6.4vw,100px)}.collage-section h2 em{color:var(--red)}.collage-copy>p{max-width:390px;margin:28px 0 36px;font-size:18px;line-height:1.85}.collage-note{color:#8e827b;font-size:10px}.collage-section figure{position:relative;margin:0;padding:14px;background:#fff;box-shadow:16px 16px 0 var(--lavender);transform:rotate(2deg)}.collage-section figure img{width:100%;aspect-ratio:1400/788;object-fit:cover}
.privacy{background:#f3e7e0}.privacy-heading{text-align:center}.privacy-heading .index{justify-content:center}.privacy h2{color:var(--red-dark)}.privacy-heading>p{margin:18px 0 0;font-size:18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:58px 0 22px}.fact{min-height:250px;padding:28px;border:1px solid #d8beb9;background:var(--paper)}.fact-icon{color:var(--red);font-family:"LivePocket Condensed","LivePocket Sans",sans-serif;font-size:36px}.fact h3{margin:38px 0 12px;font-size:28px;letter-spacing:-.055em}.fact p{max-width:330px;margin:0;font-size:14px;line-height:1.75}.text-link{color:var(--red-dark);font-size:13px;font-weight:800;text-underline-offset:4px}.faq-section{background:#fff}.faq{max-width:1080px}.faq h2{margin-bottom:43px;color:var(--red-dark)}.faq details{border-top:1px solid #c8b8ae}.faq details:last-child{border-bottom:1px solid #c8b8ae}.faq summary{display:flex;align-items:center;min-height:91px;color:var(--ink);font-size:clamp(23px,2.7vw,36px);font-weight:850;letter-spacing:-.045em;list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";margin-left:auto;padding-left:18px;color:var(--red);font-size:34px;font-weight:350}.faq details[open] summary::after{content:"−"}.faq details p{max-width:730px;margin:0 0 27px;font-size:15px;line-height:1.8}.faq details a{color:var(--red-dark);text-underline-offset:3px}
.closing{overflow:hidden;padding:112px 0 125px;color:#fff;background:var(--red);background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff20 1px,transparent 1px);background-size:64px 64px;text-align:center}.closing-inner{position:relative}.closing-mark{position:absolute;top:-50px;right:5%;color:var(--lavender);font-size:130px;line-height:1}.closing p{margin:0}.closing h2{margin:25px 0 39px;font-size:clamp(76px,10.2vw,160px);line-height:1.02}.closing .button{min-width:220px}.foot{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-brand{font-size:31px}footer{padding:40px 0 calc(38px + env(safe-area-inset-bottom));background:#26201f;color:#fff}.foot>div{text-align:right;font-size:12px;line-height:1.8}.foot nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 20px;margin-top:9px}.foot a:hover{color:var(--lavender)}
dialog{width:min(490px,95vw);height:min(950px,95dvh);padding:12px 12px 56px;overflow:hidden;border:1px solid var(--red);border-radius:9px;background:var(--paper)}dialog::backdrop{background:#201819e8}dialog>img{width:100%;height:100%;object-fit:contain;touch-action:pan-y pinch-zoom}.close{position:absolute;z-index:3;top:12px;right:12px;width:42px;height:42px;border:1px solid var(--red);border-radius:50%;background:#fff;color:var(--red);font-size:25px}.gallery-controls{position:absolute;bottom:6px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:25px;color:var(--red-dark)}.gallery-controls button{width:40px;height:40px;border:0;background:transparent;color:inherit;font-size:24px}.gallery-controls output{font:700 12px monospace}.gallery-open{overflow:hidden}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr .9fr}.hero h1{font-size:clamp(76px,9.7vw,120px)}.hero-phone{width:min(81%,400px)}.hero-orbit{width:110%}.section{padding:100px 0}.section h2{font-size:clamp(62px,7.5vw,95px)}.wall h2{font-size:clamp(63px,7.4vw,100px)}}
@media(max-width:700px){html{scroll-padding-top:65px}.wrap{width:min(100% - 36px,1380px)}header{height:66px}.nav{gap:8px}.brand{gap:6px;font-size:20px}.brand img{width:29px;height:29px;border-radius:7px}.links{gap:8px}.links>a:not(.nav-download){display:none}.links .nav-download{padding:9px 10px;font-size:11px}.language{width:38px;height:35px;font-size:11px}.hero{min-height:0;background-size:45px 45px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:106px;padding-bottom:85px}.hero-copy{padding:0}.eyebrow{gap:9px;margin-bottom:24px;font-size:9px;letter-spacing:.1em}.hero h1{width:100%;font-size:clamp(55px,13.8vw,86px);line-height:1.06;white-space:normal}body[data-lang=en] .hero h1{font-size:clamp(52px,12.7vw,81px)}.lead{max-width:500px;margin:21px 0 23px;font-size:15px;line-height:1.7}.actions{gap:19px}.button{min-height:47px;padding:0 16px;font-size:12px;box-shadow:4px 4px 0 var(--ink)}.hero-more{font-size:12px}.release{margin-top:19px;font-size:10px}.hero-visual{min-height:570px;margin-top:10px}.hero-orbit{width:min(88vw,460px);box-shadow:0 0 0 22px #d8c6ff4d,0 0 0 45px #d8c6ff24}.hero-phone{width:min(58vw,280px);max-height:none;transform:rotate(8deg) translateY(15px)}.hero-stamp{top:10%;right:3%;width:82px;height:82px;font-size:12px}.visual-note{left:0;bottom:6%;font-size:9px}.hero-bottom{left:18px;right:18px;bottom:13px;font-size:8px}.ticker-inner{gap:20px;padding:13px 20px;font-size:19px}.section{padding:77px 0}.index{font-size:9px}.section-intro{display:block;margin-bottom:30px}.section h2{margin-top:18px;font-size:clamp(49px,11vw,75px)}.section-intro p{margin:22px 0 0;font-size:15px}.journal-grid{grid-template-columns:1fr;gap:14px}.journal-card{min-height:0}.card-heading{gap:14px;padding:22px 20px 0}.card-number{width:34px;height:34px;font-size:11px}.card-heading h3{font-size:23px}.card-heading p{font-size:12px}.journal-card .screen-button{height:500px}.journal-card .screen-button img{width:min(54%,250px);margin-top:22px}.wall-layout{display:block;min-height:0}.wall h2{font-size:clamp(53px,11.5vw,80px)}.wall-copy>p{margin:22px 0;font-size:15px}.wall-stage{min-height:570px;margin-top:30px}.wall-image{width:min(56%,260px)}.wall-sun{right:2%;top:4%;font-size:70px}.wall-note{left:0;bottom:2%;font-size:9px}.collage-layout{display:block}.collage-section h2{font-size:clamp(56px,11.5vw,80px)}.collage-copy>p{margin:22px 0;font-size:15px}.collage-section figure{margin:34px 8px 0 0;padding:7px;box-shadow:9px 9px 0 var(--lavender)}.privacy-heading{text-align:left}.privacy-heading>p{font-size:15px}.facts{grid-template-columns:1fr;gap:10px;margin:33px 0 22px}.fact{min-height:0;padding:22px}.fact-icon{font-size:27px}.fact h3{margin:15px 0 8px;font-size:24px}.fact p{font-size:13px}.faq h2{margin-bottom:28px}.faq summary{min-height:77px;font-size:21px}.faq details p{font-size:13px}.closing{padding:85px 0 95px;background-size:45px 45px}.closing-mark{top:-25px;right:-5%;font-size:72px}.closing p{font-size:9px}.closing h2{font-size:clamp(61px,12vw,90px)}.foot{display:block}.foot>div{margin-top:22px;text-align:left}.foot nav{justify-content:flex-start}}
@media(max-width:370px){.hero h1{font-size:clamp(48px,13.3vw,55px)}.hero-visual{min-height:490px}.hero-phone{width:min(57vw,230px)}.hero-stamp{right:0}.journal-card .screen-button{height:420px}.wall-stage{min-height:490px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.journal-card .screen-button img,.wall-image{transition:none}}

/* Image-generated illustrations share the LivePocket ink, coral and lavender palette. */
.collage-section figure{padding:0;background:none;box-shadow:none;transform:none}
.collage-section figure img{width:100%;aspect-ratio:1448/1086;object-fit:contain}
.privacy-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:center;gap:24px;text-align:left}
.privacy-heading .index{justify-content:flex-start}
.privacy-heading h2{margin-top:20px}
.privacy-heading>img{width:min(100%,350px);justify-self:center;filter:drop-shadow(10px 16px 0 #d8c6ff66)}
.privacy-copy>p{margin:18px 0 0;font-size:18px}
@media(max-width:700px){.collage-section figure{margin:27px 0 0;box-shadow:none}.privacy-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0}.privacy-heading>img{width:min(78%,275px);align-self:center;margin-top:18px}.privacy-heading h2{margin-top:18px}.privacy-copy>p{font-size:15px}}

/* Genuine app captures are the main visual content; hand-drawn art stays small. */
.preview-section{background:#fff}
.preview-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px;margin-bottom:45px}
.preview-head h2{color:var(--red-dark)}
.preview-head p{max-width:400px;margin:0 0 9px;font-size:16px;line-height:1.8}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.preview-card{min-width:0;margin:0;border:1px solid var(--line);background:#fbf6ef}
.preview-card:nth-child(4n+2){background:#f1eaff}
.preview-card:nth-child(4n+3){background:#fff0ed}
.preview-card .screen-button{height:455px;display:grid;place-items:center;overflow:hidden}
.preview-card .screen-button img{width:min(73%,205px);filter:drop-shadow(10px 12px 10px #38222933);transition:transform .2s}
.preview-card .screen-button:hover img{transform:translateY(-8px)}
.preview-card figcaption{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:12px 16px;border-top:1px solid var(--line);background:#fff;font-size:14px;font-weight:800}
.preview-card figcaption>span:last-child{color:var(--red-dark);font-size:20px}
.collage-section{padding:62px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.collage-layout{grid-template-columns:minmax(0,1fr) 170px;gap:30px}
.collage-section h2{font-size:clamp(43px,4.2vw,64px)}
.collage-copy>p{max-width:580px;margin:18px 0 15px;font-size:16px}
.collage-section figure{width:170px;justify-self:end}
.privacy-heading{grid-template-columns:minmax(0,1fr) 165px;gap:30px}
.privacy-heading>img{width:155px;filter:none}
@media(max-width:1000px){.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-card .screen-button{height:420px}.preview-card .screen-button img{width:min(70%,185px)}}
@media(max-width:700px){.preview-head{display:block;margin-bottom:26px}.preview-head p{margin-top:20px;font-size:14px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.preview-card .screen-button{height:292px}.preview-card .screen-button img{width:min(80%,132px)}.preview-card figcaption{min-height:49px;padding:9px 10px;font-size:12px}.collage-section{padding:52px 0}.collage-layout{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:10px}.collage-section h2{font-size:clamp(37px,9.2vw,55px)}.collage-copy>p{margin:15px 0 13px;font-size:13px}.collage-section figure{width:92px;margin:0;justify-self:end}.collage-note{font-size:9px}.privacy-heading{display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:5px}.privacy-heading>img{width:80px;align-self:center;margin:0}.privacy h2{font-size:clamp(48px,10vw,68px)}}
@media(max-width:370px){.preview-card .screen-button{height:250px}.preview-card .screen-button img{width:min(80%,110px)}.collage-layout{grid-template-columns:minmax(0,1fr) 72px}.collage-section figure{width:72px}.privacy-heading{grid-template-columns:minmax(0,1fr) 65px}.privacy-heading>img{width:65px}}