/* iQuotient Connected Control Model */
.control-map-page{
  --cm-accent:#087f94;
  --cm-accent-rgb:8,127,148;
  --cm-ink:#17272d;
  --cm-soft:#587078;
  --cm-line:#d8e4e7;
  --cm-paper:#f5f9fa;
  background:#fff;color:var(--cm-ink)
}
.control-map-page .nav{position:relative;z-index:50}
.control-map-page main{overflow:hidden}
.control-map-page .btn{border-radius:6px}
.control-map-page [hidden]{display:none!important}
.control-explorer{min-height:calc(100svh - 76px);background:#f5f9fa;border-bottom:1px solid var(--cm-line)}
.control-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:1.7rem max(24px,calc((100vw - 1220px)/2)) 1.25rem}
.control-kicker{display:flex;align-items:center;gap:.7rem;margin:0 0 .75rem;color:#006f82;font-size:.72rem;font-weight:800;text-transform:uppercase}
.control-kicker::before{content:"";width:32px;height:2px;background:var(--cm-accent)}
.control-intro h1{max-width:780px;margin:0;font-size:3.35rem;line-height:1;font-weight:800}
.control-intro h1 span{color:var(--cm-accent)}
.control-intro-copy{max-width:650px;margin:.95rem 0 0;color:var(--cm-soft);font-size:1.04rem;line-height:1.7}
.control-intro-meta{display:flex;gap:1.2rem;align-items:center;justify-content:flex-end;padding-bottom:.45rem;color:var(--cm-soft);font-size:.78rem;font-weight:700}
.control-intro-meta span{display:flex;align-items:center;gap:.45rem;white-space:nowrap}
.control-intro-meta i{width:7px;height:7px;border-radius:50%;background:var(--cm-accent)}

.control-workspace{border-top:1px solid var(--cm-line);background:#fff}
.control-toolbar{min-height:72px;display:grid;grid-template-columns:1fr auto;gap:.75rem 1.2rem;align-items:center;padding:.75rem max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--cm-line)}
.control-mode-tabs,.control-standard-tabs,.control-scenarios{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.control-mode-tabs{padding:.28rem;background:#eef4f5;border-radius:7px}
.control-mode-tabs button,.control-standard-tabs button,.control-scenarios button{
  min-height:40px;border:1px solid transparent;background:transparent;color:#50676e;border-radius:5px;padding:.55rem .85rem;font:700 .76rem/1.15 "Montserrat",sans-serif;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s
}
.control-mode-tabs button:hover,.control-standard-tabs button:hover,.control-scenarios button:hover{color:var(--cm-ink);border-color:#bdd0d5}
.control-mode-tabs button[aria-selected="true"]{background:#fff;color:var(--cm-ink);border-color:#cadade;box-shadow:0 4px 16px rgba(24,56,65,.07)}
.control-scenario-wrap{min-width:0;display:flex;grid-column:1/-1;grid-row:2;align-items:center;gap:.8rem;justify-content:center}
.control-label{flex:none;color:#5b7077;font-size:.66rem;font-weight:800;text-transform:uppercase}
.control-scenarios{justify-content:center;min-width:0}
.control-scenarios button{background:#fff;border-color:#d8e4e7;white-space:nowrap}
.control-scenarios button[aria-pressed="true"]{background:var(--cm-accent);border-color:var(--cm-accent);color:#fff}
.control-standard-tabs{justify-content:flex-end}
.control-standard-tabs button{position:relative;padding-inline:.65rem}
.control-standard-tabs button::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.4rem;background:var(--std-color,#087f94)}
.control-standard-tabs button[aria-pressed="true"]{background:rgba(var(--cm-accent-rgb),.09);border-color:rgba(var(--cm-accent-rgb),.32);color:var(--cm-ink)}

.control-main{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:610px;border-bottom:1px solid var(--cm-line)}
.control-stage{position:relative;min-width:0;overflow:hidden;background-color:#f8fbfc;background-image:linear-gradient(#e8f0f2 1px,transparent 1px),linear-gradient(90deg,#e8f0f2 1px,transparent 1px);background-size:46px 46px}
.control-stage::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.36);pointer-events:none}
.control-governance{position:absolute;z-index:6;top:20px;left:24px;right:24px;display:flex;align-items:center;gap:.55rem}
.control-governance strong{margin-right:.35rem;color:#70868d;font-size:.66rem;text-transform:uppercase}
.control-governance span{border-left:2px solid var(--cm-accent);padding:.35rem .65rem;background:rgba(255,255,255,.88);color:#3b555e;font-size:.7rem;font-weight:700;box-shadow:0 4px 14px rgba(33,66,75,.05)}
.control-plane{position:absolute;inset:70px 28px 82px;transform:perspective(1300px) rotateX(1.5deg);transform-origin:center bottom}
.control-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.control-link{fill:none;stroke:#c6d7db;stroke-width:1.35;stroke-linecap:round;opacity:.38}
.control-link.is-route{stroke:var(--cm-accent);stroke-width:2.7;opacity:.92;stroke-dasharray:7 7;animation:cm-dash 1.4s linear infinite}
.control-token{fill:#fff;stroke:var(--cm-accent);stroke-width:4;filter:drop-shadow(0 5px 6px rgba(var(--cm-accent-rgb),.35));opacity:0}
.control-token.is-visible{opacity:1}
@keyframes cm-dash{to{stroke-dashoffset:-28}}

.annex-spine{position:absolute;z-index:2;left:5%;right:5%;bottom:2px;height:64px;border-top:2px solid #aac2c8;display:grid;grid-template-columns:repeat(7,1fr)}
.annex-clause{position:relative;border:0;border-left:1px solid #d2e0e3;background:transparent;padding:.65rem .35rem 0;text-align:left;color:#637980;cursor:pointer;font:700 .65rem/1.25 "Montserrat",sans-serif;transition:color .18s,background .18s}
.annex-clause:last-child{border-right:1px solid #d2e0e3}
.annex-clause b{display:block;color:#29434b;font-size:.8rem}
.annex-clause:hover,.annex-clause[aria-pressed="true"]{color:var(--cm-accent);background:rgba(var(--cm-accent-rgb),.07)}
.annex-clause[aria-pressed="true"] b{color:var(--cm-accent)}

.control-node{--x:50%;--y:50%;position:absolute;z-index:4;left:var(--x);top:var(--y);width:138px;min-height:64px;transform:translate(-50%,-50%);border:1px solid #cadade;border-radius:7px;background:rgba(255,255,255,.94);padding:.65rem .7rem;text-align:left;color:#557078;box-shadow:0 7px 22px rgba(36,67,75,.08);cursor:pointer;transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s,background .25s;color .25s}
.control-node small{display:block;margin-bottom:.25rem;color:#5f747b;font:700 .58rem/1.2 "Montserrat",sans-serif;text-transform:uppercase}
.control-node strong{display:block;color:#314b53;font:750 .76rem/1.22 "Montserrat",sans-serif}
.control-node:not(.is-route):not(.is-related){opacity:.35;box-shadow:none}
.control-node.is-related{opacity:.64}
.control-node.is-route{opacity:1;border-color:rgba(var(--cm-accent-rgb),.45)}
.control-node.is-current{z-index:8;transform:translate(-50%,-50%) scale(1.08);background:#fff;border-color:var(--cm-accent);box-shadow:0 18px 35px rgba(var(--cm-accent-rgb),.18),0 0 0 4px rgba(var(--cm-accent-rgb),.08)}
.control-node.is-current strong,.control-node.is-complete strong{color:var(--cm-accent)}
.control-node.is-complete::after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--cm-accent)}
.control-node:disabled{cursor:default}
.control-node:focus-visible,.annex-clause:focus-visible,.control-toolbar button:focus-visible,.control-player button:focus-visible{outline:3px solid rgba(8,127,148,.32);outline-offset:2px}

.node-source{--x:8%;--y:50%}.node-documents{--x:25%;--y:24%}.node-risk{--x:25%;--y:67%}.node-audit{--x:42%;--y:32%}.node-ncr{--x:43%;--y:70%}.node-work{--x:60%;--y:51%}.node-competence{--x:66%;--y:76%}.node-evidence{--x:76%;--y:25%}.node-review{--x:87%;--y:47%}.node-reports{--x:90%;--y:75%}

.control-stage-caption{position:absolute;z-index:7;left:24px;bottom:18px;display:flex;align-items:center;gap:.65rem;color:#647b82;font-size:.68rem;font-weight:700}
.control-stage-caption i{display:block;width:26px;height:2px;background:var(--cm-accent)}
.control-stage-caption strong{color:#29434b}

.control-inspector{position:relative;z-index:10;display:flex;flex-direction:column;min-width:0;background:#fff;border-left:1px solid var(--cm-line)}
.control-proof{position:relative;height:245px;margin:0;overflow:hidden;background:#e8f0f2;border-bottom:1px solid var(--cm-line)}
.control-proof img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;transition:opacity .22s,transform .35s}
.control-proof.is-changing img{opacity:.25;transform:scale(1.025)}
.control-proof::after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,rgba(17,35,41,.74));pointer-events:none}
.control-proof figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:15px;color:#fff;font-size:.67rem;font-weight:700}
.control-detail{padding:1.35rem 1.4rem 1rem}
.control-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.control-step-label{margin:0;color:var(--cm-accent);font-size:.65rem;font-weight:800;text-transform:uppercase}
.control-detail h2{margin:.4rem 0 .65rem;font-size:1.35rem;line-height:1.12}
.control-detail-copy{margin:0;min-height:72px;color:var(--cm-soft);font-size:.85rem;line-height:1.6}
.control-record{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0 0;padding:1rem 0;border-top:1px solid var(--cm-line);border-bottom:1px solid var(--cm-line)}
.control-record div{min-width:0}.control-record dt{color:#5b7178;font-size:.59rem;font-weight:800;text-transform:uppercase}.control-record dd{margin:.25rem 0 0;color:#2d4850;font-size:.72rem;font-weight:700;overflow-wrap:anywhere}
.control-readiness{display:grid;grid-template-columns:76px 1fr;gap:.8rem;align-items:center;margin-top:.85rem}
.control-readiness-score{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:6px solid rgba(var(--cm-accent-rgb),.16);box-shadow:inset 0 0 0 2px var(--cm-accent);color:var(--cm-accent);font-size:1.15rem;font-weight:800;line-height:1;text-align:center}
.control-readiness p{margin:0;color:#60777e;font-size:.68rem;line-height:1.45}.control-readiness p strong{display:block;margin-bottom:.2rem;color:#29434b;font-size:.74rem}

.control-player{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto auto;gap:.75rem;align-items:center;padding:1rem 1.4rem;border-top:1px solid var(--cm-line)}
.control-player button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #c8d9dd;border-radius:5px;background:#fff;color:#29434b;cursor:pointer;font:800 .9rem "Montserrat",sans-serif}
.control-player .control-play{background:var(--cm-accent);border-color:var(--cm-accent);color:#fff}
.control-player .control-play:disabled{cursor:not-allowed;background:#dce7e9;border-color:#dce7e9;color:#809399}
.control-progress{height:4px;background:#e5eef0;overflow:hidden}.control-progress span{display:block;width:0;height:100%;background:var(--cm-accent);transition:width .35s}

.control-step-nav{display:flex;align-items:center;gap:0;overflow-x:auto;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff;scrollbar-width:thin}
.control-step-nav button{position:relative;flex:1 0 132px;min-height:74px;border:0;border-right:1px solid var(--cm-line);background:#fff;padding:.8rem .8rem .8rem 1rem;text-align:left;color:#586f76;cursor:pointer;font:700 .68rem/1.3 "Montserrat",sans-serif}
.control-step-nav button:first-child{border-left:1px solid var(--cm-line)}
.control-step-nav button::before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--cm-accent);transition:width .25s}
.control-step-nav button[aria-current="step"]{color:var(--cm-ink);background:#f7fafb}.control-step-nav button[aria-current="step"]::before{width:100%}
.control-step-nav button span{display:block;margin-bottom:.24rem;color:#596f76;font-size:.55rem}

.control-foundation{padding:6rem 0;background:#fff}
.control-foundation-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:4rem;align-items:end;margin-bottom:3.5rem}
.control-foundation h2{max-width:740px;margin:0;font-size:3.5rem;line-height:1.02}
.control-foundation-head p{margin:0;color:var(--cm-soft);line-height:1.75}
.control-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cm-line);border-bottom:1px solid var(--cm-line)}
.control-principles article{padding:2rem 2rem 2.2rem 0;border-right:1px solid var(--cm-line)}
.control-principles article+article{padding-left:2rem}.control-principles article:last-child{border-right:0}
.control-principles span{display:block;margin-bottom:2rem;color:var(--cm-accent);font-size:.68rem;font-weight:800}
.control-principles h3{margin:0 0 .65rem;font-size:1.12rem}.control-principles p{margin:0;color:var(--cm-soft);font-size:.86rem;line-height:1.65}

.control-standards-band{padding:5.5rem 0;background:#1f292d;color:#eef5f6}
.control-standards-grid{display:grid;grid-template-columns:minmax(270px,.8fr) 1.2fr;gap:5rem;align-items:start}
.control-standards-band h2{margin:.4rem 0 1rem;font-size:3.25rem;line-height:1.03;color:#fff}.control-standards-band .eyebrow{color:var(--cyan,#34cfdc)}.control-standards-band p{color:#bdcdd1;line-height:1.75}
.control-standard-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.18)}
.control-standard-links a{min-height:140px;padding:1.35rem;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;transition:background .18s}
.control-standard-links a:hover{background:rgba(255,255,255,.06)}
.control-standard-links span{display:block;margin-bottom:1.5rem;color:#78d2de;font-size:.66rem;font-weight:800}.control-standard-links strong{display:block;font-size:1rem}.control-standard-links small{display:block;margin-top:.5rem;color:#aebfc3;line-height:1.45}

.control-final{padding:5.2rem 0;background:#f1f7f8;text-align:center}.control-final h2{max-width:840px;margin:.35rem auto 1rem;font-size:3.7rem;line-height:1.02}.control-final p{max-width:650px;margin:0 auto 1.8rem;color:var(--cm-soft);line-height:1.7}.control-final .hero-cta{justify-content:center}

@media(max-width:1360px){
  .control-main{grid-template-columns:minmax(0,1fr) 320px}.control-node{width:124px}.control-intro{grid-template-columns:1fr auto}.control-intro h1{font-size:3.2rem}
}
@media(max-width:1060px){
  .control-intro{grid-template-columns:1fr}.control-intro-meta{justify-content:flex-start}.control-main{grid-template-columns:minmax(0,1fr) 310px}
}
@media(max-width:920px){
  .control-explorer{min-height:auto}.control-intro{padding:1.6rem 20px 1.35rem}.control-intro h1{font-size:2.55rem}.control-intro-meta{display:none}
  .control-toolbar{display:block;padding:.8rem 20px}.control-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.control-mode-tabs button{min-height:44px;padding:.55rem .3rem}.control-scenario-wrap{display:block;margin-top:.75rem}.control-label{display:block;margin-bottom:.45rem}.control-scenarios{display:grid;grid-template-columns:1fr 1fr}.control-scenarios button{min-height:44px}.control-standard-tabs{display:grid;grid-template-columns:repeat(3,1fr);justify-content:stretch;margin-top:.75rem}.control-standard-tabs button{min-height:44px;padding:.5rem .3rem}
  .control-main{display:flex;flex-direction:column}.control-inspector{order:1}.control-stage{order:2;min-height:auto;padding:5.2rem 20px 1.4rem}.control-governance{top:16px;left:20px;right:20px;overflow-x:auto}.control-governance strong{display:none}.control-governance span{flex:none}
  .control-plane{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:.65rem;transform:none}.control-links,.annex-spine{display:none}.control-node{position:relative;left:auto;top:auto;width:auto;min-height:78px;transform:none!important}.control-node:not(.is-route):not(.is-related){display:none}.control-node.is-current{box-shadow:0 12px 28px rgba(var(--cm-accent-rgb),.16),0 0 0 3px rgba(var(--cm-accent-rgb),.08)}
  .control-stage-caption{position:relative;left:auto;bottom:auto;margin-top:1.1rem}.control-inspector{border-left:0;border-top:1px solid var(--cm-line)}.control-proof{height:300px}.control-proof img{object-position:50% 12%}.control-detail-copy{min-height:0}.control-player{margin-top:0}.control-step-nav{padding:0 20px}
  .control-foundation{padding:4.4rem 0}.control-foundation-head,.control-standards-grid{grid-template-columns:1fr;gap:1.8rem}.control-foundation h2,.control-standards-band h2{font-size:2.45rem}.control-final h2{font-size:2.6rem}.control-principles{grid-template-columns:1fr}.control-principles article,.control-principles article+article{padding:1.5rem 0;border-right:0;border-bottom:1px solid var(--cm-line)}.control-principles article:last-child{border-bottom:0}.control-principles span{margin-bottom:.8rem}.control-standards-band{padding:4.4rem 0}.control-standard-links{grid-template-columns:1fr}.control-standard-links a{min-height:112px;border-right:0}.control-standard-links span{margin-bottom:.9rem}
}
@media(max-width:480px){
  .control-intro h1{font-size:2.15rem}.control-intro-copy{font-size:.92rem}.control-standard-tabs button{flex:none}.control-plane{grid-template-columns:1fr}.control-proof{height:260px}.control-record{grid-template-columns:1fr 1fr}.control-readiness{grid-template-columns:68px 1fr}.control-readiness-score{width:64px;height:64px;font-size:1rem}.control-player{padding:.85rem 1rem}.control-detail{padding:1.2rem 1rem}.control-step-nav{padding:0 15px}.control-final{padding:4rem 0}
}
@media(max-width:360px){
  .control-map-page .nav-inner{gap:.5rem}.control-map-page .brand-logo{height:28px}.control-map-page .nav-cta .btn{padding:.5rem .6rem;font-size:.72rem}.control-map-page .menu-btn{width:36px;height:36px;margin-left:0}
  .control-mode-tabs button{font-size:.68rem}.control-scenarios{grid-template-columns:1fr}.control-scenarios button{white-space:normal}.control-standard-tabs{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.control-link.is-route{animation:none}.control-node,.control-proof img,.control-progress span{transition:none}}