:root { --black: #000; --white: #fff; --yellow: #f5ce02; --pink: #af1d8b; --blue: #32b3fc; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column;
  font-family: 'Epilogue', sans-serif; background: var(--black); color: var(--white); }
a { color: inherit; }
/* Le tre strisce dei pilastri */
.stripes { display: flex; height: 6px; }
.stripes span { flex: 1; }
.stripes span:nth-child(1) { background: var(--yellow); }
.stripes span:nth-child(2) { background: var(--pink); }
.stripes span:nth-child(3) { background: var(--blue); }
.lang { display: flex; justify-content: flex-end; gap: .2rem; padding: 1rem 1.5rem 0; font-size: .85rem; }
.lang a { text-decoration: none; padding: .3rem .6rem; border-radius: 999px; color: rgba(255,255,255,.55); }
.lang a[aria-current="page"] { background: var(--white); color: var(--black); font-weight: 500; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center;
  max-width: 760px; width: 100%; margin: 0 auto; padding: 3rem 1.5rem; }
.logo { width: 220px; height: auto; margin: -40px 0 -20px -28px; }
h1 { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(2rem, 6vw, 3.4rem);
  line-height: 1.08; letter-spacing: -0.02em; }
h1 .y { color: var(--yellow); }
p.lead { margin-top: 1.5rem; font-size: 1.15rem; font-weight: 300; line-height: 1.6;
  color: rgba(255,255,255,0.75); max-width: 34em; }
.contact { margin-top: 2.5rem; display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; }
.btn { display: inline-block; padding: 0.95rem 1.6rem; border-radius: 999px; background: var(--yellow);
  color: var(--black); font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 0.95rem;
  text-decoration: none; transition: transform .2s; }
.btn:hover { transform: translateY(-2px); }
.note { font-size: 1rem; color: rgba(255,255,255,0.7); max-width: 32em; line-height: 1.5; }
p.lead strong { display: block; margin-top: .6rem; font-weight: 500; color: var(--white); }
.projects { margin-top: 3rem; font-size: .9rem; line-height: 1.9; color: rgba(255,255,255,.55); }
.projects a { color: var(--white); }
footer { padding: 1.5rem; text-align: center; font-size: 0.8rem; color: rgba(255,255,255,0.4); }
footer a { margin-left: .8rem; }
/* Pagine legali */
.legal { max-width: 46rem; margin: 0 auto; padding: 3rem 1.5rem; line-height: 1.6; }
.legal h1 { font-size: clamp(2rem, 6vw, 2.8rem); margin-bottom: 1rem; }
.legal h2 { font-family: 'Poppins', sans-serif; font-size: 1.2rem; margin: 2rem 0 .5rem; }
.legal h3 { font-size: 1rem; margin: 1.2rem 0 .4rem; }
.legal p { color: rgba(255,255,255,.8); margin-bottom: .8rem; }
.legal a { color: var(--yellow); }
.legal .back { display: inline-block; margin-bottom: 2rem; color: rgba(255,255,255,.6); text-decoration: none; }