@import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display:ital,wght@0,700;1,600&family=Inter:wght@400;500;600;700&display=swap');
:root{--crema:#f7f3ec;--ink:#0f0d0e;--ink2:#3d3739;--ink3:#7a7276;--nero:#0f0d0e;
  --fux:#f43fd8;--fux-d:#b8168f;--giallo:#f3e600;--bianco:#fff;--line:#0f0d0e;--max:1080px;
  --d:'Anton',Impact,'Arial Narrow',sans-serif;--s:'Playfair Display',Georgia,serif;--b:'Inter',ui-sans-serif,-apple-system,system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--crema);color:var(--ink);font:17px/1.6 var(--b)}
a{color:var(--fux-d)}
.band{background:var(--nero);color:#fff;padding:10px 20px}
.band .in{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
.band .lg{display:flex;align-items:center;gap:10px;font-family:var(--d);font-size:22px;letter-spacing:.04em}
.band .lg img{height:40px;width:auto}
.band .lg em{font-family:var(--s);font-style:italic;font-weight:600;color:var(--fux);letter-spacing:0}
.band .tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--giallo);font-weight:700}
main{max-width:var(--max);margin:0 auto;padding:0 20px}
section{padding:56px 0}
.k{font-family:var(--b);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fux-d);font-weight:700;margin:0 0 14px}
h1{font-family:var(--d);font-size:clamp(56px,10vw,108px);line-height:.92;letter-spacing:.01em;margin:0 0 18px;text-transform:uppercase;font-weight:400}
h1 em{font-family:var(--s);font-style:italic;text-transform:none;font-weight:600;color:var(--fux-d);letter-spacing:0;font-size:.62em;display:block;margin-top:6px}
h2{font-family:var(--d);font-size:clamp(34px,5.5vw,52px);line-height:1;letter-spacing:.01em;margin:0 0 16px;text-transform:uppercase;font-weight:400}
h2 em{font-family:var(--s);font-style:italic;text-transform:none;font-weight:600;color:var(--fux-d)}
h3{font-size:18px;margin:0 0 6px;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 14px;color:var(--ink2)}
strong{color:var(--ink)}
.sub{font-size:clamp(19px,2.6vw,23px);line-height:1.4;color:var(--ink);margin:0 0 18px;max-width:34ch}
/* hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:52px 0 40px}
.mock{position:relative;justify-self:center;width:min(320px,80vw);aspect-ratio:3/4.1;transform:rotate(-3deg)}
.mock .cov{position:absolute;inset:0;background:var(--fux);border:3px solid var(--nero);box-shadow:12px 12px 0 var(--nero);padding:26px 24px;display:flex;flex-direction:column;justify-content:space-between}
.mock .cov .t1{font-family:var(--d);font-size:clamp(40px,7vw,58px);line-height:.92;text-transform:uppercase;color:var(--nero)}
.mock .cov .t2{font-family:var(--s);font-style:italic;font-weight:600;font-size:clamp(22px,3.6vw,30px);line-height:1.05;color:var(--nero);margin-top:6px}
.mock .cov .t3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nero);font-weight:700;opacity:.85}
.mock .cov .by{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--nero);font-weight:600}
.mock .cov .by img{height:34px}
.mock .stick{position:absolute;z-index:2;right:-22px;top:-18px;background:var(--giallo);border:3px solid var(--nero);box-shadow:6px 6px 0 var(--nero);padding:10px 14px;font-family:var(--d);font-size:26px;line-height:1;text-transform:uppercase;transform:rotate(7deg)}
.mock .pages{position:absolute;z-index:2;left:-14px;bottom:-14px;background:var(--bianco);border:3px solid var(--nero);padding:8px 12px;font-size:13px;font-weight:700;transform:rotate(-4deg)}
/* form */
form{background:var(--bianco);border:3px solid var(--nero);box-shadow:10px 10px 0 var(--nero);padding:24px 22px 18px;margin:26px 0 10px;max-width:520px}
label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0 0 6px;letter-spacing:.02em}
input[type=text],input[type=email]{width:100%;padding:14px 15px;font-size:17px;border:2.5px solid var(--nero);background:var(--bianco);color:var(--ink);outline:none;margin-bottom:14px;font-family:inherit;border-radius:0}
input:focus{box-shadow:0 0 0 3px var(--giallo)}
.cons{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink3);margin:4px 0 16px;line-height:1.45}
.cons input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--fux)}
button,.btn{display:block;width:100%;padding:17px;border:3px solid var(--nero);background:var(--fux);color:var(--nero);font-family:var(--d);font-size:22px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 var(--nero);text-decoration:none;text-align:center;transition:transform .15s,box-shadow .15s}
button:hover,.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--nero)}
button:active,.btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--nero)}
.btn.y{background:var(--giallo)} .btn.w{background:var(--bianco)}
.note{font-size:13px;color:var(--ink3);margin-top:14px;text-align:center}
/* blocks */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--bianco);border:3px solid var(--nero);padding:22px 22px 18px;box-shadow:6px 6px 0 var(--nero)}
.card .n{font-family:var(--d);font-size:34px;line-height:1;color:var(--fux-d);margin-bottom:8px}
.card p{margin:0;font-size:15.5px}
.dark{background:var(--nero);color:#f7f3ec;padding:40px 34px;border:3px solid var(--nero);box-shadow:10px 10px 0 var(--fux);margin:8px 0}
.dark p{color:#d8d2cc} .dark strong{color:#fff}
.dark .q{font-family:var(--s);font-style:italic;font-weight:600;font-size:clamp(24px,3.8vw,34px);line-height:1.25;color:#fff;margin:0 0 14px}
.dark .q b{color:var(--giallo);font-weight:600}
.yel{background:var(--giallo);border:3px solid var(--nero);padding:28px 30px;box-shadow:8px 8px 0 var(--nero)}
.yel h3{font-family:var(--d);font-size:28px;text-transform:uppercase;font-weight:400;letter-spacing:.02em}
.yel p{color:var(--ink)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chk li,.no li{margin-bottom:8px;color:var(--ink2)} .chk,.no{padding-left:22px;margin:0}
.chk li::marker{content:"✔ ";color:var(--fux-d)} .no li::marker{content:"✕ ";color:var(--ink3)}
.small{font-size:13px;color:var(--ink3);line-height:1.5}
.center{text-align:center}
footer{max-width:var(--max);margin:0 auto;padding:22px 20px 50px;font-size:12.5px;color:var(--ink3);line-height:1.5;border-top:3px solid var(--nero)}
.rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:30px;padding-top:36px}.mock{transform:rotate(-2deg);margin:18px auto 12px}.two{grid-template-columns:1fr}form{max-width:none}section{padding:44px 0}.dark{padding:30px 22px}}