/* The approved consulting visual language is reused without changing that page. */

.hero-photo .hero-copy{max-width:800px}.hero-photo h1{max-width:800px;font-size:clamp(43px,4.5vw,64px)}.hero-photo .hero-photo-image{object-position:center}.hero-photo:before{background:linear-gradient(90deg,#08172beb,#08172ba6 48%,#08172b47),linear-gradient(0deg,#101e3650,transparent)}
.integration-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;padding-block:80px 65px}.integration-layout .stage-detail{min-height:214px}.integration-map{border:1px solid #89dafa26;border-radius:14px;padding:25px 22px 0;background:linear-gradient(135deg,#ffffff07,#0c1c3233);box-shadow:0 20px 80px #0002}.system-network{position:relative;height:420px;margin-top:22px}.network-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.network-lines path{fill:none;stroke:#74b7d63d;stroke-width:1}.network-lines .network-flow{stroke:#0cc0df;stroke-width:1.6;stroke-dasharray:4 10;animation:flow 26s linear infinite}.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:166px;height:126px;border-radius:18px;background:linear-gradient(135deg,#235877,#142d47);border:1px solid #67dcf295;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:0 0 45px #0cc0df18}.network-center:after{content:'';position:absolute;inset:-7px;border:1px solid #0cc0df25;border-radius:24px;animation:core-breathe 5s ease-in-out infinite}.hub-glyph{font-size:25px;color:#72dff2;line-height:1.1;margin-bottom:8px}.network-center strong{font-weight:500;font-size:17px;line-height:1.2}.network-center small{color:#b2cada;font-size:7px;margin-top:10px}.system-node{position:absolute;width:43%;max-width:190px;padding:15px;border:1px solid #4e738d;border-radius:9px;background:#162e48;color:white;text-align:left;z-index:1;transition:background .25s,border-color .25s,box-shadow .25s}.system-node:hover,.system-node[aria-pressed=true]{background:#204961;border-color:var(--sky);box-shadow:0 0 25px #0cc0df20}.system-node:focus-visible{outline-color:#72dff2}.system-crm{left:0;top:0}.system-erp{right:0;top:0}.system-platform{left:0;bottom:0}.system-data{right:0;bottom:0}.system-icon{display:block;font-size:20px;line-height:1;color:#72dff2;margin-bottom:10px}.system-node strong{display:block;font-size:13px;font-weight:500;line-height:1.2}.system-node small{display:block;font-size:9px;color:#bdd0e1;margin-top:6px}.node-caption{display:block;font-size:7px;letter-spacing:.7px;margin-top:12px;color:#80c9e4}.integration-map .map-footer{margin-top:20px;padding-inline:0;font-size:9px}.integration-map.reveal.is-waiting .system-node,.integration-map.reveal.is-waiting .network-center,.integration-map.reveal.is-waiting .network-lines{opacity:0}.integration-map.has-entered .network-center{animation:network-appear .6s .1s both}.integration-map.has-entered .network-lines{animation:network-appear .6s .2s both}.integration-map.has-entered .system-crm{animation:network-appear .6s .3s both}.integration-map.has-entered .system-erp{animation:network-appear .6s .4s both}.integration-map.has-entered .system-platform{animation:network-appear .6s .5s both}.integration-map.has-entered .system-data{animation:network-appear .6s .6s both}@keyframes network-appear{from{opacity:0}to{opacity:1}}
.flow-panel{border:1px solid #d5e4ef;background:linear-gradient(125deg,#fff,#f3faff);padding:32px;border-radius:12px}.flow-intro{max-width:760px}.flow-intro .eyebrow{font-size:9px;display:block;margin-bottom:15px}.flow-intro h3{font-size:23px;line-height:1.3}.flow-intro p{font-size:13px}.transaction-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:28px 0}.transaction-flow li{background:#fff;border:1px solid #d8e7f0;border-radius:7px;padding:20px 16px;position:relative}.transaction-flow li:not(:last-child):after{content:'→';position:absolute;left:100%;width:28px;top:50%;transform:translateY(-50%);text-align:center;color:#1287a3;font-size:19px}.transaction-flow li>span{font-size:8px;color:#267b98;letter-spacing:1px;display:block;margin-bottom:15px}.transaction-flow strong{display:block;font-size:13px;font-weight:600;line-height:1.3}.transaction-flow small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.flow-outcome{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:1px solid #dae7ef}.flow-outcome>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e0f6fb;color:#137d96;flex-shrink:0}.flow-outcome p{font-size:12px;margin:0}.flow-outcome strong{color:var(--ink)}.flow-panel.is-changing{animation:scenario-reveal .45s ease-out}.integration-services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;padding:25px}.service-number{position:absolute;right:20px;top:20px;font-size:10px;color:#8b99ab}.service-code{display:flex;height:75px;align-items:center;font-size:25px;color:#1685a6;letter-spacing:3px}.service-card h3{font-size:18px;margin-top:15px}.service-card p{font-size:12px;min-height:100px}.service-use{border-top:1px solid var(--line);padding-top:18px;font-size:11px}.service-use>span{display:block;font-size:8px;color:var(--blue);letter-spacing:.8px;margin-bottom:8px}.platform-note{display:flex;gap:40px;align-items:center;border-top:1px solid #dbe4ed;margin-top:32px;padding-top:25px}.platform-note>.eyebrow{width:200px;flex-shrink:0;margin:0;font-size:9px}.platform-note p{font-size:12px;margin:0}.partners-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:65px;row-gap:28px;align-items:center;padding-block:35px;border-bottom:1px solid var(--line)}.partners-strip img{width:220px;height:120px;object-fit:contain}
@media(max-width:1100px){.integration-layout{gap:35px}.integration-services{grid-template-columns:repeat(2,1fr)}.service-card p{min-height:0}.system-node{padding:13px}.system-node strong{font-size:12px}.integration-map{padding:22px 16px 0}.partners-strip{gap:30px}.transaction-flow{gap:20px}.transaction-flow li:not(:last-child):after{width:20px}}
@media(max-width:850px){.integration-layout{grid-template-columns:1fr;gap:35px;padding-block:60px}.integration-layout .stage-detail{min-height:0}.integration-map{width:100%;max-width:580px;margin-inline:auto}.integration-layout .clarity-copy>p{max-width:600px}.integration-map .system-node strong{font-size:14px}.transaction-flow{grid-template-columns:repeat(2,1fr)}.transaction-flow li:nth-child(2):after{display:none}.partners-strip img{width:173px;height:94px}.flow-panel{padding:25px}}
@media(max-width:620px){.hero-photo h1{font-size:43px;letter-spacing:-1.8px}.hero-photo .hero-grid{padding-block:65px}.integration-services{grid-template-columns:1fr}.service-card{padding:25px}.service-code{height:50px}.service-card h3{font-size:21px}.platform-note{display:block}.platform-note>.eyebrow{width:auto;margin-bottom:15px}.partners-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;justify-items:center}.partners-strip img{width:204px;height:111px}.flow-panel{padding:22px}.flow-intro h3{font-size:21px}.transaction-flow{grid-template-columns:1fr;gap:25px}.transaction-flow li:not(:last-child):after{content:'↓';display:block;left:50%;top:100%;transform:translateX(-50%);height:25px;line-height:25px}.transaction-flow li{padding:18px}.transaction-flow li>span{margin-bottom:9px}.system-network{height:425px}.integration-map .system-node strong{font-size:11px}.system-node{width:44%;padding:12px}.system-node small{font-size:8px}.node-caption{font-size:6px;letter-spacing:.4px}.network-center{width:140px;height:110px}.network-center strong{font-size:15px}.network-center small{font-size:6px}.integration-map .map-header{font-size:8px}.integration-map .map-footer{font-size:8px}.integration-section .hero-bottom>span:last-child{line-height:2}.integration-section .hero-bottom b{margin:0 4px}}
@media(max-width:380px){.hero-photo h1{font-size:37px}.system-node{padding:10px}.system-node small{font-size:7px}.integration-map .system-node strong{font-size:10px}.integration-map{padding-inline:12px}.node-caption{font-size:5px}.network-center{width:132px}.integration-map .map-header{font-size:7px}}
@media(prefers-reduced-motion:reduce){.integration-map.reveal.is-waiting .system-node,.integration-map.reveal.is-waiting .network-center,.integration-map.reveal.is-waiting .network-lines{opacity:1}.integration-map.has-entered *,.flow-panel.is-changing{animation:none!important}}
.project-grid>*,.governance-grid>*{min-width:0}.governance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.governance-grid h3{overflow-wrap:anywhere}.governance-result{overflow-wrap:anywhere}
