/* Approved Nota de Amor identity. Shared by every public and private screen. */
@font-face{font-family:Manrope;src:url('assets/Manrope-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--violet:#6D3DF5;--pink:#F24B8D;--apricot:#FFB37D;--ink:#211A36;--ivory:#FFF8F3;--muted:#655B76;--white:#FFFFFF;--line:#E5DDEA;--soft:#F0EAFE;--rose:#FDEAF1;--peach:#FFF0E4;--error:#B93349;--success:#187750;--warning:#8A5900;--hover:#5930D1;--signature:linear-gradient(115deg,#6D3DF5 0%,#F24B8D 58%,#FFB37D 100%)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:100px}
body{color:var(--ink);background:var(--ivory);font-family:Manrope,Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
button,a{touch-action:manipulation}
:where(button,input,select,textarea,a,summary):focus-visible{outline:3px solid var(--violet);outline-offset:3px}
:where(input,textarea,select){accent-color:var(--violet)}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;transform:translateY(-160%);padding:12px 18px;min-height:48px;border-radius:12px;background:var(--white);color:var(--violet);font:600 16px/1.5 Manrope,Arial,sans-serif;box-shadow:0 4px 20px #211a3620}
.skip-link:focus{transform:none}
.art{display:block;background-repeat:no-repeat;background-color:var(--ivory);background-position:var(--art-x,0%) var(--art-y,0%)}
.brand-illustration{display:block;width:104px;height:104px;max-width:104px;flex:none;margin:0 auto 20px;border-radius:26px;aspect-ratio:1}
.attribution-choice{position:fixed;z-index:90;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;right:16px;max-width:540px;max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--ivory);color:var(--ink);box-shadow:0 8px 35px #211a3622;font:15px/1.6 Manrope,Arial,sans-serif}
.attribution-choice button{min-height:48px;border:1px solid var(--violet);border-radius:24px;padding:10px 16px;background:var(--white);color:var(--violet);margin:6px 6px 0 0;font:inherit}
.attribution-choice button:first-of-type{background:var(--violet);color:var(--white)}
.growth-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 40px}
.growth-metric{min-width:0;margin:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--white)}
.growth-metric dt{color:var(--muted);font-size:14px;line-height:1.6}
.growth-metric dd{color:var(--ink);font-size:30px;line-height:1.3;margin:12px 0 0;overflow-wrap:anywhere}
@media(max-width:700px){.brand-illustration{width:88px;height:88px;max-width:88px;border-radius:22px;margin-bottom:18px}.growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-metric{padding:18px}.growth-metric dd{font-size:26px}}
@media(max-width:350px){.growth-metrics{grid-template-columns:1fr}.brand-illustration{width:80px;height:80px;max-width:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
