.sg{min-height:100svh;color:var(--neutral-50);background:radial-gradient(120% 100% at 50% 20%,#0d1320,#070a11 82%);padding:120px 24px 72px;position:relative;overflow:hidden}.sg__grid{pointer-events:none;background-image:linear-gradient(#a9e2a012 1px,#0000 1px),linear-gradient(90deg,#a9e2a012 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000 85%);mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000 85%)}.sg__testa{z-index:1;flex-direction:column;align-items:flex-start;gap:16px;max-width:1152px;margin:0 auto 42px;display:flex;position:relative}.sg__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-300);border:1px solid color-mix(in srgb, var(--brand-300) 32%, transparent);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:.6875rem;display:inline-flex}.sg__testa h1{font-family:var(--font-display), system-ui, sans-serif;font-weight:700;font-size:var(--text-h2);line-height:var(--leading-tight)}.sg__testa p{color:var(--neutral-400);max-width:52ch;line-height:1.6}.sg__griglia{z-index:1;max-width:1152px;margin:0 auto;position:relative}.sgc{border:1px solid var(--neutral-800);color:inherit;transition:transform .3s var(--ease-out), border-color .3s, box-shadow .3s;background:linear-gradient(165deg,#131a28,#0b101a);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.sgc--live:hover{border-color:color-mix(in srgb, var(--brand-400) 45%, transparent);transform:translateY(-5px)rotate(-.4deg);box-shadow:0 24px 60px -18px #000c}.sgc__lab{border-bottom:1px solid color-mix(in srgb, var(--neutral-800) 80%, transparent);letter-spacing:.13em;text-transform:uppercase;color:var(--neutral-500);align-items:center;gap:10px;padding:12px 16px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:.625rem;display:flex}.sgc__lab .ecg{flex:1;height:16px}.sgc__lab .ecg path{fill:none;stroke:var(--brand-400);stroke-width:1.3px}.sgc--live .ecg path{stroke-dasharray:200;stroke-dashoffset:200px;animation:2.4s linear infinite sg-ecg}@keyframes sg-ecg{to{stroke-dashoffset:0}}.sgc--sigillata .ecg path{stroke:var(--neutral-800);animation:none}.sgc__stato{color:var(--brand-300);align-items:center;gap:6px;display:inline-flex}.sgc__stato i{background:var(--brand-400);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite sg-dot}@keyframes sg-dot{0%,to{opacity:.35}50%{opacity:1}}.sgc--sigillata .sgc__stato{color:var(--neutral-500)}.sgc__stage{background:radial-gradient(120% 110% at 50% 25%,#0e1523,#070a11 85%);justify-content:center;align-items:center;height:210px;display:flex;position:relative;overflow:hidden}.sgc__stage:before{content:"";background-image:linear-gradient(#a9e2a017 1px,#0000 1px),linear-gradient(90deg,#a9e2a017 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000,#0000 80%);mask-image:radial-gradient(70% 70% at 50% 45%,#000,#0000 80%)}.sgc__mazzo{width:224px;height:160px;position:relative}.sgc__mazzo .dorso{aspect-ratio:600/920;background:repeating-linear-gradient(45deg, #1117228c 0 1.8px, transparent 1.8px 5px) content-box, repeating-linear-gradient(-45deg, #1117228c 0 1.8px, transparent 1.8px 5px) content-box, var(--paper);z-index:3;border:1px solid #00000038;border-radius:7px;width:96px;padding:7px;position:absolute;bottom:8px;left:18px;box-shadow:0 12px 26px #0009}.sgc__mazzo .d2{z-index:1;transform:translate(3px,2px)rotate(1.6deg)}.sgc__mazzo .d3{z-index:0;transform:translate(6px,4px)rotate(-1.4deg)}.sgc__mazzo .sette{background:var(--paper-raise);z-index:2;border-radius:7px;width:92px;position:absolute;bottom:8px;left:122px;box-shadow:0 12px 26px #0009}.sgc__scatola{width:110px;height:84px;font-family:var(--font-display), system-ui, sans-serif;color:#39424f;background:linear-gradient(160deg,#151b27,#0c1019);border:1px solid #202a3a;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative}.sgc__corpo{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.sgc__corpo h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;color:var(--neutral-50);font-size:1.35rem;font-weight:600}.sgc--sigillata .sgc__corpo h2{color:var(--neutral-400)}.sgc__corpo p{color:var(--neutral-400);font-size:.875rem;line-height:1.55}.sgc__cta{background:var(--brand-300);height:44px;color:var(--neutral-950);border-radius:11px;align-self:flex-start;align-items:center;margin-top:10px;padding:0 20px;font-size:.90625rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.sgc__cta:hover{background:var(--brand-200)}
.scatola{color:inherit;transition:transform .2s var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.scatola--scopa{transform:rotate(-1.2deg)}.scatola--cellofan{transform:rotate(1deg)}a.scatola:hover,a.scatola:focus-visible{transform:rotate(0)translateY(-6px)}a.scatola:focus-visible{outline:2px solid var(--brand-400);outline-offset:4px}.scatola__coperchio{border:1px solid color-mix(in srgb, var(--neutral-950) 60%, transparent);box-shadow:6px 7px 0 color-mix(in srgb, var(--neutral-950) 55%, transparent), 0 22px 40px color-mix(in srgb, var(--neutral-950) 55%, transparent);border-radius:6px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.scatola--scopa .scatola__coperchio{background:linear-gradient(172deg, color-mix(in srgb, var(--brand-500) 30%, var(--neutral-950)), color-mix(in srgb, var(--brand-500) 14%, var(--neutral-950)) 80%)}.scatola__marca{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--neutral-50) 50%, transparent);padding:11px 13px 0;font-size:.5625rem}.scatola__arte{flex:1;place-items:center;padding:22px 10px 10px;display:grid;position:relative}.scatola__arte>*{grid-area:1/1}.scatola__sette{z-index:1;background:var(--paper-raise);block-size:84px;inline-size:auto;box-shadow:0 8px 16px color-mix(in srgb, var(--neutral-950) 70%, transparent);border-radius:5px;position:relative}.scatola__dorso{background:color-mix(in srgb, var(--neutral-600) 75%, var(--brand-500));border:1px solid var(--neutral-500);border-radius:5px;block-size:78px;inline-size:52px}.scatola__dorso.d1{transform:rotate(-14deg)translate(-26px)translateY(4px)}.scatola__dorso.d2{transform:rotate(14deg)translate(26px)translateY(4px)}.scatola__titolo{text-align:center;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;color:var(--paper);padding:10px 12px 0;font-size:1.5rem;font-weight:800;line-height:1.05}.scatola__tagline{text-align:center;color:color-mix(in srgb, var(--neutral-50) 60%, transparent);padding:5px 14px 12px;font-size:.8125rem;font-style:italic;line-height:1.4}.scatola__specs{border-block-start:1px dashed color-mix(in srgb, var(--neutral-50) 25%, transparent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--neutral-50) 65%, transparent);flex-wrap:wrap;justify-content:center;gap:9px;margin-block-start:auto;padding:9px 8px 11px;font-size:.5625rem;display:flex}.scatola--cellofan .scatola__coperchio{background:linear-gradient(180deg, var(--neutral-900), color-mix(in srgb, var(--neutral-900) 70%, var(--neutral-950)))}.scatola--cellofan .scatola__coperchio:after{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 8%, color-mix(in srgb, var(--neutral-50) 14%, transparent) 12%, transparent 18%), linear-gradient(115deg, transparent 55%, color-mix(in srgb, var(--neutral-50) 9%, transparent) 60%, transparent 68%);position:absolute;inset:0}.scatola__arte--vuota{font-family:var(--font-display), system-ui, sans-serif;color:var(--neutral-700);padding-block:34px;font-size:3.2rem;font-weight:800}@media (prefers-reduced-motion:reduce){.scatola,a.scatola:hover{transition:none;transform:none}}