@font-face{font-family:Instrument;src:url('./assets/fonts/instrumentserif-InstrumentSerif-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Instrument;src:url('./assets/fonts/instrumentserif-InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-display:swap}@font-face{font-family:DM;src:url('./assets/fonts/dmsans-DMSans[opsz,wght].ttf') format('truetype');font-weight:100 1000;font-display:swap}@font-face{font-family:Pinyon;src:url('./assets/fonts/pinyonscript-PinyonScript-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#f6eee3;--paper-light:#fffaf2;--ink:#43252e;--muted:#79635d;--line:#d8c6b6;--plum:#60243c;--accent:#a94c32;--peach:#edba97;--sage:#67725b;--surface:#eddfcf;--shadow:0 20px 45px #633e2820;--serif:Instrument,'Baskerville','Songti SC',serif;--body:DM,'PingFang SC',sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;opacity:.16;pointer-events:none;z-index:15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23846346' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(68px,6.7vw,106px);letter-spacing:-.043em;line-height:1.01}h2{font-size:clamp(52px,5.4vw,78px);letter-spacing:-.035em;line-height:1.06}h2 em,h1 em{font-family:Pinyon;display:inline-block;font-weight:400;font-style:normal;letter-spacing:-.035em;color:var(--plum);line-height:1.05}h3{font-size:30px;line-height:1.2}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}.eyebrow,.mini-label{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.6;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:13px}.spark{color:var(--accent);font-size:28px}.section-description{color:var(--muted);font-size:16px;line-height:1.85;max-width:450px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;min-height:54px;padding:16px 24px;font-size:12px;border-radius:5px;transition:transform .2s,background .2s}.button span:last-child:not(:first-child){font-size:23px;line-height:1}.primary{background:var(--plum);color:#fff5e9}.button:hover{transform:translateY(-3px);background:#7c354d}.skip{position:fixed;top:-100px;left:16px;z-index:40;background:var(--paper-light);padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{object-fit:contain;border-radius:12px;flex-shrink:0}.brand>span{font-family:var(--serif);font-size:25px;letter-spacing:.13em;line-height:1.4}.brand small{display:block;font:8px var(--body);letter-spacing:.17em;margin-top:7px;color:var(--muted)}.header nav{display:flex;gap:36px;font-size:12px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--plum);transform:scaleX(0);transform-origin:left;transition:transform .2s}.header nav a:hover:after{transform:scaleX(1)}.tools{display:flex;align-items:center;gap:18px}.tools button{background:none;font-size:12px;padding:6px}.tools #language span{opacity:.5}.appearance{height:35px;width:35px;border:1px solid var(--line);border-radius:50%}.appearance svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3;vertical-align:middle}.sun{display:none}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:35px;min-height:740px;padding-top:52px;padding-bottom:68px}.hero-copy{padding-bottom:20px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:28px}.hero-description{font-size:16px;line-height:1.85;margin:28px 0 31px;color:var(--muted)}.hero-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:30px;padding-left:31px;position:relative}.hero-note:before{position:absolute;content:'';top:8px;left:0;width:18px;height:1px;background:var(--accent)}.hero-scene{position:relative;min-width:0;padding:44px 14px 55px 25px}.scene-orbit{position:absolute;inset:0 -8px 10px -20px;border:1px solid var(--line);border-radius:50%;transform:rotate(-14deg)}.scene-orbit:after{content:'';position:absolute;inset:28px -8px;border:1px solid var(--line);border-radius:50%;transform:rotate(28deg);opacity:.4}.scene-spark{position:absolute;right:0;top:16px;font-size:62px;color:var(--accent);line-height:1;z-index:2}.folded-sheet{position:absolute;inset:59px 8px 42px 42px;background:#d39376;border-radius:12px 12px 70px 12px;transform:rotate(7deg);box-shadow:var(--shadow)}.folded-sheet:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,#e8bba044,transparent 50%),linear-gradient(28deg,transparent 49.8%,#f2c7a5 50%,#ae654e 50.3%,transparent 50.6%)}.conversation-preview{position:relative;background:var(--paper-light);box-shadow:0 24px 70px #5d30242b;border:1px solid #c4a88e80;border-radius:13px;transform:rotate(-2deg);overflow:hidden;z-index:1}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.13em;color:var(--muted)}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#bba591;opacity:.55}.preview-person{display:flex;align-items:center;gap:12px;padding:23px 26px 17px}.preview-person b{font-size:14px;font-weight:500}.preview-person small{display:block;font-size:10px;color:var(--muted)}.avatar{height:46px;width:46px;display:grid;place-items:center;background:var(--plum);color:#f7c59e;font:italic 38px var(--serif);border-radius:50% 50% 12px 50%;position:relative}.avatar span{font-size:13px;position:absolute;right:0;top:1px}.status-dot{width:6px;height:6px;background:var(--sage);border-radius:50%;margin-left:auto}.story-tabs{display:flex;gap:14px;margin:0 26px;border-bottom:1px solid var(--line)}.story-tabs button{padding:10px 0;background:none;color:var(--muted);font-size:10px;position:relative}.story-tabs [aria-selected=true]{color:var(--plum)}.story-tabs [aria-selected=true]:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:var(--plum)}#story-panel{padding:21px 26px 24px;min-height:234px}.message{font-size:13px;line-height:1.8;padding:13px 17px;width:fit-content;max-width:93%}.message.user{margin:0 0 16px auto;background:var(--surface);border-radius:14px 14px 3px 14px}.message.assistant{background:#e5e7db;border-radius:3px 14px 14px 14px;color:#455141}.save-memory{background:none;font-size:10px;color:var(--muted);padding:10px 0 0 2px;display:flex;align-items:center;gap:6px}.save-memory>span:first-child{font-size:21px;color:var(--accent);line-height:1}.save-memory[aria-pressed=true]{color:var(--plum)}.preview-composer{display:flex;gap:14px;align-items:center;margin:0 22px 20px;padding:11px 13px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted)}.preview-composer .send{margin-left:auto;background:var(--plum);color:#fff5e9;width:24px;height:24px;text-align:center;border-radius:50%;line-height:23px}.keepsake{position:relative;margin:-9px -10px 0 76px;transform:rotate(3deg);z-index:2;background:var(--paper-light);box-shadow:0 9px 20px #58301b18;padding:18px 30px 18px 19px;display:flex;gap:13px;border:1px solid var(--line);border-radius:3px;transition:transform .35s}.keepsake:before{content:'';position:absolute;top:-8px;left:40%;height:17px;width:62px;background:#d8a78988;transform:rotate(-4deg)}.keepsake small{font-size:8px;letter-spacing:.14em;color:var(--muted)}.keepsake p{font-family:var(--serif);font-size:23px;line-height:1.2;margin-top:4px}.keepsake-fold{position:absolute;right:-1px;bottom:-1px;border-left:18px solid transparent;border-top:18px solid var(--surface)}.keepsake.saved{transform:rotate(0deg) translateY(-7px)}.demo-caption{position:absolute;left:28px;right:5px;bottom:2px;text-align:center;font-size:9px;color:var(--muted)}.margin-note{border-block:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:23px}.handwritten{font-family:Pinyon;font-size:32px;color:var(--plum)}.margin-star{margin-left:auto;font-size:26px;color:var(--accent)}
.chapter-line{display:flex;justify-content:space-between;gap:22px;padding-bottom:30px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.14em;color:var(--muted)}.chapter-line span:last-child{letter-spacing:0;text-transform:none;font-family:var(--serif);font-size:17px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-top:75px}.identity-art{position:relative;min-height:470px;display:grid;place-items:center}.art-rule{position:absolute;inset:20px 30px 30px;border:1px solid var(--line);border-radius:50% 50% 0 0}.identity-paper{position:relative;transform:rotate(-7deg);width:290px;background:var(--paper-light);padding:19px 25px 24px;box-shadow:var(--shadow);border:1px solid var(--line);text-align:center}.identity-paper:before{position:absolute;content:'';background:#cba78b70;width:74px;height:24px;top:-12px;left:110px;transform:rotate(3deg)}.paper-serial{font-size:9px;letter-spacing:.18em;display:block;text-align:left;color:var(--muted)}.identity-paper img{display:block;width:240px;height:240px;max-width:100%;object-fit:contain;mix-blend-mode:multiply;margin:8px auto}.paper-signature{font:35px Pinyon;color:var(--plum)}.identity-tag{position:absolute;right:-15px;bottom:85px;background:var(--plum);color:#f4ddbf;padding:25px 26px;transform:rotate(5deg);font-family:var(--serif);font-size:22px;line-height:1.3;box-shadow:var(--shadow)}.identity-tag>span:first-child{display:block;color:var(--peach);font-size:22px;margin-bottom:10px}.art-footnote{position:absolute;bottom:2px;left:0;font-size:9px;letter-spacing:.05em;color:var(--muted)}.company-copy h2{margin-bottom:26px}.company-copy .mini-label{margin-top:30px;font-size:8px;color:var(--muted)}.tone-tabs{display:flex;gap:8px;margin-top:14px}.tone-tabs button{padding:7px 17px;font-size:11px;border:1px solid var(--line);border-radius:30px;background:none}.tone-tabs [aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:#fff5e9}.tone-example{margin-top:24px;padding-left:22px;border-left:2px solid var(--accent);min-height:130px}.tone-example small{font-size:11px;color:var(--muted)}.tone-example p{font:25px/1.45 var(--serif);margin:9px 0}.tone-example>span{font-size:9px;color:var(--muted)}
.voice{background:#472333;color:#f3e7da;padding:88px 0 82px;position:relative;overflow:hidden}.voice:before{content:'';position:absolute;width:800px;height:800px;border:1px solid #a4807040;border-radius:50%;left:-400px;top:-450px;box-shadow:0 0 0 60px #a4807009,0 0 0 120px #a4807007}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;position:relative}.voice .eyebrow{color:#d4b6a7;letter-spacing:.13em;font-size:9px;margin-bottom:28px}.voice h2{font-size:clamp(52px,4.9vw,73px)}.voice h2 em{color:#f2b791}.voice .section-description{color:#d7c2be;max-width:390px;margin-top:28px;font-size:14px}.voice-note{border-left:1px solid #b67c67;font-family:var(--serif);font-size:24px;line-height:1.35;padding-left:18px;margin-top:28px;color:#e4b499}.voice-art{min-height:390px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.voice-orbit{position:absolute;inset:0 0 45px;border:1px solid #a9837340;border-radius:50%;transform:rotate(-20deg)}.voice-orbit:before{content:'';position:absolute;inset:20px -20px;border-radius:50%;border:1px solid #a9837320;transform:rotate(30deg)}.voice-disc{height:146px;width:146px;background:radial-gradient(circle at 30% 20%,#a16a68,#65364c 60%,#4b2637);border:1px solid #bb8b7b;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:inset 2px 4px 10px #eab69a33,0 12px 45px #1e091e30}.voice-disc>span{font:italic 100px var(--serif);color:#eed6bc;line-height:1;margin-top:-14px;position:relative}.disc-spark{font-size:25px;position:absolute;right:-15px;top:3px;color:#e6a77e}.disc-rings{position:absolute;inset:-12px;border:1px solid #bc968d50;border-radius:50%;box-shadow:0 0 0 10px #a3766b10}.waveform{display:flex;gap:5px;height:70px;align-items:center;margin-top:20px}.waveform i{display:block;width:3px;height:18px;border-radius:8px;background:#d6a486;transform-origin:center}.waveform i:nth-child(3n){height:39px}.waveform i:nth-child(4n){height:27px}.waveform i:nth-child(7n){height:54px}.waveform i:nth-child(2n){opacity:.5}.voice-art blockquote{margin:10px 0 24px;font:30px/1.2 var(--serif);position:relative}.voice-caption{font-size:9px;color:#c5aaa2;max-width:300px;line-height:1.6;position:relative}
.memory-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;padding:52px 0 45px}.memory-heading .section-description{font-size:14px;max-width:370px}.map-instruction{font-size:10px;color:var(--accent);margin-top:20px;display:flex;gap:12px;align-items:center}.map-instruction>span:first-child{font-size:22px}.memory-world{position:relative;border-radius:180px 180px 10px 10px;background:#e4d7c4;box-shadow:inset 0 0 0 1px #b89f8350;padding:66px 48px 36px;overflow:hidden;background-image:radial-gradient(ellipse at 50% 5%,#fff5e5bb,transparent 58%),radial-gradient(#a583552c .8px,transparent .9px);background-size:auto,22px 22px}.memory-world:before{content:'';position:absolute;inset:15px;border:1px solid #c1a68680;border-radius:165px 165px 5px 5px;pointer-events:none}.map-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;padding:0 12px;color:#70553f}.map-header>span:last-child{font-family:var(--serif);font-size:25px;line-height:1}.map-header>span:last-child span{font-size:15px;color:var(--accent);margin-left:6px}.constellation-lines{position:absolute;top:75px;left:0;width:100%;height:350px;stroke:#967151;fill:none;stroke-width:1;opacity:.5}.constellation-lines .dotted{stroke-dasharray:3 7;opacity:.55}.constellation-lines circle{fill:#9e734e;stroke:none}.map-stars{position:relative;height:320px}.map-star{position:absolute;display:flex;align-items:center;flex-direction:column;background:transparent;padding:12px;text-align:center;transform:translate(-50%,-50%);width:205px}.map-star>span{font-size:50px;line-height:1.15;color:#986740;filter:drop-shadow(0 4px 8px #7750291a);transition:transform .3s}.map-star.active>span{color:var(--plum);transform:scale(1.25);text-shadow:0 0 30px #f5c38c}.map-star b{font:20px var(--serif);font-weight:400;margin-top:20px;color:#624a3c}.map-star small{font:8px var(--body);letter-spacing:.1em;color:#8d6e54;margin-top:8px}.star-one{left:17%;top:40%}.star-two{left:50%;top:57%}.star-three{left:82%;top:25%}.map-star:hover>span{transform:scale(1.2)}.map-bottom{display:flex;justify-content:space-between;padding:0 12px 22px;color:#7d624d;font-size:8px;letter-spacing:.1em}.memory-letter{position:relative;display:grid;grid-template-columns:90px 1fr;gap:25px;background:var(--paper-light);padding:30px 70px 32px 27px;box-shadow:0 10px 25px #7d543317;transform:rotate(-1deg);border:1px solid #b89b793f;min-height:183px}.letter-index{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);font-size:9px;color:var(--muted)}.letter-index .spark{font-size:35px}.memory-letter small{font-size:8px;letter-spacing:.13em;color:var(--muted)}.memory-letter h3{margin-top:7px;font-size:32px}.memory-letter p{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.6}.letter-fold{position:absolute;bottom:0;right:0;border-left:40px solid transparent;border-top:40px solid var(--surface)}
.your-space{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding-top:80px}.space-heading .eyebrow{color:var(--muted);margin-bottom:28px}.space-heading .section-description{font-size:14px;max-width:350px;margin-top:25px}.space-list article{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:28px 0}.space-list article:first-child{padding-top:0}.space-list article>span:first-child{font:13px var(--serif);color:var(--accent);padding-top:5px}.space-list article>span:last-child{margin-left:auto;color:var(--accent);font-size:23px;padding-left:12px}.space-list h3{font-size:27px;margin-bottom:12px}.space-list p{font-size:12px;line-height:1.9;color:var(--muted)}.faq{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.faq .eyebrow{font-size:9px;margin-bottom:25px;color:var(--muted)}.faq h2{font-size:60px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px}summary::-webkit-details-marker{display:none}.plus{font-size:20px;color:var(--accent);line-height:1}details[open] .plus{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 30px 22px 0}.closing{position:relative;text-align:center;overflow:hidden;background:#edcfb6;padding:65px 0 70px}.closing:before,.closing:after{position:absolute;content:'';width:45vw;height:45vw;min-width:380px;min-height:380px;border:1px solid #a16e5345;transform:rotate(45deg);border-radius:50px;top:13%;pointer-events:none}.closing:before{left:-31%}.closing:after{right:-31%}.closing-inner{position:relative}.closing img{width:82px;height:82px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:25px}.closing .eyebrow{justify-content:center;font-size:9px;color:#825b48}.closing h2{font-size:90px;margin:20px 0 30px;line-height:1.02}.closing-note{font-size:10px;color:#825b48;margin-top:18px}.footer{padding-block:40px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.footer .brand>span{font-size:21px}.footer>p{font-family:var(--serif);font-size:19px;color:var(--muted)}.footer>div{display:flex;gap:24px;align-items:center;font-size:10px}.footer button{background:none;padding:0;font-size:10px}.footer>small{grid-column:1/-1;font-size:8px;color:var(--muted);border-top:1px solid var(--line);padding-top:23px;letter-spacing:.1em}dialog{padding:50px;border:1px solid var(--line);border-radius:12px;background:var(--paper-light);color:var(--ink);width:min(560px,calc(100% - 36px));box-shadow:0 30px 100px #22161d50}dialog::backdrop{background:#21101c88;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:20px;top:12px;background:none;font-size:32px}.dialog-close:hover{color:var(--accent)}dialog .eyebrow{margin:15px 0 20px;font-size:9px}dialog h2{font-size:55px}dialog>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin:25px 0}dialog .button{font-size:12px}
:root[data-theme=dark]{--paper:#241f24;--paper-light:#332c31;--ink:#f3e6d9;--muted:#b8aaa5;--line:#55464a;--plum:#ecc4a1;--accent:#ecaa83;--peach:#d9aa84;--sage:#a9b399;--surface:#43373b;--shadow:0 20px 45px #0c030838;color-scheme:dark}[data-theme=dark] .primary,[data-theme=dark] .tone-tabs [aria-pressed=true]{background:#e4b997;color:#36232b}[data-theme=dark] .button:hover{background:#f2cbaa}[data-theme=dark] .moon{display:none}[data-theme=dark] .sun{display:inline}[data-theme=dark] .brand img{border-radius:10px}[data-theme=dark] .folded-sheet{background:#775b68}[data-theme=dark] .folded-sheet:before{background:linear-gradient(140deg,#a38e9b88,transparent 50%),linear-gradient(28deg,transparent 49.8%,#aa8d9d 50%,#523a52 50.3%,transparent 50.6%)}[data-theme=dark] .message.assistant{background:#414639;color:#dedfc9}[data-theme=dark] .avatar{color:#4d2e3b}[data-theme=dark] .preview-composer .send{color:#4d2e3b}[data-theme=dark] .identity-paper img,[data-theme=dark] .closing img{mix-blend-mode:normal;border-radius:18px}[data-theme=dark] .identity-tag{background:#6d4557;color:#f0dfd0}[data-theme=dark] .voice{background:#1b1820}[data-theme=dark] .memory-world{background-color:#34342e;background-image:radial-gradient(ellipse at 50% 5%,#6b5c4833,transparent 58%),radial-gradient(#d9b88a1c .8px,transparent .9px)}[data-theme=dark] .memory-world:before{border-color:#a58a5b44}[data-theme=dark] .map-header,[data-theme=dark] .map-bottom,[data-theme=dark] .map-star b,[data-theme=dark] .map-star small{color:#d2bb9e}[data-theme=dark] .map-star>span{color:#c1a47b}[data-theme=dark] .map-star.active>span{color:#f2c39d}[data-theme=dark] .constellation-lines{stroke:#ceb491;opacity:.45}[data-theme=dark] .closing{background:#45313b}[data-theme=dark] .closing .eyebrow,[data-theme=dark] .closing-note{color:#d1b19d}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{font-family:'Songti SC','STSong',serif}html[lang=zh-CN] h1{font-size:clamp(55px,5.5vw,83px);line-height:1.23;letter-spacing:-.035em}html[lang=zh-CN] h1 em,html[lang=zh-CN] h2 em{font-family:inherit;font-style:normal}html[lang=zh-CN] h2{font-size:clamp(44px,4.6vw,64px);line-height:1.25}html[lang=zh-CN] .handwritten{font-family:var(--serif);font-style:italic;font-size:23px}html[lang=zh-CN] .paper-signature{font-family:var(--serif);font-size:22px}html[lang=zh-CN] .tone-example p{font-size:22px}html[lang=zh-CN] .closing h2{font-size:70px}
@media(min-width:1500px){.hero{min-height:810px;gap:65px}.hero-scene{padding-left:15px;padding-right:25px}.message{font-size:14px}#story-panel{min-height:250px;padding-block:27px}.preview-person{padding-block:26px}.keepsake{margin-left:95px}.hero-copy{padding-bottom:18px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header nav{gap:22px}.hero{gap:20px;min-height:690px}h1{font-size:73px}.hero-scene{padding-left:10px;padding-right:4px}.hero-copy .eyebrow{font-size:8px;gap:7px}.hero-description{font-size:14px}.preview-person{padding:18px 20px 12px}.story-tabs{margin-inline:20px;gap:11px}.story-tabs button{font-size:9px}#story-panel{padding:18px 19px;min-height:243px}.message{font-size:12px}.preview-top{padding-inline:16px;font-size:7px}.keepsake{margin-left:35px;margin-right:-5px}.keepsake p{font-size:21px}.keepsake small{font-size:7px}.company-grid,.voice-grid,.your-space,.faq{gap:55px}.identity-tag{right:-22px;padding:20px;font-size:20px}.company-grid{padding-top:50px}.identity-paper{width:250px}.identity-paper img{width:210px;height:210px}.company-copy h2{font-size:60px}.section-description{font-size:14px}.memory-heading{gap:40px}.section{padding-block:75px}.closing h2{font-size:80px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:88px}.header nav{gap:18px}.header nav a{font-size:10px}.brand>span{font-size:21px}.brand small{font-size:6px}.brand img{width:41px;height:41px}.tools{gap:9px}.hero{grid-template-columns:1fr;gap:5px;padding-top:50px;padding-bottom:45px}.hero-copy{text-align:center;max-width:620px;margin:auto}.hero-copy .eyebrow{justify-content:center;font-size:9px;margin-bottom:23px}h1{font-size:90px}.hero-description{margin-block:22px 25px;font-size:15px}.hero-note{padding:0;margin-top:20px}.hero-note:before{display:none}.hero-note br{display:none}.hero-scene{width:min(540px,100%);margin:auto;padding:34px 20px 47px 15px}.conversation-preview{transform:rotate(-1.5deg)}.message{font-size:13px}.preview-top{font-size:8px}.story-tabs button{font-size:10px}.preview-person{padding:20px 24px 14px}.story-tabs{margin-inline:24px}#story-panel{padding:20px 24px;min-height:222px}.keepsake{margin-left:70px;margin-right:-9px}.keepsake p{font-size:23px}.scene-spark{font-size:46px;top:9px}.margin-note{font-size:20px;gap:8px;flex-wrap:wrap;padding-block:20px}.handwritten{font-size:27px}.margin-star{font-size:22px}.company-grid{gap:40px}.company-copy h2{font-size:52px}.identity-paper{width:215px;padding:15px}.identity-paper img{width:185px;height:185px}.paper-signature{font-size:28px}.identity-tag{right:-5px;bottom:55px;font-size:18px;padding:19px}.identity-art{min-height:410px}.company-copy .section-description{font-size:12px}.tone-tabs button{padding:6px 12px;font-size:10px}.tone-example{padding-left:16px}.tone-example p{font-size:23px}.tone-example small{font-size:10px}.voice-grid{gap:25px}.voice h2{font-size:53px}.voice .section-description{font-size:13px}.voice-art{min-height:400px}.voice-art blockquote{font-size:27px}.voice-disc{width:120px;height:120px}.voice-disc>span{font-size:88px}.voice-orbit{inset:25px 0 65px}.voice-caption{font-size:8px;max-width:240px}.memory-heading{gap:25px;align-items:center}.memory-heading h2{font-size:56px}.memory-heading .section-description{font-size:12px}.memory-world{padding:55px 30px 30px;border-radius:140px 140px 10px 10px}.memory-world:before{border-radius:125px 125px 5px 5px}.map-header{font-size:7px}.map-star{width:170px}.map-star b{font-size:19px}.constellation-lines{top:80px;height:300px}.map-stars{height:285px}.memory-letter{grid-template-columns:65px 1fr;padding:25px 45px 25px 22px;gap:18px}.memory-letter h3{font-size:30px}.memory-letter p{font-size:12px}.your-space,.faq{gap:45px}.space-list article{gap:14px}.space-list article>span:last-child{display:none}.space-list h3{font-size:24px}.space-list p{font-size:11px}.space-heading h2{font-size:58px}.space-heading .section-description{font-size:12px}.faq h2{font-size:55px}.footer{grid-template-columns:auto 1fr;gap:20px}.footer>p{text-align:right;font-size:18px}.footer>div{grid-column:1/-1;justify-content:center}.footer>small{text-align:center}.chapter-line span:last-child{font-size:14px}.chapter-line{font-size:8px}html[lang=zh-CN] h1{font-size:73px}html[lang=zh-CN] .company-copy h2{font-size:42px}html[lang=zh-CN] .voice h2{font-size:44px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:10px}.brand{gap:9px}.brand>span{font-size:19px;letter-spacing:.1em}.brand small{font-size:5.8px;letter-spacing:.1em}.brand img{width:38px;height:38px}.tools{gap:6px}.tools button{font-size:10px}.appearance{height:30px;width:30px}.appearance svg{height:15px;width:15px}.header nav{display:none;position:absolute;left:0;right:0;top:79px;padding:22px;background:var(--paper-light);border-block:1px solid var(--line);z-index:20;justify-content:center;gap:27px}.header nav.open{display:flex}.header nav a{font-size:12px}.tools .menu-toggle{display:flex;flex-direction:column;gap:5px;width:27px;height:30px;justify-content:center;align-items:center;padding:3px}.menu-toggle span{display:block;height:1px;width:17px;background:var(--ink)}.hero{padding-top:33px;padding-bottom:31px;gap:12px}.hero-copy .eyebrow{font-size:7px;gap:8px;margin-bottom:19px}.hero-copy .spark{font-size:21px}h1{font-size:67px;letter-spacing:-.04em}.hero-description{font-size:12px;line-height:1.85;margin:18px 0 23px}.button{min-height:49px;padding:13px 20px;font-size:11px}.hero-note{font-size:9px;margin-top:16px;max-width:300px;margin-inline:auto}.hero-scene{padding:26px 6px 44px 3px}.scene-orbit{inset:0 0 25px}.scene-spark{font-size:34px;top:5px;right:2px}.folded-sheet{inset:44px 6px 39px 12px;transform:rotate(5deg)}.preview-top{padding:11px 15px;font-size:6px}.preview-person{padding:17px 19px 10px;gap:10px}.preview-person b{font-size:13px}.preview-person small{font-size:8px}.avatar{width:37px;height:37px;font-size:31px}.story-tabs{margin-inline:18px;gap:16px}.story-tabs button{font-size:8px;padding:8px 0}#story-panel{padding:16px 18px 17px;min-height:219px}.message{font-size:11px;padding:10px 13px;max-width:96%;line-height:1.75}.message.user{margin-bottom:13px}.save-memory{font-size:8px;padding-top:8px}.save-memory>span:first-child{font-size:19px}.preview-composer{margin:0 15px 16px;padding:8px 11px;font-size:9px;gap:9px}.preview-composer .send{height:21px;width:21px;line-height:20px}.keepsake{margin-left:33px;margin-right:0;padding:15px 20px 15px 14px;gap:10px}.keepsake .spark{font-size:23px}.keepsake small{font-size:6px}.keepsake p{font-size:21px}.demo-caption{font-size:7px;left:0;bottom:4px;right:0;padding-inline:5px}.margin-note{font-size:17px;gap:0 5px;padding-block:20px}.handwritten{font-size:24px}.margin-star{font-size:18px}.section{padding-block:55px}.chapter-line{font-size:7px;padding-bottom:20px;gap:12px}.chapter-line span:last-child{display:none}.company-grid{grid-template-columns:1fr;padding-top:24px;gap:25px}.identity-art{min-height:355px;width:min(350px,100%);margin:auto;order:1}.company-copy{order:0}.company-copy h2{font-size:57px;margin-bottom:19px}.company-copy .section-description{font-size:13px;max-width:none}.company-copy .mini-label{margin-top:24px;font-size:7px}.tone-example p{font-size:24px}.tone-example{min-height:114px}.identity-paper{width:235px;padding:19px}.identity-paper img{height:195px;width:195px}.identity-tag{right:-1px;bottom:48px;font-size:18px}.art-rule{inset:10px 10px 20px}.art-footnote{font-size:8px;bottom:-5px}.voice{padding:55px 0 45px}.voice-grid{grid-template-columns:1fr;gap:20px}.voice .eyebrow{font-size:8px;margin-bottom:23px}.voice h2{font-size:55px}.voice .section-description{font-size:13px;margin-top:22px;max-width:none}.voice-note{font-size:22px;margin-top:24px}.voice-art{min-height:340px;margin-top:12px}.voice-orbit{inset:0 10px 47px}.voice-disc{width:116px;height:116px}.voice-art blockquote{font-size:28px;margin-top:6px}.voice-caption{font-size:8px;max-width:250px}.waveform{height:60px}.memory-heading{grid-template-columns:1fr;padding-block:32px 28px;gap:22px}.memory-heading h2{font-size:58px}.memory-heading .section-description{font-size:13px;max-width:none}.map-instruction{font-size:9px;margin-top:15px}.memory-world{padding:48px 17px 24px;border-radius:95px 95px 6px 6px;overflow:visible}.memory-world:before{inset:10px;border-radius:85px 85px 3px 3px}.map-header{font-size:6px;padding-inline:10px}.map-header>span:last-child{font-size:21px}.map-header>span:last-child span{font-size:12px}.constellation-lines{height:300px;top:78px;width:90%;left:5%}.map-stars{height:305px}.map-star{width:130px;padding:7px}.map-star>span{font-size:40px}.map-star b{font-size:16px;margin-top:12px}.map-star small{font-size:7px}.star-one{left:21%;top:25%}.star-two{left:51%;top:69%}.star-three{left:80%;top:34%}.map-bottom{font-size:5px;padding-inline:8px;letter-spacing:.07em;align-items:center}.map-bottom>span:last-child{font-size:14px}.memory-letter{grid-template-columns:38px 1fr;padding:22px 23px 25px 14px;gap:14px;min-height:190px}.letter-index{font-size:7px}.letter-index .spark{font-size:26px}.memory-letter h3{font-size:28px}.memory-letter small{font-size:6px}.memory-letter p{font-size:11px}.letter-fold{border-left-width:24px;border-top-width:24px}.your-space,.faq{grid-template-columns:1fr;gap:30px}.space-heading h2{font-size:59px}.space-heading .eyebrow{font-size:8px;margin-bottom:22px}.space-heading .section-description{font-size:13px;max-width:none}.space-list article{padding:23px 0;gap:17px}.space-list article:first-child{padding-top:0}.space-list h3{font-size:27px;margin-bottom:9px}.space-list p{font-size:12px}.space-list article>span:last-child{display:block;font-size:23px;padding-left:0}.faq{padding-top:4px}.faq .eyebrow{margin-bottom:18px;font-size:8px}.faq h2{font-size:55px}summary{font-size:12px;padding-block:20px}.closing{padding:48px 0 52px}.closing img{width:70px;height:70px;margin-bottom:20px}.closing .eyebrow{font-size:7px}.closing h2{font-size:67px;margin:23px 0 27px}.closing:before{left:-90%;top:17%}.closing:after{right:-90%;top:17%}.closing-note{font-size:9px}.footer{padding-block:29px;gap:22px}.footer .brand>span{font-size:17px}.footer .brand img{height:31px;width:31px}.footer>p{font-size:16px;max-width:125px;justify-self:end;line-height:1.2}.footer>div{gap:24px;font-size:9px}.footer button{font-size:9px}.footer>small{font-size:7px}dialog{padding:35px 27px}dialog h2{font-size:48px}dialog>p:not(.eyebrow){font-size:12px}html[lang=zh-CN] h1{font-size:54px}html[lang=zh-CN] .hero-description{font-size:12px}html[lang=zh-CN] .margin-note{font-size:14px}html[lang=zh-CN] .handwritten{font-size:17px}html[lang=zh-CN] .company-copy h2,html[lang=zh-CN] .voice h2,html[lang=zh-CN] .memory-heading h2,html[lang=zh-CN] .space-heading h2,html[lang=zh-CN] .faq h2{font-size:46px}html[lang=zh-CN] .closing h2{font-size:50px}html[lang=zh-CN] .tone-example p{font-size:21px}html[lang=zh-CN] .map-star b{font-size:14px}html[lang=zh-CN] .memory-letter h3{font-size:25px}html[lang=zh-CN] .space-list h3{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s ease-out both}.hero-scene{animation:arrive .9s .1s ease-out both}.waveform i{animation:breathe 2.8s ease-in-out infinite}.waveform i:nth-child(3n){animation-delay:-1.2s}.waveform i:nth-child(2n){animation-delay:-.6s}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{transform:scaleY(.6);opacity:.45}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Contain the rotated stationery without creating a horizontal page. */
html{overflow-x:clip}.hero-scene,.company-copy,.memory-heading>div,.voice-grid>div,.space-heading,.faq>div{min-width:0}
@media(max-width:600px){h1{font-size:clamp(55px,17.18vw,67px)}html[lang=zh-CN] h1{font-size:clamp(44px,13.8vw,54px)}.hero-note br:after{content:' '}}