.hero{padding:72px 0 96px;position:relative;overflow:hidden}.hero-inner{z-index:2;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-badges{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.hero-title{letter-spacing:-.015em;color:var(--ink);margin:0 0 24px;font-size:60px;font-weight:900;line-height:1.2}.hero-title .accent{color:var(--brand)}.hero-sub{color:var(--ink-soft);max-width:520px;margin:0 0 36px;font-size:19px;font-weight:500;line-height:1.9}.hero-ctas{flex-direction:column;align-items:flex-start;gap:0;display:flex}.hero-visual{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-visual .brand-blob{background:radial-gradient(circle at 30% 30%, var(--brand-400) 0%, var(--brand) 60%, var(--brand-600) 100%);z-index:1;border-radius:50%;position:absolute;inset:8%}.hero-visual .hero-logo{object-fit:contain;z-index:3;filter:drop-shadow(0 20px 40px #0003);width:78%;height:78%;position:relative}.hero-visual .float-paw{opacity:.9;z-index:2;animation:6s ease-in-out infinite floatY;position:absolute}.hero-visual .float-paw.one{width:56px;animation-delay:-2s;top:6%;right:2%}.hero-visual .float-paw.two{width:44px;animation-delay:-4s;bottom:12%;left:0%;transform:rotate(-25deg)}.hero-visual .float-paw.three{width:36px;top:35%;left:-2%}@keyframes floatY{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}.hero-bubble{color:var(--ink);box-shadow:var(--shadow);z-index:4;background:#fff;border-radius:20px;padding:14px 18px;font-size:14px;font-weight:600;position:absolute}.hero-bubble:after{content:"";background:#fff;width:14px;height:14px;position:absolute}.hero-bubble.b1{animation:5s ease-in-out infinite floatY;top:8%;left:-6%}.hero-bubble.b1:after{bottom:-6px;left:24px;transform:rotate(45deg)}.hero-bubble.b2{animation:5s ease-in-out -2.5s infinite floatY;bottom:10%;right:-4%}.hero-bubble.b2:after{top:-6px;right:30px;transform:rotate(45deg)}.hero-bg-paw{opacity:.08;pointer-events:none;z-index:0;position:absolute}.hero-bg-paw.top-right{width:360px;top:-80px;right:-80px;transform:rotate(15deg)}.hero-bg-paw.bottom-left{width:240px;bottom:-60px;left:-60px;transform:rotate(-20deg)}@media (width<=860px){.hero{padding:32px 0 56px}.hero-inner{grid-template-columns:1fr;gap:32px}.hero-title{font-size:36px}.hero-sub{font-size:16px}.hero-visual{max-width:360px;margin:0 auto}.hero-bubble.b1{left:-10px}.hero-bubble.b2{right:-10px}}.pain{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pain-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;display:grid}@media (width<=860px){.pain-grid{grid-template-columns:repeat(2,1fr)}}.pain-item{border-radius:var(--radius);background:var(--paper);border:1px solid var(--border);align-items:flex-start;gap:16px;padding:24px;display:flex}.pain-item .icon{background:var(--brand-100);width:44px;height:44px;color:var(--brand-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.pain-item p{margin:0;font-size:15px;font-weight:500;line-height:1.7}.pain-bridge{text-align:center;margin-top:56px}.pain-bridge .arrow{background:var(--brand);width:2px;height:48px;margin-bottom:24px;display:inline-block;position:relative}.pain-bridge .arrow:after{content:"";border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);width:14px;height:14px;position:absolute;bottom:-2px;left:-6px;transform:rotate(45deg)}.pain-bridge .msg{color:var(--ink);font-size:28px;font-weight:900}.pain-bridge .msg .app{color:var(--brand);padding:0 4px}.features{background:var(--paper)}.feature-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:56px 0;display:grid}.feature-row:last-child{border-bottom:none}.feature-row.reverse .feature-text{order:2}.feature-row.reverse .feature-visual{order:1}.feature-text .num{font-family:var(--font-num);color:var(--brand);opacity:.25;letter-spacing:-.02em;font-size:72px;font-weight:900;line-height:1}.feature-text h3{letter-spacing:-.005em;margin:12px 0 16px;font-size:34px;font-weight:900;line-height:1.3}.feature-text p{color:var(--ink-soft);margin:0 0 20px;font-size:17px;font-weight:500;line-height:1.9}.feature-text .tag-row{flex-wrap:wrap;gap:8px;display:flex}.phone-mock{background:var(--ink);width:280px;height:560px;box-shadow:var(--shadow-lg);border-radius:44px;margin:0 auto;padding:14px;position:relative}.phone-mock:before{content:"";background:var(--ink);z-index:3;border-radius:0 0 16px 16px;width:110px;height:24px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--paper);border-radius:32px;flex-direction:column;width:100%;height:100%;padding:48px 20px 20px;display:flex;position:relative;overflow:hidden}.screen-record .field{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.screen-record .field .label{color:var(--ink-soft);font-weight:600}.screen-record .field .val{color:var(--brand);font-weight:800}.screen-record .cat-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.screen-record .cat{background:var(--brand-100);color:var(--brand-600);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.screen-photo .photo-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.screen-photo .photo{aspect-ratio:1;background:linear-gradient(135deg, var(--brand-100), var(--brand-400));border-radius:8px;position:relative;overflow:hidden}.screen-photo .photo:after{content:"📷";opacity:.6;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.screen-photo .photo.p1{background:linear-gradient(135deg,#f5c49a,#e89028)}.screen-photo .photo.p2{background:linear-gradient(135deg,#e4b899,#b08060)}.screen-photo .photo.p3{background:linear-gradient(135deg,#d4e8f5,#8bb9dc)}.screen-photo .photo.p4{background:linear-gradient(135deg,#f2d9c5,#d19e7a)}.screen-family{justify-content:center;align-items:center}.screen-family .avatars{justify-content:center;margin-top:20px;display:flex}.screen-family .av{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-left:-10px;font-size:24px;font-weight:800;display:flex}.screen-family .av:first-child{margin-left:0}.screen-family .av.a1{background:var(--brand)}.screen-family .av.a2{background:var(--accent)}.screen-family .av.a3{background:#b288ed}.screen-family .av.a4{background:#e25e7f}.screen-family .link{text-align:center;font-family:var(--font-num);color:var(--ink);border:1px dashed var(--brand);letter-spacing:.1em;background:#fff;border-radius:10px;margin-top:24px;padding:10px 16px;font-size:15px;font-weight:800}.screen-family .hint{text-align:center;color:var(--ink-mute);margin-top:8px;font-size:11px}.screen-money .total{background:var(--brand);color:#fff;border-radius:12px;margin-bottom:12px;padding:14px 16px}.screen-money .total .lbl{opacity:.9;font-size:11px;font-weight:700}.screen-money .total .val{font-size:24px;font-weight:900;font-family:var(--font-num);margin-top:4px}.screen-money .bar-row{justify-content:space-between;align-items:center;padding:8px 4px;font-size:12px;display:flex}.screen-money .bar-row .cat-lbl{font-weight:700}.screen-money .bar-row .amt{color:var(--ink-soft);font-family:var(--font-num);font-weight:700}.screen-money .bar{background:var(--border);border-radius:999px;height:6px;margin-top:3px;overflow:hidden}.screen-money .bar>span{background:var(--brand);border-radius:999px;height:100%;display:block}.screen-multi .pet-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.screen-multi .pet{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.screen-multi .pet .av{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.screen-multi .pet .av.p1{background:var(--brand-100)}.screen-multi .pet .av.p2{background:#d4e8f5}.screen-multi .pet .av.p3{background:#e5d4f5}.screen-multi .pet .name{font-size:13px;font-weight:700}.screen-multi .pet .meta{color:var(--ink-mute);font-size:10px}@media (width<=860px){.feature-row{grid-template-columns:1fr;gap:32px;padding:40px 0}.feature-row.reverse .feature-text{order:1}.feature-row.reverse .feature-visual{order:2}.feature-text h3{font-size:26px}}.scenes{background:var(--card)}.scene-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.scene{background:var(--paper);border-radius:var(--radius);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.scene:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.scene-img{aspect-ratio:4/3;background:var(--brand-100);justify-content:center;align-items:center;font-size:72px;display:flex}.scene.s1 .scene-img{background:linear-gradient(135deg,#ffe4c7,#f5a94a)}.scene.s2 .scene-img{background:linear-gradient(135deg,#d8e9f5,#8bb9dc)}.scene.s3 .scene-img{background:linear-gradient(135deg,#e9d9f0,#b288ed)}.scene.s4 .scene-img{background:linear-gradient(135deg,#ffcfd2,#e25e7f)}.scene.s5 .scene-img{background:linear-gradient(135deg,#cfeadd,#3bc9a7)}.scene-body{padding:20px 24px 22px}.scene-body h4{margin:0 0 6px;font-size:18px;font-weight:800}.scene-body p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.7}.voices{background:var(--paper)}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.voice{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:28px;position:relative}.voice .stars{color:#ffb300;letter-spacing:2px;margin-bottom:12px;font-size:18px}.voice .q{margin:0 0 16px;font-size:16px;font-weight:600;line-height:1.8}.voice .who{border-top:1px solid var(--border);align-items:center;gap:12px;padding-top:14px;display:flex}.voice .av{background:var(--brand-100);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.voice .who .name{font-size:14px;font-weight:700}.voice .who .meta{color:var(--ink-mute);font-size:12px}.pricing{background:var(--card)}.plan-grid{grid-template-columns:1fr;gap:24px;max-width:460px;margin:0 auto;display:grid}.plan{background:var(--paper);border:2px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;position:relative}.plan-name{color:var(--ink-soft);margin:0 0 4px;font-size:18px;font-weight:800}.plan-price{font-size:44px;font-weight:900;font-family:var(--font-num);color:var(--ink);letter-spacing:-.02em;margin:4px 0;line-height:1.1}.plan-price .unit{color:var(--ink-mute);margin-left:4px;font-size:16px;font-weight:700}.plan-sub{color:var(--ink-mute);margin:0 0 24px;font-size:13px;font-weight:600}.plan-list{margin:0 0 28px;padding:0;list-style:none}.plan-list li{border-top:1px solid var(--border);padding:12px 0 12px 28px;font-size:14px;font-weight:600;position:relative}.plan-list li:first-child{border-top:none}.plan-list li:before{content:"✓";color:var(--brand);font-weight:900;position:absolute;top:12px;left:0}@media (width<=720px){.plan{padding:32px 24px}.plan-name{font-size:16px}.plan-price{font-size:36px}.plan-list li{padding:10px 0 10px 24px;font-size:13px}}.flow{background:var(--paper)}.flow-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:16px;margin-top:8px;display:grid}.flow-step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;padding:36px 28px 28px;display:flex;position:relative}.flow-step .step-num{font-family:var(--font-num);color:#fff;background:var(--brand);letter-spacing:.1em;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:900;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #e890284d}.flow-step .step-icon{background:var(--brand-100);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:6px 0 18px;font-size:36px;display:flex}.flow-step h3{color:var(--ink);letter-spacing:-.005em;margin:0 0 10px;font-size:19px;font-weight:900;line-height:1.45}.flow-step p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:500;line-height:1.85}.flow-arrow{color:var(--brand);font-size:32px;font-weight:900;font-family:var(--font-num);user-select:none;justify-content:center;align-items:center;display:flex}.flow-cta{flex-direction:column;align-items:center;gap:0;margin-top:56px;display:flex}@media (width<=860px){.flow-grid{grid-template-columns:1fr;gap:28px}.flow-arrow{margin:-8px 0;padding:0;font-size:24px;transform:rotate(90deg)}.flow-step{padding:32px 24px 24px}.flow-step .step-icon{width:68px;height:68px;margin:4px 0 14px;font-size:32px}.flow-step h3{font-size:17px}.flow-cta{margin-top:40px}}.faq{background:var(--paper)}.faq-list{max-width:760px;margin:0 auto}.faq-item{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"Q";background:var(--brand);color:#fff;width:32px;height:32px;font-weight:900;font-family:var(--font-num);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:14px;display:inline-flex}.faq-item summary:after{content:"+";color:var(--brand);margin-left:auto;font-size:26px;font-weight:300;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item .answer{color:var(--ink-soft);padding:0 24px 24px 72px;font-size:15px;line-height:1.85}.faq-more{text-align:center;margin-top:32px}.final-cta{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-400) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.final-cta h2{color:#fff;letter-spacing:-.01em;margin:0 0 18px;font-size:42px;font-weight:900;line-height:1.35}.final-cta p{color:#fffffff2;margin:0 0 36px;font-size:18px;font-weight:500}.final-cta .btn-meta{color:#ffffffd9;margin-top:16px}.final-cta .deco-paw{opacity:.15;filter:brightness(100)}.final-cta .deco-paw.a{width:120px;top:20px;left:5%;transform:rotate(-20deg)}.final-cta .deco-paw.b{width:140px;bottom:30px;right:8%;transform:rotate(15deg)}@media (width<=1024px){.hero{padding:48px 0 72px}.hero-title{font-size:48px}.hero-sub{font-size:17px}.hero-inner{gap:40px}.feature-row{gap:40px;padding:48px 0}.feature-text h3{font-size:28px}.phone-mock{width:260px;height:520px}}@media (width<=720px){.hero{padding:24px 0 48px}.hero-inner{text-align:center;grid-template-columns:1fr;gap:32px}.hero-copy{order:2}.hero-visual{order:1;max-width:320px;margin:0 auto}.hero-badges{justify-content:center}.hero-title{margin-bottom:16px;font-size:32px;line-height:1.25}.hero-sub{max-width:none;margin:0 auto 28px;font-size:15px}.hero-ctas{align-items:center}.btn-hero{padding:16px 28px;font-size:16px}.btn-hero .line-icon{width:24px;height:24px;font-size:14px}.hero-bubble{border-radius:14px;padding:10px 14px;font-size:12px}.hero-bubble.b1{top:4%;left:-4px}.hero-bubble.b2{bottom:8%;right:-4px}.hero-bg-paw.top-right{width:220px;top:-40px;right:-60px}.hero-bg-paw.bottom-left{width:160px;bottom:-40px;left:-40px}.pain-grid{grid-template-columns:1fr;gap:12px}.pain-item{gap:14px;padding:18px}.pain-item .icon{width:36px;height:36px;font-size:18px}.pain-item p{font-size:14px}.pain-bridge{margin-top:40px}.pain-bridge .msg{font-size:20px}.pain-bridge .arrow{height:36px;margin-bottom:16px}.feature-row{grid-template-columns:1fr;gap:28px;padding:36px 0}.feature-row.reverse .feature-text{order:2}.feature-row.reverse .feature-visual{order:1}.feature-row .feature-text{order:2}.feature-row .feature-visual{order:1}.feature-text{text-align:center}.feature-text .num{font-size:56px}.feature-text h3{font-size:22px;line-height:1.35}.feature-text p{font-size:15px}.feature-text .tag-row{justify-content:center}.phone-mock{border-radius:38px;width:240px;height:480px;padding:10px}.phone-mock:before{width:90px;height:20px;top:10px}.phone-screen{border-radius:28px;padding:38px 14px 14px}.scene-grid{grid-template-columns:1fr 1fr;gap:12px}.scene-img{font-size:48px}.scene-body{padding:14px 16px 16px}.scene-body h4{margin-bottom:4px;font-size:15px}.scene-body p{font-size:12px;line-height:1.6}.voice-grid{grid-template-columns:1fr;gap:14px}.voice{padding:22px}.voice .q{font-size:14px}.faq-item summary{gap:12px;padding:18px 20px;font-size:14px}.faq-item summary:before{width:28px;height:28px;margin-right:12px;font-size:12px}.faq-item .answer{padding:0 20px 20px 60px;font-size:13px}.final-cta h2{font-size:24px;line-height:1.4}.final-cta p{margin-bottom:24px;font-size:14px}.final-cta .deco-paw.a{width:80px;top:12px;left:2%}.final-cta .deco-paw.b{width:90px;bottom:16px;right:3%}}@media (width<=480px){.hero-title{font-size:28px}.hero-visual{max-width:280px}.hero-bubble{display:none}.scene-grid{grid-template-columns:1fr}.scene-img{aspect-ratio:16/9;font-size:40px}.phone-mock{width:220px;height:440px}.pain-bridge .msg{font-size:17px}}@media (hover:none){.scene:hover{box-shadow:none;transform:none}.btn-line:hover{box-shadow:0 4px 14px #06c75559}}