/* Foglio di stile delle pagine di servizio: regali, sfida, privacy, termini.
   La landing ha il suo CSS incorporato; qui basta molto meno. */
:root{
  --nero:#0C0A07;--inchiostro:#141009;--inchiostro-alto:#1C1710;
  --ottone:#C9A227;--ottone-chiaro:#E8CE7A;--ottone-scuro:#8A6F1B;
  --carta:#EDE4D2;--carta-fioca:#958973;
  --bordo:rgba(201,162,39,.18);--bordo-forte:rgba(201,162,39,.34);
  --display:'Bodoni Moda',Didot,'Bodoni 72','Times New Roman',serif;
  --corpo:'Lora',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --curva:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nero);color:var(--carta);font-family:var(--corpo);
  font-size:17px;line-height:1.72;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:-120px;z-index:9999;pointer-events:none;
  opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;height:auto;display:block}
a{color:var(--ottone)}
::selection{background:var(--ottone);color:var(--nero)}
:focus-visible{outline:2px solid var(--ottone);outline-offset:3px;border-radius:3px}

.wrap{width:100%;max-width:740px;margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}
.wrap.stretto{max-width:620px}

h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.12;margin:0;letter-spacing:-.012em}
h1{font-size:clamp(2.2rem,1.5rem + 3vw,3.4rem)}
h2{font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem);margin:2.2em 0 .6em}
h2:first-of-type{margin-top:1.2em}
h3{font-size:1.1rem;margin:1.8em 0 .5em}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.2em;padding-left:1.3em}
li{margin-bottom:.5em}
strong,b{font-weight:600;color:#F6EFE0}

.testa{padding-block:clamp(40px,7vh,72px) clamp(26px,4vh,38px);position:relative;text-align:center}
.testa::before{content:'';position:absolute;top:-30%;left:50%;translate:-50% 0;
  width:min(760px,140vw);aspect-ratio:1/.7;pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%,rgba(201,162,39,.13),transparent 66%)}
.testa>*{position:relative}
.sigillo{width:88px;height:88px;border-radius:50%;margin:0 auto 22px;
  border:1px solid var(--bordo-forte);overflow:hidden}
.occhiello{font-family:var(--mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ottone);margin:0 0 1.1em;font-weight:500}
.lede{color:#CFC4AC;font-size:1.06em;max-width:52ch;margin-inline:auto}
.testa .lede{margin-top:1em}

.corpo{padding-bottom:clamp(48px,8vh,84px)}
.corpo p,.corpo li{color:#C7BBA2}
.nota{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;line-height:1.9;
  color:var(--carta-fioca);text-transform:uppercase}

.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:58px;
  padding:0 32px;border-radius:5px;text-decoration:none;
  background:linear-gradient(168deg,var(--ottone-chiaro),var(--ottone) 46%,var(--ottone-scuro));
  color:#100C05;font-family:var(--mono);font-size:.8rem;font-weight:500;letter-spacing:.15em;
  text-transform:uppercase;position:relative;overflow:hidden;isolation:isolate;
  box-shadow:0 1px 0 rgba(255,244,214,.42) inset,0 14px 34px -16px rgba(201,162,39,.6);
  transition:transform .3s var(--curva),filter .3s var(--curva)}
.cta::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,transparent 32%,rgba(255,252,240,.7) 50%,transparent 68%);
  transform:translateX(-130%);transition:transform .85s var(--curva)}
.cta:hover{transform:translateY(-2px);filter:brightness(1.05)}
.cta:hover::after{transform:translateX(130%)}

.scheda{background:linear-gradient(180deg,var(--inchiostro-alto),var(--inchiostro));
  border:1px solid var(--bordo-forte);border-radius:10px;
  padding:clamp(28px,4.4vw,42px);text-align:center;
  box-shadow:0 50px 100px -60px #000}
.scheda img.cop{width:150px;margin:0 auto 24px;border-radius:3px;
  box-shadow:0 26px 50px -26px #000,0 0 0 1px var(--bordo)}

.riquadro{border:1px solid var(--bordo);border-radius:8px;background:var(--inchiostro);
  padding:clamp(22px,3.4vw,30px);margin:2em 0}
.riquadro p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--bordo);background:#080604;padding-block:38px}
footer .avvertenza{font-size:.78rem;line-height:1.76;color:#7E735F}
footer .riga{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:20px;padding-top:16px;
  border-top:1px solid rgba(201,162,39,.1);
  font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#6F6553}
footer .riga a{text-decoration:none;color:inherit;transition:color .25s}
footer .riga a:hover{color:var(--ottone)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}