@font-face{font-family:"Inter";src:url(/font/inter-latin.woff2) format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url(/font/inter-latin-ext.woff2) format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url(/font/inter-cyrillic.woff2) format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
table{border-collapse:collapse;width:100%}
:root{
  --ink:#0f1219;
  --ink-2:#59617a;
  --ink-3:#8b93a8;
  --bg:#f7f8fb;
  --bg-2:#eef1f7;
  --card:#ffffff;
  --line:#e7eaf2;
  --line-2:#d7dcea;
  --dark:#080a10;
  --hiit:#ef5b34;
  --hiit-deep:#c9401d;
  --hiit-soft:#fff1ec;
  --gym:#3568dd;
  --gym-deep:#2450b4;
  --gym-soft:#eef3fe;
  --tinta:var(--gym);
  --tinta-soft:var(--gym-soft);
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:32px;
  --sh-1:0 1px 2px rgba(15,18,25,.05), 0 4px 14px rgba(15,18,25,.05);
  --sh-2:0 2px 6px rgba(15,18,25,.05), 0 22px 44px -22px rgba(15,18,25,.22);
  --sh-3:0 4px 10px rgba(15,18,25,.06), 0 40px 80px -36px rgba(15,18,25,.42);
  --velo:247,248,251;
  --btn:var(--ink);
  --btn-testo:#fff;
  --btn-caldo:#1b202c;
  --telaio:linear-gradient(165deg,#eff2f8,#c9d0e2 52%,#e6eaf4);
  --telaio-luce:rgba(255,255,255,.85);
  --schermo:#fff;
  --avviso-bordo:#f8ded6;
  --avviso-testo:#7a4436;
  --avviso-icona:#fff;
  --chiusura:linear-gradient(150deg,#fff6f3,#f1f5fe 62%,#fff);
  --ombra-tono:15,18,25;
  --punti:rgba(15,18,25,.05);
  --alone-a:rgba(239,91,52,.13);
  --alone-b:rgba(53,104,221,.13);
  --alone-c:rgba(53,104,221,.07);
  --h-testata:70px;
  --h-sezioni:56px;
  --wrap:1160px;
}
:root[data-tema="scuro"],
:root[data-tema="auto"].sistema-scuro{
  --ink:#eef1f7;
  --ink-2:#a7b0c4;
  --ink-3:#7d879e;
  --bg:#0b0e15;
  --bg-2:#151b26;
  --card:#121722;
  --line:#232b3a;
  --line-2:#313b4d;
  --dark:#05070c;
  --hiit:#ff6f4a;
  --hiit-deep:#ff8a6a;
  --hiit-soft:#26150f;
  --gym:#6d97ff;
  --gym-deep:#8fb0ff;
  --gym-soft:#111c33;
  --velo:11,14,21;
  --btn:#eef1f7;
  --btn-testo:#0b0e15;
  --btn-caldo:#ffffff;
  --telaio:linear-gradient(165deg,#39415a,#1d2432 52%,#2f374a);
  --telaio-luce:rgba(255,255,255,.14);
  --schermo:#0b0e15;
  --avviso-bordo:#3a2119;
  --avviso-testo:#e0b6a6;
  --avviso-icona:#1b1210;
  --chiusura:linear-gradient(150deg,#1d1512,#101828 62%,#121722);
  --ombra-tono:0,0,0;
  --punti:rgba(255,255,255,.055);
  --alone-a:rgba(255,111,74,.16);
  --alone-b:rgba(109,151,255,.14);
  --alone-c:rgba(109,151,255,.08);
  --sh-1:0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.35);
  --sh-2:0 2px 6px rgba(0,0,0,.45), 0 22px 44px -22px rgba(0,0,0,.7);
  --sh-3:0 4px 10px rgba(0,0,0,.5), 0 40px 80px -36px rgba(0,0,0,.85);
}
body{background:var(--bg);color:var(--ink);font-size:17px;line-height:1.65}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none}
body::before{
  z-index:-2;
  background:
    radial-gradient(58rem 42rem at 8% -8%,var(--alone-b),transparent 60%),
    radial-gradient(52rem 40rem at 96% 4%,var(--alone-a),transparent 62%),
    radial-gradient(46rem 34rem at 60% 108%,var(--alone-c),transparent 62%);
}
body::after{
  z-index:-1;
  background-image:radial-gradient(var(--punti) 1px,transparent 1px);
  background-size:22px 22px;
}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
@media(max-width:760px){.wrap{padding:0 28px}}
@media(max-width:400px){.wrap{padding:0 26px}}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.028em;line-height:1.08;color:var(--ink)}
h1{font-size:clamp(2.5rem,5.2vw,3.85rem);letter-spacing:-.038em}
h2{font-size:clamp(1.85rem,3.2vw,2.5rem);letter-spacing:-.032em}
h3{font-size:1.24rem}
h4{font-size:1rem;letter-spacing:-.018em}
p{margin:0;color:var(--ink-2)}
strong{color:var(--ink);font-weight:600}
.etichetta{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tinta);
}
.etichetta::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
:focus-visible{outline:3px solid var(--gym);outline-offset:3px;border-radius:8px}
.salta{
  position:absolute;left:-9999px;top:8px;z-index:200;padding:10px 16px;border-radius:10px;
  background:var(--ink);color:#fff;font-weight:600;
}
.salta:focus{left:16px}
.filo-avanzamento{
  position:fixed;top:0;left:0;right:0;height:3px;z-index:120;
  background:transparent;pointer-events:none;
}
.filo-avanzamento i{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--hiit),var(--gym));
  transition:width .1s linear;
}
.testata{
  position:sticky;top:0;z-index:100;
  background:rgba(var(--velo),.78);
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .3s ease,background .3s ease;
}
.testata.staccata{border-bottom-color:var(--line);background:rgba(var(--velo),.92)}
.testata .wrap{display:flex;align-items:center;gap:16px;height:var(--h-testata)}
.marchio{display:flex;align-items:center;gap:11px;font-weight:700;font-size:1.06rem;letter-spacing:-.024em;white-space:nowrap}
.marchio img{width:34px;height:34px;border-radius:10px;box-shadow:var(--sh-1)}
.strumenti{margin-left:auto;display:flex;align-items:center;gap:10px}
.tendina{position:relative}
.voce-alta{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 13px;border-radius:10px;font-size:.93rem;font-weight:500;color:var(--ink-2);
  transition:background .2s ease,color .2s ease;
}
.voce-alta svg{display:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.voce-alta:hover{background:rgba(var(--ombra-tono),.06);color:var(--ink)}
.voce-alta.qui{color:var(--ink);background:rgba(var(--ombra-tono),.06);font-weight:600}
.lingua{
  display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;
  border:1px solid var(--line);border-radius:11px;background:var(--card);
  font-size:.88rem;font-weight:600;color:var(--ink);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.lingua:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.lingua.solo-icona{padding:0;width:40px;justify-content:center}
.icona-luna{display:none}
:root.mostra-luna .icona-sole{display:none}
:root.mostra-luna .icona-luna{display:block}
.lingua svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.lingua .freccetta{width:13px;height:13px;stroke-width:2.2;transition:transform .25s ease}
.lingua[aria-expanded="true"] .freccetta{transform:rotate(180deg)}
.menu-scelte{
  position:absolute;right:0;top:calc(100% + 8px);min-width:176px;padding:6px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-2);z-index:110;
}
.menu-scelte li a,.menu-scelte li span,.menu-scelte li button{
  display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;
  font-size:.93rem;color:var(--ink);
}
.menu-scelte li b{
  min-width:26px;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--ink-3);
}
.menu-scelte li a:hover,.menu-scelte li button:hover{background:var(--bg-2)}
.menu-scelte li span,.menu-scelte li button[aria-current="true"]{background:var(--gym-soft);font-weight:600}
.menu-scelte li span b,.menu-scelte li button[aria-current="true"] b{color:var(--gym)}
.menu-scelte li button{width:100%;text-align:left}
.menu-scelte li button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.menu-scelte li button .spunta{margin-left:auto;opacity:0}
.menu-scelte li button[aria-current="true"] .spunta{opacity:1;stroke:var(--gym)}
.menu-lungo{max-height:min(62vh,430px);overflow-y:auto;overscroll-behavior:contain}
.menu-lungo li a,.menu-lungo li span{white-space:nowrap}
.store{
  display:inline-flex;align-items:center;height:42px;padding:0 18px;
  border-radius:12px;background:var(--btn);color:var(--btn-testo);font-weight:600;font-size:.94rem;
  box-shadow:var(--sh-1);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,background .2s ease;
}
.store:hover{transform:translateY(-2px);box-shadow:var(--sh-2);background:var(--btn-caldo)}
.store:active{transform:translateY(0)}
.negozi{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.eroe .negozi{margin-top:34px}
.badge{display:inline-block;line-height:0;border-radius:10px}
.badge img{display:block;width:auto}
.badge.apple img{height:52px}
.badge .per-scuro{display:none}
:root[data-tema="scuro"] .badge .per-chiaro,
:root[data-tema="auto"].sistema-scuro .badge .per-chiaro{display:none}
:root[data-tema="scuro"] .badge .per-scuro,
:root[data-tema="auto"].sistema-scuro .badge .per-scuro{display:block}
.badge.play img{height:64px;margin:-7px 0}
.presto{display:inline-flex;flex-direction:column;align-items:center;gap:2px;cursor:default}
.presto .badge{opacity:.45;transition:opacity .25s ease}
.presto:hover .badge{opacity:.62}
.presto .segnale{font-size:.73rem;font-weight:400;color:var(--ink-3);letter-spacing:.01em;line-height:1}
.qr{display:none;flex-direction:column;align-items:center;gap:10px}
.qr img{display:block;width:152px;height:152px;border-radius:14px;box-shadow:var(--sh-2)}
.qr span{max-width:12em;font-size:.8rem;line-height:1.3;color:var(--ink-3);text-align:center}
.striscia-qr{display:none}
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .scarica.al-centro{display:flex;justify-content:center;align-items:center;gap:44px}
  .scarica.al-centro > .negozi{flex:none}
  .scarica.al-centro > .qr{display:flex;padding-left:44px;border-left:1px solid var(--line)}
  .eroe .negozi{display:none}
  .eroe{padding-bottom:44px}
  .eroe .azioni{margin-top:26px}
  .striscia-qr{display:block;padding-bottom:72px}
  .striscia-qr .dentro{position:relative;overflow:hidden;display:flex;justify-content:space-between;
    align-items:center;gap:48px;padding:48px 56px 48px 52px;border:1px solid var(--line);
    border-radius:var(--r-xl);box-shadow:var(--sh-2);
    background:
      radial-gradient(34rem 22rem at 0% 0%,color-mix(in srgb,var(--gym) 18%,transparent),transparent 70%),
      radial-gradient(30rem 22rem at 100% 100%,color-mix(in srgb,var(--hiit) 16%,transparent),transparent 70%),
      var(--card)}
  .striscia-qr .dentro::before{content:"";position:absolute;inset:0;pointer-events:none;
    background-image:radial-gradient(var(--punti) 1px,transparent 1px);background-size:22px 22px}
  .striscia-qr .testo,.striscia-qr .mirino{position:relative}
  .striscia-qr .app{display:flex;align-items:center;gap:14px;margin-bottom:22px}
  .striscia-qr .app img{width:64px;height:64px;border-radius:16px;box-shadow:var(--sh-2)}
  .striscia-qr .app b{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
  .striscia-qr h2{font-size:2.3rem;margin:0 0 10px}
  .striscia-qr p{margin:0 0 26px;font-size:1.1rem;max-width:40ch}
  .striscia-qr .mirino{flex:none;padding:18px}
  .striscia-qr .mirino img{display:block;width:220px;height:220px;border-radius:14px;
    box-shadow:var(--sh-2)}
  .striscia-qr .angolo{position:absolute;width:34px;height:34px;border:3px solid var(--gym)}
  .striscia-qr .angolo.basso{border-color:var(--hiit)}
  .striscia-qr .alto{top:0}.striscia-qr .basso{bottom:0}
  .striscia-qr .sinistra{left:0}.striscia-qr .destra{right:0}
  .striscia-qr .alto.sinistra{border-right:0;border-bottom:0;border-top-left-radius:12px}
  .striscia-qr .alto.destra{border-left:0;border-bottom:0;border-top-right-radius:12px}
  .striscia-qr .basso.sinistra{border-right:0;border-top:0;border-bottom-left-radius:12px}
  .striscia-qr .basso.destra{border-left:0;border-top:0;border-bottom-right-radius:12px}
}
.prendi{padding-top:72px;padding-bottom:96px;max-width:40rem;text-align:center}
.prendi .icona-app{display:block;margin:0 auto 22px;border-radius:26px;box-shadow:var(--sh-2)}
.prendi p{margin:14px auto 32px;max-width:46ch;font-size:1.06rem}
.sezioni-barra{
  position:sticky;top:var(--h-testata);z-index:90;
  background:rgba(var(--velo),.9);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
  opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .3s ease,transform .3s ease;
}
.sezioni-barra.viva{opacity:1;transform:none;pointer-events:auto}
.sezioni-barra .wrap{display:flex;align-items:center;gap:6px;height:var(--h-sezioni);overflow-x:auto;scrollbar-width:none}
.sezioni-barra .wrap::-webkit-scrollbar{display:none}
.sezioni-barra a{
  flex:none;padding:7px 14px;border-radius:999px;font-size:.87rem;font-weight:600;
  color:var(--ink-2);white-space:nowrap;border:1px solid transparent;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.sezioni-barra a:hover{background:rgba(var(--ombra-tono),.06);color:var(--ink)}
.sezioni-barra a.qui{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:var(--sh-1)}
.sezioni-barra a.qui::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--tinta);margin-right:8px;vertical-align:1px;
}
section[id]{scroll-margin-top:calc(var(--h-testata) + var(--h-sezioni) + 20px)}
.shot{position:relative;overflow:hidden;aspect-ratio:640/1292;background:#eef0f5}
.shot img{width:100%;height:auto;margin-top:-15.47%}
.telefono{
  position:relative;padding:9px;border-radius:40px;
  background:var(--telaio);
  box-shadow:
    inset 0 0 0 1px var(--telaio-luce),
    0 1px 2px rgba(var(--ombra-tono),.16),
    var(--sh-3);
}
.telefono .schermo{
  border-radius:32px;overflow:hidden;background:var(--schermo);
  box-shadow:inset 0 0 0 1px rgba(var(--ombra-tono),.12);
}
.telefono .shot{aspect-ratio:640/1292}
.telefono.piccolo{padding:7px;border-radius:30px}
.telefono.piccolo .schermo{border-radius:24px}
.eroe{position:relative;overflow:hidden;padding:76px 0 92px}
.eroe::before{
  content:"";position:absolute;left:-10%;right:-10%;top:-360px;height:1100px;
  z-index:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(40rem 30rem at 76% 42%,var(--alone-a),transparent 66%),
    radial-gradient(36rem 28rem at 14% 34%,var(--alone-b),transparent 64%);
}
.eroe .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}
.eroe h1{margin:18px 0 20px;max-width:14ch}
.eroe .lead{font-size:1.15rem;max-width:50ch}
.eroe .azioni{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;align-items:center}
.collegamento{
  display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 8px;
  font-weight:600;color:var(--ink);
}
.collegamento svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}
.collegamento:hover svg{transform:translateY(3px)}
.garanzie{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;max-width:52ch}
.garanzie li{
  display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:999px;
  background:var(--card);border:1px solid var(--line);font-size:.88rem;font-weight:500;color:var(--ink-2);
  box-shadow:var(--sh-1);
}
.garanzie b{font-weight:700;color:var(--ink)}
.vetrina{display:flex;justify-content:center;align-items:flex-start;gap:20px}
.mostra{flex:1 1 0;max-width:252px;display:flex;flex-direction:column;gap:16px}
.mostra.due{margin-top:44px}
.mostra .telefono{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.mostra.uno .telefono{transform:rotate(-2deg)}
.mostra.due .telefono{transform:rotate(2deg)}
.vetrina:hover .mostra.uno .telefono{transform:rotate(-1.2deg) translateY(-10px)}
.vetrina:hover .mostra.due .telefono{transform:rotate(1.2deg) translateY(-10px)}
.mostra figcaption{
  display:flex;align-items:flex-start;justify-content:center;gap:9px;
  font-size:.86rem;font-weight:600;color:var(--ink-2);text-align:center;
}
.mostra figcaption i{width:9px;height:9px;border-radius:50%;flex:none;margin-top:.45em}
.mostra figcaption .corto{display:none}
@media(max-width:680px){
  .strumenti{gap:6px}
  .testata .store{display:none}
  .voce-alta{padding:0;width:40px;height:40px;justify-content:center;border:1px solid var(--line);background:var(--card)}
  .voce-alta span{display:none}
  .voce-alta svg{display:block}
  .marchio{font-size:1rem}
  .marchio img{width:31px;height:31px}
}
@media(max-width:640px){
  .mostra figcaption .lungo{display:none}
  .mostra figcaption .corto{display:inline}
}
.mostra.uno figcaption i{background:var(--gym)}
.mostra.due figcaption i{background:var(--hiit)}
@media(max-width:980px){
  .eroe .wrap{grid-template-columns:1fr;gap:44px}
  .eroe h1{max-width:18ch}
  .vetrina{margin-top:4px;gap:14px}
  .mostra{max-width:none}
  .mostra.due{margin-top:32px}
  .mostra figcaption{font-size:.78rem}
}
.breve{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 0 8px}
@media(max-width:880px){.breve{grid-template-columns:1fr}}
.breve article{
  padding:26px 24px;border-radius:var(--r-lg);background:var(--card);
  border:1px solid var(--line);box-shadow:var(--sh-1);
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;
}
.breve article:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--line-2)}
.breve .segno{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;
  background:var(--tinta-soft);
}
.breve .segno svg{width:22px;height:22px;fill:none;stroke:var(--tinta);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.breve article:nth-child(1){--tinta:var(--hiit);--tinta-soft:var(--hiit-soft)}
.breve h3{margin-bottom:8px;font-size:1.14rem}
.breve p{font-size:.96rem}
.sezione{padding-top:92px;padding-bottom:92px}
.sezione.stretta{padding-top:64px;padding-bottom:64px}
.sezione.senza-sopra{padding-top:0}
.negozi.al-centro{justify-content:center}
.capo{max-width:62ch;margin-bottom:40px}
.capo h2{margin:14px 0 14px}
.capo p{font-size:1.06rem}
.strade{
  border-radius:var(--r-xl);background:var(--card);border:1px solid var(--line);
  box-shadow:var(--sh-2);overflow:hidden;
}
.linguette{display:flex;gap:0;padding:10px;background:var(--bg-2);border-bottom:1px solid var(--line)}
.linguette button{
  flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 16px;border-radius:var(--r-md);font-size:1rem;font-weight:600;color:var(--ink-2);
  transition:background .25s ease,color .25s ease,box-shadow .25s ease;
}
.linguette button i{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.45;flex:none;transition:opacity .25s ease}
.linguette button[aria-selected="true"]{background:var(--card);color:var(--ink);box-shadow:var(--sh-1)}
.linguette button[aria-selected="true"] i{opacity:1}
.linguette button:nth-child(1) i{color:var(--gym)}
.linguette button:nth-child(2) i{color:var(--hiit)}
.pannello-strada{padding:44px}
.pannello-strada[hidden]{display:none}
.strada{display:grid;grid-template-columns:300px 1fr;gap:52px;align-items:center}
.strada .telefono{width:100%}
.strada .etichetta{color:var(--tinta)}
.strada h3{margin:12px 0 14px;font-size:clamp(1.45rem,2.4vw,1.95rem);letter-spacing:-.03em}
.strada > div > p{max-width:52ch}
.passi{margin-top:26px;display:flex;flex-direction:column;gap:14px}
.passi li{display:flex;gap:14px;align-items:flex-start}
.passi .n{
  width:26px;height:26px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--tinta-soft);color:var(--tinta);font-size:.8rem;font-weight:700;margin-top:2px;
}
.passi b{display:block;font-weight:600;font-size:.99rem;color:var(--ink)}
.passi span{display:block;font-size:.93rem;color:var(--ink-2)}
#strada-hiit{--tinta:var(--hiit);--tinta-soft:var(--hiit-soft)}
#strada-gym{--tinta:var(--gym);--tinta-soft:var(--gym-soft)}
@media(max-width:900px){
  .pannello-strada{padding:26px 22px 32px}
  .strada{grid-template-columns:1fr;gap:30px}
  .strada .telefono{width:min(230px,58vw);margin:0 auto}
}
@media(max-width:520px){
  .linguette{flex-direction:column;gap:4px}
  .linguette button{justify-content:flex-start}
}
.fascia{position:relative;overflow:hidden;background:var(--dark);color:#fff;padding:88px 0}
.fascia::before,.fascia::after{
  content:"";position:absolute;width:760px;height:760px;border-radius:50%;filter:blur(120px);
  pointer-events:none;
}
.fascia::before{background:rgba(239,91,52,.30);top:-430px;right:-190px}
.fascia::after{background:rgba(53,104,221,.24);bottom:-460px;left:-210px}
.fascia .wrap{position:relative;z-index:1}
.fascia .capo{max-width:56ch}
.fascia .capo h2{color:#fff}
.fascia .capo p{color:rgba(255,255,255,.68)}
.fascia .etichetta{color:var(--hiit)}
.cifre{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
@media(max-width:820px){.cifre{grid-template-columns:repeat(2,1fr)}}
.cifra{
  padding:26px 22px;border-radius:var(--r-lg);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.22,1,.36,1);
}
.cifra:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-4px)}
.cifra b{display:block;font-size:clamp(2.2rem,4.4vw,3rem);font-weight:700;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.cifra span{display:block;margin-top:10px;font-size:.9rem;line-height:1.45;color:rgba(255,255,255,.66)}
.cifra:nth-child(odd) b{color:var(--hiit)}
.cifra:nth-child(even) b{color:#7ba2ff}
.resto{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:940px){.resto{grid-template-columns:1fr}}
.pezzo{
  display:flex;flex-direction:column;padding:24px 24px 0;border-radius:var(--r-xl);
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden;
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;
}
.pezzo:hover{transform:translateY(-6px);box-shadow:var(--sh-2)}
.pezzo .etichetta{color:var(--tinta)}
.pezzo h3{margin:10px 0 8px}
.pezzo p{font-size:.96rem}
.pezzo .telefono{width:76%;margin:26px auto -46px;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.pezzo::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:110px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),var(--card) 78%);
}
.pezzo{position:relative}
.pezzo:hover .telefono{transform:translateY(-10px)}
.pezzo:nth-child(2){--tinta:var(--hiit)}
@media(max-width:940px){.pezzo .telefono{width:min(210px,52vw)}}
.versioni{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
@media(max-width:820px){.versioni{grid-template-columns:1fr}}
.versione{
  position:relative;display:flex;flex-direction:column;
  padding:30px;border-radius:var(--r-xl);background:var(--card);
  border:1px solid var(--line);box-shadow:var(--sh-1);
}
.versione .titolo{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.versione h3{font-size:1.3rem}
.versione .prezzo{font-size:.92rem;color:var(--ink-3);font-weight:500}
.versione > p{margin:12px 0 22px;font-size:.96rem}
.versione ul{display:flex;flex-direction:column;gap:2px}
.versione li{display:flex;gap:13px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line)}
.versione li:first-child{border-top:0}
.versione .segno{
  width:22px;height:22px;border-radius:50%;flex:none;margin-top:2px;
  display:grid;place-items:center;background:var(--tinta-soft);
}
.versione .segno svg{width:13px;height:13px;fill:none;stroke:var(--tinta);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.versione b{display:block;font-weight:600;font-size:.99rem}
.versione span.dett{display:block;font-size:.9rem;color:var(--ink-2)}
.versione.base{--tinta:var(--ink-2);--tinta-soft:var(--bg-2)}
.versione.pro{
  --tinta:var(--gym);--tinta-soft:var(--gym-soft);
  border:1.5px solid var(--gym);box-shadow:var(--sh-2);
  background:linear-gradient(180deg,var(--gym-soft),var(--card) 190px);
}
.versione.pro .fiocco{
  position:absolute;top:-13px;right:26px;padding:6px 14px;border-radius:999px;
  background:linear-gradient(120deg,var(--gym),var(--hiit));color:#fff;
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 8px 20px rgba(53,104,221,.35);
}
.nota{margin-top:20px;font-size:.93rem;max-width:74ch}
.doc{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.doc{grid-template-columns:1fr}}
.doc a{
  display:flex;align-items:center;gap:18px;padding:24px;border-radius:var(--r-lg);
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.doc a:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-2)}
.doc .segno{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;background:var(--bg-2)}
.doc .segno svg{width:21px;height:21px;fill:none;stroke:var(--ink-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.doc h3{font-size:1.08rem;margin-bottom:3px}
.doc p{font-size:.92rem}
.doc .freccia{margin-left:auto;flex:none}
.doc .freccia svg{width:18px;height:18px;fill:none;stroke:var(--ink-3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.doc a:hover .freccia svg{transform:translateX(4px);stroke:var(--ink)}
.avvertenza{
  display:flex;gap:18px;margin-top:20px;padding:24px 26px;border-radius:var(--r-lg);
  background:var(--hiit-soft);border:1px solid var(--avviso-bordo);
}
.avvertenza .segno{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--avviso-icona)}
.avvertenza .segno svg{width:20px;height:20px;fill:none;stroke:var(--hiit);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.avvertenza h4{margin-bottom:6px;color:var(--hiit-deep)}
.avvertenza p{color:var(--avviso-testo);font-size:.95rem;max-width:76ch}
.finale{padding:0 26px 96px}
@media(max-width:760px){.finale{padding:0 28px 72px}}
.finale .dentro{
  position:relative;overflow:hidden;max-width:var(--wrap);margin:0 auto;
  padding:80px 40px;border-radius:var(--r-xl);text-align:center;
  background:var(--chiusura);
  border:1px solid var(--line);
}
.finale h2{max-width:18ch;margin:0 auto 14px}
.finale p{max-width:46ch;margin:0 auto 30px}
.finale .azioni{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.piede{background:var(--card);border-top:1px solid var(--line);padding:60px 0 32px}
.piede .colonne{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:34px}
@media(max-width:880px){.piede .colonne{grid-template-columns:1fr 1fr}.piede .prima{grid-column:1 / -1}}
@media(max-width:520px){.piede .colonne{grid-template-columns:1fr}}
.piede .prima p{margin-top:14px;font-size:.93rem;max-width:38ch}
.piede h4{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.piede li{margin-bottom:9px}
.piede li a{font-size:.94rem;color:var(--ink-2)}
.piede li a:hover{color:var(--gym)}
.lingue-piede{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.lingue-piede ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.lingue-piede li{margin-bottom:0}
.lingue-piede a,.lingue-piede span{font-size:.9rem;color:var(--ink-2)}
.lingue-piede a:hover{color:var(--gym)}
.lingue-piede span[aria-current]{color:var(--ink);font-weight:600}
.piede .marchi{margin-top:32px;font-size:.79rem;color:var(--ink-3);max-width:80ch;line-height:1.55}
.piede .sotto{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:18px;padding-top:22px;border-top:1px solid var(--line);
  font-size:.87rem;color:var(--ink-3);
}
.su{
  position:fixed;right:22px;bottom:22px;z-index:95;width:46px;height:46px;border-radius:14px;
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-2);
  display:grid;place-items:center;opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity .3s ease,transform .3s ease;
}
.su.viva{opacity:1;transform:none;pointer-events:auto}
.su svg{width:19px;height:19px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.entra{opacity:0;transform:translateY(20px)}
.entra.dentro-vista{opacity:1;transform:none;transition:opacity .65s ease,transform .7s cubic-bezier(.22,1,.36,1)}
@media(max-width:860px){
  .sezione{padding-top:64px;padding-bottom:64px}
  .eroe{padding:52px 0 68px}
  .finale .dentro{padding:56px 26px}
}
.pagina-testa{position:relative;padding-top:64px;padding-bottom:8px}
.briciole{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-3);margin-bottom:20px}
.briciole a{color:var(--ink-2)}
.briciole a:hover{color:var(--ink)}
.briciole svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pagina-testa h1{max-width:16ch;margin:12px 0 18px}
.pagina-testa .lead{font-size:1.12rem;max-width:58ch}
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{
  border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);
  box-shadow:var(--sh-1);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;
}
.faq details[open]{border-color:var(--line-2);box-shadow:var(--sh-2)}
.faq summary{
  display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;
  font-weight:600;font-size:1.06rem;list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";margin-left:auto;flex:none;width:11px;height:11px;
  border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s ease;
}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq summary:hover{color:var(--tinta)}
.faq .risposta{padding:0 24px 24px 24px;max-width:74ch}
.faq .risposta p + p{margin-top:.9em}
.faq .numero{
  width:28px;height:28px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--tinta-soft);color:var(--tinta);font-size:.8rem;font-weight:700;
}
.aiuto{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
@media(max-width:820px){.aiuto{grid-template-columns:1fr}}
.aiuto .riquadro{
  padding:30px;border-radius:var(--r-xl);background:var(--card);
  border:1px solid var(--line);box-shadow:var(--sh-1);
}
.aiuto h3{margin-bottom:10px}
.aiuto p{font-size:.98rem}
.aiuto .posta{
  display:inline-flex;align-items:center;gap:10px;margin-top:20px;height:48px;padding:0 22px;
  border-radius:13px;background:var(--btn);color:var(--btn-testo);font-weight:600;
  transition:transform .2s ease,box-shadow .2s ease;
}
.aiuto .posta:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.aiuto .posta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
.aiuto ul{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.aiuto li a{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:.96rem}
.aiuto li a:hover{color:var(--gym)}
.aiuto li svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.legal{max-width:760px;margin:0 auto;padding-top:56px;padding-bottom:80px}
.legal .back{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;
  font-weight:600;font-size:.94rem;color:var(--ink-2);
}
.legal .back:hover{color:var(--ink)}
.legal h1{font-size:clamp(1.9rem,4.2vw,2.6rem);margin-bottom:10px}
.legal h2{font-size:1.32rem;margin:38px 0 12px}
.legal h3{font-size:1.08rem;margin:26px 0 8px}
.legal p,.legal li{color:var(--ink-2);margin-bottom:.9rem}
.legal strong{color:var(--ink)}
.legal a{color:var(--gym);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--ink)}
.legal ul{padding-left:1.2rem;list-style:disc}
.legal li{margin-bottom:.45rem}
.legal hr{border:0;border-top:1px solid var(--line);margin:34px 0}
.legal .stamp{
  display:inline-block;padding:7px 14px;border-radius:999px;margin-bottom:26px;
  background:var(--bg-2);border:1px solid var(--line);
  font-size:.85rem;font-weight:600;color:var(--ink-2);
}
.langbar{background:var(--gym-soft);border-bottom:1px solid var(--line)}
.langbar .wrap{display:flex;align-items:center;gap:14px;padding-top:11px;padding-bottom:11px}
.langbar p{margin:0;font-size:.93rem;color:var(--gym-deep)}
.langbar a{color:var(--gym-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.langbar-x{
  margin-left:auto;border:0;background:none;font-size:1.4rem;line-height:1;
  color:var(--gym-deep);cursor:pointer;padding:0 4px;
}
.persa{padding-top:80px;padding-bottom:90px;max-width:64ch}
.persa h1{margin:14px 0 16px}
.persa p{font-size:1.06rem}
.persa .strade-perse{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.persa .strade-perse a{
  display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:12px;
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);
  font-weight:600;font-size:.95rem;
}
.persa .strade-perse a:hover{border-color:var(--line-2);box-shadow:var(--sh-2)}
.persa .strade-perse a.piena{background:var(--btn);color:var(--btn-testo);border-color:transparent}
.persa .lingue-perse{margin-top:46px;padding-top:38px;border-top:1px solid var(--line)}
.persa .lingue-perse h2{font-size:1.02rem;color:var(--ink-2);margin-bottom:18px}
.persa .lingue-perse ul{display:flex;flex-wrap:wrap;gap:10px 24px}
.persa .lingue-perse a{font-size:.95rem;color:var(--ink-2)}
.persa .lingue-perse a:hover{color:var(--gym)}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
  .entra{opacity:1!important;transform:none!important}
}
