@import url('../fonts/fonts.css');
:root,[data-theme="light"]{color-scheme:light;--bg:#F5F1E9;--surface:#EAE5DA;--raised:#FFFCF6;--text:#191919;--muted:#66625B;--line:#BCB8B0;--accent:#F4530C;--on-accent:#191919;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--hand:'Permanent Marker',cursive;--pad:clamp(22px,5vw,88px);--ease:cubic-bezier(.22,1,.36,1)}
[data-theme="dark"]{color-scheme:dark;--bg:#191919;--surface:#242424;--raised:#303030;--text:#F5F1E9;--muted:#BCB8B0;--line:#696762}
*{box-sizing:border-box}body{margin:0;font:400 16px/1.6 var(--body);background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}a{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:.98}h1{font-size:clamp(56px,7vw,112px)}h2{font-size:clamp(40px,5vw,72px)}h3{font-size:32px}button{cursor:pointer}img{max-width:100%;display:block}.os-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.os-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:16px 24px;background:var(--accent);color:var(--on-accent);border:1px solid transparent;border-radius:0;text-decoration:none;font-weight:600;font-size:15px;transition:box-shadow .2s var(--ease)}.os-button:hover{box-shadow:inset 0 -4px 0 #19191933}.os-button.secondary{background:transparent;border-color:var(--text);color:var(--text)}:focus-visible{outline:3px solid var(--text);outline-offset:4px}.os-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;line-height:1.5}.os-note{display:inline-block;font:400 26px/1.2 var(--hand);color:var(--accent);transform:rotate(-3deg);transform-origin:left center}.os-panel{background:var(--raised);border:1px solid var(--line);padding:24px}.os-field{display:grid;gap:8px}.os-field input,.os-field select,.os-field textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--muted);border-radius:0;background:var(--bg);color:var(--text)}.os-field input:focus{border-color:var(--text)}.os-help{font-size:13px;color:var(--muted)}.os-error{font-size:14px;color:var(--text);font-weight:600}.os-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.os-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding:16px 0;cursor:pointer;list-style:none;font-weight:600}.os-disclosure summary::-webkit-details-marker{display:none}.os-disclosure[open] .disclosure-plus{display:none}.disclosure-minus{display:none}.os-disclosure[open] .disclosure-minus{display:block}.os-disclosure p{padding:0 0 20px;max-width:55ch}.os-option{padding:18px;border:1px solid var(--line);display:flex;align-items:center;gap:12px;min-height:56px}.os-option:has(input:checked){border-color:var(--text);box-shadow:inset 4px 0 0 var(--accent)}.os-option input{accent-color:var(--accent);width:20px;height:20px}.os-step{display:flex;align-items:center;gap:12px;font-size:13px}.os-step b{border:1px solid var(--text);width:32px;height:32px;display:grid;place-items:center}.os-step.active b{background:var(--accent);color:#191919;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.os-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.os-button[aria-busy="true"]{cursor:progress}.os-button:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--on-accent)}

/* v1.1 (08/10/2026) - due superfici: vendita (angoli netti, CTA in rilievo) e prodotto (angoli morbidi, piatto). */
:root{--os-r-sales:0;--os-r-pill:999px;--os-r-card:16px;--os-r-bubble:18px;--os-r-tail:6px;--os-r-small:12px;--os-r-field:10px;--os-r-round:50%;--cta-edge:#191919}
[data-theme="dark"]{--cta-edge:#F5F1E9}
/* Sales CTA "in rilievo" */
.os-button--sales{--cta-edge-c:var(--cta-edge);background:#F4530C;color:#191919;border:2px solid var(--cta-edge-c);border-radius:var(--os-r-sales);box-shadow:5px 5px 0 var(--cta-edge-c);font-weight:800;min-height:64px;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}
.os-button--sales.os-button--compact{min-height:48px;padding:12px 18px;box-shadow:3px 3px 0 var(--cta-edge-c)}
@media(hover:hover){.os-button--sales:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--cta-edge-c)}.os-button--sales.os-button--compact:hover:not(:disabled){box-shadow:5px 5px 0 var(--cta-edge-c)}}
.os-button--sales:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 var(--cta-edge-c)}
.os-button--sales.os-button--compact:active:not(:disabled){box-shadow:1px 1px 0 var(--cta-edge-c)}
.os-button--sales:disabled{box-shadow:none}
.os-button--sales:focus-visible{outline:3px solid var(--cta-edge-c);outline-offset:8px}
@media(prefers-reduced-motion:reduce){.os-button--sales:hover,.os-button--sales:active{transform:none}}
/* Product UI: rounded + flat */
.os-product .os-button,[data-surface="product"] .os-button{border-radius:var(--os-r-pill);box-shadow:none;transform:none;transition:filter .2s var(--ease)}
.os-product .os-button:hover:not(:disabled),[data-surface="product"] .os-button:hover:not(:disabled){box-shadow:none;transform:none;filter:brightness(.96)}
.os-product .os-button:active:not(:disabled),[data-surface="product"] .os-button:active:not(:disabled){box-shadow:none;transform:none;filter:brightness(.9)}
.os-product .os-panel,[data-surface="product"] .os-panel{border-radius:var(--os-r-card);box-shadow:none}
.os-product .os-notice,[data-surface="product"] .os-notice{border-radius:var(--os-r-small);background:var(--surface);border:1px solid var(--line);padding:12px 16px;font-size:14px}
.os-product .os-field input,.os-product .os-field select,.os-product .os-field textarea,[data-surface="product"] .os-field input,[data-surface="product"] .os-field select,[data-surface="product"] .os-field textarea{border-radius:var(--os-r-field)}
.os-product .os-option,[data-surface="product"] .os-option{border-radius:var(--os-r-small)}
.os-product .os-step b,[data-surface="product"] .os-step b{border-radius:var(--os-r-round)}
.os-product .os-bubble,[data-surface="product"] .os-bubble{display:inline-block;max-width:34ch;padding:12px 16px;border-radius:var(--os-r-bubble);background:var(--surface);color:var(--text)}
.os-product .os-bubble--assistant,[data-surface="product"] .os-bubble--assistant{border-bottom-left-radius:var(--os-r-tail)}
.os-product .os-bubble--user,[data-surface="product"] .os-bubble--user{background:var(--text);color:var(--bg);border-bottom-right-radius:var(--os-r-tail)}
.os-product .os-avatar,[data-surface="product"] .os-avatar,.os-product .os-icon-button,[data-surface="product"] .os-icon-button{border-radius:var(--os-r-round)}
.os-avatar{width:40px;height:40px;display:grid;place-items:center;background:var(--surface);overflow:hidden}
.os-icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--raised);color:var(--text);padding:0}