/* AnimalisPRO 4.0: shared native/web Signature surfaces. Scoped to the six updated pages. */
:root {--sig-bg:#f6f3fa;--sig-surface:#fff;--sig-raised:#f0e5f8;--sig-ink:#271735;--sig-muted:#70627c;--sig-line:#e6deed;--sig-accent:#7a2eaa;--sig-shadow:0 14px 40px #2717350a;--sig-hero:linear-gradient(125deg,#351247,#172a49);color-scheme:light}
:root[data-signature-theme="dark"] {--sig-bg:#140826;--sig-surface:#231338;--sig-raised:#372045;--sig-ink:#f5f0ff;--sig-muted:#c4b5d5;--sig-line:#3b2851;--sig-accent:#d977ff;--sig-shadow:0 14px 40px #0002;color-scheme:dark}
body:has(.signature-scope){background:var(--sig-bg)!important;color:var(--sig-ink);--bs-body-bg:var(--sig-bg);--bs-body-color:var(--sig-ink);--bs-border-color:var(--sig-line);--bs-secondary-color:var(--sig-muted);--text-main:var(--sig-ink);--text-muted:var(--sig-muted);--glass-bg:var(--sig-surface);--glass-border:var(--sig-line);--accent-purple:var(--sig-accent);--grad-bg:var(--sig-bg);--grad-soft:var(--sig-bg);--app-ink:var(--sig-ink);--app-muted:var(--sig-muted);--app-soft:var(--sig-raised);--app-line:var(--sig-line);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.signature-scope {color:var(--sig-ink);--bw-border:var(--sig-line);--bw-panel:var(--sig-surface);--bw-ink:var(--sig-ink);--family-accent:var(--sig-accent)}
.signature-scope :is(h1,h2,h3,h4,h5){color:var(--sig-ink);letter-spacing:-.035em;overflow-wrap:anywhere}
.signature-scope h1 {font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;font-weight:800}
.signature-scope :is(p,small,.text-secondary,.text-muted,.section-text,.app-lead){color:var(--sig-muted)!important}
.signature-scope a:not(.btn):not(.store-btn){color:var(--sig-accent)}
.signature-scope :is(button,a,input,select,textarea):focus-visible,[data-signature-toggle]:focus-visible{outline:3px solid #5ab8ff!important;outline-offset:4px;box-shadow:none}
.signature-scope .btn {border-radius:14px;min-height:46px;padding:.72rem 1.1rem;font-weight:650;white-space:normal;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;line-height:1.4}
.signature-scope .btn-primary{background:linear-gradient(110deg,#d977ff,#5ab8ff)!important;color:#241038!important;border:1px solid transparent!important}
.signature-scope :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-light){background:var(--sig-surface)!important;color:var(--sig-accent)!important;border:1px solid var(--sig-line)!important}
.signature-scope .btn:hover{filter:brightness(1.07);transform:none}
.signature-scope .btn:disabled{opacity:.5;cursor:wait}
.signature-scope :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--sig-surface)!important;color:var(--sig-ink)!important;border:1px solid var(--sig-line)!important;border-radius:14px!important;min-height:48px;width:100%;max-width:100%;padding:.75rem 1rem;box-shadow:none!important;font:inherit}
.signature-scope :is(input,textarea)::placeholder{color:var(--sig-muted);opacity:.8}
.signature-scope label{font-weight:650;color:var(--sig-muted);font-size:.88rem;margin-bottom:.45rem}
.signature-scope :is(input[type=checkbox],input[type=radio]){accent-color:var(--sig-accent)}
.signature-scope :is(.card,.bw-card,.family-card,.premium-preview-card,.feature-card,.trust-card,.app-feature-card,.app-pricing-card){background:var(--sig-surface)!important;border:1px solid var(--sig-line)!important;border-radius:24px!important;color:var(--sig-ink);box-shadow:var(--sig-shadow)}
.signature-scope :is(.bw-card,.family-card){padding:1.4rem}
.signature-scope .badge{border-radius:999px;padding:.55em .85em;font-weight:650}
.signature-scope .badge.bg-primary{background:var(--sig-raised)!important;color:var(--sig-accent)!important}
.signature-scope .badge.bg-secondary{background:var(--sig-raised)!important;color:var(--sig-muted)!important}
.signature-scope :is(progress){height:7px;accent-color:var(--sig-accent);border:0;border-radius:99px;overflow:hidden;background:var(--sig-raised)}
.signature-scope :is(dialog,#bw-dialog){width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);background:var(--sig-surface);color:var(--sig-ink);border:1px solid var(--sig-line);padding:1.5rem;border-radius:24px;box-shadow:0 30px 100px #0005}
.signature-scope dialog::backdrop{background:#140826aa;backdrop-filter:blur(5px)}
.signature-scope :is(.alert,#family-status:not(:empty)){border:1px solid var(--sig-line);border-radius:16px;background:var(--sig-raised);color:var(--sig-ink);padding:1rem}
.signature-scope .text-danger{color:#c63459!important}
[data-signature-theme=dark] .signature-scope .text-danger{color:#ff92ae!important}
body:has(.signature-scope) #mainNavbar{background:var(--sig-surface)!important;border-bottom:1px solid var(--sig-line);box-shadow:none!important;padding:.85rem 0;color:var(--sig-ink)}
body:has(.signature-scope) #mainNavbar :is(.nav-link,.dropdown-toggle,.navbar-brand){color:var(--sig-ink)!important}
body:has(.signature-scope) #mainNavbar .dropdown-menu{background:var(--sig-surface);border:1px solid var(--sig-line);border-radius:18px;box-shadow:var(--sig-shadow)}
body:has(.signature-scope) #mainNavbar .dropdown-item{color:var(--sig-ink);white-space:normal}
body:has(.signature-scope) #mainNavbar .dropdown-item:hover{background:var(--sig-raised)}
body:has(.signature-scope) #mainNavbar .navbar-toggler{border:1px solid var(--sig-line);border-radius:14px;padding:.65rem;color:var(--sig-accent);background:var(--sig-raised)}
body:has(.signature-scope) #mainNavbar .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='%237a2eaa' stroke-width='2' stroke-linecap='round' d='M5 8h20M5 15h20M5 22h20'/%3E%3C/svg%3E")}
.signature-brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none!important;color:var(--sig-ink)!important;font-size:1.22rem;font-weight:800;letter-spacing:-.04em;flex-shrink:0}
.signature-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}
[data-signature-toggle]{border:1px solid var(--sig-line);border-radius:50%;width:44px;height:44px;display:inline-grid;place-items:center;background:var(--sig-raised);color:var(--sig-accent);font-size:1.1rem;flex-shrink:0;cursor:pointer}
.signature-scope.bw-shell,.signature-scope.family-shell{max-width:1240px;padding-top:2rem!important;padding-bottom:4rem!important}
.sig-hero{background:var(--sig-hero);color:#f5f0ff;border:1px solid #684b823d;border-radius:28px;padding:clamp(1.5rem,4vw,3rem);margin-bottom:1.5rem;position:relative;overflow:hidden}
.sig-hero:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:#d977ff0c;right:-60px;top:-70px;pointer-events:none}
.sig-hero :is(h1,h2,h3,p,small,a:not(.btn)){color:#f5f0ff!important}
.sig-hero p {opacity:.82;max-width:60ch}
.sig-eyebrow{display:flex;align-items:center;gap:.6rem;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.8rem}
.sig-hero-icon{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:16px;background:#ffffff16;font-size:1.35rem;margin-bottom:1rem;color:#efb1ff}
.sig-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;position:relative;z-index:1}
.sig-hero .btn-outline-primary,.sig-hero .btn-outline-secondary{background:#ffffff12!important;border-color:#ffffff36!important;color:#f5f0ff!important}
.sig-medical{display:flex;gap:.7rem;padding:.9rem 1.2rem;border:1px solid var(--sig-line);background:var(--sig-surface);border-radius:16px;font-size:.85rem;line-height:1.6;margin-bottom:1.5rem}
#bw-filters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;background:var(--sig-surface);border:1px solid var(--sig-line);border-radius:24px;padding:1.4rem;margin:0 0 1.5rem!important}
#bw-filters>div{width:auto!important;padding:0!important;max-width:none;min-width:0;margin:0!important}
#bw-filters>div:first-child{grid-column:span 2}#bw-filters>div:last-child{grid-column:1/-1}
#bw-cards{--bs-gutter-x:1.25rem;--bs-gutter-y:1.25rem}
.bw-shell .bw-phases{gap:.65rem}.bw-shell .bw-phases button{border-radius:16px;min-width:120px;padding:.85rem;min-height:52px;background:var(--sig-surface);color:var(--sig-ink);border:1px solid var(--sig-line)}
.bw-shell .bw-phases [aria-current=step]{background:var(--sig-raised);color:var(--sig-accent);border-color:var(--sig-accent)}
.bw-shell .bw-task{padding:1.2rem 0;border-color:var(--sig-line)}
.family-shell .family-hero{background:var(--sig-hero);border-radius:28px}
.family-shell .family-hero :is(p,h1,a){color:#f5f0ff!important}
.family-shell #family-content>.btn:first-child{margin-bottom:1rem}
.family-shell .family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.family-shell .family-card{height:auto;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.family-shell .family-card>h3{font-size:1.25rem;font-weight:750;margin-bottom:.5rem}
.family-shell .family-card>.btn{margin-top:auto;align-self:flex-start}
.family-shell .family-tabs{gap:.6rem;padding:8px;background:var(--sig-surface);border:1px solid var(--sig-line);border-radius:20px}
.family-shell .family-tabs button{border:0!important;background:transparent!important;color:var(--sig-muted)!important}
.family-shell .family-tabs .btn-primary{background:var(--sig-raised)!important;color:var(--sig-accent)!important}
.family-shell .family-message{background:var(--sig-surface);border-color:var(--sig-line);border-radius:18px}
.family-shell .family-timeline{border-color:var(--sig-line)}
.sig-empty{padding:2.5rem 1.5rem!important;border:1px dashed var(--sig-line);border-radius:24px;background:var(--sig-surface);text-align:center;margin:0!important;grid-column:1/-1}
.sig-empty i{font-size:2rem;color:var(--sig-accent);display:block;margin-bottom:1rem}
.sig-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;align-items:start;max-width:670px;margin-inline:auto}
.sig-screen-grid figure{margin:0;min-width:0}.sig-screen-grid img{width:100%;height:auto;border-radius:23px;display:block;border:1px solid var(--sig-line);box-shadow:0 20px 50px #14082626}
.sig-screen-grid figcaption{text-align:center;margin:.8rem 0;font-size:.78rem;font-weight:650;color:var(--sig-muted)}
.sig-app-note{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.85rem 1rem;border:1px solid var(--sig-line);border-radius:16px;background:var(--sig-surface);font-size:.85rem;color:var(--sig-muted);margin:1rem 0}
.signature-scope.app-page{background:var(--sig-bg)}
.signature-scope.app-page :is(.app-hero,.app-section,.app-section-soft,.premium-section){background:var(--sig-bg)!important;color:var(--sig-ink)}
.signature-scope.app-page .premium-hero-stats{border-color:var(--sig-line)}
.signature-scope.app-page .premium-stat{background:var(--sig-surface);border-color:var(--sig-line)}
.signature-scope.app-page .premium-stat strong{color:var(--sig-accent)}
.signature-scope.app-page .premium-preview-media{background:var(--sig-raised);padding:1.3rem;height:auto}
.signature-scope.app-page .premium-preview-media img{width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:18px}
.signature-scope.app-page .premium-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.signature-scope.app-page :is(.android-availability-note,.premium-float-badge){background:var(--sig-raised);color:var(--sig-ink);border-color:var(--sig-line)}
.signature-scope.app-page .app-eyebrow{background:var(--sig-raised);color:var(--sig-accent)}
@media(max-width:991px){.family-shell .family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-scope.app-page .premium-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.signature-scope) #navbarNav{padding-top:1rem}#bw-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.signature-scope.bw-shell,.signature-scope.family-shell{padding-top:1rem!important}.sig-hero{border-radius:24px;padding:1.5rem}.sig-hero-actions{flex-direction:column}.sig-hero-actions>.btn{width:100%}.family-shell .family-grid{grid-template-columns:1fr}#bw-filters{padding:1rem;gap:.85rem}.signature-scope.app-page .premium-preview-grid{grid-template-columns:1fr}.sig-screen-grid{gap:.85rem}.sig-screen-grid img{border-radius:16px}.sig-screen-grid figcaption{font-size:.7rem}.signature-brand{font-size:1.1rem}.signature-brand img{width:38px;height:38px}.family-shell .family-tabs{flex-wrap:nowrap;overflow-x:auto}.sig-medical{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.signature-scope *{scroll-behavior:auto!important;transition:none!important}}
.signature-scope .btn-link{color:var(--sig-accent)!important}
.signature-scope.app-page :is(.store-btn-primary,.store-btn-secondary){box-shadow:none!important}
.sig-filter-details{grid-column:1/-1;border-top:1px solid var(--sig-line);padding-top:1rem}
.sig-filter-details summary{cursor:pointer;color:var(--sig-accent);font-weight:650;padding:.35rem 0;min-height:44px;list-style-position:inside}
.sig-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:.75rem 0}
.sig-filter-grid>div{min-width:0}
@media(max-width:575px){.sig-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Bridge existing marketing components to the same light/dark surfaces. */
body:has(.signature-scope){--bg-dark:var(--sig-bg);--bg-secondary:var(--sig-raised);--bg-card:var(--sig-surface);--bg-nav:var(--sig-surface);--bg-dropdown:var(--sig-surface);--glass-bg-hover:var(--sig-raised);--glass-border-h:var(--sig-line);--accent-soft:var(--sig-accent);--text-faint:var(--sig-muted);--shadow-md:var(--sig-shadow);--shadow-lg:var(--sig-shadow)}
.signature-scope .af-node-center{color:#241038}

@media(max-width:1199px){body:has(.signature-scope) #navbarNav{padding-top:1rem}body:has(.signature-scope) #navbarNav .navbar-actions{align-items:stretch!important;gap:.65rem}body:has(.signature-scope) #navbarNav .navbar-actions>.nav-item{align-items:flex-start!important}}