:root{--paper:#fff9f7;--paper-deep:#f8efec;--surface:#fffefd;--ink:#291e22;--muted:#75666b;--rose:#c43865;--rose-deep:#9d234b;--rose-soft:#f9dfe6;--coral:#dd715e;--line:#eadcd9;--shadow:0 28px 80px rgba(87,43,53,.12);--serif:'Songti SC','STSong','SimSun',serif;--sans:'PingFang SC','Microsoft YaHei UI','Microsoft YaHei',sans-serif;--script:'STKaiti','KaiTi',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7;overflow-x:hidden;background-image:radial-gradient(rgba(120,70,70,.035) .7px,transparent .7px);background-size:6px 6px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.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}.skip-link{position:fixed;top:12px;left:12px;z-index:999;transform:translateY(-150%);background:var(--ink);color:white;padding:10px 16px;border-radius:8px}.skip-link:focus{transform:none}
.site-header{height:78px;position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:.3s ease}.site-header.scrolled{background:rgba(255,249,247,.9);backdrop-filter:blur(18px);border-color:rgba(199,170,172,.4)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--script);font-size:30px;color:var(--rose);line-height:1}.wordmark span{color:var(--coral)}.site-nav{display:flex;align-items:center;gap:36px;font-size:14px;color:#574a4e}.site-nav a{position:relative}.site-nav a:not(.nav-cta)::after{content:"";position:absolute;height:1px;inset:auto 50% -7px;background:var(--rose);transition:.2s}.site-nav a:hover::after{inset-inline:0}.nav-cta{padding:10px 20px;border-radius:999px;background:var(--rose);color:#fff;font-weight:600}.menu-button{display:none;background:none;border:0;width:44px;height:44px;padding:12px}.menu-button span:not(.sr-only){display:block;height:1px;background:var(--ink);margin:6px 0}
.hero{min-height:760px;padding-top:145px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:32px;position:relative}.hero::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-350px;top:100px;background:radial-gradient(circle,#f2d3d2 0,transparent 70%);opacity:.55}.eyebrow{margin:0 0 24px;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--rose);text-transform:uppercase}.hero h1,.manifesto h2,.section-head h2,.privacy-grid h2,.download-card h2{font-family:var(--serif);font-weight:600;letter-spacing:-.035em}.hero h1{font-size:clamp(48px,5.4vw,77px);line-height:1.18;margin:0 0 26px}.hero h1 em{font-style:normal;color:var(--rose);position:relative}.hero h1 em::after{content:"";position:absolute;left:2%;right:-2%;bottom:-8px;height:12px;border-bottom:2px solid var(--coral);border-radius:50%;transform:rotate(-1deg);opacity:.7}.hero-lead{max-width:520px;color:var(--muted);font-size:17px;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 24px;border-radius:999px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.button-primary{background:var(--rose);color:white;box-shadow:0 12px 30px rgba(196,56,101,.22)}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(196,56,101,.28)}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:4px}.distance-note{display:flex;align-items:center;gap:12px;margin-top:58px;font-size:12px;color:var(--muted)}.stamp{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--coral);color:var(--coral);font-family:var(--serif);transform:rotate(-7deg)}
.hero-visual{height:620px;position:relative}.device{position:absolute;margin:0;background:#fff;border:1px solid rgba(109,75,83,.18);border-radius:34px;padding:8px;box-shadow:0 35px 80px rgba(79,42,50,.18);overflow:hidden}.device img{width:100%;border-radius:27px}.device-main{z-index:3;width:290px;height:595px;left:50%;top:5px;transform:translateX(-50%)}.device-main img{transform:translateY(-1%)}.device-back{width:230px;height:480px;top:82px;z-index:2;opacity:.94}.device-left{left:2%;transform:rotate(-5deg)}.device-right{right:1%;transform:rotate(5deg)}.orbit{position:absolute;border:1px solid rgba(196,56,101,.16);border-radius:50%}.orbit-one{width:520px;height:520px;top:42px;left:50%;transform:translateX(-50%)}.orbit-two{width:400px;height:400px;top:102px;left:50%;transform:translateX(-50%)}.floating-note{position:absolute;z-index:4;background:rgba(255,254,253,.88);backdrop-filter:blur(12px);border:1px solid #efdcdb;border-radius:14px;box-shadow:0 12px 35px rgba(77,45,52,.11);padding:12px 16px;display:flex;flex-direction:column}.floating-note span{font-size:10px;color:var(--muted)}.floating-note b{font-family:var(--serif);font-size:17px}.note-date{left:2%;top:32px}.note-meet{right:0;bottom:28px}
.manifesto{margin:80px 0 150px;background:linear-gradient(110deg,#faeeee,#fffaf7 58%,#f7ebe3);border-block:1px solid var(--line)}.manifesto-inner{padding:95px 18%;text-align:center;position:relative}.manifesto h2{font-size:clamp(31px,4vw,49px);line-height:1.55;margin:0 0 25px}.manifesto-inner>p:last-child{color:var(--muted);max-width:650px;margin:auto}.paper-heart{position:absolute;right:11%;top:55px;font-size:90px;color:rgba(196,56,101,.13);transform:rotate(10deg)}
.section-head{max-width:720px;margin:0 auto 80px;text-align:center}.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.4;margin:0}.story{min-height:660px;margin-bottom:80px;display:grid;grid-template-columns:1fr 1.28fr;align-items:center;gap:70px;border-top:1px solid var(--line);position:relative}.story-two{grid-template-columns:1.28fr 1fr}.story-two .story-copy{order:2}.story-two .screen-stage{order:1}.chapter{font-family:Georgia,serif;font-style:italic;color:var(--coral);font-size:52px}.story h3{font-family:var(--serif);font-size:44px;margin:10px 0 22px}.story-copy>p{color:var(--muted);font-size:16px;max-width:390px}.detail-list{list-style:none;margin:28px 0 0;padding:0;font-size:13px}.detail-list li{padding:9px 0;border-bottom:1px dashed var(--line)}.detail-list li::before{content:"♡";color:var(--rose);margin-right:10px}.screen-stage{height:590px;border-radius:32px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}.stage-one{background:linear-gradient(135deg,#f5e7e4,#fff8f6)}.stage-two{background:linear-gradient(145deg,#f7eee8,#f5e2e5)}.stage-three{background:linear-gradient(135deg,#f5e6e1,#fdf7ef)}.screen-stage::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.65);top:80px}.screen-card{z-index:2;width:310px;height:560px;margin:28px 0 0;overflow:hidden;border-radius:30px;background:white;border:7px solid white;box-shadow:var(--shadow)}.screen-card img{width:100%}.stage-two .screen-card{width:370px;transform:rotate(-1.5deg)}.stage-three .screen-card{width:390px;transform:rotate(1.2deg)}
.privacy-section{margin-top:120px;padding:120px 0;background:#2d2226;color:#fff}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.privacy-grid h2{font-size:48px;line-height:1.42;margin:0 0 25px}.privacy-grid>div>p:not(.eyebrow){color:#cfc3c6;max-width:480px;margin-bottom:30px}.privacy-grid .text-link{border-color:#66555b}.trust-list{list-style:none;margin:0;padding:0}.trust-list li{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #4b3c41}.trust-list li>span{font:italic 19px Georgia;color:#e88ba7}.trust-list div{display:flex;flex-direction:column}.trust-list b{font-family:var(--serif);font-size:17px}.trust-list small{color:#a99da1;margin-top:2px}
.download-section{padding:120px 0}.download-card{min-height:350px;padding:70px 8%;border:1px solid #e8cacb;border-radius:36px;background:linear-gradient(115deg,#f7e6e4,#fff9f6 55%,#f2dedc);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.download-card::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(196,56,101,.16);border-radius:50%;right:-60px;top:-90px}.download-card h2{font-size:clamp(35px,4vw,53px);margin:0 0 14px}.download-card p:not(.eyebrow){color:var(--muted);margin:0 0 28px}.download-mark{display:flex;align-items:center;gap:14px;color:var(--rose);font-family:var(--script);font-size:44px;position:relative;z-index:2}.download-mark i{font:74px Georgia;color:rgba(196,56,101,.25)}
.site-footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:45px;color:var(--muted);font-size:12px}.footer-inner div{display:flex;gap:20px}.footer-inner .wordmark{font-size:26px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:4px;border-radius:6px}
@media(max-width:900px){.site-nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.distance-note{justify-content:center}.hero-visual{height:580px}.manifesto-inner{padding-inline:7%}.story,.story-two{grid-template-columns:1fr;gap:30px;padding-top:70px}.story-two .story-copy{order:initial}.story-two .screen-stage{order:initial}.story-copy{text-align:center}.story-copy>p{margin-inline:auto}.detail-list{max-width:460px;margin-inline:auto}.privacy-grid{gap:55px}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>*:nth-child(even){text-align:right;justify-content:flex-end}}
@media(max-width:680px){.shell{width:min(100% - 32px,1180px)}.site-header{height:68px}.menu-button{display:block}.site-nav{position:absolute;top:68px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;background:rgba(255,254,253,.97);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{min-height:44px;display:flex;align-items:center;padding-inline:12px}.nav-cta{justify-content:center}.hero{padding-top:115px;min-height:auto}.hero h1{font-size:46px}.hero-visual{height:470px;margin-top:20px}.device-main{width:225px;height:455px}.device-back{width:175px;height:360px}.device-left{left:-6%}.device-right{right:-6%}.orbit-one{width:390px;height:390px}.orbit-two{width:310px;height:310px}.floating-note{display:none}.distance-note{margin-top:35px}.manifesto{margin:50px 0 100px}.manifesto-inner{padding:75px 10px}.manifesto h2{font-size:30px}.section-head{margin-bottom:50px}.story{min-height:auto;margin-bottom:70px}.story h3{font-size:36px}.chapter{font-size:40px}.screen-stage{height:480px}.screen-card{height:450px;width:250px}.stage-two .screen-card,.stage-three .screen-card{width:290px}.privacy-section{margin-top:80px;padding:80px 0}.privacy-grid{grid-template-columns:1fr;gap:40px}.privacy-grid h2{font-size:35px}.download-section{padding:70px 0}.download-card{padding:50px 28px;min-height:420px;align-items:flex-start;flex-direction:column}.download-mark{align-self:center}.footer-inner{grid-template-columns:1fr;text-align:center!important;gap:18px}.footer-inner>*:nth-child(even){text-align:center;justify-content:center}.footer-inner div{justify-content:center}.paper-heart{right:2%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Screenshot presentation: preserve the real 1320×2860 viewport ratio. */
.hero-visual{height:650px}
.device img,.screen-card img{width:100%;height:100%;object-fit:cover;object-position:top}
.device-main{width:290px;height:auto;aspect-ratio:1320/2860}
.device-main img{transform:none}
.device-back{width:230px;height:auto;aspect-ratio:1320/2860}
.screen-card,.stage-two .screen-card,.stage-three .screen-card{width:250px;height:auto;aspect-ratio:1320/2860;margin-top:15px}

@media(max-width:680px){
  .hero-visual{height:500px}
  .device-main{width:215px;height:auto}
  .device-back{width:165px;height:auto}
  .screen-card,.stage-two .screen-card,.stage-three .screen-card{width:210px;height:auto}
}