.Demos-module__9C3fYa__frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.Demos-module__9C3fYa__reticolo{pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, currentColor 6%, transparent) 0 1px, transparent 1px 100%), linear-gradient(to bottom, color-mix(in srgb, currentColor 6%, transparent) 0 1px, transparent 1px 100%);background-size:40px 40px;position:absolute;inset:0}.Demos-module__9C3fYa__stage{justify-content:center;align-items:center;min-block-size:200px;display:flex;position:relative}.Demos-module__9C3fYa__foot{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.Demos-module__9C3fYa__control{gap:var(--space-2);flex-direction:column;display:flex}.Demos-module__9C3fYa__label{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-secondary);flex-wrap:wrap;display:flex}.Demos-module__9C3fYa__value{color:var(--text-primary);white-space:nowrap}.Demos-module__9C3fYa__caption{font-size:var(--fs-meta);color:var(--text-secondary);margin:0}.Demos-module__9C3fYa__sample{margin-inline-start:.6em;font-family:var(--font-mono);letter-spacing:var(--tracking-meta);text-transform:uppercase;opacity:.75;margin-inline-start:var(--sample-indent,.6em);display:inline-block}.Demos-module__9C3fYa__steps{gap:var(--space-2);flex-wrap:wrap;display:flex}.Demos-module__9C3fYa__step{min-block-size:44px;padding-inline:var(--space-3);border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast,.16s) var(--ease-out), background-color var(--dur-fast,.16s) var(--ease-out), border-color var(--dur-fast,.16s) var(--ease-out);background:0 0}.no-touch .Demos-module__9C3fYa__step:not([data-on]):hover{color:var(--text-primary);border-color:color-mix(in srgb, currentColor 45%, transparent)}.Demos-module__9C3fYa__step[data-on]{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-page)}.Demos-module__9C3fYa__range{block-size:44px;inline-size:100%;accent-color:var(--text-primary);cursor:pointer}@media (prefers-reduced-motion:reduce){.Demos-module__9C3fYa__frame *,.Demos-module__9C3fYa__frame :before,.Demos-module__9C3fYa__frame :after{transition:none!important;animation:none!important}}.Demos-module__9C3fYa__bare{--sample-indent:0;z-index:1;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.Demos-module__9C3fYa__stage[data-bare]{min-block-size:132px}.Demos-module__9C3fYa__labelEnd{align-items:baseline;gap:var(--space-3);margin-inline-start:auto;display:inline-flex}.Demos-module__9C3fYa__hint{color:var(--text-primary);border-block-end:1px solid color-mix(in srgb, currentColor 35%, transparent);align-items:center;gap:.4em;padding-block-end:2px;display:inline-flex}.Demos-module__9C3fYa__hint i{border-block-end:1px solid;border-inline-end:1px solid;block-size:7px;inline-size:7px;translate:0 -2px;rotate:45deg}
.Scenes-module__I8Ok0a__line,.Scenes-module__I8Ok0a__viewport,.Scenes-module__I8Ok0a__phone,.Scenes-module__I8Ok0a__dieline,.Scenes-module__I8Ok0a__seam,.Scenes-module__I8Ok0a__serp,.Scenes-module__I8Ok0a__cone,.Scenes-module__I8Ok0a__routing,.Scenes-module__I8Ok0a__scale{color:var(--text-primary)}.Scenes-module__I8Ok0a__viewport{border:1px solid var(--border-strong);border-radius:var(--radius-sm,8px);block-size:208px;transition:inline-size var(--dur-base) var(--ease-out);position:relative;overflow:hidden}.Scenes-module__I8Ok0a__chrome{border-block-end:1px solid var(--border);align-items:center;gap:6px;block-size:22px;padding-inline:10px;display:flex}.Scenes-module__I8Ok0a__chrome i{opacity:.4;background:currentColor;block-size:2px;inline-size:18px}.Scenes-module__I8Ok0a__cols{pointer-events:none;gap:4px;display:flex;position:absolute;inset:22px 10px 10px}.Scenes-module__I8Ok0a__cols i{border-inline:1px dashed color-mix(in srgb, currentColor 26%, transparent);flex:1 1 0;min-inline-size:0}.Scenes-module__I8Ok0a__blocks{gap:10px;transition:none;display:flex;position:absolute;inset:34px 18px 18px}.Scenes-module__I8Ok0a__blocks[data-stack]{flex-direction:column}.Scenes-module__I8Ok0a__blocks i{border:1px solid color-mix(in srgb, currentColor 45%, transparent);border-radius:4px;flex:1 1 0}.Scenes-module__I8Ok0a__flow{align-items:center;gap:var(--space-2);inline-size:100%;margin:0;padding:0;list-style:none;display:flex}.Scenes-module__I8Ok0a__node{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;flex:1 1 0;min-inline-size:0;display:flex}.Scenes-module__I8Ok0a__dot{border-radius:var(--radius-sm,8px);opacity:.28;block-size:34px;inline-size:100%;transition:opacity var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);border:1px solid}.Scenes-module__I8Ok0a__node[data-state=next] .Scenes-module__I8Ok0a__dot{border-style:dashed}.Scenes-module__I8Ok0a__node[data-state=done] .Scenes-module__I8Ok0a__dot{opacity:.55}.Scenes-module__I8Ok0a__node[data-state=on] .Scenes-module__I8Ok0a__dot{opacity:1;background:color-mix(in srgb, currentColor 12%, transparent)}.Scenes-module__I8Ok0a__nodeLabel{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-secondary)}.Scenes-module__I8Ok0a__node[data-state=on] .Scenes-module__I8Ok0a__nodeLabel{color:var(--text-primary)}.Scenes-module__I8Ok0a__phone{border:2px solid;border-radius:24px;flex-direction:column;gap:8px;block-size:210px;inline-size:132px;padding:10px 8px;display:flex}.Scenes-module__I8Ok0a__phoneBar{opacity:.45;background:currentColor;border-radius:2px;align-self:center;block-size:3px;inline-size:34px}.Scenes-module__I8Ok0a__phoneBody{flex-direction:column;flex:auto;gap:7px;padding-block-start:4px;display:flex}.Scenes-module__I8Ok0a__phoneBody i{opacity:.32;block-size:8px;transition:inline-size var(--dur-base) var(--ease-out);background:currentColor;border-radius:2px}.Scenes-module__I8Ok0a__phoneTabs{border-block-start:1px solid var(--border);justify-content:center;gap:10px;padding-block-start:6px;display:flex}.Scenes-module__I8Ok0a__phoneTabs i{opacity:.25;block-size:3px;inline-size:18px;transition:opacity var(--dur-base) var(--ease-out);background:currentColor;border-radius:2px}.Scenes-module__I8Ok0a__phoneTabs i[data-on]{opacity:1}.Scenes-module__I8Ok0a__scale{align-items:flex-end;gap:var(--space-6);display:flex}.Scenes-module__I8Ok0a__scaleMark{transition:inline-size var(--dur-base) var(--ease-out);display:block}.Scenes-module__I8Ok0a__scaleRef{inline-size:16px;border-block-start:1px solid var(--border-strong);opacity:.6;padding-block-start:var(--space-2);display:block}.Scenes-module__I8Ok0a__scaleMark svg,.Scenes-module__I8Ok0a__scaleRef svg{block-size:auto;inline-size:100%}.Scenes-module__I8Ok0a__dieline{perspective:700px;transform-style:preserve-3d;display:flex}.Scenes-module__I8Ok0a__panel{border:1px solid;block-size:92px;inline-size:62px;transition:transform var(--dur-slow,.64s) var(--ease-out);transform-origin:0;backface-visibility:visible;border-inline-end-style:dashed}.Scenes-module__I8Ok0a__panel[data-face=b]{border-inline-end-style:solid}.Scenes-module__I8Ok0a__dieline[data-chiuso] .Scenes-module__I8Ok0a__panel[data-face=l]{transform:rotateY(62deg)}.Scenes-module__I8Ok0a__dieline[data-chiuso] .Scenes-module__I8Ok0a__panel[data-face=r]{transform:rotateY(-62deg)}.Scenes-module__I8Ok0a__dieline[data-chiuso] .Scenes-module__I8Ok0a__panel[data-face=b]{opacity:.5;transform:rotateY(-62deg)translate(-8px)}.Scenes-module__I8Ok0a__seam{inline-size:100%;padding-block:var(--space-3);overflow:hidden}.Scenes-module__I8Ok0a__seamTrack{--frame-w:116px;translate:calc(var(--f,0) * var(--frame-w) * -1) 0;transition:translate var(--dur-slow,.64s) var(--ease-out);gap:8px;display:flex;position:relative}.Scenes-module__I8Ok0a__seamFrame{border:1px solid color-mix(in srgb, currentColor 30%, transparent);opacity:.4;block-size:135px;transition:opacity var(--dur-base) var(--ease-out);border-radius:4px;flex:0 0 108px;align-items:flex-end;padding:8px;display:flex}.Scenes-module__I8Ok0a__seamFrame[data-on]{opacity:1;border-color:color-mix(in srgb, currentColor 60%, transparent)}.Scenes-module__I8Ok0a__seamFrame b{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);color:var(--text-secondary);font-weight:400}.Scenes-module__I8Ok0a__seamThread{background:var(--grad-hairline);pointer-events:none;block-size:2px;position:absolute;inset-block-start:42%;inset-inline:-40px;transform:rotate(4.24deg)}.Scenes-module__I8Ok0a__serp{flex-direction:column;gap:7px;inline-size:100%;max-inline-size:320px;margin:0;padding:0;list-style:none;display:flex}.Scenes-module__I8Ok0a__serpRow{align-items:center;gap:var(--space-3);display:flex}.Scenes-module__I8Ok0a__serpRank{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);color:var(--text-secondary);opacity:.5;transition:opacity var(--dur-base) var(--ease-out)}.Scenes-module__I8Ok0a__serpBar{opacity:.18;block-size:8px;transition:opacity var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);background:currentColor;border-radius:2px}.Scenes-module__I8Ok0a__serpRow[data-on] .Scenes-module__I8Ok0a__serpRank{opacity:1}.Scenes-module__I8Ok0a__serpRow[data-on] .Scenes-module__I8Ok0a__serpBar{opacity:1;background:var(--grad-hairline);block-size:10px}.Scenes-module__I8Ok0a__cone{flex-direction:column;align-items:center;gap:6px;inline-size:100%;max-inline-size:360px;margin:0;display:flex}.Scenes-module__I8Ok0a__coneRow{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:8px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm,8px);transition:inline-size var(--dur-base) var(--ease-out);display:flex}.Scenes-module__I8Ok0a__coneRow dt{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-secondary)}.Scenes-module__I8Ok0a__coneRow dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.Scenes-module__I8Ok0a__coneRow[data-out]{border-color:color-mix(in srgb, currentColor 45%, transparent);margin-block-start:var(--space-3)}.Scenes-module__I8Ok0a__coneRow[data-out] dd{font-size:var(--fs-body-lg)}.Scenes-module__I8Ok0a__routing{align-items:center;gap:var(--space-4);grid-template-columns:1fr auto 1fr;inline-size:100%;max-inline-size:340px;display:grid}.Scenes-module__I8Ok0a__routingIn{flex-direction:column;gap:6px;display:flex}.Scenes-module__I8Ok0a__routingIn i{block-size:10px;display:block}.Scenes-module__I8Ok0a__routingIn b{opacity:.55;block-size:100%;translate:calc(var(--i) * 6px) 0;transition:translate var(--dur-slow,.64s) var(--ease-out);border:1px solid;border-radius:2px;display:block}.Scenes-module__I8Ok0a__routing[data-auto] .Scenes-module__I8Ok0a__routingIn b{translate:0}.Scenes-module__I8Ok0a__routingNode{opacity:.35;block-size:44px;inline-size:44px;transition:opacity var(--dur-base) var(--ease-out);border:2px solid;border-radius:4px}.Scenes-module__I8Ok0a__routing[data-auto] .Scenes-module__I8Ok0a__routingNode{opacity:1}.Scenes-module__I8Ok0a__routingOut{gap:var(--space-3);flex-direction:column;display:flex}.Scenes-module__I8Ok0a__routingOut i{opacity:.2;block-size:16px;transition:opacity var(--dur-base) var(--ease-out);border:1px solid;border-radius:2px}.Scenes-module__I8Ok0a__routing[data-auto] .Scenes-module__I8Ok0a__routingOut i{opacity:.75}.Scenes-module__I8Ok0a__routingOut i[data-manual]{opacity:.45;border-style:dashed}@media (max-width:640px){.Scenes-module__I8Ok0a__viewport{block-size:150px}.Scenes-module__I8Ok0a__scale{gap:var(--space-4)}.Scenes-module__I8Ok0a__seamTrack{--frame-w:96px}.Scenes-module__I8Ok0a__seamFrame{flex-basis:88px;block-size:110px}}