@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap');
:root{font-family:'Outfit','DM Sans',system-ui,sans-serif;color:#092a54;background:#f6fbfd}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.z-section-page{--section-main:#087de3;--section-mid:#1cc9d8;--section-weak:#d9f6ff;--postit-bg:#087de3;--postit-border:#1cc9d8;--postit-note:#a9ebff;--postit-ink:#0a4d8f;background:#f6fbfd;min-height:100dvh}
.z-section-page[data-section-palette='ren']{--section-main:#5d3b9a;--section-mid:#8659cf;--section-weak:#ede4fa;--postit-bg:#693cb4;--postit-border:#a77beb;--postit-note:#dac4ff;--postit-ink:#4e257b}
.z-section-page[data-section-palette='excel']{--section-main:#056940;--section-mid:#16ae73;--section-weak:#ddf7e7;--postit-bg:#087047;--postit-border:#38b67b;--postit-note:#c8f2d5;--postit-ink:#1b6543}
.z-section-page[data-section-palette='relazioni']{--section-main:#0564b5;--section-mid:#05c6dc;--section-weak:#ddf7fc;--postit-bg:#078ac5;--postit-border:#35d0e4;--postit-note:#b6efff;--postit-ink:#075b89}
.z-section-artwork{display:none;position:relative;margin:auto;isolation:isolate;min-height:100dvh}
.z-section-artwork img{display:block;width:100%;height:auto}
.z-section-artwork--wide{width:100%;height:100dvh;overflow:hidden;background:#eaf8fc}
.z-section-artwork--wide img{height:100%;width:100%;object-fit:contain}
.z-section-artwork--phone{width:min(100%,560px);background:#f6fbfd;box-shadow:0 0 32px #135b9d0a}
.z-section-artwork--phone:after{content:'';display:block;height:12dvh;background:linear-gradient(145deg,#f6fbfd,#d9f7fc);pointer-events:none}
.z-section-artwork--phone .z-image-hotspot{position:absolute;z-index:2;display:block;background:transparent;border:0;border-radius:17px;cursor:pointer;outline-offset:3px}
.z-section-artwork--phone .z-image-hotspot:hover{background:#ffffff14}
.z-section-artwork--phone .z-image-hotspot:focus-visible{outline:4px solid var(--section-main);background:#ffffff32}
.z-section-artwork--phone .z-image-hotspot--excel-tutorial{left:4.2%;top:29.3%;width:45.3%;height:10.6%}
.z-section-artwork--phone .z-image-hotspot--excel-free{left:50.8%;top:29.3%;width:45.8%;height:10.6%}
.z-section-artwork .z-image-hotspot--back{left:3.3%;top:2.2%;width:17%;height:7.5%}
.z-section-artwork--wide .z-image-hotspot--back{left:2.7%;top:3.2%;width:15%;height:10%}
.z-section-artwork--wide .z-image-hotspot{position:absolute;display:block;z-index:3;background:transparent;border-radius:14px}
.z-section-artwork--wide .z-image-hotspot:focus-visible{outline:4px solid #8659cf;outline-offset:3px}
.z-section-live{display:none;position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,#fffefa 0%,#f5fbfd 56%,#e5f8fb 100%)}
.z-section-live:before{content:'';position:absolute;width:72vw;height:72vw;max-width:900px;max-height:900px;right:-24vw;top:-37vw;border-radius:50%;border:70px solid #8fe7ee40;box-shadow:0 0 0 38px #a5dafa27,0 0 0 96px #d1f8e940;pointer-events:none}
.z-section-live:after{content:'';position:absolute;left:-15%;bottom:-42%;width:67%;height:60%;background:radial-gradient(ellipse,#a6f7e355,transparent 74%);pointer-events:none}
.z-live-content{position:relative;z-index:2;width:46%;max-width:690px;min-height:100dvh;padding:clamp(25px,4vw,60px);display:flex;flex-direction:column;justify-content:center;align-items:stretch}
.z-top-nav{position:absolute;left:clamp(25px,4vw,60px);top:clamp(20px,3vw,48px);display:flex;align-items:center;gap:18px;font:900 clamp(23px,2.9vw,35px)/1 'Outfit',sans-serif;letter-spacing:-.035em}
.z-top-nav .back{font-size:36px;line-height:1;font-weight:600}
.z-title{display:flex;align-items:center;gap:20px;margin:22px 0 65px}
.z-title-mark{flex:0 0 clamp(65px,8vw,115px);width:clamp(65px,8vw,115px);height:clamp(65px,8vw,115px);border-radius:25px;display:grid;place-items:center;font-size:clamp(36px,4.5vw,66px);font-weight:800;color:var(--section-main);background:var(--section-weak)}
.z-title h1{margin:0;font:900 clamp(43px,4.6vw,78px)/.99 'Outfit',sans-serif;letter-spacing:-.055em;color:#092a54}
.z-title h1 em{color:var(--section-main);font-style:normal}
.z-actions{display:grid;gap:20px}
.z-action{display:flex;gap:20px;align-items:center;min-height:110px;padding:20px 25px;border-radius:25px;font:800 clamp(19px,2vw,32px)/1.15 'Outfit',sans-serif;border:2px solid var(--section-mid);box-shadow:0 15px 28px #153e6512;background:#ffffffdf;color:#092a54}
.z-action .z-action-icon{flex:0 0 65px;height:65px;display:grid;place-items:center;border-radius:19px;background:var(--section-weak);font-size:38px;color:var(--section-main)}
.z-action .z-arrow{font-size:35px;margin-left:auto;font-weight:500}
.z-action--primary{color:white;background:linear-gradient(110deg,var(--section-main),var(--section-mid));border-color:transparent}
.z-action--primary .z-action-icon{background:#ffffff24;color:white}
.z-action[aria-disabled='true']{cursor:default}
.z-action:not([aria-disabled='true']):hover{transform:translateY(-2px);filter:saturate(1.08)}
.z-action:focus-visible{outline:4px solid #f2b833;outline-offset:5px}
.z-actions--excel{grid-template-columns:1fr 1fr}
.z-actions--excel .z-action{min-height:170px;flex-direction:column;align-items:flex-start;font-size:clamp(21px,2.1vw,32px)}
.z-actions--excel .z-action .z-arrow{margin-top:auto;align-self:flex-end}
.z-actions--relations{gap:14px}
.z-actions--relations .z-action{min-height:88px}
.z-actions--relations .z-action--minor{min-height:85px;font-size:clamp(18px,1.65vw,26px)}
.z-actions--relations .z-action--minor .z-action-icon{flex-basis:48px;height:48px;font-size:27px}
.z-actions--relations .z-actions-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.z-live-scene{position:absolute;inset:0 0 0 46%;z-index:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 12%)}
.z-live-scene:before{content:'';position:absolute;inset:0;background:var(--section-scene) center bottom / auto 205% no-repeat}
.z-live-scene:after{content:'';position:absolute;right:-10%;top:-19%;width:85%;height:58%;border-radius:50%;border:50px solid #6de8e53c;pointer-events:none}
.z-section-page[data-section-palette='excel'] .z-live-scene{--section-scene:url('./assets/sections/excel-mobile.jpg')}
.z-section-page[data-section-palette='relazioni'] .z-live-scene{--section-scene:url('./assets/sections/relazioni-mobile.jpg')}
.z-screen-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:900px) and (orientation:landscape){.z-section-page[data-section-id='strumenti'] .z-section-artwork--wide{display:block}.z-section-page:not([data-section-id='strumenti']) .z-section-live{display:block}}
@media(min-width:900px) and (orientation:portrait){.z-section-live{display:block}}
@media(max-width:899px){.z-section-artwork--phone{display:block}}
@media(max-width:899px) and (min-width:650px){.z-section-artwork--phone{width:min(100%,650px)}.z-section-artwork--phone:after{display:none}}
@media(min-width:900px) and (orientation:portrait){.z-live-content{width:54%}.z-live-scene{left:50%}.z-title{flex-wrap:wrap}.z-title h1{font-size:clamp(45px,6vw,65px)}.z-action{font-size:23px;min-height:100px}.z-section-page[data-section-id='strumenti'] .z-section-artwork--phone{display:block;width:min(100%,720px)}}
@media(max-width:480px){.z-section-artwork--phone{box-shadow:none}.z-section-artwork--phone .z-image-hotspot{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.z-action{transition:none}}