#come-lavoriamo{position:relative;background:var(--ink)}body:has(#top[data-scene='house']) #come-lavoriamo{display:none}#come-lavoriamo .clw__track{position:relative;height:400vh;height:400svh}#come-lavoriamo .clw__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:clip;isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:clamp(24px,5vw,80px);max-width:var(--wrap,1320px);margin-inline:auto;padding:calc(var(--navh,96px) + 16px) var(--pad,40px) 32px}#come-lavoriamo .clw__stage::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 56% at 70% 50%,rgba(193,18,249,.16),rgba(193,18,249,0) 70%)}#come-lavoriamo .clw__txt{display:flex;flex-direction:column;gap:clamp(18px,3.6svh,38px);min-width:0}#come-lavoriamo .clw__h{font-family:var(--ff-d);font-weight:800;font-size:clamp(30px,3.7vw,54px);line-height:1.04;letter-spacing:-.035em;max-width:16ch;color:var(--txt)}#come-lavoriamo .clw__h span{color:#1080FC}#come-lavoriamo .clw__count{font:500 12px var(--ff-m);letter-spacing:.18em;color:var(--txt-2)}#come-lavoriamo .clw__count b{color:var(--txt);font-weight:500}#come-lavoriamo .clw__list{position:relative;display:grid;gap:4px;padding-left:28px}#come-lavoriamo .clw__list::before,#come-lavoriamo .clw__list::after{content:'';position:absolute;left:5px;top:10px;bottom:10px;width:1px}#come-lavoriamo .clw__list::before{background:rgba(255,255,255,.14)}#come-lavoriamo .clw__list::after{background:#1080FC;box-shadow:0 0 10px rgba(16,128,252,.8);transform:scaleY(calc(.08 + var(--prog,0) * .92));transform-origin:top}#come-lavoriamo .clw__list li{position:relative}#come-lavoriamo .clw__list li::before{content:'';position:absolute;left:-23px;top:21px;width:14px;height:2px;background:rgba(255,255,255,.3);transition:background .4s,box-shadow .4s}#come-lavoriamo .clw__list li.is-on::before{background:#1080FC;box-shadow:0 0 8px rgba(16,128,252,.9)}#come-lavoriamo .clw__list button{display:block;text-align:left;min-height:44px;padding:10px 0;font:700 clamp(17px,1.5vw,21px)/1.25 var(--ff-d);letter-spacing:-.02em;color:var(--txt-2);transition:color .4s}#come-lavoriamo .clw__list button:hover,#come-lavoriamo .clw__list li.is-on button{color:var(--txt)}#come-lavoriamo .clw__d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,.68,0,1)}#come-lavoriamo .clw__d p{overflow:hidden;min-height:0;max-width:42ch;font-size:16px;line-height:1.55;color:var(--txt-2);opacity:0;transition:opacity .4s}#come-lavoriamo .clw__list li.is-on .clw__d{grid-template-rows:1fr}#come-lavoriamo .clw__list li.is-on .clw__d p{opacity:1;padding-bottom:8px}#come-lavoriamo .clw__cta{display:grid;justify-items:start;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .5s,transform .5s,visibility 0s linear .5s}#come-lavoriamo[data-step='3'] .clw__cta{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .5s .3s,transform .5s .3s,visibility 0s}#come-lavoriamo .clw__cta p{font-size:14.5px;color:var(--txt-2)}#come-lavoriamo .clw__tabs{display:none}#come-lavoriamo .clw__vis{display:grid;gap:18px;justify-items:center;min-width:0}#come-lavoriamo .clw__dev{position:relative;width:100%;max-width:660px;aspect-ratio:16/11}#come-lavoriamo .clw__win{position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:var(--ink-2);box-shadow:0 40px 90px -50px rgba(16,128,252,.6);transform-origin:0 50%;transition:transform .9s cubic-bezier(.65,0,.35,1)}#come-lavoriamo[data-step='3'] .clw__win{transform:scale(.8)}#come-lavoriamo .clw__bar{position:absolute;left:0;right:0;top:0;height:11%;border-bottom:1px solid rgba(255,255,255,.1)}#come-lavoriamo .clw__bar::after{content:'';position:absolute;left:4%;top:28%;width:38%;height:44%;border-radius:99px;background:rgba(255,255,255,.07)}#come-lavoriamo .clw__page{position:absolute;left:0;right:0;top:11%;bottom:0;overflow:hidden;border-radius:0 0 13px 13px}#come-lavoriamo .clw__b{position:absolute;box-sizing:border-box;border-radius:6px;left:var(--x1);top:var(--y1);width:var(--w1);height:var(--h1);border:1px solid rgba(16,128,252,.75);background-color:rgba(16,128,252,.07);transition:left .9s,top .9s,width .9s,height .9s,transform .9s,border-color .7s,background-color .7s,opacity .7s;transition-timing-function:cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--i) * 40ms)}#come-lavoriamo[data-step='0'] .clw__b{left:var(--x0);top:var(--y0);width:var(--w0);height:var(--h0);transform:rotate(var(--r0));border:1px dashed rgba(238,240,247,.38);background-color:transparent}#come-lavoriamo.is-draft .clw__b{border-color:rgba(255,255,255,.1);background-color:transparent}#come-lavoriamo.is-draft .b2,#come-lavoriamo.is-draft .b3{border-color:transparent}#come-lavoriamo.is-draft .b4{border-color:#1080FC}#come-lavoriamo .clw__b::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .8s}#come-lavoriamo.is-draft .clw__b::before{opacity:1}#come-lavoriamo .b1::before{background:linear-gradient(#eef0f7,#eef0f7) 3% 50%/9% 34% no-repeat,linear-gradient(rgba(163,167,186,.7),rgba(163,167,186,.7)) 62% 50%/8% 22% no-repeat,linear-gradient(rgba(163,167,186,.7),rgba(163,167,186,.7)) 74% 50%/8% 22% no-repeat,linear-gradient(rgba(163,167,186,.7),rgba(163,167,186,.7)) 86% 50%/8% 22% no-repeat,rgba(255,255,255,.06)}#come-lavoriamo .b2::before{background:linear-gradient(#eef0f7,#eef0f7) 0 0/100% 40% no-repeat,linear-gradient(#eef0f7,#eef0f7) 0 100%/68% 40% no-repeat}#come-lavoriamo .b3::before{background:linear-gradient(rgba(163,167,186,.75),rgba(163,167,186,.75)) 0 0/100% 34% no-repeat,linear-gradient(rgba(163,167,186,.75),rgba(163,167,186,.75)) 0 100%/64% 34% no-repeat}#come-lavoriamo .b4::before{background:#1080FC}#come-lavoriamo .b5::before{background:url(/assets/media/modifica-trasforma-questa-villa-in-un-disegno-te-93ecd017.webp) center/cover no-repeat}#come-lavoriamo .b6::before,#come-lavoriamo .b7::before,#come-lavoriamo .b8::before{background:linear-gradient(#eef0f7,#eef0f7) 10% 18%/55% 7% no-repeat,linear-gradient(rgba(163,167,186,.6),rgba(163,167,186,.6)) 10% 38%/76% 5% no-repeat,linear-gradient(rgba(163,167,186,.6),rgba(163,167,186,.6)) 10% 50%/60% 5% no-repeat,rgba(255,255,255,.06)}#come-lavoriamo .x1{opacity:.35;border-style:dashed}#come-lavoriamo .x1::after{content:'';position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - .5px),rgba(238,240,247,.55) 50%,transparent calc(50% + .5px))}#come-lavoriamo[data-step='0'] .x1{opacity:.7}#come-lavoriamo.is-draft .x1{opacity:0}#come-lavoriamo .clw__tag{position:absolute;right:14px;top:-15px;z-index:2;padding:6px 12px;border-radius:99px;border:1px solid #1080FC;background:rgba(16,128,252,.2);font:500 12px var(--ff-m);color:var(--txt);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .5s .4s,transform .5s .4s}#come-lavoriamo[data-step='2'] .clw__tag{opacity:1;transform:none}#come-lavoriamo .clw__ph{position:absolute;right:2%;top:50%;width:17%;aspect-ratio:9/18;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:var(--ink-2);overflow:hidden;opacity:0;transform:translate(26px,-50%);transition:opacity .7s .25s,transform .9s .25s cubic-bezier(.22,.68,0,1)}#come-lavoriamo[data-step='3'] .clw__ph{opacity:1;transform:translate(0,-50%)}#come-lavoriamo .clw__ph::before{content:'';position:absolute;inset:0;background:linear-gradient(#eef0f7,#eef0f7) 10% 12%/72% 6% no-repeat,linear-gradient(#eef0f7,#eef0f7) 10% 20%/48% 6% no-repeat,linear-gradient(#1080FC,#1080FC) 10% 34%/46% 7% no-repeat,linear-gradient(rgba(163,167,186,.5),rgba(163,167,186,.5)) 10% 82%/80% 4% no-repeat,linear-gradient(rgba(163,167,186,.5),rgba(163,167,186,.5)) 10% 90%/60% 4% no-repeat}#come-lavoriamo .clw__ph::after{content:'';position:absolute;left:10%;right:10%;top:46%;height:26%;border-radius:6px;background:url(/assets/media/modifica-trasforma-questa-villa-in-un-disegno-te-93ecd017.webp) center/cover no-repeat}#come-lavoriamo .clw__ok{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:36px}#come-lavoriamo .clw__ok li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 12px;border-radius:99px;border:1px solid rgba(16,128,252,.6);background:linear-gradient(180deg,rgba(16,128,252,.22),rgba(16,128,252,.08));box-shadow:0 0 20px -8px rgba(16,128,252,.85);font:600 14.5px/1 var(--ff-b);color:var(--txt);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}#come-lavoriamo[data-step='3'] .clw__ok li{opacity:1;transform:none;transition:opacity .5s .5s,transform .5s .5s}#come-lavoriamo[data-step='3'] .clw__ok li:nth-child(2){transition-delay:.65s}#come-lavoriamo .clw__ok svg{width:16px;height:16px;fill:none;stroke:#1080FC;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media (max-width:899px){#come-lavoriamo .clw__stage{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:calc(var(--navh,76px) + 12px) var(--pad,20px) calc(10px + env(safe-area-inset-bottom,0px))}#come-lavoriamo .clw__txt{display:contents}#come-lavoriamo .clw__h{order:1;font-size:clamp(22px,6.4vw,28px);max-width:none}#come-lavoriamo .clw__vis{order:2;flex:1;min-height:0;align-content:center}#come-lavoriamo .clw__list{order:3;padding-left:0;min-height:132px;gap:0}#come-lavoriamo .clw__cta{order:4;gap:6px}#come-lavoriamo .clw__tabs{order:5;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#come-lavoriamo .clw__count,#come-lavoriamo .clw__list::before,#come-lavoriamo .clw__list::after,#come-lavoriamo .clw__list li::before{display:none}#come-lavoriamo .clw__list li:not(.is-on){display:none}#come-lavoriamo .clw__list button{min-height:0;padding:0 0 4px;font-size:18px;color:var(--txt)}#come-lavoriamo .clw__d p{font-size:15px;max-width:none}#come-lavoriamo .clw__dev{width:min(100%,420px,max(240px,calc((100svh - 520px) * 1.45)))}#come-lavoriamo .clw__ph{width:20%}#come-lavoriamo .clw__cta .btn{height:44px;min-height:44px;padding:0 22px;font-size:15px;line-height:1}#come-lavoriamo .clw__cta .btn span{font-size:15px}#come-lavoriamo .clw__cta p{font-size:12.5px}#come-lavoriamo .clw__tabs button{position:relative;min-height:44px;padding-top:12px;font:600 12.5px var(--ff-b);white-space:nowrap;color:var(--txt-2);transition:color .4s}#come-lavoriamo .clw__tabs button::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px;background:rgba(255,255,255,.16);transition:background .4s,box-shadow .4s}#come-lavoriamo .clw__tabs button.is-on{color:var(--txt)}#come-lavoriamo .clw__tabs button.is-on::before{background:#1080FC;box-shadow:0 0 10px rgba(16,128,252,.8)}}@media (max-width:899px) and (max-height:600px){#come-lavoriamo .clw__ok{display:none}}#come-lavoriamo.is-static .clw__track{height:auto}#come-lavoriamo.is-static .clw__stage{position:relative;height:auto;padding-block:calc(var(--navh,96px) + 24px) 64px}#come-lavoriamo.is-static .clw__tabs{display:none}@media (prefers-reduced-motion:reduce){#come-lavoriamo *,#come-lavoriamo *::before,#come-lavoriamo *::after{transition:none!important}}
/* home: su telefono la barra fissa Smarthouse/Software sta in basso; le tacche dei passi restano sopra di lei */
@media (max-width:860px){#come-lavoriamo .clw__stage{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
/* tavolo da disegno: fondo blueprint con bordi a 15 gradi */
#come-lavoriamo{isolation:isolate}#come-lavoriamo .clw__track{--cut:min(26.8vw,480px);padding-block:var(--cut);height:calc(400vh + 2 * var(--cut));height:calc(400svh + 2 * var(--cut))}#come-lavoriamo.is-static .clw__track{--cut:0px;height:auto}#come-lavoriamo .clw__track::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%);background:linear-gradient(180deg,#040a1c,#071433 50%,#040a1c)}#come-lavoriamo .clw__stage::before{background:radial-gradient(ellipse 52% 56% at 70% 50%,rgba(16,128,252,.2),rgba(16,128,252,0) 70%),linear-gradient(rgba(16,128,252,.5) 1px,transparent 1px) 0 0/192px 192px,linear-gradient(90deg,rgba(16,128,252,.5) 1px,transparent 1px) 0 0/192px 192px,linear-gradient(rgba(16,128,252,.2) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(16,128,252,.2) 1px,transparent 1px) 0 0/48px 48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);opacity:.4;transition:opacity .9s}#come-lavoriamo[data-step='1'] .clw__stage::before{opacity:.65}#come-lavoriamo[data-step='2'] .clw__stage::before{opacity:.82}#come-lavoriamo[data-step='3'] .clw__stage::before{opacity:1}#come-lavoriamo .clw__stage::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 56% at 70% 50%,rgba(193,18,249,.2),rgba(193,18,249,0) 70%);opacity:0;transition:opacity 1s}#come-lavoriamo[data-step='3'] .clw__stage::after{opacity:1}
/* finestra in vetro */
#come-lavoriamo .clw__dev{container-type:inline-size}#come-lavoriamo .clw__dev::before,#come-lavoriamo .clw__dev::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;filter:blur(28px);transition:opacity .9s}#come-lavoriamo .clw__dev::before{background:radial-gradient(38% 46% at 16% 24%,rgba(16,128,252,.75),transparent 70%),radial-gradient(34% 40% at 82% 82%,rgba(0,212,255,.42),transparent 70%)}#come-lavoriamo .clw__dev::after{background:radial-gradient(40% 46% at 84% 22%,rgba(193,18,249,.62),transparent 70%);opacity:0}#come-lavoriamo[data-step='3'] .clw__dev::after{opacity:1}#come-lavoriamo .clw__win{--rw:max(14px,3.4cqw);border:0;border-radius:var(--rw);background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 38%,rgba(255,255,255,.03) 62%,rgba(255,255,255,.12)),rgba(10,22,52,.28);-webkit-backdrop-filter:blur(26px) saturate(190%) brightness(1.08);backdrop-filter:blur(26px) saturate(190%) brightness(1.08);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1.5px 0 rgba(255,255,255,.14),inset 1.5px 0 1px -1px rgba(255,255,255,.35),inset -1px 0 1px -1px rgba(255,255,255,.2),inset 0 0 28px rgba(255,255,255,.07),0 34px 80px -34px rgba(0,0,0,.9),0 18px 46px -22px rgba(16,128,252,.5)}#come-lavoriamo .clw__win::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.08) 28%,rgba(255,255,255,.04) 62%,rgba(255,255,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}#come-lavoriamo .clw__win::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(120% 60% at 18% -8%,rgba(255,255,255,.2),rgba(255,255,255,0) 55%),linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(255,255,255,.06))}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#come-lavoriamo .clw__win{background:rgba(12,22,50,.88)}}#come-lavoriamo .clw__bar{border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border-radius:var(--rw) var(--rw) 0 0}#come-lavoriamo .clw__bar::after{display:none}#come-lavoriamo .clw__page{border-radius:0 0 var(--rw) var(--rw);background:rgba(3,8,22,.25)}#come-lavoriamo .clw__ph{border-color:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 40px -20px rgba(0,0,0,.8)}
/* barra indirizzi e bottone Approva */
#come-lavoriamo .clw__url{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:40%;height:46%;display:flex;align-items:center;gap:.7em;padding:0 1em;border-radius:99px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);font:500 max(6px,1.55cqw)/1 var(--ff-m);letter-spacing:0;color:var(--txt-2);white-space:nowrap;overflow:hidden}#come-lavoriamo .clw__url i{flex:none;width:.7em;height:.7em;border-radius:50%;background:rgba(255,255,255,.4);transition:background .4s,box-shadow .4s}#come-lavoriamo .clw__url b{font-weight:500}#come-lavoriamo .clw__url .u1{transition:opacity .25s}#come-lavoriamo .clw__url .u2{position:absolute;left:2.4em;width:0;overflow:hidden;color:var(--txt)}#come-lavoriamo[data-step='3'] .u1{opacity:0;transition-delay:1.5s}#come-lavoriamo[data-step='3'] .u2{animation:clwType .9s steps(11,end) 1.6s forwards}#come-lavoriamo[data-step='3'] .clw__url i{background:#1080FC;box-shadow:0 0 8px 1px rgba(16,128,252,.9);transition-delay:1.7s}#come-lavoriamo .clw__ap{position:absolute;right:3%;top:50%;transform:translateY(-50%);height:50%;min-width:16%;display:grid;place-items:center;padding:0 1em;border-radius:99px;border:1px solid rgba(16,128,252,.8);background:rgba(16,128,252,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);font:600 max(6.5px,1.5cqw)/1 var(--ff-b);color:var(--txt);opacity:0;transition:opacity .5s,background .35s,box-shadow .35s}#come-lavoriamo .clw__ap span{grid-area:1/1;white-space:nowrap;transition:opacity .25s}#come-lavoriamo .clw__ap .a2{opacity:0}#come-lavoriamo[data-step='2'] .clw__ap{opacity:1;transition-delay:.7s}#come-lavoriamo[data-step='3'] .clw__ap{opacity:1;background:#1080FC;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 16px -2px rgba(16,128,252,.9);animation:clwPress .3s 1.2s;transition-delay:0s,1.25s,1.25s}#come-lavoriamo[data-step='3'] .clw__ap .a1{opacity:0;transition-delay:1.3s}#come-lavoriamo[data-step='3'] .clw__ap .a2{opacity:1;transition-delay:1.3s}
/* squadra e quote del passo 2 */
#come-lavoriamo .clw__g{position:absolute;opacity:0;pointer-events:none;transition:opacity .5s,transform .9s cubic-bezier(.65,0,.35,1)}#come-lavoriamo .gv{top:0;bottom:0;width:0;border-left:1px dashed rgba(16,128,252,.6);transform:scaleY(0);transform-origin:50% 0}#come-lavoriamo .gh{left:0;right:0;height:0;border-top:1px dashed rgba(16,128,252,.6);transform:scaleX(0);transform-origin:0 50%}#come-lavoriamo .gv1{left:6%}#come-lavoriamo .gv2{left:60%}#come-lavoriamo .gh1{top:20%}#come-lavoriamo .gh2{top:68%}#come-lavoriamo[data-step='1'] .clw__g{opacity:1;transform:none;transition-delay:.6s}#come-lavoriamo[data-step='1'] .gv2,#come-lavoriamo[data-step='1'] .gh2{transition-delay:.8s}#come-lavoriamo .clw__q{position:absolute;padding:.15em .5em;border-radius:5px;border:1px solid rgba(16,128,252,.55);background:rgba(4,10,28,.85);font:500 max(6px,1.3cqw)/1.2 var(--ff-m);letter-spacing:0;color:#1080FC;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .5s}#come-lavoriamo[data-step='1'] .clw__q{opacity:1;transition-delay:1.2s}
/* cursori Cliente e Studio */
#come-lavoriamo .clw__cu{position:absolute;z-index:4;display:flex;align-items:flex-start;gap:.2em;font:600 max(7px,1.5cqw)/1 var(--ff-b);letter-spacing:0;pointer-events:none;transition:left .9s cubic-bezier(.65,0,.35,1),top .9s cubic-bezier(.65,0,.35,1),opacity .5s;animation:clwDrift 6.5s ease-in-out infinite}#come-lavoriamo .clw__cu svg{width:max(9px,2.2cqw);height:auto;aspect-ratio:16/21;flex:none;fill:var(--c);stroke:rgba(4,4,10,.75);stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}#come-lavoriamo .clw__cu em{margin-top:1.2em;padding:.35em .75em;border-radius:99px;background:var(--c);color:var(--k);font-style:normal;white-space:nowrap;box-shadow:0 2px 8px -2px rgba(0,0,0,.6)}#come-lavoriamo .cu-c{--c:#eef0f7;--k:#04040a;left:22%;top:42%}#come-lavoriamo .cu-s{--c:#1080FC;--k:#fff;left:66%;top:74%;animation-duration:7.4s;animation-delay:-2s}#come-lavoriamo[data-step='1'] .cu-c{left:34%;top:50%}#come-lavoriamo[data-step='1'] .cu-s{left:62%;top:62%}#come-lavoriamo[data-step='2'] .cu-c{left:44%;top:31%;transition-delay:.2s}#come-lavoriamo[data-step='2'] .cu-s{left:27%;top:38.5%;transition-delay:.9s}#come-lavoriamo[data-step='3'] .cu-c{left:89%;top:6%;transition-delay:.25s;animation:clwDrift 6.5s ease-in-out infinite,clwTap .3s 1.2s 1}#come-lavoriamo[data-step='3'] .cu-s{left:27%;top:38.5%;opacity:0}
/* commento sul titolo */
#come-lavoriamo .clw__cm{position:absolute;z-index:4;left:47%;top:36%;display:flex;align-items:center;gap:.5em;padding:.5em .9em;font:600 max(7px,1.5cqw)/1.1 var(--ff-b);letter-spacing:0;color:var(--txt);white-space:nowrap;border-radius:1em 1em 1em .25em;border:1px solid rgba(255,255,255,.34);background:rgba(6,12,32,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px -12px rgba(0,0,0,.8);opacity:0;transform:translateY(6px) scale(.94);transform-origin:0 100%;pointer-events:none;transition:opacity .45s,transform .45s}#come-lavoriamo .clw__cm svg{width:0;height:1.25em;flex:none;fill:none;stroke:#1080FC;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}#come-lavoriamo[data-step='2'] .clw__cm{opacity:1;transform:none;transition-delay:.55s;animation:clwResolve .4s 2.7s forwards}#come-lavoriamo[data-step='2'] .clw__cm svg{animation:clwCheck .4s 2.7s forwards}#come-lavoriamo .b2::before{background-size:100% 40%,68% 40%;transition:opacity .8s,background-size .8s cubic-bezier(.65,0,.35,1)}#come-lavoriamo[data-step='2'] .b2::before{background-size:100% 40%,38% 40%;transition-delay:0s,1.8s}#come-lavoriamo[data-step='3'] .b2::before{background-size:100% 40%,38% 40%}
@keyframes clwDrift{0%,100%{translate:0 0}50%{translate:6px 4px}}@keyframes clwTap{50%{scale:.82}}@keyframes clwPress{50%{scale:.88}}@keyframes clwType{to{width:11ch}}@keyframes clwResolve{to{border-color:#1080FC;background:rgba(16,128,252,.24)}}@keyframes clwCheck{to{width:1.25em;opacity:1}}
@media (max-width:899px){#come-lavoriamo .cu-s,#come-lavoriamo .clw__q{display:none}}
@media (prefers-reduced-motion:reduce){#come-lavoriamo .clw__cu,#come-lavoriamo .clw__ap,#come-lavoriamo .clw__cm,#come-lavoriamo .clw__cm svg,#come-lavoriamo .b2::before{animation:none!important}#come-lavoriamo .u2{animation:none!important;width:11ch}}
/* finestra piu' dettagliata: barra, pagina in bozza, selezione */
#come-lavoriamo .clw__bar{overflow:hidden}
#come-lavoriamo .clw__dots{position:absolute;left:3.4%;top:50%;transform:translateY(-50%);display:flex;gap:max(3px,.8cqw)}
#come-lavoriamo .clw__dots i{display:block;width:max(5px,1.25cqw);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
#come-lavoriamo .clw__url{left:13%;width:42%}
#come-lavoriamo .clw__load{position:absolute;left:0;bottom:0;width:100%;height:max(1.5px,.28cqw);background:linear-gradient(90deg,#1080FC,#C112F9);box-shadow:0 0 8px rgba(16,128,252,.8);transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}
#come-lavoriamo[data-step='3'] .clw__load{animation:clwLoad 1.1s ease-out 1.6s both}
#come-lavoriamo .b4::before{box-shadow:0 0 max(8px,2.2cqw) -2px rgba(16,128,252,.75)}
#come-lavoriamo .b4::after{content:'Scrivici';position:absolute;inset:0;display:grid;place-items:center;font:700 max(6px,1.3cqw)/1 var(--ff-b);color:#fff;opacity:0;transition:opacity .8s}
#come-lavoriamo .b5::after{content:'La tua casa, sotto controllo';position:absolute;inset:0;display:flex;align-items:flex-end;padding:0 7% 7%;border-radius:inherit;background:linear-gradient(180deg,rgba(4,4,10,0) 40%,rgba(4,4,10,.82));font:700 max(6px,1.35cqw)/1.2 var(--ff-d);letter-spacing:-.01em;color:#eef0f7;opacity:0;transition:opacity .8s}
#come-lavoriamo .clw__bd{position:absolute;left:7%;top:8%;z-index:1;padding:.3em .75em;border-radius:99px;border:1px solid rgba(16,128,252,.85);background:rgba(4,10,28,.72);font:600 max(5.5px,1.15cqw)/1 var(--ff-b);font-style:normal;color:#eef0f7;white-space:nowrap;opacity:0;transition:opacity .8s}
#come-lavoriamo .b6::before,#come-lavoriamo .b7::before,#come-lavoriamo .b8::before{background:linear-gradient(#eef0f7,#eef0f7) 10% 50%/58% 8% no-repeat,linear-gradient(rgba(163,167,186,.6),rgba(163,167,186,.6)) 10% 68%/78% 6% no-repeat,linear-gradient(rgba(163,167,186,.6),rgba(163,167,186,.6)) 10% 82%/62% 6% no-repeat,linear-gradient(rgba(163,167,186,.6),rgba(163,167,186,.6)) 10% 96%/70% 6% no-repeat,rgba(255,255,255,.06)}
#come-lavoriamo .b6::after,#come-lavoriamo .b7::after,#come-lavoriamo .b8::after{content:'';position:absolute;left:10%;top:15%;width:max(10px,2.6cqw);aspect-ratio:1;box-sizing:border-box;border-radius:50%;border:1.5px solid #1080FC;background:rgba(16,128,252,.22);opacity:0;transition:opacity .8s}
#come-lavoriamo .clw__sb{position:absolute;right:1.4%;top:5%;bottom:5%;width:max(3px,.7cqw);border-radius:99px;background:rgba(255,255,255,.07);opacity:0;pointer-events:none;transition:opacity .8s}
#come-lavoriamo .clw__sb b{display:block;width:100%;height:30%;border-radius:99px;background:rgba(255,255,255,.34);animation:clwScroll 6s ease-in-out infinite alternate}
#come-lavoriamo.is-draft .b4::after,#come-lavoriamo.is-draft .b5::after,#come-lavoriamo.is-draft .b6::after,#come-lavoriamo.is-draft .b7::after,#come-lavoriamo.is-draft .b8::after,#come-lavoriamo.is-draft .clw__bd,#come-lavoriamo.is-draft .clw__sb{opacity:1}
#come-lavoriamo .clw__sel{position:absolute;inset:-4px;border:1px solid #1080FC;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .4s}
#come-lavoriamo .clw__sel b{position:absolute;width:max(4px,.9cqw);aspect-ratio:1;box-sizing:border-box;background:#eef0f7;border:1px solid #1080FC;transform:translate(-50%,-50%)}
#come-lavoriamo .clw__sel b:nth-child(1){left:0;top:0}
#come-lavoriamo .clw__sel b:nth-child(2){left:100%;top:0}
#come-lavoriamo .clw__sel b:nth-child(3){left:0;top:100%}
#come-lavoriamo .clw__sel b:nth-child(4){left:100%;top:100%}
#come-lavoriamo[data-step='2'] .clw__sel{opacity:1;transition-delay:.55s}
@keyframes clwLoad{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@keyframes clwScroll{from{translate:0 0}to{translate:0 230%}}
@media (prefers-reduced-motion:reduce){#come-lavoriamo .clw__load,#come-lavoriamo .clw__sb b{animation:none!important}}
/* telefono e tablet: la finestra si misura sullo spazio libero tra titolo e testo, mai oltre */
@media (max-width:899px){#come-lavoriamo .clw__vis{container-type:size;gap:12px;overflow:hidden}#come-lavoriamo .clw__dev{width:min(100%,420px,max(170px,calc((100cqh - 50px) * 1.4545)))}#come-lavoriamo .clw__list{margin-top:8px}}
/* telefono e tablet: finestra piu' in basso, etichetta leggibile dentro la finestra, testo del passo piu' giu' */
@media (max-width:899px){#come-lavoriamo .clw__vis{margin-top:16px}#come-lavoriamo .clw__list{margin-top:22px}#come-lavoriamo .clw__tag{left:0;right:0;top:auto;bottom:8px;z-index:5;display:flex;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 16px);margin-inline:auto;padding:6px 12px;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:12px;line-height:1.2;letter-spacing:0;color:#fff;background:rgba(4,10,28,.94);border:1px solid #1080FC;box-shadow:0 6px 18px -6px rgba(0,0,0,.85),0 0 14px -4px rgba(16,128,252,.7)}#come-lavoriamo .clw__tag::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:#1080FC;box-shadow:0 0 8px 1px rgba(16,128,252,.9)}}
/* telefono e tablet: finestra a larghezza piena, etichetta sotto la finestra, alone che sfuma prima dei bordi */
@media (max-width:899px){#come-lavoriamo .clw__vis{margin-top:0;gap:12px}#come-lavoriamo .clw__list{margin-top:6px;min-height:100px}#come-lavoriamo .clw__cta{gap:6px}#come-lavoriamo .clw__tag{top:calc(100% + 12px);bottom:auto;font-size:12px}#come-lavoriamo .clw__dev::before,#come-lavoriamo .clw__dev::after{-webkit-mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%)}}
/* telefono e tablet: etichetta Anteprima intera, centrata sotto la finestra */
@media (max-width:899px){#come-lavoriamo .clw__ok{display:flex}#come-lavoriamo .clw__tag{left:50%;right:auto;top:calc(100% + 10px);bottom:auto;margin:0;translate:-50% 0;width:max-content;max-width:calc(100vw - 48px);overflow:visible;text-overflow:clip;white-space:nowrap;padding:7px 14px;font-size:clamp(11px,3.2vw,12.5px);line-height:1.2}}
/* telefono e tablet: testo e tacche piu' vicini, spazio sotto le tacche per le due meta della pillola */
@media (max-width:899px){#come-lavoriamo .clw__stage{padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))}#come-lavoriamo .clw__list{margin-top:0;min-height:88px}#come-lavoriamo .clw__cta{max-height:0;overflow:hidden;gap:6px;transition:max-height .4s,opacity .5s,transform .5s,visibility 0s linear .5s}#come-lavoriamo[data-step='3'] .clw__cta{max-height:80px;transition:max-height .4s,opacity .5s .3s,transform .5s .3s,visibility 0s}}
/* stacco: il pavimento di Digital Core si raddrizza e diventa il tavolo da disegno */
@property --gr{syntax:'<number>';inherits:true;initial-value:0}
#come-lavoriamo .gc-cut{position:absolute;left:0;right:0;top:0;height:var(--cut);z-index:-1;overflow:hidden;pointer-events:none;--ga:165deg;--gx:0px}
#come-lavoriamo .gc-cut::before,#come-lavoriamo .gc-cut::after{content:'';position:absolute;inset:0;background-size:192px 192px,192px 192px,48px 48px,48px 48px;background-position:var(--gx) 100%}
#come-lavoriamo .gc-cut::before{background-image:linear-gradient(rgba(16,128,252,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(16,128,252,.5) 1px,transparent 1px),linear-gradient(rgba(16,128,252,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(16,128,252,.26) 1px,transparent 1px);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.3)),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.3)),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
#come-lavoriamo .gc-cut::after{opacity:calc(.5 + var(--gr) * .5);background-image:linear-gradient(rgba(90,168,255,.85) 1px,transparent 1px),linear-gradient(90deg,rgba(90,168,255,.85) 1px,transparent 1px),linear-gradient(rgba(90,168,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(90,168,255,.42) 1px,transparent 1px);-webkit-mask-image:linear-gradient(var(--ga),transparent 30%,#000 50%,transparent calc(53% + var(--gr) * 34%)),linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(var(--ga),transparent 30%,#000 50%,transparent calc(53% + var(--gr) * 34%)),linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in,source-in;mask-composite:intersect,intersect}
#come-lavoriamo .gc-edge,#come-lavoriamo .gc-pulse{position:absolute;inset:0;width:100%;height:100%;display:block}
#come-lavoriamo .gc-edge{opacity:calc(.6 + var(--gr) * .4);filter:drop-shadow(0 0 4px rgba(16,128,252,.95)) drop-shadow(0 0 14px rgba(16,128,252,.5))}
#come-lavoriamo .gc-ln{fill:none;stroke:#5aa8ff;stroke-width:1.4}
#come-lavoriamo .gc-pulse{display:none}
#come-lavoriamo .gc-pulse line{fill:none;stroke:#fff;stroke-width:2.2}
@keyframes gcRun{0%{-webkit-mask-position:-20% 0;mask-position:-20% 0}100%{-webkit-mask-position:120% 0;mask-position:120% 0}}
@media (min-width:900px){#come-lavoriamo .gc-pulse{display:block;filter:drop-shadow(0 0 6px #1080FC);-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);-webkit-mask-size:30% 100%;mask-size:30% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:gcRun 6.5s cubic-bezier(.45,0,.55,1) infinite}}
@media (max-width:899px){#come-lavoriamo .gc-cut{--gr:0;transition:--gr 1.8s cubic-bezier(.65,0,.35,1)}#come-lavoriamo .gc-cut.is-lit{--gr:1}#come-lavoriamo .gc-edge{filter:drop-shadow(0 0 5px rgba(16,128,252,.9))}}
@media (prefers-reduced-motion:reduce){#come-lavoriamo .gc-cut{transition:none}#come-lavoriamo .gc-pulse{display:none;animation:none}}
/* indicatore a righello: filo a tacche, un nodo per passo, viola al quarto passo (solo computer) */
@media (min-width:900px){#come-lavoriamo .clw__list{padding-left:0}#come-lavoriamo .clw__list li{padding-left:28px}#come-lavoriamo .clw__list::before{left:7px;width:7px;background:linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)) 3px 0/1px 100% no-repeat,repeating-linear-gradient(180deg,rgba(255,255,255,.34) 0 1px,transparent 1px 10px) 0 0/7px 100% no-repeat}#come-lavoriamo .clw__list::after{left:10px;transition:background .6s,box-shadow .6s}#come-lavoriamo[data-step='3'] .clw__list::after{background:#C112F9;box-shadow:0 0 10px rgba(193,18,249,.8)}#come-lavoriamo .clw__list li::before{content:'';position:absolute;left:5px;top:16px;width:11px;height:11px;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:var(--ink);box-shadow:none;transition:background-color .4s,border-color .4s,box-shadow .4s}#come-lavoriamo .clw__list li.is-on::before{border-color:#1080FC;background:#1080FC;box-shadow:inset 0 0 0 2px #04040a,0 0 10px rgba(16,128,252,.9)}#come-lavoriamo[data-step='1'] .clw__list li:nth-child(-n+1)::before,#come-lavoriamo[data-step='2'] .clw__list li:nth-child(-n+2)::before,#come-lavoriamo[data-step='3'] .clw__list li:nth-child(-n+3)::before{border-color:#1080FC;background:#1080FC url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%2012.5l4.5%204.5L19%207.5%22/%3E%3C/svg%3E) center/70% no-repeat;box-shadow:none}#come-lavoriamo[data-step='3'] .clw__list li:nth-child(-n+3)::before{border-color:#C112F9;background-color:#C112F9}#come-lavoriamo[data-step='3'] .clw__list li.is-on::before{border-color:#C112F9;background:#C112F9;box-shadow:inset 0 0 0 2px #04040a,0 0 10px rgba(193,18,249,.9)}#come-lavoriamo .clw__list li.is-on::after{content:'';position:absolute;left:5px;top:16px;width:11px;height:11px;box-sizing:border-box;border-radius:50%;border:1px solid #1080FC;opacity:0;pointer-events:none;animation:clwRing 2.4s ease-out infinite}#come-lavoriamo[data-step='3'] .clw__list li.is-on::after{border-color:#C112F9}#come-lavoriamo .clw__count{font-size:0;letter-spacing:0}#come-lavoriamo .clw__count::after{display:block;font:500 12px/1.4 var(--ff-m);letter-spacing:.18em;color:var(--txt-2)}#come-lavoriamo[data-step='0'] .clw__count::after{content:'Passo 1 di 4'}#come-lavoriamo[data-step='1'] .clw__count::after{content:'Passo 2 di 4'}#come-lavoriamo[data-step='2'] .clw__count::after{content:'Passo 3 di 4'}#come-lavoriamo[data-step='3'] .clw__count::after{content:'Passo 4 di 4'}}
@keyframes clwRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion:reduce){#come-lavoriamo .clw__list li::after{display:none}}
/* telefono: la tacca attiva diventa viola al quarto passo */
#come-lavoriamo[data-step='3'] .clw__tabs button.is-on::before{background:#C112F9;box-shadow:0 0 10px rgba(193,18,249,.8)}