/* ERP additions to the exact DIGITZ Tracker theme. */
.erp-brand{font-size:30px;font-weight:800;letter-spacing:2px;line-height:1;color:#327c63;white-space:nowrap;display:inline-block}.erp-brand>span{color:#153b47;font-size:23px;margin-left:7px;letter-spacing:0}.erp-brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:9px;color:#657e87}.announcement span{padding:0 8px}.erp-visual{background:#fff;border:1px solid #ccddd2;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #173e3010}.visual-head{padding:28px 30px;background:#327c63;color:#fff}.visual-head .eyebrow{color:#ffe0a0}.visual-head h2{color:#fff;font-size:30px;margin:10px 0 0;line-height:1.25}.operation-map{padding:22px 28px 10px}.map-node{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #e3ece6}.map-node>span{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#eff5f0;color:#327c63;font-weight:700}.map-node b{font-size:16px}.map-node small{display:block;color:#657e87;font-size:12px}.map-node i{margin-left:auto;color:#327c63;font-style:normal}.final-node>span{background:#ffab00;color:#153b47}.prime-link{margin:0 28px 25px;padding-top:15px;border-top:1px solid #dce9ec;display:flex;flex-direction:column;gap:12px;font-size:11px;color:#327c63}.prime-link img{width:190px;height:auto}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.module{padding:30px;background:#fff;border:1px solid #d3e2d9;border-radius:10px;border-top:3px solid #ffab00}.module h3{font-size:23px;line-height:1.3;margin:16px 0 12px}.module p{color:#657e87;margin:0}.module-flow{border-top:1px solid #e3ece6;margin-top:24px;padding-top:15px;font-size:12px;color:#327c63;font-weight:700}.hire-layout,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.hire-layout h3{font-size:25px}.hire-layout p{margin:15px 0}.hire-example,.demo-brief{background:#f4f7f3;border:1px solid #d3e2d9;border-radius:12px;padding:30px}.hire-example h3{font-size:22px;margin:15px 0}.hire-example>small{font-size:11px;color:#657e87}.stock-example{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 0;border-bottom:1px solid #d3e2d9}.stock-example strong{display:block;font-size:36px;line-height:1.2;color:#327c63}.stock-example small{font-size:12px}.workflow-section{background:#f4f7f3;border-block:1px solid #d3e2d9}.workflow-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.workflow-tabs button{padding:12px 22px;border:1px solid #ccddd2;border-radius:6px;background:white;color:#327c63;font-weight:700}.workflow-tabs button[aria-selected=true]{background:#327c63;color:#fff;border-color:#327c63}#workflow-panel{min-height:190px;background:white;padding:30px;border:1px solid #d3e2d9;border-radius:10px}#workflow-panel h3{font-size:24px}#workflow-panel p{margin-top:12px;color:#657e87}.flow-stages{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}.flow-stages li{padding:9px 14px;background:#edf4ee;border-radius:5px;color:#327c63;font-size:13px}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.report-grid article{border-top:3px solid #ffab00;padding-top:22px}.report-grid h3{font-size:19px;line-height:1.4}.report-grid p{margin-top:12px;color:#657e87}.implementation{background:#327c63;color:#fff}.implementation h2,.implementation h3{color:#fff}.implementation .eyebrow{color:#ffe0a0}.implementation .section-head p,.implementation .micro{color:#e1ede5}.implementation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-bottom:25px}.implementation-steps article>span{color:#ffcf70;font-weight:bold}.implementation-steps h3{font-size:24px;margin:12px 0}.implementation-steps p{color:#e1ede5}.contact-section{background:#faf6ec;border-block:1px solid #e8ddc4}.contact-layout p{margin:20px 0}.demo-brief{background:#fff}.demo-brief h3{font-size:22px}.demo-brief ul{padding-left:18px;margin-top:16px}.demo-brief li{margin:10px 0}.demo-brief p{font-size:12px;color:#657e87}.footergrid a:not(.erp-brand){display:block;margin:7px 0}.footerbottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d3e2d9;padding-top:20px;margin-top:30px;font-size:11px;color:#657e87}textarea:focus-visible,summary:focus-visible{outline:3px solid #ffab00;outline-offset:5px}@media(max-width:1050px){.navlinks{gap:16px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hire-layout,.contact-layout{gap:30px}}@media(max-width:760px){.module-grid,.hire-layout,.contact-layout,.implementation-steps{grid-template-columns:1fr}.erp-brand{font-size:26px}.erp-brand>span{font-size:20px}.module{padding:24px}.visual-head{padding:24px}.visual-head h2{font-size:27px}.operation-map{padding:14px 22px}.prime-link{margin-inline:22px}.report-grid{grid-template-columns:1fr;gap:22px}.implementation-steps{gap:25px}.footerbottom{flex-direction:column}.navlinks.open{display:flex}.stock-example strong{font-size:30px}#workflow-panel{padding:22px;min-height:260px}.hero-pillars{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied ERP identity and production enquiry form. */
.erp-brand { flex-shrink: 0; }
.erp-brand img { display: block; width: 245px; max-width: 100%; height: auto; }
.erp-brand small { margin-top: 11px; font-size: 8px; letter-spacing: 2.7px; }
.footer .erp-brand img { width: 270px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 12px 20px; background: #153b47; color: #fff; border-radius: 6px; }
.skip-link:focus { top: 12px; }
.contact-layout { grid-template-columns: .85fr 1.15fr; align-items: start; }
.contact-layout > div:first-child { position: sticky; top: 120px; }
.enquiry-card { padding: 32px; }
.enquiry-card .form-intro { margin: 8px 0 22px; font-size: 14px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.enquiry-card label { display: block; font-size: 12px; font-weight: 700; color: #153b47; }
.enquiry-card input, .enquiry-card textarea { display: block; width: 100%; min-width: 0; padding: 11px 12px; margin: 6px 0 0; border: 1px solid #b9cec1; border-radius: 6px; background: #fff; color: #153b47; font-size: 16px; font-weight: 400; }
.enquiry-card textarea { resize: vertical; min-height: 110px; }
.enquiry-card form > label { margin-top: 18px; }
.captcha-row { display: flex; align-items: end; gap: 16px; margin-top: 18px; }
.captcha-row label { flex: 1; }
.captcha-row button { border: 0; background: transparent; padding: 10px 0; font-size: 12px; }
.enquiry-card p.form-note { font-size: 11px; line-height: 1.6; margin: 18px 0; }
.enquiry-card .contact-error { color: #a3271d; font-size: 13px; }
#enquiry-success { padding: 18px; border: 1px solid #9bbca8; background: #edf5ef; color: #235b43; font-size: 15px; }
.enquiry-card button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 1050px) { .erp-brand img { width: 205px; } .contact-layout { gap: 28px; } }
@media (max-width: 760px) { .erp-brand img { width: 205px; } .erp-brand small { font-size: 7px; letter-spacing: 2px; } .contact-layout { grid-template-columns: 1fr; } .contact-layout > div:first-child { position: static; } .enquiry-card { padding: 24px; } }
@media (max-width: 420px) { .form-grid { grid-template-columns: 1fr; } .captcha-row { gap: 12px; } }

/* Commercial narrative: outcomes first, with industry depth and decision support. */
.value-section { background: #faf8f1; border-block: 1px solid #e9e1cb; }
.value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.value-grid article { border-top: 3px solid #ffab00; padding-top: 20px; }
.value-grid article > span, .story-kicker { color: #327c63; font-size: 10px; font-weight: 700; letter-spacing: 1.4px; }
.value-grid h3 { margin: 14px 0 12px; font-size: 25px; line-height: 1.3; }
.value-grid p { color: #657e87; }
.value-grid a { display: inline-block; margin-top: 20px; font-size: 12px; color: #327c63; font-weight: 700; }
.commercial-split { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; }
.business-story { border-left: 4px solid #ffab00; padding-left: 25px; }
.business-story h3 { font-size: 29px; line-height: 1.3; margin: 15px 0; }
.business-story p { margin: 16px 0; color: #657e87; }
.business-story .button { margin-top: 12px; }
.benefit-list article { border-bottom: 1px solid #d3e2d9; padding: 0 0 21px; margin-bottom: 21px; }
.benefit-list h3 { font-size: 21px; }
.benefit-list p { margin-top: 8px; color: #657e87; }
.commercial-points { padding-left: 20px; margin: 18px 0 25px; }
.commercial-points li { margin: 8px 0; }
.hire-depth { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px; margin-top: 45px; border-top: 1px solid #d3e2d9; padding-top: 30px; }
.hire-depth h3 { font-size: 19px; line-height: 1.4; }
.hire-depth p { margin-top: 12px; color: #657e87; font-size: 13px; }
.movement-example { display: grid; gap: 16px; margin-top: 22px; }
.movement-example > div { padding: 0 0 14px 20px; border-left: 3px solid #ffab00; }
.movement-example span { display: block; color: #657e87; font-size: 9px; letter-spacing: 1.4px; }
.movement-example b { display: block; font-size: 21px; color: #327c63; margin-top: 4px; }
.movement-example small { display: block; font-size: 12px; color: #657e87; }
.decision-section { background: #f4f7f3; border-block: 1px solid #d3e2d9; }
.decision-table { border: 1px solid #c4d6ca; border-radius: 10px; overflow: hidden; background: white; }
.decision-row { display: grid; grid-template-columns: .9fr 1.1fr 1fr; gap: 28px; padding: 24px; border-bottom: 1px solid #d3e2d9; align-items: start; }
.decision-row:last-child { border-bottom: 0; }
.decision-header { background: #327c63; color: white; padding-block: 14px; font-size: 11px; letter-spacing: .7px; font-weight: 700; }
.decision-row h3 { font-size: 18px; line-height: 1.5; }
.decision-row p { color: #657e87; font-size: 14px; margin: 0; }
.implementation-cta { border-top: 1px solid #70a28a; padding-top: 25px; display: flex; align-items: center; gap: 30px; }
.implementation-cta .button { flex-shrink: 0; background: #ffab00; border-color: #ffab00; color: #153b47; font-weight: 700; }
.implementation-cta p { color: #e1ede5; font-size: 12px; max-width: 500px; }
@media (max-width: 1050px) { .hire-depth { grid-template-columns: 1fr 1fr; } .commercial-split { gap: 35px; } }
@media (max-width: 760px) { .value-grid, .commercial-split { grid-template-columns: 1fr; } .value-grid { gap: 30px; } .value-grid h3 { font-size: 24px; } .hire-depth { grid-template-columns: 1fr; gap: 24px; } .decision-row { grid-template-columns: 1fr; gap: 10px; padding: 22px; } .decision-header { display: none; } .decision-row p:last-child { color: #327c63; } .implementation-cta { flex-direction: column; align-items: start; gap: 16px; } }

.documentation-link { margin-top: 32px; padding-top: 20px; border-top: 1px solid #d3e2d9; }
.specialist-intro { padding-top: 55px; padding-bottom: 35px; }
.specialist-intro h2 { margin: 10px 0; }
.specialist-intro p { color: #657e87; max-width: 650px; }

/* Calendar and sales dashboard feature band. */
.control-centre { background: #f4f7f3; border-block: 1px solid #d3e2d9; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.dashboard-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #cbded1; border-radius: 12px; padding: 28px; scroll-margin-top: 110px; }
.dashboard-icon { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 23px; background: #fff0cf; border-radius: 10px; color: #327c63; font-size: 27px; }
.dashboard-card h3 { font-size: 27px; line-height: 1.3; margin: 12px 0; }
.dashboard-card > p { color: #657e87; margin-bottom: 22px; }
.dashboard-summary { margin-top: auto; margin-bottom: 22px; border-block: 1px solid #dce9df; padding-block: 17px; }
.dashboard-summary span { display: block; font-size: 9px; letter-spacing: 1.4px; color: #657e87; }
.dashboard-summary b { display: block; font-size: 12px; color: #327c63; margin-top: 6px; line-height: 1.8; }
.dashboard-card .textlink { font-size: 12px; }
@media (max-width: 1050px) { .dashboard-card { padding: 22px; } .dashboard-card h3 { font-size: 24px; } }
@media (max-width: 760px) { .dashboard-grid { grid-template-columns: 1fr; } .dashboard-card { padding: 26px; } }

/* GRC narrative: business intent, operational controls, reviewable evidence. */
.grc-hero .hero { align-items: start; gap: 52px; }
.hero-frame.grc-hero .hero h1 { font-size: clamp(34px, 4vw, 52px); line-height: 1.12; letter-spacing: -2.3px; }
.hero-frame.grc-hero .hero h1 em { display: inline-block; margin-top: 12px; font-size: .66em; line-height: 1.18; letter-spacing: -1.1px; }
.grc-control-panel { background: #fff; border: 1px solid #bad1c2; border-radius: 16px; box-shadow: 0 22px 55px #193f3010; overflow: hidden; }
.grc-panel-head { background: #327c63; color: #fff; padding: 28px 30px; }
.grc-panel-head > span { display: block; color: #ffdb8d; font-size: 10px; letter-spacing: 2px; }
.grc-panel-head > b { display: block; font-size: 30px; line-height: 1.25; margin-top: 12px; font-weight: 600; }
.control-chain { list-style: none; padding: 8px 30px; margin: 0; }
.control-chain li { display: flex; gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid #e0e9e2; }
.control-chain li:last-child { border: 0; }
.control-chain li > span { display: grid; place-items: center; flex: 0 0 33px; height: 33px; border-radius: 50%; background: #fff0cf; color: #327c63; font-size: 11px; font-weight: 700; }
.control-chain b { font-size: 18px; color: #153b47; }
.control-chain p { font-size: 12px; color: #657e87; margin: 3px 0 0; }
.grc-panel-foot { padding: 15px 30px; background: #eff5f0; color: #327c63; font-size: 9px; letter-spacing: 1px; font-weight: 700; }
.grc-overview { background: #327c63; color: #fff; }
.grc-overview h2 { color: #fff; }
.grc-overview .eyebrow { color: #ffdb8d; }
.grc-overview .section-head > p { color: #dfebe3; }
.grc-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.grc-pillars > a { display: flex; flex-direction: column; align-items: start; border-top: 1px solid #7ba48c; padding-top: 23px; }
.grc-letter { width: 51px; height: 51px; display: grid; place-items: center; border: 1px solid #8cb29b; border-radius: 10px; font-size: 27px; color: #ffce70; margin-bottom: 22px; }
.grc-pillars h3 { color: #fff; font-size: 26px; line-height: 1.3; margin: 12px 0; }
.grc-pillars p { color: #dfebe3; font-size: 14px; margin: 0 0 22px; }
.grc-pillars > a > b { color: #ffdc94; font-size: 12px; margin-top: auto; }
.governance-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; }
.governance-steps article { margin-bottom: 25px; padding-bottom: 23px; border-bottom: 1px solid #d3e2d9; }
.governance-steps article:last-child { margin-bottom: 0; }
.governance-steps article > span, .compliance-grid article > span, .industry-control-grid article > span { color: #327c63; font-size: 10px; letter-spacing: 1.2px; font-weight: 700; }
.governance-steps h3 { margin: 8px 0; font-size: 24px; }
.governance-steps p { color: #657e87; }
.control-case { padding: 32px; background: #faf7ee; border: 1px solid #e7d8b3; border-radius: 12px; }
.control-case h3 { font-size: 29px; line-height: 1.3; margin: 12px 0 24px; }
.control-case ol { padding-left: 22px; margin: 0 0 22px; }
.control-case li { padding: 8px 0 8px 5px; }
.control-value { border-top: 1px solid #e7d8b3; padding: 20px 0; }
.control-value b { color: #327c63; }
.control-value p { color: #657e87; margin-top: 6px; }
.compliance-section { background: #faf7ee; border-block: 1px solid #e7dec8; }
.compliance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.compliance-grid article { border-top: 3px solid #ffab00; padding-top: 23px; }
.compliance-grid h3 { font-size: 25px; margin: 12px 0; }
.compliance-grid p { color: #657e87; }
.scope-note { font-size: 12px; color: #657e87; margin-top: 28px; max-width: 850px; }
.ai-assistant-section { background: #143e36; color: #e5eee8; }
.ai-assistant-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.ai-assistant-section .eyebrow { color: #ffdb8d; }
.ai-assistant-section h2 { color: #fff; }
.ai-assistant-section h2 em { color: #ffce70; font-style: normal; }
.ai-intro { font-size: 18px; margin: 22px 0 16px; }
.connection-status { display: inline-block; border: 1px solid #bd9b48; border-radius: 30px; padding: 5px 12px; color: #ffdc94; font-size: 11px; margin-bottom: 16px; }
.ai-value-list { margin: 25px 0 30px; }
.ai-value-list > div { border-top: 1px solid #42645a; padding: 13px 0; }
.ai-value-list b { color: #fff; font-size: 15px; }
.ai-value-list p { margin: 3px 0 0; color: #c5d8ce; font-size: 13px; }
.ai-assistant-section .button { background: #ffab00; color: #153b47; border-color: #ffab00; font-weight: 700; }
.ai-brief-panel { border: 1px solid #648879; background: #fff; color: #153b47; border-radius: 14px; overflow: hidden; }
.ai-brief-heading { background: #e9f0eb; border-bottom: 1px solid #d3e2d9; padding: 25px; }
.ai-brief-heading span { display: block; font-size: 9px; color: #327c63; letter-spacing: 1.5px; }
.ai-brief-heading b { display: block; font-size: 21px; margin-top: 8px; }
.ai-example-label { padding: 20px 25px 0; color: #657e87; font-size: 12px; }
.ai-brief-panel details { margin: 0 25px; border-bottom: 1px solid #d3e2d9; padding: 17px 0; }
.ai-brief-panel summary { cursor: pointer; color: #327c63; font-size: 15px; font-weight: 700; }
.ai-brief-panel details p { color: #657e87; font-size: 13px; margin-top: 12px; }
.ai-boundary { margin: 22px 25px 25px; padding: 17px; border-left: 3px solid #ffab00; background: #faf7ee; }
.ai-boundary b { font-size: 13px; }
.ai-boundary p { font-size: 12px; color: #657e87; margin-top: 5px; }
.industry-control-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.industry-control-grid article { padding: 24px; border: 1px solid #d3e2d9; border-radius: 10px; scroll-margin-top: 110px; }
.industry-control-grid h3 { font-size: 24px; line-height: 1.3; margin: 12px 0; }
.industry-control-grid p { color: #657e87; margin-bottom: 20px; }
.industry-control-grid .textlink { font-size: 12px; }
@media (max-width: 1050px) { .grc-hero .hero { gap: 30px; } .governance-layout, .ai-assistant-layout { gap: 32px; } .grc-pillars h3 { font-size: 24px; } .navlinks { gap: 13px; font-size: 10px; } }
@media (max-width: 760px) { .hero-frame.grc-hero .hero h1 { font-size: 38px; letter-spacing: -1.4px; } .grc-hero .hero { gap: 30px; } .grc-pillars, .governance-layout, .compliance-grid, .ai-assistant-layout, .industry-control-grid { grid-template-columns: 1fr; } .grc-pillars { gap: 30px; } .grc-pillars h3 { font-size: 26px; } .control-case { padding: 26px; } .grc-panel-head { padding: 25px; } .control-chain { padding-inline: 25px; } .ai-brief-heading b { font-size: 19px; } }
@media (max-width: 380px) { .hero-frame.grc-hero .hero h1 { font-size: 34px; } .grc-panel-head > b { font-size: 27px; } }

/* Match Tracker's trial bar, navigation scale and primary conversion. */
header .erp-brand img { width: 320px; height: auto; }
header .navlinks { font-size: 14px; gap: 20px; }
header .navcta { font-size: 13px; padding: 12px 20px; white-space: nowrap; }
.free-announcement > span:not(.announce-free) { padding: 0; }
.grc-hero .hero-conversion { margin-top: 24px; }
.grc-hero .custom-deployment { margin-top: 20px; }
@media (max-width: 1120px) { header .erp-brand img { width: 250px; } header .navlinks { font-size: 12px; gap: 13px; } header .navcta { padding: 11px 14px; font-size: 12px; } }
@media (min-width: 761px) and (max-width: 960px) { header .erp-brand img { width: 195px; } header .navlinks { gap: 10px; font-size: 10px; } header .navcta { padding: 10px; font-size: 10px; } }
@media (max-width: 760px) { header .erp-brand img { width: 210px; } header .navlinks { font-size: 14px; gap: 20px; } header .navcta { font-size: 13px; } }