html:has(body.aso-page-strumenti){ background: #FFF9F2; }
body.aso-page-strumenti{ line-height: normal; }
body.aso-page-strumenti{
--verde-chiaro: #CEDBC3;
--lilla-chiaro: #E8D6EF;
--bianco-panna: #FFF9F2;
--verde-bosco: #20573D;
--grigio-testo: #3a3a3a;
--grigio-muted: #6b7280;
--grigio-bordo: #e5e7eb;
--ok-bg:#e8f5ee; --ok-border:#52b788; --ok-text:#1a5c37;
--med-bg:#fff8e1; --med-border:#d4a017; --med-text:#7a5200;
--bad-bg:#fdecea; --bad-border:#e74c3c; --bad-text:#7d1a12;
}
body.aso-page-strumenti *, body.aso-page-strumenti *::before, body.aso-page-strumenti *::after{box-sizing:border-box;margin:0;padding:0}
body.aso-page-strumenti{scroll-behavior:smooth}
body.aso-page-strumenti{font-family:'DM Sans',sans-serif;background:var(--bianco-panna);color:var(--grigio-testo);overflow-x:hidden}
body.aso-page-strumenti .ic{display:inline-flex;align-items:center;justify-content:center}
body.aso-page-strumenti .ic svg{display:block}
body.aso-page-strumenti nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(249,247,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--lilla-chiaro);display:flex;align-items:center;justify-content:space-between;padding:.9rem 5%}
body.aso-page-strumenti .nav-logo{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-decoration:none;}
body.aso-page-strumenti .nav-logo-img{display:block;height:20px;width:auto;}
body.aso-page-strumenti .nav-logo-payoff{display:block;height:7px;width:auto;}
body.aso-page-strumenti .nav-links{ display: flex; align-items:center; gap: 2rem; list-style: none; }
body.aso-page-strumenti .nav-links > li > a{
font-size: .88rem; font-weight: 500;
color: var(--grigio-testo); text-decoration: none;
letter-spacing: .02em; transition: color .25s;
}
body.aso-page-strumenti .nav-links > li > a:hover{ color: var(--grigio-testo); opacity:.7; }
body.aso-page-strumenti .nav-disabled{ color: var(--grigio-muted); opacity:.55; cursor:not-allowed; font-size:.88rem; font-weight:500; }
body.aso-page-strumenti .nav-dropdown{ position: relative; list-style:none; }
body.aso-page-strumenti .nav-dropdown-label{
text-decoration:none; color:inherit; font-family:'DM Sans',sans-serif;
font-size:.88rem; font-weight:500;
}
body.aso-page-strumenti .nav-dropdown-caret{
background:none; border:none; cursor:pointer; padding:0 0 0 .3rem;
display:inline-flex; align-items:center; color:inherit;
}
body.aso-page-strumenti .nav-caret svg{ transition: transform .2s; }
body.aso-page-strumenti .nav-dropdown-caret[aria-expanded="true"] .nav-caret svg{ transform: rotate(180deg); }
body.aso-page-strumenti .nav-dropdown-panel{
position:absolute; top:100%; left:0; min-width:230px;
background:var(--bianco-panna); border-top:3px solid var(--verde-chiaro);
box-shadow:0 14px 34px rgba(0,0,0,.10);
border-radius:0 0 .9rem .9rem; padding:.35rem 0;
display:none; z-index:120;
}
body.aso-page-strumenti .nav-dropdown-panel.open{ display:block; }
body.aso-page-strumenti .nav-dropdown-panel--lilla{ border-top-color: var(--lilla-chiaro); }
body.aso-page-strumenti .nav-dropdown-panel a{
display:block; padding:.85rem 1.4rem; font-size:.87rem; font-weight:500;
color:var(--grigio-testo); text-decoration:none;
border-bottom:1px solid rgba(0,0,0,.06); transition:background .2s;
}
body.aso-page-strumenti .nav-dropdown-panel a:last-child{ border-bottom:none; }
body.aso-page-strumenti .nav-dropdown-panel a:hover{ background:var(--verde-chiaro); }
body.aso-page-strumenti .nav-dropdown-panel--lilla a:hover{ background:var(--lilla-chiaro); }
@media (min-width: 1101px) {
body.aso-page-strumenti nav{ padding-bottom: 0; padding-left: 0; }
body.aso-page-strumenti .folder-tabs{ align-self: flex-end; align-items: flex-end; gap: .4rem; margin-bottom: -1px; }
body.aso-page-strumenti .folder-tabs li{ list-style: none; }
body.aso-page-strumenti .folder-tabs > li > a:not(.nav-dropdown-label), body.aso-page-strumenti .folder-tabs li.nav-dropdown, body.aso-page-strumenti .folder-tabs .nav-disabled{
position: relative; display: flex; align-items: center;
padding: .65rem 1.4rem .6rem; margin: 0;
font-size: .84rem; font-weight: 600; letter-spacing: .02em;
text-decoration: none;
border: 1.5px solid var(--verde-chiaro); border-bottom: none;
border-radius: .8rem .8rem 0 0;
background: var(--verde-chiaro);
color: var(--grigio-testo);
box-shadow: 0 2px 4px rgba(0,0,0,.05);
transform: scale(1) translateY(0);
transition: transform .22s ease, background .22s, color .22s, box-shadow .22s, border-color .22s;
}
body.aso-page-strumenti .folder-tabs .nav-disabled{ cursor:not-allowed; }
body.aso-page-strumenti .folder-tabs li:nth-child(odd) > a, body.aso-page-strumenti .folder-tabs li:nth-child(odd).nav-dropdown, body.aso-page-strumenti .folder-tabs li:nth-child(odd) .nav-disabled{
background: var(--verde-chiaro); border-color: var(--verde-chiaro);
}
body.aso-page-strumenti .folder-tabs li:nth-child(even) > a, body.aso-page-strumenti .folder-tabs li:nth-child(even).nav-dropdown, body.aso-page-strumenti .folder-tabs li:nth-child(even) .nav-disabled{
background: var(--lilla-chiaro); border-color: var(--lilla-chiaro);
}
body.aso-page-strumenti .folder-tabs > li > a:not(.nav-dropdown-label):hover, body.aso-page-strumenti .folder-tabs > li > a:not(.nav-dropdown-label):focus-visible, body.aso-page-strumenti .folder-tabs li.nav-dropdown:hover, body.aso-page-strumenti .folder-tabs li.nav-dropdown:focus-within{ border-color: var(--grigio-testo); z-index: 4; }
body.aso-page-strumenti .folder-tabs > li > a:not(.nav-dropdown-label).active, body.aso-page-strumenti .folder-tabs li.nav-dropdown.active{
background: var(--bianco-panna);
color: var(--grigio-testo);
border: 1.5px solid var(--grigio-testo); border-bottom: none;
transform: scale(1.08) translateY(-3px);
z-index: 5;
font-weight: 700;
box-shadow: 0 -4px 12px rgba(0,0,0,.08);
}
body.aso-page-strumenti .nav-dropdown-panel{ margin-top: 1px; }
}
body.aso-page-strumenti .page-header{padding:8rem 5% 3.5rem;position:relative;overflow:hidden;text-align:center;background: var(--lilla-chiaro);}
body.aso-page-strumenti .hero-blob{position:absolute;border-radius:50%;pointer-events:none;opacity:.35;filter:blur(60px);}
body.aso-page-strumenti .blob-1{width:500px;height:500px;background:radial-gradient(circle,var(--lilla-chiaro),transparent 70%);top:-150px;left:-100px;animation:asostrumenti-blobFloat 14s ease-in-out infinite alternate;}
body.aso-page-strumenti .blob-2{width:400px;height:400px;background:radial-gradient(circle,var(--verde-chiaro),transparent 70%);bottom:-100px;right:-80px;animation:asostrumenti-blobFloat 18s ease-in-out infinite alternate-reverse;}
@keyframes asostrumenti-blobFloat{0%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,20px) scale(1.08);}100%{transform:translate(-20px,40px) scale(.95);}}
body.aso-page-strumenti .page-header .badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,249,242,.6);color:var(--grigio-testo);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1.2rem;border-radius:100px;border:1px solid rgba(58,58,58,.15);margin-bottom:1.4rem}
body.aso-page-strumenti .page-header h1{font-family:'Lora',serif;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;color:var(--grigio-testo);line-height:1.2;margin-bottom:1rem}
body.aso-page-strumenti .page-header h1 em{font-style:italic;color:var(--grigio-testo)}
body.aso-page-strumenti .page-header p{color:var(--grigio-muted);font-size:1.05rem;max-width:580px;margin:0 auto}
body.aso-page-strumenti main{max-width:940px;margin:0 auto;padding:0 5% 6rem}
body.aso-page-strumenti .screen{display:none;animation:asostrumenti-fadeIn .4s ease}
body.aso-page-strumenti .screen.active{display:block}
@keyframes asostrumenti-fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.aso-page-strumenti .hub-intro{background:var(--verde-chiaro);border-radius:1.2rem;border:1.5px solid var(--grigio-bordo);padding:1.1rem 1.8rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:center}
body.aso-page-strumenti .hub-intro .hi-icon{width:40px;height:40px;border-radius:10px;background:var(--bianco-panna);color:var(--grigio-testo);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.aso-page-strumenti .hub-intro h3{font-size:.95rem;font-weight:700;color:var(--grigio-testo);margin-bottom:.25rem}
body.aso-page-strumenti .hub-intro p{font-size:.84rem;color:var(--grigio-muted);line-height:1.6}
body.aso-page-strumenti .hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media(max-width:680px){
body.aso-page-strumenti .hub-grid{grid-template-columns:1fr}
}
body.aso-page-strumenti .hub-card{display:block;text-decoration:none;color:inherit;border-radius:1.6rem;overflow:hidden;border:2px solid var(--lilla-chiaro);cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative}
body.aso-page-strumenti .hub-card:hover{transform:translateY(-5px);box-shadow:0 16px 44px rgba(0,0,0,.12);border-color:var(--grigio-testo)}
body.aso-page-strumenti .hub-card-header{padding:2.2rem 2rem 1.6rem}
body.aso-page-strumenti .hub-card.colloquio .hub-card-header{background:var(--lilla-chiaro)}
body.aso-page-strumenti .hub-card.caso .hub-card-header{background:var(--verde-chiaro)}
body.aso-page-strumenti .hub-card-icon{width:56px;height:56px;border-radius:14px;background:rgba(0,0,0,.06);color:var(--grigio-testo);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
body.aso-page-strumenti .hub-card-header h2{font-family:'Lora',serif;font-size:1.35rem;font-weight:700;color:var(--grigio-testo);line-height:1.25;margin-bottom:.5rem}
body.aso-page-strumenti .hub-card-header p{font-size:.88rem;color:var(--grigio-testo);opacity:.75;line-height:1.6}
body.aso-page-strumenti .hub-card-body{padding:1.6rem 2rem}
body.aso-page-strumenti .hub-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
body.aso-page-strumenti .hub-pill{font-size:.75rem;font-weight:600;padding:.28rem .75rem;border-radius:100px;background:var(--lilla-chiaro);color:var(--grigio-testo);border:1px solid var(--lilla-chiaro)}
body.aso-page-strumenti .hub-pill.red{background:#fdecea;color:#7d1a12;border-color:#e74c3c}
body.aso-page-strumenti .hub-pill.amber{background:#fff8e1;color:#7a5200;border-color:#d4a017}
body.aso-page-strumenti .hub-card-body p{font-size:.9rem;color:var(--grigio-muted);line-height:1.65;margin-bottom:1.4rem}
body.aso-page-strumenti .hub-cta{display:flex;align-items:center;gap:.5rem;background:var(--grigio-testo);color:var(--bianco-panna);font-size:.95rem;font-weight:700;padding:.75rem 1.6rem;border-radius:100px;border:none;cursor:pointer;transition:background .2s,transform .2s;width:100%;justify-content:center}
body.aso-page-strumenti .hub-cta:hover{background:var(--grigio-testo);opacity:.85;transform:translateX(2px)}
body.aso-page-strumenti .hub-card.caso .hub-cta{background:var(--grigio-testo)}
body.aso-page-strumenti .hub-card.caso .hub-cta:hover{background:var(--grigio-testo);opacity:.85}
body.aso-page-strumenti .btn-back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--grigio-muted);font-size:.88rem;cursor:pointer;border:none;background:none;padding:0;margin-bottom:1.5rem;transition:color .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .btn-back-link:hover{color:var(--grigio-testo)}
body.aso-page-strumenti .sim-intro-box{background:white;border-radius:1.2rem;border:1.5px solid var(--lilla-chiaro);padding:2rem 2.4rem;margin-bottom:2.5rem;display:flex;gap:1.4rem;align-items:flex-start}
body.aso-page-strumenti .sim-intro-box .sib-icon{width:48px;height:48px;border-radius:12px;background:var(--lilla-chiaro);color:var(--grigio-testo);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.aso-page-strumenti .sim-intro-box h3{font-size:1.05rem;font-weight:700;color:var(--grigio-testo);margin-bottom:.5rem}
body.aso-page-strumenti .sim-intro-box p{font-size:.92rem;color:var(--grigio-muted);line-height:1.65}
body.aso-page-strumenti .scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:640px){
body.aso-page-strumenti .scenario-grid{grid-template-columns:1fr}
}
body.aso-page-strumenti .scenario-card{background:white;border-radius:1.4rem;border:2px solid var(--lilla-chiaro);padding:2rem 1.8rem;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}
body.aso-page-strumenti .scenario-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--lilla-chiaro);transform:scaleX(0);transform-origin:left;transition:transform .3s}
body.aso-page-strumenti .scenario-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.12);border-color:var(--grigio-testo)}
body.aso-page-strumenti .scenario-card:hover::before{transform:scaleX(1)}
body.aso-page-strumenti .sc-icon{width:52px;height:64px;border-radius:14px;background:var(--lilla-chiaro);color:var(--grigio-testo);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
body.aso-page-strumenti .sc-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .75rem;border-radius:100px;margin-bottom:1rem}
body.aso-page-strumenti .sc-tag.media{background:#fff8e1;color:#7a5200;border:1px solid #d4a017}
body.aso-page-strumenti .sc-tag.alta{background:#fdecea;color:#7d1a12;border:1px solid #e74c3c}
body.aso-page-strumenti .sc-title{font-family:'Lora',serif;font-size:1.18rem;font-weight:700;color:var(--grigio-testo);margin-bottom:.7rem;line-height:1.3}
body.aso-page-strumenti .sc-desc{font-size:.9rem;color:var(--grigio-muted);line-height:1.6;margin-bottom:1.4rem}
body.aso-page-strumenti .sc-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--grigio-muted);flex-wrap:wrap;margin-bottom:1.4rem}
body.aso-page-strumenti .sc-meta span{display:flex;align-items:center;gap:.3rem}
body.aso-page-strumenti .sc-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--grigio-testo);color:var(--bianco-panna);font-size:.88rem;font-weight:600;padding:.65rem 1.4rem;border-radius:100px;border:none;cursor:pointer;transition:background .2s,transform .2s}
body.aso-page-strumenti .sc-btn:hover{background:var(--grigio-testo);opacity:.85;transform:translateX(2px)}
body.aso-page-strumenti .intro-card{background:white;border-radius:1.4rem;border:1.5px solid var(--lilla-chiaro);overflow:hidden;margin-bottom:2rem}
body.aso-page-strumenti .intro-card-header{background:var(--lilla-chiaro);padding:2.4rem 2.4rem 1.8rem;color:var(--grigio-testo)}
body.aso-page-strumenti .intro-card-header .scenario-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:.8rem}
body.aso-page-strumenti .intro-card-header h2{font-family:'Lora',serif;font-size:1.6rem;font-weight:700;line-height:1.25;margin-bottom:.6rem}
body.aso-page-strumenti .intro-card-header p{font-size:.95rem;opacity:.85;line-height:1.6}
body.aso-page-strumenti .intro-card-body{padding:2rem 2.4rem}
body.aso-page-strumenti .persona-box{display:flex;gap:1.2rem;align-items:flex-start;background:var(--lilla-chiaro);border-radius:1rem;padding:1.4rem;margin-bottom:1.6rem}
body.aso-page-strumenti .persona-avatar{width:56px;height:56px;border-radius:50%;background:var(--grigio-testo);color:var(--bianco-panna);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Lora',serif}
body.aso-page-strumenti .persona-info h4{font-size:1rem;font-weight:700;color:var(--grigio-testo);margin-bottom:.3rem}
body.aso-page-strumenti .persona-info p{font-size:.88rem;color:var(--grigio-muted);line-height:1.6}
body.aso-page-strumenti .obiettivi{margin-bottom:1.6rem}
body.aso-page-strumenti .obiettivi h4{font-size:.85rem;font-weight:700;color:var(--grigio-testo);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.8rem}
body.aso-page-strumenti .obiettivi ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
body.aso-page-strumenti .obiettivi li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--grigio-muted);line-height:1.5}
body.aso-page-strumenti .obiettivi li .ic{color:var(--grigio-testo);margin-top:2px;flex-shrink:0}
body.aso-page-strumenti .intro-note{background:#fff8e1;border:1px solid #d4a017;border-radius:.8rem;padding:1rem 1.2rem;display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1.8rem}
body.aso-page-strumenti .intro-note .ic{color:#d4a017;flex-shrink:0;margin-top:1px}
body.aso-page-strumenti .intro-note p{font-size:.85rem;color:#5a3e00;line-height:1.6}
body.aso-page-strumenti .btn-start{width:100%;padding:1rem;background:var(--grigio-testo);color:var(--bianco-panna);border:none;border-radius:100px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:background .22s,transform .22s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .btn-start:hover{background:var(--grigio-testo);opacity:.85;transform:translateY(-2px)}
body.aso-page-strumenti .sim-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}
body.aso-page-strumenti .sim-scenario-title{font-size:.85rem;font-weight:600;color:var(--grigio-muted)}
body.aso-page-strumenti .progress-bar-wrap{flex:1;max-width:320px}
body.aso-page-strumenti .progress-dots{display:flex;gap:.45rem;align-items:center;justify-content:flex-end}
body.aso-page-strumenti .pdot{width:10px;height:10px;border-radius:50%;background:var(--lilla-chiaro);transition:background .3s,transform .3s}
body.aso-page-strumenti .pdot.active{background:var(--grigio-testo);transform:scale(1.25)}
body.aso-page-strumenti .pdot.done{background:var(--grigio-testo);opacity:.5}
body.aso-page-strumenti .step-label{font-size:.78rem;color:var(--grigio-muted);text-align:right;margin-top:.4rem}
body.aso-page-strumenti .phase-badge{display:inline-flex;align-items:center;gap:.45rem;background:var(--grigio-testo);color:var(--bianco-panna);font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .95rem;border-radius:100px;border:1px solid var(--grigio-testo);margin-bottom:.6rem}
body.aso-page-strumenti .setting-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--lilla-chiaro);color:var(--grigio-testo);font-size:.78rem;font-weight:600;padding:.35rem 1rem;border-radius:100px;border:1px solid var(--lilla-chiaro);margin-bottom:1.2rem}
body.aso-page-strumenti .narrative-bubble{background:white;border:1.5px solid var(--lilla-chiaro);border-radius:0 1.4rem 1.4rem 1.4rem;padding:1.6rem 1.8rem;margin-bottom:1rem;position:relative;font-size:.98rem;line-height:1.7;color:var(--grigio-testo)}
body.aso-page-strumenti .narrative-bubble::before{content:'';position:absolute;top:0;left:-1.5px;width:4px;height:100%;background:var(--lilla-chiaro);border-radius:4px 0 0 4px}
body.aso-page-strumenti .user-speech{background:var(--lilla-chiaro);border-radius:1.4rem 0 1.4rem 1.4rem;border:1.5px solid var(--lilla-chiaro);padding:1.2rem 1.6rem;margin-bottom:1.6rem;position:relative}
body.aso-page-strumenti .speech-tag{font-size:.72rem;font-weight:700;color:var(--grigio-testo);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}
body.aso-page-strumenti .user-speech p{font-size:.98rem;line-height:1.65;color:var(--grigio-testo);font-style:italic}
body.aso-page-strumenti .choices-title{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio-muted);margin-bottom:1rem}
body.aso-page-strumenti .choices-list{display:flex;flex-direction:column;gap:.85rem}
body.aso-page-strumenti .choice-btn{background:white;border:2px solid var(--lilla-chiaro);border-radius:1rem;padding:1.2rem 1.4rem;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:.9rem;transition:border-color .22s,background .22s,transform .22s,box-shadow .22s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .choice-btn:hover{border-color:var(--grigio-testo);background:var(--lilla-chiaro);transform:translateX(4px);box-shadow:0 4px 18px rgba(0,0,0,.08)}
body.aso-page-strumenti .choice-letter{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--lilla-chiaro);color:var(--grigio-testo);font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--lilla-chiaro);transition:background .2s,color .2s}
body.aso-page-strumenti .choice-btn:hover .choice-letter{background:var(--grigio-testo);color:var(--bianco-panna);border-color:var(--grigio-testo)}
body.aso-page-strumenti .choice-text{font-size:.93rem;color:var(--grigio-testo);line-height:1.55;padding-top:3px}
body.aso-page-strumenti .result-header{text-align:center;padding:2.5rem 2rem 1.5rem;background:var(--lilla-chiaro);border-radius:1.4rem;margin-bottom:2rem;color:var(--grigio-testo)}
body.aso-page-strumenti .score-ring{width:110px;height:110px;border-radius:50%;border:6px solid rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.2rem;background:rgba(0,0,0,.04)}
body.aso-page-strumenti .score-num{font-size:2.2rem;font-weight:700;line-height:1}
body.aso-page-strumenti .score-denom{font-size:.85rem;opacity:.75}
body.aso-page-strumenti .score-label{font-family:'Lora',serif;font-size:1.3rem;font-weight:700;margin-bottom:.4rem}
body.aso-page-strumenti .score-sub{font-size:.9rem;opacity:.8}
body.aso-page-strumenti .stars{display:flex;gap:.25rem;justify-content:center;margin-top:.6rem}
body.aso-page-strumenti .stars .ic{color:rgba(255,180,0,.9)}
body.aso-page-strumenti .stars .ic.empty{color:rgba(0,0,0,.15)}
body.aso-page-strumenti .analysis-section{margin-bottom:2rem}
body.aso-page-strumenti .analysis-section h3{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio-muted);margin-bottom:1rem}
body.aso-page-strumenti .choice-recap{border-radius:1.1rem;overflow:hidden;margin-bottom:1rem;border:1.5px solid var(--lilla-chiaro)}
body.aso-page-strumenti .cr-header{padding:.9rem 1.4rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
body.aso-page-strumenti .cr-header.ottimale{background:var(--ok-bg);border-bottom:1px solid var(--ok-border)}
body.aso-page-strumenti .cr-header.buona{background:var(--med-bg);border-bottom:1px solid var(--med-border)}
body.aso-page-strumenti .cr-header.scarsa{background:var(--bad-bg);border-bottom:1px solid var(--bad-border)}
body.aso-page-strumenti .cr-badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .65rem;border-radius:100px;white-space:nowrap}
body.aso-page-strumenti .cr-badge.ottimale{background:var(--ok-border);color:white}
body.aso-page-strumenti .cr-badge.buona{background:var(--med-border);color:white}
body.aso-page-strumenti .cr-badge.scarsa{background:var(--bad-border);color:white}
body.aso-page-strumenti .cr-step{font-size:.8rem;font-weight:600;color:var(--grigio-muted);white-space:nowrap}
body.aso-page-strumenti .cr-choice-text{font-size:.88rem;font-weight:600;flex:1;min-width:0}
body.aso-page-strumenti .cr-choice-text.ottimale{color:var(--ok-text)}
body.aso-page-strumenti .cr-choice-text.buona{color:var(--med-text)}
body.aso-page-strumenti .cr-choice-text.scarsa{color:var(--bad-text)}
body.aso-page-strumenti .cr-body{padding:1rem 1.4rem;background:white}
body.aso-page-strumenti .cr-body p{font-size:.9rem;color:var(--grigio-muted);line-height:1.65}
body.aso-page-strumenti .cr-deon{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--lilla-chiaro);display:flex;gap:.6rem;align-items:flex-start}
body.aso-page-strumenti .cr-deon .ic{color:var(--grigio-testo);flex-shrink:0;margin-top:1px}
body.aso-page-strumenti .cr-deon p{font-size:.82rem;color:var(--grigio-muted);font-style:italic}
body.aso-page-strumenti .result-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}
body.aso-page-strumenti .btn-retry{display:inline-flex;align-items:center;gap:.5rem;border:2px solid var(--grigio-testo);color:var(--grigio-testo);background:white;font-size:.92rem;font-weight:600;padding:.7rem 1.5rem;border-radius:100px;cursor:pointer;transition:background .2s,color .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .btn-retry:hover{background:var(--lilla-chiaro)}
body.aso-page-strumenti .btn-other{display:inline-flex;align-items:center;gap:.5rem;background:var(--grigio-testo);color:var(--bianco-panna);font-size:.92rem;font-weight:600;padding:.7rem 1.5rem;border-radius:100px;cursor:pointer;border:none;transition:background .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .btn-other:hover{background:var(--grigio-testo);opacity:.85}
body.aso-page-strumenti .btn-hub{display:inline-flex;align-items:center;gap:.5rem;background:var(--grigio-testo);color:var(--bianco-panna);font-size:.92rem;font-weight:600;padding:.7rem 1.5rem;border-radius:100px;cursor:pointer;border:none;transition:background .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .btn-hub:hover{background:var(--grigio-testo);opacity:.85}
body.aso-page-strumenti .caso-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media(max-width:800px){
body.aso-page-strumenti .caso-grid{grid-template-columns:1fr}
}
body.aso-page-strumenti .caso-card{background:white;border-radius:1.4rem;border:2px solid var(--lilla-chiaro);padding:1.8rem 1.6rem;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}
body.aso-page-strumenti .caso-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--verde-chiaro);transform:scaleX(0);transform-origin:left;transition:transform .3s}
body.aso-page-strumenti .caso-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.12);border-color:var(--grigio-testo)}
body.aso-page-strumenti .caso-card:hover::before{transform:scaleX(1)}
body.aso-page-strumenti .caso-card .sc-icon{background:var(--verde-chiaro);color:var(--grigio-testo)}
body.aso-page-strumenti .caso-card .sc-btn{background:var(--grigio-testo);color:var(--bianco-panna)}
body.aso-page-strumenti .caso-card .sc-btn:hover{background:var(--grigio-testo);opacity:.85}
body.aso-page-strumenti .phases-mini{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1.2rem}
body.aso-page-strumenti .pm-dot{font-size:.68rem;font-weight:600;color:var(--grigio-muted);background:var(--lilla-chiaro);padding:.18rem .55rem;border-radius:100px;border:1px solid var(--lilla-chiaro)}
@media(max-width:600px){
body.aso-page-strumenti .sim-header{flex-direction:column;align-items:flex-start}
body.aso-page-strumenti .progress-dots{justify-content:flex-start}
body.aso-page-strumenti .cr-header{flex-direction:column;align-items:flex-start}
}
body.aso-page-strumenti .hub-section-label{display:flex;align-items:center;gap:.9rem;margin:2.2rem 0 1rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio-muted)}
body.aso-page-strumenti .hub-section-label::after{content:'';flex:1;height:1px;background:var(--lilla-chiaro)}
body.aso-page-strumenti .hub-gen-wrap{border-radius:1.6rem;overflow:hidden;border:2px solid var(--lilla-chiaro);cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s}
body.aso-page-strumenti .hub-gen-wrap:hover{transform:translateY(-5px);box-shadow:0 16px 44px rgba(0,0,0,.12);border-color:var(--grigio-testo)}
body.aso-page-strumenti .hub-gen-header{background:var(--lilla-chiaro);padding:2rem 2.2rem 1.6rem;display:flex;gap:1.4rem;align-items:flex-start}
body.aso-page-strumenti .hub-gen-icon{width:54px;height:54px;border-radius:14px;background:rgba(0,0,0,.06);color:var(--grigio-testo);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.aso-page-strumenti .hub-gen-header h2{font-family:'Lora',serif;font-size:1.35rem;font-weight:700;color:var(--grigio-testo);line-height:1.25;margin-bottom:.4rem}
body.aso-page-strumenti .hub-gen-header p{font-size:.88rem;color:var(--grigio-testo);opacity:.75;line-height:1.6;margin:0}
body.aso-page-strumenti .hub-gen-body{background:white;padding:1.3rem 2.2rem 1.7rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
body.aso-page-strumenti .hub-gen-pills{display:flex;gap:.45rem;flex-wrap:wrap;flex:1}
body.aso-page-strumenti .hub-gen-pill{font-size:.71rem;font-weight:600;padding:.26rem .75rem;border-radius:100px;background:var(--lilla-chiaro);color:var(--grigio-testo)}
body.aso-page-strumenti .hub-gen-pill.green{background:var(--verde-chiaro);color:var(--grigio-testo)}
body.aso-page-strumenti .hub-gen-cta{display:inline-flex;align-items:center;gap:.45rem;background:var(--grigio-testo);color:var(--bianco-panna);border:none;border-radius:100px;padding:.65rem 1.35rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .hub-gen-cta:hover{background:var(--grigio-testo);opacity:.85}
body.aso-page-strumenti .gen-back{background:none;border:none;color:var(--grigio-muted);font-size:.88rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:0;margin-bottom:1.6rem;transition:color .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .gen-back:hover{color:var(--grigio-testo)}
body.aso-page-strumenti .gen-header{margin-bottom:1.8rem}
body.aso-page-strumenti .gen-header h2{font-family:'Lora',serif;font-size:1.65rem;font-weight:700;color:var(--grigio-testo);margin-bottom:.45rem}
body.aso-page-strumenti .gen-header p{color:var(--grigio-muted);font-size:.93rem;line-height:1.6}
body.aso-page-strumenti .gen-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.8rem}
@media(max-width:620px){
body.aso-page-strumenti .gen-type-grid{grid-template-columns:1fr}
}
body.aso-page-strumenti .gen-type-card{border:2px solid var(--lilla-chiaro);border-radius:1.1rem;padding:1.3rem 1.5rem;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;text-align:left;background:white}
body.aso-page-strumenti .gen-type-card:hover{border-color:var(--grigio-testo);background:var(--lilla-chiaro);box-shadow:0 5px 20px rgba(0,0,0,.08)}
body.aso-page-strumenti .gen-type-card.selected{border-color:var(--grigio-testo);background:var(--lilla-chiaro)}
body.aso-page-strumenti .gen-type-card.selected::after{content:'\2713';position:absolute;top:.75rem;right:.9rem;color:var(--grigio-testo);font-weight:700;font-size:1rem}
body.aso-page-strumenti .gen-type-icon{font-size:1.5rem;margin-bottom:.6rem}
body.aso-page-strumenti .gen-type-card h3{font-size:.97rem;font-weight:700;color:var(--grigio-testo);margin-bottom:.3rem}
body.aso-page-strumenti .gen-type-card p{font-size:.81rem;color:var(--grigio-muted);line-height:1.58;margin:0}
body.aso-page-strumenti .gen-type-note{background:var(--lilla-chiaro);border-left:3px solid var(--grigio-testo);border-radius:.5rem;padding:.9rem 1.1rem;font-size:.84rem;color:var(--grigio-testo);line-height:1.65;margin-bottom:1.8rem}
body.aso-page-strumenti .gen-type-note strong{color:var(--grigio-testo)}
body.aso-page-strumenti .gen-progress-wrap{margin-bottom:1.8rem}
body.aso-page-strumenti .gen-progress-label{display:flex;justify-content:space-between;font-size:.79rem;color:var(--grigio-muted);margin-bottom:.5rem;font-weight:500}
body.aso-page-strumenti .gen-progress-bar{height:4px;background:var(--lilla-chiaro);border-radius:100px;overflow:hidden}
body.aso-page-strumenti .gen-progress-fill{height:100%;background:var(--grigio-testo);border-radius:100px;transition:width .4s ease}
body.aso-page-strumenti .gen-step-title{font-family:'Lora',serif;font-size:1.35rem;font-weight:700;color:var(--grigio-testo);margin-bottom:1.3rem;padding-bottom:.75rem;border-bottom:1.5px solid var(--lilla-chiaro)}
body.aso-page-strumenti .gen-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media(max-width:580px){
body.aso-page-strumenti .gen-grid-2{grid-template-columns:1fr}
}
body.aso-page-strumenti .gen-field{margin-bottom:1.1rem}
body.aso-page-strumenti .gen-field label{display:block;font-size:.79rem;font-weight:600;color:var(--grigio-testo);margin-bottom:.38rem;text-transform:uppercase;letter-spacing:.05em}
body.aso-page-strumenti .gen-field label span{font-weight:400;color:var(--grigio-muted);text-transform:none;letter-spacing:0}
body.aso-page-strumenti .gen-field input, body.aso-page-strumenti .gen-field select, body.aso-page-strumenti .gen-field textarea{width:100%;padding:.66rem .88rem;border:1.5px solid var(--lilla-chiaro);border-radius:.6rem;font-family:'DM Sans',sans-serif;font-size:.92rem;color:var(--grigio-testo);background:white;transition:border-color .2s,box-shadow .2s;resize:vertical}
body.aso-page-strumenti .gen-field input:focus, body.aso-page-strumenti .gen-field select:focus, body.aso-page-strumenti .gen-field textarea:focus{outline:none;border-color:var(--grigio-testo);box-shadow:0 0 0 3px rgba(0,0,0,.08)}
body.aso-page-strumenti .gen-field textarea{min-height:120px;line-height:1.65}
body.aso-page-strumenti .gen-field textarea.tall{min-height:165px}
body.aso-page-strumenti .gen-char-hint{font-size:.74rem;color:var(--grigio-muted);margin-top:.28rem}
body.aso-page-strumenti .gen-tip{background:var(--bianco-panna);border:1.5px solid var(--lilla-chiaro);border-radius:.9rem;padding:1rem 1.2rem;margin-bottom:1.3rem;display:flex;gap:.85rem;align-items:flex-start}
body.aso-page-strumenti .gen-tip-icon{font-size:1.15rem;flex-shrink:0;margin-top:.05rem}
body.aso-page-strumenti .gen-tip-body strong{display:block;font-size:.77rem;font-weight:700;color:var(--grigio-testo);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.28rem}
body.aso-page-strumenti .gen-tip-body p{font-size:.83rem;color:var(--grigio-muted);line-height:1.63;margin:0}
body.aso-page-strumenti .gen-tip-body ul{font-size:.83rem;color:var(--grigio-muted);line-height:1.63;margin:.35rem 0 0 1.1rem;padding:0}
body.aso-page-strumenti .gen-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.8rem;padding-top:1.3rem;border-top:1.5px solid var(--lilla-chiaro)}
body.aso-page-strumenti .gen-btn-back{background:none;border:1.5px solid var(--lilla-chiaro);color:var(--grigio-testo);border-radius:100px;padding:.6rem 1.3rem;font-size:.88rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .gen-btn-back:hover{border-color:var(--grigio-testo);color:var(--grigio-testo)}
body.aso-page-strumenti .gen-btn-next{background:var(--grigio-testo);color:var(--bianco-panna);border:none;border-radius:100px;padding:.6rem 1.5rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:.45rem;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .gen-btn-next:hover{background:var(--grigio-testo);opacity:.85}
body.aso-page-strumenti .gen-btn-next:disabled{background:var(--grigio-muted);cursor:not-allowed;opacity:.65}
body.aso-page-strumenti .gen-preview-card{background:white;border:1.5px solid var(--lilla-chiaro);border-radius:1.1rem;padding:2.2rem;margin-bottom:1.8rem;font-size:.91rem;line-height:1.78;color:var(--grigio-testo)}
body.aso-page-strumenti .gen-preview-card h3{font-family:'Lora',serif;font-size:1.05rem;font-weight:700;color:var(--grigio-testo);margin:1.3rem 0 .5rem;padding-top:.75rem;border-top:1px solid var(--lilla-chiaro)}
body.aso-page-strumenti .gen-preview-card h3:first-child{margin-top:0;padding-top:0;border-top:none}
body.aso-page-strumenti .gen-preview-card .pv-header{text-align:center;border-bottom:2px solid var(--lilla-chiaro);padding-bottom:1.1rem;margin-bottom:1.1rem}
body.aso-page-strumenti .gen-preview-card .pv-header h2{font-family:'Lora',serif;font-size:1.25rem;color:var(--grigio-testo);margin-bottom:.3rem}
body.aso-page-strumenti .gen-preview-card .pv-meta{font-size:.8rem;color:var(--grigio-muted);display:flex;gap:1.3rem;flex-wrap:wrap;justify-content:center}
body.aso-page-strumenti .gen-download-row{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}
body.aso-page-strumenti .gen-download-btn{display:inline-flex;align-items:center;gap:.55rem;background:var(--grigio-testo);color:var(--bianco-panna);border:none;border-radius:100px;padding:.75rem 1.6rem;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .gen-download-btn:hover{background:var(--grigio-testo);opacity:.85}
body.aso-page-strumenti .gen-edit-btn{display:inline-flex;align-items:center;gap:.55rem;background:none;border:1.5px solid var(--lilla-chiaro);color:var(--grigio-testo);border-radius:100px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s;font-family:'DM Sans',sans-serif}
body.aso-page-strumenti .gen-edit-btn:hover{border-color:var(--grigio-testo);color:var(--grigio-testo)}
body.aso-page-strumenti .gen-disclaimer{font-size:.76rem;color:var(--grigio-muted);line-height:1.6;margin-top:.9rem}
body.aso-page-strumenti .cartella{
position:relative;
background:var(--bianco-panna);
border-radius:1.4rem;
border:1.5px solid var(--grigio-bordo);
box-shadow:0 18px 40px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.05);
padding:3rem 2.5rem;
margin-top:1.4rem;
}
body.aso-page-strumenti .cartella-tab{
position:absolute;
top:-1.1rem; left:1.6rem;
display:inline-flex; align-items:center; justify-content:center;
padding:.4rem 1.1rem;
background:var(--verde-chiaro);
border-radius:.35rem .35rem .15rem .15rem;
box-shadow:0 3px 6px rgba(0,0,0,.10);
font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
color:var(--grigio-testo);
z-index:2;
}
body.aso-page-strumenti .cartella-tab::after{
content:'';
position:absolute;
bottom:-4px; left:0;
width:100%; height:5px;
background:rgba(0,0,0,.06);
border-radius:0 0 3px 3px;
z-index:-1;
}
body.aso-page-strumenti .cartella-tab.lilla{ background:var(--lilla-chiaro); }
body.aso-page-strumenti .cartella-tab.panna{ background:var(--bianco-panna); border:1px solid var(--grigio-bordo); }
body.aso-page-strumenti .divisore{ display:flex; align-items:center; gap:1.1rem; margin:0 0 2rem; }
body.aso-page-strumenti .divisore-linguetta{
flex-shrink:0; background:var(--verde-chiaro); color:var(--grigio-testo);
font-size:.76rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
padding:.5rem 1.1rem; border-radius:.5rem .9rem .9rem .5rem; position:relative;
}
body.aso-page-strumenti .divisore-linguetta::after{
content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%);
width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent;
border-left:7px solid var(--verde-chiaro);
}
body.aso-page-strumenti .divisore-linguetta.lilla{ background:var(--lilla-chiaro); }
body.aso-page-strumenti .divisore-linguetta.lilla::after{ border-left-color:var(--lilla-chiaro); }
body.aso-page-strumenti .divisore-linguetta.panna{ background:var(--bianco-panna); border:1px solid var(--grigio-bordo); }
body.aso-page-strumenti .divisore-linguetta.panna::after{ border-left-color:var(--grigio-bordo); }
body.aso-page-strumenti .divisore-riga{ flex:1; height:1px; background:var(--grigio-bordo); }
body.aso-page-strumenti .stack{ position:relative; }
body.aso-page-strumenti .stack::before, body.aso-page-strumenti .stack::after{
content:''; position:absolute; inset:0; background:var(--bianco-panna);
border:1.5px solid var(--grigio-bordo); border-radius:1rem;
}
body.aso-page-strumenti .stack::before{ transform:rotate(-3deg) translateY(3px); z-index:0; }
body.aso-page-strumenti .stack::after{ transform:rotate(2deg) translateY(4px); z-index:-1; }
body.aso-page-strumenti .stack > *{ position:relative; z-index:1; }
body.aso-page-strumenti .hub-card{ overflow:visible; }
body.aso-page-strumenti .hub-card-header{ border-radius:1.6rem 1.6rem 0 0; }
body.aso-page-strumenti .hub-card-body{ background:var(--bianco-panna); border-radius:0 0 1.6rem 1.6rem; }
body.aso-page-strumenti footer.footer-main{background:var(--bianco-panna);border-top:1px solid var(--grigio-bordo);color:var(--grigio-testo);padding:4rem 5% 0;font-size:.88rem;line-height:1.7;}
body.aso-page-strumenti .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto 3rem;}
body.aso-page-strumenti .footer-brand-logo{display:block;text-decoration:none;margin-bottom:1.6rem;}
body.aso-page-strumenti .footer-brand-logo-img{display:block;width:100%;max-width:250px;height:auto;}
body.aso-page-strumenti .footer-brand-logo svg, body.aso-page-strumenti .footer-brand-logo span{color:var(--verde-bosco);}
body.aso-page-strumenti .footer-brand p{font-size:.85rem;line-height:1.7;max-width:280px;margin-top:.4rem;}
body.aso-page-strumenti .footer-col-title{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio-muted);margin-bottom:1rem;}
body.aso-page-strumenti .footer-nav-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.55rem;}
body.aso-page-strumenti .footer-nav-list a{color:var(--grigio-testo);text-decoration:none;transition:color .2s;}
body.aso-page-strumenti .footer-nav-list a:hover{color:var(--grigio-muted);}
body.aso-page-strumenti .footer-info-item{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.7rem;font-size:.84rem;}
body.aso-page-strumenti .footer-info-item svg{flex-shrink:0;color:var(--grigio-testo);margin-top:.15rem;}
body.aso-page-strumenti .footer-bottom{border-top:1px solid var(--grigio-bordo);padding:1.4rem 0;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;font-size:.78rem;color:var(--grigio-muted);}
body.aso-page-strumenti .footer-bottom-links{display:flex;gap:1.4rem;}
body.aso-page-strumenti .footer-bottom-links a{color:var(--grigio-muted);text-decoration:none;transition:color .2s;}
body.aso-page-strumenti .footer-bottom-links a:hover{color:var(--grigio-testo);}
@media(max-width:820px){
body.aso-page-strumenti .footer-grid{grid-template-columns:1fr;gap:2rem;}
body.aso-page-strumenti .footer-bottom{flex-direction:column;text-align:center;}
}
body.aso-page-strumenti .nav-hamburger{
display: none; flex-direction: column; gap: 5px;
cursor: pointer; background: none; border: none;
padding: .4rem; border-radius: .4rem; transition: background .2s;
}
body.aso-page-strumenti .nav-hamburger:hover{ background: var(--verde-chiaro); }
body.aso-page-strumenti .nav-hamburger span{
display: block; width: 24px; height: 2px;
background: var(--grigio-testo); border-radius: 2px;
transition: transform .3s, opacity .3s;
}
body.aso-page-strumenti .nav-hamburger.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
body.aso-page-strumenti .nav-hamburger.open span:nth-child(2){ opacity: 0; }
body.aso-page-strumenti .nav-hamburger.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
@media (max-width: 1100px) {
body.aso-page-strumenti .nav-hamburger{ display: flex; }
body.aso-page-strumenti .nav-links{
display: none; position: fixed; top: 60px; left: 0; right: 0;
background: rgba(249,247,242,.98); backdrop-filter: blur(12px);
flex-direction: column; align-items: stretch; gap: 0;
padding: .5rem 0 1.5rem; border-bottom: 2px solid var(--verde-chiaro);
z-index: 99; box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
body.aso-page-strumenti .nav-links.open{ display: flex; }
body.aso-page-strumenti .nav-links > li{ width: 100%; }
body.aso-page-strumenti .nav-links > li > a, body.aso-page-strumenti .nav-disabled{
display: block; padding: .85rem 5%; font-size: 1rem;
border-bottom: 1px solid var(--verde-chiaro);
}
body.aso-page-strumenti .nav-dropdown-label{ display:block; flex:1; padding: .85rem 5%; font-size:1rem; }
body.aso-page-strumenti .nav-dropdown{ display:flex; align-items:center; border-bottom: 1px solid var(--verde-chiaro); }
body.aso-page-strumenti .nav-dropdown-caret{ padding: .85rem 5% .85rem 0; }
body.aso-page-strumenti .nav-dropdown-panel{
position:static; box-shadow:none; border-top:none; border-radius:0;
background:transparent; padding-left:1.2rem; margin-top:0;
}
body.aso-page-strumenti .nav-dropdown-panel a{ padding:.7rem 5%; border-bottom:1px solid rgba(0,0,0,.05); }
body.aso-page-strumenti .nav-links > li:last-child > a{ border-bottom: none; }
}
@media (max-width: 820px) {
body.aso-page-strumenti .hub-grid{ grid-template-columns: 1fr; }
body.aso-page-strumenti .scenario-grid{ grid-template-columns: 1fr; }
body.aso-page-strumenti .caso-grid{ grid-template-columns: 1fr; }
body.aso-page-strumenti .results-breakdown{ grid-template-columns: 1fr; }
body.aso-page-strumenti .sim-hero{ padding: 5rem 5% 2rem; }
}
@media (max-width: 500px) {
body.aso-page-strumenti .scenario-card, body.aso-page-strumenti .caso-card{ padding: 1.2rem; }
body.aso-page-strumenti .choice-btn{ font-size: .88rem; padding: .85rem 1rem; }
}
@media (max-width: 820px) {
body.aso-page-strumenti .footer-grid{ grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 500px) {
body.aso-page-strumenti .footer-grid{ grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 768px) {
body.aso-page-strumenti .nav-hamburger{ display: none !important; }
body.aso-page-strumenti .nav-links{ display: none !important; }
body.aso-page-strumenti .nav-links.open{ display: none !important; }
body.aso-page-strumenti{ padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; }
body.aso-page-strumenti .bottom-nav{
display: flex !important;
position: fixed !important;
top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
background: #ffffff !important;
border-top: 2px solid var(--verde-chiaro) !important;
box-shadow: 0 -2px 16px rgba(0,0,0,.12) !important;
z-index: 99999 !important;
align-items: stretch !important;
}
body.aso-page-strumenti .bnav-tab{
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
text-decoration: none !important;
color: var(--grigio-testo) !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
padding: .2rem .1rem !important;
border-top: 3px solid transparent !important;
-webkit-tap-highlight-color: transparent;
height: 100%;
box-sizing: border-box;
}
body.aso-page-strumenti .bnav-tab svg{
display: block !important;
width: 22px !important; height: 22px !important;
stroke: currentColor !important;
stroke-width: 1.7 !important;
fill: none !important;
flex-shrink: 0 !important;
}
body.aso-page-strumenti .bnav-tab span{
display: block !important;
font-size: 10px !important;
line-height: 1.2 !important;
color: inherit !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
background: none !important;
max-width: 100% !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
padding: 0 2px !important;
font-weight: 600 !important;
font-family: 'DM Sans', sans-serif !important;
letter-spacing: 0 !important;
border-radius: 0 !important;
transform: none !important;
}
body.aso-page-strumenti .bnav-tab:active{ background: var(--verde-chiaro) !important; }
body.aso-page-strumenti .bnav-tab.bnav-active{
color: var(--grigio-testo) !important;
border-top: 3px solid var(--verde-chiaro) !important;
background: var(--verde-chiaro) !important;
font-weight: 700 !important;
}
body.aso-page-strumenti .bnav-tab.bnav-active svg{ stroke: var(--grigio-testo) !important; }
body.aso-page-strumenti .bnav-tab.bnav-active span{ color: var(--grigio-testo) !important; font-weight: 700 !important; }
body.aso-page-strumenti nav{ padding: .6rem 4% !important; }
}
@media (min-width: 769px) {
body.aso-page-strumenti .bottom-nav{ display: none !important; }
}