:root{--ink:#443039;--muted:#79626c;--pink:#d8668b;--peach:#f0c0a0;--line:rgba(100,54,75,.12);--glass:rgba(255,255,255,.58);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:#fcf7f5;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse 42% 25% at 84% 13%,#f8dce6 0%,transparent 100%),radial-gradient(ellipse 40% 28% at 4% 40%,#fae8df 0%,transparent 100%),#fcf7f5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #85516b;outline-offset:5px}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button,a.btn{touch-action:manipulation}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.masthead{position:sticky;top:14px;z-index:10;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 18px;border-radius:22px;background:rgba(255,253,251,.76);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 30px #78536408}.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#f0c0a0;border-radius:13px;font-size:12px;letter-spacing:-.5px}.masthead nav{display:flex;align-items:center;gap:24px;font-size:13px}.masthead nav>a:not(.btn){color:var(--muted)}.masthead nav>a[aria-current]{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;border-radius:999px;padding:0 24px;border:1px solid transparent;font-size:14px;font-weight:600;transition:scale 350ms cubic-bezier(.34,1.5,.64,1),background 180ms,box-shadow 180ms}.btn-primary{background:var(--ink);color:#fff9f6;box-shadow:0 5px 12px #44303912}.btn-primary:hover{background:#5e3d4e;box-shadow:0 8px 18px #44303920}.btn-soft{background:rgba(255,255,255,.65);border-color:var(--line)}.btn-small{min-height:36px;padding:0 17px;font-size:12px}.btn svg{width:17px;height:17px}.btn:hover{scale:1.025}.btn:active{scale:.96}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:16px;min-height:625px;padding-top:30px;padding-bottom:32px}.hero-copy{padding:18px 0 22px;position:relative;z-index:1}.eyebrow{margin:0 0 23px;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1.4px;color:var(--muted)}.eyebrow i{width:6px;height:6px;background:#d18b9f;border-radius:50%}h1{font-family:'Songti SC','STSong','Noto Serif SC',serif;font-size:clamp(38px,4.6vw,59px);font-weight:500;line-height:1.35;letter-spacing:-1.8px;margin:0 0 26px;white-space:nowrap}h1 em{font-style:normal;color:#a25471}.hero-desc{font-size:15px;color:var(--muted);line-height:1.95;margin:0 0 28px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.availability{font-size:12px;color:var(--muted);margin:17px 0 0}.hero-note{margin-top:44px;display:flex;gap:22px;font-size:12px;color:var(--muted);align-items:center}.hero-note span+span{padding-left:22px;border-left:1px solid var(--line)}
.meet{position:relative;min-width:0;padding:18px 0 0}.pig-scene{position:relative;height:400px;isolation:isolate}.pig-halo{position:absolute;inset:55px 10px 5px;border-radius:50%;background:radial-gradient(ellipse at center,#efc1d1a8,transparent 68%);z-index:-1}.orbit{position:absolute;inset:54px 28px 26px;border:1px solid #fff9f8;border-radius:50%;transform:rotate(-18deg);box-shadow:inset 0 1px 16px #fff8,0 1px 0 #d5a8b020}.pig-button{position:absolute;inset:14px -14px -15px;border:0;background:transparent;border-radius:42%;padding:0;transition:scale 600ms cubic-bezier(.34,1.4,.64,1)}.pig-button img{width:116%;height:auto;position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none}.pig-button:hover{scale:1.025}.pig-button:active{scale:.97}.speech{position:absolute;top:30px;left:18px;z-index:2;margin:0;padding:13px 18px;background:rgba(255,255,255,.75);border:1px solid #fff;border-radius:18px;backdrop-filter:blur(16px);font-size:13px;box-shadow:0 8px 25px #82586d08}.speech::after{content:'';position:absolute;left:27px;bottom:-5px;width:9px;height:9px;transform:rotate(45deg);background:#fffc;border-bottom:1px solid #fff;border-right:1px solid #fff}.float-label{position:absolute;bottom:36px;right:3px;display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid #fff;backdrop-filter:blur(12px);font-size:12px}.float-label i{height:6px;width:6px;border-radius:50%;background:#c896a7}.mood-picker{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px;width:max-content;max-width:100%;margin:12px auto 0;background:rgba(255,255,255,.64);border:1px solid #fff;border-radius:999px}.mood-picker button{padding:10px 16px;border:0;border-radius:999px;background:transparent;font-size:12px;min-height:36px;transition:background 160ms}.mood-picker button[aria-pressed=true]{background:#f6e5e9;color:#733f54}.demo-label{text-align:center;font-size:11px;color:var(--muted);margin:10px 0 0}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 34px;border-top:1px solid var(--line);gap:30px}.feature-strip article+article{border-left:1px solid var(--line);padding-left:30px}.feature-label{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;margin:0 0 10px}.feature-label svg{color:#a7788b;width:18px}.feature-strip p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:280px}
.web-section{padding-top:62px;padding-bottom:75px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}.kicker{font-size:12px;color:var(--muted);margin:0 0 13px;letter-spacing:.7px}h2{font-family:'Songti SC','STSong',serif;font-size:clamp(28px,3.1vw,38px);font-weight:500;line-height:1.35;letter-spacing:-.6px;margin:0}h2 em{font-style:normal;color:#a25471}.text-link{display:inline-flex;gap:13px;align-items:center;font-size:13px;white-space:nowrap}.text-link:hover{color:#a25471}.browser-frame{border:1px solid #fff;background:#fff9f7a6;box-shadow:0 18px 55px #8a667511;border-radius:22px;overflow:hidden}.browser-bar{display:flex;align-items:center;gap:18px;height:43px;border-bottom:1px solid var(--line);padding:0 17px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#dfc6c9}.browser-bar p{font-size:11px;color:var(--muted);margin:0}.browser-body{display:grid;grid-template-columns:1fr 220px;gap:32px;padding:35px}.browser-copy>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 22px;max-width:480px}.preview-title{font-size:18px;font-weight:600;margin:0 0 20px}.index-names{display:flex;gap:10px;flex-wrap:wrap}.index-names a{display:flex;flex-direction:column;gap:14px;min-width:126px;padding:20px 17px;border-radius:14px;background:#fff9f7;border:1px solid var(--line);font-size:13px;transition:transform 350ms cubic-bezier(.34,1.5,.64,1),background 180ms}.index-names a:hover{transform:translateY(-4px);background:#fff6f5}.index-names small{font-size:11px;color:var(--muted)}.preview-side{padding-left:26px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:18px}.preview-side a{display:flex;align-items:center;justify-content:space-between;font-size:13px}.preview-side small{color:var(--muted);font-size:11px;display:block;margin-top:5px}.preview-note{font-size:11px;color:var(--muted);margin:14px 4px 0}
.desk-section{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;padding-top:40px;padding-bottom:80px}.desk-stage{position:relative;aspect-ratio:1.36;border:1px solid #fff;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 76% 77%,#eccada 0%,transparent 56%),radial-gradient(ellipse at 4% 0%,#fff6ed,transparent 65%),#f3e6e8;box-shadow:0 18px 55px #8a667515}.desk-top{display:flex;justify-content:space-between;padding:14px 18px;color:#795568;font-size:10px;background:#fff5;border-bottom:1px solid #fff6}.desk-window{position:absolute;left:8%;top:21%;width:60%;padding:18px;border:1px solid #fff;border-radius:17px;background:#fff9;backdrop-filter:blur(20px)}.desk-window h3{font-size:14px;margin:0 0 12px}.desk-window p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.desk-window .mini-line{width:74%;height:5px;margin:12px 0;border-radius:3px;background:#d5b6c24d}.desk-pig{position:absolute;right:-3%;bottom:-4%;width:60%;height:auto}.video-note{position:absolute;bottom:14px;left:18px;font-size:10px;color:#795568}.desk-copy>p:not(.kicker){font-size:14px;line-height:1.9;color:var(--muted);margin:20px 0 25px}.desk-copy .status{font-size:12px!important;margin:18px 0 0!important;display:flex;align-items:center;gap:7px}.status i{height:5px;width:5px;background:#be8a9e;border-radius:50%}.outro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0 36px;border-top:1px solid var(--line)}.outro p{font-size:20px;margin:0;letter-spacing:-.4px}.footer{padding:20px 0 26px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
@media(max-width:980px){.wrap{width:calc(100% - 48px)}.hero{min-height:560px}.hero h1{font-size:42px}.hero-note{margin-top:32px}.pig-scene{height:340px}.speech{left:0}.float-label{right:-6px}.desk-section{gap:34px}.browser-body{padding:26px;gap:20px;grid-template-columns:1fr 180px}.index-names a{min-width:110px;padding:16px 13px}}
@media(max-width:700px){html{scroll-padding-top:84px}.wrap{width:calc(100% - 36px)}.masthead{margin-top:12px;top:8px;padding:10px 12px;border-radius:18px;gap:10px}.brand{font-size:13px;gap:7px}.brand-mark{width:31px;height:31px;font-size:11px}.masthead nav{gap:10px;font-size:12px}.masthead .nav-demo{display:none}.btn-small{min-height:34px;font-size:11px;padding:0 13px}.hero{grid-template-columns:1fr;min-height:0;gap:0;padding-top:48px;padding-bottom:34px}.hero-copy{padding:0 4px}.eyebrow{font-size:11px;margin-bottom:20px}h1,.hero h1{font-size:clamp(30px,7.6vw,48px);letter-spacing:-1px;margin-bottom:20px}.hero-desc{font-size:14px;margin-bottom:22px}.btn{min-height:46px;padding:0 21px;font-size:13px}.btn-small{min-height:34px;padding:0 13px;font-size:11px}.hero-note{margin-top:24px;font-size:11px;gap:12px}.hero-note span+span{padding-left:12px}.meet{padding-top:10px;max-width:480px;width:100%;margin:auto}.pig-scene{height:310px}.pig-button img{width:104%;top:40%}.speech{top:23px;left:20px}.float-label{bottom:24px;right:10px}.mood-picker{margin-top:0}.orbit{inset:48px 35px 12px}.feature-strip{gap:16px;padding:22px 0}.feature-strip article+article{padding-left:16px}.feature-label{font-size:13px;gap:6px}.feature-strip p{font-size:12px;line-height:1.7}.feature-label svg{display:none}.web-section{padding-top:45px;padding-bottom:36px}.section-head{align-items:start;gap:20px;margin-bottom:22px}.section-head h2{font-size:29px}.section-head .text-link{font-size:12px;margin-top:30px}.browser-body{grid-template-columns:1fr;padding:22px;gap:24px}.preview-side{border-left:0;padding:18px 0 0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;gap:15px}.preview-side a{gap:10px}.index-names{gap:8px}.index-names a{min-width:0;flex:1;padding:15px 9px;font-size:12px;gap:10px}.index-names small{font-size:10px}.preview-title{font-size:17px}.browser-bar{gap:12px}.browser-bar p{font-size:10px}.desk-section{grid-template-columns:1fr;gap:26px;padding-top:24px;padding-bottom:42px}.desk-copy{padding:0 4px}.desk-copy h2{font-size:30px}.desk-copy>p:not(.kicker){font-size:13px;margin:16px 0 20px}.outro{align-items:start;padding:26px 0;gap:14px}.outro p{font-size:17px;max-width:170px;line-height:1.5}.footer{font-size:10px;gap:18px}.footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.masthead,.speech,.float-label,.desk-window{background:#fff9f7;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:380px){.masthead nav>a:not(.btn){display:none}.hero h1{font-size:26px}.hero-note{gap:9px}.hero-note span+span{padding-left:9px}.speech{left:6px;padding:11px 14px}.feature-strip{gap:12px}.feature-strip article+article{padding-left:12px}.preview-side{flex-direction:column;align-items:stretch}.outro .btn{padding-inline:16px;font-size:12px}}
@media(max-width:700px){.pig-button img{width:100%}}