:root{--ctx-navy:#061a3a;--ctx-navy-2:#0a2b5a;--ctx-blue:#176bff;--ctx-blue-soft:#e8f1ff;--ctx-paper:#f2f6fc;--ctx-line:#d9e4f1;--ctx-text:#102744;--ctx-muted:#64768d;--ctx-green:#0a9368;--ctx-amber:#ef9a32}
.context-hero{position:relative;overflow:hidden;padding:72px 0 78px;color:#fff;background:radial-gradient(circle at 82% 15%,#1d5198 0,#0c3167 30%,#061a3a 68%)}.context-hero__grid,.context-final__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(129,176,246,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(129,176,246,.09) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2))}.context-hero__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);gap:68px;align-items:center}.context-hero__copy h1{max-width:720px;margin:0;color:#fff;font-size:clamp(48px,5vw,75px);line-height:1.02;letter-spacing:-.065em}.context-hero__copy h1 span,.context-heading h2 span,.context-boundary h2 span{color:#79abff}.context-hero__copy>p:not(.role-detail-kicker){max-width:680px;margin:25px 0 0;color:#bdcee4;font-size:18px;line-height:1.72}.context-hero__actions,.context-final .role-detail-shell>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.context-hero .button,.context-final .button{min-height:52px;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:800}.context-hero .button-ghost,.context-final .button-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04)}.context-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13)}.context-hero__facts span{padding-right:18px}.context-hero__facts b,.context-hero__facts small{display:block}.context-hero__facts b{color:#fff;font-size:13px}.context-hero__facts small{margin-top:5px;color:#92a9c5;font-size:11px;line-height:1.48}
.context-visual{overflow:hidden;padding:22px;border:7px solid #17375f;border-radius:24px;background:#f8faff;box-shadow:0 45px 90px rgba(0,0,0,.42)}.context-visual>header,.context-visual>header>span{display:flex;align-items:center}.context-visual>header{justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dce6f1}.context-visual>header>span{gap:11px}.context-visual header i{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;color:#fff;background:var(--ctx-blue);font-size:10px;font-style:normal;font-weight:900}.context-visual header small,.context-visual header b{display:block}.context-visual header small{color:var(--ctx-blue);font-size:9px;font-weight:900;letter-spacing:.07em}.context-visual header b{margin-top:4px;color:var(--ctx-text);font-size:16px}.context-visual header em{padding:6px 9px;border-radius:999px;color:#087b58;background:#dcf6ec;font-size:8px;font-style:normal;font-weight:900}.context-visual__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 0}.context-visual__metrics article{padding:14px;border:1px solid var(--ctx-line);border-radius:11px;background:#fff}.context-visual__metrics small,.context-visual__metrics b,.context-visual__metrics span{display:block}.context-visual__metrics small{color:var(--ctx-blue);font-size:8px;font-weight:900}.context-visual__metrics b{margin-top:7px;color:var(--ctx-text);font-size:13px}.context-visual__metrics span{margin-top:4px;color:#7a8ba0;font-size:8px;line-height:1.4}.context-visual__body{overflow:hidden;border:1px solid var(--ctx-line);border-radius:13px;background:#fff}.context-visual__head{padding:15px 16px;background:#edf4fc}.context-visual__head small,.context-visual__head b{display:block}.context-visual__head small{color:var(--ctx-blue);font-size:8px;font-weight:900}.context-visual__head b{margin-top:5px;color:var(--ctx-text);font-size:13px}.context-visual__body>article{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:13px 15px;border-top:1px solid #e2eaf3}.context-visual__body>article>i{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;color:var(--ctx-blue);background:#e7f0ff;font-size:8px;font-style:normal;font-weight:900}.context-visual__body b,.context-visual__body small{display:block}.context-visual__body b{color:var(--ctx-text);font-size:11px}.context-visual__body small{margin-top:3px;color:#78899e;font-size:8px;line-height:1.45}.context-visual__body article>span{color:var(--ctx-blue);font-size:8px;font-weight:900}.context-visual>footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding:13px 15px;border-radius:11px;background:#0a2954}.context-visual>footer>span{display:grid;grid-template-columns:32px 1fr;gap:2px 9px}.context-visual>footer i{grid-row:1/3;display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#fff;background:var(--ctx-amber);font-style:normal;font-weight:900}.context-visual>footer b{color:#fff;font-size:10px}.context-visual>footer small{color:#9eb3cd;font-size:8px}.context-visual>footer>em{color:#87b4ff;font-size:8px;font-style:normal;font-weight:900}
.contextual-mode-mobile .context-visual{max-width:430px;justify-self:center;border-radius:32px;transform:rotate(1deg)}.contextual-mode-mobile .context-visual__metrics{grid-template-columns:1fr}.contextual-mode-mobile .context-visual__metrics article{display:grid;grid-template-columns:1fr auto;align-items:center}.contextual-mode-mobile .context-visual__metrics b{font-size:18px}.contextual-mode-map .context-visual__body{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:9px;background:#eaf1fa}.contextual-mode-map .context-visual__head{grid-column:1/3}.contextual-mode-map .context-visual__body>article{display:block;border:0;border-radius:10px;background:#fff}.contextual-mode-map .context-visual__body>article>i{margin-bottom:11px}.contextual-mode-map .context-visual__body article>span{display:block;margin-top:9px}.contextual-mode-pipeline .context-visual__body>article{position:relative;padding-left:18px}.contextual-mode-pipeline .context-visual__body>article:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--ctx-blue);content:''}.contextual-mode-ledger .context-visual__body>article{grid-template-columns:34px 1fr 70px}.contextual-mode-ledger .context-visual__body article>span{padding:6px;border-radius:7px;text-align:center;background:#eaf2ff}.contextual-mode-catalog .context-visual__body{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:9px;background:#edf3fa}.contextual-mode-catalog .context-visual__head{grid-column:1/3}.contextual-mode-catalog .context-visual__body>article{display:block;min-height:105px;border:0;border-radius:9px;background:#fff}.contextual-mode-case .context-visual__body>article>i{color:#7c58d9;background:#eee8ff}.contextual-mode-gate .context-visual__body>article>i{color:#078566;background:#e1f6ef}.contextual-mode-community .context-visual__body>article>i{border-radius:50%;color:#fff;background:var(--ctx-blue)}.contextual-mode-planner .context-visual__body>article{grid-template-columns:34px 1fr 62px}.contextual-mode-calendar .context-visual__body>article>i{color:#a46300;background:#fff0d7}
.context-secondary>.role-detail-shell{display:grid;grid-template-columns:1fr auto 1fr}.context-secondary .role-detail-brand{font-size:13px}.context-secondary .role-detail-links{gap:19px}.context-secondary .role-detail-links a,.context-secondary .role-detail-cta{position:relative;white-space:nowrap;font-size:10px}.context-secondary .role-detail-links a.active{color:var(--ctx-blue)}.context-secondary .role-detail-links a.active:after{position:absolute;right:0;bottom:-20px;left:0;height:2px;background:var(--ctx-blue);content:''}
.context-section{padding:108px 0}.context-heading{max-width:850px;margin-bottom:45px}.context-heading--split{display:grid;grid-template-columns:1fr .72fr;max-width:none;gap:90px;align-items:end}.context-heading h2,.context-boundary h2,.context-final h2{margin:0;color:var(--ctx-text);font-size:clamp(40px,4.4vw,61px);line-height:1.04;letter-spacing:-.058em}.context-heading>p,.context-heading--split>p,.context-boundary__layout>div:first-child>p:last-child{margin:0;color:var(--ctx-muted);font-size:17px;line-height:1.78}.context-heading:not(.context-heading--split)>p:last-child{max-width:780px;margin-top:19px}.context-heading--light h2{color:#fff}.context-heading--light h2 span{color:#82b1ff}.context-heading--light>p{max-width:800px;color:#a4b7cf}
.context-focus{background:#fff}.context-focus__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:13px}.context-focus__lead{min-height:480px;padding:32px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#071d40,#0b3d7b)}.context-focus__lead>i{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;color:#fff;background:var(--ctx-blue);font-size:11px;font-style:normal;font-weight:900}.context-focus__lead>small{display:block;margin-top:62px;color:#86b4ff;font-size:10px;font-weight:900;letter-spacing:.12em}.context-focus__lead h3{margin:12px 0 15px;color:#fff;font-size:31px;line-height:1.16}.context-focus__lead>p{margin:0;color:#afc1d9;font-size:15px;line-height:1.72}.context-focus__lead>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:29px}.context-focus__lead>div span{padding:8px 10px;border-radius:999px;color:#c7d8ec;background:rgba(255,255,255,.08);font-size:10px;font-weight:750}.context-focus__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.context-focus__grid article{position:relative;min-height:232px;padding:25px;border:1px solid var(--ctx-line);border-radius:17px;background:#f8fbff}.context-focus__grid article>span{position:absolute;top:22px;right:22px;color:#b2bfd0;font-size:10px;font-weight:900}.context-focus__grid h3{margin:55px 0 10px;color:var(--ctx-text);font-size:19px}.context-focus__grid p{margin:0;color:var(--ctx-muted);font-size:13px;line-height:1.68}.context-focus--people .context-focus__lead{border-radius:32px;background:linear-gradient(160deg,#125dcc,#176bff)}.context-focus--network .context-focus__lead{background:linear-gradient(145deg,#09275a,#155fce)}
.context-capabilities{background:var(--ctx-paper)}.context-capabilities__grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--ctx-line);border-radius:20px;background:#fff}.context-capabilities__grid article{position:relative;min-height:245px;padding:27px;border-right:1px solid var(--ctx-line);border-bottom:1px solid var(--ctx-line)}.context-capabilities__grid article:nth-child(4n){border-right:0}.context-capabilities__grid article:nth-last-child(-n+4){border-bottom:0}.context-capabilities__grid article>span{position:absolute;top:22px;right:22px;color:#b5c1d0;font-size:10px;font-weight:900}.context-capabilities__grid article>i{display:grid;width:41px;height:41px;place-items:center;border-radius:11px;color:var(--ctx-blue);background:var(--ctx-blue-soft);font-size:9px;font-style:normal;font-weight:900}.context-capabilities__grid h3{margin:36px 0 10px;color:var(--ctx-text);font-size:18px}.context-capabilities__grid p{margin:0;color:var(--ctx-muted);font-size:13px;line-height:1.68}
.context-flow,.context-collaboration{background:var(--ctx-navy)}.context-flow__rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}.context-flow__rail>b{align-self:center;color:#55769c}.context-flow__rail article{position:relative;min-height:250px;padding:23px;border:1px solid #1a3c66;border-radius:17px;background:#0a2a56}.context-flow__rail article>span{position:absolute;top:20px;right:20px;color:#4f7199;font-size:10px;font-weight:900}.context-flow__rail article>i{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;color:#88b6ff;background:rgba(132,178,250,.12);font-size:10px;font-style:normal;font-weight:900}.context-flow__rail h3{margin:39px 0 10px;color:#fff;font-size:18px}.context-flow__rail p{margin:0;color:#a5b7cc;font-size:12px;line-height:1.64}.context-flow--people .context-flow__rail article{border-radius:25px}.context-flow--learning .context-flow__rail article:nth-child(4n+1){background:#0c3470}
.context-evidence{background:#fff}.context-evidence__layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.context-evidence__board,.context-evidence__layout>aside{overflow:hidden;border:1px solid var(--ctx-line);border-radius:21px}.context-evidence__board{background:#f9fbfe}.context-evidence__board>header{display:flex;align-items:end;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--ctx-line)}.context-evidence__board header small{color:var(--ctx-blue);font-size:9px;font-weight:900}.context-evidence__board header h3{margin:6px 0 0;color:var(--ctx-text);font-size:21px}.context-evidence__board header>span{color:#78899e;font-size:10px}.context-evidence__board>article{display:grid;grid-template-columns:39px 1fr auto;gap:14px;align-items:start;padding:20px 24px;border-bottom:1px solid var(--ctx-line)}.context-evidence__board>article:last-child{border:0}.context-evidence__board article>i{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;color:var(--ctx-blue);background:#e7f0ff;font-size:9px;font-style:normal;font-weight:900}.context-evidence__board article small{color:var(--ctx-blue);font-size:8px;font-weight:900}.context-evidence__board article b{display:block;margin-top:5px;color:var(--ctx-text);font-size:12px;line-height:1.5}.context-evidence__board article>span{padding:7px 9px;border-radius:999px;color:#087b58;background:#ddf6ec;font-size:8px;font-weight:900}.context-evidence__layout>aside{padding:31px;color:#fff;border-color:#173c69;background:#0a2a56}.context-evidence__layout>aside>small{color:#86b4ff;font-size:9px;font-weight:900}.context-evidence__layout>aside h3{margin:13px 0 23px;color:#fff;font-size:29px;line-height:1.18}.context-evidence__layout>aside ul{margin:0;padding:0;list-style:none}.context-evidence__layout>aside li{position:relative;padding:13px 0 13px 22px;border-top:1px solid rgba(255,255,255,.1);color:#b1c2d6;font-size:11px;line-height:1.5}.context-evidence__layout>aside li:before{position:absolute;left:0;color:#87b4ff;content:'\2713'}
.context-collaboration__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.context-collaboration__grid article{position:relative;min-height:230px;padding:25px;border:1px solid #1a3c65;border-radius:17px;background:#0a2a56}.context-collaboration__grid article>i{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;color:#8ab7ff;background:rgba(132,178,250,.12);font-size:10px;font-style:normal;font-weight:900}.context-collaboration__grid h3{margin:35px 0 10px;color:#fff;font-size:18px}.context-collaboration__grid p{margin:0;color:#a6b8cd;font-size:13px;line-height:1.65}.context-collaboration__grid article>span{position:absolute;right:24px;bottom:21px;color:#82b0ff;font-size:8px;font-weight:900;letter-spacing:.08em}
.context-boundary{background:var(--ctx-paper)}.context-boundary__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:84px;align-items:center}.context-boundary__layout>div:first-child>p:last-child{margin-top:23px}.context-boundary__matrix{overflow:hidden;border:1px solid var(--ctx-line);border-radius:21px;background:#fff}.context-boundary__matrix article{display:grid;grid-template-columns:82px 1fr 34px;gap:16px;align-items:center;padding:22px 25px;border-bottom:1px solid #e1e9f2}.context-boundary__matrix article:last-child{border:0}.context-boundary__matrix article>span{font-size:9px;font-weight:900}.context-boundary__matrix .yes>span{color:#087b57}.context-boundary__matrix .limited>span{color:#a96300}.context-boundary__matrix .no>span{color:#b74747}.context-boundary__matrix b{color:var(--ctx-text);font-size:13px}.context-boundary__matrix p{margin:5px 0 0;color:#74869c;font-size:10px;line-height:1.5}.context-boundary__matrix article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;font-style:normal;font-weight:900}.context-boundary__matrix .yes>i{color:#087b57;background:#ddf6ec}.context-boundary__matrix .limited>i{color:#a86200;background:#ffedcf}.context-boundary__matrix .no>i{color:#b34444;background:#ffe5e5}
.context-final{position:relative;overflow:hidden;padding:108px 0;color:#fff;text-align:center;background:linear-gradient(135deg,#176bff,#0c4fc0)}.context-final>.role-detail-shell{position:relative;z-index:1;max-width:920px}.context-final h2{color:#fff}.context-final h2 span{color:#dce9ff}.context-final p:not(.role-detail-kicker){max-width:700px;margin:20px auto 0;color:#d6e4f9;font-size:17px;line-height:1.75}.context-final .role-detail-shell>div{justify-content:center}.context-final .button-primary{color:#145dcc;background:#fff}
@media(max-width:1160px){.context-hero__layout,.context-focus__layout,.context-evidence__layout,.context-boundary__layout{grid-template-columns:1fr}.context-visual{max-width:760px}.context-heading--split{grid-template-columns:1fr;gap:24px}.context-capabilities__grid{grid-template-columns:repeat(2,1fr)}.context-capabilities__grid article:nth-child(4n),.context-capabilities__grid article:nth-last-child(-n+4){border-right:1px solid var(--ctx-line);border-bottom:1px solid var(--ctx-line)}.context-capabilities__grid article:nth-child(2n){border-right:0}.context-capabilities__grid article:nth-last-child(-n+2){border-bottom:0}.context-flow__rail{grid-template-columns:repeat(3,1fr)}.context-flow__rail>b{display:none}}
@media(max-width:900px){.context-hero{padding:66px 0 72px}.context-section{padding:82px 0}.context-secondary .role-detail-links{gap:17px}.context-secondary .role-detail-links a.active:after{bottom:-17px}.context-collaboration__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.context-hero__copy h1{font-size:43px}.context-hero__copy>p:not(.role-detail-kicker),.context-heading>p,.context-heading--split>p{font-size:15px}.context-hero__facts,.context-visual__metrics,.context-focus__grid,.context-capabilities__grid,.context-flow__rail,.context-collaboration__grid{grid-template-columns:1fr}.context-visual{padding:16px;border-width:5px;transform:none}.context-visual__body>article{grid-template-columns:33px 1fr}.context-visual__body article>span{grid-column:2}.contextual-mode-map .context-visual__body,.contextual-mode-catalog .context-visual__body{grid-template-columns:1fr}.contextual-mode-map .context-visual__head,.contextual-mode-catalog .context-visual__head{grid-column:auto}.context-focus__lead{min-height:auto}.context-capabilities__grid article,.context-capabilities__grid article:nth-child(2n),.context-capabilities__grid article:nth-child(4n),.context-capabilities__grid article:nth-last-child(-n+4){min-height:auto;border-right:0;border-bottom:1px solid var(--ctx-line)}.context-capabilities__grid article:last-child{border-bottom:0}.context-evidence__board>article{grid-template-columns:37px 1fr}.context-evidence__board article>span{grid-column:2}.context-boundary__matrix article{grid-template-columns:1fr 32px}.context-boundary__matrix article>span{grid-column:1/3}.context-hero__actions,.context-final .role-detail-shell>div{flex-direction:column}.context-hero__actions .button,.context-final .button{width:100%}}
@media(prefers-reduced-motion:reduce){.contextual-mode-mobile .context-visual{transform:none}}

/* Keterbacaan minimum untuk navigasi, mockup, label, dan bukti kerja. */
.contextual-role-page .role-detail-back{font-size:14px}
.contextual-role-page .role-detail-kicker{font-size:12px}
.context-secondary .role-detail-brand{font-size:15px}
.context-secondary .role-detail-links a{font-size:13px}
.context-secondary .role-detail-cta{font-size:12px}
.context-hero__facts b{font-size:14px}
.context-hero__facts small{font-size:12px}
.context-visual header i{font-size:12px}
.context-visual header small{font-size:11px}
.context-visual header em{font-size:10px}
.context-visual__metrics small,.context-visual__metrics span{font-size:10px}
.context-visual__metrics b{font-size:14px}
.context-visual__head small{font-size:10px}
.context-visual__head b{font-size:14px}
.context-visual__body>article>i{font-size:10px}
.context-visual__body b{font-size:13px}
.context-visual__body small,.context-visual__body article>span{font-size:10px}
.context-visual>footer b{font-size:12px}
.context-visual>footer small,.context-visual>footer>em{font-size:10px}
.context-focus__lead>small,.context-focus__lead>div span{font-size:12px}
.context-focus__grid article>span,.context-capabilities__grid article>span{font-size:12px}
.context-capabilities__grid article>i{font-size:11px}
.context-flow__rail article>span,.context-flow__rail article>i{font-size:12px}
.context-flow__rail p{font-size:13px}
.context-evidence__board header small,.context-evidence__layout>aside>small{font-size:11px}
.context-evidence__board header>span{font-size:12px}
.context-evidence__board article>i,.context-evidence__board article small,.context-evidence__board article>span{font-size:10px}
.context-evidence__board article b{font-size:14px}
.context-evidence__layout>aside li{font-size:13px}
.context-collaboration__grid article>i,.context-collaboration__grid article>span{font-size:11px}
.context-boundary__matrix article>span{font-size:11px}
.context-boundary__matrix b{font-size:14px}
.context-boundary__matrix p{font-size:12px}