:root{--ink:#07182b;--navy:#081a30;--blue:#176df0;--teal:#2dd4bf;--text:#26354a;--muted:#68778a;--bg:#f6f8fb;--white:#fff;--line:#e6ebf1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #37dec7;outline-offset:4px}section{position:relative}.container{max-width:1200px;width:calc(100% - 80px);margin:0 auto}.skip-link{position:absolute;top:-80px;left:20px;z-index:50;background:#fff;color:#00162d;padding:12px}.skip-link:focus{top:10px}.site-header{height:82px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #eef1f5}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-symbol{position:relative;display:block;width:31px;height:32px}.brand-symbol span{display:block;position:absolute;width:19px;height:8px;border-radius:2px;background:var(--blue);transform:skewY(-24deg)}.brand-symbol span:first-child{top:4px;left:0}.brand-symbol span:nth-child(2){top:13px;left:8px;background:#36cbb9}.brand-symbol span:nth-child(3){top:22px;left:0}.brand-word{font-size:31px;letter-spacing:-1.8px;font-weight:800;color:#081b30}.brand-word>span:first-child{color:#1474e9}.brand-dot{color:#36cbb9!important}.desktop-nav{display:flex;align-items:center;gap:33px}.desktop-nav a{font-size:13px;font-weight:650;color:#506074;transition:color .2s}.desktop-nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:8px;font-size:14px;font-weight:700;padding:17px 23px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-sm{font-size:12px;padding:12px 17px;gap:17px}.button-outline{border:1px solid #dce4ee;background:#f8fafc;color:var(--ink)}.button-outline:hover{border-color:#9ab1ce}.button-primary{background:#36d6c1;color:#08273c;box-shadow:0 12px 32px #16a88e33}.button-primary:hover{background:#66e6d4}.button-light{border:1px solid #6a7b93;color:#fff;background:#ffffff0b}.button-light:hover{background:#ffffff1b}.button-dark{background:#081a30;color:#fff}.button-dark:hover{background:#173c67}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 81% 42%,#153f70 0%,#0b2442 38%,#07182b 75%);color:white;min-height:650px}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.4}.glow-one{width:440px;height:440px;background:#1377d4;right:-180px;top:90px}.glow-two{width:290px;height:290px;background:#1ca99d;right:30%;bottom:-260px;opacity:.15}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:28px;min-height:648px;padding:55px 0 65px}.hero-content{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:#8cb1d4;border:1px solid #5372925c;border-radius:50px;padding:9px 15px;font-size:11px;font-weight:750;letter-spacing:1.35px;text-transform:uppercase;background:#102f5066}.eyebrow-pulse{width:7px;height:7px;border-radius:50%;background:#35dfbd;box-shadow:0 0 0 4px #35dfbd22}.hero h1{font-weight:780;letter-spacing:-3.5px;font-size:clamp(48px,5.1vw,72px);line-height:1.08;margin:31px 0 24px}.hero h1 em{font-style:normal;color:#35d5c1}.hero-description{font-size:16px;line-height:1.85;color:#aec0d2;max-width:518px;margin:0 0 31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-footnote{display:flex;align-items:center;gap:11px;color:#97aec5;font-size:11px;margin-top:37px;letter-spacing:.3px}.check-mark{border:1px solid #299f91;color:#38d9be;border-radius:50%;font-size:10px;width:17px;height:17px;text-align:center;line-height:16px}.mini-divider{width:1px;height:12px;background:#49617b;margin:0 5px}.hero-visual{height:500px;display:flex;align-items:center;justify-content:center;position:relative}.orbit{position:absolute;border:1px solid #73a7d919;border-radius:50%}.orbit-1{width:530px;height:530px}.orbit-2{width:390px;height:390px}.visual-main{width:390px;background:#ffffffee;color:#17314a;border:1px solid #ffffffbb;box-shadow:0 30px 90px #0008;position:relative;z-index:2;border-radius:15px;overflow:hidden;transform:rotate(-3deg)}.visual-top{height:49px;background:#f5f8fc;border-bottom:1px solid #e6eaf0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:9px;letter-spacing:1.25px;font-weight:750;color:#6b7d90}.three-dots{display:flex;gap:4px}.three-dots i{height:7px;width:7px;background:#c6d3df;border-radius:100%}.three-dots i:first-child{background:#65d7c7}.live{display:flex;align-items:center;gap:5px;color:#168f7d}.live b{height:6px;width:6px;background:#25bc9e;border-radius:50%}.visual-content{padding:27px 29px 18px}.flow-title{font-size:14px;margin-bottom:21px}.flow-title strong{color:#136ede}.doc-flow{display:flex;flex-direction:column}.flow-node{display:flex;gap:13px;align-items:center;border:1px solid #e8eef4;background:#fff;border-radius:9px;padding:13px 14px;box-shadow:0 6px 15px #1836530d}.flow-icon{height:36px;width:36px;background:#e9f4ff;color:#1674da;border-radius:9px;display:grid;place-items:center;font-size:20px}.flow-node>div{display:flex;flex-direction:column;gap:4px;flex:1}.flow-node small{color:#8fa0ad;font-weight:800;letter-spacing:1px;font-size:8px}.flow-node strong{font-size:12px}.node-check{color:#14aa92;background:#e7f8f4;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-weight:bold;font-size:12px}.flow-connector{height:20px;display:flex;align-items:center;justify-content:center}.flow-connector span{width:2px;height:100%;background:linear-gradient(#dce7f0,#8bdccf)}.visual-footer{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:.8px;font-weight:700;color:#677c90;border-top:1px solid #ebf0f5;margin-top:22px;padding-top:16px}.visual-footer>span:last-child{margin-left:auto;color:#496378}.visual-footer b{color:#1ebda8}.visual-footer-icon{color:#13ae99;font-size:19px}.float-card{position:absolute;z-index:3;background:#fff;border:1px solid #e3e9f0;box-shadow:0 17px 34px #00172c50;border-radius:10px;padding:13px 16px;display:flex;align-items:center;gap:10px;color:#142a40;font-size:11px;font-weight:800}.float-card small{display:block;font-size:9px;font-weight:500;color:#728292;margin-top:4px}.float-top{right:-14px;top:69px;transform:rotate(3deg)}.float-bottom{left:-9px;bottom:44px;transform:rotate(3deg)}.float-icon{height:30px;width:30px;display:grid;place-items:center;background:#e2faf4;color:#16aa92;border-radius:8px;font-size:18px}.blue-icon{background:#e7f2ff;color:#1674db}.hero-bottom-line{height:3px;background:linear-gradient(90deg,#106cec,#2dd4bf 60%,#07182b)}.section{padding:110px 0}.section-label{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;color:#0878d4;letter-spacing:2px;margin-bottom:22px}.section-label span{height:1px;width:33px;background:#3abfc5}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-heading h2,.advantage h2,.integration h2,.contact-section h2{font-size:clamp(32px,3.7vw,47px);line-height:1.15;letter-spacing:-1.9px;margin:0;font-weight:780}.section-heading h2 span,.advantage h2 span{color:#62768b}.section-heading>p{width:340px;line-height:1.8;font-size:14px;color:var(--muted);margin:0 0 5px}.solutions{background:#f8fafc}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.solution-card{min-height:350px;background:white;border:1px solid #e6ebf1;border-radius:11px;padding:29px 30px 22px;display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s}.solution-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0a315114}.card-number{font-size:10px;color:#9aa8b6;letter-spacing:1px;font-weight:800}.card-icon{width:65px;height:65px;background:#eff6fd;color:#146bd1;border-radius:12px;display:grid;place-items:center;margin:27px 0 16px}.card-icon svg{width:45px}.solution-card h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px}.solution-card p{font-size:13px;line-height:1.8;color:#6e7f90;margin:0 0 24px}.card-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1f5;padding-top:16px;color:#1076dc;font-size:11px;font-weight:800;margin-top:auto}.card-bottom span{font-size:18px}.advantage{background:#fff}.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.adv-intro{font-size:15px;line-height:1.9;color:#758595;max-width:450px;margin:25px 0}.text-link{color:#1071d4;font-size:13px;font-weight:800;border-bottom:1px solid #1071d4;padding-bottom:8px;display:inline-flex;gap:35px}.advantages{border-top:1px solid #e7edf3}.adv-row{display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid #e7edf3;padding:28px 0}.adv-n{font-size:12px;color:#20a9aa;font-weight:800;margin-top:5px}.adv-row>div{flex:1}.adv-row h3{font-size:16px;letter-spacing:-.3px;margin:0 0 7px}.adv-row p{margin:0;line-height:1.75;color:#788899;font-size:13px}.adv-symbol{color:#a2b1c0;font-size:19px}.integration{background:#0d2947;color:white;padding:90px 0;overflow:hidden}.integration-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px}.light-label{color:#36d5c1}.integration h2{font-size:clamp(32px,3.5vw,46px)}.integration h2 em{font-style:normal;color:#39d5c2}.integration-copy>p{color:#a6bacc;line-height:1.9;font-size:14px;max-width:480px;margin:24px 0}.integration-tags{display:flex;gap:9px;flex-wrap:wrap}.integration-tags span{border:1px solid #47719078;padding:9px 14px;border-radius:5px;color:#b8ccdd;font-size:10px;letter-spacing:.6px;font-weight:750}.integration-art{min-height:280px;display:grid;place-items:center;position:relative}.ia-ring{position:absolute;width:270px;height:270px;border-radius:50%;border:1px dashed #42759b}.ring-b{width:190px;height:190px;border-color:#59b0b967}.ia-center{border-radius:50%;width:110px;height:110px;background:linear-gradient(135deg,#1876dc,#36d8be);box-shadow:0 0 60px #1fc4c85a;display:grid;place-items:center;font-size:32px;font-weight:800;letter-spacing:-2px;position:relative;z-index:1}.ia-center span{color:#b6fbef}.ia-pill{position:absolute;border:1px solid #4d789b;background:#123756;border-radius:7px;padding:12px 14px;color:#d7e6f0;font-size:10px;letter-spacing:1px;font-weight:800;box-shadow:0 12px 24px #031c35}.ia-pill span{margin-left:17px;color:#37d9c3}.ia-one{left:8%;top:25%}.ia-two{right:1%;top:38%}.ia-three{left:18%;bottom:12%}.contact-section{padding:84px 0;background:#e9f8f7}.contact-wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-section h2{font-size:39px}.contact-section p{font-size:14px;color:#637989;line-height:1.7;margin:18px 0 0}.contact-actions{display:flex;align-items:center;flex-direction:column;gap:20px}.contact-login{font-size:12px;color:#61768a}.contact-login strong{color:#0e66b5}.site-footer{background:#071829;color:#a0b4c6;padding:66px 0 24px}.footer-top{display:grid;grid-template-columns:2fr .8fr 1.1fr 1.15fr;gap:48px;padding-bottom:65px}.footer-brand .brand-word{color:white}.footer-about p{font-size:12px;line-height:1.9;max-width:285px;margin:21px 0 0}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-col h3{margin:5px 0 10px;color:#f4f8fc;font-size:12px}.footer-col a,.footer-col p{font-size:12px;line-height:1.8;margin:0;color:#a0b4c6}.footer-col a:hover,.footer-bottom a:hover{color:#3bd7c1}.footer-address p+p{margin-top:5px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid #294054;font-size:11px}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a{color:#d6e4ee}@media(max-width:1050px){.desktop-nav{gap:17px}.hero-grid{gap:0}.hero h1{font-size:56px}.visual-main{width:345px}.float-top{right:-12px}.container{width:calc(100% - 56px)}}@media(max-width:850px){.desktop-nav,.nav-login{display:none}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid #dce6ed;border-radius:7px;background:white;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{display:block;width:20px;height:2px;background:#112a42}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:82px;left:0;right:0;background:white;border-bottom:1px solid #e3eaf1;box-shadow:0 12px 30px #001f3b18;padding:14px 28px}.mobile-nav a{padding:13px 0;font-size:14px;border-bottom:1px solid #edf1f4}.mobile-login{color:#1374d5;font-weight:750}.hero-grid{grid-template-columns:1fr;gap:20px;padding:70px 0}.hero{min-height:auto}.hero-content{max-width:650px}.hero-visual{height:440px}.visual-main{width:390px}.float-top{right:12%}.float-bottom{left:13%}.section{padding:80px 0}.advantage-grid{gap:40px}.footer-top{grid-template-columns:2fr 1fr;gap:38px}.integration-inner{grid-template-columns:1fr 1fr}.section-heading>p{width:270px}}@media(max-width:620px){.container{width:calc(100% - 38px)}.site-header{height:70px}.mobile-nav{top:70px}.brand-word{font-size:27px}.hero-grid{padding:59px 0 35px}.hero h1{font-size:clamp(40px,10.5vw,54px);letter-spacing:-2.2px}.hero-description{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1px}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-actions .button{justify-content:space-between}.hero-footnote{flex-wrap:wrap;gap:8px}.hero-visual{height:360px;transform:scale(.82);transform-origin:center center;margin:-20px -35px}.visual-main{width:360px}.float-top{right:-8px}.float-bottom{left:-8px}.section{padding:66px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{width:auto;margin-top:20px}.section-heading h2,.advantage h2,.integration h2,.contact-section h2{font-size:32px;letter-spacing:-1.2px}.solutions-grid{grid-template-columns:1fr;gap:14px}.solution-card{min-height:310px}.advantage-grid,.integration-inner{grid-template-columns:1fr;gap:35px}.integration{padding:72px 0}.integration-art{min-height:290px}.contact-section{padding:65px 0}.contact-wrap{flex-direction:column;align-items:flex-start}.contact-actions{align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr;gap:37px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom>div{flex-wrap:wrap;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.solution-card{transition:none}}

/* BRAND: i percorsi dei loghi si modificano in assets/config.js */
.logo-fatto24{display:block;width:auto;height:100px;object-fit:contain;object-position:left center}
.logo-mmbb{display:block;width:175px;height:auto;max-height:52px;object-fit:contain}
.mmbb-logo-plate{display:inline-flex;align-items:center;background:#fff;padding:9px 14px;border-radius:8px;margin-top:24px}
.footer-brand .logo-fatto24{background:#fff;border-radius:7px;padding:5px 11px;width:175px;height:65px;object-position:center}
.ia-center img{display:block;width:84px;height:48px;object-fit:contain;background:#fff;border-radius:4px;padding:4px}
@media(max-width:620px){.logo-fatto24{width:140px;height:54px}.footer-brand .logo-fatto24{width:165px}}


/* MODAL SOLUZIONI, layout e infografiche senza dipendenze */
.solution-card[data-open-modal]{cursor:pointer}
.solution-card[data-open-modal]:focus-visible{outline:3px solid #21c9b6;outline-offset:4px}
.solution-card[data-open-modal]:hover .card-bottom{color:#0953a4}
body.modal-open{overflow:hidden}
.detail-modal{border:0;padding:0;width:min(960px,calc(100% - 34px));max-width:none;max-height:min(90vh,950px);border-radius:18px;box-shadow:0 28px 100px #071b2b75;color:#12243b;background:#fff;overflow-y:auto;overscroll-behavior:contain}
.detail-modal::backdrop{background:rgba(3,16,33,.78);backdrop-filter:blur(5px)}
.modal-shell{min-width:0}
.modal-header{background:linear-gradient(120deg,#091f38,#133c61);color:#fff;padding:35px 43px 34px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.modal-heading{max-width:690px}.modal-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#4de0d0}.modal-header h2{font-size:clamp(27px,4vw,39px);margin:10px 0 10px;letter-spacing:-1.3px;line-height:1.1}.modal-header p{color:#bdcede;line-height:1.7;font-size:14px;margin:0}
.modal-close{background:#ffffff19;border:1px solid #ffffff50;color:#fff;cursor:pointer;width:40px;height:40px;border-radius:10px;flex:none;font-size:28px;line-height:1;display:grid;place-items:center}.modal-close:hover{background:#ffffff38}
.modal-body{padding:35px 43px 23px}.modal-infographic{padding:26px 25px 22px;border:1px solid #dde8f0;border-radius:15px;background:linear-gradient(145deg,#f5faff,#f8fdfc)}
.infographic-topline{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:28px;color:#2d526d}.infographic-dot{width:9px;height:9px;background:#24c5ae;border-radius:50%;box-shadow:0 0 0 5px #24c5ae23}
.modal-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.modal-step{position:relative;border:1px solid #dce8f0;border-radius:12px;background:white;padding:16px 13px;min-height:154px;box-shadow:0 9px 24px #12365609}
.modal-step:not(:last-child)::after{content:'→';position:absolute;top:43%;right:-19px;color:#199cba;font-size:22px;font-weight:800;z-index:1}
.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.step-number{font-size:11px;color:#67869c;font-weight:800}.step-icon{background:#e5f8f4;color:#078e86;border-radius:10px;display:grid;place-items:center;width:35px;height:35px;font-size:24px;font-weight:700}.modal-step strong{font-size:13px;line-height:1.4;display:block}.modal-step p{color:#657b8e;font-size:11px;line-height:1.55;margin:7px 0 0}
.flow-note{margin-top:21px;border:1px solid #bdece3;background:#ecfcf8;border-radius:11px;display:flex;gap:13px;padding:15px 17px;align-items:flex-start}.flow-note-icon{flex:none;background:#25b69d;color:white;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.flow-note strong{font-size:13px;color:#0a5d54}.flow-note p{margin:4px 0 0;color:#3a716b;font-size:12px;line-height:1.6}
.modal-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px}.modal-benefit{display:flex;gap:10px}.benefit-tick{flex:none;color:#149e8c;font-weight:800}.modal-benefit strong{font-size:12px}.modal-benefit p{color:#6d7c8d;font-size:12px;line-height:1.65;margin:6px 0 0}
.modal-footer{padding:20px 43px 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e9eff4}.modal-footer>span{color:#6d7c8d;font-size:12px}.modal-cta{background:#0b2a47;color:white;border-radius:8px;padding:14px 18px;font-size:12px;font-weight:750;white-space:nowrap}.modal-cta:hover{background:#175387}
@media(max-width:690px){.detail-modal{width:calc(100% - 20px);max-height:94vh;border-radius:13px}.modal-header{padding:27px 20px}.modal-close{width:35px;height:35px}.modal-body{padding:22px 16px}.modal-infographic{padding:19px 15px}.modal-flow{grid-template-columns:1fr;gap:16px}.modal-step{min-height:0;padding:13px 15px}.modal-step:not(:last-child)::after{content:'↓';top:auto;right:50%;bottom:-18px;transform:translateX(50%);font-size:20px}.step-top{margin-bottom:7px}.modal-benefits{grid-template-columns:1fr;gap:15px}.modal-footer{padding:20px;flex-direction:column;align-items:stretch}.modal-cta{text-align:center}}

/* APPROCCIO: infografica integrata, adattiva e senza risorse esterne */
.advantage-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:55px}
.approach-diagram{position:relative;min-height:565px;isolation:isolate;background:radial-gradient(ellipse at 51% 45%,#e0f4fc 0%,#f2fbfe 33%,#fff 72%);border-radius:24px;padding:20px 15px}
.approach-system-label{text-align:center;letter-spacing:1.9px;font-weight:800;font-size:10px;color:#518096}
.approach-systems{display:flex;justify-content:center;gap:10px;position:relative;z-index:2;margin-top:12px;flex-wrap:wrap}
.system-chip{min-width:91px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #e3edf3;box-shadow:0 8px 20px #174e7121;border-radius:9px;color:#0b568b;font-weight:800;font-size:14px;padding:7px 11px;white-space:nowrap}
.system-oracle{color:#d12d36;font-size:13px}.system-oracle small{color:#596d7f;font-size:11px}.system-dynamics{font-size:10px;flex-direction:column;gap:0;color:#496f91}.system-dynamics strong{font-size:11px;color:#1b70b5}
.approach-lines{position:absolute;inset:0;z-index:0;pointer-events:none}.approach-lines svg{width:100%;height:100%}
.approach-hub{position:relative;z-index:1;margin:37px auto 25px;width:180px;height:98px;border-radius:22px;border:7px solid #d9f3fb;background:white;box-shadow:0 15px 32px #127eaa27;display:flex;align-items:center;justify-content:center}
.approach-hub img{width:145px;max-height:68px;object-fit:contain}
.approach-card{position:relative;z-index:1;background:#fff;border:1px solid #e3eaf0;box-shadow:0 13px 28px #194f7220;border-radius:16px;padding:17px 19px}
.approach-integration{max-width:410px;margin:0 auto 24px}
.approach-card-head{display:flex;align-items:center;gap:12px}.approach-icon{flex:0 0 43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#e4f6fd,#dbf7f0);color:#21658b}.approach-icon svg{height:26px;width:26px}
.approach-number{color:#009b9a;font-weight:800;font-size:11px}.approach-card h3{margin:3px 0 0;font-size:14px;line-height:1.35;color:#0b1e30;letter-spacing:-.3px}.approach-card p{margin:10px 0 0;font-size:12px;line-height:1.6;color:#687b8c}
.approach-custom,.approach-cloud{width:calc(50% - 9px);min-height:194px;display:inline-block;vertical-align:top}.approach-custom{margin-right:13px}
.approach-steps{display:flex;align-items:center;gap:4px;margin-top:13px;flex-wrap:wrap}.approach-steps span{font-size:9px;background:#eaf7f8;border-radius:5px;padding:5px;color:#266177}.approach-steps b{color:#81a9b5;font-size:12px}
.approach-cloud-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.approach-cloud-chips span{font-size:9px;background:#eff7fd;border-radius:5px;padding:6px;color:#266177}
/* FOOTER: ordine MMBB > Fatto24, secondo logo ingrandito del 30% */
.footer-about .mmbb-footer-link{margin:0 0 14px;transition:transform .2s;display:inline-flex;max-width:max-content}.footer-about .mmbb-footer-link:hover{transform:translateY(-2px)}
.footer-about .footer-brand{display:block;width:max-content;max-width:100%}.footer-about .footer-brand .logo-fatto24{width:228px;height:85px;object-fit:contain;object-position:center}
@media(max-width:1050px){.advantage-grid{gap:30px}.approach-diagram{min-height:605px}.approach-custom,.approach-cloud{width:100%;min-height:0;margin:0 0 10px}.approach-integration{margin-bottom:10px}}
@media(max-width:620px){.advantage-grid{grid-template-columns:1fr}.approach-diagram{min-height:0;padding:25px 14px 17px}.approach-lines{display:none}.approach-hub{margin:25px auto}.approach-custom,.approach-cloud{width:100%}.footer-about .footer-brand .logo-fatto24{width:215px;height:80px}}