/* Marynet: landscape, frosted surfaces and a responsive character. */
:root{--glass:rgba(255,255,255,.78);--glass-strong:rgba(255,255,255,.88);--glass-line:rgba(255,255,255,.72);--blue:#075daf;--cyan:#28b6df;--ink:#102a40;--muted:#3d5367}
body{background:#82b9d2;isolation:isolate;overflow-x:clip}body::before{content:'';position:fixed;inset:0;z-index:-2;background-image:linear-gradient(#09264712,#09264720),var(--scene-image,url('sfondo-giorno.webp'));background-size:cover;background-position:center;pointer-events:none}body::after{content:'';position:fixed;inset:0;z-index:-1;background:#15375308;pointer-events:none}main{padding-bottom:24px}.wrap{width:min(1240px,calc(100% - 64px))}header{background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#fff8}.nav{min-height:86px}nav{font-size:.9rem;gap:24px}.nav-button{background:#12384e}.hero,html[data-scene] .hero{background:none!important;color:var(--ink);overflow:visible}.hero-grid{grid-template-columns:1fr 1.05fr;gap:26px;padding:48px 0 30px;align-items:center;min-height:630px}.hero-story{padding:36px 38px;background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px #09294214}.hero .eyebrow{color:#085c93;font-size:.78rem;letter-spacing:1.5px;margin-bottom:20px}h1{font-size:clamp(2.75rem,4.6vw,4.3rem);line-height:1.04;letter-spacing:-2px;margin-bottom:24px}h1 em{color:#086c9e}.intro{color:#314c60;font-size:1.05rem;line-height:1.65;margin:0 0 28px}.journey-links{display:grid;gap:9px}.journey-links a{display:flex;align-items:center;gap:18px;padding:12px 16px;border:1px solid #fff9;background:#ffffff55;border-radius:7px;font-weight:650;font-size:.94rem;transition:background .2s,transform .2s}.journey-links a:hover{background:#ffffffe6;transform:translateX(4px)}.journey-links span{font-size:.8rem;color:#086a9b;font-weight:700}.hero-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.82rem;color:#405e74}.hero-meta a{text-decoration:underline;color:#075b90;font-weight:650}.credential{background:none;border:0;padding:0}.credential>.wrap{padding:20px 28px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px}.badge-mark{background:#ffffff7a}.badge{color:#243e54}section,section.learning,section.about,section.contact,section.macky-guide{background:none;border:0;padding:24px 0 0;color:var(--ink)}section>.wrap{padding:48px;background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 55px #11354f0b}.section-head{gap:46px}.section-head p{color:var(--muted)}.section-head .eyebrow,.learning .eyebrow,.about .eyebrow,.guide-grid .eyebrow{color:#076397}.section-head h2,h2{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-1px}.about p{color:var(--muted)}.founding{color:#075f95!important}.about .mce-note{color:var(--muted);border-color:#557d9740}.course-panel{background:#ffffff62;border-color:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.course-top{border-color:#6e91a12e}.tab{background:#ffffff60;border-color:#4c789d38}.tab[aria-selected=true]{background:#0e5982;border-color:#0e5982}.course-body .topic{background:#ffffff85}.step{border-color:#51788b38}.learning-point{border-color:#648ca280}.guide-choices button{background:#ffffff65;border-color:#ffffffdb}.contact-tags span{background:#ffffff70;border-color:#ffffffc7}.contact .wrap{padding:42px 48px}details{border-color:#557f963a}details:first-child{border-color:#557f963a}.consult-note{border-color:#168ebc;color:var(--muted)}footer{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#fff7}.footer-inner{padding:0}.text-link{font-size:.9rem;font-weight:650;text-decoration:underline;color:#075f95}
.service-explorer{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:stretch}.service-selector{display:grid;gap:12px}.service-selector button{display:grid;grid-template-columns:34px 1fr;gap:3px 12px;text-align:left;color:var(--ink);background:#ffffff5c;border:1px solid #ffffffbc;border-radius:9px;padding:23px;cursor:pointer;transition:background .2s,box-shadow .2s}.service-selector button span{grid-row:span 2;color:#075f95;font-size:.85rem;font-weight:650}.service-selector button strong{font-size:1.1rem}.service-selector button small{font-size:.88rem;color:var(--muted)}.service-selector button[aria-selected=true]{background:#154a64;color:white;box-shadow:0 12px 25px #153b5b16;border-color:#154a64}.service-selector button[aria-selected=true] span{color:#79e0ff}.service-selector button[aria-selected=true] small{color:#d4e5f1}.consult-detail{padding:30px;background:#ffffff65;border:1px solid #ffffffb0;border-radius:12px}.consult-detail h3{font-size:1.8rem;line-height:1.18;margin:0 0 18px}.consult-detail .eyebrow{color:#076397;margin:0 0 16px}.consult-detail p{color:var(--muted);font-size:1rem}.consult-detail ul{padding-left:20px;color:var(--muted);font-size:.95rem}.consult-detail li{margin:10px 0}.iso-list{display:grid;gap:12px}.iso-item,.iso-item:first-child{border:1px solid #ffffffb5;padding:0;border-radius:10px;background:#ffffff65;overflow:hidden}.iso-item summary{display:grid;grid-template-columns:170px 1fr 24px;align-items:center;padding:23px 26px;gap:26px}.iso-code{font-size:.78rem;letter-spacing:.7px;display:flex;flex-direction:column;color:#466275}.iso-code b{font-size:1.85rem;color:#075f95;letter-spacing:-1px;line-height:1.2}.iso-name{font-size:1.1rem;font-weight:650}.iso-item summary::after{justify-self:end}.iso-content{margin:0 26px 24px;padding:22px 0 0;border-top:1px solid #527d942e}.iso-content p{max-width:820px;margin:0 0 18px}.iso-content>div{display:flex;flex-wrap:wrap;gap:9px}.iso-content>div span{padding:6px 12px;background:#ffffff85;border:1px solid #fff;border-radius:4px;font-size:.86rem;color:var(--muted)}.iso-note{font-size:.9rem;color:var(--muted);margin:22px 0 0}
.macky-stage{position:relative;min-height:460px;align-self:stretch;display:flex;align-items:center;justify-content:center}.macky-character{width:100%;max-width:650px;position:relative;z-index:11;isolation:isolate}.macky-touch{position:relative;display:block;width:100%;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit;touch-action:manipulation}.macky-motion{display:block;transform-origin:50% 90%;animation:macky-idle 5s ease-in-out infinite}.macky-cutout{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px #10375430);transform:translate(var(--look-x,0),var(--look-y,0)) rotate(var(--look-r,0deg));transition:transform .4s;user-select:none;pointer-events:none}.macky-shadow{position:absolute;bottom:5%;left:19%;right:19%;height:18px;border-radius:50%;background:#18314642;filter:blur(12px);z-index:-1;animation:shadow-idle 5s ease-in-out infinite}.macky-speech{position:absolute;right:4%;top:-25px;width:min(310px,90%);padding:17px 38px 15px 18px;border:1px solid #ffffffc2;border-radius:14px;background:#ffffffd4;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--ink);box-shadow:0 12px 30px #0b294218;z-index:3}.macky-speech::after{content:'';position:absolute;bottom:-8px;left:65%;width:15px;height:15px;transform:rotate(45deg);background:#ffffffd4;border-bottom:1px solid #ffffffc2;border-right:1px solid #ffffffc2}.speech-label{font-size:.75rem;letter-spacing:.8px;color:#076397;text-transform:uppercase;font-weight:700}.macky-speech p{font-size:.94rem;line-height:1.5;margin:5px 0 12px;min-height:42px}.speech-dismiss{position:absolute;right:6px;top:6px;width:32px;height:32px;border:0;background:none;font-size:1.35rem;color:#476476;cursor:pointer}.macky-shortcuts{display:flex;flex-wrap:wrap;gap:6px}.macky-shortcuts a{padding:5px 8px;border:1px solid #6793ad4d;background:#ffffff70;border-radius:4px;font-size:.8rem;font-weight:600}.macky-hint{display:block;text-align:center;font-size:.8rem;font-weight:600;color:#15394e;background:#ffffffb2;border:1px solid #ffffffa0;border-radius:30px;padding:6px 12px;width:max-content;max-width:100%;margin:4px auto 0}.macky-character.docked{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:150px;z-index:30;animation:dock-entry .35s ease-out}.docked .macky-hint{font-size:.75rem;padding:4px 9px;margin-top:0}.docked .macky-speech{top:auto;bottom:calc(100% + 14px);right:0;width:300px;max-width:calc(100vw - 32px)}.macky-character.speech-hidden .macky-speech{display:none}.macky-character.reacting .macky-motion{animation:macky-hop .7s ease both}.macky-character.docked .macky-motion{animation-duration:6s}
@keyframes macky-idle{0%,100%{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-9px) rotate(.8deg)}}@keyframes shadow-idle{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.9);opacity:.35}}@keyframes macky-hop{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-22px) rotate(-5deg)}60%{transform:translateY(-8px) rotate(3deg)}}@keyframes dock-entry{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.hero-grid{padding-top:60px;padding-bottom:45px;min-height:720px}.macky-stage{min-height:530px}}
@media(max-width:1000px){nav{gap:15px;font-size:.875rem}header .brand img{width:172px}.hero-grid{gap:12px;min-height:570px}.hero-story{padding:28px}.macky-stage{min-height:410px}.macky-speech{top:5px;right:0;width:270px}.hero-story h1{font-size:3.2rem}.section-head{gap:30px}section>.wrap{padding:36px}.service-explorer{grid-template-columns:.9fr 1.1fr;gap:18px}.service-selector button{padding:20px}.consult-detail{padding:24px}.iso-item summary{grid-template-columns:140px 1fr 24px}}
@media(max-width:800px){header .brand img{width:145px}nav{gap:12px}.nav-button{padding:9px 12px}.hero-story h1{font-size:2.8rem}.macky-speech{top:30px;width:235px}.macky-shortcuts a{font-size:.75rem}.hero-meta{font-size:.78rem}.learning-grid,.method,.about-grid{gap:28px}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.nav{padding:14px 0;min-height:72px}header .brand img{width:174px}nav{font-size:.9rem;gap:14px}.hero-grid{grid-template-columns:1fr;padding:22px 0 8px;gap:0;min-height:0}.hero-story{padding:26px;border-radius:14px}.hero-story h1{font-size:clamp(2.7rem,11vw,3.6rem);letter-spacing:-1.5px;line-height:1.05}.hero .eyebrow{font-size:.75rem}.intro{font-size:1rem;line-height:1.6}.hero-story .intro{margin-bottom:22px}.journey-links a{padding:12px;font-size:.93rem}.hero-meta{font-size:.8rem}.macky-stage{min-height:340px;padding:70px 0 14px;align-items:flex-end}.macky-character{width:min(100%,450px)}.macky-speech{top:-50px;right:4%;width:260px;max-width:90%;padding:14px 35px 13px 16px}.macky-speech p{font-size:.9rem;min-height:0}.macky-shortcuts a{font-size:.8rem}.macky-hint{margin-top:-5px}.credential>.wrap{padding:18px 24px;gap:14px;border-radius:12px}.credential .wrap{flex-direction:column;align-items:flex-start}.credential p{font-size:.9rem}section{padding-top:16px}section>.wrap{padding:28px 24px;border-radius:14px}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.section-head h2,h2{font-size:2rem;line-height:1.13}.service-explorer{grid-template-columns:1fr;gap:16px}.service-selector{grid-template-columns:1fr;gap:8px}.service-selector button{padding:16px 18px;grid-template-columns:26px 1fr}.service-selector button strong{font-size:1rem}.service-selector button small{font-size:.875rem}.consult-detail{padding:22px}.consult-detail h3{font-size:1.55rem}.iso-item summary{grid-template-columns:88px 1fr 18px;gap:12px;padding:18px 16px}.iso-code{font-size:.75rem}.iso-code b{font-size:1.45rem}.iso-name{font-size:.95rem;line-height:1.4}.iso-content{margin:0 16px 20px;padding-top:18px}.iso-content p{font-size:.95rem}.iso-content>div{gap:6px}.iso-content>div span{font-size:.8rem;padding:5px 8px}.learning-grid,.method,.about-grid,.guide-grid,.faq-grid,.contact-inner{grid-template-columns:1fr;gap:26px}.learning-points{gap:16px}.course-body{min-height:0}.step{grid-template-columns:30px 1fr;gap:12px}.contact .wrap{padding:28px 24px}.footer-inner{gap:14px}.macky-character.docked{width:105px;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}.docked .macky-speech{right:0;width:270px;max-width:calc(100vw - 28px)}.docked .macky-hint{font-size:.75rem}.guide-choices button{padding:18px}.guide-choices button:hover{transform:none}.guide-grid p{min-height:0}.journey-links a:hover{transform:none}footer{padding-bottom:80px}}
@media(max-width:360px){.hero-story{padding:22px}.hero-story h1{font-size:2.65rem}.macky-stage{min-height:290px}.macky-speech{width:235px}.iso-item summary{grid-template-columns:78px 1fr 18px;gap:8px}section>.wrap{padding:25px 20px}.consult-detail{padding:18px}}
@media(prefers-reduced-motion:reduce){.macky-motion,.macky-shadow,.macky-character.docked,.macky-character.reacting .macky-motion{animation:none}.macky-cutout{transform:none;transition:none}.reveal{opacity:1;transform:none}.journey-links a:hover{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass:rgba(255,255,255,.94)}.hero-story,.macky-speech{background:#fffffff0}header{background:#fffffff0}}
h1,h2,h3,.iso-name,.consult-detail{overflow-wrap:anywhere}nav{flex-wrap:wrap}.service-explorer>*{min-width:0}.macky-speech,.hero-story,.journey-links a{max-width:100%}
@media(prefers-contrast:more){:root{--glass:rgba(255,255,255,.94)}.macky-speech{background:#fff}.journey-links a,.course-panel,.consult-detail,.iso-item{background:#fffffff2}}
/* Reserve a separate row for the message; never overlay the character. */
.macky-character:not(.docked){display:flex;flex-direction:column;align-items:center}
.macky-character:not(.docked) .macky-speech{position:relative;inset:auto;margin:26px auto 0;width:min(330px,100%);max-width:100%;flex:none}
.macky-character:not(.docked) .macky-speech::after{top:-8px;bottom:auto;left:50%;transform:rotate(225deg)}
.macky-stage{padding-top:20px;padding-bottom:20px}
.macky-character.docked .macky-speech{top:auto;bottom:calc(100% + 32px);margin:0}
.macky-character.docked.reacting .macky-motion{animation-duration:.7s}
@media(max-width:700px){.macky-stage{padding-top:26px;padding-bottom:24px;min-height:0}.macky-character:not(.docked) .macky-speech{width:min(290px,100%);margin-top:24px}.credential .badge{max-width:100%}.badge>span:last-child{overflow-wrap:anywhere}}
.macky-animated{aspect-ratio:3/2;image-rendering:auto}
.macky-motion:has(.macky-animated){animation:macky-idle 7s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.macky-motion:has(.macky-animated){animation:none}}
/* Subtle breathing replaces the exaggerated whole-body hop. */
.macky-motion:has(.macky-animated),.macky-character.reacting .macky-motion:has(.macky-animated){animation:macky-breath 6.5s ease-in-out infinite!important}
@keyframes macky-breath{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-3px) rotate(.2deg)}}
.macky-voice-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #6793ad30}
.macky-voice-controls[hidden]{display:none}.macky-voice-controls button{border:1px solid #6793ad4d;background:#ffffff80;border-radius:5px;padding:7px 10px;color:#124a68;font:inherit;font-size:.82rem;cursor:pointer}.macky-voice-controls button[aria-pressed=true]{background:#154a64;color:white}.macky-voice-status{font-size:.78rem;color:#476476;margin-top:8px;line-height:1.4}.macky-voice-status:empty{display:none}
@media(prefers-reduced-motion:reduce){.macky-motion:has(.macky-animated),.macky-character.reacting .macky-motion:has(.macky-animated){animation:none!important}}
.macky-voice-controls button[hidden]{display:none}
.macky-character.animation-paused .macky-motion,.macky-character.animation-paused.reacting .macky-motion,.macky-character.animation-paused .macky-shadow{animation:none!important}
.udemy-heading{display:grid;grid-template-columns:1fr 240px;gap:50px;align-items:start}.udemy-section .eyebrow{color:#076397}.udemy-intro{color:var(--muted);max-width:620px;margin:22px 0;font-size:1.05rem}.udemy-meta{display:flex;flex-wrap:wrap;gap:8px}.udemy-meta span{font-size:.86rem;background:#ffffff66;border:1px solid #ffffffb5;border-radius:5px;padding:6px 10px}.udemy-rating{padding:26px;background:#ffffff80;border:1px solid #ffffffd7;border-radius:13px;text-align:center}.rating-label{font-size:.8rem;color:var(--muted)}.rating-number{font-size:3.8rem;line-height:1.1;letter-spacing:-2px;font-weight:700;color:#0c536f;margin-top:10px}.rating-number span{font-size:1.2rem;letter-spacing:0;font-weight:400;color:var(--muted);margin-left:7px}.rating-stars{color:#945100;letter-spacing:4px;font-size:1.3rem;margin-top:7px}.udemy-rating p{font-size:.9rem;color:var(--muted);margin:6px 0 15px}.udemy-rating a{font-size:.86rem;color:#075f95;text-decoration:underline;font-weight:600}.udemy-rating small{display:block;font-size:.75rem;color:#4b6579;margin-top:15px}.udemy-content{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:42px;border-top:1px solid #527d942e;padding-top:34px}.udemy-content .eyebrow{margin-bottom:20px}.course-modules{list-style:none;padding:0;margin:0}.course-modules li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #527d942e}.course-modules li>span{font-size:.85rem;color:#076397;font-weight:700;min-width:28px}.course-modules strong{font-size:1.04rem}.course-modules p{margin:5px 0 0;font-size:.94rem;color:var(--muted)}.course-previews h3{margin:0 0 20px;font-size:1.6rem}.preview-link{display:flex;align-items:center;gap:16px;border:1px solid #ffffffd7;background:#ffffff65;padding:17px;border-radius:9px;margin-top:10px;transition:background .2s}.preview-link:hover{background:#ffffffd9}.preview-play{background:#155d7e;color:white;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:.9rem;padding-left:2px}.preview-link strong{display:block;font-size:.95rem}.preview-link small{display:block;color:var(--muted);font-size:.83rem;margin-top:4px}.preview-note{font-size:.86rem;color:var(--muted);margin:16px 0}.udemy-buy{background:#154a64;border-color:#154a64;color:white;width:100%;white-space:normal;text-align:center}.udemy-buy:hover{background:#0b607e}.udemy-rating,.udemy-heading>div{min-width:0}
@media(max-width:900px){.udemy-heading{grid-template-columns:1fr 210px;gap:26px}.udemy-rating{padding:22px}.udemy-content{gap:28px}}
@media(max-width:700px){.udemy-heading,.udemy-content{grid-template-columns:1fr;gap:24px}.udemy-intro{font-size:1rem}.udemy-rating{display:flex;flex-direction:column;align-items:center}.rating-number{font-size:3.3rem}.udemy-content{margin-top:28px;padding-top:26px}.udemy-meta span{font-size:.82rem}.preview-link{padding:14px;gap:12px}.course-previews h3{font-size:1.4rem}}
.course-video{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffffd7;border-radius:12px;background:#ffffff60;isolation:isolate}.course-video iframe{display:block;width:100%;height:100%;border:0}.course-video-placeholder{min-height:100%;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.course-video-placeholder[hidden]{display:none}.video-play-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#155d7e;color:white;padding-left:3px}.course-video-placeholder strong{font-size:.98rem}.course-video-placeholder p{font-size:.83rem;line-height:1.45;color:var(--muted);margin:0;max-width:340px}.video-load{background:#154a64;border-color:#154a64;color:white;padding:10px 16px;font-size:.85rem;white-space:normal}.course-video-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted);font-size:.8rem}.course-video-caption button{background:transparent;border:0;color:#075f95;text-decoration:underline;font:inherit;cursor:pointer}.course-previews .preview-note a{color:#075f95;text-decoration:underline}.course-video:has(.course-video-placeholder:not([hidden])){min-height:250px}@media(max-width:400px){.course-video-placeholder{padding:16px}.course-video:has(.course-video-placeholder:not([hidden])){min-height:270px}}
footer .footer-inner{display:grid;grid-template-columns:165px minmax(0,1fr);gap:24px 38px;align-items:start}footer .footer-company{min-width:0;color:var(--muted);font-size:.84rem;line-height:1.8}footer .footer-company p{margin:0 0 5px;font-size:inherit}footer .footer-company strong{color:var(--ink)}footer .footer-company address{font-style:normal}footer .footer-company a{color:#075f95;text-decoration:underline;overflow-wrap:anywhere}footer .footer-company p>span,footer address>span{margin:0 5px}.footer-policies{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.footer-policies button,.footer-policies a{padding:0;background:none;border:0;color:#075f95;font:inherit;text-decoration:underline;cursor:pointer}footer .privacy-button{grid-column:2;justify-self:start}#policy-dialog a{color:#075f95;text-decoration:underline}@media(max-width:700px){footer .footer-inner{grid-template-columns:1fr;gap:20px}footer .privacy-button{grid-column:1}footer .footer-company{font-size:.82rem}}
.protected-contact{display:inline;overflow-wrap:anywhere}.contact-reveal,dialog .contact-reveal{border:0;border-bottom:1px dotted currentColor;background:none;color:#075f95;padding:0;font:inherit;cursor:pointer;border-radius:0}.contact-reveal[hidden]{display:none}.contact-address{overflow-wrap:anywhere;user-select:text}
footer .footer-legal{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:clamp(.7rem,.92vw,.8rem);line-height:1.65;color:var(--muted)}.footer-legal-row{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:3px 8px;margin:0;max-width:100%}.footer-legal-row>span{min-width:0}.footer-legal-row strong{color:var(--ink);font-weight:650}.footer-separator{color:#5d7588;flex:none}.footer-legal .footer-policies{justify-content:center;margin-top:9px;font-size:.83rem}.footer-legal .contact-address{overflow-wrap:anywhere}.footer-legal-row .protected-contact{white-space:normal}@media(max-width:700px){footer .footer-legal{font-size:.78rem;gap:12px}.footer-legal-row{gap:5px 7px}}

.footer-marynet strong{color:#61c0f0;font-weight:700}.footer-marynet>span{color:#b1defb;font-weight:400}

.credential-before-course{margin-top:24px}@media(max-width:700px){.credential-before-course{margin-top:16px}}

/* Only the centered invitation remains visible below Macky. */
#macky-speech[hidden]{display:none!important}
.macky-hint,.docked .macky-hint{display:block;align-self:center;width:100%;max-width:100%;margin:10px auto 0;padding:6px 8px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.4;cursor:pointer;color:#15394e;white-space:normal}
.macky-hint:hover{text-decoration:underline;text-underline-offset:3px}
.macky-hint:focus-visible{outline:2px solid #075daf;outline-offset:3px;border-radius:4px}
.docked .macky-hint{font-size:.75rem;margin-top:4px}

.macky-hint,.docked .macky-hint{margin-top:-18px;padding-top:0;cursor:default;pointer-events:none}.macky-hint:hover{text-decoration:none}

.macky-hint,.docked .macky-hint{opacity:.42;font-weight:400;text-shadow:none}

.hero-wordmark{display:block;width:min(100%,360px);height:auto;margin:0 0 24px}.hero-story h1{font-size:clamp(2.35rem,3.7vw,3.5rem);line-height:1.1;letter-spacing:-1.5px}@media(max-width:700px){.hero-wordmark{width:min(100%,310px);margin-bottom:22px}.hero-story h1{font-size:clamp(2.2rem,9vw,3.3rem)}}

.hero-story h1 em{font-style:italic}

.udemy-trainer{margin:20px 0 24px;color:var(--ink)}.udemy-trainer>span:last-child{min-width:0;overflow-wrap:anywhere}.udemy-trainer .badge-mark{flex:none}

.udemy-cover{display:block;width:100%;height:auto;margin:0 0 24px;border-radius:10px;border:1px solid #ffffffb5}

.udemy-content .udemy-media-title{font-size:1.6rem;line-height:1.25;min-height:2.5em;margin:0 0 20px}@media(max-width:700px){.udemy-content .udemy-media-title{font-size:1.4rem;min-height:0}}

.udemy-actions{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:stretch;margin-top:26px}.udemy-coupon{display:flex;align-items:center;min-width:0;border-radius:12px;transition:transform .2s}.udemy-coupon img{display:block;width:100%;height:auto}.udemy-coupon:hover{transform:translateY(-2px)}.udemy-actions .udemy-buy{height:100%;min-height:72px;border-radius:10px}@media(max-width:900px){.udemy-actions{gap:28px}}@media(max-width:700px){.udemy-actions{grid-template-columns:1fr;gap:14px;margin-top:22px}.udemy-actions .udemy-buy{min-height:54px}.udemy-coupon:hover{transform:none}}

/* Immagine della formazione sopra gli ambiti formativi */
.learning-media{min-width:0;display:flex;flex-direction:column;gap:20px}.learning-image{display:block;width:100%;height:auto;border-radius:10px}

/* Introduzione alle certificazioni ISO */
.iso-section .section-head{align-items:center}.iso-section .section-head .iso-intro{margin-top:24px}.iso-consult-image{display:block;width:100%;height:auto;min-width:0;border-radius:10px}

/* Immagine a sinistra e titolo a destra nella consulenza */
.consult-heading{align-items:center}.consult-heading-image{display:block;width:100%;height:auto;min-width:0;border-radius:10px}.consult-heading .consult-intro{margin-top:24px}

/* Il metodo: immagine a sinistra, testi a destra */
#metodo .method{grid-template-columns:.8fr 1.2fr;align-items:center;gap:46px}.method-image{display:block;width:100%;max-width:360px;height:auto;justify-self:center;border-radius:10px}.method-copy{min-width:0}.method-copy .steps{margin-top:26px}@media(max-width:700px){#metodo .method{grid-template-columns:1fr;gap:28px}.method-image{max-width:320px}}

/* Colonne allineate nella consulenza */
#consulenza .consult-heading,#consulenza .service-explorer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}#consulenza .consult-heading{align-items:start}#consulenza .consult-heading>*,#consulenza .service-explorer>*{min-width:0}#consulenza .consult-heading-image{width:100%;max-width:100%;height:auto}#consulenza .consult-detail{width:100%}@media(max-width:700px){#consulenza .consult-heading,#consulenza .service-explorer{grid-template-columns:minmax(0,1fr);gap:20px}}

/* Allineamento dei paragrafi nelle colonne ampie */
@media(min-width:701px){.hero-story .intro,.consult-intro,.consult-detail>p:not(.eyebrow),.iso-intro,.iso-content>p,.learning-grid>div>p:not(.eyebrow),.course-body>p:not(.eyebrow),.udemy-intro,.method-copy>p:not(.eyebrow),.step p,.about-grid>div>p:not(.eyebrow):not(.founding),.faq details p,.contact-inner p:not(.eyebrow){text-align:justify;text-align-last:start;hyphens:auto}}

/* Chi siamo: dal 2007 a oggi */
.about-journey{position:relative;overflow:hidden;isolation:isolate;--journey-progress:0;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.about-network{position:absolute;inset:0;width:100%;height:100%;color:#0878a7;opacity:.075;z-index:-1;pointer-events:none}.about-network path{stroke-width:1}.about-timeline,.about-story{min-width:0}.timeline-year{display:block;font-size:clamp(4rem,7vw,6.5rem);font-weight:750;letter-spacing:-.065em;line-height:1;color:#096b9b}.about-timeline .founding{font-size:.9rem;margin:16px 0 0}.timeline-track{position:relative;width:2px;height:85px;margin:22px 0 22px 12px;background:#0878a725}.timeline-track span{display:block;width:100%;height:100%;background:linear-gradient(#61c0f0,#086a9b);transform-origin:top;transform:scaleY(var(--journey-progress));box-shadow:0 0 12px #61c0f080}.timeline-track::before,.timeline-track::after{content:'';position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:#61c0f0;transform:translateX(-50%);box-shadow:0 0 0 4px #61c0f018}.timeline-track::before{top:0}.timeline-track::after{bottom:0}.timeline-today{display:block;font-size:1.65rem;font-weight:700;color:#075f95}.timeline-branches{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px}.timeline-branches::before{content:'';position:absolute;top:0;left:12px;width:calc(100% - 24px);height:1px;background:#0878a74d}.timeline-branches span{position:relative;border:1px solid #ffffffc7;border-radius:8px;padding:8px 11px;background:#ffffff62;font-size:.85rem;font-weight:650;color:#163d56}.timeline-branches span::before{content:'';position:absolute;left:50%;top:-17px;height:16px;width:1px;background:#0878a74d}.about-timeline .timeline-ai{font-size:.87rem;line-height:1.6;margin:16px 0 0;color:#086a9b}.about-story h2{margin-bottom:24px}.about-story p:not(.eyebrow){text-align:justify;text-align-last:start;hyphens:auto}.about-journey.is-active .timeline-year{animation:about-arrive .85s ease both}.about-journey.is-active .about-story{animation:about-arrive .9s .12s ease both}.about-journey.is-active .timeline-present{animation:about-arrive .9s .3s ease both}.about-journey.is-active .about-network{animation:about-network-drift 14s ease-in-out infinite alternate}.about-journey.is-active .about-network circle{animation:about-node-glow 4s ease-in-out infinite alternate}.about-network circle:nth-child(even){animation-delay:1.5s!important}@keyframes about-arrive{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes about-network-drift{from{transform:translate(-8px,0)}to{transform:translate(8px,-8px)}}@keyframes about-node-glow{from{opacity:.3}to{opacity:1}}@media(max-width:700px){.about-journey{grid-template-columns:1fr;gap:32px}.timeline-year{font-size:4.5rem}.timeline-track{height:58px}.about-story p:not(.eyebrow){text-align:start}.timeline-branches{max-width:400px}}@media(prefers-reduced-motion:reduce){.about-journey{--journey-progress:1!important}.about-journey *{animation:none!important;transition:none!important}}

/* Movimento visibile mentre Chi siamo è sullo schermo */
.about-network{opacity:.16}.about-network path{stroke-width:1.6}.about-network circle{filter:drop-shadow(0 0 5px #61c0f0)}.timeline-track{width:3px}.timeline-track span{box-shadow:0 0 16px #23aee4a0}.timeline-track .timeline-spark{position:absolute;left:50%;top:0;width:10px;height:10px;border-radius:50%;background:#a6e9ff;box-shadow:0 0 8px #23aee4,0 0 18px #23aee4;transform:translate(-50%,0);animation:timeline-travel 3.5s ease-in-out infinite;animation-play-state:paused}.is-active .timeline-spark{animation-play-state:running}.about-journey.is-active .timeline-branches span{animation:timeline-card-glow 4s ease-in-out infinite}.about-journey.is-active .timeline-branches span:nth-child(2){animation-delay:1.3s}.about-journey.is-active .timeline-branches span:nth-child(3){animation-delay:2.6s}.about-journey.is-active .about-network{animation-duration:8s}@keyframes timeline-travel{0%{top:0;opacity:0}12%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}@keyframes timeline-card-glow{0%,100%{box-shadow:0 0 0 #61c0f000;border-color:#ffffffc7}50%{box-shadow:0 0 16px #61c0f03d;border-color:#61c0f0}}
/* Contatto senza modulo */
.contact-area{gap:48px}.contact-area h2{margin-bottom:22px}.contact-email-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px;border:1px solid #ffffffd9;border-radius:14px;background:linear-gradient(135deg,#ffffff85,#d4f3ff40);text-align:center;box-shadow:0 12px 35px #0e598210}.contact-envelope{width:52px;height:52px;color:#0875a5}.contact-card-label{font-weight:600;color:#294d64;font-size:.95rem}.contact-email-card .protected-contact{display:flex;justify-content:center;max-width:100%}.contact-email-card .contact-email-reveal{border:1px solid #0d628d;border-radius:8px;padding:12px 25px;background:#0e5982;color:#fff;font-weight:650;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}.contact-email-card .contact-email-reveal:hover{background:#076c9e;transform:translateY(-2px)}.contact-email-card .contact-address{font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:650;color:#075f95;overflow-wrap:anywhere;user-select:text}.contact-email-card .contact-address:empty{display:none}.contact-email-card .contact-copy{border:1px solid #27789e50;background:#ffffff75;padding:7px 14px;border-radius:6px;color:#075f95;font-size:.88rem;cursor:pointer}.contact-copy-status{font-size:.85rem;color:#075f95}.contact-copy-status:empty{display:none}.contact-email-card .contact-card-note{font-size:.8rem;color:#547086;text-align:center}.contact-email-card.is-revealed .contact-card-note{display:none}.contact-email-card [hidden]{display:none!important}@media(max-width:700px){.contact-area{gap:26px}.contact-email-card{padding:26px 18px}}@media(prefers-reduced-motion:reduce){.about-journey .timeline-spark{display:none}.about-journey .timeline-branches span{animation:none!important}.contact-email-card .contact-email-reveal:hover{transform:none}}

/* La busta si apre, accoglie la lettera e si richiude */
.contact-email-card .contact-envelope{width:180px;height:162px;margin:-15px 0 -7px;overflow:visible;filter:drop-shadow(0 5px 5px #075f9514)}.envelope-flap{transform-origin:100px 82px;transform:scaleY(1)}.envelope-letter{transform:translateY(65px);opacity:0}.mail-in-view .envelope-flap{animation:mail-flap 7s ease-in-out infinite}.mail-in-view .envelope-letter{animation:mail-letter 7s ease-in-out infinite}.mail-in-view .envelope-body{animation:mail-float 7s ease-in-out infinite;transform-origin:center}.mail-in-view .envelope-shadow{animation:mail-shadow 7s ease-in-out infinite;transform-origin:center}@keyframes mail-flap{0%,10%,72%,100%{transform:scaleY(1)}22%,60%{transform:scaleY(-1)}}@keyframes mail-letter{0%,18%{transform:translateY(65px);opacity:0}24%{opacity:1}34%,43%{transform:translateY(0);opacity:1}60%{transform:translateY(65px);opacity:1}65%,100%{transform:translateY(65px);opacity:0}}@keyframes mail-float{0%,100%{transform:translateY(0) rotate(0)}30%,43%{transform:translateY(-5px) rotate(-2deg)}70%{transform:translateY(0) rotate(1deg)}}@keyframes mail-shadow{0%,100%{transform:scaleX(1);opacity:.13}35%,43%{transform:scaleX(.85);opacity:.08}}@media(max-width:700px){.contact-email-card .contact-envelope{width:160px;height:144px}}@media(prefers-reduced-motion:reduce){.contact-envelope *{animation:none!important}.contact-envelope .envelope-flap{transform:scaleY(1)}.contact-envelope .envelope-letter{opacity:0}}

/* Tre ambiti interattivi di consulenza */
.consult-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;padding:16px 0;align-self:center}.consult-visual-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:232px;padding:20px 10px;gap:18px;border:1px solid #ffffffd9;border-radius:14px;background:linear-gradient(145deg,#ffffffa6,#d9effc66);color:#076899;box-shadow:0 12px 25px #1247640d;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.consult-visual-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff75 48%,transparent 65%);transform:translateX(-150%)}.consult-visual-card strong{font-size:1.05rem;color:#143b55;letter-spacing:-.2px}.consult-visual-icon{display:block;width:min(100%,105px);height:116px}.consult-visual-icon svg{width:100%;height:100%;overflow:visible}.consult-visual-card[aria-pressed=true]{border-color:#3aa6d2;box-shadow:0 12px 28px #0875a520;background:linear-gradient(145deg,#ffffffc7,#bce7fa80)}.consult-visual-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #0875a529}.consult-visual-card:nth-child(1){--visual-delay:0s}.consult-visual-card:nth-child(2){--visual-delay:2.5s}.consult-visual-card:nth-child(3){--visual-delay:5s}.visual-check{stroke-dasharray:1;stroke-dashoffset:0}.visual-shield,.visual-ai-core{transform-origin:center;transform-box:fill-box}.is-running .visual-check{animation:consult-check 7.5s var(--visual-delay) ease-in-out infinite}.is-running .visual-shield{animation:consult-shield 7.5s var(--visual-delay) ease-in-out infinite}.is-running .visual-documents{animation:consult-document 7.5s var(--visual-delay) ease-in-out infinite}.is-running .visual-lock-ring{animation:consult-lock 7.5s var(--visual-delay) ease-in-out infinite}.is-running .visual-nodes{animation:consult-nodes 7.5s var(--visual-delay) ease-in-out infinite}.is-running .visual-ai-core{animation:consult-core 7.5s var(--visual-delay) ease-in-out infinite}.is-running .consult-visual-card::after{animation:consult-reflection 7.5s var(--visual-delay) ease-in-out infinite}.is-running .is-reacting .consult-visual-icon svg>*{animation-duration:1.8s;animation-delay:0s;animation-iteration-count:1}.is-running .is-reacting::after{animation-duration:1.8s;animation-delay:0s;animation-iteration-count:1}@keyframes consult-check{0%{stroke-dashoffset:1}18%,100%{stroke-dashoffset:0}}@keyframes consult-shield{0%,28%,100%{transform:scale(1);filter:drop-shadow(0 0 0 #61c0f000)}14%{transform:scale(1.05);filter:drop-shadow(0 0 8px #61c0f090)}}@keyframes consult-document{0%,28%,100%{transform:translateY(0)}10%{transform:translateY(-12px)}22%{transform:translateY(15px)}}@keyframes consult-lock{0%,8%{transform:translateY(-5px)}20%,100%{transform:translateY(0)}}@keyframes consult-nodes{0%,28%,100%{fill:#eaf8ff;filter:none}12%{fill:#61c0f0;filter:drop-shadow(0 0 5px #61c0f0)}}@keyframes consult-core{0%,28%,100%{transform:scale(1);filter:none}20%{transform:scale(1.1);filter:drop-shadow(0 0 9px #61c0f0)}}@keyframes consult-reflection{0%{transform:translateX(-150%)}28%,100%{transform:translateX(150%)}}#consult-detail{scroll-margin-top:110px}@media(max-width:900px) and (min-width:701px){.consult-visual{gap:8px}.consult-visual-card{min-height:205px;padding:16px 6px}.consult-visual-icon{height:100px}.consult-visual-card strong{font-size:.9rem}}@media(max-width:700px){.consult-visual{padding:0;gap:9px}.consult-visual-card{min-height:180px;padding:16px 7px;gap:12px}.consult-visual-icon{height:96px}.consult-visual-card strong{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.consult-visual *,.consult-visual-card::after{animation:none!important;transition:none!important}.consult-visual-card:hover{transform:none}}

/* La LIM anima solo i contenuti digitali dello schermo */
.learning-board{position:relative;border-radius:10px;overflow:hidden;isolation:isolate}.learning-board .learning-image{display:block;width:100%;height:auto}.learning-board-animation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .6s}.learning-board.is-running .learning-board-animation{opacity:1}.learning-board-animation .lim-orbit{animation:lim-orbit-flow 9s linear infinite}.learning-board-animation .lim-halo{animation:lim-halo-pulse 3.5s ease-in-out infinite}.learning-board-animation .lim-wave{transform-box:fill-box;transform-origin:center;animation:lim-signal-wave 4s ease-out infinite}.learning-board-animation .lim-data-flow{animation:lim-data-flow 3s linear infinite}.learning-board-animation .lim-live-nodes circle{animation:lim-node 3.8s var(--node-delay) ease-in-out infinite}.learning-board-animation *{animation-play-state:paused!important}.learning-board.is-running .learning-board-animation *{animation-play-state:running!important}@keyframes lim-orbit-flow{to{stroke-dashoffset:-600}}@keyframes lim-data-flow{to{stroke-dashoffset:-120}}@keyframes lim-halo-pulse{0%,100%{opacity:.2}50%{opacity:.7}}@keyframes lim-signal-wave{0%{transform:scale(.96);opacity:0}20%{opacity:.8}100%{transform:scale(1.16);opacity:0}}@keyframes lim-node{0%,100%{opacity:.08}35%,55%{opacity:1}}@media(prefers-reduced-motion:reduce){.learning-board-animation{display:none}}

/* Grafici dinamici della LIM nelle certificazioni ISO */
.iso-board{position:relative;border-radius:10px;overflow:hidden;min-width:0}.iso-board .iso-consult-image{display:block;width:100%;height:auto}.iso-board-animation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s}.iso-board.is-running .iso-board-animation{opacity:1}.iso-donut{transform-origin:874px 410px;animation:iso-donut-turn 15s linear infinite}.iso-bars rect{transform-box:fill-box;transform-origin:center bottom;animation:iso-bar-grow 4.8s var(--bar-delay) ease-in-out infinite}.iso-chart-trend{opacity:.5;animation:iso-trend-draw 4.8s ease-in-out infinite}.iso-board-animation *{animation-play-state:paused!important}.iso-board.is-running .iso-board-animation *{animation-play-state:running!important}@keyframes iso-donut-turn{to{transform:rotate(360deg)}}@keyframes iso-bar-grow{0%,100%{transform:scaleY(var(--bar-low))}45%,65%{transform:scaleY(1)}}@keyframes iso-trend-draw{0%{stroke-dashoffset:1;opacity:0}45%,75%{stroke-dashoffset:0;opacity:.55}100%{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){.iso-board-animation{display:none}}

/* Copertina del corso e schermate del metodo */
.photo-motion{position:relative;overflow:hidden;border-radius:10px;min-width:0}.course-cover-motion{margin-bottom:24px}.course-cover-motion .udemy-cover{margin:0;border:0}.method-image-motion{width:100%;max-width:360px;justify-self:center}.method-image-motion .method-image{width:100%;max-width:none}.photo-motion-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s}.photo-motion.is-running .photo-motion-layer{opacity:1}.course-signal-paths{animation:photo-data-flow 3.2s linear infinite}.course-badge-signals circle{transform-box:fill-box;transform-origin:center;animation:photo-signal 4s var(--signal-delay) ease-out infinite}.course-check-signal{animation:photo-check 4s ease-in-out infinite}.method-ring{animation:method-ring-flow 8s linear infinite}.method-wave{transform-box:fill-box;transform-origin:center;animation:photo-signal 4s ease-out infinite}.method-chart-line{animation:method-chart-draw 5s ease-in-out infinite}.method-flow{animation:photo-data-flow 3s linear infinite}.method-flow-nodes circle{animation:photo-node 3s ease-in-out infinite}.method-flow-nodes circle:nth-child(2){animation-delay:.7s}.method-flow-nodes circle:nth-child(3){animation-delay:1.4s}.photo-motion-layer *{animation-play-state:paused!important}.photo-motion.is-running .photo-motion-layer *{animation-play-state:running!important}@keyframes photo-data-flow{to{stroke-dashoffset:-168}}@keyframes photo-signal{0%{transform:scale(.97);opacity:0}18%{opacity:.8}100%{transform:scale(1.16);opacity:0}}@keyframes photo-check{0%{stroke-dashoffset:1;opacity:0}35%,60%{stroke-dashoffset:0;opacity:.85}100%{stroke-dashoffset:0;opacity:0}}@keyframes method-ring-flow{to{stroke-dashoffset:-500}}@keyframes method-chart-draw{0%{stroke-dashoffset:1;opacity:0}40%,70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes photo-node{0%,100%{opacity:.1}45%{opacity:1}}@media(max-width:700px){.method-image-motion{max-width:320px}}@media(prefers-reduced-motion:reduce){.photo-motion-layer{display:none}}

/* Sequenza Udemy: prima gli ambiti, poi il segno nello scudo */
.course-sequence .course-icon-nis{animation:course-icon-first 8s ease-in-out infinite}.course-sequence .course-icon-agid{animation:course-icon-second 8s ease-in-out infinite}.course-sequence .course-icon-ai{animation:course-icon-third 8s ease-in-out infinite}.course-sequence .course-check-write{animation:course-check-write 8s ease-in-out infinite}@keyframes course-icon-first{0%{opacity:0}10%,85%{opacity:1}98%,100%{opacity:0}}@keyframes course-icon-second{0%,15%{opacity:0}25%,85%{opacity:1}98%,100%{opacity:0}}@keyframes course-icon-third{0%,30%{opacity:0}40%,85%{opacity:1}98%,100%{opacity:0}}@keyframes course-check-write{0%,45%{stroke-dashoffset:1;opacity:0}46%{opacity:1;stroke-dashoffset:1}65%,85%{stroke-dashoffset:0;opacity:1}98%,100%{stroke-dashoffset:0;opacity:0}}
/* Linee e anno della storia Marynet */
.about-network .about-network-flow path{stroke-width:4;stroke-dasharray:12 90;stroke-linecap:round}.about-journey.is-active .about-network-flow{animation:about-network-flow 7s linear infinite}.about-journey.is-active .about-network{animation:about-network-drift 10s ease-in-out infinite alternate}.timeline-year>span{display:inline-block}.about-journey.is-active .timeline-year{color:transparent;background:linear-gradient(110deg,#096b9b 25%,#61c0f0 45%,#e0f9ff 50%,#61c0f0 55%,#096b9b 75%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;animation:year-reflection 5s ease-in-out infinite}.about-journey.is-active .timeline-year>span{animation:year-digit-arrive .8s var(--digit-delay) ease both}.about-journey.is-active .timeline-branches::before,.about-journey.is-active .timeline-branches span::before{background:linear-gradient(90deg,#0878a730,#61c0f0,#0878a730);background-size:250% 250%;animation:history-branch-light 3s ease-in-out infinite}@keyframes about-network-flow{to{stroke-dashoffset:-408}}@keyframes year-reflection{0%,15%{background-position:100% 0}65%,100%{background-position:0% 0}}@keyframes year-digit-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes history-branch-light{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.about-journey .timeline-year{color:#096b9b;background:none}.about-journey .timeline-year>span{opacity:1;transform:none}.about-journey .timeline-branches::before,.about-journey .timeline-branches span::before{animation:none!important}}

/* Contattaci: azzurro Marynet, testo scuro e riflesso morbido */
header .nav-button{color:#102f46;background:linear-gradient(110deg,#61c0f0 15%,#80cff5 35%,#b1defb 50%,#80cff5 65%,#61c0f0 85%);background-size:250% 100%;border:1px solid #8cd5f8;border-radius:8px;font-weight:700;box-shadow:0 4px 14px #61c0f040;animation:nav-contact-light 6s ease-in-out infinite;transition:transform .2s,border-color .2s}header .nav-button:hover{transform:translateY(-2px);border-color:#2e99cd}header .nav-button:focus-visible{outline:3px solid #075f95;outline-offset:4px}@keyframes nav-contact-light{0%,15%,100%{background-position:100% 0;box-shadow:0 4px 14px #61c0f040}55%{background-position:0% 0;box-shadow:0 4px 19px #61c0f078}}@media(max-width:700px){header .nav-button:hover{transform:none}}@media(prefers-reduced-motion:reduce){header .nav-button{animation:none;background:#61c0f0}header .nav-button:hover{transform:none}}

/* L’anno resta leggibile durante ogni fase dell’effetto */
.about-journey .timeline-year,.about-journey.is-active .timeline-year{color:#096b9b;background:none;-webkit-text-fill-color:#096b9b;animation:none}.about-journey.is-active .timeline-year{animation:year-readable-glow 5s ease-in-out infinite}.about-journey .timeline-year>span,.about-journey.is-active .timeline-year>span{opacity:1;animation:none}@keyframes year-readable-glow{0%,20%,100%{text-shadow:0 0 0 #61c0f000}50%{text-shadow:0 0 16px #61c0f065,0 0 30px #61c0f030}}@media(prefers-reduced-motion:reduce){.about-journey.is-active .timeline-year{animation:none;text-shadow:none}}

/* Un unico indicatore segue la sezione attiva nel menu */
#navigation{position:relative;isolation:isolate;gap:8px}#navigation>a,#navigation>.nav-button{position:relative;z-index:1;padding:10px 13px;background:transparent;border:1px solid transparent;border-radius:8px;box-shadow:none;color:#102f46;animation:none;transform:none;white-space:nowrap;transition:color .2s}#navigation>a:hover{color:#075f95;transform:none}#navigation>a.is-current{color:#102f46}.nav-indicator{position:absolute;top:0;left:0;z-index:0;pointer-events:none;border:1px solid #8cd5f8;border-radius:8px;background:linear-gradient(110deg,#61c0f0 15%,#80cff5 35%,#b1defb 50%,#80cff5 65%,#61c0f0 85%);background-size:250% 100%;box-shadow:0 4px 14px #61c0f040;animation:nav-contact-light 6s ease-in-out infinite;transition:transform .35s cubic-bezier(.22,.7,.2,1),width .35s,height .35s}.nav-indicator[hidden]{display:none}@media(max-width:1000px){#navigation{gap:2px}#navigation>a{padding:10px 9px}}@media(max-width:700px){#navigation{gap:7px;padding:12px 0 4px}#navigation>a{padding:9px 10px}}@media(prefers-reduced-motion:reduce){.nav-indicator{transition:none;animation:none;background:#61c0f0}}
/* Chi siamo: rete di fondo statica, movimento solo a sinistra */
.about-journey .about-network,.about-journey.is-active .about-network,.about-journey .about-network circle,.about-journey.is-active .about-network circle{animation:none!important;transform:none!important}.about-network-flow{display:none}.about-journey .about-story,.about-journey.is-active .about-story{animation:none;opacity:1;transform:none}

/* La rete statica rimane esclusivamente dietro alla storia a sinistra */
.about-timeline{position:relative;isolation:isolate}.about-timeline>.about-network{inset:0;width:100%;height:100%;overflow:hidden;z-index:-1;opacity:.12}.about-story{position:relative}
/* Il punto interrogativo delle domande frequenti */
.faq-question{width:165px;height:165px;margin-top:24px;max-width:100%;pointer-events:none}.faq-question svg{display:block;width:100%;height:100%;overflow:visible}.faq-question-bubble{transform-origin:90px 95px}.faq-question.is-running .faq-question-bubble{animation:faq-bubble-sway 5s ease-in-out infinite}.faq-question.is-running .faq-question-mark{animation:faq-question-hop 5s ease-in-out infinite;transform-origin:89px 85px}.faq-question.is-running .faq-question-shadow{animation:faq-shadow-soften 5s ease-in-out infinite;transform-origin:88px 164px}@keyframes faq-bubble-sway{0%,100%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-8px) rotate(4deg)}50%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(-6px) rotate(2deg)}}@keyframes faq-question-hop{0%,50%,100%{transform:translateY(0)}20%{transform:translateY(-4px)}28%{transform:translateY(1px)}35%{transform:translateY(0)}}@keyframes faq-shadow-soften{0%,100%{transform:scaleX(1);opacity:.12}25%,75%{transform:scaleX(.86);opacity:.075}}@media(max-width:700px){.faq-question{width:135px;height:135px;margin-top:20px}}@media(prefers-reduced-motion:reduce){.faq-question *{animation:none!important}}

/* Il pulsante rimane riconoscibile anche prima dell’avvio del menu dinamico */
#navigation:not(.nav-tracking-ready)>.nav-button{background:#61c0f0;border-color:#8cd5f8;box-shadow:0 4px 14px #61c0f040}

/* Fix mobile 2026-10-03: impedisce overflow orizzontale su Safari iOS e Chrome Android */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
@media(max-width:700px){
  .wrap,.nav,section>.wrap,.credential>.wrap{max-width:100%;min-width:0}
  .hero-grid,.section-head,.service-explorer,.learning-grid,.method,.about-grid,.guide-grid,.faq-grid,.contact-inner,.udemy-heading,.udemy-content,.udemy-actions{min-width:0;max-width:100%}
  .hero-grid>*,.section-head>*,.service-explorer>*,.learning-grid>*,.method>*,.about-grid>*,.guide-grid>*,.faq-grid>*,.contact-inner>*,.udemy-heading>*,.udemy-content>*,.udemy-actions>*{min-width:0;max-width:100%}
  .learning-media,.learning-board,.photo-motion,.course-cover-motion,.course-panel,.udemy-cover,.learning-image,.method-image-motion,.method-image{width:100%;max-width:100%;min-width:0}
  .learning-points{grid-template-columns:1fr}
  section>.wrap{overflow:hidden}
}