*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050507;--bg-soft:#0b0b12;--surface:#111118;--text:#f5f5f7;--text-dim:#f5f5f7a6;--text-faint:#f5f5f766;--blue:#3b82f6;--violet:#7c3aed;--pink:#ec4899;--gradient-brand:linear-gradient(135deg, var(--blue), var(--violet) 55%, var(--pink));--radius:20px;--container:1120px;--section-pad:clamp(4rem, 10vw, 8rem)}html{background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.text-gradient{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--text-faint);font-size:.75rem;font-weight:600}main section{min-height:100vh;padding:var(--section-pad) 1.5rem;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.section-head{max-width:640px;margin:0 auto clamp(2.5rem,6vw,4rem)}.section-title{letter-spacing:-.01em;font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-dim);margin-top:.85rem;font-size:clamp(1rem,1.6vw,1.15rem)}.nav{z-index:50;background:0 0;border-bottom:1px solid #0000;padding:1.1rem 1.5rem;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.nav--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050507b8;border-bottom-color:#ffffff14}.nav__inner{max-width:var(--container);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__logo{letter-spacing:.04em;background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:800;text-decoration:none}.nav__links{gap:2rem;display:flex}.nav__links a{color:var(--text-dim);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--text)}@media (width<=640px){.nav__links{display:none}}.hero{isolation:isolate}.hero__glow{filter:blur(40px);pointer-events:none;z-index:-2;background:radial-gradient(circle,#7c3aed59,#3b82f61f 45%,#0000 70%);width:70vmax;height:70vmax;position:absolute;top:-10%;left:50%;transform:translate(-50%,-10%)}.hero__sparkles{pointer-events:none;z-index:-1;opacity:.5;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 70% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 40% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 85% 65%,#fff,#0000),radial-gradient(1.5px 1.5px at 10% 80%,#fff,#0000),radial-gradient(2px 2px at 60% 45%,#fff,#0000),radial-gradient(1.5px 1.5px at 92% 15%,#fff,#0000);background-repeat:no-repeat;position:absolute;inset:-10%}.hero__content{max-width:760px}.hero__title{letter-spacing:-.02em;margin-top:1rem;font-size:clamp(2.4rem,7vw,5.25rem);font-weight:800;line-height:1.05}.hero__subtitle{color:var(--text-dim);margin-top:1.5rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.hero__subtitle-break{display:none}.hero__scrollcue{opacity:.65;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:clamp(1.5rem,4vw,2.75rem);left:50%;transform:translate(-50%)}.hero__scrollcue span{background:linear-gradient(var(--text), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollpulse}.hero__scrollcue p{text-transform:uppercase;letter-spacing:.15em;color:var(--text-faint);font-size:.68rem}@keyframes scrollpulse{0%,to{opacity:.15;transform-origin:top;transform:scaleY(.6)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}.stage{padding:0}.stage__pin{width:100%;min-height:100vh;padding:var(--section-pad) 1.5rem;flex-direction:column;justify-content:center;align-items:center;display:flex}.stage__box-wrap{justify-content:center;align-items:center;display:flex;position:relative}.stage__orbit{pointer-events:none;position:absolute;inset:0}.orbit-icon{width:56px;height:56px;transform:rotate(calc(var(--i) * 72deg)) translateX(clamp(130px, 24vw, 220px)) rotate(calc(var(--i) * -72deg));margin:-28px;position:absolute;top:50%;left:50%}.orbit-icon__inner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:flex;box-shadow:0 8px 24px #00000059}.stage__caption{margin-top:clamp(2rem,6vw,3.5rem)}.stage__kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--text-faint);margin-bottom:.6rem;font-size:.72rem;font-weight:600}.stage__headline{font-size:clamp(1.6rem,4vw,2.75rem);font-weight:800;line-height:1.15}.box3d{perspective:1400px;position:relative}.box3d[data-size=large]{--w:clamp(150px, 30vw, 220px);--h:clamp(310px, 62vw, 460px);--d:clamp(48px, 9vw, 70px);width:var(--w);height:var(--h)}.box3d[data-size=small]{--w:clamp(96px, 22vw, 120px);--h:clamp(200px, 46vw, 250px);--d:clamp(32px, 7vw, 40px);width:var(--w);height:var(--h)}.box3d__inner{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.box3d__face{text-align:center;backface-visibility:hidden;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;display:flex;position:absolute;inset:0}.box3d__face--front{transform:translateZ(calc(var(--d) / 2))}.box3d__face--back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.box3d__face--right,.box3d__face--left{width:var(--d);left:calc((var(--w) - var(--d)) / 2)}.box3d__face--right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.box3d__face--left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.box3d__face--top,.box3d__face--bottom{height:var(--d);top:calc((var(--h) - var(--d)) / 2)}.box3d__face--top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}.box3d__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2))}.box3d__icon{filter:drop-shadow(0 6px 14px #0000004d);margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.4rem)}.box3d__icon--small{opacity:.5;font-size:clamp(1.1rem,3vw,1.6rem)}.box3d__title{letter-spacing:.06em;background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(.68rem,1.6vw,.95rem);font-weight:800}.box3d__tagline{opacity:.75;margin-top:.3rem;font-size:clamp(.6rem,1.2vw,.72rem)}.box3d__spine{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.15em;white-space:nowrap;color:#fff;font-size:clamp(.55rem,1.4vw,.78rem);font-weight:700}.box3d[data-variant=originale] .box3d__face--front{color:#16161d;background:linear-gradient(160deg,#fff,#eef0ff 55%,#fce7f3);border:1px solid #0000000f}.box3d[data-variant=originale] .box3d__face--back{color:#16161d;background:linear-gradient(160deg,#f6f6ff,#fff)}.box3d[data-variant=originale] .box3d__face--right,.box3d[data-variant=originale] .box3d__face--left{background:var(--gradient-brand)}.box3d[data-variant=originale] .box3d__face--top,.box3d[data-variant=originale] .box3d__face--bottom{background:#fff;border:1px solid #0000000f}.box3d[data-variant=halloween] .box3d__face--front{color:#fff;background:radial-gradient(circle at 30% 20%,#3b0a5c,#0d0510 72%);border:1px solid #f9731659}.box3d[data-variant=halloween] .box3d__face--back{color:#fff;background:linear-gradient(160deg,#170a22,#0d0510)}.box3d[data-variant=halloween] .box3d__face--right,.box3d[data-variant=halloween] .box3d__face--left{background:linear-gradient(#f97316,#7c3aed)}.box3d[data-variant=halloween] .box3d__face--top,.box3d[data-variant=halloween] .box3d__face--bottom{background:#0d0510;border:1px solid #f9731640}.box3d[data-variant=noel] .box3d__face--front{color:#fff;background:linear-gradient(160deg,#7a1418,#123a1f 75%);border:1px solid #d4af3759}.box3d[data-variant=noel] .box3d__face--back{color:#fff;background:linear-gradient(160deg,#123a1f,#7a1418)}.box3d[data-variant=noel] .box3d__face--right,.box3d[data-variant=noel] .box3d__face--left{background:linear-gradient(#d4af37,#7a1418)}.box3d[data-variant=noel] .box3d__face--top,.box3d[data-variant=noel] .box3d__face--bottom{background:#123a1f;border:1px solid #d4af3740}.tricks{background:var(--bg-soft)}.tricks__grid{width:100%;max-width:var(--container);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:0 auto;display:grid}.trick-card{background:var(--surface);border-radius:var(--radius);text-align:left;transform-style:preserve-3d;border:1px solid #ffffff14;padding:2rem 1.5rem}.trick-card__icon{margin-bottom:1rem;font-size:2rem;display:block}.trick-card h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.trick-card p{color:var(--text-dim);font-size:.9rem;line-height:1.55}.trick-card--ghost{background:linear-gradient(160deg,#7c3aed29,#ec489914);border-color:#ec489940}.how__steps{width:100%;max-width:var(--container);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:0 auto;display:grid}.step-card{text-align:left;border-left:2px solid #ffffff1f;padding:.25rem 0 .25rem 1.25rem}.step-card__number{letter-spacing:.1em;background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.8rem;font-weight:800}.step-card h3{margin:.6rem 0 .5rem;font-size:1.05rem;font-weight:700}.step-card p{color:var(--text-dim);font-size:.9rem;line-height:1.55}.family{background:var(--bg-soft)}.family__grid{width:100%;max-width:var(--container);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin:0 auto;display:grid}.family-card{background:var(--surface);border-radius:var(--radius);transform-style:preserve-3d;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1.5rem;display:flex;position:relative}.family-card__badge{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);background:#ffffff14;border-radius:999px;padding:.32rem .65rem;font-size:.62rem;font-weight:600;position:absolute;top:1rem;right:1rem}.family-card h3{font-size:1.2rem;font-weight:700}.family-card p{color:var(--text-dim);font-size:.9rem}.positioning__title{margin-top:.5rem;font-size:clamp(1.9rem,4vw,3rem);font-weight:800}.positioning__grid{width:100%;max-width:var(--container);text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:clamp(2.5rem,6vw,4rem);display:grid}.positioning__item h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.positioning__item p{color:var(--text-dim);font-size:.9rem;line-height:1.55}.outro{background:radial-gradient(circle at 50% 30%,#7c3aed38,#0000 60%)}.outro__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15}.outro__subtitle{color:var(--text-dim);margin-top:1rem;font-size:1.05rem}.footer{text-align:center;color:var(--text-faint);border-top:1px solid #ffffff0f;padding:2rem 1.5rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){.hero__scrollcue span{animation:none}}