:root{--gold:#e7a92f;--gold-soft:#f3d8a0;--ink:#090909;--muted:#777;--paper:#f5f5f5;--shadow:0 15px 22px rgba(0,0,0,.17);--cut:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Century Gothic","Trebuchet MS",Arial,sans-serif;line-height:1.25}.wrap{width:min(1260px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cut-card{background:var(--paper);clip-path:var(--cut);filter:drop-shadow(0 14px 10px rgba(0,0,0,.16))}h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:.3px}em{color:var(--gold);font-style:normal}.site-header{padding:25px 0 0}.header-inner{height:112px;display:flex;justify-content:flex-end;align-items:flex-start}.brand{width:86px;height:102px;object-fit:cover;object-position:center}.eyebrow{margin:18px auto 0 0;color:#9b9b9b;text-transform:uppercase;letter-spacing:2px;font-size:12px}.phase-section{position:relative;padding-top:10px}.phase-section:after{content:"";position:absolute;z-index:-1;left:-80px;top:295px;width:640px;height:560px;background:url("assets/ggap-logo.png") no-repeat center/contain;opacity:.018;transform:rotate(-15deg)}.phase-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:0 8px}.phase-card{position:relative;min-height:225px;border:0;padding:46px 16px 20px;background:#f5f5f5;clip-path:var(--cut);filter:drop-shadow(0 14px 10px rgba(0,0,0,.15));font:inherit;cursor:pointer;color:#999;transition:.2s ease}.phase-card:not(:last-child):after,.step:not(:last-child):after{content:"";position:absolute;right:-29px;top:42%;border-left:22px solid var(--gold);border-top:34px solid transparent;border-bottom:34px solid transparent;filter:none}.phase-card:hover,.phase-card:focus-visible{transform:translateY(-4px);outline:none;color:#555}.phase-card.active{color:#000}.phase-card img{display:block;width:76px;height:76px;object-fit:contain;margin:0 auto 15px;filter:grayscale(1);opacity:.53}.phase-card.active img{filter:none;opacity:1}.phase-card strong{display:block;font-size:15px}.hex{position:absolute;top:-25px;left:50%;translate:-50% 0;width:58px;height:51px;display:grid;place-items:center;background:var(--gold-soft);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-family:Impact,"Arial Narrow",sans-serif;font-size:28px;font-weight:400}.active .hex,.step .hex{background:var(--gold)}.phase-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;margin-top:36px}.phase-copy{min-height:270px;padding:30px 35px}.phase-kicker{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:18px}.phase-copy h2{margin:20px 0 15px;font-size:38px;line-height:1.05}.phase-copy>p{font-size:19px;max-width:620px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mini{min-height:120px;padding:26px 20px;text-align:center}.mini h3{margin:0 0 10px;font-size:17px}.mini p{margin:0;font-size:13px}.section-heading{text-align:center;margin:58px 0 62px}.section-heading h2{font-size:38px;margin:0 0 8px}.section-heading p{font-weight:600;margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}.step{position:relative;min-height:350px;padding:40px 20px 24px;text-align:center;overflow:visible}.step img{width:65px;height:65px;object-fit:contain;margin:4px auto 14px}.step h3{font-size:17px;margin:0 0 20px}.step p{font-size:13px;margin:0}.value{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:62px}.value-card,.integrations{min-height:560px;padding:30px 36px}.value h2{text-align:center;font-size:29px;margin:0 0 30px}.benefits{list-style:none;margin:0;padding:0;display:grid;gap:25px}.benefits li{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center}.benefits img{width:58px;height:58px;object-fit:contain}.benefits h3{font-size:16px;margin:0 0 5px}.benefits p{font-size:12px;margin:0}.integration-map{position:relative;min-height:440px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;place-items:center}.integration-map:before,.integration-map:after{content:"";position:absolute;left:22%;right:22%;top:49%;border-top:5px dotted var(--gold);z-index:-1}.integration-map:after{left:50%;right:auto;top:19%;bottom:18%;border-top:0;border-left:5px dotted var(--gold)}.integration-node{text-align:center;width:155px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px}.integration-node img{width:54px;height:54px;object-fit:contain}.integration-node span{font-size:11px}.hub{position:absolute;left:50%;top:50%;translate:-50% -50%;width:125px;height:125px;border-radius:50%;background:#fff;display:grid;place-items:center}.hub img{width:82px;height:96px;object-fit:cover}.difference{margin-top:62px;background:var(--gold);padding:40px 0 65px}.difference h2{text-align:center;font-size:38px;margin:0 0 55px}.difference h2::first-letter{color:#fff}.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.difference-grid article{min-height:210px;padding:46px 22px 22px;text-align:center;position:relative}.difference-grid img{position:absolute;width:70px;height:70px;object-fit:contain;left:50%;top:-38px;translate:-50% 0}.difference-grid h3{font-size:17px;margin:8px 0 15px}.difference-grid p{font-size:12px;margin:0}.final-cta{padding:60px 0 90px}.final-cta>div{padding:48px;text-align:center}.final-cta p{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:29px;line-height:1.25;margin:0}
@media(max-width:980px){.phase-nav{grid-template-columns:repeat(5,180px);overflow-x:auto;padding:26px 10px 24px;scroll-snap-type:x mandatory}.phase-card{scroll-snap-align:center}.phase-detail,.value{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr);gap:42px 28px}.step:not(:last-child):after{display:none}.difference-grid{grid-template-columns:1fr 1fr;gap:58px 28px}.header-inner{height:92px}.brand{width:72px;height:86px}}
@media(max-width:620px){.wrap{width:min(100% - 26px,1260px)}.site-header{padding-top:10px}.eyebrow{display:none}.phase-nav{margin-inline:-13px;padding-inline:28px}.phase-detail{margin-top:18px;gap:22px}.phase-copy{padding:27px 22px}.phase-copy h2{font-size:31px}.phase-copy>p{font-size:16px}.feature-grid{gap:14px}.mini{padding:22px 12px;min-height:135px}.steps{grid-template-columns:1fr;gap:42px}.step{min-height:285px}.section-heading{margin:45px 0 55px}.section-heading h2{font-size:34px}.section-heading p{font-size:14px}.value{margin-top:50px}.value-card,.integrations{padding:28px 20px}.value h2{font-size:26px}.benefits li{grid-template-columns:52px 1fr;gap:12px}.benefits img{width:48px;height:48px}.integration-map{min-height:410px}.integration-node{width:115px;font-size:11px}.integration-node span{font-size:9px}.hub{width:92px;height:92px}.hub img{width:62px;height:74px}.difference-grid{grid-template-columns:1fr}.difference{padding-top:35px}.final-cta{padding:45px 0 70px}.final-cta>div{padding:36px 22px}.final-cta p{font-size:23px}.final-cta br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phase-card{transition:none}}
.hex{top:0}
body{overflow-x:hidden}
.phase-card.module-link{cursor:pointer}
@media(max-width:980px){.steps{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:220px;gap:28px;overflow-x:auto;overflow-y:visible;padding:38px 24px 32px;margin-inline:-13px;scroll-snap-type:x mandatory;scrollbar-color:var(--gold) #f0f1f3;scrollbar-width:thin}.step{scroll-snap-align:center;min-height:350px}.step:not(:last-child):after{display:block}}
@media(max-width:980px){.phase-nav{scrollbar-width:none}.phase-nav::-webkit-scrollbar{display:none}}
.difference-grid article{padding-top:82px}
.difference-grid img{top:10px}

/* Visual alignment with the supplied GGAP artwork. */
@font-face{font-family:"Bebas Neue";src:url("assets/fonts/BebasNeue-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("assets/fonts/Poppins-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("assets/fonts/Poppins-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#fff}
body{font-family:"Poppins",Arial,sans-serif}
h2,.phase-kicker,.hex,.final-cta p{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400}
.cut-card{background:#fff;filter:drop-shadow(0 16px 12px rgba(0,0,0,.20))}
.phase-card{background:transparent;clip-path:none;filter:none;isolation:isolate;overflow:visible}
.phase-card::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;clip-path:var(--cut);filter:drop-shadow(0 16px 12px rgba(0,0,0,.20))}
.phase-card .hex{top:-25px}
.phase-nav{padding-top:26px;padding-bottom:20px}
.phase-copy h2{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400;letter-spacing:.2px}
.mini{display:grid;place-content:center;text-align:center;background:#fff}
.mini h3,.mini p{text-align:center}
.step{background:transparent;clip-path:none;filter:none;isolation:isolate;overflow:visible}
.step::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;clip-path:var(--cut);filter:drop-shadow(0 16px 12px rgba(0,0,0,.20))}
.step .hex{top:-25px}
@media(max-width:980px){.phase-nav{padding-top:30px}}
.value-card{display:flex;flex-direction:column}
.value-card>h2{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400;margin-bottom:12px}
.value-card .benefits{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:0}
.value-card .benefits li{min-height:82px}
.integration-map::before,.integration-map::after{display:none}
.integration-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.integration-connectors>path{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:2 12;marker-end:url(#arrow-gold)}
.integration-connectors marker path{fill:var(--gold)}
.integration-node,.hub{z-index:1}
.difference{background:#e3a836}
.difference h2{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400;color:#000}
.difference h2::first-letter{color:inherit}
.difference h2 span{color:#fff}

/* Exact depth, network texture and integration geometry from GGAP2. */
.cut-card{filter:drop-shadow(12px 16px 10px rgba(0,0,0,.24))}
.phase-card::before{z-index:0;filter:drop-shadow(12px 16px 10px rgba(0,0,0,.24))}
.phase-card>*{position:relative;z-index:2}
.phase-card::after{z-index:3}
.step::before{z-index:0;filter:drop-shadow(12px 16px 10px rgba(0,0,0,.24))}
.step>*{position:relative;z-index:2}
.step::after{z-index:3}
.phase-section::after{left:-80px;top:275px;width:1034px;height:650px;background:url("assets/hex-network.png") no-repeat 0 -250px/1034px 1783px;opacity:.28;transform:none}
.hub{top:58%}

/* One shared card construction: the approved "Come funziona" shape. */
.phase-card{-webkit-appearance:none;appearance:none}
.phase-card>*:not(.hex){position:relative;z-index:2}
.phase-card .hex{position:absolute;top:-25px;left:50%;translate:-50% 0;z-index:4}
.step>*:not(.hex){position:relative;z-index:2}
.step .hex{position:absolute;top:-25px;left:50%;translate:-50% 0;z-index:4}
.phase-copy,.mini,.value-card,.integrations,.difference-grid article,.final-cta>div{position:relative;isolation:isolate;background:transparent;clip-path:none;filter:none}
.phase-copy::before,.mini::before,.value-card::before,.integrations::before,.difference-grid article::before,.final-cta>div::before{content:"";position:absolute;inset:0;z-index:0;background:#fff;clip-path:var(--cut);filter:drop-shadow(12px 16px 10px rgba(0,0,0,.24))}
.phase-copy>*{position:relative;z-index:2}
.mini>*{position:relative;z-index:2}
.value-card>h2,.value-card>.benefits,.integrations>h2,.integrations>.integration-map,.final-cta p{position:relative;z-index:2}

/* Fine-tuning richiesto: connettori arrotondati, corpo testo più leggibile e fasi future inattive. */
.integration-connectors>path{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 12;marker-end:url(#arrow-gold)}
.integration-connectors marker path{fill:var(--gold);stroke:var(--gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.step p,.mini p,.benefits p,.difference-grid p{font-size:14px}
.integration-node span{font-size:12px}
.phase-card:disabled{cursor:default}
.phase-card:disabled:hover{transform:none;color:#999}

.value h2{line-height:1.02}
.integration-connectors>.connector-path{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 12;marker-end:none}
.integration-connectors>.arrowhead{fill:var(--gold);stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.final-cta p{font-size:34px}
.integration-map{display:block}
.integration-node{position:absolute}
.integration-node.top-left{left:0;top:5%}
.integration-node.top-right{right:0;top:5%}
.integration-node.bottom-left{left:0;top:calc(68.75% - 27px);bottom:auto}
.integration-node.bottom-right{right:0;top:calc(68.75% - 27px);bottom:auto}
.difference-grid article h3,.difference-grid article p{position:relative;z-index:2}
.difference-grid article img{z-index:3;top:-38px}
.difference-grid article{padding-top:46px}
.phase-section::after{left:58%;top:65px;width:508px;height:877px;background:url("assets/hex-network.png") no-repeat 0 0/508px 877px;opacity:.38;transform:rotate(66.75deg);transform-origin:0 0}
.phase-card,.phase-copy,.mini,.value-card,.integrations,.difference-grid article,.final-cta>div{filter:drop-shadow(12px 16px 10px rgba(0,0,0,.24))}
.phase-card::before,.phase-copy::before,.mini::before,.value-card::before,.integrations::before,.difference-grid article::before,.final-cta>div::before{filter:none}
.final-cta{padding-bottom:22px}
@media(max-width:620px){.final-cta{padding-bottom:18px}}
.integration-connectors>path{marker-end:none}
.integration-connectors>polygon{fill:var(--gold)}
.phase-section{padding-top:32px}

/* Keep card tracks within the shared content grid, regardless of text width. */
.phase-detail>*,.feature-grid>*,.steps>*,.value>*,.difference-grid>*{min-width:0}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:981px){
 .phase-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding-inline:0}
 .phase-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
 .steps{grid-template-columns:repeat(5,minmax(0,1fr))}
 .value{grid-template-columns:repeat(2,minmax(0,1fr))}
 .difference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Reticolo della sezione conclusiva, coerente con le altre pagine. */
.final-cta{position:relative;isolation:isolate}
.final-cta::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("assets/hex-network.png") no-repeat center center/1034px auto;opacity:.5}