/* Pagina /installa: nero e oro, mobile-first. */
:root{--nero:#0a0a09;--nero2:#151513;--nero3:#1f1e1a;--oro:#c9a24b;--oro2:#e6c878;--testo:#dcd5c3;--soft:#b9b2a0;--bianco:#fffdf8;--linea:rgba(201,162,75,.3);
--serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nero);color:var(--testo);font:400 1.0625rem/1.55 var(--sans);min-height:100vh;
background-image:radial-gradient(ellipse 80% 40% at 100% 0,rgba(201,162,75,.16),transparent 70%)}
.ins{max-width:640px;margin:0 auto;padding:16px 16px calc(40px + env(safe-area-inset-bottom))}
.ins-load{text-align:center;padding:60px 0;color:var(--soft)}
.ins-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.ins-brand{display:flex;align-items:center;gap:10px;color:var(--bianco);text-decoration:none;font:700 1.05rem var(--serif)}
.ins-brand img{width:36px;height:36px;border-radius:9px}
.ins-lang{max-width:48%;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--linea);background:var(--nero2);color:var(--testo);font:600 .9rem var(--sans)}
h1{margin:0 0 10px;font:700 clamp(2rem,9vw,2.9rem)/1.05 var(--serif);letter-spacing:-.02em;color:var(--bianco)}
.ins-lead{margin:0 0 24px;color:var(--soft);max-width:34em}
.ins-card{margin:0 0 20px;padding:18px;border-radius:20px;border:1.5px solid var(--oro);background:linear-gradient(145deg,var(--nero3),var(--nero))}
.ins-card h2{margin:0 0 6px;font:700 1.2rem/1.25 var(--serif);color:var(--bianco)}
.ins-card p{margin:0 0 12px}
.ins-card p:last-child{margin-bottom:0}
.ins-warn{border-color:var(--oro2);box-shadow:0 0 0 4px rgba(230,200,120,.12)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--oro2),var(--oro));color:var(--nero);font:700 1.05rem var(--sans);text-decoration:none;cursor:pointer}
.btn.ghost{background:transparent;color:var(--oro2);border:1.5px solid rgba(230,200,120,.5)}
.btn+.btn,.ins-note+.btn{margin-top:10px}
.ins-note{min-height:1.4em;margin:8px 0 0;text-align:center;font-weight:700;color:var(--oro2)}
.ins-auto{margin:0 0 12px;font-size:.92rem;color:var(--soft)}
.ins-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.ins-tab{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--linea);background:var(--nero2);color:var(--testo);font:600 .92rem var(--sans);cursor:pointer}
.ins-tab[aria-selected="true"]{background:linear-gradient(135deg,var(--oro2),var(--oro));border-color:transparent;color:var(--nero);font-weight:800}
.ins-strip{display:block;width:100%;height:auto;margin:0 0 22px;border-radius:18px}
.ins-ring{transform-box:fill-box;transform-origin:center;animation:ins-pulse 1.8s ease-in-out infinite}
@keyframes ins-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.6}}
.ins-steps{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.ins-step{position:relative;display:flex;align-items:center;gap:16px;padding:16px;border-radius:18px;background:var(--nero2);border:1.5px solid var(--linea)}
.ins-ic{position:relative;flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--oro2),var(--oro));color:var(--nero)}
.ins-ic svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ins-n{position:absolute;top:-8px;left:-8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--nero);border:1.5px solid var(--oro2);color:var(--oro2);font:800 .8rem var(--sans)}
.ins-step b{display:block;color:var(--bianco);font-weight:700;line-height:1.3}
.ins-step small{display:block;margin-top:3px;color:var(--soft);font-size:.9rem;line-height:1.4}
.ins-miss{margin:-8px 0 24px;padding:14px 16px;border-radius:14px;background:var(--nero2);border-left:3px solid var(--oro);font-size:.95rem}
.ins-qr{display:grid;justify-items:center;gap:12px;margin:0 0 24px;text-align:center}
.ins-qr .qrw{width:min(260px,100%);padding:12px;border-radius:18px;background:#fff}
.ins-qr svg.q{display:block;width:100%;height:auto}
.ins-qr p{margin:0;font-weight:700;color:var(--bianco)}
.ins-qr p+p{font-weight:400;color:var(--soft)}
.ins-foot{margin-top:28px;text-align:center;font-size:.9rem}
.ins-foot a{color:var(--oro2)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--oro2);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ins-ring{animation:none}}
@media (min-width:600px){.ins{padding-top:28px}}