/* Tools & Integration: scoped additions to MayaWeb's existing service template. */
.tools-integration-page .ti-section{scroll-margin-top:110px}
#tools-hero-enquiry{scroll-margin-top:140px}
.tools-integration-page .ti-text-link{font-weight:650;color:var(--ft-text);text-decoration:underline;text-underline-offset:5px;line-height:1.6}
.tools-integration-page .ti-text-link:hover{color:var(--ft-accent)}
.ti-hero-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:30px 0 34px}
.ti-hero-flow span{padding:10px 13px;border:1px solid var(--ft-line);border-radius:9px;font-size:.76rem;font-weight:600;background:var(--ft-soft)}
.ti-hero-flow b{font-size:1rem;color:var(--ft-accent)}
.ti-definition{align-items:center;gap:52px}
.ti-definition h3{font-size:clamp(1.45rem,2.2vw,1.85rem);line-height:1.3;margin:0 0 22px;letter-spacing:-.03em}
.ti-definition p{margin:0 0 22px}
.ti-hub{border:1px solid var(--ft-line);border-radius:22px;overflow:hidden;background:var(--ft-card);box-shadow:0 18px 45px #5c2c8012}
.ti-hub-heading{display:grid;justify-items:center;padding:30px 24px;background:#71349b;gap:10px;text-align:center}
body[data-mw-theme] .ti-hub-heading :is(strong,span){color:#fff!important}
.ti-hub-heading .wd-icon{background:#ffffff24;border:1px solid #ffffff40}
.ti-hub-heading strong{font-size:1.4rem;line-height:1.3}
.ti-hub-heading>span{font-size:.8rem}
.ti-hub-list{list-style:none;margin:0;padding:16px 25px 24px;display:grid;gap:0}
.ti-hub-list li{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--ft-line);font-weight:600;line-height:1.4;margin:0!important;font-size:.96rem}
.ti-hub-list li:last-child{border:0;padding-bottom:0}
.ti-hub-list li span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f0e3f8;color:#71349b!important;font-size:.75rem}
.ti-cards{display:grid;gap:24px;align-items:stretch}
.ti-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ti-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ti-card{display:flex;flex-direction:column;min-width:0}
.ti-card h3{line-height:1.35}
.ti-card ul{margin:6px 0 24px;padding-left:20px;line-height:1.8}
.ti-card .ti-text-link{margin-top:auto;align-self:flex-start}
.ti-card .ti-small{margin-top:auto!important}
.tools-integration-page .ti-small{font-size:.82rem!important;line-height:1.75}
#tools-services .ti-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
#tools-services .ti-card:last-child{grid-column:1 / -1;width:calc((100% - 24px)/2);justify-self:center}
#tools-services .ti-card:last-child ul{columns:1}
#tools-services .ti-card li{break-inside:avoid}
.tools-integration-page #tools-pricing .mw-tier{padding:24px;border-width:1px;display:flex;flex-direction:column;height:100%}
.tools-integration-page #tools-pricing .mw-three-plans{grid-auto-rows:1fr;align-items:stretch}
.tools-integration-page #tools-pricing .mw-tier-price{text-align:center}
.tools-integration-page #tools-pricing .mw-tier .button{margin-top:auto;justify-content:center;text-align:center}
.ti-pricing-note{max-width:1100px;margin:28px auto 0;border-top:1px solid var(--ft-line);padding-top:20px}
.ti-pricing-note p{font-size:.84rem;line-height:1.8;margin:8px 0}
.ti-pricing-note a,.ti-inline-note a{color:var(--ft-accent);text-underline-offset:4px}
.ti-inline-note{border:1px solid var(--ft-line);border-radius:16px;padding:30px;margin-top:28px;background:var(--ft-soft)}
.ti-inline-note h3{font-size:1.3rem;margin:0 0 15px}
.ti-inline-note p:last-child{margin-bottom:0}
.ti-workflow-controls{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.ti-workflow-controls[hidden],.ti-workflow-panel[hidden]{display:none!important}
.ti-workflow-controls button{font:inherit;font-size:.9rem;font-weight:600;min-height:46px;border:1px solid var(--ft-line);border-radius:9px;padding:12px 20px;color:var(--ft-text);background:var(--ft-card);cursor:pointer}
.ti-workflow-controls button[aria-pressed="true"]{background:#8d3ab7;color:#fff;border-color:#bc81d9}
.ti-workflow-controls button:hover{border-color:#bc81d9}
.tools-integration-page :is(a,button):focus-visible{outline:3px solid #be79df;outline-offset:4px}
.ti-workflow-panel{border:1px solid var(--ft-line);border-radius:20px;overflow:hidden;background:var(--ft-card);margin-top:24px}
.ti-workflow-heading{padding:28px 30px;border-bottom:1px solid var(--ft-line)}
.ti-example-label{font-size:.65rem;letter-spacing:.1em;font-weight:700}
.ti-workflow-heading h3{font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:-.025em;line-height:1.3;margin:12px 0 0}
.ti-flow-steps{list-style:none;padding:30px;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ti-flow-steps li{position:relative;margin:0!important;min-width:0}
.ti-flow-steps li>span:first-child{display:block;font-size:.69rem;font-weight:700;letter-spacing:.05em;color:#cf9ce8;margin-bottom:20px}
.ti-flow-steps .wd-icon{margin-bottom:22px}
.ti-flow-steps h4{font-size:1.04rem;line-height:1.4;margin:0 0 12px}
.ti-flow-steps p{font-size:.85rem;line-height:1.8;margin:0}
.ti-flow-note{padding:20px 30px;border-top:1px solid var(--ft-line);margin:0;font-size:.85rem;background:var(--ft-soft)}
.ti-example-note{margin:20px 0 0}
.ti-brief-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:brief}
.ti-brief-list li{position:relative;border:1px solid var(--ft-line);padding:22px 24px 22px 68px;border-radius:13px;margin:0!important;counter-increment:brief;background:var(--ft-card)}
.ti-brief-list li:before{content:counter(brief,decimal-leading-zero);position:absolute;left:24px;top:24px;font-size:.8rem;color:#8541a3;font-weight:700}
.ti-brief-list strong{display:block;margin-bottom:8px}
.ti-brief-list li>span{display:block;font-size:.9rem;line-height:1.7}
.ti-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ti-related>a{display:block;border:1px solid var(--ft-line);border-radius:16px;padding:28px;text-decoration:none;background:var(--ft-card);transition:border-color .2s}
.ti-related>a:hover{border-color:#9755ba}
.ti-related h3{display:flex;justify-content:space-between;gap:20px;font-size:1.25rem;line-height:1.4;margin:0 0 14px}
.ti-related p{font-size:.95rem;line-height:1.8;margin:0}
.ti-final{max-width:850px;margin:auto;text-align:center}
.ti-final .si-actions{justify-content:center;margin-top:28px}
.ti-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1101px){.tools-integration-page .ti-hero .si-hero-grid{gap:70px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}}
@media(max-width:1000px){.tools-integration-page .mw-organized-hero .si-hero-grid{grid-template-columns:1fr}.tools-integration-page .mw-hero-form-card{max-width:720px}.tools-integration-page .ti-hero .si-intro{max-width:720px}}
@media(max-width:1100px){.ti-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}#tools-services .ti-card:last-child{grid-column:1 / -1}.ti-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.ti-definition{gap:30px}}
@media(max-width:760px){.ti-cols-3,.ti-cols-2,.ti-related{grid-template-columns:1fr}#tools-services .ti-cards{grid-template-columns:1fr}#tools-services .ti-card:last-child{grid-column:auto;width:100%}#tools-services .ti-card:last-child ul{columns:1}.ti-definition{grid-template-columns:1fr}.ti-card{padding:25px}.ti-workflow-heading,.ti-flow-note{padding:24px}.ti-flow-steps{padding:24px;gap:28px}.ti-inline-note{padding:24px}.ti-hero-flow{gap:8px}.ti-hero-flow span{padding:9px 10px;font-size:.7rem}}
@media(max-width:480px){.ti-flow-steps{grid-template-columns:1fr}.ti-flow-steps li{padding:0 0 24px;border-bottom:1px solid var(--ft-line)}.ti-flow-steps li:last-child{border:0;padding-bottom:0}.ti-workflow-controls button{flex:1 1 100%;text-align:left}.ti-hub-list{padding:12px 20px 22px}.ti-hub-heading strong{font-size:1.22rem}.ti-hero-flow{gap:6px}.ti-hero-flow span{font-size:.63rem;padding:9px}.ti-hero-flow b{font-size:.8rem}}