@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* One reading hierarchy across all marketing routes. */
:root{--brand-font:'Plus Jakarta Sans',sans-serif;--brand-title:#20202c;--brand-h1:clamp(2.25rem,3.2vw,2.875rem);--brand-h2:clamp(1.75rem,2.7vw,2.375rem);--brand-h3:1.375rem}
body,body :is(h1,h2,h3,h4,p,a,span,div,section,article,aside,header,footer,nav,button,input,select,textarea,label,summary,li,dt,dd,th,td,small,strong,b,em){font-family:var(--brand-font)!important}
body main h1{font-size:var(--brand-h1)!important;line-height:1.14!important;letter-spacing:-.04em!important;font-weight:700!important;color:var(--brand-title)!important;-webkit-text-fill-color:currentColor!important;background-image:none!important}
body main h1 :is(span,em,strong,b){color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
body main h2{font-size:var(--brand-h2)!important;line-height:1.22!important;letter-spacing:-.035em!important;font-weight:700!important}
body main h3:not(:where([class*="-visual"],[class*="-art"],[class*="-preview"],[class*="-workspace"],[class*="-scene"]) *){font-size:var(--brand-h3)!important;line-height:1.35!important;font-weight:700!important}
body :is(button,input,select,textarea){font-family:var(--brand-font)!important}
body main :is(.hp-button,.product-button,.res-button,.btn){font-size:1rem!important;line-height:1.45!important;justify-content:center;text-align:center}
body :is(pre,code,kbd,samp),body :is(pre,code,kbd,samp) *{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
@media(max-width:800px){:root{--brand-h1:2.25rem;--brand-h2:1.875rem;--brand-h3:1.25rem}body main h1{letter-spacing:-.035em!important}}

/* Homepage emphasis and consistent, optically centered calls to action. */
/* Compact invoice demonstration without scaling down readable text. */
.idp-studio-section .idp-studio{max-width:1080px;margin-inline:auto}
.idp-studio-section #flow-view{grid-template-columns:250px minmax(0,1fr)}
.idp-studio-section .studio-bar{padding:12px 20px}
.idp-studio-section .studio-brief{padding:20px}
body main .idp-studio-section .studio-brief h3,body main .idp-studio-section .studio-evidence h3{font-size:20px!important;line-height:1.35!important;margin:10px 0}
body main .idp-studio-section .studio-brief>p,body main .idp-studio-section .studio-evidence p{font-size:16px!important;line-height:1.6!important;margin:10px 0 16px}
.idp-studio-section .studio-step-list{gap:4px}
.idp-studio-section .studio-step-list button{padding:9px 10px;font-size:14px;min-height:40px}
.idp-studio-section .studio-canvas{padding:20px}
.idp-studio-section .studio-nodes{margin:12px 0 24px}
.idp-studio-section .studio-node{padding:14px 8px;min-height:142px;justify-content:center}
.idp-studio-section .studio-node-icon{width:32px;height:32px;font-size:19px;margin-bottom:8px}
.idp-studio-section .studio-wire{width:16px}
.idp-studio-section .studio-evidence{padding:18px;gap:18px;grid-template-columns:1.4fr .8fr}
.idp-studio-section .studio-live-data{padding:14px;min-height:100px}
.idp-studio-section .studio-destinations{margin-top:14px;gap:8px}
@media(max-width:800px){.idp-studio-section #flow-view{grid-template-columns:1fr}.idp-studio-section .studio-step-list{grid-template-columns:repeat(4,1fr)}.idp-studio-section .studio-brief{border-right:0;border-bottom:1px solid #e2e5ef}.idp-studio-section .studio-step-list button{justify-content:center;gap:5px;padding:8px 4px}.idp-studio-section .studio-step-list button>span,.idp-studio-section .studio-step-list i{display:none}.idp-studio-section .studio-evidence{grid-template-columns:1fr}.idp-studio-section .studio-nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.idp-studio-section .studio-wire{display:none}.idp-studio-section .studio-node{min-height:130px}.idp-studio-section .studio-canvas{padding:16px}}
body main .hp-hero h1{font-size:clamp(46px,4.8vw,68px)!important;line-height:1.1!important;max-width:780px}
body :is(.hp-button,.product-button,.res-button,.btn,.ac-contact-button,.ac-demo-button){display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px}
body :is(.hp-button,.product-button,.res-button,.btn)>span:empty{display:none}
.hp-wheel{height:310px}
.hp-rotator{min-height:340px}
.hp-wheel :is(button,.hp-capability-item){font-size:clamp(25px,2.15vw,30px);line-height:1.25;padding-block:0;box-sizing:border-box;height:auto;top:50%;transform:translateY(var(--case-y,0px)) translateY(-50%)}
.wa-builder-section .ap-dashboard{max-width:1080px;margin-inline:auto}
.wa-builder-section .ap-dashboard .ap-canvas{zoom:.86}
.wa-builder-section .ap-dashboard .ap-canvas-scroll{padding:8px 20px}
.wa-builder-section .ap-dashboard .ap-toolbar{padding:16px 24px}
.wa-builder-section .ap-dashboard .ap-progress{padding:12px 20px}
.wa-builder-section .ap-build-steps{justify-content:center}
.wa-builder-section .ap-build-steps button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:42px}
@media(max-width:600px){.wa-builder-section .ap-dashboard .ap-toolbar{gap:10px}.wa-builder-section .ap-dashboard .ap-update{max-width:none;padding:6px 12px}.wa-builder-section .ap-dashboard .ap-canvas-scroll{min-height:0}.wa-builder-section .ap-dashboard .ap-progress>span{font-size:12px;margin-top:8px}.wa-builder-section .ap-build-steps{display:grid;grid-template-columns:1fr 1fr}.wa-builder-section .ap-build-steps button:last-child{grid-column:1/-1}}
@media(max-width:800px){body main .hp-hero h1{font-size:clamp(40px,7vw,56px)!important}.hp-wheel{height:310px}.hp-wheel :is(button,.hp-capability-item){font-size:25px;line-height:1.3}.wa-builder-section .ap-dashboard .ap-toolbar{padding:16px;flex-wrap:wrap}.wa-builder-section .ap-dashboard .ap-canvas{zoom:.72}.wa-builder-section .ap-dashboard .ap-canvas-scroll{justify-content:flex-start}.wa-builder-section .ap-dashboard .ap-canvas{margin:0}.wa-builder-section .ap-build-steps{gap:6px}.wa-builder-section .ap-build-steps button{font-size:12px;padding:8px 10px}}