:root{--ink:#493331;--muted:#8c7872;--rose:#ae6866;--paper:#fffaf6;--line:#eaded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b76b63;outline-offset:6px}.wrap{max-width:1200px;width:calc(100% - 100px);margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;max-width:1360px;margin:auto;padding:0 50px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:18px;letter-spacing:.5px}.brand img{width:46px;height:46px;border-radius:13px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:5px;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px}nav a:hover,.text-link:hover{color:var(--rose)}.nav-cta{border:1px solid #cbb5a9;border-radius:30px;padding:12px 20px;font-size:13px}.nav-cta span{margin-left:16px}.hero{min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:#9c7167;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:#ac7169;border-radius:50%}h1{font-size:66px;line-height:1.35;letter-spacing:-2px;margin:28px 0 22px;font-weight:650}.underline{position:relative}.underline:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:10px;border-top:3px solid #d99a90;border-radius:50%;transform:rotate(-3deg)}.hero-copy>p{font-size:16px;line-height:2;color:var(--muted)}.actions{display:flex;gap:26px;align-items:center;margin-top:34px}.button{border:0;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 27px;font-size:14px}.primary{background:var(--ink);color:#fff8f2;box-shadow:0 6px 15px #49333112;transition:transform .2s,background .2s}.primary:hover{background:#6b4845;transform:translateY(-2px)}.text-link{font-size:12px}.text-link span{margin-left:12px}.hero-note{font-size:10px;color:#9c8880;margin-top:42px;letter-spacing:1px}.tiny-heart{font-size:20px;vertical-align:middle;margin-right:9px}.hero-art{height:680px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#f0d8ce80 0,transparent 66%)}.orbit{position:absolute;border:1px solid #e8d9cd;border-radius:50%;width:500px;height:500px;transform:rotate(-25deg)}.orbit-two{width:620px;height:370px;transform:rotate(-46deg)}.phone{width:280px;height:566px;background:#fefdfb;border:7px solid #5a4340;border-radius:43px;box-shadow:14px 24px 45px #51322d23,inset 0 0 0 2px #c6b3a9;transform:rotate(7deg);position:relative;overflow:hidden}.phone:before{content:"";position:absolute;top:8px;left:98px;width:68px;height:16px;border-radius:20px;background:#4a3633;z-index:2}.phone-top{display:flex;justify-content:space-between;font-size:9px;padding:17px 22px 12px}.phone-app{padding:8px 16px;background:linear-gradient(#fff7f3,#fffdfa);height:490px}.app-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.app-title img{width:25px;border-radius:8px}.app-title>span{margin-left:auto;font-size:19px}.app-greeting{font-size:18px;line-height:1.7;margin:17px 0 15px}.app-greeting strong{font-weight:600}.date-card{position:relative;background:#edd5cd;border-radius:16px;padding:19px 16px;overflow:hidden}.date-card>span{font-size:10px}.date-card b{font-size:48px;font-weight:500;letter-spacing:-3px;margin-right:6px}.date-card>div{font-size:10px}.date-card small{font-size:9px;color:#8d6560}.date-card .date-flower{position:absolute;right:-10px;bottom:-34px;font-size:140px;opacity:.13}.app-subtitle{display:flex;justify-content:space-between;font-size:10px;margin:21px 0 12px}.call-person{display:flex;align-items:center;gap:10px;background:white;padding:10px;border-radius:13px}.avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#e7c8b5;color:#876558;font-family:serif}.call-person b{font-size:10px}.call-person small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.call-icon{margin-left:auto;width:29px;height:29px;display:grid;place-items:center;background:#7a8d75;color:white;border-radius:50%;font-size:24px}.diary-mini{margin-top:12px;background:#f0e9da;border-radius:12px;padding:12px;position:relative;overflow:hidden;height:103px}.diary-mini>span{font-size:8px}.diary-mini p{font-family:serif;font-size:12px;line-height:1.8}.mini-landscape{position:absolute;right:0;bottom:0;width:86px;height:72px;background:#e1c2a5;border-radius:45px 45px 0 0;overflow:hidden}.mini-landscape span{color:#fff6dc;font-size:22px;position:absolute;right:14px;top:3px}.mini-landscape i,.mini-landscape em{width:90px;height:70px;background:#94a58b;position:absolute;bottom:-35px;left:-20px;border-radius:50%;transform:rotate(-30deg)}.mini-landscape em{left:30px;background:#74866a}.app-nav{display:flex;justify-content:space-between;font-size:18px;color:#aa9b95;margin-top:13px;text-align:center}.app-nav small{display:block;font-size:7px;margin-top:4px}.app-nav .active{color:#a75c59}.home-line{width:85px;height:4px;background:#493331;position:absolute;bottom:7px;left:90px;border-radius:6px}.floating{position:absolute;z-index:3;background:#fffdf9eF;padding:13px 17px;display:flex;gap:11px;align-items:center;border:1px solid #f2e3d9;border-radius:15px;box-shadow:0 12px 35px #65413210;font-size:11px;backdrop-filter:blur(8px)}.floating small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:24px}.pink{background:#f5dfd9;color:#bd7770}.cream{background:#f3e7cd;color:#a28357}.float-top{top:108px;right:-10px;transform:rotate(5deg)}.float-bottom{bottom:110px;left:-12px;transform:rotate(-6deg)}.spark{position:absolute;font-size:32px;color:#bc8976}.s1{top:60px;left:72px}.s2{bottom:75px;right:36px}.art-caption{position:absolute;bottom:15px;font-size:8px;letter-spacing:3px;color:#a78f82}.intro-strip{display:flex;justify-content:center;gap:70px;align-items:center;border-block:1px solid var(--line);padding:27px 20px;font-size:12px;letter-spacing:2px;color:#8f7468}.intro-strip i{font-size:13px;color:#c59780}.section{padding-top:110px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}h2{font-size:40px;line-height:1.5;letter-spacing:-1px;margin:17px 0 0;font-weight:600}.section-head>p,.about p{font-size:13px;line-height:2;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{padding:36px 38px 24px;border-radius:24px;min-height:520px;position:relative;overflow:hidden}.call{background:#f1e6dd}.anniversary{background:#f6e5e1}.diary{background:#edeedb}.friends{background:#e9e6ed}.feature-number{font-size:10px;letter-spacing:2px;color:#92776b}.feature-card h3{font-size:29px;line-height:1.5;font-weight:550;margin:17px 0 12px}.feature-card>p{font-size:12px;line-height:2;color:#8b766d}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #70594b20;padding-top:16px;font-size:10px;color:#8c7568;position:absolute;bottom:23px;left:38px;right:38px}.dial-visual{text-align:center;margin:20px auto 53px;width:210px;color:#6d5045}.dial-visual>div:first-child{font-size:10px;color:#967e70}.dial-numbers{font-size:20px;line-height:1.8;letter-spacing:4px;margin-top:8px}.dial-visual>span{display:block;border-radius:40px;background:#a88570;color:white;width:80px;margin:8px auto 0;font-size:25px;height:32px}.calendar-visual{background:#fff9f5aa;padding:17px 22px;margin:25px 4px 60px;box-shadow:4px 7px 20px #9d5d5210;border-radius:14px;transform:rotate(-3deg)}.calendar-visual>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eadbd4;padding:12px 0;font-size:11px}.calendar-visual>div:last-child{border:0}.calendar-visual strong{font-size:32px;color:#b66e68;font-weight:500}.calendar-visual small{font-size:9px;font-weight:400}.calendar-visual b{font-size:18px;font-weight:500}.journal-visual{background:#fffdf2;padding:22px;margin:24px 3px 65px;transform:rotate(3deg);box-shadow:6px 9px 0 #dadbc5;min-height:200px}.journal-visual>span{font-family:serif;font-size:21px}.journal-visual small{float:right;font-size:10px;font-family:sans-serif;margin-top:5px;color:#8c9068}.journal-visual h4{font-family:serif;font-size:15px;font-weight:400}.journal-visual p{font-size:11px;line-height:1.9;color:#8f8872}.journal-stickers{position:absolute;right:20px;bottom:15px;font-size:34px;color:#c5a85d;transform:rotate(-8deg)}.journal-stickers span{color:#c18f7c}.friend-visual{background:#fffafc9c;margin:25px 5px 60px;padding:20px;border-radius:17px;text-align:center}.friend-visual>.avatar{width:44px;height:44px;margin:auto}.friend-visual h4{font-size:12px;margin:9px 0}.friend-visual>span{font-size:9px;color:var(--muted)}.friend-tools{display:flex;justify-content:space-around;margin-top:20px;color:#94778e}.friend-tools>span{font-size:23px}.friend-tools small{display:block;font-size:8px;color:#95858c;margin-top:6px}.demo-note{font-size:10px;color:#a3958b;margin-top:20px}.moments{background:#f3ede4;padding-block:90px}.moments-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.moment-art{height:390px;position:relative}.paper{position:absolute;width:340px;height:260px;background:#fbf7e9;top:65px;left:45px;box-shadow:0 12px 20px #6c514510}.back-paper{transform:rotate(-12deg);background:#e2c2b3}.front-paper{transform:rotate(4deg);padding:35px;background:repeating-linear-gradient(#fffaf0 0 31px,#e9e0d2 32px 33px);border:18px solid #fffaf0;font-family:serif}.front-paper>span{font-size:11px;color:#9a7e6c}.front-paper p{font-size:20px;line-height:1.8;margin-top:24px;white-space:nowrap}.front-paper>div{text-align:right;font-size:14px;font-style:italic;color:#ad7a6b}.front-paper>div span{font-size:32px}.stamp{position:absolute;right:4px;bottom:40px;width:90px;height:90px;border-radius:50%;border:1px dashed #a77664;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a77664;transform:rotate(-13deg);font-size:22px;background:#f3ede4}.stamp small{font-size:6px;letter-spacing:1px;margin-top:5px}.moment-row{display:flex;gap:20px;padding-top:22px}.moment-row>b{font-family:serif;font-weight:400;color:#b09b87;font-size:13px;padding-top:3px}.moment-row h3{font-size:14px;margin:0 0 8px;font-weight:500}.moment-row p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.download-panel{background:#eedbd2;border-radius:28px;padding:64px 70px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.download-panel h2{font-size:39px}.download-panel p{font-size:12px;color:#907367;line-height:1.9;margin-block:19px 25px}.download-hint{display:block;color:#9d8276;font-size:10px;margin-top:16px}.download-brand{display:flex;flex-direction:column;align-items:center;margin-right:65px;transform:rotate(5deg)}.download-brand img{width:170px;border-radius:37px;box-shadow:12px 19px 30px #794c3d25}.download-brand>span{font-size:17px;margin-top:22px}.download-brand small{font-size:9px;color:#9b7a6e;letter-spacing:2px;margin-top:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:80px}.about h2{font-size:26px}.company{border-left:1px solid var(--line);padding-left:45px;padding-top:8px}.company>span{font-size:10px;color:#a18e82}.company h3{font-size:16px;font-weight:500;margin:12px 0 27px}.company p{font-size:11px;max-width:350px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:26px 0 32px}footer .brand{font-size:12px}footer .brand img{width:30px;height:30px;border-radius:8px}footer p,footer>a:last-child{font-size:9px;color:#a18e82}dialog{border:1px solid var(--line);border-radius:24px;padding:36px;text-align:center;width:440px;max-width:calc(100% - 32px);color:var(--ink);background:var(--paper);box-shadow:0 20px 70px #49333130}dialog::backdrop{background:#38242166;backdrop-filter:blur(5px)}dialog>img{width:70px;border-radius:18px}dialog h2{font-size:23px;margin:20px 0}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}.search-name{background:#f2e5dd;border-radius:10px;padding:16px;margin:18px 0;font-size:19px}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#9c8176;font-size:25px}.dialog-note{font-size:10px!important;margin-top:22px}#copy-status{font-size:11px;color:#90715e;display:block;min-height:15px}.skip{position:fixed;top:-80px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:0}@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}header{padding-inline:28px}.hero{gap:0;min-height:700px}h1{font-size:52px}.hero-art{transform:scale(.88);transform-origin:center}.orbit{width:430px;height:430px}.orbit-two{width:480px;height:340px}.float-top{right:-35px}.float-bottom{left:-25px}.moments-inner{gap:30px}.paper{left:0;width:300px}.front-paper p{font-size:18px}.download-brand{margin-right:0}.download-panel{padding:50px}.intro-strip{gap:35px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:80px;padding:0 20px}.brand{font-size:14px;gap:8px}.brand img{width:37px;height:37px;border-radius:10px}.brand small{font-size:8px;letter-spacing:1px}nav{display:none}.nav-cta{font-size:11px;padding:10px 13px}.nav-cta span{margin-left:5px}.hero{grid-template-columns:1fr;min-height:0;padding-top:54px;gap:5px}.hero-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero .eyebrow{justify-content:center}h1{font-size:46px;margin-top:23px;letter-spacing:-1.5px}.hero-copy>p{font-size:13px;line-height:1.95}.actions{justify-content:center;gap:20px;margin-top:25px}.button{font-size:12px;padding:15px 23px;gap:25px}.text-link{font-size:10px}.hero-note{margin-top:26px;font-size:8px}.hero-art{height:610px;transform:scale(.86);margin:-20px -20px -45px}.phone{flex-shrink:0}.orbit{width:360px;height:430px}.orbit-two{width:430px;height:300px}.float-top{top:85px;right:-7px;font-size:10px;padding:11px}.float-bottom{bottom:87px;left:-10px;font-size:10px;padding:11px}.floating small{font-size:8px}.s1{left:28px;top:50px}.s2{right:12px;bottom:40px}.art-caption{bottom:0;font-size:7px}.intro-strip{gap:12px;padding:23px 10px;font-size:8px;letter-spacing:0}.intro-strip i{font-size:9px}.section{padding-top:64px;padding-bottom:60px}h2{font-size:30px;line-height:1.5}.section-head{display:block;margin-bottom:30px}.section-head>p{font-size:11px;margin-top:19px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{min-height:500px;padding:30px}.feature-card h3{font-size:27px}.feature-card>p{font-size:11px}.card-bottom{left:30px;right:30px}.demo-note{font-size:9px;line-height:1.8}.moments{padding-top:40px;padding-bottom:58px}.moments-inner{grid-template-columns:1fr;gap:20px}.moment-art{height:310px;max-width:360px;width:100%;margin:auto}.paper{width:280px;height:230px;left:22px;top:40px}.front-paper{padding:20px}.front-paper p{font-size:18px}.stamp{right:0;bottom:12px;width:74px;height:74px;font-size:18px}.moments h2{margin-top:14px}.moment-row p{font-size:11px}.download-panel{flex-direction:column-reverse;gap:32px;padding:35px 24px;text-align:center;border-radius:22px}.download-panel .eyebrow{justify-content:center}.download-panel h2{font-size:30px}.download-brand{transform:none}.download-brand img{width:90px;border-radius:23px}.download-brand>span,.download-brand small{display:none}.download-panel p{font-size:11px}.download-hint{font-size:9px}.about{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.about h2{font-size:24px}.about p{font-size:11px}.company{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.company h3{font-size:15px;margin-bottom:23px}footer{flex-wrap:wrap;gap:18px;padding-block:23px}footer p{order:3;width:100%;margin:0;font-size:8px}footer .brand{font-size:11px}footer>a:last-child{margin-left:auto}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Contain decorative orbit lines within the page on narrow screens. */
body{overflow-x:clip}
.hero-art{clip-path:inset(-30px -6px)}
.hero-art{overflow:hidden}