:root{--navy:#052754;--deep:#031a38;--blue:#0087dc;--orange:#ff6500;--white:#fff;--muted:#9db2c9;--line:rgba(111,190,255,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:#041b39;color:#fff;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.energy-bg{position:fixed;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(0,135,220,.19),transparent 32%),radial-gradient(circle at 12% 74%,rgba(255,101,0,.11),transparent 28%),linear-gradient(145deg,#03152e,#062855 58%,#031831)}.energy-bg::before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(77,171,237,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(77,171,237,.09) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 72%,transparent)}.energy-bg i{position:absolute;width:8px;height:8px;border-radius:50%;background:#20baff;box-shadow:0 0 12px #20baff,0 0 35px rgba(32,186,255,.7);animation:node 5s ease-in-out infinite}.energy-bg i:nth-child(1){top:18%;left:72%}.energy-bg i:nth-child(2){top:62%;left:87%;animation-delay:-2s}.energy-bg i:nth-child(3){top:81%;left:16%;background:#ff791f;box-shadow:0 0 12px #ff791f,0 0 35px rgba(255,121,31,.65);animation-delay:-3.5s}
.topbar{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;margin:auto;padding:24px 4vw;border-bottom:1px solid var(--line)}.back,.call-top{font-size:12px;font-weight:900;letter-spacing:1.5px}.call-top{justify-self:end;padding:10px 16px;border:1px solid rgba(255,255,255,.25);border-radius:99px}.brand{text-align:center}.brand strong{display:block;font-size:19px;letter-spacing:.5px}.brand em{color:#14c9ff;font-style:normal}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:3px}
.hero{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(500px,1.1fr);gap:7vw;align-items:center;max-width:1400px;min-height:720px;margin:auto;padding:70px 4vw 82px}.copy{position:relative}.partner-mark{display:flex;align-items:center;gap:14px;width:max-content;margin-bottom:35px;padding:11px 15px;border:1px solid rgba(255,101,0,.25);border-radius:9px;background:rgba(255,255,255,.96)}.partner-mark img{width:140px;height:40px;object-fit:contain}.partner-mark span{padding-left:14px;border-left:1px solid #cad1d8;color:#5d6978;font-size:10px;font-weight:900;letter-spacing:2px}.eyebrow{margin:0 0 15px;color:#33c9ff;font-size:11px;font-weight:900;letter-spacing:2.5px}.copy h1{margin:0;font-size:clamp(48px,5.4vw,82px);line-height:.96;letter-spacing:-4px}.copy h1 span{color:var(--orange);text-shadow:0 0 30px rgba(255,101,0,.22)}.lead{max-width:600px;margin:26px 0 0;color:#c4d3e2;font-size:18px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border-radius:7px;font-size:13px;font-weight:900;letter-spacing:.7px;transition:transform .2s ease,box-shadow .2s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.primary{background:var(--orange);box-shadow:0 12px 34px rgba(255,101,0,.24)}.secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04)}.address{margin:18px 0 0;color:var(--muted);font-size:13px;font-weight:700}
.selector-card{position:relative;overflow:hidden;padding:34px;border:1px solid rgba(40,184,255,.34);border-radius:20px;background:linear-gradient(145deg,rgba(6,38,78,.96),rgba(3,23,49,.96));box-shadow:0 32px 90px rgba(0,0,0,.34),inset 0 0 45px rgba(0,135,220,.035)}.selector-card::after{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;border:1px solid rgba(32,186,255,.15);border-radius:50%;box-shadow:0 0 0 35px rgba(32,186,255,.03),0 0 0 70px rgba(32,186,255,.02);pointer-events:none}.card-head{display:flex;gap:17px;align-items:center}.card-head>span{display:grid;width:45px;height:45px;place-items:center;border:1px solid #29bdff;border-radius:50%;color:#2fc3ff;font-size:12px;font-weight:900}.card-head small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:2px}.card-head h2{margin:5px 0 0;font-size:25px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:28px}.choices button{position:relative;display:flex;min-height:145px;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px;border:1px solid var(--line);border-radius:12px;background:#06244a;color:white;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.choices button:hover,.choices button:focus-visible{transform:translateY(-3px);border-color:#2fc3ff;outline:0}.choices button.active{border-color:var(--orange);background:linear-gradient(145deg,rgba(255,101,0,.18),rgba(6,36,74,.95));box-shadow:0 0 25px rgba(255,101,0,.09)}.choice-icon{display:grid;width:38px;height:38px;margin-bottom:15px;place-items:center;border-radius:50%;background:rgba(32,186,255,.11);color:#38caff;font-size:20px;box-shadow:0 0 20px rgba(32,186,255,.13)}.flame{color:#ff8537;background:rgba(255,101,0,.12)}.both{width:49px;color:#fff;font-size:13px;background:linear-gradient(90deg,rgba(32,186,255,.18),rgba(255,101,0,.18))}.choices b{font-size:17px}.choices small{margin-top:5px;color:var(--muted);font-size:11px}.result{min-height:128px;margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:12px;background:rgba(2,17,37,.62)}.result-idle{display:flex;min-height:82px;align-items:center;justify-content:center;gap:11px;color:var(--muted);font-size:13px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#28c4ff;box-shadow:0 0 14px #28c4ff;animation:pulse 1.6s ease-in-out infinite}.result-ready{animation:reveal .3s ease}.result-ready small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:2px}.result-ready strong{display:block;margin:4px 0 7px;color:#ff7a26;font-size:25px}.result-ready p{margin:0 0 13px;color:#c7d7e6;font-size:13px;line-height:1.5}.result-link{color:#32c8ff;font-size:12px;font-weight:900;letter-spacing:.5px}
.how{border-top:1px solid var(--line);background:rgba(2,17,37,.42);padding:72px 4vw 82px}.how-title{max-width:1160px;margin:auto}.how-title h2{max-width:700px;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.08}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1160px;margin:38px auto 0}.steps article{display:flex;gap:18px;padding:25px;border:1px solid var(--line);border-radius:12px;background:rgba(6,36,74,.65)}.steps article>span{color:#2fc3ff;font-size:13px;font-weight:900}.steps strong{font-size:17px}.steps p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;background:#021229;color:var(--muted);font-size:12px}footer a{color:#35caff}
@keyframes node{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:44px;min-height:0}.copy{text-align:center}.partner-mark{margin-right:auto;margin-left:auto}.lead{margin-right:auto;margin-left:auto}.actions{justify-content:center}.selector-card{max-width:760px;width:100%;margin:auto}}
@media(max-width:620px){.topbar{padding:16px}.brand strong{font-size:14px}.brand small{font-size:7px;letter-spacing:2px}.back,.call-top{font-size:10px}.call-top{padding:8px 10px}.hero{gap:31px;padding:40px 16px 55px}.partner-mark{margin-bottom:27px;padding:9px 12px}.partner-mark img{width:112px;height:34px}.copy h1{font-size:45px;letter-spacing:-2.5px}.lead{font-size:16px}.actions{display:grid;grid-template-columns:1fr}.button{width:100%}.selector-card{padding:24px 15px}.card-head{padding:0 5px}.card-head h2{font-size:20px}.choices{grid-template-columns:1fr}.choices button{min-height:84px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-content:center;padding:14px 17px}.choice-icon{grid-row:1/3;margin:0}.choices b{align-self:end}.choices small{align-self:start}.result{padding:17px}.how{padding:55px 16px}.steps{grid-template-columns:1fr}.steps article{padding:21px}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.energy-bg i,.pulse-dot,.result-ready{animation:none!important}.button,.choices button{transition:none!important}}

/* Richiami Facile.it e nuovo messaggio */
.lead{max-width:620px}.lead strong{color:#fff}.facile-values{display:flex;align-items:center;gap:11px;margin-top:22px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.7px}.facile-values span:nth-of-type(2){color:#38caff}.facile-values span:nth-of-type(3){color:#ff7924}.facile-values i{width:5px;height:5px;border-radius:50%;background:#ff6b0a;box-shadow:0 0 10px rgba(255,107,10,.65)}
.selector-card{border-color:rgba(255,116,28,.42);box-shadow:0 32px 90px rgba(0,0,0,.34),0 0 40px rgba(255,101,0,.08),inset 0 0 45px rgba(0,135,220,.035)}.selector-card::before{content:"FACILE.IT";position:absolute;right:26px;bottom:14px;color:rgba(255,255,255,.035);font-size:54px;font-weight:900;letter-spacing:-3px;pointer-events:none}.card-head>span{border-color:#ff7622;color:#ff7622}.card-head small{color:#ff914e}
@media(max-width:950px){.facile-values{justify-content:center}}
@media(max-width:620px){.facile-values{flex-wrap:wrap;justify-content:center;gap:8px;font-size:9px}.selector-card::before{font-size:38px}}

/* Rifiniture smartphone: centratura e contenimento */
@media(max-width:620px){
  .topbar{grid-template-columns:minmax(58px,1fr) auto minmax(58px,1fr);column-gap:8px}
  .back{justify-self:start}.call-top{justify-self:end}.brand{justify-self:center;min-width:0}
  .copy{min-width:0}.partner-mark{display:flex;width:100%;max-width:260px;flex-direction:column;justify-content:center;gap:7px;margin-right:auto;margin-left:auto;padding:14px 18px;text-align:center}
  .partner-mark img{display:block;width:132px;height:auto;margin:0 auto}
  .partner-mark span{width:100%;padding:7px 0 0;border-top:1px solid #d8dde3;border-left:0;text-align:center}
  .copy h1{max-width:100%;overflow-wrap:break-word}.lead{max-width:100%}
  .selector-card,.choices,.choices button,.result{max-width:100%;min-width:0}
}