/* Systems Integration page — aligned with the IGBSSaaS / Odoo solution design system */
.int-hero{padding:42px 0 76px}.int-hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(28px,4vw,64px);align-items:center}.int-hero__copy .eyebrow{max-width:520px}.int-lead{max-width:590px;color:var(--muted,#69717d);font-size:16px;line-height:1.8;margin:22px 0 26px}.int-map{position:relative;min-width:0;background:#f5f6f7;border:1px solid #dfe2e6;padding:18px 20px 14px;box-shadow:0 18px 48px rgba(19,31,48,.07)}.int-map__top,.int-map__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font:600 9px/1.4 Geist, sans-serif;letter-spacing:.12em;color:#6d7580}.int-map__top b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f15a24;margin-right:8px}.int-map__top span:last-child{font-weight:400;color:#9aa0a8}.int-map__canvas{height:330px;position:relative;margin:14px 0 10px;background-image:linear-gradient(rgba(27,42,60,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(27,42,60,.045) 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.int-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.int-lines path{fill:none;stroke:#b9c0c8;stroke-width:1.5;stroke-dasharray:5 5}.int-lines .int-lines__core{stroke:#f15a24;stroke-width:2.2;stroke-dasharray:none}.int-node{position:absolute;z-index:2;width:142px;min-height:70px;padding:11px 12px;background:#fff;border:1px solid #dfe3e8;box-shadow:0 7px 18px rgba(20,32,48,.06);display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-content:center}.int-node__ico{grid-row:span 2;width:24px;height:24px;display:grid;place-items:center;background:#fff0e9;color:#f15a24;font:600 9px Geist}.int-node strong{font-size:11px;color:#202b39;font-weight:600}.int-node small{font-size:9px;color:#858d97;margin-top:4px}.int-node--commerce{left:2%;top:7%}.int-node--finance{right:2%;top:7%}.int-node--logistics{left:2%;bottom:7%}.int-node--customers{right:2%;bottom:7%}.int-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:136px;height:112px;background:#172536;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(18,34,52,.2);border-bottom:3px solid #f15a24}.int-core span{font:500 9px Geist;letter-spacing:.16em;color:#c8d0d8}.int-core strong{font:600 25px Geist;letter-spacing:.08em;margin:7px 0 4px}.int-core small{font:400 9px Geist;color:#aab4bf}.int-map__foot{padding-top:11px;border-top:1px solid #dfe2e6}.int-map__foot b{color:#f15a24;font-weight:600}.int-challenge{background:#f7f8fa}.int-challenge__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #dfe2e6;margin-top:34px}.int-challenge__grid article{padding:22px 28px 8px 0;border-right:1px solid #dfe2e6}.int-challenge__grid article+article{padding-left:28px}.int-challenge__grid article:last-child{border:0}.int-challenge__grid article>span{font:500 11px Geist;color:#f15a24}.int-challenge__grid h3{font:500 19px/1.3 Geist;color:#1c2a3a;margin:17px 0 9px}.int-challenge__grid p{font:400 13px/1.7 Geist;color:#737c87;max-width:310px;margin:0}.int-cap{padding:76px 0 82px}.int-cap__rows{margin-top:32px;border-top:1px solid #dfe2e6}.int-cap__rows article{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(180px,.55fr);gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid #dfe2e6}.int-cap__n{font:500 12px Geist;color:#f15a24;align-self:start;padding-top:4px}.int-cap__rows h3{font:500 18px/1.3 Geist;color:#1e2b3a;margin:0 0 7px}.int-cap__rows p{margin:0;font:400 13px/1.7 Geist;color:#737c87}.int-cap__rows .int-cap__tags{text-align:right;font:500 9px/1.6 Geist;letter-spacing:.08em;text-transform:uppercase;color:#8a929c}.int-hero .bi-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.int-hero .bi-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;color:#68717d;font:500 11px/1.5 Geist;letter-spacing:.08em;text-transform:uppercase}.int-hero .bi-meta i{flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:#f15a24}
@media(max-width:900px){.int-hero__grid{grid-template-columns:1fr;gap:34px}.int-map{max-width:720px;width:100%;margin:0 auto}.int-hero__copy{max-width:720px}.int-cap__rows article{grid-template-columns:42px 1fr}.int-cap__rows .int-cap__tags{grid-column:2;text-align:left}}
@media(max-width:640px){.int-hero{padding:24px 0 52px}.int-map{padding:13px 12px 11px}.int-map__canvas{height:280px}.int-node{width:116px;min-height:62px;padding:8px;grid-template-columns:20px 1fr;column-gap:6px}.int-node__ico{width:20px;height:20px}.int-node strong{font-size:10px}.int-node small{font-size:8px}.int-core{width:112px;height:94px}.int-core strong{font-size:21px}.int-map__top,.int-map__foot{font-size:8px}.int-challenge__grid{grid-template-columns:1fr;margin-top:24px}.int-challenge__grid article,.int-challenge__grid article+article{padding:18px 0;border-right:0;border-bottom:1px solid #dfe2e6}.int-challenge__grid article:last-child{border-bottom:0}.int-cap{padding:54px 0}.int-cap__rows article{gap:12px;padding:19px 0}.int-cap__rows h3{font-size:16px}.int-cap__rows p{font-size:12px}}


/* Integration hero refinements — align controls and system labels with the shared Odoo hero. */
.int-hero .int-hero__actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-top:26px}
.int-hero .int-hero__actions .btn{box-sizing:border-box;display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:12px;width:auto;min-width:220px;min-height:52px;height:auto;padding:0 22px;white-space:nowrap;line-height:1.15;text-align:center}
.int-hero .int-hero__actions .btn span{display:inline-flex;align-items:center;line-height:1}
.int-hero .int-hero__meta{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin:23px 0 0;padding:0;max-width:590px;line-height:1.5}
.int-hero .int-hero__meta i{display:block;flex:0 0 4px;width:4px;height:4px}
.int-map__foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:8px 14px}
.int-map__foot span{white-space:nowrap}
.int-map__foot b{justify-self:end;white-space:nowrap}
@media(max-width:1000px){.int-hero .int-hero__actions .btn{min-width:205px;padding-inline:17px}}
@media(max-width:640px){.int-hero .int-hero__actions{display:grid;grid-template-columns:1fr;gap:9px;width:100%}.int-hero .int-hero__actions .btn{width:100%;min-width:0;min-height:48px;justify-content:space-between;padding-inline:18px;font-size:13px}.int-hero .int-hero__meta{gap:8px 10px;font-size:9px}.int-map__foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.int-map__foot b{grid-column:1/-1;justify-self:start;padding-top:8px;border-top:1px solid #dfe2e6;width:100%}}
/* Shared Odoo / BI hero proportions and visual-card treatment. */
.int-hero__copy h2 .acc{display:block;max-width:100%;}
.int-hero .int-map{box-sizing:border-box;border:1px solid rgba(35,45,60,.1);border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f6f7fb 100%);box-shadow:0 28px 70px rgba(28,35,55,.14),0 5px 16px rgba(28,35,55,.06);padding:22px;overflow:hidden;}
.int-hero .int-map__canvas{border-radius:11px;background-color:#fbfcfe;}
@media(max-width:600px){.int-hero .int-map{padding:13px;border-radius:13px;box-shadow:0 16px 38px rgba(28,35,55,.12),0 4px 12px rgba(28,35,55,.05);}}