/* Homepaw 首页第二版；隔离样式，不影响完整功能页与法务页。 */
.home-rev { --soft-green:#e5e9df; }
.home-rev .wrap { max-width:1160px; padding-left:28px; padding-right:28px; }
.home-rev .top { z-index:20; }
.home-rev .nav { align-items:center; }
.home-rev .nav-download { background:var(--ink);color:var(--card);padding:5px 15px;border-radius:8px; }
.launch-hero { display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;min-height:740px;padding-top:64px;padding-bottom:72px; }
.eyebrow { font-size:12px;letter-spacing:.12em;color:var(--seal-text);margin:0 0 18px; }
.launch-copy>.eyebrow { display:inline-flex;gap:8px;align-items:center;background:#e7ebdf;padding:5px 12px;border-radius:7px;letter-spacing:.05em;color:#536444; }
.launch-copy>.eyebrow span { width:6px;height:6px;background:#687b52;border-radius:50%; }
.wordmark { font-size:18px;color:var(--muted);margin:12px 0 20px; }
.wordmark span {font-size:13px;margin-left:8px; }
.launch-hero h1 { font-family:var(--display);font-size:clamp(38px,4.4vw,60px);line-height:1.3;letter-spacing:1px;margin:0 0 24px;text-wrap:initial; }
.hero-description { font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:30px; }
.hero-actions { display:flex;align-items:center;gap:26px;flex-wrap:wrap; }
.quiet-link { font-size:14px;text-decoration:none; }
.quiet-link span { margin-left:12px; }
.launch-copy .note { font-size:12px;line-height:1.85;margin-top:18px; }
.hero-product { position:relative;display:flex;justify-content:center;padding:14px 0; }
.hero-product .phone { width:280px;padding:9px;border-radius:46px;transform:rotate(3deg);box-shadow:0 28px 58px #45452f26;position:relative; }
.hero-product .phone img { border-radius:36px; }
.hero-halo { position:absolute;inset:50px -25px 28px;border-radius:48% 48% 44% 44%;background:radial-gradient(ellipse,#e3dfcc 0%,#e9e6d65e 60%,transparent 74%); }
.care-note { position:absolute;left:-8px;bottom:45px;display:flex;align-items:center;gap:14px;background:#fcfbf7f7;border:1px solid var(--line-2);border-radius:15px;padding:15px 20px;box-shadow:0 14px 36px #45452f13;transform:rotate(-3deg);font-size:15px; }
.care-note .sl { width:38px;height:38px;font-size:22px; }
.care-note small { display:block;color:var(--muted);font-size:11px;margin-top:3px; }
.promise-strip { display:flex;justify-content:center;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding-top:20px;padding-bottom:20px; }
.promise-strip i { font-style:normal;color:#b3ac99; }
.section-heading { text-align:center;max-width:650px;margin:90px auto 42px; }
.section-heading h2 { font-size:clamp(30px,3.5vw,44px);line-height:1.45;margin-bottom:16px; }
.section-heading>p:last-child { font-size:15px;color:var(--muted); }
.scene { display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;border:1px solid var(--line-2);border-radius:26px;background:var(--card);margin:26px 0;overflow:hidden; }
.scene-copy { padding:48px;align-self:center; }
.scene-number { font-size:12px;color:var(--seal-text);letter-spacing:.08em;margin-bottom:18px; }
.scene h3 { font-family:var(--display);font-size:34px;line-height:1.4;margin:0 0 22px; }
.scene-copy>p:not(.scene-number):not(.scope-note) { font-size:15px;line-height:1.9;color:var(--muted); }
.scene-copy ul,.plan-card ul { list-style:none;padding:0;margin:22px 0; }
.scene-copy li { border-bottom:1px solid var(--line);padding:8px 0 8px 20px;font-size:14px;position:relative; }
.scene-copy li:before,.plan-card li:before { content:'✓';position:absolute;left:0;color:#607654; }
.scope-note { font-size:11px;line-height:1.85;color:var(--muted);margin:20px 0 0; }
.scene-visual { position:relative;min-height:560px;display:flex;justify-content:center;align-items:flex-start;padding:32px 20px 0;overflow:hidden; }
.scene-visual img { width:270px;height:auto;filter:drop-shadow(0 18px 15px #45452f20); }
.tint-sage {background:#e5e9df;background-image:radial-gradient(ellipse at 45% 35%,#fff9,transparent 70%); }
.tint-sand {background:#e9e3d3;background-image:radial-gradient(ellipse at 45% 35%,#fff9,transparent 70%); }
.tint-peach {background:#eee3d8;background-image:radial-gradient(ellipse at 45% 35%,#fff9,transparent 70%); }
.image-note { position:absolute;bottom:0;left:0;right:0;padding:22px 10px 14px;text-align:center;font-size:10px;color:var(--muted);background:linear-gradient(transparent,#f5f1e7 40%); }
.scene-flip {grid-template-columns:.9fr 1.1fr; }
.scene-flip .scene-visual {grid-column:1;grid-row:1; }
.scene-flip .scene-copy {grid-column:2; }
.more-tools {display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:70px;padding-bottom:30px; }
.more-tools h2 {font-size:32px;line-height:1.5; }
.tool-links {display:grid;grid-template-columns:1fr 1fr;gap:20px 30px; }
.tool-links a {text-decoration:none;font-size:16px;border-bottom:1px solid var(--line-2);padding:12px 0 20px; }
.tool-links span {display:block;font-size:12px;color:var(--muted);margin-top:6px; }
.membership-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.plan-card {background:var(--card);border:1px solid var(--line-2);border-radius:20px;padding:28px 24px; }
.plan-card.featured {border-color:#a7ad94;background:#e9ecdf; }
.plan-tag {display:inline-block;font-size:11px;color:var(--muted);border:1px solid #cfc8b6;padding:3px 8px;border-radius:5px; }
.plan-card h3 {font-family:var(--display);font-size:26px;margin:22px 0 12px; }
.plan-card>p:not(.scope-note) {font-size:13px;color:var(--muted); }
.plan-card li {position:relative;padding:7px 0 7px 19px;font-size:13px; }
.plan-card>a {font-size:13px; }
.membership-note {text-align:center;max-width:780px;margin:24px auto;font-size:12px;color:var(--muted);line-height:1.9; }
.trust {display:flex;gap:36px;align-items:flex-start;background:#e8e9dd;border-radius:24px;padding-top:40px;padding-bottom:40px;margin-top:80px; }
.trust-seal {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:65px;height:65px;border:3px solid var(--ink);font:36px var(--display);border-radius:12px;transform:rotate(-6deg); }
.trust h2 {font-size:30px; }
.trust p:not(.eyebrow) {font-size:14px;max-width:700px; }
.trust a {font-size:13px; }
.faq {max-width:850px!important; }
.faq details {border-radius:12px; }
.faq details p {font-size:14px;color:var(--muted); }
.faq-more {text-align:center;font-size:13px;margin-top:22px; }
.launch-closing {text-align:center;padding-top:90px;padding-bottom:55px; }
.launch-closing>.sl {margin:0 auto 24px; }
.launch-closing h2 {font-size:42px;line-height:1.45;margin-bottom:24px; }
.launch-closing .note {font-size:12px; }
.reading-progress {position:fixed;left:0;top:0;width:100%;height:3px;z-index:30;background:var(--seal);transform:scaleX(0);transform-origin:left;pointer-events:none; }
@media (prefers-reduced-motion:no-preference) {
 .motion-ready .motion-reveal {opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1); }
 .motion-ready .motion-reveal.is-visible,.motion-ready .motion-reveal:focus-within {opacity:1;transform:none; }
 .motion-ready .scene-visual img {transform:translateY(var(--scene-y,0px)); }
 .motion-ready .launch-copy {animation:launch-enter .8s both; }
 .motion-ready .hero-product {animation:launch-enter 1s .15s both; }
 @keyframes launch-enter {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
 @media(hover:hover) { .tool-links a:hover {color:var(--seal-text)} .badge {transition:transform .2s}.badge:hover{transform:translateY(-3px)} }
}
@media(max-width:900px) {
 .launch-hero {grid-template-columns:1.1fr .9fr;gap:20px;min-height:650px;padding-top:42px; }
 .hero-product .phone {width:235px; }
 .care-note {left:-15px;bottom:28px;padding:12px;font-size:13px; }
 .scene-copy {padding:32px; }.scene h3{font-size:29px}.scene-visual{min-height:560px}.scene-visual img{width:245px}
 .plan-card{padding:22px 18px}.plan-card h3{font-size:23px}.membership-grid{gap:12px}
}
@media(max-width:700px) {
 html {scroll-padding-top:110px; }
 .home-rev .wrap{padding-left:20px;padding-right:20px}.home-rev .top .wrap{gap:6px 14px}.home-rev .nav{gap:4px 12px;font-size:12px}.home-rev .nav-download{padding:3px 9px}.home-rev .nav .lang{padding:1px 8px}
 .launch-hero{grid-template-columns:1fr;min-height:0;gap:34px;padding-top:36px;padding-bottom:45px;text-align:center; }
 .launch-hero h1{font-size:39px}.hero-description{font-size:15px}.desktop-break{display:none}.wordmark{margin:6px 0 18px}.hero-actions{justify-content:center;gap:20px}.launch-copy .note{font-size:11px}
 .hero-product{padding:10px 20px}.hero-product .phone{width:238px;margin:0}.hero-halo{inset:12px 5px}.care-note{left:4%;bottom:35px;font-size:13px}
 .promise-strip{gap:8px 16px;font-size:11px;line-height:1.9;padding-top:17px;padding-bottom:17px}.promise-strip i{display:none}
 .section-heading{margin-top:60px;margin-bottom:30px}.section-heading h2{font-size:32px}.section-heading>p:last-child{font-size:14px}
 .scene,.scene-flip{grid-template-columns:1fr;border-radius:21px;margin:20px 0}.scene-copy{padding:28px 24px}.scene h3{font-size:30px}.scene-flip .scene-copy,.scene-flip .scene-visual{grid-column:auto;grid-row:auto}
 .scene-visual{min-height:0;height:355px;padding-top:24px}.scene-visual img{width:245px}.scope-note{font-size:11px}
 .more-tools{grid-template-columns:1fr;gap:20px;padding-top:40px}.more-tools h2{font-size:28px}.tool-links{gap:12px 20px}.tool-links a{font-size:14px}.tool-links span{font-size:11px}
 .membership-grid{grid-template-columns:1fr;gap:14px}.plan-card{padding:26px}.plan-card h3{font-size:28px;margin-top:16px}.plan-card li{font-size:14px}.plan-card>p:not(.scope-note){font-size:14px}.plan-card ul{margin:16px 0}.membership-note{font-size:11px}
 .trust{margin:55px 20px 0!important;gap:18px;padding:28px 20px!important}.trust-seal{width:43px;height:43px;font-size:25px}.trust h2{font-size:25px}.trust .eyebrow{margin-bottom:12px}.trust p:not(.eyebrow){font-size:13px}
 .launch-closing{padding-top:65px}.launch-closing h2{font-size:34px}
}
@media print {.motion-ready .motion-reveal{opacity:1;transform:none}.reading-progress{display:none}.top{position:static}}
@media(max-width:700px){
 .home-rev .nav{width:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:2px;gap:12px}
 .home-rev .nav::-webkit-scrollbar{display:none}
 .home-rev .nav a{flex-shrink:0}
 .home-rev .nav a[href*="support.html"]{display:none}
}
/* 全部功能已合并到首页，保持原章节的图文阅读布局。 */
.full-features .index { margin-bottom:44px; }
.full-features .chapter { margin:0; }
.membership-details { margin-top:24px; }
.membership-details summary { font-size:14px; }
.compare-scroll { overflow-x:auto; }
.compare-scroll .compare { margin-top:0; }
@media(max-width:700px){
 .full-features .chapter { padding:40px 0; }
 .full-features .index { gap:8px;justify-content:flex-start;margin-bottom:30px; }
 .full-features .index a { font-size:12px;padding:5px 10px;border-radius:8px; }
 .full-features .points { grid-template-columns:minmax(0,1fr); }
}

/* Same vector and gestures as the iOS welcome mascot. */
.hero-brand-row{display:flex;align-items:center;gap:16px;margin:8px 0 20px}
.hero-brand-row .wordmark{margin:0 0 4px}
.mascot-greeting{margin:0;color:var(--muted);font-size:13px}
.hero-mascot{flex:none;display:block;width:100px;height:108px;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;animation:mascot-arrive .85s cubic-bezier(.2,.8,.3,1.2) both}
.hero-mascot svg{width:100%;height:100%;display:block;overflow:visible}
.hero-mascot:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:12px}
.mascot-head{transform-origin:121px 170px}
.mascot-eyes{transform-box:fill-box;transform-origin:center;animation:mascot-blink 9s infinite}
.mascot-ear-left{transform-origin:72px 88px;animation:mascot-ear 11s infinite}
.mascot-ear-right{transform-origin:169px 84px;animation:mascot-ear 7s 2s infinite reverse}
.mascot-tag{transform-origin:121px 181px;animation:mascot-tag 3.2s ease-in-out infinite}
.hero-mascot.is-greeting .mascot-head{animation:mascot-tilt .75s ease-in-out}
@keyframes mascot-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes mascot-blink{0%,38%,42%,86%,89%,92%,100%{transform:scaleY(1)}40%,87.5%,90.5%{transform:scaleY(.1)}}
@keyframes mascot-ear{0%,30%,36%,100%{transform:rotate(0)}32%{transform:rotate(-8deg)}34%{transform:rotate(2deg)}}
@keyframes mascot-tag{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes mascot-tilt{0%,100%{transform:rotate(0)}35%{transform:rotate(-10deg)}75%{transform:rotate(3deg)}}
@media(max-width:600px){.hero-mascot{width:80px;height:87px}.hero-brand-row{gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-mascot,.hero-mascot *{animation:none!important}}