:root{--ink:#03050c;--ink2:#070b18;--ink3:#0c1428;--paper:#f2f0ea;--line:rgba(255,255,255,.13);--txt:#fff;--mut:rgba(255,255,255,.72);--gold:#e8bb5a;--gold2:#f6d68c;--gold3:#c8922e;--blue:#3f7dff;--cyan:#6fd3ff;--cut:16px;--grad:linear-gradient(115deg,#3f7dff 0%,#6fd3ff 42%,#e8bb5a 100%);--cta:linear-gradient(120deg,#f6d68c 0%,#e8bb5a 48%,#d39a35 100%)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}
body{margin:0;background:var(--ink);color:var(--txt);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:var(--gold)}a:hover{color:var(--gold2)}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2{font-weight:600;letter-spacing:-.028em;line-height:1.06;text-wrap:balance}
h1 em,h2 em,.bridge em{font-weight:600;letter-spacing:-.012em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
h1{font-size:clamp(44px,7.4vw,92px)}
h2{font-size:clamp(32px,4.6vw,56px)}
h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.012em}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.sec{padding:clamp(64px,7.5vw,104px) 0}
.center{text-align:center;max-width:820px;margin:0 auto}
.center .eyebrow{justify-content:center}
.lead{margin-top:18px;font-size:clamp(18px,1.6vw,20px);color:var(--mut);line-height:1.5}
.small{font-size:14px;color:rgba(255,255,255,.62)}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before{content:"";flex:none;width:32px;height:1px;background:var(--grad)}
.eyebrow--dark{color:#8a6216}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border:0;cursor:pointer;background:var(--cta);color:#191204;font:600 16px/1.2 Inter,system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;white-space:nowrap;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));transition:filter .2s,transform .2s}
.btn:hover{color:#191204;filter:brightness(1.08);transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.btn--sm{min-height:44px;padding:0 20px;font-size:14px;--cut:10px}
.btn--ghost{background:rgba(255,255,255,.1);color:#fff}
.btn--ghost:hover{color:#fff;background:rgba(255,255,255,.18)}
.btn--line{background:#10172a;color:#fff}
.btn--line:hover{color:#fff;background:#1c2a4d}
.link{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.link::after{content:"→";margin-left:8px;transition:transform .2s}
.link:hover::after{transform:translateX(4px)}

.nav{position:sticky;top:0;z-index:30;background:rgba(3,5,12,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:92px}
.logo{display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:#fff;text-decoration:none}
.logo:hover{color:#fff}
.logo__n{font-size:30px;line-height:1;font-weight:700;letter-spacing:.015em}
.logo__p{padding:3px 11px;border:1.5px solid #fff;border-radius:99px;background:linear-gradient(100deg,#2f6bf0,#3f7dff);font-size:10.5px;line-height:1.2;font-weight:700;letter-spacing:.08em}
.nav__links{display:flex;gap:18px}
.nav__o{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 18px;border:2px solid #fff;color:#fff;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.nav__o b{font-weight:700;color:var(--gold)}
.nav__o:hover{color:#fff;background:rgba(255,255,255,.14)}

.hero{position:relative;margin-top:-92px;overflow:hidden;background:var(--ink);text-align:center}
.hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,12,.34) 0%,rgba(3,5,12,.44) 46%,rgba(3,5,12,.86) 72%,#03050c 92%)}
.hero__in{position:relative;padding-top:196px;padding-bottom:68px}
.hero h1{font-size:clamp(40px,5.7vw,84px);line-height:1.08;font-weight:700;letter-spacing:-.02em;text-shadow:0 4px 34px rgba(0,0,0,.45)}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:700;letter-spacing:inherit;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:0}
.hero__date{margin-top:20px;font-size:clamp(16px,1.5vw,21px);line-height:1.35;letter-spacing:.015em}
.hero__date b{font-weight:600}
.btn--hero{margin-top:30px;min-height:64px;padding:0 42px;font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero__note{margin-top:14px;font-size:15px;font-weight:500;color:var(--gold2)}
.hero__lab{margin-top:64px;font-size:clamp(15px,1.5vw,20px);line-height:1.35;font-weight:600;text-transform:uppercase}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1120px;margin:24px auto 0}
.num b{display:block;font-size:clamp(38px,4.8vw,68px);line-height:1;font-weight:700;letter-spacing:-.02em}
.num span{display:block;margin-top:10px;font-size:clamp(13px,1.3vw,18px);line-height:1.25;font-weight:600;text-transform:uppercase}
.stack{padding:clamp(44px,5vw,68px) 0 clamp(30px,3.5vw,44px);background:linear-gradient(180deg,var(--ink) 0%,#081130 100%);overflow:hidden}
.stack__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 32px}
.stack__h h2{font-size:clamp(26px,3.1vw,42px)}
.stack__h p{font-size:clamp(16px,1.4vw,19px);font-weight:500;color:var(--gold2)}
.sw{display:flex;width:max-content;margin-top:30px;animation:nastro 46s linear infinite}
.sw:hover{animation-play-state:paused}
.sw__t{display:flex;flex:none}
.sw__c{display:flex;flex-direction:column;flex:none;width:252px;min-height:176px;margin-right:14px;padding:20px 20px 18px;background:linear-gradient(160deg,rgba(63,125,255,.2),rgba(255,255,255,.04) 62%);border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px)}
.sw__k{font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.sw__n{margin-top:8px;font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-.012em}
.sw__p{margin-top:auto;padding-top:12px;font-size:27px;line-height:1.1;font-weight:600;letter-spacing:-.02em}
.sw__p s{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(111,211,255,.85)}
.sw__p small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--mut)}
.sw__ok{position:relative;margin-top:8px;padding-left:20px;font-size:13.5px;font-weight:500;color:var(--cyan)}
.sw__ok::before{content:"";position:absolute;left:4px;top:.12em;width:6px;height:11px;border:solid var(--cyan);border-width:0 2px 2px 0;transform:rotate(42deg)}
@keyframes nastro{to{transform:translateX(-50%)}}
.stack__f{margin-top:20px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.62)}

.fbox{position:relative;padding:1.5px;background:linear-gradient(115deg,#3f7dff,#6fd3ff,#e8bb5a,#6fd3ff,#3f7dff);background-size:300% 100%;animation:scorri 9s linear infinite;clip-path:polygon(26px 0,100% 0,100% 100%,0 100%,0 26px);filter:drop-shadow(0 24px 70px rgba(63,125,255,.32))}
.fbox__in{height:100%;padding:clamp(24px,3vw,38px);background:radial-gradient(85% 140% at 0% 0%,rgba(63,125,255,.78) 0%,rgba(63,125,255,0) 62%),radial-gradient(60% 120% at 62% 120%,rgba(111,211,255,.3) 0%,rgba(111,211,255,0) 62%),radial-gradient(60% 130% at 100% 100%,rgba(232,187,90,.42) 0%,rgba(232,187,90,0) 62%),linear-gradient(150deg,#10245c 0%,#0a1130 70%);clip-path:polygon(25px 0,100% 0,100% 100%,0 100%,0 25px)}
@keyframes scorri{to{background-position:300% 0}}
.ftitle{font-size:clamp(22px,2.2vw,28px);line-height:1.2;font-weight:600;letter-spacing:-.02em}
.fsub{margin-top:6px;font-size:16px;color:rgba(255,255,255,.76)}
.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;margin-top:20px;align-items:end}
.fgrid{display:grid;gap:14px;margin-top:22px}
.fl{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.82)}
.fin{display:block;width:100%;height:54px;margin-top:6px;padding:0 15px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:rgba(255,255,255,.07);color:#fff;font:400 16px/1.3 Inter,system-ui,sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.fin::placeholder{color:rgba(255,255,255,.5)}
.fin:hover{background:rgba(255,255,255,.1)}
.fin:focus{border-color:var(--cyan);background:rgba(111,211,255,.1);box-shadow:0 0 0 3px rgba(111,211,255,.22)}
select.fin option{color:#111}
.fchk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.76);cursor:pointer}
.fchk input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#e8bb5a}
.fbtn{width:100%;margin-top:18px}
.frow .fbtn{margin-top:0;min-height:54px}
.fok{padding:18px 0}
.fok b{display:block;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fok span{display:block;margin-top:8px;color:rgba(255,255,255,.8)}
.ferr{margin-top:10px;font-size:14px;color:#ffc2b3}

.band{padding-top:clamp(48px,6vw,72px);padding-bottom:0}

.pain__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:clamp(36px,6vw,80px);align-items:start}
.pain__list li{display:flex;gap:22px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,1.7vw,21px);line-height:1.4}
.pain__list b{flex:none;font-size:22px;font-weight:500;color:var(--gold)}
.bridge{margin-top:clamp(52px,7vw,88px)}
.bridge p{max-width:1000px;font-size:clamp(28px,3.6vw,46px);line-height:1.18;font-weight:600;letter-spacing:-.024em;text-wrap:balance}

.why{position:relative;overflow:hidden;background:radial-gradient(60% 55% at 86% 12%,rgba(232,187,90,.14),rgba(232,187,90,0) 70%),radial-gradient(60% 60% at 8% 92%,rgba(63,125,255,.38),rgba(63,125,255,0) 70%),#070b18}
.why__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(36px,6vw,88px);align-items:start}
.why__head{position:sticky;top:124px}
.why__head h2{font-size:clamp(38px,4.6vw,62px)}
.why__head h2 em{white-space:nowrap}
.why__head .btn{margin-top:30px}
.vl{position:relative;padding-left:clamp(26px,3vw,44px)}
.vl::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:linear-gradient(180deg,#3f7dff 0%,#6fd3ff 52%,#e8bb5a 100%);box-shadow:0 0 22px rgba(63,125,255,.65)}
.vl__i{position:relative;display:grid;grid-template-columns:clamp(96px,11vw,168px) minmax(0,1fr);gap:clamp(12px,2vw,28px);align-items:center;padding:clamp(26px,3.2vw,44px) 0;border-bottom:1px solid rgba(255,255,255,.12);transition:transform .3s}
.vl__i:last-child{border-bottom:0}
.vl__i:hover{transform:translateX(10px)}
.vl__i::before{content:"";position:absolute;left:calc(clamp(26px,3vw,44px) * -1 - 7px);top:50%;width:17px;height:17px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14),0 0 26px 7px rgba(111,211,255,.7)}
.vl__n{font-size:clamp(64px,8.6vw,128px);line-height:.9;font-weight:600;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.vl__i h3{font-size:clamp(24px,2.7vw,38px);line-height:1.12;letter-spacing:-.02em}
.vl__i p{margin-top:10px;max-width:560px;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:rgba(255,255,255,.8)}
.vl__i--hot{margin:6px 0;padding-left:clamp(14px,1.6vw,24px);padding-right:clamp(14px,1.6vw,24px);background:linear-gradient(100deg,rgba(63,125,255,.34),rgba(111,211,255,.1) 55%,rgba(232,187,90,.2));border:1px solid rgba(232,187,90,.55)}
.vl__i--hot::before{left:calc(clamp(26px,3vw,44px) * -1 - 8px)}

.shot{position:relative;background:#0a1020;padding:8px;border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 90px -30px rgba(63,125,255,.5)}
.shot img{width:100%}
.shot--xl{margin-top:48px}
.feat{padding-top:0}
.feat__row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:clamp(64px,8vw,112px)}
.feat__row--rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.feat__row--rev .feat__txt{order:2}
.feat h2{font-size:clamp(30px,3.5vw,44px)}
.tick{margin-top:22px;display:grid;gap:11px}
.tick li{position:relative;padding-left:30px;font-size:17px;line-height:1.42;color:rgba(255,255,255,.88)}
.tick li::before{content:"";position:absolute;left:5px;top:.28em;width:7px;height:13px;border:solid var(--cyan);border-width:0 2.5px 2.5px 0;transform:rotate(42deg)}
.tick--dark li{color:#23283a}
.tick--dark li::before{border-color:#2556d8}
.tag{display:inline-block;margin-top:18px;padding:6px 12px;font-size:13px;font-weight:600;color:#191204;background:var(--cta)}

.all{background:linear-gradient(180deg,var(--ink),#0a1538)}
.all__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1px;margin-top:44px;background:var(--line);border:1px solid var(--line)}
.mod{padding:24px;background:#071024}
.mod p{margin-top:5px;font-size:15px;line-height:1.4;color:var(--mut)}

.plans{background:var(--paper);color:#10172a}
.plans .lead{color:#3c4358}
.plans h2 em{background:linear-gradient(115deg,#2556d8,#1b7fb8 60%,#a06f12);-webkit-background-clip:text;background-clip:text;color:transparent}
.plans__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin-top:48px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:34px 30px;background:#fff;border:1px solid rgba(16,23,42,.14);clip-path:polygon(22px 0,100% 0,100% 100%,0 100%,0 22px)}
.plan h3{font-size:28px;letter-spacing:-.02em}
.plan__for{margin-top:6px;min-height:50px;font-size:16px;line-height:1.45;color:#3c4358}
.price{display:flex;align-items:baseline;gap:8px;margin-top:18px}
.price b{font-size:56px;line-height:1;font-weight:600;letter-spacing:-.035em}
.price span{font-size:16px;color:#3c4358}
.plan__year{margin-top:6px;font-size:15px;color:#3c4358}
.plan .tick{flex:1;align-content:start;margin:24px 0 28px}
.plan .btn{width:100%}
.plan--top{color:#fff;border:0;background:radial-gradient(90% 60% at 10% 0%,rgba(63,125,255,.75),rgba(63,125,255,0) 70%),radial-gradient(80% 50% at 100% 100%,rgba(232,187,90,.38),rgba(232,187,90,0) 70%),linear-gradient(160deg,#0d1d4a,#060a18)}
.plan--top .plan__for,.plan--top .price span,.plan--top .plan__year{color:rgba(255,255,255,.8)}
.plan__flag{position:absolute;top:24px;right:24px;padding:5px 12px;font-size:13px;font-weight:600;color:#191204;background:var(--cta)}
.plans__all{max-width:760px;margin:30px auto 0;text-align:center;font-size:16px;color:#3c4358}

.paths{background:linear-gradient(180deg,#050a1c 0%,var(--ink) 100%)}
.paths__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin-top:48px}
.path{display:flex;flex-direction:column;padding:32px 28px;border:1px solid var(--line);background:linear-gradient(170deg,rgba(63,125,255,.14),rgba(255,255,255,.02) 55%)}
.path__k{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.path h3{margin-top:10px;font-size:34px;letter-spacing:-.012em;font-weight:600}
.path>p:not(.path__k){margin-top:10px;font-size:16px;line-height:1.5;color:var(--mut)}
.path .tick{flex:1;align-content:start;margin-bottom:18px}
.extra{margin-top:18px;padding:28px;border:1px solid var(--line)}
.extra ul{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.extra li{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:15px;line-height:1.3;background:rgba(255,255,255,.07)}
.extra li span{padding:2px 7px;font-size:12px;font-weight:600;color:#06101f;background:var(--cyan)}

.steps{background:linear-gradient(120deg,#1b49d6 0%,#1238a6 38%,#0b1f66 72%,#0a1648 100%)}
.steps .eyebrow{color:#ffe2a3}
.steps h2 em{background:linear-gradient(100deg,#ffe9ba,#f6d68c);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps .steps__list b{background:linear-gradient(100deg,#fff,#ffe2a3);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps .steps__list p{color:rgba(255,255,255,.88)}
.bridge{padding:clamp(28px,4vw,48px)!important;background:linear-gradient(115deg,rgba(63,125,255,.34),rgba(111,211,255,.1) 55%,rgba(232,187,90,.2));border:1px solid rgba(255,255,255,.14);max-width:1160px}
.steps__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:34px;margin-top:44px}
.steps__list b{display:block;font-size:64px;line-height:1;font-weight:500;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps__list h3{margin-top:12px;font-size:22px}
.steps__list p{margin-top:8px;font-size:16px;color:var(--mut)}

.faq__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:clamp(32px,5vw,72px);align-items:start}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{position:relative;display:block;padding:20px 40px 20px 0;font-size:18px;line-height:1.35;font-weight:500;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:28px;font-weight:300;color:var(--gold)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 20px;font-size:16px;color:var(--mut)}

.final{background:radial-gradient(80% 100% at 8% 0%,rgba(63,125,255,.72),rgba(63,125,255,0) 64%),radial-gradient(60% 90% at 96% 100%,rgba(232,187,90,.32),rgba(232,187,90,0) 60%),#060b1f}
.final__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:clamp(36px,6vw,80px);align-items:center}

.foot{padding:36px 0 30px;border-top:1px solid var(--line);font-size:14px;color:rgba(255,255,255,.66)}
.foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.foot__b{font-weight:600;color:#fff}
.foot nav{display:flex;gap:20px}
.foot nav a{display:inline-flex;align-items:center;min-height:44px}



@media (max-width:980px){
  .nav__links{display:none}
  .feat__row,.feat__row--rev{grid-template-columns:minmax(0,1fr)}
  .feat__row--rev .feat__txt{order:0}
  .why__in{grid-template-columns:minmax(0,1fr)}
  .why__head{position:static}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav__in{height:74px}
  .logo__n{font-size:24px}
  .logo__p{font-size:9.5px;padding:2px 9px}
  .hero{margin-top:-74px}
  .hero__in{padding-top:128px;padding-bottom:44px}
  .btn--hero{width:100%;padding:0 18px}
  .hero__lab{margin-top:40px}
  .nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .sw__c{width:226px}
  .vl__i{grid-template-columns:minmax(0,1fr);gap:8px}
  .vl__i:hover{transform:none}
  .vl__i::before{top:62px}
  .plan__for{min-height:0}
}
/* Stile unico della pagina: quello della hero */
:root{--cyan:#e8bb5a;--navy:#081130;--fuxia:#F424FF;--grad:linear-gradient(100deg,#f6d68c,#e8bb5a 55%,#d39a35)}
h1,h2{font-weight:700;letter-spacing:-.02em}
h3{font-weight:700}
h1 em,h2 em,.bridge em,.plans h2 em,.steps h2 em{font-family:inherit;font-style:normal;font-weight:700;letter-spacing:inherit;padding-right:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gold);-webkit-text-fill-color:var(--gold)}
.eyebrow,.eyebrow--dark,.steps .eyebrow{font-weight:700;color:var(--gold)}
.eyebrow::before{background:var(--gold)}
.btn{font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.btn--sm{font-size:13px}
.vl__n,.steps__list b,.steps .steps__list b{font-family:inherit;font-style:normal;font-weight:800;letter-spacing:-.04em;padding-right:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gold);-webkit-text-fill-color:var(--gold)}
.path h3{font-family:inherit;font-style:normal;font-size:30px;font-weight:700;letter-spacing:-.02em}
.path__k,.sw__k{font-weight:700}
.price b{font-weight:700}
.why{background:radial-gradient(60% 60% at 8% 92%,rgba(63,125,255,.28),rgba(63,125,255,0) 70%),var(--navy)}
.vl::before{background:linear-gradient(180deg,#3f7dff 0%,#e8bb5a 100%);box-shadow:0 0 22px rgba(232,187,90,.45)}
.vl__i::before{box-shadow:0 0 0 5px rgba(255,255,255,.14),0 0 26px 7px rgba(232,187,90,.6)}
.vl__i--hot{background:linear-gradient(100deg,rgba(63,125,255,.26),rgba(232,187,90,.14))}
.vl__i--hot h3,.stack__h p,.hero__date{color:var(--fuxia)}
.all{background:var(--navy)}
.mod{background:#0a1636}
.plans{background:var(--navy);color:#fff}
.plans .lead,.plans__all,.plan__for,.price span,.plan__year{color:var(--mut)}
.plan{background:rgba(255,255,255,.06);border-color:var(--line)}
.plan--top{border:1px solid var(--gold);background:linear-gradient(165deg,#14337a,#0b1a40)}
.tick--dark li{color:rgba(255,255,255,.88)}
.tick--dark li::before{border-color:var(--gold)}
.btn--line{background:rgba(255,255,255,.12)}
.btn--line:hover{background:rgba(255,255,255,.2)}
.paths{background:var(--ink)}
.path{background:linear-gradient(170deg,rgba(63,125,255,.16),rgba(255,255,255,.02) 60%)}
.steps{background:linear-gradient(120deg,#102c70 0%,#0b1c4a 55%,#081130 100%)}
.steps .steps__list p{color:rgba(255,255,255,.84)}
.final{background:radial-gradient(70% 90% at 8% 0%,rgba(63,125,255,.42),rgba(63,125,255,0) 64%),radial-gradient(60% 90% at 96% 100%,rgba(232,187,90,.2),rgba(232,187,90,0) 60%),var(--navy)}
.fbox{background:linear-gradient(115deg,#3f7dff,#e8bb5a,#3f7dff,#e8bb5a,#3f7dff);background-size:300% 100%}
.fbox__in{background:radial-gradient(85% 140% at 0% 0%,rgba(63,125,255,.6) 0%,rgba(63,125,255,0) 62%),radial-gradient(60% 130% at 100% 100%,rgba(232,187,90,.32) 0%,rgba(232,187,90,0) 62%),linear-gradient(150deg,#10245c 0%,#0a1130 70%)}
.sw__p s{text-decoration-color:rgba(232,187,90,.9)}
/* loghi dello slider: i marchi disponibili e le iniziali dove il logo manca */
.sw__c{min-height:232px}
.sw__c::before{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;margin-bottom:14px;background:rgba(255,255,255,.1) center/26px 26px no-repeat;border-radius:10px;color:var(--gold);font-size:15px;line-height:1;font-weight:800;letter-spacing:.01em}
.sw__c:nth-child(1)::before{content:"";background-image:url(../img/logo-hubspot.svg)}
.sw__c:nth-child(2)::before{content:"GPT";font-size:13px}
.sw__c:nth-child(3)::before{content:"VS"}
.sw__c:nth-child(4)::before{content:"M"}
.sw__c:nth-child(5)::before{content:"RS"}
.sw__c:nth-child(6)::before{content:"C"}
.sw__c:nth-child(7)::before{content:"";background-image:url(../img/logo-zapier.svg)}
.sw__c:nth-child(8)::before{content:"";background-image:url(../img/logo-mailchimp.svg)}
.sw__c:nth-child(9)::before{content:"";background-image:url(../img/logo-calendly.svg)}
.sw__c:nth-child(10)::before{content:"A"}
.sw__c:nth-child(11)::before{content:"Y"}
/* blu notte: lo stesso sfondo di «Perché scegliere», sezione dopo sezione */
:root{--navy:#1E1A39}
body{background:#000}
.stack{background:linear-gradient(180deg,#03050c,#000)}
.why,.mk,.paths,.faq{background:linear-gradient(180deg,#000,#1E1A39)}
.day,.plans,.steps,.final{background:linear-gradient(180deg,#1E1A39,#000)}
.feat,.foot{background:#000}
.sw__c{background:#1E1A39}
.vl__i--hot{background:rgba(3,5,12,.45)}
.shot{background:#14112a;box-shadow:0 40px 90px -30px rgba(0,0,0,.85)}
.fbox{background:linear-gradient(115deg,#e8bb5a,#1E1A39,#e8bb5a,#1E1A39,#e8bb5a);background-size:300% 100%;filter:none}
.fbox__in{background:linear-gradient(150deg,#1E1A39,#0b0916)}
.fin:focus{background:rgba(232,187,90,.08);box-shadow:0 0 0 3px rgba(232,187,90,.22)}
.pin__in{background:rgba(30,26,57,.92)}
/* l'ovale azzurro del logo, sulle etichette */
.plan__flag,.tag,.extra li span,.sw__ok{display:inline-block;padding:3px 11px;border:1.5px solid #fff;border-radius:99px;background:linear-gradient(100deg,#2f6bf0,#3f7dff);color:#fff;font-size:11.5px;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sw__ok{align-self:flex-start;margin-top:10px}
.sw__ok::before{display:none}
/* Marketing AI */
.mk .logo{margin-bottom:20px}
.mk h2{font-size:clamp(30px,3.5vw,44px)}
.mk .feat__row{margin-bottom:clamp(40px,5vw,64px)}
.mk .tick li::before{border-color:#fff}
.mk .btn{margin-top:28px}
.mk__nums{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-top:0;padding:clamp(28px,3vw,40px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.mk__nota{margin-top:12px;text-align:center}
.mk__agh{margin-top:clamp(40px,5vw,64px)}
.mk__agh h3{font-size:clamp(24px,2.7vw,34px);line-height:1.15;letter-spacing:-.02em}
.mk__agh p{margin-top:8px;color:var(--mut)}
.mk__ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px;margin-top:24px}
.mk__c{display:flex;align-items:center;gap:18px;padding:24px;background:rgba(3,5,12,.45);border:1px solid var(--line)}
.mk__i{display:flex;align-items:center;justify-content:center;flex:none;width:70px;height:46px;border:1.5px solid #fff;border-radius:99px;background:linear-gradient(100deg,#2f6bf0,#3f7dff)}
.mk__c .logo__n{font-size:22px}
.mk__c p{margin-top:8px;font-size:15px;line-height:1.4;color:var(--mut)}
.mk__c .mk__t{margin-top:4px;font-size:13px;font-weight:600;color:#fff}
@media (max-width:640px){.mk__nums{grid-template-columns:minmax(0,1fr);gap:24px}.mk .btn{width:100%}.mk__c{align-items:flex-start}}
/* integrazioni e agenzie partner */
.inte{background:#1E1A39}
.inte__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:18px;margin-top:44px}
.inte__c{padding:clamp(26px,3vw,38px);background:rgba(3,5,12,.45);border:1px solid var(--line)}
.inte__c h3{margin-top:18px;font-size:clamp(22px,2.2vw,28px);line-height:1.2;letter-spacing:-.02em}
.inte__c>p{margin-top:8px;color:var(--mut)}
.inte__n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.inte__n b{display:block;font-size:clamp(28px,3vw,38px);line-height:1;font-weight:800;letter-spacing:-.02em}
.inte__n span{display:block;margin-top:8px;font-size:14px;line-height:1.3;color:var(--mut)}
.inte__l{display:grid;gap:12px;margin-top:20px}
.inte__l li{padding:14px 16px;background:rgba(255,255,255,.06)}
.inte__l b{display:block;font-size:17px;line-height:1.3;font-weight:700}
.inte__l span{display:block;margin-top:2px;font-size:15px;line-height:1.35;color:var(--mut)}
/* pacchetti: argento, oro e notte */
.plan{overflow:hidden;padding:36px 30px;border:0;color:#12101f;background:linear-gradient(145deg,#fbfcfe 0%,#dfe3ea 30%,#b3b9c6 58%,#eef0f5 78%,#c2c7d2 100%);transition:filter .25s}
.plan:hover,.path:hover{filter:brightness(1.05)}
.plan::after,.path::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewX(-18deg);animation:lustro 7s ease-in-out infinite;pointer-events:none}
@keyframes lustro{0%,60%{left:-60%}100%{left:130%}}
.plan.plan--top{border:0;color:#1c1305;background:linear-gradient(145deg,#fdf0c6 0%,#f0c868 30%,#c8922e 58%,#f6d68c 78%,#d9a544 100%)}
.plan.plan--max{color:#fff;background:linear-gradient(145deg,#2f6bf0 -12%,#1E1A39 36%,#0b0916 72%,#4a3a14 118%)}
.plan .plan__for,.plan .price span,.plan .plan__year{color:rgba(18,16,31,.78)}
.plan.plan--top .plan__for,.plan.plan--top .price span,.plan.plan--top .plan__year{color:rgba(28,19,5,.82)}
.plan.plan--max .plan__for,.plan.plan--max .price span,.plan.plan--max .plan__year{color:rgba(255,255,255,.82)}
.plan__g{margin-top:22px;font-size:12px;line-height:1.3;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.pl{display:grid;gap:6px;margin-top:8px}
.pl li{position:relative;padding-left:24px;font-size:15px;line-height:1.35}
.pl li::before{content:"";position:absolute;left:4px;top:.2em;width:6px;height:11px;border:solid currentColor;border-width:0 2.2px 2.2px 0;transform:rotate(42deg)}
.pl li.no{opacity:.5}
.pl li.no::before{top:.62em;left:2px;width:10px;height:0;border-width:2px 0 0;transform:none}
.plan .btn{width:100%;margin-top:auto;background:#12101f;color:#fff}
.plan .pl:last-of-type{margin-bottom:28px}
.plan.plan--max .btn{background:var(--cta);color:#191204}
/* percorsi: rame, azzurro e ametista */
.path{position:relative;overflow:hidden;border:0;clip-path:polygon(22px 0,100% 0,100% 100%,0 100%,0 22px);transition:filter .25s}
.path:nth-child(1){background:linear-gradient(150deg,#b86f45 0%,#8a4a2a 45%,#3a1c10 100%)}
.path:nth-child(2){background:linear-gradient(150deg,#2f6bf0 0%,#1d48b8 45%,#101a4d 100%)}
.path:nth-child(3){background:linear-gradient(150deg,#7a4be0 0%,#5327b8 45%,#1E1A39 100%)}
.path::after{background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0))}
.path .path__k,.path .tick li,.path .link,.path .link:hover{color:#fff}
.path>p:not(.path__k){color:rgba(255,255,255,.9)}
.path .tick li::before{border-color:#fff}
@media (max-width:640px){.pl li.no{display:none}.inte__n{gap:10px}}
/* video di presentazione */
.vid{max-width:960px;margin:0 auto clamp(48px,6vw,80px)}
.vid img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vid__o{position:absolute;inset:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 16px;background:rgba(3,5,12,.5);text-align:center}
.vid__p{display:flex;align-items:center;justify-content:center;width:112px;height:72px;border:2px solid #fff;border-radius:99px;background:linear-gradient(100deg,#2f6bf0,#3f7dff)}
.vid__t{font-size:clamp(20px,2.4vw,30px);line-height:1.2;font-weight:700;letter-spacing:-.02em}
@media (max-width:640px){.vid__o{gap:10px}.vid__p{width:84px;height:54px}.vid__t{font-size:18px}}
/* banner dell'agente nella card Completo */
.plan__ai{gap:14px;margin-bottom:22px;padding:18px 16px;background:rgba(47,107,240,.2);border:1.5px solid var(--gold)}
.plan__ai .mk__i{width:58px;height:40px}
.plan__ai .logo__n{font-size:20px}
.plan__ai p{color:rgba(255,255,255,.88)}
/* header sempre visibile con il pulsante */
.nav{background:rgba(3,5,12,.82)}
/* call to action dopo «Perché scegliere» */
.ctab{padding:clamp(40px,5vw,72px) 0;background:#1E1A39}
.ctab__box{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px;padding:clamp(30px,4.6vw,64px);color:#1c1305;background:linear-gradient(145deg,#fdf0c6 0%,#f0c868 30%,#c8922e 58%,#f6d68c 78%,#d9a544 100%);clip-path:polygon(28px 0,100% 0,100% 100%,0 100%,0 28px)}
.ctab__box::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:30%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewX(-18deg);animation:lustro 7s ease-in-out infinite;pointer-events:none}
.ctab__t{flex:1 1 520px;min-width:0}
.ctab .logo{margin-bottom:18px;color:#1c1305}
.ctab h2{font-size:clamp(32px,4.2vw,56px);line-height:1.06}
.ctab p{margin-top:14px;max-width:640px;font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:rgba(28,19,5,.86)}
.ctab .logo__p{color:#fff;border-color:#1c1305}
.btn.ctab__b{position:relative;z-index:1;margin-top:0;background:#12101f;color:#fff}
.btn.ctab__b:hover{color:#fff}
/* funnel del Marketing AI */
.fun{--k:clamp(10px,2.1vw,30px)}
.fun__l{display:grid;gap:6px}
.fun__s{display:flex;align-items:center;justify-content:center;gap:16px;min-height:112px;padding:14px calc(var(--k) + 12px);color:#fff;text-align:left;clip-path:polygon(0 0,100% 0,calc(100% - var(--k)) 100%,var(--k) 100%)}
.fun__s:nth-child(1){background:linear-gradient(100deg,#3f7dff,#2f6bf0)}
.fun__s:nth-child(2){margin:0 var(--k);background:linear-gradient(100deg,#2f6bf0,#2450cc)}
.fun__s:nth-child(3){margin:0 calc(var(--k) * 2);background:linear-gradient(100deg,#2450cc,#1a3a9a)}
.fun__s:nth-child(4){margin:0 calc(var(--k) * 3);background:linear-gradient(100deg,#2b2550,#1a3a9a)}
.fun__i{display:flex;align-items:center;justify-content:center;flex:none;width:58px;height:40px;border:1.5px solid #fff;border-radius:99px;background:rgba(3,5,12,.28)}
.fun__s>div{min-width:0}
.fun__s b{display:block;font-size:clamp(18px,1.7vw,22px);line-height:1.2;font-weight:700;letter-spacing:-.01em}
.fun__s div>span{display:block;margin-top:3px;font-size:15px;line-height:1.3;color:rgba(255,255,255,.9)}
.fun__s .logo__p{display:inline-block;margin-bottom:6px;font-style:normal}
@media (max-width:640px){.ctab__b{width:100%}.fun__s{gap:10px}.fun__i{width:46px;height:34px}.fun__i svg{width:20px;height:20px}.fun__s div>span{font-size:14px}.nav .btn--sm{padding:0 14px;font-size:12px}}
/* sfondi: blu notte che si alterna al nero senza stacchi */
.why,.ab,.mk,.final{background:linear-gradient(180deg,#000,#1E1A39)}
.day,.plans,.faq{background:linear-gradient(180deg,#1E1A39,#000)}
.foot{background:#1E1A39}
/* lo screen dentro un PC */
.pc{max-width:1080px;margin:48px auto 0}
.pc__s{padding:clamp(8px,1.3vw,16px) clamp(8px,1.3vw,16px) clamp(12px,1.6vw,20px);background:#0b0916;border:2px solid #3a3560;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 40px 90px -30px rgba(0,0,0,.85)}
.pc__s img{width:100%;border-radius:4px}
.pc__b{position:relative;height:clamp(12px,1.9vw,24px);margin:0 -4%;background:linear-gradient(180deg,#d7dae2,#8b91a0);border-radius:0 0 16px 16px}
.pc__b::before{content:"";position:absolute;top:0;left:50%;width:16%;height:40%;transform:translateX(-50%);background:#6f7584;border-radius:0 0 10px 10px}
.pc__n{margin-top:18px}
/* mega elenco delle funzioni */
.ab__p{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:18px;margin-top:40px}
.ab__p li{padding:26px;background:#1E1A39;border:1px solid var(--line)}
.ab__p b{display:block;font-size:44px;line-height:1;font-weight:800;color:var(--gold)}
.ab__p h3{margin-top:10px;font-size:22px}
.ab__p p{margin-top:6px;font-size:16px;line-height:1.4;color:var(--mut)}
.ab__h{margin-top:clamp(44px,5vw,64px);font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.02em}
.ab__grid{margin-top:22px;columns:3 300px;column-gap:18px}
.ab__g{display:block;break-inside:avoid;margin-bottom:18px;padding:24px;background:rgba(3,5,12,.45);border:1px solid var(--line)}
.ab__g h4{margin:0;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.01em}
.ab__t{display:inline-block;margin:8px 0 12px;padding:3px 11px;border:1.5px solid #fff;border-radius:99px;background:linear-gradient(100deg,#2f6bf0,#3f7dff);color:#fff;font-size:11.5px;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ab__g--up{border-color:rgba(232,187,90,.55)}
.ab__g--up .ab__t{border-color:#191204;background:var(--cta);color:#191204}
.ab__c{margin-top:28px}
.ab .pl{gap:7px;margin-top:0}
/* pacchetti: Standard e Completo */
.plans__grid{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));max-width:1000px;margin-left:auto;margin-right:auto}
.plan__x{margin-bottom:22px;font-size:15px;font-weight:600}
.plan__ai{background:#12101f;border-color:#12101f;color:#fff}
.up{max-width:1000px;margin:18px auto 0;padding:clamp(24px,3vw,36px);background:rgba(3,5,12,.45);border:1px solid var(--line)}
.up h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em}
.up__l{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px 28px;margin-top:18px}
.up__l li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line);font-size:16px}
.up__l b{font-weight:600}
.up__l span{flex:none;font-weight:700;color:var(--gold)}
/* funzioni: la sezione dell'abbondanza */
.ab{overflow:hidden}
.ab__top{max-width:980px}
.ab__big{margin:0;font-size:clamp(150px,27vw,380px);line-height:.86;font-weight:800;letter-spacing:-.05em;background:linear-gradient(120deg,#fdf0c6 0%,#f0c868 30%,#c8922e 55%,#f6d68c 78%,#d9a544 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 50px rgba(232,187,90,.35))}
.ab__top h2{margin-top:14px;font-size:clamp(32px,4.8vw,64px)}
.mq{display:grid;gap:12px;margin-top:clamp(36px,5vw,60px);transform:rotate(-1.5deg) scale(1.03)}
.mq__r{display:flex;width:max-content}
.mq__r ul{display:flex;flex:none;gap:12px;padding-right:12px}
.mq__r li{flex:none;padding:10px 18px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.07);font-size:16px;line-height:1.2;font-weight:600;white-space:nowrap}
.mq__r--b li{border-color:rgba(255,255,255,.7);background:linear-gradient(100deg,#2f6bf0,#3f7dff)}
.mq__r--a{animation:nastro 90s linear infinite}
.mq__r--b{animation:nastro 75s linear infinite reverse}
.mq__r--c{animation:nastro 105s linear infinite}
.ab__p{margin-top:clamp(44px,6vw,72px)}
.ab__p li{position:relative;padding:30px 28px;border:0;clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px)}
.ab__p li:nth-child(1){color:#12101f;background:linear-gradient(145deg,#fbfcfe,#d5d9e2 45%,#b3b9c6 75%,#e6e9ef)}
.ab__p li:nth-child(2){background:linear-gradient(145deg,#3f7dff,#2f6bf0 50%,#1d48b8)}
.ab__p li:nth-child(3){color:#1c1305;background:linear-gradient(145deg,#fdf0c6,#f0c868 40%,#c8922e 70%,#f6d68c)}
.ab__p b{font-size:64px;color:inherit}
.ab__p p{color:inherit;opacity:.88}
.ab__h span{display:inline-block;margin-left:10px;padding:4px 14px;border-radius:99px;background:var(--cta);color:#191204;font-size:15px;line-height:1.3;font-weight:800;letter-spacing:0;vertical-align:middle}
.ab__g{position:relative;background:linear-gradient(160deg,#1E1A39,rgba(3,5,12,.6))}
.ab__g--up{background:linear-gradient(160deg,rgba(232,187,90,.18),rgba(3,5,12,.6) 60%);border-color:rgba(232,187,90,.6)}
.ab__n{position:absolute;top:14px;right:18px;font-size:42px;line-height:1;font-weight:800;letter-spacing:-.03em;color:rgba(255,255,255,.22)}
.ab__g h4{padding-right:48px}
/* token di personalizzazione */
.tk{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(30px,5vw,72px);padding:clamp(32px,5.4vw,76px);background:radial-gradient(55% 90% at 12% 50%,rgba(232,187,90,.38),rgba(232,187,90,0) 70%),linear-gradient(120deg,#0b0916,#14112a);border:1px solid rgba(232,187,90,.7);clip-path:polygon(32px 0,100% 0,100% 100%,0 100%,0 32px)}
.tk__c{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:clamp(170px,22vw,290px);aspect-ratio:1;margin:0 auto;border-radius:50%;color:#1c1305;background:conic-gradient(from 40deg,#fdf0c6,#c8922e,#f6d68c,#b9852b,#fdf0c6,#c8922e,#fdf0c6);box-shadow:inset 0 0 0 7px rgba(255,255,255,.4),inset 0 0 0 15px rgba(120,80,20,.45),0 0 80px rgba(232,187,90,.55);animation:moneta 5s ease-in-out infinite alternate}
@keyframes moneta{from{transform:perspective(700px) rotateY(-24deg)}to{transform:perspective(700px) rotateY(24deg)}}
.tk__c b{font-size:clamp(84px,11vw,150px);line-height:.9;font-weight:800}
.tk__c span{margin-top:4px;font-size:clamp(13px,1.4vw,18px);font-weight:800;letter-spacing:.2em}
.tk__t{flex:1 1 460px;min-width:0}
.tk h2{font-size:clamp(34px,4.6vw,62px);line-height:1.05}
.tk__l{margin-top:18px;max-width:640px;font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:rgba(255,255,255,.88)}
.tk__n{margin-top:12px;font-size:14px;color:var(--mut)}
.inte__grid{margin-top:18px}
/* pacchetti con l'elenco completo */
.pl li.op::before{top:.32em;left:2px;width:9px;height:9px;border-width:2px;border-radius:50%;transform:none}
.plan__x{margin-top:18px}
@media (max-width:640px){.mq__r li{font-size:14px;padding:8px 14px}.tk__b{width:100%}.ab__h span{margin:8px 0 0}}
/* gruppi col prezzo nel pacchetto Standard */
.plan__g{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;min-height:26px}
.plan__p{flex:none;padding:3px 10px;border-radius:99px;background:#12101f;color:#f6d68c;font-size:12px;line-height:1.3;font-weight:800;letter-spacing:.02em;text-transform:none}

/* nome per esteso: logo dell'header e titolo */
.nav .logo__n{font-size:21px;letter-spacing:.02em}
.nav .logo__p{font-size:9.5px;padding:2px 9px}
.hero h1 small{display:block;margin-top:.24em;font-size:.3em;line-height:1.2;font-weight:600;letter-spacing:.16em}
@media (max-width:760px){
  .nav .logo__n{font-size:15px}
  .nav .logo__p{font-size:8.5px;padding:2px 7px}
}

/* il nome lungo deve andare a capo nella colonna */
.why__head h2{font-size:clamp(34px,3.7vw,52px)}
.why__head h2 em{white-space:normal}
.logo__n{white-space:nowrap}
@media (max-width:360px){
  .nav .logo__n{font-size:13px}
  .nav .btn--sm{padding:0 10px;font-size:11px}
}
/* ─── Base del sito in produzione ─── */
@font-face{font-family:Inter;src:url(../fonts/inter-latin-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html{scroll-behavior:smooth}
.skip{position:fixed;left:12px;top:-80px;z-index:70;padding:12px 18px;background:#fff;color:#12101f;font-weight:700;text-decoration:none}
.skip:focus{top:12px;color:#12101f}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
.num b,.mk__nums b,.inte__n b,.price b,.ab__big{font-variant-numeric:tabular-nums}

/* ─── Barra di avanzamento e header ─── */
.prog{position:fixed;left:0;top:0;z-index:60;width:100%;height:3px;background:var(--cta);transform:scaleX(var(--p,0));transform-origin:0 50%;pointer-events:none}
.nav{transition:background .3s,box-shadow .3s}
.nav.is-s{background:rgba(3,5,12,.92);box-shadow:0 10px 30px rgba(0,0,0,.45)}

/* ─── Comparsa allo scorrimento ─── */
html.js .rv{opacity:0;transform:translateY(36px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
html.js .rv--l{transform:translateX(-56px)}
html.js .rv--r{transform:translateX(56px)}
html.js .rv--z{transform:scale(.9)}
html.js .rv.in{opacity:1;transform:none}

/* ─── Hero ─── */
.hero__media{will-change:transform;transform:translate3d(0,var(--y,0),0) scale(1.08)}
@keyframes sale{from{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
.hero h1,.hero__date,.hero .btn--hero,.hero__note,.hero__lab,.hero .nums{animation:sale .95s cubic-bezier(.2,.7,.2,1) both}
.hero__date{animation-delay:.14s}
.hero .btn--hero{animation-delay:.28s}
.hero__note{animation-delay:.38s}
.hero__lab{animation-delay:.5s}
.hero .nums{animation-delay:.62s}

/* ─── Pulsanti ─── */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}
.btn:hover::after{left:125%}
.hero .btn--hero{box-shadow:0 0 0 0 rgba(232,187,90,.6)}

/* ─── Perché scegliere: la linea si riempie scorrendo ─── */
html.js .vl::before{background:rgba(255,255,255,.14);box-shadow:none}
html.js .vl::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:linear-gradient(180deg,#3f7dff,#e8bb5a);box-shadow:0 0 22px rgba(232,187,90,.5);transform:scaleY(var(--f,0));transform-origin:50% 0}
html.js .vl__i::before{z-index:1;background:#3a3560;box-shadow:none;transition:background .4s,box-shadow .4s}
html.js .vl__i.on::before{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14),0 0 26px 7px rgba(232,187,90,.6)}

/* ─── Il PC si raddrizza scorrendo ─── */
.day .wrap{perspective:1500px}
html.js .pc{transform:rotateX(calc(var(--t,0) * 24deg)) scale(calc(1 - var(--t,0) * .1));transform-origin:50% 100%;will-change:transform}
.pc__s{position:relative;overflow:hidden}
.pc__s::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 32%);pointer-events:none}

/* ─── Sezione funzioni ─── */
.ab__big{background-size:220% 100%;animation:oro 9s ease-in-out infinite alternate}
@keyframes oro{to{background-position:100% 0}}
.ab__g,.plan{--mx:50%;--my:0%}
.ab__g{overflow:hidden;transition:border-color .3s,transform .3s}
.ab__g::after{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(232,187,90,.16),rgba(232,187,90,0) 70%);opacity:0;transition:opacity .3s;pointer-events:none}
@media (hover:hover){.ab__g:hover{border-color:rgba(232,187,90,.7);transform:translateY(-4px)}.ab__g:hover::after{opacity:1}}

/* ─── Funnel ─── */
.fun__s{position:relative;overflow:hidden}
.fun__s::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:skewX(-18deg);animation:scia 6s ease-in-out infinite;pointer-events:none}
.fun__s:nth-child(2)::after{animation-delay:.35s}
.fun__s:nth-child(3)::after{animation-delay:.7s}
.fun__s:nth-child(4)::after{animation-delay:1.05s}
@keyframes scia{0%,55%{left:-40%}100%{left:125%}}
.fun__s>*{position:relative;z-index:1}

/* ─── Moneta del token ─── */
.tk__c{position:relative}
.tk__c::after{content:"";position:absolute;inset:-6px;border:2px solid rgba(232,187,90,.7);border-radius:50%;animation:onda 2.8s ease-out infinite;pointer-events:none}
@keyframes onda{from{transform:scale(1);opacity:.8}to{transform:scale(1.32);opacity:0}}
html.js .tk.rv .tk__c{animation:none}
html.js .tk.in .tk__c{animation:lancio 1.3s cubic-bezier(.2,.8,.2,1) both,moneta 5s ease-in-out 1.3s infinite alternate}
@keyframes lancio{from{transform:perspective(700px) rotateY(900deg) scale(.5);opacity:0}to{transform:perspective(700px) rotateY(-24deg) scale(1);opacity:1}}

/* ─── Barra dinamica in basso ─── */
.dock{position:fixed;left:50%;bottom:18px;z-index:45;width:min(820px,calc(100% - 24px));transform:translate(-50%,calc(100% + 32px));opacity:0;visibility:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility 0s linear .5s}
.dock.is-on{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility 0s}
.dock__in{position:relative;display:flex;align-items:center;gap:14px;min-height:70px;padding:10px 46px 10px 14px;border:1.5px solid #fff;border-radius:99px;background:rgba(18,16,40,.94);box-shadow:0 18px 50px rgba(0,0,0,.6)}
.dock__c{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:50%;background:conic-gradient(from 40deg,#fdf0c6,#c8922e,#f6d68c,#b9852b,#fdf0c6);color:#1c1305;font-size:22px;font-weight:800}
.dock__p{display:none;flex:1;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.dock__p.is-on{display:flex;animation:cambio .4s ease both}
@keyframes cambio{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dock__l{min-width:0;font-size:16px;line-height:1.25;font-weight:700;color:#fff}
.dock__l small{display:block;font-size:13px;font-weight:500;color:var(--mut)}
.dock__in input{flex:1;min-width:0;height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(255,255,255,.08);color:#fff;font:400 16px/1.2 Inter,system-ui,sans-serif}
.dock__in input::placeholder{color:rgba(255,255,255,.62)}
.dock__b{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:0 20px;border:1.5px solid #fff;border-radius:99px;background:linear-gradient(100deg,#2f6bf0,#3f7dff);color:#fff;font:700 14px/1.1 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.dock__b:hover{color:#fff;filter:brightness(1.12)}
.dock__b .am,.dock__l .am{display:none}
.dock__f{display:flex;flex:1;align-items:center;gap:8px;min-width:0}
.dock__x{position:absolute;right:10px;top:50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:-15px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.dock__x:hover{background:rgba(255,255,255,.22)}

/* ─── Form ─── */
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
textarea.fin{height:92px;padding-top:12px;resize:vertical;line-height:1.4}
.fin[aria-invalid=true]{border-color:#ff9d8a}
.ferr{margin-top:5px;font-size:13.5px;font-weight:500;color:#ffc2b3}
.fesito{margin-top:12px;font-size:14.5px;line-height:1.4;color:#ffc2b3}
.fesito:empty{display:none}
.fesito a{color:#fff}
.fbtn[disabled]{filter:saturate(.5);cursor:wait}
.fbtn.is-load span::after{content:"…"}
.fok:focus{outline:0}
.fok b{-webkit-text-fill-color:currentColor;color:var(--gold);background:none}
.fnota{margin-top:6px;font-size:13.5px;color:var(--mut)}

/* ─── Pagine legali ─── */
.leg{max-width:800px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,4vw,40px) 72px}
.leg h1{font-size:clamp(34px,4.6vw,52px)}
.leg h2{margin-top:36px;font-size:24px}
.leg p,.leg ul{margin-top:12px;color:rgba(255,255,255,.86)}
.leg ul{padding-left:20px;list-style:disc}
.leg .nav__in{height:auto}
.leg .btn{margin-top:24px}
.leg__alt{margin-top:22px;font-size:15px}
.leg__top{display:flex;align-items:center;height:92px;background:#000}

@media (max-width:760px){
  .dock{bottom:0;left:0;width:100%;transform:translateY(100%)}
  .dock.is-on{transform:none}
  .dock__in{gap:10px;min-height:0;padding:10px 42px calc(10px + env(safe-area-inset-bottom)) 12px;border-width:1.5px 0 0;border-radius:18px 18px 0 0}
  .dock__c{width:36px;height:36px;font-size:17px}
  .dock__l{font-size:14px}
  .dock__l small{font-size:12px}
  .dock__in input{display:none}
  .dock__f{flex:none}
  .dock__b .da,.dock__l .da{display:none}
  .dock__b .am,.dock__l .am{display:inline}
  .dock__f .dock__b{max-width:112px;padding:6px 12px;white-space:normal;text-align:center;line-height:1.15}
  .dock__b{min-height:44px;padding:0 14px;font-size:13px}
  .dock__x{top:14px;margin-top:0;right:8px}
}
.hero__pausa{position:absolute;right:16px;top:108px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid #fff;border-radius:50%;background:rgba(3,5,12,.6);color:#fff;font-size:13px;line-height:1;cursor:pointer}
.hero__pausa[hidden]{display:none}
@media (max-width:980px){.hero__pausa{top:88px}}
/* Con «riduci movimento» si tolgono solo gli spostamenti di sfondo e lo scorrimento animato. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero__media{transform:scale(1.02)}
}

/* ─── Pulizia: bianco, blu ZIZI Group, nero. L'oro resta solo sui pulsanti e su una parola per titolo. ─── */
:root{--zizi:linear-gradient(155deg,hsl(220 80% 30%) 0%,hsl(222 78% 22%) 45%,hsl(230 70% 13%) 78%,hsl(236 60% 8%) 100%);--zizi-p:hsl(222 78% 26%);--scuro:#0e0d1f;--riga-b:rgba(14,13,31,.13);--riga-n:rgba(255,255,255,.16);--oro-b:#a8791b}
body{background:#000}
.sec{padding:clamp(84px,9.5vw,136px) 0}

/* alternanza piatta delle sezioni */
.hero,.ctab,.plans,.final{background:#000}
.why,.ab,.faq{background:var(--zizi)}
.stack,.day,.inte,.mk{background:#fff;color:var(--scuro)}
.foot{background:#000;border-top:1px solid var(--riga-n)}
.stack h2,.day h2,.inte h2,.mk h2,.inte h3,.mk h3{color:var(--scuro)}
.stack em,.day em,.inte em,.mk em{color:var(--oro-b);-webkit-text-fill-color:var(--oro-b);background:none}
.stack p,.day .lead,.day p,.inte p,.mk p,.mk li,.inte li{color:rgba(14,13,31,.72)}
.day .eyebrow,.inte .eyebrow,.mk .eyebrow{color:var(--oro-b)}
.day .eyebrow::before,.inte .eyebrow::before{background:var(--oro-b)}
h2{letter-spacing:-.02em}
.lead{max-width:640px;margin-left:auto;margin-right:auto}

/* pulsanti: un solo oro, piatto */
.btn,.btn--hero{background:#e8bb5a;color:#14100a}
.btn:hover{background:#f0c86e;color:#14100a}

/* header */
.nav{background:rgba(0,0,0,.72)}
.nav .logo__n{font-size:21px;letter-spacing:.015em}
.nav .logo__p{margin-top:3px;padding:3px 13px;font-size:12.5px;letter-spacing:.03em;font-weight:600}
.nav__links{gap:30px}
.nav__o{min-height:44px;padding:0;border:0;font-size:14.5px;font-weight:500;letter-spacing:0;text-transform:none;background:none}
.nav__o b{font-weight:500;color:inherit}
.nav__o:hover{background:none;color:#e8bb5a}

/* ovale azzurro: leggibile ovunque */
.logo__p{padding:5px 16px;font-size:14px;line-height:1.2;font-weight:600;letter-spacing:.04em}
.ctab .logo__p,.inte .logo__p,.mk .logo__p{border-color:transparent}

/* hero */
.hero__date{color:#fff}
.hero__date b{font-weight:500}
.hero__lab{display:none}
.hero .nums{margin-top:clamp(40px,6vw,72px)}

/* confronto con i software: elenco pulito su bianco */
.stack{padding:clamp(72px,8vw,112px) 0}
.stack__h{text-align:center}
.stack__h p{margin-top:12px;color:rgba(14,13,31,.62)}
.sw::before,.sw::after{display:none}
.sw__c{background:#fff;border:1px solid var(--riga-b);box-shadow:none;clip-path:none;color:var(--scuro)}
.sw__c::before{display:none}
.sw__k{color:rgba(14,13,31,.55)}
.sw__n,.sw__p,.sw__p small{color:var(--scuro)}
.sw__p s{text-decoration-color:rgba(14,13,31,.5)}
.sw__ok{padding:0;border:0;background:none;color:#2f6bf0;font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none}

/* perché scegliere */
.vl__i--hot,.vl__i{background:none;border:0;box-shadow:none;clip-path:none;padding-left:0;padding-right:0}
.vl__i h3,.vl__i--hot h3{color:#fff;-webkit-text-fill-color:#fff}
.vl__n{color:#fff;-webkit-text-fill-color:#fff;background:none;font-weight:600}
.vl__i+.vl__i{border-top:1px solid var(--riga-n)}
html.js .vl::after{background:#e8bb5a;box-shadow:none}
html.js .vl__i.on::before{background:#e8bb5a;box-shadow:none}

/* invito alla call: una fascia nera, centrata */
.ctab{padding:clamp(72px,8vw,112px) 0}
.ctab__box{display:block;max-width:760px;margin:0 auto;padding:0;background:none;box-shadow:none;clip-path:none;border:0;text-align:center;color:#fff}
.ctab__box::after{display:none}
.ctab__box .logo{align-items:center}
.ctab h2,.ctab p{color:#fff}
.ctab p{color:rgba(255,255,255,.76)}
.ctab .logo__n{color:#fff}
.ctab__b{margin-top:30px;background:#e8bb5a;color:#14100a}
.ctab__b:hover{background:#f0c86e;color:#14100a}

/* funzioni */
.ab__top{position:relative}
.ab__top::before{content:"";position:absolute;left:50%;top:-40px;width:min(1100px,120vw);height:clamp(320px,38vw,560px);transform:translateX(-50%);background:radial-gradient(closest-side,rgba(70,130,255,.42),rgba(70,130,255,0));pointer-events:none}
.ab__top>*{position:relative}
.ab__big{display:inline-block;margin:6px 0 0;padding:0 .04em;font-size:clamp(190px,27vw,400px);line-height:.92;font-weight:800;letter-spacing:-.055em;background:linear-gradient(105deg,#fff8e0 0%,#f6d68c 20%,#d9a544 40%,#fff6d4 50%,#d9a544 60%,#f6d68c 80%,#fff8e0 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(255,216,130,.5));animation:oro 5s ease-in-out infinite alternate;transform:scale(var(--z,1));transform-origin:50% 60%;will-change:transform}
.ab__big::before,.ab__big::after{display:none}
.ab__top h2{margin-top:6px;font-size:clamp(30px,4vw,54px)}
.ab h2 em{color:#e8bb5a;-webkit-text-fill-color:#e8bb5a;background:none}
.mq{margin-top:48px;transform:none}
.mq__r{transform:none}
.mq__r li{border-color:var(--riga-n);background:none;color:rgba(255,255,255,.8);box-shadow:none}
.mq__r li:nth-child(n){background:none;border-color:var(--riga-n)}
.ab__p{gap:0;margin-top:72px;border-top:1px solid var(--riga-n);border-bottom:1px solid var(--riga-n)}
.ab__p li{padding:32px 28px;background:none;clip-path:none;border:0;box-shadow:none;color:#fff}
.ab__p li+li{border-left:1px solid var(--riga-n)}
.ab__p li:nth-child(n){background:none;color:#fff}
.ab__p b{font-size:15px;font-weight:600;color:#e8bb5a;-webkit-text-fill-color:#e8bb5a}
.ab__p h3,.ab__p li:nth-child(n) h3{margin-top:8px;font-size:21px;color:#fff}
.ab__p p,.ab__p li:nth-child(n) p{color:rgba(255,255,255,.72)}
.ab__h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:72px;font-size:24px}
.ab__h span{margin:0;padding:0;border:0;background:none;color:rgba(255,255,255,.62);font-size:15px;font-weight:500}
.ab__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:16px;columns:auto}
.ab__g{display:block;margin:0;padding:0;background:none;border:0;border-bottom:1px solid var(--riga-n);box-shadow:none;clip-path:none;break-inside:auto}
.ab__g::after{display:none}
.ab__g:hover{transform:none;border-color:var(--riga-n)}
.ab__g summary{display:flex;align-items:center;gap:12px;min-height:64px;cursor:pointer;list-style:none}
.ab__g summary::-webkit-details-marker{display:none}
.ab__g summary h4{flex:1;margin:0;font-size:17.5px;font-weight:600;color:#fff}
.ab__g summary small{font-size:14px;color:rgba(255,255,255,.62)}
.ab__g summary i{position:relative;flex:none;width:14px;height:14px}
.ab__g summary i::before,.ab__g summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:#fff;transition:transform .25s}
.ab__g summary i::after{transform:rotate(90deg)}
.ab__g[open] summary i::after{transform:rotate(0)}
.ab__g .pl{padding:0 0 22px;columns:1}
.ab__g .pl li{color:rgba(255,255,255,.8);font-size:15px}
.ab>.wrap>.btn,.ab .wrap>.center{margin-top:56px}

/* token e collegamenti */
.tk{grid-template-columns:auto minmax(0,1fr);gap:clamp(32px,6vw,72px);padding:0;background:none;border:0;box-shadow:none;clip-path:none}
.tk::before,.tk::after{display:none}
.tk__l,.tk__n{color:rgba(14,13,31,.72)}
.inte__grid{gap:0;margin-top:clamp(64px,8vw,104px);border-top:1px solid var(--riga-b)}
.inte__c{padding:40px 0 0;background:none;border:0;box-shadow:none;clip-path:none;color:var(--scuro)}
.inte__c:first-child{padding-right:clamp(28px,5vw,64px)}
.inte__c+.inte__c{padding-left:clamp(28px,5vw,64px);border-left:1px solid var(--riga-b)}
.inte__c .logo__n{color:var(--scuro)}
.inte__n b{color:var(--scuro);-webkit-text-fill-color:var(--scuro);background:none}
.inte__n span{color:rgba(14,13,31,.62)}
.inte__l li{padding:14px 0;background:none;border:0;border-bottom:1px solid var(--riga-b)}
.inte__l b{color:var(--scuro)}
.inte__l span{color:rgba(14,13,31,.68)}

/* pacchetti: due schede sobrie, l'elenco completo si apre a richiesta */
.plans h2 em{color:#e8bb5a;-webkit-text-fill-color:#e8bb5a;background:none}
.plans .eyebrow{color:#e8bb5a}
.plans .lead{color:rgba(255,255,255,.74)}
.plans__grid{gap:24px;align-items:stretch;max-width:980px;margin-left:auto;margin-right:auto}
.plan,.plan--top{display:flex;flex-direction:column;padding:40px 36px;background:#fff;color:var(--scuro);border:0;box-shadow:none;clip-path:none}
.plan::after,.plan::before,.plan--top::after{display:none}
.plan--top{background:var(--zizi);color:#fff}
.plan h3,.plan .price b,.plan .plan__for,.plan .plan__year,.plan .price span{color:inherit;-webkit-text-fill-color:currentColor}
.plan .plan__for,.plan .plan__year{opacity:.72}
.plan__flag{position:static;align-self:flex-start;margin:0 0 12px;padding:5px 16px;border-radius:99px;background:linear-gradient(100deg,#2f6bf0,#3f7dff);color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:none}
.plan__chiave{margin:26px 0 22px;padding:22px 0 0;border-top:1px solid currentColor;border-color:rgba(127,127,140,.3);list-style:none}
.plan__chiave li{position:relative;padding:6px 0 6px 24px;font-size:16px;line-height:1.35;color:inherit}
.plan__chiave li::before{content:"";position:absolute;left:2px;top:12px;width:11px;height:6px;border-left:2px solid #e8bb5a;border-bottom:2px solid #e8bb5a;transform:rotate(-45deg)}
.plan .btn{width:100%;margin-top:auto}
.plan__tutte{margin:0 0 24px}
.plan__tutte summary{cursor:pointer;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.plan__tutte .plan__g{margin-top:18px;color:inherit;opacity:.72}
.plan__tutte .pl li{color:inherit;font-size:14.5px}
.plan__tutte .plan__p{padding:0;background:none;color:inherit;font-weight:600}
.plan__tutte .plan__x{display:none}
.up{margin-top:56px;max-width:980px;margin-left:auto;margin-right:auto;padding:0;background:none;border:0;box-shadow:none;clip-path:none}
.up h3,.up b,.up__t{color:#fff}
.up ul{gap:0 48px}
.up li{padding:14px 0;border:0;border-bottom:1px solid var(--riga-n)}
.up li span{color:rgba(255,255,255,.74);font-weight:500}
.plans__all{color:rgba(255,255,255,.62)}

/* marketing */
.mk .logo__n{color:var(--scuro)}
.mk .tick li{color:rgba(14,13,31,.78)}
.mk .tick li::before{border-color:var(--oro-b)}
.fun{padding:0;background:none;filter:none}
.fun__l{gap:0}
.fun__s,.fun__s:nth-child(n){width:100%;margin:0;padding:20px 0;background:none;border:0;border-bottom:1px solid var(--riga-b);clip-path:none;color:var(--scuro)}
.fun__s:first-child{border-top:1px solid var(--riga-b)}
.fun__s::after{display:none}
.fun__s b{color:var(--scuro)}
.fun__s div>span{color:rgba(14,13,31,.68)}
.fun__i,.fun__s:nth-child(n) .fun__i{background:var(--zizi);border-color:var(--zizi-p);color:#fff}
.fun__i svg{stroke:#fff}
.mk__nums{border-color:var(--riga-b)}
.mk__nums b{color:var(--scuro);-webkit-text-fill-color:var(--scuro)}
.mk__nums span{color:rgba(14,13,31,.62)}
.mk__nota{color:rgba(14,13,31,.5)}
.mk__agh{margin-top:clamp(56px,7vw,88px)}
.mk__c,.mk__c:nth-child(n){padding:26px 0;background:none;border:0;border-top:1px solid var(--riga-b);box-shadow:none;clip-path:none;color:var(--scuro)}
.mk__i{background:var(--zizi);border-color:var(--zizi-p)}
.mk__t{color:var(--oro-b);font-weight:600}

/* domande e form */
.faq h2 em{color:#e8bb5a;-webkit-text-fill-color:#e8bb5a;background:none}
.faq details{border-color:var(--riga-n)}
.fbox,.fbox__in{background:var(--zizi);border:0;box-shadow:none;clip-path:none;animation:none}
.fbox::before,.fbox::after{display:none}
.final h2 em{color:#e8bb5a;-webkit-text-fill-color:#e8bb5a;background:none}

@media (max-width:980px){
  .nav .logo__n{font-size:16px}
  .nav .logo__p{font-size:11px;padding:2px 10px}
  .logo__p{font-size:13px;padding:4px 14px}
  .ab__grid{grid-template-columns:minmax(0,1fr)}
  .ab__p li+li{border-left:0;border-top:1px solid var(--riga-n)}
  .ab__p li{padding:26px 0}
  .inte__c,.inte__c:first-child,.inte__c+.inte__c{padding:32px 0 0;border-left:0}
  .inte__c+.inte__c{margin-top:32px;border-top:1px solid var(--riga-b)}
  .tk{grid-template-columns:minmax(0,1fr);justify-items:start}
  .plan,.plan--top{padding:32px 24px}
}
@media (max-width:360px){
  .nav .logo__n{font-size:13.5px}
  .nav .logo__p{font-size:10.5px;padding:2px 8px}
}

/* precedenze sulle regole di prima */
.plans .plan--top{background:var(--zizi);color:#fff}
.plans .plan{-webkit-text-fill-color:currentColor}
/* testi su blu: più contrasto */
.why,.ab,.faq{--riga-n:rgba(255,255,255,.26)}
.why .eyebrow,.ab .eyebrow,.faq .eyebrow{color:#fff}
.why .eyebrow::before,.ab .eyebrow::before,.faq .eyebrow::before{background:#fff}
.why p,.ab .lead,.ab__p p,.ab__p li:nth-child(n) p{color:rgba(255,255,255,.92)}
.ab__h span,.ab__g summary small{color:rgba(255,255,255,.86)}
.ab__g .pl li{color:rgba(255,255,255,.94)}
.ab .mq__r li{color:#fff}
.faq summary,.faq p{color:#fff}
.fbox p,.fbox label,.fbox .fl{color:#fff}
.fbox .fin{background:rgba(5,12,40,.34);border-color:rgba(255,255,255,.34)}
.fbox .fchk a{color:#fff}
.ab__p b{color:#fff;-webkit-text-fill-color:#fff}
.plans .plan .btn{background:var(--scuro);color:#fff;clip-path:none;border-radius:0}
.plans .plan--top .btn{background:#e8bb5a;color:#14100a}
.ctab .ctab__b,.ctab .btn{background:#e8bb5a;color:#14100a}
.plan.plan--top .plan__for,.plan.plan--top .price span,.plan.plan--top .plan__year{color:#fff;-webkit-text-fill-color:#fff;opacity:.74}
.plan.plan--top .price b{color:#fff;-webkit-text-fill-color:#fff}
.plan{position:relative}
.plans .plan__flag{position:absolute;top:36px;right:32px;margin:0}
.ctab .ctab__b{margin-top:30px}
.ctab p{margin-top:14px}
.ab__g summary small{white-space:nowrap}
@media (max-width:760px){.ab__big{font-size:46vw}}
.vl__i:nth-child(n) p{color:rgba(255,255,255,.92)}
html.js .vl::before{background:rgba(255,255,255,.3)}
html.js .vl__i::before{background:#7ea8f2}
.plans .plan--top .plan__flag{background:#fff;border:0;color:#123fb0}