/* Integration Tools pages, including the approved Integration Audit B direction. */
.tools-hub .tool-hub-section { padding: 100px 0; }
.tool-hub-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.tool-hub-card { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(28px,4vw,52px); border-radius: 24px; background: #fff; border: 1px solid var(--line); box-shadow: 0 20px 60px rgba(2,10,23,.06); }
.tool-hub-card:nth-child(2) { background: #eaf1f2; }
.tool-number { color: #167568; font-size: .76rem; font-weight: 750; letter-spacing: .12em; }
.tool-hub-card h2 { margin: 24px 0 14px; font-size: clamp(2rem,3.6vw,3.5rem); line-height: 1.06; letter-spacing: -.04em; }
.tool-hub-card p { color: var(--ink-2); }
.tool-hub-card .tool-status { padding-top: 16px; border-top: 1px solid var(--line); margin-top: auto; font-size: .9rem; }
.tool-hub-card .button { margin-top: 22px; }

/* The Audit landing retains B's photography, dark opening and visual change-to-fix flow. */
.tool-audit { --audit-ink:#16191d; --audit-muted:#5e646b; --audit-paper:#f6f4ef; --audit-dark:#121519; --audit-accent:#e9a93b; color:var(--audit-ink); background:var(--audit-paper); }
.audit-site-header .nav-shell { gap:12px; }
.audit-header-brand { display:flex; align-items:center; gap:12px; min-width:0; }
.audit-home-icon { display:inline-flex; flex:0 0 auto; align-items:center; border-radius:8px; }
.audit-home-icon .brand-logo { width:44px; }
.audit-home-icon:focus-visible { outline:3px solid #e9a93b; outline-offset:4px; }
.audit-header-title { display:inline-flex; align-items:baseline; gap:.45em; white-space:nowrap; color:#fff; font-size:1.25rem; letter-spacing:.02em; }
.audit-header-title .integration-audit-name em { color:#e9a93b; }
.audit-header-by { color:rgba(255,255,255,.78); font-size:.72rem; letter-spacing:.09em; }
.audit-site-header .primary-nav { margin-left:auto; }
.tool-audit a { text-decoration: underline; text-underline-offset: 3px; }
.tool-audit a:focus-visible { outline: 3px solid var(--audit-accent); outline-offset: 4px; }
.audit-cinema { position:relative; isolation:isolate; min-height:min(600px,75svh); padding:clamp(145px,14vh,185px) clamp(20px,6vw,104px) 48px; background-color:#08090b; background-size:cover; background-position:right center; color:#fff; overflow:hidden; }
.audit-cinema-shade { position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,rgba(8,9,11,.75),transparent 35%),linear-gradient(90deg,rgba(8,9,11,.97) 0,rgba(8,9,11,.9) 32%,rgba(8,9,11,.42) 65%,rgba(8,9,11,.18)); }
.audit-hero-content { position:relative; z-index:2; max-width:760px; }
.audit-eyebrow { margin:0 0 16px; color:#a86d08; font-size:.76rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.audit-cinema .audit-eyebrow,.audit-dark .audit-eyebrow { color:var(--audit-accent); }
.audit-cinema h1 { margin:0; color:#fff; font-size:clamp(3.15rem,7vw,6.6rem); line-height:.99; letter-spacing:-.055em; font-weight:800; }
.audit-cinema h1 em { color:var(--audit-accent); font-style:normal; }
.audit-promise { margin:28px 0 30px; color:#e6e3dc; font-size:clamp(1.35rem,2.35vw,2rem); line-height:1.25; }
.audit-button { display:inline-flex; gap:12px; align-items:center; justify-content:center; padding:17px 26px; border-radius:999px; background:var(--audit-accent); color:#181b1e!important; font-weight:800; text-decoration:none!important; box-shadow:0 12px 30px rgba(0,0,0,.22); }
.audit-button:hover { background:#f4bd61; }
.audit-flow { position:absolute; right:4%; top:54%; display:flex; align-items:center; gap:10px; width:min(540px,40vw); transform:translateY(-30%); }
.audit-flow-node { display:flex; flex-direction:column; align-items:center; gap:12px; min-width:96px; color:#f0efec; font-size:.82rem; text-align:center; white-space:nowrap; }
.audit-flow-icon { display:grid; place-items:center; width:90px; height:90px; border:1px solid rgba(255,255,255,.4); border-radius:22px; background:rgba(26,31,36,.7); font-size:2.25rem; box-shadow:0 15px 35px rgba(0,0,0,.3); backdrop-filter:blur(6px); }
.audit-flow-node.is-warning .audit-flow-icon { border-color:#ff8a3d; color:#ff8a3d; box-shadow:0 0 30px rgba(255,138,61,.45); }
.audit-flow-node.is-verified .audit-flow-icon { border-color:#5bd08a; color:#5bd08a; box-shadow:0 0 30px rgba(91,208,138,.35); }
.audit-flow-line { flex:1; height:2px; margin-bottom:26px; background:linear-gradient(90deg,#9da3aa,#ff8a3d); }
.audit-flow-line:nth-of-type(4) { background:linear-gradient(90deg,#ff8a3d,#5bd08a); }
.audit-section { padding:clamp(70px,8vw,112px) 20px; }
.audit-problem { padding-top:48px; }
.audit-narrow { max-width:800px; margin:0 auto; }
.audit-wide { max-width:1140px; margin:0 auto; }
.tool-audit h2 { margin:0 0 22px; font-size:clamp(2.1rem,4vw,3.8rem); line-height:1.09; letter-spacing:-.035em; }
.tool-audit h3 { margin:0 0 12px; font-size:1.12rem; }
.tool-audit p { line-height:1.65; }
.audit-section p,.audit-vision p { max-width:760px; }
.audit-intro { font-size:1.14rem; }
.audit-pain-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:32px; }
.audit-pain-grid article { padding:22px 24px; border-left:4px solid var(--audit-accent); background:#fff; border-radius:0 12px 12px 0; }
.audit-pain-grid article p { margin:8px 0 0; color:var(--audit-muted); }
.audit-dark { color:#f2f0ea; background:var(--audit-dark); }
.audit-dark p { color:#c2c5c6; }
.audit-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:34px; }
.audit-three article { padding:28px; border:1px solid #34383d; border-radius:14px; background:#1b1f24; }
.audit-three article span { color:var(--audit-accent); font-size:.8rem; font-weight:800; }
.audit-three article h3 { margin-top:16px; }
.audit-three article p { margin-bottom:0; }
.audit-direction-actions { display:flex; justify-content:center; margin-top:38px; }
.audit-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:34px 0 24px; list-style:none; }
.audit-steps li { padding:22px; border:1px solid #e2ded5; border-radius:12px; background:#fff; }
.audit-steps li span { display:grid; place-items:center; width:38px; height:38px; margin-bottom:18px; border-radius:50%; background:var(--audit-accent); font-size:.83rem; font-weight:800; }
.audit-steps li p { margin:0; color:var(--audit-muted); font-size:.94rem; }
.audit-measures article { border-color:#68512b; }
.audit-measure-actions { display:flex; justify-content:flex-end; margin-top:28px; }
.audit-vision { position:relative; isolation:isolate; min-height:550px; display:flex; align-items:center; padding:80px 20px; background-size:cover; background-position:right center; }
.audit-vision::before { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(90deg,rgba(246,244,239,.96) 0,rgba(246,244,239,.89) 42%,rgba(246,244,239,.08) 78%); }
.audit-vision .audit-narrow { width:min(100%,1140px); max-width:1140px; }
.audit-vision .audit-narrow>* { max-width:600px; }
.audit-credibility { background:#fff; }
.audit-credibility a,.audit-faq a { color:#126f69; }
.audit-credibility-list { display:grid; gap:18px; margin:28px 0 0; padding:0; list-style:none; }
.audit-credibility-list li { position:relative; padding-left:28px; line-height:1.65; }
.audit-credibility-list li::before { position:absolute; top:.75em; left:0; width:8px; height:8px; border-radius:50%; background:#a86d08; content:""; }
.jitterbit-mention { white-space:nowrap; }
.jitterbit-name { white-space:nowrap; }
.jitterbit-icon { display:inline-block; width:18px; height:18px; margin-right:5px; overflow:hidden; vertical-align:-.2em; }
.jitterbit-icon img { display:block; width:auto; max-width:none; height:18px; }
.audit-faq details { padding:18px 20px; border:1px solid #dedbd3; border-radius:10px; margin:10px 0; background:#fff; }
.audit-faq summary { cursor:pointer; font-weight:700; }
.audit-faq details p { margin-bottom:0; color:var(--audit-muted); }
.audit-final { text-align:center; }
.audit-final p,.audit-final h2 { margin-left:auto; margin-right:auto; }
.audit-final a:not(.audit-button) { color:#fff; }

/* Renewal simulator landing. The calculator itself remains on ipaastools.com. */
.sim-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:28px; }
.sim-actions span { color:rgba(255,255,255,.72); font-size:.88rem; }
.sim-section { padding:clamp(72px,8vw,112px) 0; }
.sim-section h2 { max-width:730px; font-size:clamp(2.2rem,4vw,3.8rem); line-height:1.09; letter-spacing:-.04em; }
.sim-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:38px; }
.sim-grid article { min-height:260px; padding:28px; border-radius:20px; background:#fff; border:1px solid var(--line); }
.sim-grid article span { color:#167568; font-size:.77rem; font-weight:800; letter-spacing:.1em; }
.sim-grid h3 { margin:22px 0 14px; font-size:1.42rem; line-height:1.15; }
.sim-grid p { color:var(--muted); }
.sim-dark { color:#fff; background:#0b1b30; }
.sim-dark p { color:rgba(255,255,255,.75); }
.sim-split { display:grid; grid-template-columns:1fr .75fr; gap:clamp(30px,6vw,100px); align-items:center; }
.sim-paper { padding:36px; border-radius:20px; background:#e8f1ef; color:#0c1728; }
.sim-paper strong { font-size:1.45rem; line-height:1.2; }
.sim-paper p,.sim-dark .sim-paper p { color:#3d5360; }
.sim-paper a { color:#126f69; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:1150px) { .audit-flow { display:none; } .audit-cinema-shade { background:linear-gradient(90deg,rgba(8,9,11,.98),rgba(8,9,11,.55)); } }
@media (max-width:900px) { .audit-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .sim-grid { grid-template-columns:1fr; } .sim-grid article { min-height:0; } }
@media (max-width:600px) { .audit-header-brand { gap:9px; } .audit-header-title { flex-direction:column; align-items:flex-start; gap:1px; font-size:1.08rem; line-height:1.1; } .audit-header-by { font-size:.58rem; letter-spacing:.05em; } }
@media (max-width:700px) { .tool-hub-grid,.sim-split,.audit-three,.audit-pain-grid { grid-template-columns:1fr; } .audit-cinema { min-height:min(630px,78svh); padding-top:118px; padding-bottom:42px; background-position:64% center; } .audit-cinema-shade { background:linear-gradient(0deg,rgba(8,9,11,.94),rgba(8,9,11,.55)); } .audit-vision { min-height:0; padding-top:calc(48vw + 40px); background-size:auto 58vw; background-position:center top; background-repeat:no-repeat; } .audit-vision::before { background:linear-gradient(0deg,var(--audit-paper) 0,var(--audit-paper) 60%,transparent 100%); } .audit-steps { grid-template-columns:1fr; } .audit-direction-actions .audit-button,.audit-measure-actions .audit-button { width:100%; } .tools-hub .tool-hub-section { padding:64px 0; } }
@media (prefers-reduced-motion:reduce) { .tool-audit * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }