:root{--blue:#071a4b;--royal:#0754e8;--cyan:#22c8ff;--white:#fff;--ink:#0a1737;--lime:#d9ff38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f3f7ff;line-height:1.55}a{color:inherit;text-decoration:none}.skip{position:fixed;left:-999px;z-index:99;background:#fff;padding:12px}.skip:focus{left:12px;top:12px}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.hero{min-height:100svh;background:var(--blue);color:#fff;position:relative;overflow:hidden;padding-bottom:80px}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,#1478ff 0,transparent 38%),linear-gradient(145deg,transparent 55%,rgba(34,200,255,.18));opacity:.9}.hero:after{content:"";position:absolute;width:55vw;height:55vw;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-15vw;bottom:-18vw}nav{position:relative;z-index:3;width:min(1180px,calc(100% - 36px));margin:auto;height:80px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff30}nav .wordmark{margin-right:auto}nav>a:not(.wordmark){font-size:13px;text-transform:uppercase;letter-spacing:.08em}.wordmark{font-weight:800;letter-spacing:.04em}.wordmark b{color:var(--cyan)}.hero-inner{position:relative;z-index:2;width:min(1120px,calc(100% - 36px));margin:clamp(55px,10vh,120px) auto 0}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--cyan)}h1,h2{font-size:clamp(48px,10vw,112px);line-height:.88;letter-spacing:-.055em;margin:22px 0;font-weight:900}h1 span,h2 span{color:var(--cyan)}.payoff{font-weight:800;font-size:clamp(20px,3vw,32px);margin:28px 0 5px}.intro{max-width:620px;color:#d7e5ff;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:4px;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:900}.primary{background:var(--lime);color:var(--ink)}.ghost{border:1px solid #ffffff60;color:#fff}.clubs{display:flex;gap:14px;margin-top:50px;flex-wrap:wrap}.club{width:190px;min-height:115px;background:#fff;color:var(--ink);padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;font-size:12px;font-weight:bold;text-align:center}.club img{max-width:105px;max-height:68px;object-fit:contain}.text-logo strong{line-height:1}.text-logo small{letter-spacing:.25em;color:var(--royal)}.ball{color:var(--royal);font-size:20px}.scroll{position:absolute;z-index:2;right:24px;bottom:35px;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}.section{padding:clamp(80px,12vw,150px) 0}.section h2{font-size:clamp(42px,7vw,80px)}.lead{font-size:20px;max-width:700px}.path{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:50px 0;padding:25px 0;border-block:1px solid #cbd5e7;font-weight:900;text-transform:uppercase}.path i{color:var(--royal)}.two{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.two article{background:#fff;padding:32px;border-radius:8px}.two article>b,.steps article>b{color:var(--royal);font-size:12px}.two h3{font-size:25px;line-height:1.15}.campaign{background:var(--blue);color:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#ffffff25}.steps article{background:var(--blue);padding:30px 20px;min-height:220px}.steps h3{text-transform:uppercase;font-size:20px}.steps p{color:#c8d7f5;font-size:14px}.hashtag{margin:35px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hashtag span{font-size:clamp(25px,5vw,55px);font-weight:900;color:var(--lime);margin-right:auto}.hashtag button{border:1px solid #ffffff50;background:transparent;color:#fff;padding:13px 16px;border-radius:4px;cursor:pointer}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#0d2b6c;padding:25px}.details div{display:flex;flex-direction:column}.details small,.match-card small{color:var(--cyan);font-weight:bold;letter-spacing:.1em}.details p{grid-column:1/-1;color:#b8c8e8;margin:0}.match{background:linear-gradient(140deg,#0666ed,#071a4b);color:#fff}.match-card{border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;padding:35px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;align-items:center}.match-card h3{font-size:26px}.match-card em{font-size:14px;color:var(--cyan)}.social-link{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #dbe3f2;font-weight:bold}.social-link span{color:var(--royal)}footer{background:#030d27;color:#fff;text-align:center;padding:55px 20px}footer p{color:#9daed1}.mobile-cta{display:none}#toast{position:fixed;z-index:100;left:50%;bottom:90px;transform:translate(-50%,30px);opacity:0;background:#fff;color:var(--ink);padding:12px 20px;border-radius:30px;box-shadow:0 8px 35px #0005;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){nav>a:not(.wordmark){display:none}.hero{padding-bottom:120px}.hero-inner{margin-top:48px}.clubs{margin-top:35px}.club{width:calc(50% - 7px)}.two,.details,.match-card{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{min-height:auto;padding:20px}.path{font-size:12px}.details p{grid-column:auto}.mobile-cta{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.3fr;background:#fff;padding:9px max(9px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));box-shadow:0 -5px 20px #0018}.mobile-cta a{text-align:center;padding:13px 6px;font-size:12px;font-weight:900;text-transform:uppercase}.mobile-cta a:last-child{background:var(--lime)}body{padding-bottom:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.hero h1{font-size:0!important;line-height:1!important;margin:22px 0!important}.campaign-mark{display:block;width:min(790px,90vw);height:auto;filter:drop-shadow(0 12px 35px #00195e)}.section h2{font-size:clamp(42px,7vw,80px)!important;line-height:.88!important;letter-spacing:-.055em!important;margin:22px 0!important;font-weight:900!important}
.club{height:170px}.club img{max-width:130px;max-height:122px}.club span{margin-top:5px;color:#496184;font-size:10px}
@media(max-width:760px){.hero{min-height:auto}.hero-inner{margin-top:32px}.eyebrow{font-size:10px}.campaign-mark{width:100%;max-width:520px}.payoff{font-size:22px;line-height:1.2}.intro{font-size:16px}.actions .btn{flex:1;min-width:150px}.clubs{gap:10px;margin-top:28px}.club{width:calc(50% - 5px);height:145px;min-height:145px;padding:10px}.club img{max-width:112px;max-height:103px}.club span{font-size:8px;overflow-wrap:anywhere}.section{padding:72px 0}.section h2{font-size:42px!important}.steps article{display:grid;grid-template-columns:38px 1fr;gap:0 6px}.steps article>b{grid-row:1/3}.steps article h3,.steps article p{margin:0}.steps article p{margin-top:4px}.hashtag span{width:100%;font-size:31px}.match-card{gap:15px}.two article{padding:24px}}

/* Versione chiara: coerente con i siti ufficiali, con i colori sociali come accenti. */
body{background:#f7f8fb;color:#14213d}.hero{background:#f7f8fb;color:#14213d;border-bottom:1px solid #dce5f2}.hero-bg{background:radial-gradient(circle at 90% 20%,#d7ebff 0,transparent 42%),radial-gradient(circle at 8% 88%,#f5e8e5 0,transparent 30%),linear-gradient(180deg,#fff,#f7f8fb)}.hero:after{border-color:#0877c826}.hero nav{border-bottom-color:#14213d1f}.hero nav>a:not(.wordmark){color:#23456f}.campaign-mark{filter:brightness(0) saturate(100%) invert(34%) sepia(79%) saturate(1396%) hue-rotate(177deg) brightness(91%) contrast(102%);drop-shadow:none}.intro{color:#53647e}.ghost{border-color:#0877c8;color:#075fa9}.hero .scroll{color:#55708f}.club{border:1px solid #dce5f2;box-shadow:0 12px 35px rgba(28,65,105,.08)}.primary{background:#0877c8;color:#fff}.light{background:#fff}.campaign{background:#f7f8fb;color:#14213d;border-block:1px solid #dce5f2}.campaign h2 span{color:#0877c8}.steps{background:transparent;gap:12px}.steps article{background:#fff;border:1px solid #dce5f2;border-radius:8px;box-shadow:0 8px 24px rgba(28,65,105,.05)}.steps article>b{color:#0877c8}.steps p{color:#53647e}.hashtag span{color:#0877c8}.hashtag button{border-color:#0877c8;color:#075fa9;background:#fff}.details{background:#fff;border:1px solid #dce5f2;border-left:5px solid #7e2d26;border-radius:8px}.details small,.match-card small{color:#0877c8}.details p{color:#53647e}.match{background:#edf5fc;color:#14213d;border-bottom:1px solid #dce5f2}.match h2 span{color:#0877c8}.match-card{border-color:#aac7df}.match-card .ghost{color:#075fa9;border-color:#0877c8}.social{background:#fff}.social .two article:first-child{border-top:5px solid #0877c8}.social .two article:last-child{border-top:5px solid #7e2d26}.social-link{color:#14213d}footer{background:#f7f8fb;color:#14213d;border-top:1px solid #dce5f2}footer p{color:#53647e}.mobile-cta{border-top:1px solid #dce5f2}.mobile-cta a:last-child{background:#0877c8;color:#fff}
@media(max-width:760px){.steps{gap:8px}.campaign-mark{filter:brightness(0) saturate(100%) invert(34%) sepia(79%) saturate(1396%) hue-rotate(177deg) brightness(91%) contrast(102%)}.hero{padding-bottom:98px}.clubs{margin-bottom:10px}}
.social-handle{margin:-12px 0 18px;color:#0877c8;font-weight:800;font-size:14px}
.claim-lockup{display:flex!important;align-items:center;gap:16px;max-width:880px}.claim-lockup .campaign-mark{width:min(720px,calc(100% - 125px))}.malmostoso-mark{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(20,33,61,.18));transform:rotate(4deg);flex:0 0 auto}.details{display:block}.details .availability{display:grid;grid-template-columns:auto 1fr;gap:2px 20px;align-items:center}.details .availability small{grid-row:1/3}.details .availability b{font-size:clamp(20px,3vw,34px);line-height:1.1}.details .availability p{grid-column:2;margin:4px 0 0}
@media(max-width:760px){.claim-lockup{gap:8px}.claim-lockup .campaign-mark{width:calc(100% - 72px)}.malmostoso-mark{width:64px;height:64px}.details .availability{grid-template-columns:1fr}.details .availability small,.details .availability p{grid-column:1;grid-row:auto}.details .availability b{font-size:24px}}

/* Rifinitura UX smartphone */
@media(max-width:760px){
  body{padding-bottom:78px;font-size:16px}
  .wrap,.hero-inner{width:calc(100% - 32px)}
  .hero{padding-bottom:38px;min-height:0}
  .hero-inner{margin-top:28px}
  .hero .scroll{display:none}
  .eyebrow{line-height:1.45;margin-bottom:18px}
  .claim-lockup{margin:10px 0 20px!important}
  .payoff{margin-top:18px;font-size:21px}
  .intro{line-height:1.48;margin-bottom:26px}
  .hero .actions{margin-top:24px;gap:8px}
  .hero .btn{min-height:56px;padding:12px 10px}
  .clubs{margin-top:24px;margin-bottom:0}
  .club{height:126px;min-height:126px}
  .club img{max-height:88px;max-width:100px}
  .section{padding:58px 0;scroll-margin-top:12px}
  .section .kicker{margin-bottom:18px}
  .section h2{font-size:36px!important;line-height:.96!important;letter-spacing:-.04em!important;text-wrap:balance}
  .lead{font-size:18px;line-height:1.45}
  .path{margin:30px 0 20px;padding:18px 0;gap:7px 9px;font-size:10px;line-height:1.5}
  .two{gap:12px}
  .two article{padding:22px;border:1px solid #dce5f2;border-radius:8px;box-shadow:0 6px 18px rgba(28,65,105,.05)}
  .two article h3{font-size:22px!important;margin:5px 0 8px!important;line-height:1.12!important}
  .two article p{margin:0;line-height:1.48}
  .campaign h2{font-size:30px!important;line-height:.98!important;max-width:none;letter-spacing:-.035em!important}
  .steps article{padding:18px 16px;min-height:0;grid-template-columns:30px 1fr}
  .steps h3{font-size:18px!important;line-height:1.18!important}
  .steps p{font-size:13px;line-height:1.4}
  .hashtag{margin:28px 0 22px}
  .details{padding:20px}
  .match-card h3{font-size:22px!important;line-height:1.15!important;margin:8px 0!important}
  .social{padding-bottom:125px}
  .social h2{font-size:34px!important;line-height:.92!important;margin-bottom:28px!important}
  .social .two article{padding:20px}
  .social .two article h3{font-size:22px!important;line-height:1.1!important;margin:2px 0 14px!important}
  .social-handle{margin:-12px 0 14px;font-size:13px}
  .social-link{min-height:46px;align-items:center}
  .mobile-cta{left:8px;right:8px;bottom:8px;padding:6px;border:1px solid #dce5f2;border-radius:10px;overflow:hidden;box-shadow:0 8px 28px rgba(20,33,61,.22)}
  .mobile-cta a{min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 6px}
  #cky-btn-revisit-wrapper{left:10px!important;bottom:82px!important;transform:scale(.8);transform-origin:left bottom}
}

/* Dialogo visivo tra Brescia Volley e Scuola di Pallavolo */
:root{--sdp:#7b2926;--sdp-ink:#2b255f;--sdp-soft:#f7e9e5}
.hero{isolation:isolate}.hero-bg:after{content:"";position:absolute;width:210px;height:210px;left:-72px;bottom:22px;border:18px solid rgba(123,41,38,.10);border-radius:46% 54% 51% 49%;transform:rotate(-14deg);box-shadow:0 0 0 2px rgba(43,37,95,.08)}
.hero .eyebrow:before{content:"";display:inline-block;width:28px;height:4px;margin-right:9px;border-radius:4px;background:var(--sdp);vertical-align:middle;transform:rotate(-4deg)}
.clubs .club{position:relative;overflow:hidden}.clubs .club:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#0877c8}.clubs .club:nth-child(2):before{background:var(--sdp)}.clubs .club:nth-child(2):after{content:"";position:absolute;width:48px;height:48px;right:-20px;bottom:-22px;border:7px solid rgba(43,37,95,.10);border-radius:50%}
.light{position:relative;overflow:hidden}.light:after{content:"";position:absolute;width:190px;height:190px;right:-110px;top:95px;border:2px dashed rgba(123,41,38,.18);border-radius:50%;pointer-events:none}.light .kicker{color:var(--sdp)}.light .kicker:after{content:"";display:inline-block;width:7px;height:7px;margin-left:9px;border:2px solid var(--sdp);border-radius:50%}
.path i:nth-of-type(odd){color:var(--sdp)}.light .two article:first-child{border-top:5px solid var(--sdp)}.light .two article:last-child{border-top:5px solid #0877c8}.light .two article:first-child>b{color:var(--sdp)}
.campaign{position:relative;overflow:hidden}.campaign:before{content:"";position:absolute;width:260px;height:95px;right:-90px;top:52px;border:3px solid rgba(123,41,38,.12);border-radius:50%;transform:rotate(-11deg);pointer-events:none}.campaign .kicker{color:var(--sdp)}.steps article:nth-child(even){border-top:4px solid var(--sdp)}.steps article:nth-child(even)>b{color:var(--sdp)}.steps article:nth-child(odd){border-top:4px solid #0877c8}.hashtag{position:relative}.hashtag:after{content:"";position:absolute;left:0;bottom:-7px;width:min(310px,72vw);height:5px;border-radius:50%;background:linear-gradient(90deg,#0877c8 0 58%,var(--sdp) 58%);transform:rotate(-1deg)}
.details{border-left-color:var(--sdp)}.details .availability small{color:var(--sdp)}
.match .kicker:before{content:"";display:inline-block;width:10px;height:10px;margin-right:9px;background:var(--sdp);border-radius:50%;box-shadow:5px -4px 0 rgba(123,41,38,.22)}
.social h2:after{content:"";display:block;width:86px;height:7px;margin-top:20px;border-radius:8px;background:linear-gradient(90deg,#0877c8 0 55%,var(--sdp) 55%);transform:rotate(-2deg)}
footer .wordmark:after{content:" × SDP";color:var(--sdp);font-size:.78em;letter-spacing:.08em}
@media(max-width:760px){.hero-bg:after{width:130px;height:130px;left:-66px;bottom:16px;border-width:12px}.light:after{width:120px;height:120px;right:-75px;top:70px}.campaign:before{width:170px;height:64px;right:-85px;top:36px}.steps article:nth-child(even),.steps article:nth-child(odd){border-top-width:3px}.social h2:after{margin-top:14px}.hero .eyebrow:before{width:20px;margin-right:6px}}

/* Lockup hero pieno e firma sponsor nel footer */
.claim-lockup{display:block!important;max-width:920px}.claim-lockup .campaign-mark{width:100%;max-width:none}.sponsor-signature{width:min(420px,calc(100% - 24px));margin:28px auto 22px;padding:14px 18px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;gap:1px 14px;align-items:center;background:#fff;border:1px solid #dce5f2;border-top:4px solid var(--sdp);border-radius:10px;color:#14213d;box-shadow:0 8px 24px rgba(20,33,61,.08);text-align:left}.sponsor-signature img{grid-row:1/3;width:64px;height:64px;object-fit:contain}.sponsor-signature span{font-size:10px;line-height:1;font-weight:900;letter-spacing:.16em;color:var(--sdp)}.sponsor-signature strong{font-size:18px;line-height:1.08}.sponsor-signature+a{display:inline-block}
.light .lead+.two{margin-top:36px}
@media(max-width:760px){.claim-lockup .campaign-mark{width:100%}.sponsor-signature{margin-top:24px;grid-template-columns:56px 1fr;padding:12px 14px}.sponsor-signature img{width:56px;height:56px}.sponsor-signature strong{font-size:16px}.light .lead+.two{margin-top:28px}}
