:root{--color-primary: #059669;--color-primary-dark: #047857;--color-primary-light: #10b981;--color-primary-bright: #34d399;--color-accent: #ecfdf5;--color-accent-strong: #d1fae5;--color-text: #0f172a;--color-text-muted: #475569;--color-bg: #ffffff;--color-border: #a7f3d0;--color-shadow: rgba(5, 150, 105, .12);--color-shadow-strong: rgba(5, 150, 105, .2);--font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition: .25s ease}*{box-sizing:border-box}::selection{background:var(--color-primary);color:#fff}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:none;color:var(--color-primary-dark)}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem;width:100%}@media(max-width:480px){.container{padding:0 1.25rem}}section{padding:4rem 0}h1,h2,h3{margin-top:0;color:var(--color-primary-dark);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.75rem;margin-bottom:1rem}h3{font-size:1.25rem}@media(min-width:768px){h1{font-size:3rem}h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#root{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.site-header{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:.875rem 0;position:sticky;top:0;z-index:100;box-shadow:0 1px #0596690f;transition:box-shadow var(--transition)}.site-header.scrolled{box-shadow:0 4px 24px var(--color-shadow)}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.logo{display:inline-flex;align-items:center;gap:.625rem;font-weight:800;font-size:1.35rem;color:var(--color-primary-dark);text-decoration:none;letter-spacing:-.02em;transition:color var(--transition),transform var(--transition)}.logo:hover{text-decoration:none;color:var(--color-primary);transform:translateY(-1px)}.logo-img{display:block;height:44px;width:auto;max-width:130px;object-fit:contain;border-radius:12px;transition:transform var(--transition)}.logo:hover .logo-img{transform:scale(1.02)}@media(max-width:480px){.logo-img{height:36px;max-width:100px}}.nav{display:flex;gap:.25rem;flex-wrap:wrap}.nav a,.nav .nav-link{color:var(--color-text);text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem .875rem;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);background:none;border:none;font-family:inherit}.nav .nav-link{cursor:pointer}.nav a:hover,.nav a.active,.nav .nav-link:hover{color:var(--color-primary);background:var(--color-accent)}.nav a.active{color:var(--color-primary-dark)}a,button,[role=button],.nav a,.store-btn,.hero-cta,.qr-card,.footer-links a,.support-tabs button,.logo{cursor:pointer}button:disabled{cursor:not-allowed}.custom-cursor{display:none;position:fixed;left:0;top:0;width:24px;height:24px;margin-left:-12px;margin-top:-12px;pointer-events:none;z-index:99999;color:var(--color-primary-dark);font-size:1.25rem;transition:transform .15s ease,opacity .15s ease}.custom-cursor i{display:block;text-shadow:0 0 2px rgba(255,255,255,.8)}.custom-cursor-hover{transform:scale(1.35);color:var(--color-primary)}@media(hover:hover){.custom-cursor{display:flex;align-items:center;justify-content:center}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button,body.custom-cursor-active .store-btn,body.custom-cursor-active .hero-cta,body.custom-cursor-active .qr-card,body.custom-cursor-active .nav a,body.custom-cursor-active .nav .nav-link,body.custom-cursor-active .support-tabs button,body.custom-cursor-active .logo{cursor:none}}.hero{padding:4.5rem 0 4rem;text-align:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#ecfdf5,#d1fae5,#a7f3d0 70%,#6ee7b7)}.hero-decorations{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-float{position:absolute;font-size:1.25rem;opacity:.35;color:var(--color-primary-dark);animation:heroFloat 8s ease-in-out infinite}.hero-float-paw{font-size:1.1rem;opacity:.3}.hero-float-dog{font-size:1.5rem;opacity:.25}.hero-float-cat{font-size:1.4rem;opacity:.25}.hero-float-vet{font-size:1.35rem;opacity:.3}.hero-float-heart{font-size:1rem;opacity:.28}.hero-float-1{top:18%;left:8%;animation-delay:0s;animation-duration:10s}.hero-float-2{top:65%;left:5%;animation-delay:-2s;animation-duration:9s}.hero-float-3{top:25%;right:10%;animation-delay:-1s;animation-duration:11s}.hero-float-4{top:70%;right:12%;animation-delay:-3s;animation-duration:9.5s}.hero-float-5{top:45%;left:4%;animation-delay:-1.5s;animation-duration:12s}.hero-float-6{top:15%;right:22%;animation-delay:-4s;animation-duration:8s}.hero-float-7{top:55%;right:6%;animation-delay:-2.5s;animation-duration:10.5s}@keyframes heroFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(6px,-8px) rotate(3deg)}50%{transform:translate(-4px,4px) rotate(-2deg)}75%{transform:translate(4px,6px) rotate(2deg)}}@media(max-width:768px){.hero-float{font-size:1rem;opacity:.25}.hero-float-1{left:4%}.hero-float-3{right:4%}.hero-float-5{left:2%}}@media(prefers-reduced-motion:reduce){.hero-float{animation:none;opacity:.2}}.hero:before{content:"";position:absolute;top:-50%;left:-20%;width:60%;height:120%;background:radial-gradient(ellipse,rgba(52,211,153,.2) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none}.hero .container{position:relative;z-index:1}.hero-tagline{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--color-primary-dark);margin-bottom:.75rem;font-weight:700;padding:.35rem 1rem;background:#ffffffb3;border-radius:100px;border:1px solid var(--color-border);animation:fadeInDown .6s ease-out}.hero h1{margin-bottom:1.25rem;max-width:18ch;margin-left:auto;margin-right:auto;color:var(--color-primary-dark);font-weight:800;animation:fadeInUp .6s ease-out .1s both}.hero-desc{max-width:40rem;margin:0 auto 2rem;color:var(--color-text-muted);font-size:1.15rem;line-height:1.7;animation:fadeInUp .6s ease-out .2s both}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;animation:fadeInUp .6s ease-out .3s both}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-md);font-weight:700;font-size:1.05rem;text-decoration:none;transition:all var(--transition);box-shadow:0 4px 20px var(--color-shadow-strong);border:none}.hero-cta:hover{background:var(--color-primary-dark);text-decoration:none;transform:translateY(-3px);box-shadow:0 8px 28px var(--color-shadow-strong);color:#fff}.hero-link-support{color:var(--color-primary-dark)!important;font-weight:600;padding:.5rem 0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.download-section{padding:4rem 0;text-align:center;background:var(--color-bg)}.download-section>.container>p{color:var(--color-text-muted);margin-top:1.5rem;font-size:.95rem}.app-store-qr{margin-top:0}.app-store-qr-single{display:flex;flex-direction:column;align-items:center}.qr-section-title{margin-bottom:.5rem;font-size:1.35rem;color:var(--color-primary-dark);font-weight:800}.qr-section-desc{color:var(--color-text-muted);font-size:1rem;margin:0 0 1.5rem;text-align:center;max-width:28rem;margin-left:auto;margin-right:auto}.qr-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.qr-card{display:flex;flex-direction:column;align-items:center;padding:1.75rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-decoration:none;color:var(--color-text);min-width:180px;transition:all var(--transition);box-shadow:0 4px 20px var(--color-shadow)}.qr-card:hover{border-color:var(--color-primary);box-shadow:0 12px 40px var(--color-shadow-strong);text-decoration:none;color:var(--color-text);transform:translateY(-4px)}.qr-code-wrap{padding:12px;background:#fff;border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:0 2px 12px #0000000f}.qr-code-wrap svg{display:block}.qr-label{font-weight:700;color:var(--color-primary-dark);font-size:1.05rem}.qr-sub{font-size:.9rem;color:var(--color-text-muted)}.qr-card-single{min-width:240px}.store-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.75rem}.store-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;text-decoration:none;transition:all var(--transition);min-width:150px}.store-btn:hover{text-decoration:none;transform:translateY(-3px)}.store-btn-icon{font-size:1.35rem;flex-shrink:0}.store-btn-apple{background:#000;color:#fff!important;border:2px solid #000}.store-btn-apple:hover{color:#fff!important;box-shadow:0 8px 24px #0000004d}.store-btn-google{background:var(--color-primary);color:#fff!important;border:2px solid var(--color-primary-dark)}.store-btn-google:hover{color:#fff!important;background:var(--color-primary-dark);box-shadow:0 8px 28px var(--color-shadow-strong)}.download-page{padding:4rem 1.5rem;min-height:60vh;display:flex;align-items:center;justify-content:center}.download-page-card{text-align:center;padding:2.5rem;background:var(--color-accent);border-radius:var(--radius-lg);border:2px solid var(--color-border);max-width:400px;box-shadow:0 8px 32px var(--color-shadow)}.download-page-card h1{margin-bottom:.5rem}.download-page-card p{margin:0 0 .5rem;color:var(--color-text-muted)}.download-page-fallback{margin-top:1.25rem!important}.approve-email-page{padding:4rem 1.5rem;min-height:60vh;display:flex;align-items:center;justify-content:center}.approve-email-card{text-align:center;padding:2.5rem;background:var(--color-accent);border-radius:var(--radius-lg);border:2px solid var(--color-border);max-width:420px;box-shadow:0 8px 32px var(--color-shadow)}.approve-email-icon{width:72px;height:72px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.25rem}.approve-email-icon-loading{color:var(--color-primary)}.approve-email-icon-success{background:var(--color-primary);color:#fff}.approve-email-icon-error{background:#dc2626;color:#fff}.approve-email-card h1{margin-bottom:.5rem}.approve-email-card p{margin:0 0 1.5rem;color:var(--color-text-muted);line-height:1.6}.approve-email-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition)}.approve-email-btn:hover{background:var(--color-primary-dark);color:#fff!important;transform:translateY(-2px)}.approve-email-btn-secondary{background:var(--color-text-muted)}.approve-email-btn-secondary:hover{background:var(--color-text)}.approve-email-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.approve-email-actions .approve-email-btn,.approve-email-actions .approve-email-btn-secondary{margin:0}.features-section{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);opacity:.6}.features-intro{text-align:center;margin-bottom:2.5rem}.features-intro h2{color:var(--color-primary-dark);font-weight:800}.features-intro p{color:var(--color-text-muted);font-size:1.1rem;margin-top:.5rem}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.features-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.feature-card{background:var(--color-bg);padding:2rem;border-radius:var(--radius-lg);border:2px solid rgba(5,150,105,.15);text-align:center;transition:all var(--transition);position:relative;overflow:hidden;box-shadow:0 4px 20px var(--color-shadow)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity var(--transition)}.feature-card:hover{border-color:var(--color-border);box-shadow:0 12px 40px var(--color-shadow-strong);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);border-radius:var(--radius-md);font-size:1.5rem;color:var(--color-primary);border:1px solid var(--color-border)}.feature-card h3{margin-bottom:.5rem;color:var(--color-primary-dark);font-weight:700}.feature-card p{margin:0;font-size:.98rem;color:var(--color-text-muted);line-height:1.6}.faq-section{background:var(--color-bg)}.faq-section h2{text-align:center;margin-bottom:.5rem;color:var(--color-primary-dark);font-weight:800}.faq-intro{text-align:center;color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.1rem}.faq-list{max-width:640px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border);transition:background var(--transition);border-radius:var(--radius-sm);padding:1.25rem 1rem;margin:0 -1rem;cursor:default}.faq-item:hover{background:var(--color-accent)}.faq-item:first-child{padding-top:0}.faq-q{font-weight:700;margin-bottom:.35rem;color:var(--color-text);font-size:1.02rem}.faq-a{margin:0;color:var(--color-text-muted);font-size:.98rem;line-height:1.6}.site-footer{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);border-top:2px solid var(--color-border);padding:3rem 0;margin-top:auto;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);opacity:.5}.footer-inner{text-align:center}.footer-brand{margin-bottom:.5rem;font-size:1.25rem;font-weight:800;color:var(--color-primary-dark)}.footer-contact{margin:0 0 .5rem;font-size:.98rem;color:var(--color-text-muted)}.footer-contact a{font-weight:600}.footer-copy{margin:0 0 1.25rem;font-size:.9rem;color:var(--color-text-muted)}.footer-links{display:flex;justify-content:center;gap:1.75rem;font-size:.95rem;font-weight:600}.footer-links a:hover{text-decoration:underline}.page-header{padding:2.5rem 0 1.5rem;border-bottom:2px solid var(--color-border);margin-bottom:2rem}.page-header h1{margin-bottom:.5rem}.page-content{padding-bottom:3rem}.page-content h2{margin-top:2rem;margin-bottom:.75rem}.page-content h3{margin-top:1.25rem}.page-content p,.page-content li{color:var(--color-text-muted)}.page-content ul{padding-left:1.5rem}.support-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.support-tabs button{padding:.625rem 1.25rem;border:2px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:600;transition:all var(--transition)}.support-tabs button:hover,.support-tabs button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.support-faq-list{list-style:none;padding:0;margin:0}.support-faq-list li{border-bottom:1px solid var(--color-border);padding:1.25rem 0}.support-faq-list li:first-child{padding-top:0}.support-cta{margin-top:2rem;padding:1.25rem;background:var(--color-accent);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border)}.support-cta-spacer{height:3rem}@media(max-width:480px){.hero{padding:3rem 0 2.5rem}.hero h1{font-size:1.85rem}.hero-desc{font-size:1.05rem}.qr-card{min-width:auto;padding:1.25rem}.qr-cards{gap:1rem}section{padding:3rem 0}.feature-card{padding:1.5rem}}