:root{--bg:#1A1A2E;--deep:#13131F;--surface:#232342;--surface2:#2B2B4F;--ink:#F5F3EF;--muted:#C3C1D4;
--rosa:#FF5C8A;--rosaD:#E8447A;--gold:#FFC66B;--viola:#A855F7}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Archivo',system-ui,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.pn{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:600;color:var(--rosa)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:880px}
section{position:relative}
a{color:inherit}
.glow{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:0}
.g-r{background:var(--rosa);opacity:.20}.g-v{background:var(--viola);opacity:.16}.g-g{background:var(--gold);opacity:.10}
.logo{font-weight:900;letter-spacing:.28em;font-size:13px;text-transform:uppercase}
.logo span{color:var(--rosa)}
nav{position:relative;z-index:5;padding:22px 0}
.eyebrow{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--rosa);border:1px solid rgba(255,92,138,.42);padding:7px 16px;border-radius:999px;margin-bottom:20px}
.eyebrow.g{color:var(--gold);border-color:rgba(255,198,107,.45)}
h1{font-size:clamp(34px,5vw,58px);line-height:1.03;font-weight:900;letter-spacing:-.028em}
h1 em,h2 em,h3 em{font-style:normal;color:var(--rosa)}
h2.big{font-size:clamp(26px,3.6vw,42px);font-weight:900;letter-spacing:-.025em;line-height:1.09}
.sub{font-size:clamp(16.5px,1.9vw,19.5px);color:var(--muted);margin-top:20px;max-width:580px}
.sub b,.lead b{color:var(--ink);font-weight:700}
.lead{font-size:18px;color:var(--muted);margin-top:16px}
.center{text-align:center}.center .lead,.center .sub{margin-left:auto;margin-right:auto;max-width:700px}
.btn{display:block;border:0;cursor:pointer;font-family:inherit;text-decoration:none;text-align:center;
background:linear-gradient(92deg,#E9509E 0%,#F2C464 100%);color:#1A1A2E;font-weight:900;font-size:17px;
padding:18px 24px;border-radius:999px;transition:.18s;line-height:1.25}
.btn:hover{box-shadow:0 12px 34px rgba(168,85,247,.5);transform:translateY(-2px)}
.btn:active{transform:scale(.97)}
.btn small{display:block;font-size:12.5px;font-weight:700;opacity:.8;margin-top:3px}
.btn.wide{max-width:520px;margin-left:auto;margin-right:auto}
.no{display:block;text-align:center;margin-top:18px;font-size:14px;color:rgba(195,193,212,.75);text-decoration:underline;cursor:pointer}
.no:hover{color:var(--muted)}
.sec{padding:76px 0;position:relative;overflow:hidden}
.sec.alt{background:var(--deep)}
.card{background:var(--surface);border-radius:20px;padding:28px 26px;border:1px solid rgba(245,243,239,.07)}
.card.hot{background:linear-gradient(165deg,#2A2A50,#1F1F3C);border:1.5px solid rgba(255,92,138,.45);box-shadow:0 26px 60px rgba(0,0,0,.42)}
ul.f{list-style:none;display:flex;flex-direction:column;gap:11px}
ul.f li{display:flex;gap:11px;font-size:15.8px;line-height:1.45;color:var(--muted)}
ul.f li b{color:var(--ink);font-weight:700}
ul.f .tick{color:var(--gold);font-weight:900;flex-shrink:0}
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.price .now{font-size:46px;font-weight:900;letter-spacing:-.03em;line-height:1}
.price .old{font-size:19px;color:rgba(195,193,212,.65);text-decoration:line-through}
.price .per{font-size:14px;color:var(--muted)}
.saving{display:inline-block;background:rgba(255,198,107,.16);border:1px solid rgba(255,198,107,.4);color:var(--gold);font-size:12.5px;font-weight:800;padding:5px 12px;border-radius:999px}
.timer{display:inline-flex;align-items:center;gap:12px;background:rgba(255,92,138,.12);border:1px solid rgba(255,92,138,.4);border-radius:999px;padding:10px 22px}
.timer span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}
.timer b{font-size:22px;font-weight:900;color:var(--rosa);font-variant-numeric:tabular-nums}
.note{background:rgba(255,92,138,.10);border:1px solid rgba(255,92,138,.32);border-radius:14px;padding:16px 18px;font-size:14.5px;color:#E8E6F2;line-height:1.5}
.note b{color:var(--rosa)}
.under{font-size:12.5px;color:rgba(195,193,212,.7);text-align:center;margin-top:12px;line-height:1.5}
.pays{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.pays span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(195,193,212,.7);border:1px solid rgba(245,243,239,.16);border-radius:7px;padding:4px 10px;font-weight:700}
.field{margin-top:14px}
.field label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:7px}
.field input{width:100%;background:#15152A;border:1px solid rgba(245,243,239,.16);border-radius:13px;padding:15px 16px;color:var(--ink);font-family:inherit;font-size:16px;outline:none;transition:.18s}
.field input:focus{border-color:var(--rosa);box-shadow:0 0 0 3px rgba(255,92,138,.16)}
.privacy{font-size:11.5px;color:rgba(195,193,212,.7);margin-top:14px;text-align:center;line-height:1.5}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.q{border-bottom:1px solid rgba(245,243,239,.1);padding:20px 0;cursor:pointer}
.q h4{font-size:17.5px;font-weight:700;display:flex;justify-content:space-between;gap:18px;align-items:center}
.q h4 i{font-style:normal;color:var(--rosa);font-weight:900;font-size:22px;transition:.25s;flex-shrink:0}
.q.open h4 i{transform:rotate(45deg)}
.q p{font-size:15.5px;color:var(--muted);max-height:0;overflow:hidden;transition:.3s;padding-top:0}
.q.open p{max-height:360px;padding-top:12px}
.t{background:var(--surface);border-radius:18px;padding:24px;border:1px solid rgba(245,243,239,.06)}
.t .stars{color:var(--gold);font-size:14px;letter-spacing:2px}
.t p{font-size:15.5px;margin:12px 0 16px;line-height:1.55;color:var(--muted)}
.t .who{display:flex;align-items:center;gap:11px}
.t .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,var(--rosaD),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:900;color:#1A1A2E;font-size:14px}
.t .who b{display:block;font-size:14.5px;color:var(--ink)}
.t .who span{font-size:12.5px;color:var(--muted)}
footer{padding:32px 0;border-top:1px solid rgba(245,243,239,.09);font-size:13px;color:rgba(195,193,212,.7)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:900px){.grid2,.grid3{grid-template-columns:1fr}.sec{padding:56px 0}.price .now{font-size:38px}}

/* ── immagini e blocchi visivi ── */
.ph-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;display:block;border:1px solid rgba(255,92,138,.25);box-shadow:0 26px 60px rgba(0,0,0,.4)}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center;position:relative;z-index:2}
.peek{display:flex;justify-content:center;align-items:flex-end;gap:18px;margin-top:40px;flex-wrap:wrap;position:relative;z-index:2}
.peek img{border-radius:10px;box-shadow:0 22px 50px rgba(0,0,0,.5);display:block}
.peek .main{width:296px;border:1px solid rgba(245,243,239,.14)}
.peek .side{width:212px;opacity:.78}
figure.band{border-radius:20px;overflow:hidden;border:1px solid rgba(245,243,239,.1);margin:34px 0 0;position:relative;z-index:2}
figure.band img{width:100%;display:block}
figure.band figcaption{font-size:13.5px;color:var(--muted);padding:13px 16px;background:var(--surface);text-align:center;line-height:1.45}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.peek .side{display:none}.peek .main{width:270px}}