/* Lo spazio che la barra flottante si riserva in cima: serve sulle
   pagine chiare, dove altrimenti coprirebbe il titolo. Sulle pagine
   che partono con una sezione scura a tutta pagina, come la home, non
   serve: l'eroe e' gia' alto e la barra ci galleggia sopra. Senza
   questa distinzione restava una striscia crema fra barra e nero. */
body{padding-top:96px}
body.sopra{padding-top:0;background:#08060F}
#plz-root *,#plz-root *::before,#plz-root *::after{box-sizing:border-box;margin:0;padding:0}
#plz-root{
    --bg:#07060F;
    --glass:rgba(20,16,38,.72);
    --glass-2:rgba(28,22,52,.92);
    --violet:#9463F5;
    --violet-2:#A855F7;
    --mint:#6EE7C7;
    --ink:#F4F2FB;
    --dim:#9890B8;
    --hair:rgba(255,255,255,.08);
    --hair-2:rgba(148,99,245,.22);
  }
#plz-root  
  .nav{
    position:fixed !important; top:18px !important; left:50% !important; transform:translateX(-50%) !important;
    z-index:2147483600 !important;
    width:min(1180px, calc(100% - 32px)) !important;
  }
#plz-root .bar{
    display:flex; align-items:center; gap:10px;
    padding:9px 9px 9px 18px;
    background:var(--glass);
    backdrop-filter:blur(22px) saturate(140%);
    -webkit-backdrop-filter:blur(22px) saturate(140%);
    border:1px solid var(--hair);
    border-radius:18px;
    box-shadow:
      0 1px 0 rgba(255,255,255,.06) inset,
      0 18px 50px -12px rgba(0,0,0,.7),
      0 0 0 1px rgba(124,58,237,.06);
  }
#plz-root  
  .brand{display:flex; align-items:center; text-decoration:none; flex-shrink:0; padding-right:6px}
#plz-root .brand__logo{
    height:24px; width:auto; display:block;
    filter:drop-shadow(0 0 10px rgba(148,99,245,.35));
  }
#plz-root .divider{width:1px; height:24px; background:var(--hair); flex-shrink:0}
#plz-root  
  .menu{position:relative; display:flex; align-items:center; gap:2px; list-style:none}
#plz-root .slider{
    position:absolute; top:0; left:0; height:100%;
    border-radius:11px;
    background:rgba(148,99,245,.14);
    border:1px solid var(--hair-2);
    transition:transform .32s cubic-bezier(.34,1.2,.4,1), width .32s cubic-bezier(.34,1.2,.4,1), opacity .2s;
    opacity:0; pointer-events:none; z-index:0;
  }
#plz-root .menu.show-slider .slider{opacity:1}
#plz-root .link,#plz-root .trigger{
    position:relative; z-index:1;
    font-family:'Inter',sans-serif; font-size:14px; font-weight:500; letter-spacing:-.01em;
    color:var(--dim); text-decoration:none;
    padding:9px 13px; border-radius:11px;
    background:transparent; border:0; cursor:pointer;
    display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
    transition:color .18s;
  }
#plz-root .link:hover,#plz-root .trigger:hover{color:var(--ink)}
#plz-root .link:focus-visible,#plz-root .trigger:focus-visible{outline:2px solid var(--violet-2); outline-offset:3px}
#plz-root .trigger svg{transition:transform .25s; opacity:.6}
#plz-root .drop[data-open="true"] .trigger{color:var(--ink)}
#plz-root .drop[data-open="true"] .trigger svg{transform:rotate(180deg); opacity:1}
#plz-root  
  .link--alert{color:#F7A8BC}
#plz-root .link--alert:hover{color:#FFC6D5}
#plz-root  
  .tag{
    font-family:'Sora',sans-serif; font-size:9px; font-weight:700; letter-spacing:.06em;
    text-transform:uppercase; color:var(--mint);
    border:1px solid rgba(110,231,199,.35); border-radius:5px;
    padding:2px 5px; line-height:1; margin-left:2px;
  }
#plz-root  
  .right{display:flex; align-items:center; gap:10px; margin-left:auto; flex-shrink:0}
#plz-root  
  .seg{
    position:relative; display:inline-flex; padding:3px;
    background:rgba(0,0,0,.35); border:1px solid var(--hair); border-radius:12px;
  }
#plz-root .seg__pill{
    position:absolute; top:3px; bottom:3px; left:3px;
    width:calc(50% - 3px); border-radius:9px;
    background:linear-gradient(135deg, var(--violet), var(--violet-2));
    box-shadow:0 4px 14px rgba(124,58,237,.5);
    transition:transform .3s cubic-bezier(.34,1.2,.4,1), background .3s;
  }
#plz-root .seg[data-mode="business"] .seg__pill{
    transform:translateX(100%);
    background:linear-gradient(135deg,#0FB5AE,var(--mint));
    box-shadow:0 4px 14px rgba(110,231,199,.4);
  }
#plz-root .seg__btn{
    position:relative; z-index:1;
    font-family:'Sora',sans-serif; font-size:12.5px; font-weight:600; letter-spacing:-.01em;
    color:var(--dim); background:transparent; border:0; cursor:pointer;
    padding:6px 14px; border-radius:9px; white-space:nowrap; transition:color .2s;
  }
#plz-root .seg[data-mode="people"] .seg__btn--people{color:#fff}
#plz-root .seg[data-mode="business"] .seg__btn--business{color:#06231E}
#plz-root  
  .cta{
    font-family:'Sora',sans-serif; font-size:13.5px; font-weight:600; letter-spacing:-.01em;
    color:#fff; text-decoration:none;
    padding:10px 18px; border-radius:12px;
    background:linear-gradient(135deg, var(--violet), var(--violet-2));
    box-shadow:0 4px 16px rgba(124,58,237,.45), 0 1px 0 rgba(255,255,255,.2) inset;
    display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
    transition:transform .15s, filter .15s, box-shadow .15s;
  }
#plz-root .cta:hover{transform:translateY(-1px); filter:brightness(1.07); box-shadow:0 8px 22px rgba(124,58,237,.55)}
#plz-root .cta:active{transform:translateY(0)}
#plz-root .cta svg{transition:transform .2s}
#plz-root .cta:hover svg{transform:translateX(3px)}
#plz-root  
  .drop{position:relative}
#plz-root .panel{
    position:absolute; top:calc(100% + 14px); left:50%; transform:translateX(-50%) translateY(-8px) scale(.98);
    transform-origin:top center;
    width:340px;
    background:var(--glass-2);
    backdrop-filter:blur(26px) saturate(140%);
    -webkit-backdrop-filter:blur(26px) saturate(140%);
    border:1px solid var(--hair); border-radius:16px;
    padding:7px;
    box-shadow:0 30px 70px -10px rgba(0,0,0,.75), 0 0 0 1px rgba(124,58,237,.08);
    opacity:0; visibility:hidden; transition:opacity .2s, transform .26s cubic-bezier(.34,1.2,.4,1), visibility .2s;
  }
#plz-root .drop[data-open="true"] .panel{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0) scale(1)}
#plz-root .panel::before{  
    content:""; position:absolute; top:-6px; left:50%; transform:translateX(-50%) rotate(45deg);
    width:12px;height:12px; background:var(--glass-2);
    border-left:1px solid var(--hair); border-top:1px solid var(--hair); border-radius:3px;
  }
#plz-root .pitem{
    position:relative; display:flex; gap:12px; align-items:flex-start;
    text-decoration:none; padding:12px; border-radius:12px; transition:background .16s;
  }
#plz-root .pitem:hover{background:rgba(148,99,245,.13)}
#plz-root .pitem__ico{
    flex-shrink:0; width:36px;height:36px; border-radius:10px;
    background:rgba(148,99,245,.16); border:1px solid var(--hair-2);
    display:grid; place-items:center; color:var(--violet-2);
  }
#plz-root .pitem__body{display:flex; flex-direction:column; gap:3px; min-width:0}
#plz-root .pitem__t{
    font-family:'Sora',sans-serif; font-size:14px; font-weight:600; color:var(--ink);
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  }
#plz-root .pitem__d{font-size:12px; color:var(--dim); line-height:1.4}
#plz-root .price{
    font-family:'Sora',sans-serif; font-size:10.5px; font-weight:700; color:var(--mint);
    border:1px solid rgba(110,231,199,.32); padding:1px 6px; border-radius:6px; line-height:1.5;
  }
#plz-root .price--free{color:var(--violet-2); border-color:rgba(168,85,247,.4)}
#plz-root  
  .burger{display:none; margin-left:auto; background:transparent; border:0; cursor:pointer; padding:9px; border-radius:11px}
#plz-root .burger:hover{background:rgba(148,99,245,.12)}
#plz-root .burger i{display:block; width:20px;height:2px; background:var(--ink); border-radius:2px; transition:transform .25s, opacity .2s}
#plz-root .burger i+i{margin-top:5px}
#plz-root .nav[data-mobile="true"] .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
#plz-root .nav[data-mobile="true"] .burger i:nth-child(2){opacity:0}
#plz-root .nav[data-mobile="true"] .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1020px){
#plz-root .menu,#plz-root .divider{display:none}
#plz-root .burger{display:block}
#plz-root .seg{order:-1}
#plz-root .cta{display:none}
#plz-root .sheet{
      margin-top:10px; padding:10px;
      background:var(--glass-2); backdrop-filter:blur(26px);
      border:1px solid var(--hair); border-radius:16px;
      box-shadow:0 30px 70px -10px rgba(0,0,0,.75);
      max-height:0; overflow:hidden; opacity:0;
      transition:max-height .34s ease, opacity .26s, padding .34s;
    }
#plz-root .nav[data-mobile="true"] .sheet{max-height:80vh; overflow-y:auto; opacity:1}
#plz-root .sheet .link,#plz-root .sheet .trigger{width:100%; font-size:16px; padding:13px 14px; color:var(--ink)}
#plz-root .sheet .drop{width:100%}
#plz-root .sheet .panel{
      position:static !important; left:auto !important; right:auto !important; top:auto !important;
      transform:none !important; opacity:1 !important; visibility:visible !important; width:100% !important;
      box-shadow:none !important; backdrop-filter:none !important; background:rgba(0,0,0,.25);
      max-height:0; overflow:hidden; padding:0 7px; transition:max-height .26s, padding .26s;
    }
#plz-root .sheet .panel::before{display:none}
#plz-root .sheet .drop{width:100%}
#plz-root .sheet .drop[data-open="true"] .panel{transform:none !important; max-height:440px; padding:7px}
#plz-root .sheet .cta{display:inline-flex; width:100%; justify-content:center; margin-top:8px}
}
@media(min-width:1021px){
#plz-root .sheet{display:none}
}
@media(prefers-reduced-motion:reduce){
#plz-root *{transition:none!important}
}