:root{color-scheme:light;--surface-page: #F4F1E9;--surface-raised: #FFFFFF;--surface-sunken: #ECE7DB;--surface-hover: #E6E0D2;--surface-pressed: #DDD6C6;--surface-inverse: #2A241E;--surface-night: #3B332B;--line-subtle: #E3DDCF;--line-strong: #CFC7B4;--line-control: #A8A090;--text-primary: #2A241E;--text-secondary: #5D5648;--text-tertiary: #7C7462;--text-on-inverse:#F7F0E2;--wool: #F7F0E2;--wool-shade: #EFE6D4;--muzzle: #AC9F8E;--muzzle-deep: #9C8F7E;--hoof: #241E18;--accent: #3F7D2C;--accent-hover: #346724;--accent-text: #38701F;--accent-soft: #E5F1DB;--focus-ring: #4C9636;--attention: #C98A1B;--attention-text: #8F6005;--attention-soft: #FAF0D8;--danger: #C4442E;--danger-text: #A93423;--danger-soft: #FBE9E4;--success: #3F7D2C;--success-text: #336420;--success-soft: #E5F1DB;--font-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-sans: "Plus Jakarta Sans", ui-sans-serif, -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Geist Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.375rem;--text-3xl: clamp(2.5rem, 2rem + 3.5vw, 4.25rem);--weight-regular: 400;--weight-medium: 540;--weight-semibold: 640;--weight-bold: 760;--leading-tight: 1.12;--leading-snug: 1.3;--leading-body: 1.5;--leading-prose: 1.65;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--space-32: 128px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 32px;--radius-pill: 999px;--shadow-raised: 0 1px 2px rgb(42 36 30 / .06);--shadow-card: 0 2px 8px -2px rgb(42 36 30 / .08);--shadow-float: 0 0 0 1px rgb(42 36 30 / .06), 0 12px 32px -8px rgb(42 36 30 / .18);--shadow-sheet: 0 -8px 40px -12px rgb(42 36 30 / .22);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-bounce: cubic-bezier(.34, 1.4, .64, 1);--dur-press: .12s;--dur-fast: .16s;--dur-base: .22s;--dur-sheet: .3s;--dur-reveal: .48s;--dur-mascot-step: .7s;--dur-mascot-breath: 3.2s;--control-h: 48px;--control-h-desktop: 40px;--page-max: 1120px;--app-max: 520px}.pecorella{--p-ease-out: var(--ease-out, cubic-bezier(.23, 1, .32, 1));--p-ease-in-out: var(--ease-in-out, cubic-bezier(.77, 0, .175, 1));--p-bounce: var(--ease-bounce, cubic-bezier(.34, 1.4, .64, 1));--p-step: var(--dur-mascot-step, .7s);--p-breath: var(--dur-mascot-breath, 3.2s);--p-attraversa: calc(var(--p-step) * 14);display:inline-block;line-height:0}.pecorella svg{display:block;width:100%;height:auto;overflow:visible}.pecorella #corpo,.pecorella #testa,.pecorella #ciuffo,.pecorella #orecchio-sx,.pecorella #orecchio-dx,.pecorella #occhio-sx,.pecorella #occhio-dx,.pecorella .zampa{transform-box:view-box}.pecorella #corpo{transform-origin:234px 262px}.pecorella #testa{transform-origin:175px 165px}.pecorella #ciuffo{transform-origin:168px 122px}.pecorella #orecchio-sx{transform-origin:100px 92px}.pecorella #orecchio-dx{transform-origin:231px 121px}.pecorella #occhio-sx{transform-origin:131px 140px}.pecorella #occhio-dx{transform-origin:173px 148px}.pecorella #zampa-as{transform-origin:178.5px 238px}.pecorella #zampa-ad{transform-origin:210px 236px}.pecorella #zampa-ps{transform-origin:266.5px 238px}.pecorella #zampa-pd{transform-origin:298px 234px}@keyframes pecorella-respiro{0%,to{transform:scale(1)}50%{transform:scale(1.016,1.024)}}@keyframes pecorella-testa-idle{0%,52%,80%,to{transform:rotate(0)}60%,72%{transform:rotate(-2.6deg)}}@keyframes pecorella-blink{0%,91%,96.5%,to{transform:scaleY(1)}93%,94.2%{transform:scaleY(.06)}}@keyframes pecorella-orecchio-dx-idle{0%,52%,84%,to{transform:rotate(0)}62%,74%{transform:rotate(5deg)}}@keyframes pecorella-orecchio-sx-idle{0%,54%,82%,to{transform:rotate(0)}62%,73%{transform:rotate(-3deg)}}.pecorella #corpo{animation:pecorella-respiro var(--p-breath) var(--p-ease-in-out) infinite}.pecorella #testa{animation:pecorella-testa-idle 7s var(--p-ease-in-out) infinite}.pecorella #occhio-sx{animation:pecorella-blink 4s linear infinite}.pecorella #occhio-dx{animation:pecorella-blink 4s linear infinite 40ms}.pecorella #orecchio-dx{animation:pecorella-orecchio-dx-idle 7s var(--p-ease-in-out) infinite .14s}.pecorella #orecchio-sx{animation:pecorella-orecchio-sx-idle 7s var(--p-ease-in-out) infinite 90ms}@keyframes pecorella-passo{0%{transform:rotate(12.5deg)}50%{transform:rotate(-12.5deg)}to{transform:rotate(12.5deg)}}@keyframes pecorella-bob{0%,50%,to{transform:translateY(0) scale(1)}25%,75%{transform:translateY(-3.5px) scale(1.004,.996)}}@keyframes pecorella-testa-cammina{0%,to{transform:translateY(0) rotate(1deg)}25%{transform:translateY(-3px) rotate(-.6deg)}50%{transform:translateY(0) rotate(.8deg)}75%{transform:translateY(-3px) rotate(-.6deg)}}@keyframes pecorella-ciuffo-cammina{0%,50%,to{transform:rotate(1.4deg)}25%,75%{transform:rotate(-1.4deg)}}@keyframes pecorella-orecchio-dx-cammina{0%,50%,to{transform:rotate(6deg)}25%,75%{transform:rotate(-5deg)}}@keyframes pecorella-orecchio-sx-cammina{0%,50%,to{transform:rotate(2.5deg)}25%,75%{transform:rotate(-2.5deg)}}.pecorella--cammina .zampa{animation:pecorella-passo var(--p-step) var(--p-ease-in-out) infinite}.pecorella--cammina #zampa-ad,.pecorella--cammina #zampa-ps{animation-delay:calc(var(--p-step) / -2)}.pecorella--cammina #corpo{animation:pecorella-bob var(--p-step) ease-in-out infinite}.pecorella--cammina #testa{animation:pecorella-testa-cammina var(--p-step) ease-in-out infinite;animation-delay:calc(.1s - var(--p-step))}.pecorella--cammina #ciuffo{animation:pecorella-ciuffo-cammina var(--p-step) ease-in-out infinite;animation-delay:calc(.15s - var(--p-step))}.pecorella--cammina #orecchio-dx{animation:pecorella-orecchio-dx-cammina var(--p-step) ease-in-out infinite;animation-delay:calc(.18s - var(--p-step))}.pecorella--cammina #orecchio-sx{animation:pecorella-orecchio-sx-cammina var(--p-step) ease-in-out infinite;animation-delay:calc(.16s - var(--p-step))}@keyframes pecorella-attraversa{0%{transform:translate(calc(-100% - 24px))}to{transform:translate(calc(100cqw + 24px))}}.pecorella--attraversa{animation:pecorella-attraversa var(--p-attraversa) linear infinite}.pecorella--attraversa svg{transform:scaleX(-1)}.pecorella--scuoti #corpo{transform-origin:234px 212px}@keyframes pecorella-scuoti-corpo{0%{transform:rotate(0) scale(1)}10%{transform:rotate(-4deg) scale(1.025,.985)}24%{transform:rotate(4deg) scale(.985,1.025)}38%{transform:rotate(-3.1deg) scale(1.02,.99)}52%{transform:rotate(2.3deg) scale(.99,1.016)}66%{transform:rotate(-1.4deg) scale(1.01,.996)}80%{transform:rotate(.7deg) scale(.998,1.004)}to{transform:rotate(0) scale(1)}}@keyframes pecorella-scuoti-testa{0%{transform:rotate(0)}12%{transform:rotate(3.2deg)}26%{transform:rotate(-3.2deg)}40%{transform:rotate(2.4deg)}54%{transform:rotate(-1.8deg)}68%{transform:rotate(1.1deg)}82%{transform:rotate(-.5deg)}to{transform:rotate(0)}}@keyframes pecorella-scuoti-ciuffo{0%{transform:rotate(0) scale(1)}14%{transform:rotate(3deg) scale(1.04)}30%{transform:rotate(-3deg) scale(.985)}46%{transform:rotate(2deg) scale(1.025)}62%{transform:rotate(-1.2deg) scale(.995)}to{transform:rotate(0) scale(1)}}@keyframes pecorella-scuoti-orecchio-dx{0%{transform:rotate(0)}12%{transform:rotate(14deg)}28%{transform:rotate(-12deg)}44%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}76%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes pecorella-scuoti-orecchio-sx{0%{transform:rotate(0)}14%{transform:rotate(-9deg)}30%{transform:rotate(8deg)}46%{transform:rotate(-6deg)}62%{transform:rotate(3.5deg)}to{transform:rotate(0)}}.pecorella--scuoti #corpo{animation:pecorella-scuoti-corpo .9s var(--p-ease-out) both}.pecorella--scuoti #testa{animation:pecorella-scuoti-testa .9s var(--p-ease-out) both;animation-delay:40ms}.pecorella--scuoti #ciuffo{animation:pecorella-scuoti-ciuffo .9s var(--p-ease-out) both 60ms}.pecorella--scuoti #orecchio-dx{animation:pecorella-scuoti-orecchio-dx .9s var(--p-ease-out) both 70ms}.pecorella--scuoti #orecchio-sx{animation:pecorella-scuoti-orecchio-sx .9s var(--p-ease-out) both 70ms}@keyframes pecorella-curiosa{0%,6%{transform:rotate(0)}16%,34%{transform:rotate(-7deg)}46%,62%{transform:rotate(4.5deg) translateY(2px)}74%,88%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes pecorella-orecchio-dx-curioso{0%,6%{transform:rotate(0)}18%,34%{transform:rotate(9deg)}48%,62%{transform:rotate(-7deg)}76%,88%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes pecorella-orecchio-sx-curioso{0%,6%{transform:rotate(0)}18%,34%{transform:rotate(-6deg)}48%,62%{transform:rotate(4deg)}76%,88%{transform:rotate(-2deg)}to{transform:rotate(0)}}.pecorella--testa #testa{animation:pecorella-curiosa 4.2s var(--p-bounce) infinite}.pecorella--testa #orecchio-dx{animation:pecorella-orecchio-dx-curioso 4.2s var(--p-bounce) infinite 80ms}.pecorella--testa #orecchio-sx{animation:pecorella-orecchio-sx-curioso 4.2s var(--p-bounce) infinite 80ms}@keyframes pecorella-triste-testa{to{transform:rotate(-10.5deg) translateY(6px)}}@keyframes pecorella-triste-orecchio-dx{to{transform:rotate(19deg)}}@keyframes pecorella-triste-orecchio-sx{to{transform:rotate(12deg)}}@keyframes pecorella-triste-ciuffo{to{transform:rotate(-2deg) translateY(1px)}}@keyframes pecorella-blink-lento{0%,84%,to{transform:translateY(2px) scaleY(.86)}89%,92%{transform:translateY(2px) scaleY(.08)}}.pecorella--triste #testa{animation:pecorella-triste-testa .7s var(--p-ease-out) forwards}.pecorella--triste #orecchio-dx{animation:pecorella-triste-orecchio-dx .7s var(--p-ease-out) forwards 60ms}.pecorella--triste #orecchio-sx{animation:pecorella-triste-orecchio-sx .7s var(--p-ease-out) forwards 60ms}.pecorella--triste #ciuffo{animation:pecorella-triste-ciuffo .7s var(--p-ease-out) forwards 40ms}.pecorella--triste #occhio-sx{animation:pecorella-blink-lento 5.5s linear infinite .75s}.pecorella--triste #occhio-dx{animation:pecorella-blink-lento 5.5s linear infinite .79s}.pecorella--triste #corpo{animation:pecorella-respiro calc(var(--p-breath) * 1.4) var(--p-ease-in-out) infinite}.pecorella--triste #occhio-sx,.pecorella--triste #occhio-dx{transform:translateY(2px) scaleY(.86)}@keyframes pecorella-respiro-opacita{0%,to{opacity:1}50%{opacity:.86}}@media(prefers-reduced-motion:reduce){.pecorella,.pecorella *{animation:none!important;transition:none!important}.pecorella svg{transform:none;animation:pecorella-respiro-opacita 6s ease-in-out infinite!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-6);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);font-size:var(--text-base);text-decoration:none;white-space:nowrap;transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--surface-inverse);color:var(--text-on-inverse);box-shadow:var(--shadow-raised)}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:var(--surface-night)}}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--line-strong)}@media(hover:hover)and (pointer:fine){.btn-secondary:hover{background:var(--surface-hover);border-color:var(--line-control)}}.btn-accent{background:var(--accent);color:var(--surface-raised)}@media(hover:hover)and (pointer:fine){.btn-accent:hover{background:var(--accent-hover)}}.btn-ghost{color:var(--text-secondary)}@media(hover:hover)and (pointer:fine){.btn-ghost:hover{background:var(--surface-hover)}}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn[disabled]:active,.btn[aria-disabled=true]:active{transform:none}@media(min-width:768px){.btn{height:var(--control-h-desktop)}.btn-lg{height:var(--control-h);padding:0 var(--space-8);font-size:var(--text-md)}}.field{display:grid;gap:6px;text-align:left}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);padding-left:var(--space-4)}.input{height:var(--control-h);width:100%;padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--line-control);background:var(--surface-raised);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}.display{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}@media(prefers-reduced-motion:reduce){.reveal{transform:none;transition:opacity .15s ease}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}.quadra{--surface-page: oklch(.993 .002 85);--surface-raised: oklch(1 0 0);--surface-sunken: oklch(.972 .004 85);--surface-hover: oklch(.955 .005 85);--surface-pressed: oklch(.935 .006 85);--surface-inverse: oklch(.22 .008 85);--surface-inverse-hover: oklch(.32 .008 85);--line-subtle: oklch(.912 .005 85);--line-strong: oklch(.845 .006 85);--line-control: oklch(.665 .006 85);--text-primary: oklch(.255 .008 85);--text-secondary: oklch(.45 .009 85);--text-tertiary: oklch(.535 .008 85);--text-on-inverse: oklch(.985 .002 85);--accent: oklch(.53 .19 257);--accent-hover: oklch(.47 .18 257);--accent-text: oklch(.48 .17 257);--accent-soft: oklch(.962 .022 257);--focus-ring: oklch(.6 .17 257);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;display:block;min-height:100dvh;overflow-x:clip;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5}.quadra ::selection{background:var(--accent-soft)}.quadra a{color:var(--accent-text)}.quadra :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.quadra .brand-link{color:var(--text-primary);text-decoration:none}.quadra .marchio{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text-primary);text-decoration:none}.quadra .marchio__mark{display:block;flex:0 0 auto;width:auto;height:24px;object-fit:contain}.quadra .marchio__words{display:inline-flex;align-items:baseline;gap:4px;min-width:0;font-size:15px;letter-spacing:-.02em;line-height:1;white-space:nowrap}.quadra .marchio__first{font-weight:600}.quadra .marchio__rest{font-weight:500;color:var(--text-tertiary)}.quadra .topbar{display:flex;align-items:center;height:48px;padding:0 16px;border-bottom:1px solid var(--line-subtle);background:var(--surface-page)}.quadra .q-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 16px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-raised);color:var(--text-primary);font:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}.quadra .q-btn--primary{border-color:transparent;background:var(--surface-inverse);color:var(--text-on-inverse)}.quadra .q-btn--block{width:100%}.quadra .q-btn:disabled{opacity:.45;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.quadra .q-btn:hover:not(:disabled){background:var(--surface-hover)}.quadra .q-btn--primary:hover:not(:disabled){background:var(--surface-inverse-hover)}}.quadra .q-btn:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.quadra,.quadra *,.quadra *:before,.quadra *:after{animation:none!important;transition-property:opacity!important;scroll-behavior:auto!important}.quadra .q-btn:active:not(:disabled){transform:none}}