/* TUTORize Integrationen – v1.0 | scoped, Odoo 16 safe, no global overrides */
.tz-integrations-hub{--tz-int-primary:#009ee0;--tz-int-teal:#003f5d;--tz-int-navy:#050a30;--tz-int-light:#cee7f7;--tz-int-white:#fff;--tz-int-muted:rgba(0,63,93,.88);--tz-int-line:rgba(0,63,93,.17);--tz-int-tint:rgba(206,231,247,.31);color:var(--tz-int-navy);overflow-x:clip}
.tz-integrations-hub,.tz-integrations-hub *{box-sizing:border-box}
.tz-integrations-hub .container{max-width:1200px;width:100%;padding-inline:32px;margin-inline:auto}
.tz-integrations-hub :is(h1,h2,h3,p){margin:0;letter-spacing:normal}
.tz-integrations-hub :is(.tz-int-h1,.tz-int-h2,.tz-int-h3){font-family:inherit;color:var(--tz-int-navy)}
.tz-integrations-hub .tz-int-h1{font-size:clamp(42px,3.75vw,56px);line-height:1.12;letter-spacing:-.045em;font-weight:800;max-width:760px;overflow-wrap:break-word}
.tz-integrations-hub .tz-int-h2{font-size:clamp(31px,2.8vw,40px);line-height:1.18;letter-spacing:-.034em;font-weight:800}
.tz-integrations-hub .tz-int-h3{font-size:19px;line-height:1.32;font-weight:750;letter-spacing:-.016em}
.tz-integrations-hub .tz-int-copy{font-size:16px;line-height:1.65;font-weight:400;color:var(--tz-int-muted);max-width:740px;overflow-wrap:break-word}
.tz-integrations-hub .tz-int-copy+.tz-int-copy{margin-top:16px}
.tz-integrations-hub .tz-int-kicker{display:flex;align-items:center;gap:10px;color:var(--tz-int-teal);font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.073em;text-transform:uppercase;margin-bottom:18px}
.tz-integrations-hub .tz-int-kicker:before{content:"";display:block;width:26px;height:2px;flex:none;background:var(--tz-int-primary)}
.tz-integrations-hub .tz-int-section{position:relative;padding-block:88px;scroll-margin-top:145px}
.tz-integrations-hub .tz-int-section--hero{background:linear-gradient(128deg,var(--tz-int-teal),var(--tz-int-navy) 76%);color:#fff;padding-block:29px 82px}
.tz-integrations-hub .tz-int-section--identity,.tz-integrations-hub .tz-int-section--api,.tz-integrations-hub .tz-int-section--files,.tz-integrations-hub .tz-int-section--faq{background:var(--tz-int-tint)}
.tz-integrations-hub .tz-int-section--usecases{background:linear-gradient(123deg,var(--tz-int-teal),var(--tz-int-navy));color:#fff}
.tz-integrations-hub .tz-int-section--final{padding-block:76px 92px}
.tz-integrations-hub a{text-decoration:none}
.tz-integrations-hub a:focus-visible{outline:3px solid var(--tz-int-primary);outline-offset:4px;border-radius:5px}
.tz-integrations-hub .tz-int-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:34px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.4}
.tz-integrations-hub .tz-int-breadcrumb a{color:#fff;border-bottom:1px solid rgba(255,255,255,.6)}
.tz-integrations-hub .tz-int-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.tz-integrations-hub .tz-int-hero-text{min-width:0}
.tz-integrations-hub .tz-int-section--hero .tz-int-h1,.tz-integrations-hub .tz-int-section--hero .tz-int-kicker{color:#fff}
.tz-integrations-hub .tz-int-section--hero .tz-int-kicker:before{background:var(--tz-int-light)}
.tz-integrations-hub .tz-int-section--hero .tz-int-copy{color:#e4edf7;font-size:17px;line-height:1.63;margin-top:21px}
.tz-integrations-hub .tz-int-section--hero .tz-int-copy+.tz-int-copy{margin-top:15px}
.tz-integrations-hub .tz-int-trust{color:#dcebf6;font-size:12px;line-height:1.85;margin-top:22px;max-width:680px}
.tz-integrations-hub .tz-int-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.tz-integrations-hub .tz-int-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;font-size:15px;font-weight:750;line-height:1.35;text-align:center;border-radius:999px;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.tz-integrations-hub .tz-int-btn--demo{background:var(--tz-int-primary);border-color:var(--tz-int-primary);color:var(--tz-int-navy)}
.tz-integrations-hub .tz-int-btn--demo:hover{background:var(--tz-int-light);border-color:var(--tz-int-light);color:var(--tz-int-navy)}
.tz-integrations-hub .tz-int-btn--trial{background:transparent;border-color:rgba(255,255,255,.78);color:#fff}
.tz-integrations-hub .tz-int-btn--trial:hover{background:#fff;color:var(--tz-int-navy)}
.tz-integrations-hub .tz-int-anchor{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid rgba(255,255,255,.5);color:#fff;font-size:14px;font-weight:750;padding-block:7px;margin-top:19px}
.tz-integrations-hub .tz-int-hero-model{border:1px solid rgba(255,255,255,.3);border-radius:26px;padding:24px;min-width:0;background:rgba(255,255,255,.065);box-shadow:0 15px 30px rgba(5,10,48,.13)}
.tz-integrations-hub .tz-int-model-center{display:flex;justify-content:center;align-items:center;padding:18px;min-height:74px;border-radius:14px;border:1px solid rgba(206,231,247,.37);background:rgba(0,63,93,.8);color:#fff;font-size:24px;font-weight:800;letter-spacing:-.03em}
.tz-integrations-hub .tz-int-model-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}
.tz-integrations-hub .tz-int-model-methods span{display:flex;align-items:center;justify-content:center;min-height:80px;min-width:0;border-radius:12px;border:1px solid rgba(206,231,247,.42);background:rgba(5,10,48,.44);color:#fff;text-align:center;padding:12px;font-size:15px;font-weight:720;overflow-wrap:break-word}
.tz-integrations-hub .tz-int-quicknav{position:sticky;top:72px;z-index:15;background:#fff;border-bottom:1px solid var(--tz-int-line);box-shadow:0 4px 18px rgba(0,63,93,.04)}
.tz-integrations-hub .tz-int-quicknav .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:66px;align-items:stretch;gap:0}
.tz-integrations-hub .tz-int-quicknav .container:before,.tz-integrations-hub .tz-int-quicknav .container:after{content:none!important;display:none!important}
.tz-integrations-hub .tz-int-quicknav a{display:flex;align-items:center;justify-content:center;position:relative;min-height:66px;min-width:0;color:var(--tz-int-teal);padding:12px 7px;text-align:center;font-size:14px;line-height:1.4;font-weight:730;overflow-wrap:break-word}
.tz-integrations-hub .tz-int-quicknav a:after{content:"";height:2px;position:absolute;bottom:0;left:14%;right:14%;background:transparent}
.tz-integrations-hub .tz-int-quicknav a:hover:after,.tz-integrations-hub .tz-int-quicknav a:focus-visible:after{background:var(--tz-int-primary)}
.tz-integrations-hub .tz-int-editorial{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:60px;align-items:start}
.tz-integrations-hub .tz-int-head,.tz-integrations-hub .tz-int-body{min-width:0}
.tz-integrations-hub .tz-int-body>:first-child{margin-top:0}
.tz-integrations-hub .tz-int-head .tz-int-h2+.tz-int-copy{margin-top:22px}
.tz-integrations-hub .tz-int-panel{display:grid;border:1px solid var(--tz-int-line);border-radius:24px;background:#fff;overflow:hidden;min-width:0}
.tz-integrations-hub .tz-int-panel--four,.tz-integrations-hub .tz-int-panel--usecases,.tz-integrations-hub .tz-int-panel--faq{grid-template-columns:repeat(2,minmax(0,1fr))}
.tz-integrations-hub .tz-int-panel--identity,.tz-integrations-hub .tz-int-panel--events,.tz-integrations-hub .tz-int-panel--file-import,.tz-integrations-hub .tz-int-panel--file-export,.tz-integrations-hub .tz-int-panel--steps{grid-template-columns:1fr}
.tz-integrations-hub .tz-int-panel--standards{grid-template-columns:repeat(3,minmax(0,1fr))}
.tz-integrations-hub .tz-int-panel .tz-int-item{padding:27px 26px;display:flex;flex-direction:column;gap:12px;min-width:0;border-right:1px solid var(--tz-int-line);border-bottom:1px solid var(--tz-int-line)}
.tz-integrations-hub .tz-int-panel .tz-int-item .tz-int-copy{max-width:100%;font-size:15px;line-height:1.6}
.tz-integrations-hub .tz-int-panel--four .tz-int-item:nth-child(even),.tz-integrations-hub .tz-int-panel--faq .tz-int-item:nth-child(even){border-right:0}
.tz-integrations-hub .tz-int-panel--four .tz-int-item:nth-last-child(-n+2),.tz-integrations-hub .tz-int-panel--faq .tz-int-item:nth-last-child(-n+2){border-bottom:0}
.tz-integrations-hub .tz-int-panel--identity .tz-int-item,.tz-integrations-hub .tz-int-panel--events .tz-int-item{display:grid;grid-template-columns:minmax(160px,3fr) minmax(0,7fr);align-items:start;gap:22px;border-right:0}
.tz-integrations-hub .tz-int-panel--identity .tz-int-item:last-child,.tz-integrations-hub .tz-int-panel--events .tz-int-item:last-child{border-bottom:0}
.tz-integrations-hub .tz-int-panel--standards .tz-int-item{border-bottom:0}
.tz-integrations-hub .tz-int-panel--standards .tz-int-item:last-child{border-right:0}
.tz-integrations-hub .tz-int-note{max-width:860px;padding-top:20px;margin-top:27px;border-top:1px solid var(--tz-int-line)}
.tz-integrations-hub .tz-int-note .tz-int-copy{line-height:1.65}
.tz-integrations-hub .tz-int-note--important{border-top:0;border-left:3px solid var(--tz-int-teal);padding:15px 22px;background:rgba(206,231,247,.3);border-radius:0 12px 12px 0;max-width:900px}
.tz-integrations-hub .tz-int-section--methods .tz-int-panel,.tz-integrations-hub .tz-int-section--saml .tz-int-panel,.tz-integrations-hub .tz-int-section--api .tz-int-panel,.tz-integrations-hub .tz-int-section--files .tz-int-file-split,.tz-integrations-hub .tz-int-section--standards .tz-int-panel{margin-top:35px}
.tz-integrations-hub .tz-int-section--identity .tz-int-panel,.tz-integrations-hub .tz-int-section--webhooks .tz-int-panel{margin-top:34px}
.tz-integrations-hub .tz-int-file-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:stretch}
.tz-integrations-hub .tz-int-file-split>div{min-width:0}
.tz-integrations-hub .tz-int-panel--file-import,.tz-integrations-hub .tz-int-panel--file-export{height:100%}
.tz-integrations-hub .tz-int-panel--file-import .tz-int-item,.tz-integrations-hub .tz-int-panel--file-export .tz-int-item{border-right:0}
.tz-integrations-hub .tz-int-panel--file-import .tz-int-item:last-child{border-bottom:0}
.tz-integrations-hub .tz-int-file-export .tz-int-panel{background:rgba(0,63,93,.045)}
.tz-integrations-hub .tz-int-section--standards .tz-int-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;padding-block:8px;font-size:15px;font-weight:750;color:var(--tz-int-teal);border-bottom:1px solid var(--tz-int-primary)}
.tz-integrations-hub .tz-int-intro{max-width:840px;margin-bottom:37px}
.tz-integrations-hub .tz-int-section--usecases .tz-int-kicker,.tz-integrations-hub .tz-int-section--usecases :is(.tz-int-h2,.tz-int-h3){color:#fff}
.tz-integrations-hub .tz-int-section--usecases .tz-int-kicker:before{background:var(--tz-int-light)}
.tz-integrations-hub .tz-int-section--usecases .tz-int-panel{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.24)}
.tz-integrations-hub .tz-int-section--usecases .tz-int-item{border-color:rgba(255,255,255,.24)}
.tz-integrations-hub .tz-int-section--usecases .tz-int-copy{color:#e4edf7}
.tz-integrations-hub .tz-int-section--usecases .tz-int-note{border-color:rgba(255,255,255,.22)}
.tz-integrations-hub .tz-int-section--planning .tz-int-panel--steps{max-width:1020px;margin-top:30px}
.tz-integrations-hub .tz-int-panel--steps .tz-int-item{display:grid;grid-template-columns:minmax(220px,4fr) minmax(0,6fr);align-items:start;gap:22px;border-right:0;padding:25px 28px}
.tz-integrations-hub .tz-int-panel--steps .tz-int-item:last-child{border-bottom:0}
.tz-integrations-hub .tz-int-section--faq .tz-int-panel{margin-top:31px}
.tz-integrations-hub .tz-int-section--final .tz-int-final-band{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:center;background:linear-gradient(125deg,var(--tz-int-teal),var(--tz-int-navy));color:#fff;padding:52px 56px;border-radius:26px}
.tz-integrations-hub .tz-int-section--final .tz-int-h2,.tz-integrations-hub .tz-int-section--final .tz-int-kicker{color:#fff}
.tz-integrations-hub .tz-int-section--final .tz-int-kicker:before{background:var(--tz-int-light)}
.tz-integrations-hub .tz-int-final-copy .tz-int-h2+.tz-int-copy{margin-top:21px}
.tz-integrations-hub .tz-int-section--final .tz-int-copy{color:#e5eef6}
.tz-integrations-hub .tz-int-actions--final{display:flex;flex-direction:column;align-items:stretch;margin:0;gap:14px}
.tz-integrations-hub .tz-int-actions--final .tz-int-btn{width:100%}
@media(max-width:1199.98px){
.tz-integrations-hub .tz-int-section{padding-block:72px}
.tz-integrations-hub .tz-int-section--hero{padding-block:28px 72px}
.tz-integrations-hub .tz-int-hero-grid{gap:32px}
.tz-integrations-hub .tz-int-editorial{column-gap:36px}
.tz-integrations-hub .tz-int-section--final .tz-int-final-band{padding:43px;gap:28px}
}
@media(max-width:991.98px){
.tz-integrations-hub .container{padding-inline:24px}
.tz-integrations-hub .tz-int-section{padding-block:60px;scroll-margin-top:95px}
.tz-integrations-hub .tz-int-hero-grid,.tz-integrations-hub .tz-int-editorial,.tz-integrations-hub .tz-int-file-split{grid-template-columns:1fr;gap:28px}
.tz-integrations-hub .tz-int-hero-model{max-width:620px}
.tz-integrations-hub .tz-int-quicknav{position:static;top:auto}
.tz-integrations-hub .tz-int-quicknav .container{grid-template-columns:repeat(2,minmax(0,1fr))}
.tz-integrations-hub .tz-int-quicknav a{min-height:54px}
.tz-integrations-hub .tz-int-panel--standards{grid-template-columns:1fr}
.tz-integrations-hub .tz-int-panel--standards .tz-int-item{border-right:0;border-bottom:1px solid var(--tz-int-line)}
.tz-integrations-hub .tz-int-panel--standards .tz-int-item:last-child{border-bottom:0}
.tz-integrations-hub .tz-int-file-split .tz-int-panel{height:auto}
.tz-integrations-hub .tz-int-section--final .tz-int-final-band{grid-template-columns:1fr;gap:30px}
.tz-integrations-hub .tz-int-actions--final{flex-direction:row}
.tz-integrations-hub .tz-int-actions--final .tz-int-btn{flex:1}
}
@media(max-width:767.98px){
.tz-integrations-hub .container{padding-inline:20px}
.tz-integrations-hub .tz-int-section{padding-block:48px;scroll-margin-top:74px}
.tz-integrations-hub .tz-int-section--hero{padding-block:24px 54px}
.tz-integrations-hub .tz-int-h1{font-size:clamp(34px,8.7vw,38px)}
.tz-integrations-hub .tz-int-h2{font-size:clamp(27px,7.5vw,30px)}
.tz-integrations-hub .tz-int-hero-model{display:none}
.tz-integrations-hub .tz-int-actions{flex-direction:column;align-items:stretch}
.tz-integrations-hub .tz-int-btn{width:100%}
.tz-integrations-hub .tz-int-panel--four,.tz-integrations-hub .tz-int-panel--faq,.tz-integrations-hub .tz-int-panel--usecases{grid-template-columns:1fr}
.tz-integrations-hub .tz-int-panel :is(.tz-int-item){border-right:0;border-bottom:1px solid var(--tz-int-line);grid-template-columns:1fr;gap:10px;padding:22px 20px}
.tz-integrations-hub .tz-int-panel :is(.tz-int-item):last-child{border-bottom:0}
.tz-integrations-hub .tz-int-panel--four .tz-int-item:nth-last-child(2),.tz-integrations-hub .tz-int-panel--faq .tz-int-item:nth-last-child(2){border-bottom:1px solid var(--tz-int-line)}
.tz-integrations-hub .tz-int-section--usecases .tz-int-panel .tz-int-item{border-color:rgba(255,255,255,.25)}
.tz-integrations-hub .tz-int-section--final{padding:45px 0 65px}
.tz-integrations-hub .tz-int-section--final .container{padding-inline:0}
.tz-integrations-hub .tz-int-section--final .tz-int-final-band{padding:39px 20px;border-radius:0}
.tz-integrations-hub .tz-int-actions--final{flex-direction:column;gap:12px}
}
@media(max-width:389.98px){
.tz-integrations-hub .container{padding-inline:16px}
.tz-integrations-hub .tz-int-quicknav a{font-size:12px;padding-inline:3px}
.tz-integrations-hub .tz-int-section--final .tz-int-final-band{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.tz-integrations-hub .tz-int-btn{transition:none}}