/* TRAUKLAR provider showcase V1.1: original screenshots and arrow-shaped steps. */
.tk-provider-showcase{--ps-ink:#183c30;--ps-muted:#58665f;--ps-green:#173e30;--ps-sage:#d7e6ba;--ps-line:#dce4dc;--ps-paper:#f8f7f2;background:var(--ps-paper);color:var(--ps-ink);font-family:Arial,Helvetica,sans-serif}
.tk-provider-showcase *{box-sizing:border-box}
.tk-provider-showcase .tk-ps-container{max-width:1320px;width:calc(100% - 88px);margin-inline:auto}
.tk-provider-showcase h1,.tk-provider-showcase h2,.tk-provider-showcase h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;color:var(--ps-ink);text-wrap:balance}
.tk-provider-showcase .tk-ps-hero{padding:25px 0 34px;background:radial-gradient(ellipse at 90% 38%,#e8eddc 0,transparent 56%),var(--ps-paper)}
.tk-provider-showcase .tk-ps-breadcrumbs{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--ps-muted)}
.tk-provider-showcase .tk-ps-breadcrumbs a{color:inherit;text-decoration:none}
.tk-provider-showcase .tk-ps-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.3fr);gap:48px;align-items:center;padding:65px 0 44px}
.tk-provider-showcase .tk-ps-eyebrow{margin:0 0 17px;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#53764d}
.tk-provider-showcase h1{font-size:clamp(38px,4.3vw,66px);line-height:1.08;margin:0 0 24px}
.tk-provider-showcase h1 em{font-weight:400;font-style:italic;color:#426747}
.tk-provider-showcase .tk-ps-lead{font-size:17px;line-height:1.75;max-width:460px;color:var(--ps-muted);margin:0 0 28px}
.tk-provider-showcase .tk-ps-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.tk-provider-showcase .tk-ps-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border:1px solid transparent;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4;transition:background-color .15s,color .15s}
.tk-provider-showcase .tk-ps-primary{background:var(--ps-green);color:#fff}
.tk-provider-showcase .tk-ps-primary:hover{background:#28543e}
.tk-provider-showcase .tk-ps-secondary{border-color:#aebeb0;background:transparent;color:var(--ps-ink)}
.tk-provider-showcase .tk-ps-secondary:hover{background:#edf0e7}
.tk-provider-showcase .tk-ps-note{font-size:12px;line-height:1.6;color:var(--ps-muted);margin:14px 0 24px}
.tk-provider-showcase .tk-ps-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0;font-size:11px;color:#466149}
.tk-provider-showcase .tk-ps-tags li{border:1px solid #d6dfcc;border-radius:100px;padding:7px 10px;background:#f3f5eb}
.tk-provider-showcase .tk-ps-hero-visual{min-width:0;padding:12px 0}
.tk-provider-showcase .tk-ps-figure{margin:0;min-width:0}
.tk-provider-showcase .tk-ps-frame{border:1px solid #cfd8c8;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 16px 45px #173e3014}
.tk-provider-showcase .tk-ps-frame-hero{box-shadow:0 25px 65px #173e3021}
.tk-provider-showcase .tk-ps-browserbar{height:28px;background:#edf0e8;border-bottom:1px solid #dde4d8;display:flex;align-items:center;gap:5px;padding:0 11px}
.tk-provider-showcase .tk-ps-browserbar i{height:5px;width:5px;border-radius:50%;background:#a9b6a2}
.tk-provider-showcase .tk-ps-browserbar span{font-size:9px;color:#61775e;margin-left:9px;letter-spacing:.04em}
.tk-provider-showcase .tk-ps-image-link{display:block;line-height:0;background:#f7f8f3}
.tk-provider-showcase .tk-ps-image-link img{display:block;width:100%;height:auto}
.tk-provider-showcase figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 2px 0;font-size:11px;line-height:1.5;color:var(--ps-muted)}
.tk-provider-showcase figcaption a{flex-shrink:0;color:var(--ps-green);text-underline-offset:3px}
.tk-provider-showcase .tk-ps-caption-zoom-only{justify-content:flex-end}
.tk-provider-showcase .tk-ps-section{padding:76px 0;border-top:1px solid var(--ps-line)}
.tk-provider-showcase .tk-ps-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px;align-items:center}
.tk-provider-showcase .tk-ps-feature-reverse .tk-ps-feature-copy{grid-column:2;grid-row:1}
.tk-provider-showcase .tk-ps-feature-reverse .tk-ps-figure{grid-column:1;grid-row:1}
.tk-provider-showcase h2{font-size:clamp(29px,3vw,42px);line-height:1.2;margin:0 0 19px}
.tk-provider-showcase .tk-ps-feature-copy>p:not(.tk-ps-eyebrow){font-size:15px;line-height:1.8;color:var(--ps-muted);margin:0 0 22px}
.tk-provider-showcase .tk-ps-checks{list-style:none;padding:0;margin:0 0 23px;font-size:14px;line-height:1.65}
.tk-provider-showcase .tk-ps-checks li{position:relative;padding-left:27px;margin:10px 0}
.tk-provider-showcase .tk-ps-checks li:before{content:'✓';position:absolute;left:0;color:#527647;font-weight:700}
.tk-provider-showcase .tk-ps-text-link{font-size:14px;font-weight:700;color:var(--ps-green);text-underline-offset:5px}
.tk-provider-showcase .tk-ps-tinted{background:#eef2e8}
.tk-provider-showcase .tk-ps-section-heading{max-width:680px;margin-bottom:35px}
.tk-provider-showcase .tk-ps-steps-section{background:#fffefa}
.tk-provider-showcase .tk-ps-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.tk-provider-showcase .tk-ps-steps .tk-ps-step{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:248px;padding:35px 46px 35px 53px;background:#173e30;color:#fff;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%,28px 50%);overflow-wrap:break-word;hyphens:auto}
.tk-provider-showcase .tk-ps-steps .tk-ps-step:first-child{padding-left:32px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%)}
.tk-provider-showcase .tk-ps-steps .tk-ps-step:nth-child(2){background:#496644}
.tk-provider-showcase .tk-ps-steps .tk-ps-step:nth-child(3){background:#d7e6ba;color:#183c30}
.tk-provider-showcase .tk-ps-steps h3{color:inherit;font-size:24px;line-height:1.25;margin-bottom:14px;letter-spacing:-.025em}
.tk-provider-showcase h3{font-size:25px;line-height:1.2;margin:0 0 12px}
.tk-provider-showcase .tk-ps-steps p{font-size:14px;line-height:1.75;margin:0;color:inherit}
.tk-provider-showcase .tk-ps-closing{text-align:center;background:#e6eddd}
.tk-provider-showcase .tk-ps-closing>div>p:not(.tk-ps-eyebrow){max-width:630px;margin:0 auto 25px;font-size:15px;line-height:1.8;color:var(--ps-muted)}
.tk-provider-showcase .tk-ps-closing .tk-ps-actions{justify-content:center}
.tk-provider-showcase .tk-ps-directory-links{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;font-size:12px;margin-top:27px;color:#526d4b}
.tk-provider-showcase .tk-ps-directory-links a{color:inherit;text-underline-offset:3px}
.tk-provider-showcase a:focus-visible{outline:3px solid #76964a;outline-offset:4px}
@media(min-width:1500px){.tk-provider-showcase .tk-ps-hero-grid{gap:70px}}
@media(max-width:1020px){.tk-provider-showcase .tk-ps-container{width:calc(100% - 48px)}.tk-provider-showcase .tk-ps-hero-grid{gap:26px;padding:45px 0 30px;grid-template-columns:1fr 1.2fr}.tk-provider-showcase .tk-ps-feature{gap:45px}.tk-provider-showcase .tk-ps-section{padding:55px 0}.tk-provider-showcase .tk-ps-lead{font-size:15px}.tk-provider-showcase .tk-ps-button{font-size:13px;padding-inline:15px}.tk-provider-showcase .tk-ps-steps li{padding:23px}.tk-provider-showcase .tk-ps-tags{font-size:10px}}
@media(max-width:760px){.tk-provider-showcase .tk-ps-container{width:calc(100% - 36px)}.tk-provider-showcase .tk-ps-hero{padding-top:18px}.tk-provider-showcase .tk-ps-hero-grid{grid-template-columns:1fr;gap:21px;padding-top:37px}.tk-provider-showcase .tk-ps-lead{max-width:560px;font-size:16px}.tk-provider-showcase h1{font-size:44px}.tk-provider-showcase .tk-ps-hero-visual{padding:0}.tk-provider-showcase .tk-ps-hero .tk-ps-tags{font-size:11px}.tk-provider-showcase .tk-ps-figure figcaption{flex-wrap:wrap;gap:5px;font-size:11px}.tk-provider-showcase .tk-ps-feature{grid-template-columns:1fr;gap:25px}.tk-provider-showcase .tk-ps-feature-reverse .tk-ps-feature-copy,.tk-provider-showcase .tk-ps-feature-reverse .tk-ps-figure{grid-column:auto;grid-row:auto}.tk-provider-showcase .tk-ps-section{padding:42px 0}.tk-provider-showcase h2{font-size:32px}.tk-provider-showcase .tk-ps-steps{grid-template-columns:1fr;gap:14px}.tk-provider-showcase .tk-ps-section-heading{margin-bottom:25px}.tk-provider-showcase .tk-ps-step-number{margin-bottom:14px}.tk-provider-showcase .tk-ps-steps li{padding:23px}.tk-provider-showcase .tk-ps-demo{font-size:10px}}
@media(max-width:380px){.tk-provider-showcase h1{font-size:38px}.tk-provider-showcase .tk-ps-actions{align-items:stretch}.tk-provider-showcase .tk-ps-button{flex:1 1 auto}.tk-provider-showcase .tk-ps-breadcrumbs{font-size:11px}.tk-provider-showcase .tk-ps-container{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){.tk-provider-showcase .tk-ps-button{transition:none}}

@media(max-width:1020px){
    .tk-provider-showcase .tk-ps-steps{grid-template-columns:1fr;gap:9px}
    .tk-provider-showcase .tk-ps-steps .tk-ps-step{min-height:0;padding:40px 26px 43px;text-align:center;clip-path:polygon(0 0,50% 19px,100% 0,100% calc(100% - 23px),50% 100%,0 calc(100% - 23px))}
    .tk-provider-showcase .tk-ps-steps .tk-ps-step:first-child{padding:28px 26px 43px;clip-path:polygon(0 0,100% 0,100% calc(100% - 23px),50% 100%,0 calc(100% - 23px))}
    .tk-provider-showcase .tk-ps-steps h3{font-size:24px}
    .tk-provider-showcase .tk-ps-steps p{max-width:660px;margin-inline:auto}
}