/* Novità: linea del tempo a rombi */
main{max-width:760px;padding-top:34px}
.hero{text-align:center;padding:26px 0 18px}
.hero .mark{width:58px;height:58px;margin:0 auto 22px;background:url(logo.svg) center/contain no-repeat;filter:drop-shadow(0 10px 18px rgba(0,0,0,.14))}
.hero h1{font-size:clamp(52px,9vw,84px)}
.hero .lead{max-width:520px;margin:12px auto 0;text-wrap:balance}
.tl{list-style:none;margin:40px 0 0;padding:0 0 0 34px;position:relative}
.tl::before{content:'';position:absolute;left:8px;top:14px;bottom:30px;width:2px;background:linear-gradient(var(--s2),var(--s2) 85%,transparent)}
.tl>li{position:relative;padding:0 0 46px}
.tl-dot{position:absolute;left:-33px;top:6px;width:16px;height:16px;background:var(--w);border:2px solid var(--b);border-radius:3px;transform:rotate(45deg)}
.tl>li.now .tl-dot{background:var(--b);box-shadow:0 0 0 6px rgba(10,10,10,.08)}
.tl>li.next .tl-dot{border-style:dashed;border-color:var(--g)}
.tl-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:'Inter Tight',sans-serif}
.tl-v{font-size:13px;font-weight:800;letter-spacing:.04em;background:var(--b);color:var(--w);padding:5px 11px;border-radius:999px}
.tl>li.next .tl-v{background:var(--s);color:var(--b)}
.tl-head time{font-size:14px;color:var(--g);font-weight:500}
.tl-head em{font-style:normal;font-size:12px;font-weight:700;color:var(--b);border:1px solid var(--s2);padding:4px 10px;border-radius:999px}
.tl h2{margin:14px 0 8px;font-size:34px}
.tl ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.tl ul li{font-size:17px;line-height:1.55;padding-left:18px;position:relative}
.tl ul li::before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--b);border-radius:1.5px;transform:rotate(45deg);opacity:.5}
.tl ul b{font-family:'Inter Tight',sans-serif;font-weight:650;color:var(--b)}
.tl>li.next ul li{color:#666}
.help{margin:40px 0 0;background:var(--b);color:var(--w);border-radius:28px;padding:36px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.help h2{color:var(--w);margin:0 0 6px;font-size:32px}
.help p{color:#bdbdbd;margin:0;font-size:17px}
.help .contact{background:var(--w);color:var(--b);margin:0}
@media (max-width:640px){.tl{padding-left:28px}.tl-dot{left:-27px}.tl::before{left:6px}.tl h2{font-size:29px}}